You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
1.6 KiB
2 lines
1.6 KiB
|
4 months ago
|
import{u as C,_ as k}from"./nodeWrap-ecd3ef30.js";import{i as x}from"./index-fc6972c3.js";import{d as z,r as a,G as I,a as y,f as S,q as o,n as _,h as l,t as b,O as P,e as B,I as p,p as D,m as F,_ as M}from"./index-e450010e.js";import"./v4-4a60fe23.js";import"./index-caeb545b.js";const V=d=>(D("data-v-873f4a03"),d=d(),F(),d),L={class:"canvas_body"},N={class:"fd-nav-content-new"},T={class:"dingflow-design"},U={class:"zoom"},W=V(()=>o("div",{class:"end-node"},[o("div",{class:"end-node-circle"}),o("div",{class:"end-node-text"},"流程结束1")],-1)),h=z({__name:"flowcanvas",setup(d){let{setTableId:u,setIsTried:q}=C();a([]),a(!1);let n=a(100);a({});let t=a({}),v=a({}),i=a([]),m=a(0);I(async()=>{let{data:r}=await x({name:""}),{nodeConfig:e,flowPermission:c,directorMaxLevel:s,workFlowDef:w,tableId:g}=r;t.value=e,i.value=c,m.value=s,v.value=w,u(g)});const f=r=>{if(r==1){if(n.value==50)return;n.value-=10}else{if(n.value==300)return;n.value+=10}};return(r,e)=>{const c=k;return y(),S("div",L,[o("div",N,[o("section",T,[o("div",U,[o("div",{class:_(["zoom-out",l(n)==50&&"disabled"]),onClick:e[0]||(e[0]=s=>f(1))},null,2),o("span",null,b(l(n))+"%",1),o("div",{class:_(["zoom-in",l(n)==300&&"disabled"]),onClick:e[1]||(e[1]=s=>f(2))},null,2)]),o("div",{class:"box-scale",style:P(`transform: scale(${l(n)/100});`)},[B(c,{nodeConfig:l(t),"onUpdate:nodeConfig":e[2]||(e[2]=s=>p(t)?t.value=s:t=s),flowPermission:l(i),"onUpdate:flowPermission":e[3]||(e[3]=s=>p(i)?i.value=s:i=s)},null,8,["nodeConfig","flowPermission"]),W],4)])])])}}});const j=M(h,[["__scopeId","data-v-873f4a03"]]);export{j as default};
|