|
|
-import{u as w,c as V}from"./vue-flow-core-1a88c3a1.js";import{_ as N}from"./vue-flow-background-9e6acb10.js";import{u as b,a as D}from"./delete-9e55ec40.js";import{f as n,o as l,b as _,e as t,t as E,D as C,K as B,q as $,r as g,w as M,ac as p,d as h}from"./index-8d0bf0b2.js";const q={key:0,class:"dialog-overlay"},z={class:"dialog"},T=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(),_("div",q,[t("div",z,[T,typeof n(i)=="string"?(l(),_("p",H,E(n(i)),1)):(l(),C(B(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=D(),v=g([{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=g([{id:"e1-2",source:"1",target:"2"}]);function m(s){return p("span",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"8px"}},["Are you sure?",p("br"),p("span",`[ELEMENT_ID: ${s}]`)])}return a(i),c(async s=>{const o=[];for(const e of s)e.type==="remove"?await f.confirm(m(e.id))&&o.push(e):o.push(e);d(o)}),r(async s=>{const o=[];for(const e of s)e.type==="remove"?await f.confirm(m(e.id))&&o.push(e):o.push(e);u(o)}),(s,o)=>(l(),C(n(V),{nodes:v.value,edges:x.value,onNodeClick:s.onNodeClick,onContextmenu:s.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};
|