@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) • 1.93 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const c=require("@javaguns/utils"),l=require("@javaguns/ui"),s=require("@javaguns/icon"),V=require("../../hooks/useNodeDrag.js"),h=require("../../hooks/useNode.js"),y=require("../../utils/injection-key.js"),q={key:0,class:"guns-flow-drag-tool"},w={class:"drag-tool-content"},k=e.createElementVNode("div",{class:"drag-tool-arrow"},null,-1),x={class:"drag-tool-inner"},B=e.defineComponent({name:"flow-node-drag-tool"}),I=e.defineComponent({...B,props:{modelValue:{type:Boolean}},emits:["update:modelValue","close"],setup(p,{expose:f,emit:N}){const _=p,{dragSourceNode:r,dragTargetNode:u}=V.useNodeDrag(),{addSimpleNode:d,delNode:m}=h.useNode(),t=e.ref(!1);e.watch(()=>_.modelValue,o=>{v(o)});const v=o=>{o?t.value=o:t.value=!1},a=e.inject(y.NodeKey,null),i=N,g=()=>{const o=c.deepClone(r.value);m(a.value,o),d(a.value,u.value,o),n()},C=()=>{const o=c.deepClone(r.value);o.nodeId=c.getId(),d(a.value,u.value,o),n()},n=()=>{t.value=!1,i("update:modelValue",!1),i("close",!1)};return f({onClose:n}),(o,S)=>t.value?(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",w,[k,e.createElementVNode("div",x,[e.createVNode(e.unref(l.GunsSpace),null,{default:e.withCtx(()=>[e.createVNode(e.unref(l.GunsButton),{type:"primary",status:"danger",shape:"circle",title:"移动节点",onClick:g},{icon:e.withCtx(()=>[e.createVNode(e.unref(s.IconRankOutline))]),_:1}),e.createVNode(e.unref(l.GunsButton),{type:"primary",shape:"circle",title:"复制节点",onClick:C},{icon:e.withCtx(()=>[e.createVNode(e.unref(s.IconCopyOutline))]),_:1}),e.createVNode(e.unref(l.GunsButton),{type:"outline",shape:"circle",title:"取消操作",onClick:n},{icon:e.withCtx(()=>[e.createVNode(e.unref(s.IconCloseOutline))]),_:1})]),_:1})])])])):e.createCommentVNode("",!0)}});exports.default=I;