@javaguns/flow-ui/lib/src/flow-selection/components/index.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";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@javaguns/utils"),q=require("./select-user.vue.js"),M=require("./select-dept-post.vue.js"),O=require("./select-role.vue.js"),U=require("./select-post.vue.js"),G=require("./select-dept.vue.js"),K={class:"select-common-box"},$={class:"select-common-box-header"},W={key:0,class:"select-common-box-tab"},j={class:"select-common-box-content"},z={class:"dialog-footer"},F=e.defineComponent({name:"flow-selection-collection"}),A=e.defineComponent({...F,props:{modelValue:{},label:{},title:{default:"请选择"},open:{type:Boolean},dialogWidth:{default:"80%"},type:{default:"user"},styleType:{default:"default"},isRadio:{type:Boolean,default:!0},showTab:{default:()=>[]},min:{default:1},max:{default:100},selectData:{default:()=>[]}},emits:["cancel","done"],setup(T,{expose:R,emit:V}){const B=f.pluginManager.getComponent("Dialog"),x=f.pluginManager.getComponent("Tabs"),N=f.pluginManager.getComponent("TabPane"),h=f.pluginManager.getComponent("Button"),t=T,D=e.ref(null),{selectData:P}=e.toRefs(t),r=e.ref(P.value),v=e.ref([]),y=e.ref([]),_=e.ref([]),g=e.ref([]),k=e.ref([]);e.ref(!1);const n=e.ref("");e.ref(!1);const a=e.ref("user"),c=e.ref([]),b=e.ref([{key:"user",name:"人员"},{key:"deptPost",name:"部门/岗位"},{key:"post",name:"岗位"},{key:"role",name:"角色"},{key:"dept",name:"部门"}]),L=e.computed(()=>`width: ${t.dialogWidth};`),S=l=>{a.value=l.name},E=()=>{if(t.showTab){if(t.showTab.length===0)c.value=b.value;else if(t.showTab.length>0){let l=[];b.value.forEach(o=>{var s;(s=t.showTab)!=null&&s.find(u=>u==o.key)&&l.push(o)}),c.value=l}a.value=c.value[0].key}},d=(l,o)=>{let s="";if(l&&l.length>0){l.forEach(p=>{p.subValueName&&(o=="position"||o=="user"||o=="dept")?s+=p.subValueName+"#"+p.name+";":s+=p.name+";"});let u="";o==="user"?u="【用户】":o==="deptPost"?u="【部门/岗位】":o==="post"?u="【岗位】":o==="dept"?u="【部门】":o==="role"&&(u="【角色】"),s=u+s}return s},i=l=>{l&&l.length>0&&l[0].id?(n.value="",t.type=="user"?(v.value=l,n.value+=d(l,"user")):t.type=="deptPost"?(y.value=l,n.value+=d(l,"deptPost")):t.type=="post"?(_.value=l,n.value+=d(l,"post")):t.type=="role"?(g.value=l,n.value+=d(l,"role")):t.type=="dept"&&(k.value=l,n.value+=d(l,"dept"))):(v.value=[],n.value="")},w=V,m=()=>{w("cancel",!1)},C=()=>{let l={selectUserList:v.value,selectDeptPostList:y.value,selectPostList:_.value,selectRoleList:g.value,selectDeptList:k.value};w("done",l)};return e.onMounted(()=>{E(),i(t.selectData)}),R({}),(l,o)=>(e.openBlock(),e.createBlock(e.unref(B),{modal:!1,title:t.title,width:t.dialogWidth,style:e.normalizeStyle(L.value),top:"50px","append-to-body":!0,"destroy-on-close":!0,"close-on-press-escape":!1,"close-on-click-modal":!1,preset:"dialog",modelValue:t.open,"onUpdate:modelValue":o[2]||(o[2]=s=>t.open=s),open:t.open,show:t.open,visible:t.open,"onUpdate:visible":o[3]||(o[3]=s=>t.open=s),onClose:o[4]||(o[4]=s=>m()),onCancel:o[5]||(o[5]=s=>m()),onOk:o[6]||(o[6]=s=>C())},{footer:e.withCtx(()=>[e.createElementVNode("span",z,[e.createVNode(e.unref(h),{onClick:m},{default:e.withCtx(()=>[e.createTextVNode("取 消")]),_:1}),e.createVNode(e.unref(h),{type:"primary",onClick:C},{default:e.withCtx(()=>[e.createTextVNode("确 定")]),_:1})])]),default:e.withCtx(()=>[e.createElementVNode("div",K,[e.createElementVNode("div",$,"已选："+e.toDisplayString(n.value),1),c.value.length>=2?(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(e.unref(x),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=s=>a.value=s),activeKey:a.value,"onUpdate:activeKey":o[1]||(o[1]=s=>a.value=s),onTabClick:S},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,s=>(e.openBlock(),e.createBlock(e.unref(N),{key:s.key,label:s.name,name:s.key,tab:s.name,forceRender:""},null,8,["label","name","tab"]))),128))]),_:1},8,["modelValue","activeKey"])])):e.createCommentVNode("",!0),e.createElementVNode("div",j,[t.showTab.length===0||t.showTab.indexOf("user")!==-1?e.withDirectives((e.openBlock(),e.createBlock(q.default,{key:0,ref_key:"userRef",ref:D,isRadio:t.isRadio,"select-data":r.value,onSelectedChange:i},null,8,["isRadio","select-data"])),[[e.vShow,a.value==="user"]]):e.createCommentVNode("",!0),t.showTab.length===0||t.showTab.indexOf("deptPost")!==-1?e.withDirectives((e.openBlock(),e.createBlock(M.default,{key:1,ref:"deptPostRef",isRadio:t.isRadio,"select-data":r.value,onSelectedChange:i},null,8,["isRadio","select-data"])),[[e.vShow,a.value==="deptPost"]]):e.createCommentVNode("",!0),t.showTab.length===0||t.showTab.indexOf("role")!==-1?e.withDirectives((e.openBlock(),e.createBlock(O.default,{key:2,ref:"roleRef",isRadio:t.isRadio,"select-data":r.value,onSelectedChange:i},null,8,["isRadio","select-data"])),[[e.vShow,a.value==="role"]]):e.createCommentVNode("",!0),t.showTab.length===0||t.showTab.indexOf("post")!==-1?e.withDirectives((e.openBlock(),e.createBlock(U.default,{key:3,ref:"postRef",isRadio:t.isRadio,"select-data":r.value,onSelectedChange:i},null,8,["isRadio","select-data"])),[[e.vShow,a.value==="post"]]):e.createCommentVNode("",!0),t.showTab.length===0||t.showTab.indexOf("dept")!==-1?e.withDirectives((e.openBlock(),e.createBlock(G.default,{key:4,ref:"deptRef",isRadio:t.isRadio,"select-data":r.value,onSelectedChange:i},null,8,["isRadio","select-data"])),[[e.vShow,a.value==="dept"]]):e.createCommentVNode("",!0)])])]),_:1},8,["title","width","style","modelValue","open","show","visible"]))}});exports.default=A;