@javaguns/flow-ui/lib/src/flow-widget/flow-node-addbutton/node-addbutton.vue.js

``` <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

"use strict";var C=Object.create;var i=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var B=(n,o,r,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of h(o))!v.call(n,t)&&t!==r&&i(n,t,{get:()=>o[t],enumerable:!(u=k(o,t))||u.enumerable});return n};var b=(n,o,r)=>(r=n!=null?C(N(n)):{},B(o||!n||!n.__esModule?i(r,"default",{value:n,enumerable:!0}):r,n));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./style/index.css");const a=require("@javaguns/utils"),w=require("../../hooks/useData.js"),p=require("../../types/node.js"),M=require("../../utils/injection-key.js"),q=require("@javaguns/ui"),x=require("@javaguns/icon"),S={class:"guns-node-addbutton"},V={key:0,class:"is-circle add-flow-btn"},E={style:{"margin-left":"10px"}},T=e.defineComponent({name:"guns-node-addbutton"}),I=e.defineComponent({...T,props:{type:{},size:{},node:{},readonly:{type:Boolean,default:!1}},setup(n){const o=a.pluginManager.getComponent("Menu"),r=a.pluginManager.getComponent("Submenu"),u=a.pluginManager.getComponent("MenuItem"),t=n,{nodeItems:m}=w.default(),f=e.inject(M.AddNodeKey,()=>{}),g=e.computed(()=>m.filter(c=>{var d;return c.nodeType==p.NodeType.SUGGEST?((d=t.node)==null?void 0:d.nodeType)==p.NodeType.APPROVER:!0})),_=e.computed(()=>t.node&&!t.node.addable?!1:!t.readonly),y=e.computed(()=>c=>a.loadAsyncComponent(async()=>(await import("@javaguns/icon"))["Icon"+c.icon+"Flow"]));return(c,d)=>(e.openBlock(),e.createElementBlock("footer",S,[_.value?(e.openBlock(),e.createElementBlock("div",V,[e.createVNode(e.unref(q.GunsPopover),{placement:"right",width:"200",trigger:"click"},{default:e.withCtx(()=>[e.createVNode(e.unref(x.IconZengjiaCuxiantiaoOutline),{size:"16"})]),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.createVNode(e.unref(r),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(l,s)=>(e.openBlock(),e.createBlock(e.unref(u),{key:s,name:s,onClick:j=>e.unref(f)({currNode:t.node,item:l})},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value(l)),{size:"15",color:l.color},null,8,["color"])),e.createElementVNode("span",E,e.toDisplayString(l.nodeName),1)]),_:2},1032,["name","onClick"]))),128))]),_:1})]),_:1})]),_:1})])):e.createCommentVNode("",!0)]))}});exports.default=I;