| 1 |
- import{u as w,c as V}from"./vue-flow-core-7ee81289.js";import{_ as N}from"./vue-flow-background-8b672974.js";import{u as b,a as E}from"./delete-44dafa9a.js";import{f as n,o as l,b as g,e as t,t as B,m as C,C as D,v as $,r as _,w as M,O as m,d as h}from"./index-808fa7dd.js";const z={key:0,class:"dialog-overlay"},T={class:"dialog"},q=t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 24 24"},[t("path",{fill:"#e53e3e",d:"M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zm2-4h2V8H9zm4 0h2V8h-2z"})],-1),H={key:0},I={__name:"d",setup(v){const{isVisible:a,message:i,resolve:c}=b();function r(){c(!0),a.value=!1}function d(){c(!1),a.value=!1}return(p,f)=>n(a)?(l(),g("div",z,[t("div",T,[q,typeof n(i)=="string"?(l(),g("p",H,B(n(i)),1)):(l(),C(D(n(i)),{key:1})),t("div",{class:"actions"},[t("button",{onClick:r},"Confirm"),t("button",{onClick:d},"Cancel")])])])):$("",!0)}},O={__name:"demo",setup(v){const{onConnect:a,addEdges:i,onNodesChange:c,onEdgesChange:r,applyNodeChanges:d,applyEdgeChanges:p}=w(),f=E(),y=_([{id:"1",type:"input",data:{label:"Click me and"},position:{x:0,y:0}},{id:"2",data:{label:"press 'Backspace' to delete me"},position:{x:0,y:100}}]),x=_([{id:"e1-2",source:"1",target:"2"}]);function u(o){return console.log("id11111111"),m("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"8px"}},["Are you sure?",m("br"),m("span",`[ELEMENT_ID: ${o}]`)])}return a(i),c(async o=>{console.log(o);const e=[];for(const s of o)s.type==="remove"?await f.confirm(u(s.id))&&e.push(s):e.push(s);console.log(e),d(e)}),r(async o=>{console.log(1112222);const e=[];for(const s of o)s.type==="remove"?await f.confirm(u(s.id))&&e.push(s):e.push(s);console.log(e),p(e)}),(o,e)=>(l(),C(n(V),{nodes:y.value,edges:x.value,onNodeClick:o.onNodeClick,onContextmenu:o.onContextMenu,"apply-default":!1,"fit-view-on-init":"",class:"confirm-flow"},{default:M(()=>[h(n(N)),h(I)]),_:1},8,["nodes","edges","onNodeClick","onContextmenu"]))}};export{O as default};
|
