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