| 1 |
- import{u as w,c as V}from"./vue-flow-core-bbf6fe1c.js";import{_ as N}from"./vue-flow-background-5ffac9e3.js";import{u as b,a as B}from"./delete-7c52bf59.js";import{f as n,o as l,b as g,e as t,t as E,B as C,J as D,C as $,r as _,w as M,Y as p,d as h}from"./index-c8c1847c.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(y){const{isVisible:a,message:i,resolve:c}=b();function r(){c(!0),a.value=!1}function d(){c(!1),a.value=!1}return(u,f)=>n(a)?(l(),g("div",z,[t("div",T,[q,typeof n(i)=="string"?(l(),g("p",H,E(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)}},L={__name:"demo",setup(y){const{onConnect:a,addEdges:i,onNodesChange:c,onEdgesChange:r,applyNodeChanges:d,applyEdgeChanges:u}=w(),f=B(),v=_([{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 m(o){return console.log("id11111111"),p("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"8px"}},["Are you sure?",p("br"),p("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(m(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(m(s.id))&&e.push(s):e.push(s);console.log(e),u(e)}),(o,e)=>(l(),C(n(V),{nodes:v.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{L as default};
|
