cd-personselector 1.0.0 → 1.0.2

package/dist/index.js

@@ -1 +1 @@
-(function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m.CdPersonSelector={},m.Vue))})(this,function(m,e){"use strict";const j={class:"person-selector"},J={key:0,class:"selector-tips"},q={key:1,class:"search-area"},A={key:0,class:"org-select"},G={class:"search-input"},H={class:"content-area"},K={class:"left-panel tree-panel"},Q={key:0,class:"search-results"},X={class:"search-results-header"},Y={key:0,class:"search-loading"},Z={key:1,class:"empty-search"},v={key:2,class:"search-result-list"},ee=["onClick"],te={class:"user-avatar"},oe={class:"user-details"},le={class:"user-name"},ne={class:"user-meta"},ae={key:0},se={key:1},ce={key:2},re={class:"tree-container"},de={key:0,class:"user-count"},ie={key:1,class:"empty-tree"},me={class:"right-panel"},pe={class:"selected-header"},ke={class:"header-count"},he={class:"selected-list-container"},fe={key:0,class:"empty-selected"},_e={key:1,class:"selected-user-list"},ye={class:"user-info"},Ne={class:"user-details"},Ve={class:"user-name"},Be={class:"user-meta"},Ce={key:0},ge={key:1},ue={key:2},Ee={key:3},P=((f,U)=>{const x=f.__vccOpts||f;for(const[s,h]of U)x[s]=h;return x})(e.defineComponent({__name:"PersonSelector",props:{visible:{type:Boolean,default:!1},tabs:{default:()=>[]},organizations:{default:()=>[]},modelValue:{default:()=>[]},dialogWidth:{default:"900px"},tips:{default:""},showSearch:{type:Boolean,default:!0}},emits:["update:visible","update:modelValue","confirm","load-users","search"],setup(f,{expose:U,emit:x}){var F,W;const s=f,h=x,_=e.ref(s.visible),y=e.ref(((W=(F=s.tabs)==null?void 0:F[0])==null?void 0:W.key)||""),C=e.ref(null),N=e.ref(""),c=e.ref([]),w=e.ref({}),D=e.ref(!1),S=e.ref(!1),V=e.ref([]),Se=e.computed(()=>s.tabs||[]),O=e.computed(()=>s.organizations||[]),R=e.computed(()=>s.tips||""),be=e.computed(()=>s.showSearch),Ue=e.computed(()=>s.dialogWidth),g=e.ref({});e.watch(()=>s.tabs,l=>{if(l&&l.length>0){const t={};l.forEach(n=>{t[n.key]=JSON.parse(JSON.stringify(n.tree))}),g.value=t,(!y.value||!l.find(n=>n.key===y.value))&&(y.value=l[0].key)}},{immediate:!0,deep:!0}),e.watch(()=>s.visible,l=>{_.value=l,l&&(c.value=s.modelValue?[...s.modelValue]:[],s.organizations.length>0&&!C.value&&(C.value=s.organizations[0].id))}),e.watch(_,l=>{h("update:visible",l)});function we(l,t){t&&(w.value[l]=t)}function L(l,t){for(const n of l){if(n.id===t)return n;if(n.children){const a=L(n.children,t);if(a)return a}}return null}const u=e.computed(()=>{const l=[];return c.value.forEach(t=>{const n=V.value.find(a=>a.id===t);if(n){l.push({...n,typeName:"搜索结果"});return}for(const a of s.tabs){const r=g.value[a.key]||[],i=L(r,t);if(i){l.push({...i,typeName:a.name});break}}}),l}),De=()=>{N.value=""},ze=()=>{};let B=null;const Te=()=>{if(B&&clearTimeout(B),!N.value.trim()){z();return}D.value=!0,S.value=!0,B=setTimeout(()=>{Ie()},300)},Ie=()=>{V.value=[];const l=t=>{V.value=t.map(n=>({...n,isUser:!0})),S.value=!1};h("search",{keyword:N.value,orgId:C.value||void 0,callback:l})},z=()=>{B&&(clearTimeout(B),B=null),D.value=!1,N.value="",V.value=[],S.value=!1},Pe=l=>{const t=c.value.indexOf(l.id);t>-1?c.value.splice(t,1):c.value.push(l.id)};function Oe(l){const t=[],n=a=>{for(const r of a)t.push(r.id),r.children&&n(r.children)};return n(l),t}const Re=l=>{const t=g.value[y.value]||[],n=Oe(t),a=c.value.filter(r=>!n.includes(r));c.value=[...a,...l]};async function Le(l,t){const n=l.value,a=w.value[t];h("load-users",{tabKey:t,nodeId:n,node:l,callback:async i=>{if(i.length>0){const p=i.map(k=>{const{id:E,name:T,...I}=k;return{...I,id:E,name:k.displayName||T,isUser:!0}});if(a){a.appendTo(n,p),l.data.loaded=!0,await e.nextTick();try{a.setItem(n,{expanded:!0})}catch(k){console.log("展开节点失败",k)}}}else l.data.loaded=!0}})}const Me=l=>{c.value=c.value.filter(t=>t!==l)},M=()=>{c.value=[]},Fe=()=>{h("update:modelValue",c.value),h("confirm",u.value),_.value=!1},We=()=>{_.value=!1};return U({clearSelection:M,appendUsers:(l,t,n)=>{const a=w.value[l];if(a&&n.length>0){const r=n.map(i=>{const{id:p,name:k,...E}=i;return{...E,id:p,name:i.displayName||k,isUser:!0}});a.appendTo(t,r)}}}),(l,t)=>{const n=e.resolveComponent("t-icon"),a=e.resolveComponent("t-option"),r=e.resolveComponent("t-select"),i=e.resolveComponent("t-input"),p=e.resolveComponent("t-button"),k=e.resolveComponent("t-loading"),E=e.resolveComponent("t-checkbox"),T=e.resolveComponent("t-tree"),I=e.resolveComponent("t-tab-panel"),$e=e.resolveComponent("t-tabs"),je=e.resolveComponent("t-dialog");return e.openBlock(),e.createBlock(je,{visible:_.value,"onUpdate:visible":t[4]||(t[4]=o=>_.value=o),header:"选择人员",width:Ue.value,footer:!0,"destroy-on-close":"",onConfirm:Fe,onClose:We},{default:e.withCtx(()=>[e.createElementVNode("div",j,[R.value?(e.openBlock(),e.createElementBlock("div",J,[e.createVNode(n,{name:"info-circle"}),e.createElementVNode("span",null,e.toDisplayString(R.value),1)])):e.createCommentVNode("",!0),be.value?(e.openBlock(),e.createElementBlock("div",q,[O.value.length>0?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(r,{modelValue:C.value,"onUpdate:modelValue":t[0]||(t[0]=o=>C.value=o),placeholder:"选择组织",style:{width:"200px"},onChange:ze},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,o=>(e.openBlock(),e.createBlock(a,{key:o.id,value:o.id,label:o.displayName||o.name},null,8,["value","label"]))),128))]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",G,[e.createVNode(i,{modelValue:N.value,"onUpdate:modelValue":t[1]||(t[1]=o=>N.value=o),placeholder:"搜索",clearable:"",onInput:Te,onClear:z},{"prefix-icon":e.withCtx(()=>[e.createVNode(n,{name:"search"})]),_:1},8,["modelValue"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",H,[e.createElementVNode("div",K,[D.value?(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("div",X,[t[6]||(t[6]=e.createElementVNode("span",null,"搜索结果",-1)),e.createVNode(p,{size:"small",variant:"text",onClick:z},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("返回",-1)])]),_:1})]),S.value?(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(k),t[7]||(t[7]=e.createElementVNode("span",null,"搜索中...",-1))])):V.value.length===0?(e.openBlock(),e.createElementBlock("div",Z,[e.createVNode(n,{name:"search",size:"48px",style:{color:"#ddd"}}),t[8]||(t[8]=e.createElementVNode("p",null,"未找到匹配的人员",-1))])):(e.openBlock(),e.createElementBlock("div",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["search-result-item",{"is-selected":c.value.includes(o.id)}]),onClick:b=>Pe(o)},[e.createVNode(E,{checked:c.value.includes(o.id),onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},null,8,["checked"]),e.createElementVNode("div",te,[e.createVNode(n,{name:"user"})]),e.createElementVNode("div",oe,[e.createElementVNode("div",le,e.toDisplayString(o.displayName||o.name),1),e.createElementVNode("div",ne,[o.position?(e.openBlock(),e.createElementBlock("span",ae,e.toDisplayString(o.position),1)):e.createCommentVNode("",!0),o.department?(e.openBlock(),e.createElementBlock("span",se,e.toDisplayString(o.department),1)):e.createCommentVNode("",!0),o.phone?(e.openBlock(),e.createElementBlock("span",ce,e.toDisplayString(o.phone),1)):e.createCommentVNode("",!0)])])],10,ee))),128))]))])):(e.openBlock(),e.createBlock($e,{key:1,modelValue:y.value,"onUpdate:modelValue":t[3]||(t[3]=o=>y.value=o),onChange:De},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Se.value,o=>(e.openBlock(),e.createBlock(I,{key:o.key,value:o.key,label:o.name},{default:e.withCtx(()=>{var b;return[e.createElementVNode("div",re,[((b=g.value[o.key])==null?void 0:b.length)>0?(e.openBlock(),e.createBlock(T,{key:0,ref_for:!0,ref:d=>we(o.key,d),data:g.value[o.key],keys:{value:"id",label:"name",children:"children"},hover:"",checkable:"","expand-all":!1,value:c.value,onChange:Re},{label:e.withCtx(({node:d})=>{var $;return[e.createElementVNode("div",{class:e.normalizeClass(["tree-node-label",{"is-user":d.data.isUser}])},[e.createVNode(n,{name:d.data.isUser?"user":o.icon||"folder"},null,8,["name"]),e.createElementVNode("span",null,e.toDisplayString(d.label),1),d.data.userCount&&!d.data.isUser?(e.openBlock(),e.createElementBlock("span",de,"("+e.toDisplayString(d.data.userCount)+")",1)):e.createCommentVNode("",!0),!d.data.isUser&&!(($=d.data.children)!=null&&$.length)&&!d.data.loaded?(e.openBlock(),e.createBlock(p,{key:1,size:"small",variant:"text",class:"load-users-btn",onClick:e.withModifiers(Ae=>Le(d,o.key),["stop"])},{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode(" 显示人员 ",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0)],2)]}),_:2},1032,["data","value"])):(e.openBlock(),e.createElementBlock("div",ie,[e.createVNode(n,{name:o.icon||"folder-open",size:"48px",style:{color:"#ddd"}},null,8,["name"]),t[10]||(t[10]=e.createElementVNode("p",null,"暂无数据",-1))]))])]}),_:2},1032,["value","label"]))),128))]),_:1},8,["modelValue"]))]),e.createElementVNode("div",me,[e.createElementVNode("div",pe,[t[12]||(t[12]=e.createElementVNode("span",{class:"header-title"},"已选择",-1)),e.createElementVNode("span",ke,e.toDisplayString(u.value.length)+" 项",1),u.value.length>0?(e.openBlock(),e.createBlock(p,{key:0,size:"small",variant:"text",onClick:M},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",he,[u.value.length===0?(e.openBlock(),e.createElementBlock("div",fe,[e.createVNode(n,{name:"user-checked",size:"64px",style:{color:"#ddd"}}),t[13]||(t[13]=e.createElementVNode("p",null,"暂无选择",-1))])):(e.openBlock(),e.createElementBlock("div",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["selected-user-item",{"selected-dept-item":!o.isUser}])},[e.createElementVNode("div",ye,[e.createElementVNode("div",{class:e.normalizeClass(["user-avatar",{"dept-avatar":!o.isUser}])},[e.createVNode(n,{name:o.isUser?"user":"folder"},null,8,["name"])],2),e.createElementVNode("div",Ne,[e.createElementVNode("div",Ve,e.toDisplayString(o.displayName||o.name),1),e.createElementVNode("div",Be,[o.isUser&&o.position?(e.openBlock(),e.createElementBlock("span",Ce,e.toDisplayString(o.position),1)):e.createCommentVNode("",!0),o.isUser&&o.department?(e.openBlock(),e.createElementBlock("span",ge,e.toDisplayString(o.department),1)):e.createCommentVNode("",!0),o.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",ue,e.toDisplayString(o.typeName||"部门"),1)),!o.isUser&&o.userCount?(e.openBlock(),e.createElementBlock("span",Ee,e.toDisplayString(o.userCount)+"人",1)):e.createCommentVNode("",!0)])])]),e.createVNode(p,{size:"small",variant:"text",shape:"circle",onClick:b=>Me(o.id)},{icon:e.withCtx(()=>[e.createVNode(n,{name:"close"})]),_:1},8,["onClick"])],2))),128))]))])])])])]),_:1},8,["visible","width"])}}}),[["__scopeId","data-v-210902ae"]]),xe={install(f){f.component("PersonSelector",P)}};m.PersonSelector=P,m.default=xe,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.CdPersonSelector={},p.Vue))})(this,function(p,e){"use strict";const j={class:"cd-ps-container"},J={key:0,class:"cd-ps-tips"},q={key:1,class:"cd-ps-search"},A={key:0,class:"cd-ps-org-select"},G={class:"cd-ps-search-input"},H={class:"cd-ps-content"},K={class:"cd-ps-left"},Q={key:0,class:"cd-ps-search-results"},X={class:"cd-ps-search-header"},Y={key:0,class:"cd-ps-loading"},Z={key:1,class:"cd-ps-empty"},v={key:2,class:"cd-ps-result-list"},ee=["onClick"],te={class:"cd-ps-avatar"},oe={class:"cd-ps-info"},le={class:"cd-ps-name"},ne={class:"cd-ps-meta"},se={key:0},ae={key:1},ce={key:2},de={class:"cd-ps-tree"},re={key:0,class:"cd-ps-count"},ie={key:1,class:"cd-ps-empty"},pe={class:"cd-ps-right"},me={class:"cd-ps-right-header"},ke={class:"cd-ps-num"},he={class:"cd-ps-right-list"},fe={key:0,class:"cd-ps-empty"},_e={key:1,class:"cd-ps-selected-list"},ye={class:"cd-ps-item-info"},Ne={class:"cd-ps-info"},Ve={class:"cd-ps-name"},Be={class:"cd-ps-meta"},Ce={key:0},ge={key:1},Ee={key:2},ue={key:3},P=((h,U)=>{const x=h.__vccOpts||h;for(const[a,k]of U)x[a]=k;return x})(e.defineComponent({__name:"PersonSelector",props:{visible:{type:Boolean,default:!1},tabs:{default:()=>[]},organizations:{default:()=>[]},modelValue:{default:()=>[]},dialogWidth:{default:"900px"},tips:{default:""},showSearch:{type:Boolean,default:!0}},emits:["update:visible","update:modelValue","confirm","load-users","search"],setup(h,{expose:U,emit:x}){var F,W;const a=h,k=x,f=e.ref(a.visible),_=e.ref(((W=(F=a.tabs)==null?void 0:F[0])==null?void 0:W.key)||""),C=e.ref(null),y=e.ref(""),c=e.ref([]),w=e.ref({}),D=e.ref(!1),S=e.ref(!1),N=e.ref([]),Se=e.computed(()=>a.tabs||[]),O=e.computed(()=>a.organizations||[]),R=e.computed(()=>a.tips||""),be=e.computed(()=>a.showSearch),Ue=e.computed(()=>a.dialogWidth),g=e.ref({});e.watch(()=>a.tabs,l=>{if(l&&l.length>0){const t={};l.forEach(n=>{t[n.key]=JSON.parse(JSON.stringify(n.tree))}),g.value=t,(!_.value||!l.find(n=>n.key===_.value))&&(_.value=l[0].key)}},{immediate:!0,deep:!0}),e.watch(()=>a.visible,l=>{f.value=l,l&&(c.value=a.modelValue?[...a.modelValue]:[],a.organizations.length>0&&!C.value&&(C.value=a.organizations[0].id))}),e.watch(f,l=>{k("update:visible",l)});function we(l,t){t&&(w.value[l]=t)}function L(l,t){for(const n of l){if(n.id===t)return n;if(n.children){const s=L(n.children,t);if(s)return s}}return null}const E=e.computed(()=>{const l=[];return c.value.forEach(t=>{const n=N.value.find(s=>s.id===t);if(n){l.push({...n,typeName:"搜索结果"});return}for(const s of a.tabs){const d=g.value[s.key]||[],i=L(d,t);if(i){l.push({...i,typeName:s.name});break}}}),l}),De=()=>{y.value=""},ze=()=>{};let V=null;const Te=()=>{if(V&&clearTimeout(V),!y.value.trim()){z();return}D.value=!0,S.value=!0,V=setTimeout(()=>Ie(),300)},Ie=()=>{N.value=[];const l=t=>{N.value=t.map(n=>({...n,isUser:!0})),S.value=!1};k("search",{keyword:y.value,orgId:C.value||void 0,callback:l})},z=()=>{V&&(clearTimeout(V),V=null),D.value=!1,y.value="",N.value=[],S.value=!1},Pe=l=>{const t=c.value.indexOf(l.id);t>-1?c.value.splice(t,1):c.value.push(l.id)};function Oe(l){const t=[],n=s=>{for(const d of s)t.push(d.id),d.children&&n(d.children)};return n(l),t}const Re=l=>{const t=g.value[_.value]||[],n=Oe(t),s=c.value.filter(d=>!n.includes(d));c.value=[...s,...l]};async function Le(l,t){const n=l.value,s=w.value[t];k("load-users",{tabKey:t,nodeId:n,node:l,callback:async i=>{if(i.length>0){const m=i.map(B=>{const{id:u,name:T,...I}=B;return{...I,id:u,name:B.displayName||T,isUser:!0}});if(s){s.appendTo(n,m),l.data.loaded=!0,await e.nextTick();try{s.setItem(n,{expanded:!0})}catch{}}}else l.data.loaded=!0}})}const Me=l=>{c.value=c.value.filter(t=>t!==l)},M=()=>{c.value=[]},Fe=()=>{k("update:modelValue",c.value),k("confirm",E.value),f.value=!1},We=()=>{f.value=!1};return U({clearSelection:M,appendUsers:(l,t,n)=>{const s=w.value[l];if(s&&n.length>0){const d=n.map(i=>{const{id:m,name:B,...u}=i;return{...u,id:m,name:i.displayName||B,isUser:!0}});s.appendTo(t,d)}}}),(l,t)=>{const n=e.resolveComponent("t-icon"),s=e.resolveComponent("t-option"),d=e.resolveComponent("t-select"),i=e.resolveComponent("t-input"),m=e.resolveComponent("t-button"),B=e.resolveComponent("t-loading"),u=e.resolveComponent("t-checkbox"),T=e.resolveComponent("t-tree"),I=e.resolveComponent("t-tab-panel"),$e=e.resolveComponent("t-tabs"),je=e.resolveComponent("t-dialog");return e.openBlock(),e.createBlock(je,{visible:f.value,"onUpdate:visible":t[4]||(t[4]=o=>f.value=o),header:"选择人员",width:Ue.value,footer:!0,"destroy-on-close":"",onConfirm:Fe,onClose:We},{default:e.withCtx(()=>[e.createElementVNode("div",j,[R.value?(e.openBlock(),e.createElementBlock("div",J,[e.createVNode(n,{name:"info-circle"}),e.createElementVNode("span",null,e.toDisplayString(R.value),1)])):e.createCommentVNode("",!0),be.value?(e.openBlock(),e.createElementBlock("div",q,[O.value.length>0?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(d,{modelValue:C.value,"onUpdate:modelValue":t[0]||(t[0]=o=>C.value=o),placeholder:"选择组织",style:{width:"200px"},onChange:ze},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,o=>(e.openBlock(),e.createBlock(s,{key:o.id,value:o.id,label:o.displayName||o.name},null,8,["value","label"]))),128))]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",G,[e.createVNode(i,{modelValue:y.value,"onUpdate:modelValue":t[1]||(t[1]=o=>y.value=o),placeholder:"搜索",clearable:"",onInput:Te,onClear:z},{"prefix-icon":e.withCtx(()=>[e.createVNode(n,{name:"search"})]),_:1},8,["modelValue"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",H,[e.createElementVNode("div",K,[D.value?(e.openBlock(),e.createElementBlock("div",Q,[e.createElementVNode("div",X,[t[6]||(t[6]=e.createElementVNode("span",null,"搜索结果",-1)),e.createVNode(m,{size:"small",variant:"text",onClick:z},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("返回",-1)])]),_:1})]),S.value?(e.openBlock(),e.createElementBlock("div",Y,[e.createVNode(B),t[7]||(t[7]=e.createElementVNode("span",null,"搜索中...",-1))])):N.value.length===0?(e.openBlock(),e.createElementBlock("div",Z,[e.createVNode(n,{name:"search",size:"48px",style:{color:"#ddd"}}),t[8]||(t[8]=e.createElementVNode("p",null,"未找到匹配的人员",-1))])):(e.openBlock(),e.createElementBlock("div",v,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["cd-ps-result-item",{"cd-ps-selected":c.value.includes(o.id)}]),onClick:b=>Pe(o)},[e.createVNode(u,{checked:c.value.includes(o.id),onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},null,8,["checked"]),e.createElementVNode("div",te,[e.createVNode(n,{name:"user"})]),e.createElementVNode("div",oe,[e.createElementVNode("div",le,e.toDisplayString(o.displayName||o.name),1),e.createElementVNode("div",ne,[o.position?(e.openBlock(),e.createElementBlock("span",se,e.toDisplayString(o.position),1)):e.createCommentVNode("",!0),o.department?(e.openBlock(),e.createElementBlock("span",ae,e.toDisplayString(o.department),1)):e.createCommentVNode("",!0),o.phone?(e.openBlock(),e.createElementBlock("span",ce,e.toDisplayString(o.phone),1)):e.createCommentVNode("",!0)])])],10,ee))),128))]))])):(e.openBlock(),e.createBlock($e,{key:1,modelValue:_.value,"onUpdate:modelValue":t[3]||(t[3]=o=>_.value=o),onChange:De},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Se.value,o=>(e.openBlock(),e.createBlock(I,{key:o.key,value:o.key,label:o.name},{default:e.withCtx(()=>{var b;return[e.createElementVNode("div",de,[((b=g.value[o.key])==null?void 0:b.length)>0?(e.openBlock(),e.createBlock(T,{key:0,ref_for:!0,ref:r=>we(o.key,r),data:g.value[o.key],keys:{value:"id",label:"name",children:"children"},hover:"",checkable:"","expand-all":!1,value:c.value,onChange:Re},{label:e.withCtx(({node:r})=>{var $;return[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-node",{"cd-ps-node-user":r.data.isUser}])},[e.createVNode(n,{name:r.data.isUser?"user":o.icon||"folder"},null,8,["name"]),e.createElementVNode("span",null,e.toDisplayString(r.label),1),r.data.userCount&&!r.data.isUser?(e.openBlock(),e.createElementBlock("span",re,"("+e.toDisplayString(r.data.userCount)+")",1)):e.createCommentVNode("",!0),!r.data.isUser&&!(($=r.data.children)!=null&&$.length)&&!r.data.loaded?(e.openBlock(),e.createBlock(m,{key:1,size:"small",variant:"text",class:"cd-ps-load-btn",onClick:e.withModifiers(Ae=>Le(r,o.key),["stop"])},{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode("显示人员",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0)],2)]}),_:2},1032,["data","value"])):(e.openBlock(),e.createElementBlock("div",ie,[e.createVNode(n,{name:o.icon||"folder-open",size:"48px",style:{color:"#ddd"}},null,8,["name"]),t[10]||(t[10]=e.createElementVNode("p",null,"暂无数据",-1))]))])]}),_:2},1032,["value","label"]))),128))]),_:1},8,["modelValue"]))]),e.createElementVNode("div",pe,[e.createElementVNode("div",me,[t[12]||(t[12]=e.createElementVNode("span",{class:"cd-ps-title"},"已选择",-1)),e.createElementVNode("span",ke,e.toDisplayString(E.value.length)+" 项",1),E.value.length>0?(e.openBlock(),e.createBlock(m,{key:0,size:"small",variant:"text",onClick:M},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",he,[E.value.length===0?(e.openBlock(),e.createElementBlock("div",fe,[e.createVNode(n,{name:"user-checked",size:"64px",style:{color:"#ddd"}}),t[13]||(t[13]=e.createElementVNode("p",null,"暂无选择",-1))])):(e.openBlock(),e.createElementBlock("div",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["cd-ps-selected-item",{"cd-ps-dept-item":!o.isUser}])},[e.createElementVNode("div",ye,[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-avatar",{"cd-ps-avatar-dept":!o.isUser}])},[e.createVNode(n,{name:o.isUser?"user":"folder"},null,8,["name"])],2),e.createElementVNode("div",Ne,[e.createElementVNode("div",Ve,e.toDisplayString(o.displayName||o.name),1),e.createElementVNode("div",Be,[o.isUser&&o.position?(e.openBlock(),e.createElementBlock("span",Ce,e.toDisplayString(o.position),1)):e.createCommentVNode("",!0),o.isUser&&o.department?(e.openBlock(),e.createElementBlock("span",ge,e.toDisplayString(o.department),1)):e.createCommentVNode("",!0),o.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Ee,e.toDisplayString(o.typeName||"部门"),1)),!o.isUser&&o.userCount?(e.openBlock(),e.createElementBlock("span",ue,e.toDisplayString(o.userCount)+"人",1)):e.createCommentVNode("",!0)])])]),e.createVNode(m,{size:"small",variant:"text",shape:"circle",onClick:b=>Me(o.id)},{icon:e.withCtx(()=>[e.createVNode(n,{name:"close"})]),_:1},8,["onClick"])],2))),128))]))])])])])]),_:1},8,["visible","width"])}}}),[["__scopeId","data-v-c8a828cf"]]),xe={install(h){h.component("PersonSelector",P)}};p.PersonSelector=P,p.default=xe,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/index.mjs

@@ -1,38 +1,38 @@
-import { defineComponent as ye, ref as f, computed as z, watch as q, resolveComponent as _, createBlock as b, openBlock as a, withCtx as k, createElementVNode as n, createElementBlock as o, createCommentVNode as u, createVNode as r, toDisplayString as v, Fragment as E, renderList as L, createTextVNode as G, normalizeClass as W, withModifiers as te, nextTick as ge } from "vue";
-const Ce = { class: "person-selector" }, be = {
+import { defineComponent as ye, ref as f, computed as z, watch as q, resolveComponent as h, createBlock as C, openBlock as a, withCtx as k, createElementVNode as n, createElementBlock as o, createCommentVNode as u, createVNode as i, toDisplayString as p, Fragment as E, renderList as L, createTextVNode as G, normalizeClass as W, withModifiers as te, nextTick as ge } from "vue";
+const Ce = { class: "cd-ps-container" }, be = {
   key: 0,
-  class: "selector-tips"
+  class: "cd-ps-tips"
 }, xe = {
   key: 1,
-  class: "search-area"
+  class: "cd-ps-search"
 }, Ue = {
   key: 0,
-  class: "org-select"
-}, Ne = { class: "search-input" }, Se = { class: "content-area" }, Ve = { class: "left-panel tree-panel" }, Ie = {
+  class: "cd-ps-org-select"
+}, Ne = { class: "cd-ps-search-input" }, Se = { class: "cd-ps-content" }, Ve = { class: "cd-ps-left" }, Ie = {
   key: 0,
-  class: "search-results"
-}, ze = { class: "search-results-header" }, Te = {
+  class: "cd-ps-search-results"
+}, ze = { class: "cd-ps-search-header" }, Te = {
   key: 0,
-  class: "search-loading"
+  class: "cd-ps-loading"
 }, we = {
   key: 1,
-  class: "empty-search"
+  class: "cd-ps-empty"
 }, Re = {
   key: 2,
-  class: "search-result-list"
-}, Be = ["onClick"], Oe = { class: "user-avatar" }, De = { class: "user-details" }, Pe = { class: "user-name" }, Ee = { class: "user-meta" }, Le = { key: 0 }, We = { key: 1 }, $e = { key: 2 }, Je = { class: "tree-container" }, Me = {
+  class: "cd-ps-result-list"
+}, Be = ["onClick"], Oe = { class: "cd-ps-avatar" }, De = { class: "cd-ps-info" }, Pe = { class: "cd-ps-name" }, Ee = { class: "cd-ps-meta" }, Le = { key: 0 }, We = { key: 1 }, $e = { key: 2 }, Je = { class: "cd-ps-tree" }, Me = {
   key: 0,
-  class: "user-count"
+  class: "cd-ps-count"
 }, Ae = {
   key: 1,
-  class: "empty-tree"
-}, Fe = { class: "right-panel" }, je = { class: "selected-header" }, qe = { class: "header-count" }, Ge = { class: "selected-list-container" }, He = {
+  class: "cd-ps-empty"
+}, Fe = { class: "cd-ps-right" }, je = { class: "cd-ps-right-header" }, qe = { class: "cd-ps-num" }, Ge = { class: "cd-ps-right-list" }, He = {
   key: 0,
-  class: "empty-selected"
+  class: "cd-ps-empty"
 }, Ke = {
   key: 1,
-  class: "selected-user-list"
-}, Qe = { class: "user-info" }, Xe = { class: "user-details" }, Ye = { class: "user-name" }, Ze = { class: "user-meta" }, et = { key: 0 }, tt = { key: 1 }, st = { key: 2 }, lt = { key: 3 }, at = /* @__PURE__ */ ye({
+  class: "cd-ps-selected-list"
+}, Qe = { class: "cd-ps-item-info" }, Xe = { class: "cd-ps-info" }, Ye = { class: "cd-ps-name" }, Ze = { class: "cd-ps-meta" }, et = { key: 0 }, tt = { key: 1 }, st = { key: 2 }, lt = { key: 3 }, at = /* @__PURE__ */ ye({
   __name: "PersonSelector",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -44,24 +44,20 @@ const Ce = { class: "person-selector" }, be = {
     showSearch: { type: Boolean, default: !0 }
   },
   emits: ["update:visible", "update:modelValue", "confirm", "load-users", "search"],
-  setup(x, { expose: $, emit: O }) {
+  setup(b, { expose: $, emit: O }) {
     var Y, Z;
-    const d = x, C = O, U = f(d.visible), N = f(((Z = (Y = d.tabs) == null ? void 0 : Y[0]) == null ? void 0 : Z.key) || ""), T = f(null), S = f(""), c = f([]), J = f({}), M = f(!1), D = f(!1), V = f([]), se = z(() => d.tabs || []), H = z(() => d.organizations || []), K = z(() => d.tips || ""), le = z(() => d.showSearch), ae = z(() => d.dialogWidth), w = f({});
-    q(
-      () => d.tabs,
-      (s) => {
-        if (s && s.length > 0) {
-          const e = {};
-          s.forEach((l) => {
-            e[l.key] = JSON.parse(JSON.stringify(l.tree));
-          }), w.value = e, (!N.value || !s.find((l) => l.key === N.value)) && (N.value = s[0].key);
-        }
-      },
-      { immediate: !0, deep: !0 }
-    ), q(() => d.visible, (s) => {
-      U.value = s, s && (c.value = d.modelValue ? [...d.modelValue] : [], d.organizations.length > 0 && !T.value && (T.value = d.organizations[0].id));
-    }), q(U, (s) => {
-      C("update:visible", s);
+    const c = b, g = O, x = f(c.visible), U = f(((Z = (Y = c.tabs) == null ? void 0 : Y[0]) == null ? void 0 : Z.key) || ""), T = f(null), N = f(""), r = f([]), J = f({}), M = f(!1), D = f(!1), S = f([]), se = z(() => c.tabs || []), H = z(() => c.organizations || []), K = z(() => c.tips || ""), le = z(() => c.showSearch), ae = z(() => c.dialogWidth), w = f({});
+    q(() => c.tabs, (s) => {
+      if (s && s.length > 0) {
+        const e = {};
+        s.forEach((l) => {
+          e[l.key] = JSON.parse(JSON.stringify(l.tree));
+        }), w.value = e, (!U.value || !s.find((l) => l.key === U.value)) && (U.value = s[0].key);
+      }
+    }, { immediate: !0, deep: !0 }), q(() => c.visible, (s) => {
+      x.value = s, s && (r.value = c.modelValue ? [...c.modelValue] : [], c.organizations.length > 0 && !T.value && (T.value = c.organizations[0].id));
+    }), q(x, (s) => {
+      g("update:visible", s);
     });
     function ne(s, e) {
       e && (J.value[s] = e);
@@ -70,151 +66,131 @@ const Ce = { class: "person-selector" }, be = {
       for (const l of s) {
         if (l.id === e) return l;
         if (l.children) {
-          const i = Q(l.children, e);
-          if (i) return i;
+          const d = Q(l.children, e);
+          if (d) return d;
         }
       }
       return null;
     }
     const R = z(() => {
       const s = [];
-      return c.value.forEach((e) => {
-        const l = V.value.find((i) => i.id === e);
+      return r.value.forEach((e) => {
+        const l = S.value.find((d) => d.id === e);
         if (l) {
           s.push({ ...l, typeName: "搜索结果" });
           return;
         }
-        for (const i of d.tabs) {
-          const p = w.value[i.key] || [], m = Q(p, e);
+        for (const d of c.tabs) {
+          const v = w.value[d.key] || [], m = Q(v, e);
           if (m) {
-            s.push({
-              ...m,
-              typeName: i.name
-            });
+            s.push({ ...m, typeName: d.name });
             break;
           }
         }
       }), s;
     }), oe = () => {
-      S.value = "";
-    }, ie = () => {
+      N.value = "";
+    }, de = () => {
     };
-    let I = null;
-    const de = () => {
-      if (I && clearTimeout(I), !S.value.trim()) {
+    let V = null;
+    const ce = () => {
+      if (V && clearTimeout(V), !N.value.trim()) {
         A();
         return;
       }
-      M.value = !0, D.value = !0, I = setTimeout(() => {
-        re();
-      }, 300);
-    }, re = () => {
-      V.value = [];
+      M.value = !0, D.value = !0, V = setTimeout(() => ie(), 300);
+    }, ie = () => {
+      S.value = [];
       const s = (e) => {
-        V.value = e.map((l) => ({ ...l, isUser: !0 })), D.value = !1;
+        S.value = e.map((l) => ({ ...l, isUser: !0 })), D.value = !1;
       };
-      C("search", {
-        keyword: S.value,
-        orgId: T.value || void 0,
-        callback: s
-      });
+      g("search", { keyword: N.value, orgId: T.value || void 0, callback: s });
     }, A = () => {
-      I && (clearTimeout(I), I = null), M.value = !1, S.value = "", V.value = [], D.value = !1;
-    }, ce = (s) => {
-      const e = c.value.indexOf(s.id);
-      e > -1 ? c.value.splice(e, 1) : c.value.push(s.id);
+      V && (clearTimeout(V), V = null), M.value = !1, N.value = "", S.value = [], D.value = !1;
+    }, re = (s) => {
+      const e = r.value.indexOf(s.id);
+      e > -1 ? r.value.splice(e, 1) : r.value.push(s.id);
     };
     function ue(s) {
-      const e = [], l = (i) => {
-        for (const p of i)
-          e.push(p.id), p.children && l(p.children);
+      const e = [], l = (d) => {
+        for (const v of d)
+          e.push(v.id), v.children && l(v.children);
       };
       return l(s), e;
     }
-    const ve = (s) => {
-      const e = w.value[N.value] || [], l = ue(e), i = c.value.filter((p) => !l.includes(p));
-      c.value = [...i, ...s];
+    const pe = (s) => {
+      const e = w.value[U.value] || [], l = ue(e), d = r.value.filter((v) => !l.includes(v));
+      r.value = [...d, ...s];
     };
-    async function pe(s, e) {
-      const l = s.value, i = J.value[e];
-      C("load-users", { tabKey: e, nodeId: l, node: s, callback: async (m) => {
+    async function ve(s, e) {
+      const l = s.value, d = J.value[e];
+      g("load-users", { tabKey: e, nodeId: l, node: s, callback: async (m) => {
         if (m.length > 0) {
-          const y = m.map((g) => {
-            const { id: B, name: F, ...j } = g;
-            return {
-              ...j,
-              id: B,
-              name: g.displayName || F,
-              isUser: !0
-            };
+          const y = m.map((I) => {
+            const { id: B, name: F, ...j } = I;
+            return { ...j, id: B, name: I.displayName || F, isUser: !0 };
           });
-          if (i) {
-            i.appendTo(l, y), s.data.loaded = !0, await ge();
+          if (d) {
+            d.appendTo(l, y), s.data.loaded = !0, await ge();
             try {
-              i.setItem(l, { expanded: !0 });
-            } catch (g) {
-              console.log("展开节点失败", g);
+              d.setItem(l, { expanded: !0 });
+            } catch {
             }
           }
         } else
           s.data.loaded = !0;
       } });
     }
-    const he = (s) => {
-      c.value = c.value.filter((e) => e !== s);
+    const _e = (s) => {
+      r.value = r.value.filter((e) => e !== s);
     }, X = () => {
-      c.value = [];
-    }, _e = () => {
-      C("update:modelValue", c.value), C("confirm", R.value), U.value = !1;
+      r.value = [];
+    }, he = () => {
+      g("update:modelValue", r.value), g("confirm", R.value), x.value = !1;
     }, me = () => {
-      U.value = !1;
+      x.value = !1;
     };
     return $({
       clearSelection: X,
       appendUsers: (s, e, l) => {
-        const i = J.value[s];
-        if (i && l.length > 0) {
-          const p = l.map((m) => {
-            const { id: y, name: g, ...B } = m;
-            return {
-              ...B,
-              id: y,
-              name: m.displayName || g,
-              isUser: !0
-            };
+        const d = J.value[s];
+        if (d && l.length > 0) {
+          const v = l.map((m) => {
+            const { id: y, name: I, ...B } = m;
+            return { ...B, id: y, name: m.displayName || I, isUser: !0 };
           });
-          i.appendTo(e, p);
+          d.appendTo(e, v);
         }
       }
     }), (s, e) => {
-      const l = _("t-icon"), i = _("t-option"), p = _("t-select"), m = _("t-input"), y = _("t-button"), g = _("t-loading"), B = _("t-checkbox"), F = _("t-tree"), j = _("t-tab-panel"), fe = _("t-tabs"), ke = _("t-dialog");
-      return a(), b(ke, {
-        visible: U.value,
-        "onUpdate:visible": e[4] || (e[4] = (t) => U.value = t),
+      const l = h("t-icon"), d = h("t-option"), v = h("t-select"), m = h("t-input"), y = h("t-button"), I = h("t-loading"), B = h("t-checkbox"), F = h("t-tree"), j = h("t-tab-panel"), fe = h("t-tabs"), ke = h("t-dialog");
+      return a(), C(ke, {
+        visible: x.value,
+        "onUpdate:visible": e[4] || (e[4] = (t) => x.value = t),
         header: "选择人员",
         width: ae.value,
         footer: !0,
         "destroy-on-close": "",
-        onConfirm: _e,
+        onConfirm: he,
         onClose: me
       }, {
         default: k(() => [
           n("div", Ce, [
             K.value ? (a(), o("div", be, [
-              r(l, { name: "info-circle" }),
-              n("span", null, v(K.value), 1)
+              i(l, { name: "info-circle" }),
+              n("span", null, p(K.value), 1)
             ])) : u("", !0),
             le.value ? (a(), o("div", xe, [
               H.value.length > 0 ? (a(), o("div", Ue, [
-                r(p, {
+                i(v, {
                   modelValue: T.value,
                   "onUpdate:modelValue": e[0] || (e[0] = (t) => T.value = t),
                   placeholder: "选择组织",
                   style: { width: "200px" },
-                  onChange: ie
+                  onChange: de
                 }, {
                   default: k(() => [
-                    (a(!0), o(E, null, L(H.value, (t) => (a(), b(i, {
+                    (a(!0), o(E, null, L(H.value, (t) => (a(), C(d, {
                       key: t.id,
                       value: t.id,
                       label: t.displayName || t.name
@@ -224,16 +200,16 @@ const Ce = { class: "person-selector" }, be = {
                 }, 8, ["modelValue"])
               ])) : u("", !0),
               n("div", Ne, [
-                r(m, {
-                  modelValue: S.value,
-                  "onUpdate:modelValue": e[1] || (e[1] = (t) => S.value = t),
+                i(m, {
+                  modelValue: N.value,
+                  "onUpdate:modelValue": e[1] || (e[1] = (t) => N.value = t),
                   placeholder: "搜索",
                   clearable: "",
-                  onInput: de,
+                  onInput: ce,
                   onClear: A
                 }, {
                   "prefix-icon": k(() => [
-                    r(l, { name: "search" })
+                    i(l, { name: "search" })
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
@@ -244,7 +220,7 @@ const Ce = { class: "person-selector" }, be = {
                 M.value ? (a(), o("div", Ie, [
                   n("div", ze, [
                     e[6] || (e[6] = n("span", null, "搜索结果", -1)),
-                    r(y, {
+                    i(y, {
                       size: "small",
                       variant: "text",
                       onClick: A
@@ -256,47 +232,47 @@ const Ce = { class: "person-selector" }, be = {
                     })
                   ]),
                   D.value ? (a(), o("div", Te, [
-                    r(g),
+                    i(I),
                     e[7] || (e[7] = n("span", null, "搜索中...", -1))
-                  ])) : V.value.length === 0 ? (a(), o("div", we, [
-                    r(l, {
+                  ])) : S.value.length === 0 ? (a(), o("div", we, [
+                    i(l, {
                       name: "search",
                       size: "48px",
                       style: { color: "#ddd" }
                     }),
                     e[8] || (e[8] = n("p", null, "未找到匹配的人员", -1))
                   ])) : (a(), o("div", Re, [
-                    (a(!0), o(E, null, L(V.value, (t) => (a(), o("div", {
+                    (a(!0), o(E, null, L(S.value, (t) => (a(), o("div", {
                       key: t.id,
-                      class: W(["search-result-item", { "is-selected": c.value.includes(t.id) }]),
-                      onClick: (P) => ce(t)
+                      class: W(["cd-ps-result-item", { "cd-ps-selected": r.value.includes(t.id) }]),
+                      onClick: (P) => re(t)
                     }, [
-                      r(B, {
-                        checked: c.value.includes(t.id),
+                      i(B, {
+                        checked: r.value.includes(t.id),
                         onClick: e[2] || (e[2] = te(() => {
                         }, ["stop"]))
                       }, null, 8, ["checked"]),
                       n("div", Oe, [
-                        r(l, { name: "user" })
+                        i(l, { name: "user" })
                       ]),
                       n("div", De, [
-                        n("div", Pe, v(t.displayName || t.name), 1),
+                        n("div", Pe, p(t.displayName || t.name), 1),
                         n("div", Ee, [
-                          t.position ? (a(), o("span", Le, v(t.position), 1)) : u("", !0),
-                          t.department ? (a(), o("span", We, v(t.department), 1)) : u("", !0),
-                          t.phone ? (a(), o("span", $e, v(t.phone), 1)) : u("", !0)
+                          t.position ? (a(), o("span", Le, p(t.position), 1)) : u("", !0),
+                          t.department ? (a(), o("span", We, p(t.department), 1)) : u("", !0),
+                          t.phone ? (a(), o("span", $e, p(t.phone), 1)) : u("", !0)
                         ])
                       ])
                     ], 10, Be))), 128))
                   ]))
-                ])) : (a(), b(fe, {
+                ])) : (a(), C(fe, {
                   key: 1,
-                  modelValue: N.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (t) => N.value = t),
+                  modelValue: U.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (t) => U.value = t),
                   onChange: oe
                 }, {
                   default: k(() => [
-                    (a(!0), o(E, null, L(se.value, (t) => (a(), b(j, {
+                    (a(!0), o(E, null, L(se.value, (t) => (a(), C(j, {
                       key: t.key,
                       value: t.key,
                       label: t.name
@@ -305,38 +281,38 @@ const Ce = { class: "person-selector" }, be = {
                         var P;
                         return [
                           n("div", Je, [
-                            ((P = w.value[t.key]) == null ? void 0 : P.length) > 0 ? (a(), b(F, {
+                            ((P = w.value[t.key]) == null ? void 0 : P.length) > 0 ? (a(), C(F, {
                               key: 0,
                               ref_for: !0,
-                              ref: (h) => ne(t.key, h),
+                              ref: (_) => ne(t.key, _),
                               data: w.value[t.key],
                               keys: { value: "id", label: "name", children: "children" },
                               hover: "",
                               checkable: "",
                               "expand-all": !1,
-                              value: c.value,
-                              onChange: ve
+                              value: r.value,
+                              onChange: pe
                             }, {
-                              label: k(({ node: h }) => {
+                              label: k(({ node: _ }) => {
                                 var ee;
                                 return [
                                   n("div", {
-                                    class: W(["tree-node-label", { "is-user": h.data.isUser }])
+                                    class: W(["cd-ps-node", { "cd-ps-node-user": _.data.isUser }])
                                   }, [
-                                    r(l, {
-                                      name: h.data.isUser ? "user" : t.icon || "folder"
+                                    i(l, {
+                                      name: _.data.isUser ? "user" : t.icon || "folder"
                                     }, null, 8, ["name"]),
-                                    n("span", null, v(h.label), 1),
-                                    h.data.userCount && !h.data.isUser ? (a(), o("span", Me, "(" + v(h.data.userCount) + ")", 1)) : u("", !0),
-                                    !h.data.isUser && !((ee = h.data.children) != null && ee.length) && !h.data.loaded ? (a(), b(y, {
+                                    n("span", null, p(_.label), 1),
+                                    _.data.userCount && !_.data.isUser ? (a(), o("span", Me, "(" + p(_.data.userCount) + ")", 1)) : u("", !0),
+                                    !_.data.isUser && !((ee = _.data.children) != null && ee.length) && !_.data.loaded ? (a(), C(y, {
                                       key: 1,
                                       size: "small",
                                       variant: "text",
-                                      class: "load-users-btn",
-                                      onClick: te((it) => pe(h, t.key), ["stop"])
+                                      class: "cd-ps-load-btn",
+                                      onClick: te((dt) => ve(_, t.key), ["stop"])
                                     }, {
                                       default: k(() => [...e[9] || (e[9] = [
-                                        G(" 显示人员 ", -1)
+                                        G("显示人员", -1)
                                       ])]),
                                       _: 1
                                     }, 8, ["onClick"])) : u("", !0)
@@ -345,7 +321,7 @@ const Ce = { class: "person-selector" }, be = {
                               }),
                               _: 2
                             }, 1032, ["data", "value"])) : (a(), o("div", Ae, [
-                              r(l, {
+                              i(l, {
                                 name: t.icon || "folder-open",
                                 size: "48px",
                                 style: { color: "#ddd" }
@@ -363,9 +339,9 @@ const Ce = { class: "person-selector" }, be = {
               ]),
               n("div", Fe, [
                 n("div", je, [
-                  e[12] || (e[12] = n("span", { class: "header-title" }, "已选择", -1)),
-                  n("span", qe, v(R.value.length) + " 项", 1),
-                  R.value.length > 0 ? (a(), b(y, {
+                  e[12] || (e[12] = n("span", { class: "cd-ps-title" }, "已选择", -1)),
+                  n("span", qe, p(R.value.length) + " 项", 1),
+                  R.value.length > 0 ? (a(), C(y, {
                     key: 0,
                     size: "small",
                     variant: "text",
@@ -379,7 +355,7 @@ const Ce = { class: "person-selector" }, be = {
                 ]),
                 n("div", Ge, [
                   R.value.length === 0 ? (a(), o("div", He, [
-                    r(l, {
+                    i(l, {
                       name: "user-checked",
                       size: "64px",
                       style: { color: "#ddd" }
@@ -388,34 +364,34 @@ const Ce = { class: "person-selector" }, be = {
                   ])) : (a(), o("div", Ke, [
                     (a(!0), o(E, null, L(R.value, (t) => (a(), o("div", {
                       key: t.id,
-                      class: W(["selected-user-item", { "selected-dept-item": !t.isUser }])
+                      class: W(["cd-ps-selected-item", { "cd-ps-dept-item": !t.isUser }])
                     }, [
                       n("div", Qe, [
                         n("div", {
-                          class: W(["user-avatar", { "dept-avatar": !t.isUser }])
+                          class: W(["cd-ps-avatar", { "cd-ps-avatar-dept": !t.isUser }])
                         }, [
-                          r(l, {
+                          i(l, {
                             name: t.isUser ? "user" : "folder"
                           }, null, 8, ["name"])
                         ], 2),
                         n("div", Xe, [
-                          n("div", Ye, v(t.displayName || t.name), 1),
+                          n("div", Ye, p(t.displayName || t.name), 1),
                           n("div", Ze, [
-                            t.isUser && t.position ? (a(), o("span", et, v(t.position), 1)) : u("", !0),
-                            t.isUser && t.department ? (a(), o("span", tt, v(t.department), 1)) : u("", !0),
-                            t.isUser ? u("", !0) : (a(), o("span", st, v(t.typeName || "部门"), 1)),
-                            !t.isUser && t.userCount ? (a(), o("span", lt, v(t.userCount) + "人", 1)) : u("", !0)
+                            t.isUser && t.position ? (a(), o("span", et, p(t.position), 1)) : u("", !0),
+                            t.isUser && t.department ? (a(), o("span", tt, p(t.department), 1)) : u("", !0),
+                            t.isUser ? u("", !0) : (a(), o("span", st, p(t.typeName || "部门"), 1)),
+                            !t.isUser && t.userCount ? (a(), o("span", lt, p(t.userCount) + "人", 1)) : u("", !0)
                           ])
                         ])
                       ]),
-                      r(y, {
+                      i(y, {
                         size: "small",
                         variant: "text",
                         shape: "circle",
-                        onClick: (P) => he(t.id)
+                        onClick: (P) => _e(t.id)
                       }, {
                         icon: k(() => [
-                          r(l, { name: "close" })
+                          i(l, { name: "close" })
                         ]),
                         _: 1
                       }, 8, ["onClick"])
@@ -430,17 +406,17 @@ const Ce = { class: "person-selector" }, be = {
       }, 8, ["visible", "width"]);
     };
   }
-}), nt = (x, $) => {
-  const O = x.__vccOpts || x;
-  for (const [d, C] of $)
-    O[d] = C;
+}), nt = (b, $) => {
+  const O = b.__vccOpts || b;
+  for (const [c, g] of $)
+    O[c] = g;
   return O;
-}, ot = /* @__PURE__ */ nt(at, [["__scopeId", "data-v-210902ae"]]), rt = {
-  install(x) {
-    x.component("PersonSelector", ot);
+}, ot = /* @__PURE__ */ nt(at, [["__scopeId", "data-v-c8a828cf"]]), it = {
+  install(b) {
+    b.component("PersonSelector", ot);
   }
 };
 export {
   ot as PersonSelector,
-  rt as default
+  it as default
 };