@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.67 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@javaguns/utils"),v=require("@javaguns/icon"),m=require("../../hooks/useIcon.js"),g=require("../drawer/drawerHeader.vue.js"),w=require("../drawer/drawerBody.vue.js"),k=require("../drawer/drawerFooter.vue.js"),y=require("./flowBaseSetting.vue.js"),B=require("./flowVariableSetting.vue.js"),I={class:"guns-flow-setting"},S=["onClick"],V={class:"guns-flow-setting-item-title"},b=e.defineComponent({name:"flow-global-setting"}),h=e.defineComponent({...b,props:{modelId:{},definitionId:{}},setup(C){const u=p.pluginManager.getComponent("Drawer"),{loadIconOutline:d}=m.default(),i=e.ref(),s=e.ref(),t=e.ref(!1),o=e.ref(""),c=e.ref([{title:"流程配置",key:1,icon:"Settings"},{title:"变量配置",key:2,icon:"Settings"}]),f=async n=>{o.value=n.title,t.value=!0},a=()=>{t.value=!1},_=()=>{o.value==="流程配置"?i.value.save():o.value==="变量配置"&&s.value.save(),a()};return(n,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(l,q)=>(e.openBlock(),e.createElementBlock("div",{class:"guns-flow-setting-item",onClick:N=>f(l)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)(l)))),e.createElementVNode("span",V,e.toDisplayString(l.title),1),e.createVNode(e.unref(v.IconRightOutline),{class:"flow-helper-right-icon"})],8,S))),256))]),t.value?(e.openBlock(),e.createBlock(e.unref(u),{key:0,open:t.value,"onUpdate:open":r[0]||(r[0]=l=>t.value=l),modelValue:t.value,"onUpdate:modelValue":r[1]||(r[1]=l=>t.value=l),visible:t.value,show:t.value,placement:"right",direction:"rtl","custom-class":"flow-drawer",class:"flow-drawer","class-name":"flow-drawer","append-to-body":!0,"with-header":!1,"show-close":!1,header:!1,footer:!1,closable:!1,width:"50%",size:"50%",onCancel:a},{default:e.withCtx(()=>[e.createVNode(g.default,{title:o.value},null,8,["title"]),e.createVNode(w.default,null,{default:e.withCtx(()=>[o.value==="流程配置"?(e.openBlock(),e.createBlock(y.default,{key:0,ref_key:"baseSettingRef",ref:i,modelId:n.modelId,definitionId:n.definitionId},null,8,["modelId","definitionId"])):e.createCommentVNode("",!0),o.value==="变量配置"?(e.openBlock(),e.createBlock(B.default,{key:1,ref_key:"variableSettingRef",ref:s,modelId:n.modelId,definitionId:n.definitionId},null,8,["modelId","definitionId"])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(k.default,{onSave:_,onClose:a})]),_:1},8,["open","modelValue","visible","show"])):e.createCommentVNode("",!0)],64))}});exports.default=h;