@javaguns/flow-ui
Version:
``` <template> <a-spin :spinning="loading"> <FlowDesigner ref="flowDesigner" top="50px"> </FlowDesigner> </a-spin> </template> <script lang="ts" setup> import { ref, provide, onMounted } from 'vue'; import { FlowDesigner, LoadingKey } from '@j
2 lines (1 loc) • 5.96 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const X=require("@javaguns/utils"),r=require("../utils/injection-key.js"),l=require("../types/node.js"),ee=require("../hooks/useData.js"),oe=require("../hooks/useNode.js"),re=require("./hooks/drawer.js"),ne=require("./hooks/event.js"),te=require("./hooks/interaction.js"),ue=require("./hooks/drag.js"),le=require("./hooks/data.js"),ae=require("../flow-render/index.js"),de=require("../flow-nav/index.js"),se=require("./drawer/drawerHeader.vue.js"),ie=require("./drawer/drawerBody.vue.js"),ce=require("./drawer/drawerFooter.vue.js"),pe=require("./drawer/flowBeginDrawer.vue.js"),fe=require("./drawer/flowApproverDrawer.vue.js"),D=require("./drawer/flowBranchDrawer.vue.js"),ve=require("./drawer/flowCopyerDrawer.vue.js"),_e=require("./drawer/flowJumpDrawer.vue.js"),we=require("./drawer/flowNoticeDrawer.vue.js"),ye=require("./drawer/flowSubFlowDrawer.vue.js"),Ne=require("./weiget/flowGlobalSetting.vue.js"),me=e.defineComponent({name:"flow-designer"}),ge=e.defineComponent({...me,props:{width:{},height:{default:"100%"},top:{},bottom:{},readonly:{type:Boolean,default:!0},showZoom:{type:Boolean},drag:{type:Boolean,default:!1},nav:{type:Boolean,default:!0},node:{},privileges:{default:()=>[]}},emits:["load","preview","close"],setup(h,{expose:B,emit:q}){const b=X.pluginManager.getComponent("Drawer"),t=h,K=e.ref(),_=e.ref(),i=e.ref(),w=e.ref(),y=e.ref(),N=e.ref(),a=e.ref({}),c=e.ref({}),o=e.ref({}),d=e.ref({}),p=e.ref(!1),{showNode:u}=oe.useNode(p),{initNode:V}=ee.default(),T=e.inject(r.LoadingKey,e.ref(!1)),R=q,{privileges:F,baseColumns:P,formColumns:S,dictTreeDatas:A,orgApproverUserTypes:E,positions:I,roles:M,model:m,loadFlowData:U}=le.useFlowData(),{publish:g,upgrade:x,refresh:O,preview:j,close:L,setData:Z,getData:G,modelId:k,definitionId:C}=te.useInteraction(a,R,T,U),{open:n,closeDrawer:f,saveDrawer:H}=re.useDrawer(k,C,c,o,_,i,w,y,N),{dragSourceNode:J,dragTargetNode:$}=ue.useDrag(),{addNodeEvent:z,delNodeEvent:W,nodeClickEvent:Y,branchNodeClickEvent:Q}=ne.useEvent(n,p,a,c,d,o);return e.onMounted(()=>{t.node?a.value=t.node:a.value=V()}),e.provide(r.ModelKey,m),e.provide(r.NodeKey,a),e.provide(r.CurrNodeKey,c),e.provide(r.AddNodeKey,z),e.provide(r.DelClickKey,W),e.provide(r.NodeClickKey,Y),e.provide(r.BranchNodeClickKey,Q),e.provide(r.DragSourceNodeKey,J),e.provide(r.DragTargetNodeKey,$),e.provide(r.PrivilegesKey,F),e.provide(r.BaseColumnsKey,P),e.provide(r.FormColumnsKey,S),e.provide(r.OrgApproverUserTypeKey,E),e.provide(r.DictTreeKey,A),e.provide(r.PositionsKey,I),e.provide(r.RolesKey,M),e.provide(r.NodeModifyKey,p),B({publish:g,setData:Z,getData:G}),(ke,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(de.FlowNav),{name:e.unref(m).modelName,node:a.value,nav:t.nav,onRefresh:e.unref(O),onPublish:e.unref(g),onUpgrade:e.unref(x),onPreview:e.unref(j),onClose:e.unref(L)},null,8,["name","node","nav","onRefresh","onPublish","onUpgrade","onPreview","onClose"]),e.createVNode(e.unref(ae.FlowRender),{ref_key:"flowRender",ref:K,node:a.value,readonly:!1,vertical:!0,left:t.left,top:t.top,height:t.height,showZoom:t.showZoom},null,8,["node","left","top","height","showZoom"]),e.createVNode(Ne.default,{modelId:e.unref(k),definitionId:e.unref(C)},null,8,["modelId","definitionId"]),e.unref(n)?(e.openBlock(),e.createBlock(e.unref(b),{key:0,open:e.unref(n),"onUpdate:open":s[0]||(s[0]=v=>e.isRef(n)?n.value=v:null),modelValue:e.unref(n),"onUpdate:modelValue":s[1]||(s[1]=v=>e.isRef(n)?n.value=v:null),visible:e.unref(n),show:e.unref(n),placement:"right",direction:"rtl","custom-class":"flow-drawer",class:"flow-drawer","class-name":"flow-drawer","append-to-body":!0,"with-header":!1,"show-close":!1,header:!1,footer:!1,closable:!1,width:"50%",size:"50%",onCancel:e.unref(f),onClose:e.unref(f)},{default:e.withCtx(()=>[e.createVNode(se.default,{node:o.value},null,8,["node"]),e.createVNode(ie.default,{node:o.value},{default:e.withCtx(()=>[e.unref(u)(o.value,e.unref(l.NodeType).START)?(e.openBlock(),e.createBlock(pe.default,{key:0,node:o.value,privileges:t.privileges},null,8,["node","privileges"])):e.createCommentVNode("",!0),e.unref(u)(o.value,e.unref(l.NodeType).APPROVER)?(e.openBlock(),e.createBlock(fe.default,{key:1,ref_key:"approverDrawer",ref:_,node:o.value,privileges:t.privileges},null,8,["node","privileges"])):e.createCommentVNode("",!0),e.unref(u)(o.value,e.unref(l.NodeType).BRANCH)?(e.openBlock(),e.createBlock(D.default,{key:2,ref_key:"branchDrawer",ref:i,node:o.value,routeNode:d.value},null,8,["node","routeNode"])):e.createCommentVNode("",!0),e.unref(u)(o.value,e.unref(l.NodeType).PARALLEL_BRANCH)?(e.openBlock(),e.createBlock(D.default,{key:3,ref_key:"branchDrawer",ref:i,node:o.value,routeNode:d.value},null,8,["node","routeNode"])):e.createCommentVNode("",!0),e.unref(u)(o.value,e.unref(l.NodeType).COPYER)?(e.openBlock(),e.createBlock(ve.default,{key:4,node:o.value,routeNode:d.value},null,8,["node","routeNode"])):e.createCommentVNode("",!0),e.unref(u)(o.value,e.unref(l.NodeType).JUMP)?(e.openBlock(),e.createBlock(_e.default,{key:5,ref_key:"jumpDrawer",ref:w,node:o.value,routeNode:d.value},null,8,["node","routeNode"])):e.createCommentVNode("",!0),e.unref(u)(o.value,e.unref(l.NodeType).NOTICE)?(e.openBlock(),e.createBlock(we.default,{key:6,ref_key:"noticeDrawer",ref:y,node:o.value,routeNode:d.value},null,8,["node","routeNode"])):e.createCommentVNode("",!0),e.unref(u)(o.value,e.unref(l.NodeType).SUB_FLOW)?(e.openBlock(),e.createBlock(ye.default,{key:7,ref_key:"subFlowDrawer",ref:N,node:o.value,routeNode:d.value},null,8,["node","routeNode"])):e.createCommentVNode("",!0)]),_:1},8,["node"]),e.createVNode(ce.default,{onSave:e.unref(H),onClose:e.unref(f)},null,8,["onSave","onClose"])]),_:1},8,["open","modelValue","visible","show","onCancel","onClose"])):e.createCommentVNode("",!0)],64))}});exports.default=ge;