UNPKG

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