@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.69 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@javaguns/utils"),g=require("./common.js"),h=require("./post-tree.vue.js"),C=require("./selected-list.vue.js"),y=e.defineComponent({name:"flow-selection-post"}),R=e.defineComponent({...y,props:{isRadio:{type:Boolean,default:!0},selectData:{default:()=>[]}},emits:["selectedChange"],setup(u,{expose:c,emit:d}){const p=r.pluginManager.getComponent("Row"),i=r.pluginManager.getComponent("Col"),l=u,o=e.ref(null),t=e.ref(l.selectData?l.selectData:[]);e.ref(!1);const n=d,f=a=>{l.isRadio?(t.value=[],g.radioSelect(!0,Array.isArray(a)?a[0]:a,t.value,"positionId","positionName")):Array.isArray(a)&&(t.value=a.map(s=>({id:s.positionId,name:s.positionName}))),n("selectedChange",t.value)},_=a=>{e.nextTick(()=>{t.value.splice(t.value.findIndex(s=>s.id===a.id),1),o.value.setCheckedKeys(t.value.map(s=>s.id)),n("selectedChange",t.value)})},v=()=>{t.value=[],o.value.setCheckedKeys(t.value.map(a=>a.id)),n("selectedChange",t.value)},m=async a=>{await e.nextTick(()=>{o.value.setCheckedKeys(l.selectData.map(s=>s.id))})};return c({}),(a,s)=>(e.openBlock(),e.createBlock(e.unref(p),{class:"flow-select-user",gutter:16},{default:e.withCtx(()=>[e.createVNode(e.unref(i),{span:12,class:"height100"},{default:e.withCtx(()=>[e.createVNode(h.default,{ref_key:"treeRef",ref:o,"header-title":"岗位",isRadio:l.isRadio,onTreeSelect:f,onLoad:m},null,8,["isRadio"])]),_:1}),e.createVNode(e.unref(i),{span:12,class:"height100"},{default:e.withCtx(()=>[e.createVNode(C.default,{datas:t.value,onDelete:_,onDeleteAll:v},null,8,["datas"])]),_:1})]),_:1}))}});exports.default=R;