@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) • 2.1 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const g=require("./render.js"),c=require("../utils/api.js"),d=require("../utils/injection-key.js"),I=require("../utils/constant.js"),h=require("../hooks/useData.js"),q=require("./node/startNode.vue.js"),N=require("./node/endNode.vue.js"),w=require("./node/assembleNode.vue.js"),B={class:"flow-chart-container"},K=e.defineComponent({name:"flow-chart"}),D=e.defineComponent({...K,props:{vertical:{type:Boolean,default:!1},top:{},zoomTop:{},pTop:{default:"20px"},pBottom:{},scroll:{type:Boolean,default:!0},complete:{type:Boolean},width:{},height:{default:"100%"},readonly:{type:Boolean,default:!1},showStatus:{type:Boolean,default:!0},statusMode:{default:g.STATUS_MODES_MAP.horizontal},nodeMode:{default:I.NODE_TYPES_MAP.square},showZoom:{type:Boolean},drag:{type:Boolean,default:!1},node:{}},emits:["load"],setup(r,{expose:f,emit:_}){const a=r,o=e.inject(d.NodeKey,e.toRef(a.node||{})),l=e.ref([]),p=e.ref(!1),{initNode:u}=h.default();e.onMounted(()=>{a.node||(o.value=u())});const v=_,y=async t=>{const n=await c.getDesign({instanceId:t.instanceId,modelId:t.modelId,definitionId:t.modelId,formKey:t.formKey,modelKey:t.modelKey,edit:!1});if(n&&n.data&&n.data.data?o.value=n.data.data:o.value=u(),console.log("node",o.value),t.instanceId){const s=await c.getInstanceDetail({instanceId:t.instanceId});s&&s.data&&s.data.data&&(p.value=s.data.data.flowStatus==2);const i=await c.getRuTaskList({instanceId:t.instanceId});i&&i.data&&(l.value=i.data.data)}v("load",{node:o.value,tasks:l.value})},m=()=>o.value;return e.provide(d.NodeKey,o),e.provide(d.TasksKey,l),e.provide(d.ReadonlyKey,a.readonly),e.provide(d.VerticalKey,a.vertical),f({setData:y,getData:m}),(t,n)=>(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",{class:e.normalizeClass(["flow-chart-content",{vertical:a.vertical}])},[e.createVNode(q.default),e.createVNode(w.default,{node:a.node},null,8,["node"]),e.createVNode(N.default)],2)]))}});exports.default=D;