@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.96 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const u=require("@javaguns/utils"),d=require("../../utils/constant.js"),s=require("../../utils/injection-key.js"),_=require("../../hooks/useNode.js"),v=require("../../hooks/useNodeDrag.js"),S=require("./circle-node.vue.js"),q=require("./square-node.vue.js"),T=require("./fresh-node.vue.js"),D=require("../../flow-widget/flow-node-addbutton/index.js"),E=require("../../flow-widget/flow-node-delbutton/index.js"),x=require("../../flow-widget/flow-node-delconfirm/index.js"),M=require("../../flow-widget/flow-node-errorwarn/index.js"),V=require("../../flow-widget/flow-node-dragtool/index.js");require("../../flow-widget/flow-node-zoom/index.js");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 $=["draggable"],P=e.defineComponent({name:"flow-simple-node"}),j=e.defineComponent({...P,props:{type:{},subType:{},name:{},complete:{type:Boolean},width:{},height:{},top:{},bottom:{},branch:{type:Boolean,default:!1},suggest:{type:Boolean,default:!1},polymerize:{type:Boolean,default:!1},minMap:{type:Boolean,default:!1},node:{default:{nodeType:1,nodeStatus:1,nodeSubType:1,color1:"#fff",dragTool:!1,error:!1}},routeNode:{default:()=>({})}},setup(f){const o=f,l=u.injectWithSelf(s.ReadonlyKey,!1),{isShow:a,itemClass:m}=_.useNode(),{ondragstart:y,ondragover:g,ondragenter:h,ondragleave:N,ondragend:k}=v.useNodeDrag(),w=e.computed(()=>{const n={};return o.subType==d.NODE_SUB_TYPES_MAP.start&&(n["padding-top"]=o.top),o.subType==d.NODE_SUB_TYPES_MAP.end&&(n["padding-bottom"]=o.bottom),n}),B=e.computed(()=>n=>{if(o.type!=d.NODE_TYPES_MAP.circle&&n)return{"guns-flow-complete":n.nodeStatus==2,"guns-flow-drag":n.dragClass}}),b=e.computed(()=>{if(o.type!=d.NODE_TYPES_MAP.circle&&o.node)return{"--hover-color":o.node.color1}}),i=u.injectWithSelf(s.NodeClickKey,()=>{}),p=u.injectWithSelf(s.BranchNodeClickKey,()=>{}),C=n=>{o.branch&&p&&n.nodeName!="默认条件"?p(o.routeNode,n):!o.branch&&i&&i(n),!l&&n.nodeName!="默认条件"&&(n.active=!0)};return(n,r)=>{var c;return e.openBlock(),e.createElementBlock("div",{class:"guns-flow-node",style:e.normalizeStyle(w.value)},[e.createElementVNode("div",{class:e.normalizeClass(["guns-flow-node-box",B.value(o.node)]),style:e.normalizeStyle(b.value)},[e.createElementVNode("div",{class:e.normalizeClass(["guns-flow-node-item",e.unref(m)(o.node,o.branch,o.type,e.unref(l))]),onClick:r[0]||(r[0]=e.withModifiers(t=>!e.unref(l)&&!o.suggest&&C(o.node),["stop"])),draggable:((c=o.node)==null?void 0:c.nodeType)==1,onDragstart:r[1]||(r[1]=t=>!e.unref(l)&&e.unref(y)(t,o.node)),onDragover:r[2]||(r[2]=t=>!e.unref(l)&&e.unref(g)(t,o.node)),onDragenter:r[3]||(r[3]=t=>!e.unref(l)&&e.unref(h)(t,o.node)),onDragleave:r[4]||(r[4]=t=>!e.unref(l)&&e.unref(N)(t,o.node)),onDragend:r[5]||(r[5]=t=>!e.unref(l)&&e.unref(k)(t,o.node))},[o.type=="circle"?(e.openBlock(),e.createBlock(S.default,{key:0,name:o.name,type:o.subType,complete:o.complete,width:o.width,height:o.height,top:o.top,bottom:o.bottom},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"name")]),_:3},8,["name","type","complete","width","height","top","bottom"])):o.type=="fresh"?(e.openBlock(),e.createBlock(T.default,{key:1,name:o.name,type:o.subType,width:o.width,height:o.height,node:o.node},{name:e.withCtx(({currNode:t})=>[e.renderSlot(n.$slots,"name",{currNode:t})]),context:e.withCtx(({currNode:t})=>[e.renderSlot(n.$slots,"context",{currNode:t})]),_:3},8,["name","type","width","height","node"])):(e.openBlock(),e.createBlock(q.default,{key:2,name:o.name,type:o.subType,width:o.width,height:o.height,node:o.node},{name:e.withCtx(({currNode:t})=>[e.renderSlot(n.$slots,"name",{currNode:t})]),context:e.withCtx(({currNode:t})=>[e.renderSlot(n.$slots,"context",{currNode:t})]),_:3},8,["name","type","width","height","node"])),!e.unref(l)&&e.unref(a)(o.minMap,o.node)?(e.openBlock(),e.createBlock(e.unref(E.GunsFlowNodeDelButton),{key:3,node:o.node},null,8,["node"])):e.createCommentVNode("",!0),e.unref(a)(o.minMap,o.node)?(e.openBlock(),e.createBlock(e.unref(x.GunsFlowNodeDelConfirm),{key:4,node:o.node},null,8,["node"])):e.createCommentVNode("",!0),o.node.error&&(o.type=="fresh"||o.type=="square")?(e.openBlock(),e.createBlock(e.unref(M.GunsFlowNodeErrorWarnfrom),{key:5})):e.createCommentVNode("",!0)],42,$),o.subType!="end"?(e.openBlock(),e.createBlock(e.unref(D.GunsFlowNodeAddButton),{key:0,node:o.node,readonly:o.subType=="start"?!0:e.unref(l)},null,8,["node","readonly"])):e.createCommentVNode("",!0),e.createVNode(e.unref(V.GunsFlowNodeDragTool),{modelValue:o.node.dragTool,"onUpdate:modelValue":r[6]||(r[6]=t=>o.node.dragTool=t),onClose:r[7]||(r[7]=t=>o.node.dragClass=t)},null,8,["modelValue"])],6)],4)}}});exports.default=j;