@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.47 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/fresh.css");const u=require("@javaguns/utils"),s=require("../../utils/constant.js"),w=require("../../hooks/useIcon.js"),l=require("../../utils/injection-key.js"),v=require("@javaguns/ui");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 h=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 S={class:"guns-flow-item-card-header"},y={class:"guns-flow-item-card-header-title"},k={class:"guns-flow-item-card-content"},E=e.createElementVNode("div",{class:"guns-flow-item-card-footer"},[e.createElementVNode("div",{class:"guns-flow-item-card-footer-icon"},[e.createElementVNode("span",{class:"flowfont icon-shuju-fill"}),e.createElementVNode("span",{class:"flowfont icon-gongzuoliuchengtu"})]),e.createElementVNode("div",{class:"guns-flow-item-card-footer-handle"},[e.createElementVNode("span",{class:"flowfont icon-fuzhiwenjian"})])],-1),V={key:1},q={class:"guns-flow-item-card-header"},B={class:"guns-flow-item-card-header-title"},C={class:"guns-flow-item-card-content"},b=e.createStaticVNode('<div class="guns-flow-item-card-footer"><div class="guns-flow-item-card-footer-icon"><span class="flowfont icon-shuju-fill"></span><span class="flowfont icon-gongzuoliuchengtu"></span></div><div class="guns-flow-item-card-footer-handle"><span class="flowfont icon-fuzhiwenjian"></span></div></div>',1),z=e.defineComponent({name:"guns-square-node"}),M=e.defineComponent({...z,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(m){const f=u.pluginManager.getComponent("Row"),a=u.pluginManager.getComponent("Col"),o=m,p=e.inject(l.TasksKey,[]),g=e.inject(l.ReadonlyKey,!1),_=e.inject(l.MinMapKey,!1);e.onMounted(()=>{o.node||(o.node.nodeName="",o.type=="begin"&&!o.name?o.node.nodeName="发起节点":o.type==s.NODE_SUB_TYPES_MAP.approver&&!o.name?o.node.nodeName="审批节点":o.type==s.NODE_SUB_TYPES_MAP.branch&&!o.name?o.node.nodeName="条件":o.type==s.NODE_SUB_TYPES_MAP.cc&&!o.name&&(o.node.nodeName="抄送节点"))});const{loadIcon:c}=w.default(),d=e.computed(()=>p.value.filter(t=>t.ruNodeId==o.node.ruNodeId));e.computed(()=>t=>t.nodeStatus==-1?null:{"node-status-not":t.nodeStatus==0,"node-status-current":t.nodeStatus==1,"node-status-complete":t.nodeStatus==2,"node-status-skip":t.nodeStatus==3,"node-status-reject":t.nodeStatus==4,"node-status-back":t.nodeStatus==5,"node-status-revoke":t.nodeStatus==6});const N=e.computed(()=>(t,n)=>{if(t)return{background:`linear-gradient(271deg, ${n.color1} 9%, ${n.color2} 35%, ${n.color3} 90%)`}}),i=e.computed(()=>t=>t.nodeStatus==-1?{background:`linear-gradient(271deg, ${t.color1} 9%, ${t.color2} 35%, ${t.color3} 90%)`}:null);return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:"guns-flow-node-fresh",style:e.normalizeStyle(N.value(e.unref(_),o.node))},[e.unref(g)&&d.value.length>0?(e.openBlock(),e.createBlock(e.unref(v.GunsPopover),{key:0,placement:"top",width:200,trigger:"hover"},{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("div",{class:"guns-flow-item-card-top-bar",style:e.normalizeStyle(i.value(o.node))},null,4),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c)(o.node)),{color:o.node.color1,class:"guns-flow-item-card-img",size:"20"},null,8,["color"])),e.createElementVNode("div",S,[e.createElementVNode("span",y,e.toDisplayString(o.node.nodeName),1)]),e.createElementVNode("div",k,[e.renderSlot(t.$slots,"context",{currNode:o.node},()=>[e.createElementVNode("pre",{class:e.normalizeClass({"guns-flow-node-main-context":!o.node.content})},e.toDisplayString(o.node.content?o.node.content:"设置此节点"),3)])]),E])]),content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,r=>(e.openBlock(),e.createBlock(e.unref(f),{key:r.taskId,"column-num":2},{default:e.withCtx(()=>[e.createVNode(e.unref(a),{span:14},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.approverWrapper),1)]),_:2},1024),e.createVNode(e.unref(a),{span:10},{default:e.withCtx(()=>[e.createVNode(e.unref(h.GunsFlowTaskStatus),{task:r},null,8,["task"])]),_:2},1024)]),_:2},1024))),128))]),_:3})):(e.openBlock(),e.createElementBlock("div",V,[e.createElementVNode("div",{class:"guns-flow-item-card-top-bar",style:e.normalizeStyle(i.value(o.node))},null,4),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c)(o.node)),{color:o.node.color1,class:"guns-flow-item-card-img",size:"20"},null,8,["color"])),e.createElementVNode("div",q,[e.createElementVNode("span",B,e.toDisplayString(o.node.nodeName),1)]),e.createElementVNode("div",C,[e.renderSlot(t.$slots,"context",{currNode:o.node},()=>[e.createElementVNode("pre",{class:e.normalizeClass({"guns-flow-node-main-context":!o.node.content})},e.toDisplayString(o.node.content?o.node.content:"设置此节点"),3)])]),b]))],4))}});exports.default=M;