@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.45 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const w=require("./render.js"),r=require("../utils/api.js"),l=require("../utils/injection-key.js"),T=require("../utils/constant.js"),_=require("../hooks/useData.js"),q=require("../flow-panel/index.js"),p=require("../flow-node/flow-simple-node/index.js");require("../flow-node/flow-branch-node/index.js");const I=require("../flow-node/flow-assemble-node/index.js"),D=e.defineComponent({name:"flow-render"}),N=e.defineComponent({...D,props:{top:{},zoomTop:{},pTop:{default:"20px"},pBottom:{},scroll:{type:Boolean,default:!0},complete:{type:Boolean},width:{},height:{default:"100%"},readonly:{type:Boolean,default:!0},showStatus:{type:Boolean,default:!0},statusMode:{default:w.STATUS_MODES_MAP.horizontal},nodeMode:{default:T.NODE_TYPES_MAP.square},showZoom:{type:Boolean},drag:{type:Boolean,default:!1},node:{default:{}}},emits:["load"],setup(f,{expose:m,emit:y}){const o=f,t=e.inject(l.NodeKey,e.toRef(o.node||{})),s=e.ref([]),u=e.ref(!1),{initNode:c}=_.default();e.onMounted(()=>{o.node||(t.value=c())});const g=y,h=async n=>{const a=await r.getDesign({instanceId:n.instanceId,modelId:n.modelId,definitionId:n.modelId,formKey:n.formKey,modelKey:n.modelKey,edit:!1});if(a&&a.data&&a.data.data?t.value=a.data.data:t.value=c(),console.log("node",t.value),n.instanceId){const d=await r.getInstanceDetail({instanceId:n.instanceId});d&&d.data&&d.data.data&&(u.value=d.data.data.flowStatus==2);const i=await r.getRuTaskList({instanceId:n.instanceId});i&&i.data&&(s.value=i.data.data)}g("load",{node:t.value,tasks:s.value})},v=()=>t.value;return e.provide(l.NodeKey,t),e.provide(l.TasksKey,s),e.provide(l.ReadonlyKey,o.readonly),m({setData:h,getData:v}),(n,a)=>(e.openBlock(),e.createBlock(e.unref(q.FlowDesignPanel),{height:o.height,top:o.top,zoomTop:o.zoomTop,showZoom:o.showZoom,drag:o.drag,scroll:o.scroll},{default:e.withCtx(()=>[e.createVNode(e.unref(p.FlowSimpleNode),{type:"circle",subType:"start",node:e.unref(t),top:o.pTop},null,8,["node","top"]),e.createVNode(e.unref(I.FlowAssembleNode),{type:o.nodeMode,node:e.unref(t)},null,8,["type","node"]),e.createVNode(e.unref(p.FlowSimpleNode),{type:"circle",subType:"end",node:e.unref(t),complete:u.value,bottom:o.pTottom},null,8,["node","complete","bottom"])]),_:1},8,["height","top","zoomTop","showZoom","drag","scroll"]))}});exports.default=N;