@javaguns/flow-ui/lib/src/flow-selection/components/select-user.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"),g=require("@javaguns/utils"),W=require("@javaguns/icon"),X=require("../../utils/adminApi.js"),N=require("./common.js"),Y=require("./org-tree.vue.js"),Z=require("./selected-list.vue.js"),ee={class:"flow-select-user-table-card"},te={class:"search"},ae={class:"user-table"},le={key:0,class:"guns-flow-pagination"},ne=e.defineComponent({name:"flow-selection-user"}),oe=e.defineComponent({...ne,props:{isRadio:{type:Boolean,default:!0},selectData:{}},emits:["selectedChange"],setup(k,{expose:V,emit:b}){const K=g.pluginManager.getComponent("Row"),y=g.pluginManager.getComponent("Col"),B=g.pluginManager.getComponent("InputSearch"),T=g.pluginManager.getComponent("Table"),w=g.pluginManager.getComponent("TableColumn"),z=g.pluginManager.getComponent("Radio"),M=g.pluginManager.getComponent("Button"),D=g.pluginManager.getComponent("Pagination"),c=k,u=e.reactive({selectedRowKeys:c.selectData?c.selectData.map(t=>t.id):[],loading:!1}),{appContext:U}=e.getCurrentInstance(),s=U.app.config.globalProperties.$flowUI,C=e.ref(null),P=e.ref(s=="arco-design"?"columns":"default"),n=e.ref(c.selectData?c.selectData:[]),x=e.ref(),p=e.ref([]),_=e.ref(!1),h=e.ref(10),I=e.ref(0),d=e.ref(1),q=[{title:"账号",key:"account",dataIndex:"account"},{title:"名称",key:"realName",dataIndex:"realName"},{title:"部门",key:"orgName",dataIndex:"orgName"}],f=e.ref({orgId:null,realName:null}),A=e.computed(()=>s=="arco-design"?{y:"calc(100vh - 400px)"}:{y:"calc(100vh - 500px)"}),E=e.computed(()=>{const t={onChange:(a,l)=>{u.selectedRowKeys=a},type:c.isRadio?"radio":"checkbox",showCheckedAll:!0,selectedRowKeys:u.selectedRowKeys,onSelect:R,onSelectAll:L,getCheckboxProps:a=>({props:{disabled:a.name==="Disabled User",name:a.name}})};return s=="arco-design"&&delete t.selectedRowKeys,t}),O=e.computed(()=>({total:I.value,current:d.value,pageSize:h.value,showTotal:s=="arco-design"?!0:t=>`总共 ${t} 项`,defaultPageSize:10,pageSizeOptions:["5","10","15","20"],showSizeChanger:!0,showQuickJumper:!1,onChange:(t,a)=>{d.value=t,h.value=a,i()},change:t=>{d.value=t,h.value=10,i()}})),v=b,G=t=>t.userId,R=(t,a)=>{c.isRadio?(n.value=[],N.radioSelect(a,t,n.value,"userId","realName")):N.checkBox(a,[t],n.value,"userId","realName"),v("selectedChange",n.value)},L=(t,a,l)=>{let o=[];a&&a.forEach(r=>{let m={name:r.realName,id:r.userId};o.push(m)}),n.value=o,v("selectedChange",n.value)},S=t=>{if(s==="element-plus"){let l=n.value.filter(o=>o.id==t.id).length>0;R(t,l)}},$=(t,a)=>{if(console.log("state.selectedRowKeys",u.selectedRowKeys),s==="element-plus"){let o=t.filter(r=>r.userId==a.userId).length>0;N.checkBox(o,t,n.value,"userId","realName"),v("selectedChange",n.value)}else if(s==="arco-design"){if(t&&t.length>0){const l=p.value,o=[];n.value=[],u.selectedRowKeys=[];for(let r=0;r<l.length;r++){const m=l[r];t.includes(m.userId)&&(o.push(m),u.selectedRowKeys.push(m.userId))}N.checkBox(!0,o,n.value,"userId","realName")}else n.value=[],u.selectedRowKeys=[];v("selectedChange",n.value)}},H=t=>{let a=[];if(s==="element-plus")t.forEach(l=>{let o={name:l.realName,id:l.userId};a.push(o)}),n.value=a;else if(s==="arco-design")if(t==!0){u.selectedRowKeys=[];const l=p.value;for(let o=0;o<l.length;o++){const r=l[o];let m={name:r.realName,id:r.userId};u.selectedRowKeys.push(r.userId),a.push(m)}n.value=a}else u.selectedRowKeys=[],n.value=[];v("selectedChange",n.value)},j=t=>{e.nextTick(()=>{u.selectedRowKeys.splice(u.selectedRowKeys.findIndex(a=>a.id===t.id),1),s=="element-plus"&&p.value.filter(a=>{a.userId==t.id&&C.value.toggleRowSelection(a,!1)}),n.value.splice(n.value.findIndex(a=>a.id===t.id),1),v("selectedChange",n.value)})},J=()=>{n.value=[],u.selectedRowKeys=[],s=="element-plus"&&C.value.clearSelection(),v("selectedChange",n.value)},Q=t=>{h.value=t,d.value=1,i()},F=t=>{d.value=t,i()},i=async()=>{_.value=!0;const t={...f.value,pageNo:d.value,pageSize:h.value||10},a=await X.getPageUser(t);p.value=a.data.data.rows,I.value=a.data.data.totalRows,d.value=a.data.data.pageNo,s=="element-plus"&&e.nextTick(()=>{var l;(l=c.selectData)==null||l.forEach(o=>{p.value.filter(r=>{r.userId==o.id&&C.value.toggleRowSelection(r,!0)})})}),_.value=!1};return e.onMounted(i),V({}),(t,a)=>(e.openBlock(),e.createBlock(e.unref(K),{class:"flow-select-user",gutter:16},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{span:6,class:"height100"},{default:e.withCtx(()=>[e.createVNode(Y.default,{"header-title":"所属组织",currentSelectOrgId:f.value.orgId,"onUpdate:currentSelectOrgId":a[0]||(a[0]=l=>f.value.orgId=l),onTreeSelect:i},null,8,["currentSelectOrgId"])]),_:1}),e.createVNode(e.unref(y),{span:12,class:"height100"},{default:e.withCtx(()=>[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createVNode(e.unref(B),{value:f.value.realName,"onUpdate:value":a[1]||(a[1]=l=>f.value.realName=l),modelValue:f.value.realName,"onUpdate:modelValue":a[2]||(a[2]=l=>f.value.realName=l),clearable:"",allowClear:"","enter-button":"",placeholder:"请输入全名搜索",onSearch:i,onKeyup:e.withKeys(i,["enter"])},{append:e.withCtx(()=>[e.createVNode(e.unref(M),{icon:e.unref(W.IconSearchOutline)},null,8,["icon"])]),_:1},8,["value","modelValue"])]),e.createElementVNode("div",ae,[e.createVNode(e.unref(T),{ref_key:"tableRef",ref:C,"row-key":e.unref(s)==="arco-design"?"userId":G,"row-selection":E.value,selectedKeys:u.selectedRowKeys,"data-source":p.value,data:p.value,columns:q,pagination:O.value,height:"calc(100% - 30px)",scroll:A.value,loading:_.value,"highlight-current-row":"",onSelectionChange:S,onSelect:$,onSelectAll:H},{[P.value]:e.withCtx(()=>[!c.isRadio&&e.unref(s)=="element-plus"?(e.openBlock(),e.createBlock(e.unref(w),{key:0,type:"selection",width:"55"})):e.createCommentVNode("",!0),t.isRadio&&e.unref(s)=="element-plus"?(e.openBlock(),e.createBlock(e.unref(w),{key:1,label:"选择",width:"55"},{default:e.withCtx(l=>[e.createTextVNode("  "),e.createVNode(e.unref(z),{modelValue:x.value,"onUpdate:modelValue":a[3]||(a[3]=o=>x.value=o),label:l.row.userId,onChange:o=>S(l.row)},{default:e.withCtx(()=>[e.createTextVNode("  ")]),_:2},1032,["modelValue","label","onChange"])]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(w),{prop:"account",label:"账号",title:"账号","data-index":"account"}),e.createVNode(e.unref(w),{prop:"realName",label:"名称",title:"名称","data-index":"realName"}),e.createVNode(e.unref(w),{prop:"orgName",label:"部门",title:"部门","data-index":"orgName"})]),_:2},1032,["row-key","row-selection","selectedKeys","data-source","data","pagination","scroll","loading"]),e.unref(s)=="element-plus"?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(e.unref(D),{onSizeChange:Q,onCurrentChange:F,"current-page":d.value,"page-sizes":[10,20,50,100],"page-size":h.value,total:I.value,background:"",layout:"total, prev, pager, next"},null,8,["current-page","page-size","total"])])):e.createCommentVNode("",!0)])])]),_:1}),e.createVNode(e.unref(y),{span:6,class:"height100"},{default:e.withCtx(()=>[e.createVNode(Z.default,{datas:n.value,onDelete:j,onDeleteAll:J},null,8,["datas"])]),_:1})]),_:1}))}});exports.default=oe;