@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) • 4.42 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/square.css");const c=require("@javaguns/utils"),i=require("@javaguns/ui"),r=require("../../utils/constant.js"),S=require("../../hooks/useIcon.js"),m=require("../../utils/injection-key.js");require("../../flow-widget/flow-node-addbutton/index.js");require("../../flow-widget/flow-node-delbutton/index.js");require("../../flow-widget/flow-node-delconfirm/index.js");require("../../flow-widget/flow-node-errorwarn/index.js");require("../../flow-widget/flow-node-dragtool/index.js");require("../../flow-widget/flow-node-zoom/index.js");const _=require("../../flow-widget/flow-task-status/index.js");require("../../flow-widget/flow-task-image/index.js");require("../../flow-widget/flow-task-timeline/index.js");require("../../flow-widget/flow-task-user/index.js");const k={class:"guns-flow-node-square"},y={class:"guns-flow-node-square-card"},v={class:"guns-flow-node-main"},q={key:1,class:"guns-flow-node-square-card"},w={class:"guns-flow-node-main"},C=e.defineComponent({name:"guns-square-node"}),B=e.defineComponent({...C,props:{type:{},name:{default:""},node:{default:{nodeName:"",nodeStatus:-1,color1:"rgb(0, 184, 120)",color2:"rgb(0, 184, 120)",color3:"rgb(0, 215, 138)"}}},setup(p){const f=c.pluginManager.getComponent("Row"),s=c.pluginManager.getComponent("Col"),n=p,g=e.inject(m.TasksKey,[]),N=e.inject(m.ReadonlyKey,!1);e.onMounted(()=>{n.node||(n.node.nodeName="",n.type=="begin"&&!n.name?n.node.nodeName="发起节点":n.type==r.NODE_SUB_TYPES_MAP.approver&&!n.name?n.node.nodeName="审批节点":n.type==r.NODE_SUB_TYPES_MAP.branch&&!n.name?n.node.nodeName="条件":n.type==r.NODE_SUB_TYPES_MAP.cc&&!n.name&&(n.node.nodeName="抄送节点"))});const{loadIcon:a}=S.default(),l=e.computed(()=>g.value.filter(o=>o.ruNodeId==n.node.ruNodeId)),d=e.computed(()=>o=>o.nodeStatus==-1?null:{"node-status-not":o.nodeStatus==0,"node-status-current":o.nodeStatus==1,"node-status-complete":o.nodeStatus==2,"node-status-skip":o.nodeStatus==3,"node-status-reject":o.nodeStatus==4,"node-status-back":o.nodeStatus==5,"node-status-revoke":o.nodeStatus==6}),u=e.computed(()=>o=>o.nodeStatus==-1?{background:`linear-gradient(271deg, ${o.color1} 9%, ${o.color2} 35%, ${o.color3} 90%)`}:null);return(o,h)=>(e.openBlock(),e.createElementBlock("div",k,[e.unref(N)&&l.value.length>0?(e.openBlock(),e.createBlock(e.unref(i.GunsPopover),{key:0,placement:"top",width:200,trigger:"hover"},{default:e.withCtx(()=>[e.createElementVNode("div",y,[e.createElementVNode("div",{class:e.normalizeClass(["guns-flow-node-name",d.value(n.node)]),style:e.normalizeStyle(u.value(n.node))},[e.renderSlot(o.$slots,"name",{currNode:n.node},()=>[e.createTextVNode(e.toDisplayString(n.node.nodeName),1)]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)(n.node)),{size:"20"}))],6),e.createElementVNode("div",v,[e.renderSlot(o.$slots,"context",{currNode:n.node},()=>[e.createElementVNode("pre",{class:e.normalizeClass({"guns-flow-node-main-context":!n.node.content})},e.toDisplayString(n.node.content?n.node.content:"设置此节点"),3)])])])]),content:e.withCtx(()=>[e.createVNode(e.unref(i.GunsSpace),{dir:"vertical"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,t=>(e.openBlock(),e.createBlock(e.unref(f),{key:t.taskId,"column-num":2},{default:e.withCtx(()=>[e.createVNode(e.unref(s),{span:10},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.approverWrapper),1)]),_:2},1024),e.createVNode(e.unref(s),{span:14},{default:e.withCtx(()=>[e.createVNode(e.unref(_.GunsFlowTaskStatus),{task:t},null,8,["task"])]),_:2},1024)]),_:2},1024))),128))]),_:1})]),_:3})):(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",{class:e.normalizeClass(["guns-flow-node-name",d.value(n.node)]),style:e.normalizeStyle(u.value(n.node))},[e.renderSlot(o.$slots,"name",{currNode:n.node},()=>[e.createTextVNode(e.toDisplayString(n.node.nodeName),1)]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)(n.node)),{size:"20"}))],6),e.createElementVNode("div",w,[e.renderSlot(o.$slots,"context",{currNode:n.node},()=>[e.createElementVNode("pre",{class:e.normalizeClass({"guns-flow-node-main-context":!n.node.content})},e.toDisplayString(n.node.content?n.node.content:"设置此节点"),3)])])]))]))}});exports.default=B;