@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.88 kB
JavaScript
;var N=Object.create;var p=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var B=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var b=(t,o,l,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of x(o))!T.call(t,n)&&n!==l&&p(t,n,{get:()=>o[n],enumerable:!(r=V(o,n))||r.enumerable});return t};var E=(t,o,l)=>(l=t!=null?N(B(t)):{},b(o||!t||!t.__esModule?p(l,"default",{value:t,enumerable:!0}):l,t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../utils/injection-key.js"),d=require("@javaguns/utils"),q=require("../../hooks/useData.js"),m=require("../../types/node.js"),j=require("@javaguns/ui"),S=e.createElementVNode("svg",{viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createElementVNode("path",{d:"M896 480H544.8V128h-65.6v352H128v66.4h351.2V896h65.6V546.4H896z"})],-1),z=[S],I={style:{"margin-left":"10px"}},K=e.defineComponent({name:"flow-chart-add-node"}),P=e.defineComponent({...K,props:{btnType:{default:""},node:{}},setup(t){const o=d.pluginManager.getComponent("Menu"),l=d.pluginManager.getComponent("MenuItem"),r=t,n=e.ref(""),f=e.inject(u.AddNodeKey,()=>{}),v=e.inject(u.VerticalKey,!1),h=e.inject(u.ReadonlyKey,!1),{nodeItems:y}=q.default(),w=e.computed(()=>n.value==="normal"?n.value:r.btnType||n.value),g=e.computed(()=>y.filter(a=>{var s;return a.nodeType==m.NodeType.SUGGEST?((s=r.node)==null?void 0:s.nodeType)==m.NodeType.APPROVER:!0})),_=e.computed(()=>r.node&&!r.node.addable?!1:!h),C=e.computed(()=>a=>d.loadAsyncComponent(async()=>(await import("@javaguns/icon"))["Icon"+a.icon+"Flow"])),k=()=>{n.value="normal"},M=()=>{n.value=""};return(a,s)=>_.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flow-chart-add-node",{vertical:e.unref(v)}]),onMouseenter:e.withModifiers(k,["stop"]),onMouseleave:e.withModifiers(M,["stop"])},[e.createVNode(e.unref(j.GunsPopover),{placement:"right",width:"200",trigger:"click"},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["flow-chart-add-node-btn",[w.value]])},z,2)]),content:e.withCtx(()=>[e.createVNode(e.unref(o),{class:"guns-node-addbutton-menu",mode:"vertical",style:{"border-right":"solid 0px #e6e6e6"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(c,i)=>(e.openBlock(),e.createBlock(e.unref(l),{key:i,name:i,onClick:A=>e.unref(f)({currNode:r.node,item:c})},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.value(c)),{size:"15",color:c.color},null,8,["color"])),e.createElementVNode("span",I,e.toDisplayString(c.nodeName),1)]),_:2},1032,["name","onClick"]))),128))]),_:1})]),_:1})],34)):e.createCommentVNode("",!0)}});exports.default=P;