cd-personselector 1.0.8 → 1.1.0

package/dist/index.js

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

package/dist/index.mjs

@@ -1,38 +1,41 @@
-import { defineComponent as Ne, ref as _, computed as B, watch as Q, resolveComponent as m, createBlock as S, openBlock as a, withCtx as y, createElementVNode as n, createElementBlock as o, createCommentVNode as v, createVNode as u, toDisplayString as h, Fragment as $, renderList as J, createTextVNode as X, normalizeClass as A, withModifiers as oe, nextTick as Ue } from "vue";
-const xe = { class: "cd-ps-container" }, Se = {
+import { defineComponent as Ne, ref as _, computed as S, watch as $, resolveComponent as m, createBlock as w, openBlock as a, withCtx as y, createElementVNode as n, createElementBlock as o, createCommentVNode as h, createVNode as v, toDisplayString as f, Fragment as J, renderList as j, createTextVNode as A, normalizeClass as F, withModifiers as de, nextTick as xe } from "vue";
+const Ie = { class: "cd-ps-container" }, Se = {
   key: 0,
   class: "cd-ps-tips"
-}, Ie = {
+}, we = {
   key: 1,
   class: "cd-ps-search"
-}, Ve = {
+}, ze = {
   key: 0,
   class: "cd-ps-org-select"
-}, ze = { class: "cd-ps-search-input" }, Te = { class: "cd-ps-content" }, we = { class: "cd-ps-left" }, Be = {
+}, Te = { class: "cd-ps-search-input" }, Oe = { class: "cd-ps-content" }, Be = { class: "cd-ps-left" }, De = {
   key: 0,
   class: "cd-ps-search-results"
-}, De = { class: "cd-ps-search-header" }, Re = {
+}, Re = { class: "cd-ps-search-header" }, Ee = {
   key: 0,
   class: "cd-ps-loading"
-}, Oe = {
+}, Me = {
   key: 1,
   class: "cd-ps-empty"
 }, Pe = {
   key: 2,
   class: "cd-ps-result-list"
-}, Ee = ["onClick"], Me = { class: "cd-ps-avatar" }, Le = { class: "cd-ps-info" }, We = { class: "cd-ps-name" }, $e = { class: "cd-ps-meta" }, Je = { key: 0 }, Ae = { key: 1 }, Fe = { key: 2 }, je = { class: "cd-ps-tree" }, qe = {
+}, Le = ["onClick"], We = { class: "cd-ps-avatar" }, $e = { class: "cd-ps-info" }, Je = { class: "cd-ps-name" }, je = { class: "cd-ps-meta" }, Ae = { key: 0 }, Fe = { key: 1 }, qe = { key: 2 }, Ge = { class: "cd-ps-tree" }, He = { class: "cd-ps-node-name" }, Qe = {
+  key: 0,
+  class: "cd-ps-position"
+}, Xe = {
   key: 0,
   class: "cd-ps-count"
-}, Ge = {
+}, Ye = {
   key: 1,
   class: "cd-ps-empty"
-}, He = { class: "cd-ps-right" }, Qe = { class: "cd-ps-right-header" }, Xe = { class: "cd-ps-num" }, Ye = { class: "cd-ps-right-list" }, Ze = {
+}, Ze = { class: "cd-ps-right" }, Ke = { class: "cd-ps-right-header" }, et = { class: "cd-ps-num" }, tt = { class: "cd-ps-right-list" }, st = {
   key: 0,
   class: "cd-ps-empty"
-}, Ke = {
+}, lt = {
   key: 1,
   class: "cd-ps-selected-list"
-}, et = { class: "cd-ps-item-info" }, tt = { class: "cd-ps-info" }, st = { class: "cd-ps-name" }, lt = { class: "cd-ps-meta" }, at = { key: 0 }, nt = { key: 1 }, ot = { key: 2 }, dt = { key: 3 }, ct = /* @__PURE__ */ Ne({
+}, at = { class: "cd-ps-item-info" }, nt = { class: "cd-ps-info" }, ot = { class: "cd-ps-name" }, dt = { class: "cd-ps-meta" }, ct = { key: 0 }, it = { key: 1 }, rt = { key: 2 }, ut = { key: 3 }, pt = /* @__PURE__ */ Ne({
   __name: "PersonSelector",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -41,311 +44,327 @@ const xe = { class: "cd-ps-container" }, Se = {
     modelValue: { default: () => [] },
     dialogWidth: { default: "900px" },
     tips: { default: "" },
-    showSearch: { type: Boolean, default: !0 }
+    showSearch: { type: Boolean, default: !0 },
+    showOrg: { type: Boolean, default: !0 }
   },
   emits: ["update:visible", "update:modelValue", "confirm", "load-users", "search", "org-change"],
-  setup(I, { expose: F, emit: M }) {
-    var le, ae;
-    const c = I, C = M, V = _(c.visible), b = _(((ae = (le = c.tabs) == null ? void 0 : le[0]) == null ? void 0 : ae.key) || ""), N = _(null), z = _(""), p = _([]), D = _(/* @__PURE__ */ new Map()), j = _({}), q = _(!1), L = _(!1), R = _([]), de = B(() => c.tabs || []), Y = B(() => c.organizations || []), Z = B(() => c.tips || ""), ce = B(() => c.showSearch), ie = B(() => c.dialogWidth), U = _({});
-    Q(() => c.tabs, (s) => {
-      if (s && s.length > 0) {
+  setup(z, { expose: q, emit: P }) {
+    var ae, ne;
+    const d = z, C = P, b = _(d.visible), V = _(((ne = (ae = d.tabs) == null ? void 0 : ae[0]) == null ? void 0 : ne.key) || ""), U = _(null), T = _(""), i = _([]), N = _(/* @__PURE__ */ new Map()), G = _({}), H = _(!1), L = _(!1), D = _([]), ce = S(() => d.tabs || []), Y = S(() => d.organizations || []), Z = S(() => d.tips || ""), ie = S(() => d.showSearch), re = S(() => d.showOrg), ue = S(() => d.dialogWidth), x = _({});
+    $(() => d.tabs, (t) => {
+      if (t && t.length > 0) {
         const e = {};
-        s.forEach((l) => {
+        t.forEach((l) => {
           e[l.key] = JSON.parse(JSON.stringify(l.tree));
-        }), U.value = e, (!b.value || !s.find((l) => l.key === b.value)) && (b.value = s[0].key);
+        }), x.value = e, (!V.value || !t.find((l) => l.key === V.value)) && (V.value = t[0].key);
       }
-    }, { immediate: !0, deep: !0 }), Q(() => c.visible, (s) => {
-      V.value = s, s && (p.value = c.modelValue ? [...c.modelValue] : [], D.value.clear(), c.organizations.length > 0 && !N.value && (N.value = c.organizations[0].id));
-    }), Q(V, (s) => {
-      C("update:visible", s);
+    }, { immediate: !0, deep: !0 });
+    function K() {
+      if (d.modelValue && d.modelValue.length > 0) {
+        const t = d.modelValue[0];
+        typeof t == "object" && t !== null && "id" in t ? (i.value = d.modelValue.map((e) => e.id), N.value.clear(), d.modelValue.forEach((e) => {
+          N.value.set(e.id, e);
+        })) : i.value = [...d.modelValue];
+      } else
+        i.value = [], N.value.clear();
+    }
+    $(() => d.modelValue, (t) => {
+      b.value && t && K();
+    }, { deep: !0 }), $(() => d.visible, (t) => {
+      b.value = t, t && (K(), d.organizations.length > 0 && !U.value && (U.value = d.organizations[0].id));
+    }), $(b, (t) => {
+      C("update:visible", t);
     });
-    function re(s, e) {
-      e && (j.value[s] = e);
+    function pe(t, e) {
+      e && (G.value[t] = e);
     }
-    function K(s, e) {
-      for (const l of s) {
+    function ee(t, e) {
+      for (const l of t) {
         if (l.id === e) return l;
         if (l.children) {
-          const d = K(l.children, e);
-          if (d) return d;
+          const c = ee(l.children, e);
+          if (c) return c;
         }
       }
       return null;
     }
-    const O = B(() => p.value.map((s) => D.value.get(s)).filter(Boolean));
-    function ee(s, e) {
-      p.value.includes(s) || p.value.push(s), D.value.set(s, e);
+    const R = S(() => i.value.map((t) => N.value.get(t)).filter(Boolean));
+    function te(t, e) {
+      i.value.includes(t) || i.value.push(t), N.value.set(t, e);
     }
-    function G(s) {
-      p.value = p.value.filter((e) => e !== s), D.value.delete(s);
+    function Q(t) {
+      i.value = i.value.filter((e) => e !== t), N.value.delete(t);
     }
-    const ue = () => {
-      z.value = "";
-    }, pe = (s) => {
+    const ve = () => {
+      T.value = "";
+    }, he = (t) => {
       const e = {};
-      c.tabs.forEach((l) => {
+      d.tabs.forEach((l) => {
         e[l.key] = [];
-      }), U.value = e, C("org-change", s);
+      }), x.value = e, C("org-change", t);
     };
-    let T = null;
-    const ve = () => {
-      if (T && clearTimeout(T), !z.value.trim()) {
-        H();
+    let O = null;
+    const fe = () => {
+      if (O && clearTimeout(O), !T.value.trim()) {
+        X();
         return;
       }
-      q.value = !0, L.value = !0, T = setTimeout(() => he(), 300);
-    }, he = () => {
-      R.value = [];
-      const s = (e) => {
-        R.value = e.map((l) => ({ ...l, isUser: !0 })), L.value = !1;
+      H.value = !0, L.value = !0, O = setTimeout(() => _e(), 300);
+    }, _e = () => {
+      D.value = [];
+      const t = (e) => {
+        D.value = e.map((l) => ({ ...l, isUser: !0 })), L.value = !1;
       };
-      C("search", { keyword: z.value, orgId: N.value || void 0, callback: s });
-    }, H = () => {
-      T && (clearTimeout(T), T = null), q.value = !1, z.value = "", R.value = [], L.value = !1;
-    }, fe = (s) => {
-      p.value.indexOf(s.id) > -1 ? G(s.id) : ee(s.id, { ...s, isUser: !0, typeName: "搜索结果", orgId: N.value });
+      C("search", { keyword: T.value, orgId: U.value || void 0, callback: t });
+    }, X = () => {
+      O && (clearTimeout(O), O = null), H.value = !1, T.value = "", D.value = [], L.value = !1;
+    }, me = (t) => {
+      i.value.indexOf(t.id) > -1 ? Q(t.id) : te(t.id, { ...t, isUser: !0, typeName: "搜索结果", orgId: U.value });
     };
-    function _e(s) {
-      const e = [], l = (d) => {
-        for (const k of d)
+    function ke(t) {
+      const e = [], l = (c) => {
+        for (const k of c)
           e.push(k.id), k.children && l(k.children);
       };
-      return l(s), e;
+      return l(t), e;
     }
-    const me = (s, e) => {
-      var i;
+    const ye = (t, e) => {
+      var r;
       const l = e == null ? void 0 : e.node;
       if (l) {
-        const r = l.value ?? ((i = l.data) == null ? void 0 : i.id);
-        if (r !== void 0) {
+        const u = l.value ?? ((r = l.data) == null ? void 0 : r.id);
+        if (u !== void 0) {
           if (l.checked) {
-            const w = c.tabs.find((E) => E.key === b.value), P = w ? w.name.replace(/^按/, "") : "";
-            ee(r, { ...l.data, typeName: P, orgId: N.value });
+            const B = d.tabs.find((M) => M.key === V.value), E = B ? B.name.replace(/^按/, "") : "";
+            te(u, { ...l.data, typeName: E, orgId: U.value });
           } else
-            G(r);
+            Q(u);
           return;
         }
       }
-      const d = U.value[b.value] || [], k = _e(d), g = p.value.filter((r) => !k.includes(r));
-      p.value = [...g, ...s];
+      const c = x.value[V.value] || [], k = ke(c), g = i.value.filter((u) => !k.includes(u));
+      i.value = [...g, ...t];
     };
-    function te(s, e, l) {
-      for (const d of s) {
-        if (d.id === e)
-          return d.children = d.children || [], d.children.push(...l), d.loaded = !0, !0;
-        if (d.children && te(d.children, e, l))
+    function se(t, e, l) {
+      for (const c of t) {
+        if (c.id === e)
+          return c.children = c.children || [], c.children.push(...l), c.loaded = !0, !0;
+        if (c.children && se(c.children, e, l))
           return !0;
       }
       return !1;
     }
-    async function ke(s, e) {
-      const l = s.value, d = j.value[e];
-      C("load-users", { tabKey: e, nodeId: l, node: s, callback: async (g) => {
+    async function ge(t, e) {
+      const l = t.value, c = G.value[e];
+      C("load-users", { tabKey: e, nodeId: l, node: t, callback: async (g) => {
         if (g.length > 0) {
-          const i = g.map((x) => {
-            const { id: w, name: P, ...E } = x;
-            return { ...E, id: w, name: x.displayName || P, isUser: !0 };
-          }), r = U.value[e];
-          if (r && te(r, l, i), d) {
-            d.appendTo(l, i), s.data.loaded = !0, await Ue();
+          const r = g.map((I) => {
+            const { id: B, name: E, ...M } = I;
+            return { ...M, id: B, name: I.displayName || E, isUser: !0 };
+          }), u = x.value[e];
+          if (u && se(u, l, r), c) {
+            c.appendTo(l, r), t.data.loaded = !0, await xe();
             try {
-              d.setItem(l, { expanded: !0 });
+              c.setItem(l, { expanded: !0 });
             } catch {
             }
           }
         } else {
-          s.data.loaded = !0;
-          const i = U.value[e];
-          if (i) {
-            const r = K(i, l);
-            r && (r.loaded = !0);
+          t.data.loaded = !0;
+          const r = x.value[e];
+          if (r) {
+            const u = ee(r, l);
+            u && (u.loaded = !0);
           }
         }
       } });
     }
-    const ye = (s) => {
-      G(s);
-    }, se = () => {
-      p.value = [], D.value.clear();
-    }, ge = () => {
-      C("update:modelValue", p.value), C("confirm", O.value), V.value = !1;
-    }, Ce = () => {
-      V.value = !1;
+    const Ce = (t) => {
+      Q(t);
+    }, le = () => {
+      i.value = [], N.value.clear();
+    }, be = () => {
+      C("update:modelValue", i.value), C("confirm", R.value), b.value = !1;
+    }, Ve = () => {
+      b.value = !1;
     };
-    return F({
-      clearSelection: se,
-      appendUsers: (s, e, l) => {
-        const d = j.value[s];
-        if (d && l.length > 0) {
+    return q({
+      clearSelection: le,
+      appendUsers: (t, e, l) => {
+        const c = G.value[t];
+        if (c && l.length > 0) {
           const k = l.map((g) => {
-            const { id: i, name: r, ...x } = g;
-            return { ...x, id: i, name: g.displayName || r, isUser: !0 };
+            const { id: r, name: u, ...I } = g;
+            return { ...I, id: r, name: g.displayName || u, isUser: !0 };
           });
-          d.appendTo(e, k);
+          c.appendTo(e, k);
         }
       }
-    }), (s, e) => {
-      const l = m("t-icon"), d = m("t-option"), k = m("t-select"), g = m("t-input"), i = m("t-button"), r = m("t-loading"), x = m("t-checkbox"), w = m("t-tree"), P = m("t-tab-panel"), E = m("t-tabs"), be = m("t-dialog");
-      return a(), S(be, {
-        visible: V.value,
-        "onUpdate:visible": e[4] || (e[4] = (t) => V.value = t),
+    }), (t, e) => {
+      const l = m("t-icon"), c = m("t-option"), k = m("t-select"), g = m("t-input"), r = m("t-button"), u = m("t-loading"), I = m("t-checkbox"), B = m("t-tree"), E = m("t-tab-panel"), M = m("t-tabs"), Ue = m("t-dialog");
+      return a(), w(Ue, {
+        visible: b.value,
+        "onUpdate:visible": e[4] || (e[4] = (s) => b.value = s),
         header: "选择人员",
-        width: ie.value,
+        width: ue.value,
         footer: !0,
         placement: "center",
         "destroy-on-close": "",
-        onConfirm: ge,
-        onClose: Ce
+        onConfirm: be,
+        onClose: Ve
       }, {
         default: y(() => [
-          n("div", xe, [
+          n("div", Ie, [
             Z.value ? (a(), o("div", Se, [
-              u(l, { name: "info-circle" }),
-              n("span", null, h(Z.value), 1)
-            ])) : v("", !0),
-            ce.value ? (a(), o("div", Ie, [
-              Y.value.length > 0 ? (a(), o("div", Ve, [
-                u(k, {
-                  modelValue: N.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (t) => N.value = t),
+              v(l, { name: "info-circle" }),
+              n("span", null, f(Z.value), 1)
+            ])) : h("", !0),
+            ie.value ? (a(), o("div", we, [
+              re.value && Y.value.length > 0 ? (a(), o("div", ze, [
+                v(k, {
+                  modelValue: U.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (s) => U.value = s),
                   placeholder: "选择组织",
                   style: { width: "200px" },
-                  onChange: pe
+                  onChange: he
                 }, {
                   default: y(() => [
-                    (a(!0), o($, null, J(Y.value, (t) => (a(), S(d, {
-                      key: t.id,
-                      value: t.id,
-                      label: t.displayName || t.name
+                    (a(!0), o(J, null, j(Y.value, (s) => (a(), w(c, {
+                      key: s.id,
+                      value: s.id,
+                      label: s.displayName || s.name
                     }, null, 8, ["value", "label"]))), 128))
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
-              ])) : v("", !0),
-              n("div", ze, [
-                u(g, {
-                  modelValue: z.value,
-                  "onUpdate:modelValue": e[1] || (e[1] = (t) => z.value = t),
+              ])) : h("", !0),
+              n("div", Te, [
+                v(g, {
+                  modelValue: T.value,
+                  "onUpdate:modelValue": e[1] || (e[1] = (s) => T.value = s),
                   placeholder: "输入手机号/工号/姓名/部门/职位搜索",
                   clearable: "",
-                  onInput: ve,
-                  onClear: H
+                  onInput: fe,
+                  onClear: X
                 }, {
                   "prefix-icon": y(() => [
-                    u(l, { name: "search" })
+                    v(l, { name: "search" })
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
               ])
-            ])) : v("", !0),
-            n("div", Te, [
-              n("div", we, [
-                q.value ? (a(), o("div", Be, [
-                  n("div", De, [
+            ])) : h("", !0),
+            n("div", Oe, [
+              n("div", Be, [
+                H.value ? (a(), o("div", De, [
+                  n("div", Re, [
                     e[6] || (e[6] = n("span", null, "搜索结果", -1)),
-                    u(i, {
+                    v(r, {
                       size: "small",
                       variant: "text",
-                      onClick: H
+                      onClick: X
                     }, {
                       default: y(() => [...e[5] || (e[5] = [
-                        X("返回", -1)
+                        A("返回", -1)
                       ])]),
                       _: 1
                     })
                   ]),
-                  L.value ? (a(), o("div", Re, [
-                    u(r),
+                  L.value ? (a(), o("div", Ee, [
+                    v(u),
                     e[7] || (e[7] = n("span", null, "搜索中...", -1))
-                  ])) : R.value.length === 0 ? (a(), o("div", Oe, [
-                    u(l, {
+                  ])) : D.value.length === 0 ? (a(), o("div", Me, [
+                    v(l, {
                       name: "search",
                       size: "48px",
                       style: { color: "#ddd" }
                     }),
                     e[8] || (e[8] = n("p", null, "未找到匹配的人员", -1))
                   ])) : (a(), o("div", Pe, [
-                    (a(!0), o($, null, J(R.value, (t) => (a(), o("div", {
-                      key: t.id,
-                      class: A(["cd-ps-result-item", { "cd-ps-selected": p.value.includes(t.id) }]),
-                      onClick: (W) => fe(t)
+                    (a(!0), o(J, null, j(D.value, (s) => (a(), o("div", {
+                      key: s.id,
+                      class: F(["cd-ps-result-item", { "cd-ps-selected": i.value.includes(s.id) }]),
+                      onClick: (W) => me(s)
                     }, [
-                      u(x, {
-                        checked: p.value.includes(t.id),
-                        onClick: e[2] || (e[2] = oe(() => {
+                      v(I, {
+                        checked: i.value.includes(s.id),
+                        onClick: e[2] || (e[2] = de(() => {
                         }, ["stop"]))
                       }, null, 8, ["checked"]),
-                      n("div", Me, [
-                        u(l, { name: "user" })
+                      n("div", We, [
+                        v(l, { name: "user" })
                       ]),
-                      n("div", Le, [
-                        n("div", We, h(t.displayName || t.name), 1),
-                        n("div", $e, [
-                          t.position ? (a(), o("span", Je, h(t.position), 1)) : v("", !0),
-                          t.department ? (a(), o("span", Ae, h(t.department), 1)) : v("", !0),
-                          t.phone ? (a(), o("span", Fe, h(t.phone), 1)) : v("", !0)
+                      n("div", $e, [
+                        n("div", Je, f(s.displayName || s.name), 1),
+                        n("div", je, [
+                          s.position ? (a(), o("span", Ae, f(s.position), 1)) : h("", !0),
+                          s.department ? (a(), o("span", Fe, f(s.department), 1)) : h("", !0),
+                          s.phone ? (a(), o("span", qe, f(s.phone), 1)) : h("", !0)
                         ])
                       ])
-                    ], 10, Ee))), 128))
+                    ], 10, Le))), 128))
                   ]))
-                ])) : (a(), S(E, {
+                ])) : (a(), w(M, {
                   key: 1,
-                  modelValue: b.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (t) => b.value = t),
-                  onChange: ue
+                  modelValue: V.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (s) => V.value = s),
+                  onChange: ve
                 }, {
                   default: y(() => [
-                    (a(!0), o($, null, J(de.value, (t) => (a(), S(P, {
-                      key: t.key,
-                      value: t.key,
-                      label: t.name
+                    (a(!0), o(J, null, j(ce.value, (s) => (a(), w(E, {
+                      key: s.key,
+                      value: s.key,
+                      label: s.name
                     }, {
                       default: y(() => {
                         var W;
                         return [
-                          n("div", je, [
-                            ((W = U.value[t.key]) == null ? void 0 : W.length) > 0 ? (a(), S(w, {
+                          n("div", Ge, [
+                            ((W = x.value[s.key]) == null ? void 0 : W.length) > 0 ? (a(), w(B, {
                               key: 0,
                               ref_for: !0,
-                              ref: (f) => re(t.key, f),
-                              data: U.value[t.key],
+                              ref: (p) => pe(s.key, p),
+                              data: x.value[s.key],
                               keys: { value: "id", label: "name", children: "children" },
                               hover: "",
                               checkable: "",
                               "expand-all": !1,
-                              value: p.value,
-                              onChange: me
+                              value: i.value,
+                              onChange: ye
                             }, {
-                              label: y(({ node: f }) => {
-                                var ne;
+                              label: y(({ node: p }) => {
+                                var oe;
                                 return [
                                   n("div", {
-                                    class: A(["cd-ps-node", { "cd-ps-node-user": f.data.isUser }])
+                                    class: F(["cd-ps-node", { "cd-ps-node-user": p.data.isUser }])
                                   }, [
-                                    u(l, {
-                                      name: f.data.isUser ? "user" : t.icon || "folder"
+                                    v(l, {
+                                      name: p.data.isUser ? "user" : s.icon || "folder"
                                     }, null, 8, ["name"]),
-                                    n("span", null, h(f.label), 1),
-                                    f.data.userCount && !f.data.isUser ? (a(), o("span", qe, "(" + h(f.data.userCount) + ")", 1)) : v("", !0),
-                                    !f.data.isUser && !((ne = f.data.children) != null && ne.length) && !f.data.loaded ? (a(), S(i, {
+                                    n("span", He, [
+                                      A(f(p.label) + " ", 1),
+                                      p.data.isUser && p.data.position ? (a(), o("span", Qe, f(p.data.position), 1)) : h("", !0)
+                                    ]),
+                                    p.data.userCount && !p.data.isUser ? (a(), o("span", Xe, "(" + f(p.data.userCount) + ")", 1)) : h("", !0),
+                                    !p.data.isUser && !((oe = p.data.children) != null && oe.length) && !p.data.loaded ? (a(), w(r, {
                                       key: 1,
                                       size: "small",
                                       variant: "text",
                                       class: "cd-ps-load-btn",
-                                      onClick: oe((ut) => ke(f, t.key), ["stop"])
+                                      onClick: de((ft) => ge(p, s.key), ["stop"])
                                     }, {
                                       default: y(() => [...e[9] || (e[9] = [
-                                        X("显示人员", -1)
+                                        A("显示人员", -1)
                                       ])]),
                                       _: 1
-                                    }, 8, ["onClick"])) : v("", !0)
+                                    }, 8, ["onClick"])) : h("", !0)
                                   ], 2)
                                 ];
                               }),
                               _: 2
-                            }, 1032, ["data", "value"])) : (a(), o("div", Ge, [
-                              u(l, {
-                                name: t.icon || "folder-open",
+                            }, 1032, ["data", "value"])) : (a(), o("div", Ye, [
+                              v(l, {
+                                name: s.icon || "folder-open",
                                 size: "48px",
                                 style: { color: "#ddd" }
                               }, null, 8, ["name"]),
@@ -360,61 +379,61 @@ const xe = { class: "cd-ps-container" }, Se = {
                   _: 1
                 }, 8, ["modelValue"]))
               ]),
-              n("div", He, [
-                n("div", Qe, [
+              n("div", Ze, [
+                n("div", Ke, [
                   e[12] || (e[12] = n("span", { class: "cd-ps-title" }, "已选择", -1)),
-                  n("span", Xe, h(O.value.length) + " 项", 1),
-                  O.value.length > 0 ? (a(), S(i, {
+                  n("span", et, f(R.value.length) + " 项", 1),
+                  R.value.length > 0 ? (a(), w(r, {
                     key: 0,
                     size: "small",
                     variant: "text",
-                    onClick: se
+                    onClick: le
                   }, {
                     default: y(() => [...e[11] || (e[11] = [
-                      X("清空", -1)
+                      A("清空", -1)
                     ])]),
                     _: 1
-                  })) : v("", !0)
+                  })) : h("", !0)
                 ]),
-                n("div", Ye, [
-                  O.value.length === 0 ? (a(), o("div", Ze, [
-                    u(l, {
+                n("div", tt, [
+                  R.value.length === 0 ? (a(), o("div", st, [
+                    v(l, {
                       name: "user-checked",
                       size: "64px",
                       style: { color: "#ddd" }
                     }),
                     e[13] || (e[13] = n("p", null, "暂无选择", -1))
-                  ])) : (a(), o("div", Ke, [
-                    (a(!0), o($, null, J(O.value, (t) => (a(), o("div", {
-                      key: t.id,
-                      class: A(["cd-ps-selected-item", { "cd-ps-dept-item": !t.isUser }])
+                  ])) : (a(), o("div", lt, [
+                    (a(!0), o(J, null, j(R.value, (s) => (a(), o("div", {
+                      key: s.id,
+                      class: F(["cd-ps-selected-item", { "cd-ps-dept-item": !s.isUser }])
                     }, [
-                      n("div", et, [
+                      n("div", at, [
                         n("div", {
-                          class: A(["cd-ps-avatar", { "cd-ps-avatar-dept": !t.isUser }])
+                          class: F(["cd-ps-avatar", { "cd-ps-avatar-dept": !s.isUser }])
                         }, [
-                          u(l, {
-                            name: t.isUser ? "user" : "folder"
+                          v(l, {
+                            name: s.isUser ? "user" : "folder"
                           }, null, 8, ["name"])
                         ], 2),
-                        n("div", tt, [
-                          n("div", st, h(t.displayName || t.name), 1),
-                          n("div", lt, [
-                            t.isUser && t.position ? (a(), o("span", at, h(t.position), 1)) : v("", !0),
-                            t.isUser && t.department ? (a(), o("span", nt, h(t.department), 1)) : v("", !0),
-                            t.isUser ? v("", !0) : (a(), o("span", ot, h(t.typeName || "部门"), 1)),
-                            !t.isUser && t.userCount ? (a(), o("span", dt, h(t.userCount) + "人", 1)) : v("", !0)
+                        n("div", nt, [
+                          n("div", ot, f(s.displayName || s.name), 1),
+                          n("div", dt, [
+                            s.isUser && s.position ? (a(), o("span", ct, f(s.position), 1)) : h("", !0),
+                            s.isUser && s.department ? (a(), o("span", it, f(s.department), 1)) : h("", !0),
+                            s.isUser ? h("", !0) : (a(), o("span", rt, f(s.typeName || "部门"), 1)),
+                            !s.isUser && s.userCount ? (a(), o("span", ut, f(s.userCount) + "人", 1)) : h("", !0)
                           ])
                         ])
                       ]),
-                      u(i, {
+                      v(r, {
                         size: "small",
                         variant: "text",
                         shape: "circle",
-                        onClick: (W) => ye(t.id)
+                        onClick: (W) => Ce(s.id)
                       }, {
                         icon: y(() => [
-                          u(l, { name: "close" })
+                          v(l, { name: "close" })
                         ]),
                         _: 1
                       }, 8, ["onClick"])
@@ -429,17 +448,17 @@ const xe = { class: "cd-ps-container" }, Se = {
       }, 8, ["visible", "width"]);
     };
   }
-}), it = (I, F) => {
-  const M = I.__vccOpts || I;
-  for (const [c, C] of F)
-    M[c] = C;
-  return M;
-}, rt = /* @__PURE__ */ it(ct, [["__scopeId", "data-v-0a6760cf"]]), vt = {
-  install(I) {
-    I.component("PersonSelector", rt);
+}), vt = (z, q) => {
+  const P = z.__vccOpts || z;
+  for (const [d, C] of q)
+    P[d] = C;
+  return P;
+}, ht = /* @__PURE__ */ vt(pt, [["__scopeId", "data-v-a0450286"]]), mt = {
+  install(z) {
+    z.component("PersonSelector", ht);
   }
 };
 export {
-  rt as PersonSelector,
-  vt as default
+  ht as PersonSelector,
+  mt as default
 };

package/dist/src/PersonSelector.vue.d.ts

@@ -37,6 +37,7 @@ interface Props {
     dialogWidth?: string;
     tips?: string;
     showSearch?: boolean;
+    showOrg?: boolean;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     visible: boolean;
@@ -46,6 +47,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     dialogWidth: string;
     tips: string;
     showSearch: boolean;
+    showOrg: boolean;
 }>>, {
     clearSelection: () => void;
     appendUsers: (tabKey: string, nodeId: number | string, users: User[]) => void;
@@ -73,6 +75,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     dialogWidth: string;
     tips: string;
     showSearch: boolean;
+    showOrg: boolean;
 }>>> & Readonly<{
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
@@ -97,6 +100,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     dialogWidth: string;
     tips: string;
     showSearch: boolean;
+    showOrg: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/style.css

@@ -1 +1 @@
-.cd-ps-container[data-v-0a6760cf]{display:flex;flex-direction:column;gap:16px;min-height:500px}.cd-ps-tips[data-v-0a6760cf]{display:flex;align-items:center;gap:8px;padding:12px;background-color:#e8f4ff;border-radius:4px;font-size:13px;color:#0052d9}.cd-ps-search[data-v-0a6760cf]{display:flex;gap:12px;align-items:center}.cd-ps-org-select[data-v-0a6760cf]{flex-shrink:0}.cd-ps-search-input[data-v-0a6760cf]{flex:1}.cd-ps-content[data-v-0a6760cf]{display:flex;gap:0;height:450px;border:1px solid #dfe1e6;border-radius:4px;overflow:hidden}.cd-ps-left[data-v-0a6760cf]{width:480px;flex-shrink:0;border-right:1px solid #dfe1e6;display:flex;flex-direction:column;background-color:#fafafa}.cd-ps-left[data-v-0a6760cf] .t-tabs__nav-container{padding:0 8px;background-color:#fff}.cd-ps-left[data-v-0a6760cf] .t-tabs__content{flex:1;overflow:hidden}.cd-ps-tree[data-v-0a6760cf]{height:100%;overflow-y:auto;padding:8px}.cd-ps-tree[data-v-0a6760cf]::-webkit-scrollbar{width:6px}.cd-ps-tree[data-v-0a6760cf]::-webkit-scrollbar-track{background:#f1f1f1}.cd-ps-tree[data-v-0a6760cf]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cd-ps-node[data-v-0a6760cf]{display:flex;align-items:center;gap:6px;font-size:14px;width:100%}[data-v-0a6760cf] .t-tree__label{flex:1}[data-v-0a6760cf] .t-checkbox__label{width:100%}.cd-ps-node-user[data-v-0a6760cf]{font-size:13px;color:#666}.cd-ps-count[data-v-0a6760cf]{color:#999;font-size:12px}.cd-ps-load-btn[data-v-0a6760cf]{margin-left:auto;color:#0052d9;font-size:12px;flex-shrink:0}.cd-ps-empty[data-v-0a6760cf]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.cd-ps-empty p[data-v-0a6760cf]{margin-top:16px;font-size:14px}.cd-ps-search-results[data-v-0a6760cf]{display:flex;flex-direction:column;height:100%}.cd-ps-search-header[data-v-0a6760cf]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #dfe1e6;font-weight:500}.cd-ps-loading[data-v-0a6760cf]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#999}.cd-ps-result-list[data-v-0a6760cf]{flex:1;overflow-y:auto;padding:8px}.cd-ps-result-item[data-v-0a6760cf]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-radius:4px;border:1px solid #e5e7eb;margin-bottom:8px;cursor:pointer;transition:all .2s}.cd-ps-result-item[data-v-0a6760cf]:hover{border-color:#0052d9;background:#f0f5ff}.cd-ps-result-item.cd-ps-selected[data-v-0a6760cf]{border-color:#0052d9;background:#e8f4ff}.cd-ps-avatar[data-v-0a6760cf]{width:32px;height:32px;border-radius:50%;background:#667eea;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.cd-ps-result-item .cd-ps-avatar[data-v-0a6760cf]{width:36px;height:36px}.cd-ps-avatar-dept[data-v-0a6760cf]{background:linear-gradient(135deg,#f5af19,#f12711)}.cd-ps-info[data-v-0a6760cf]{flex:1;min-width:0}.cd-ps-name[data-v-0a6760cf]{font-size:13px;font-weight:500;color:#333;margin-bottom:4px}.cd-ps-result-item .cd-ps-name[data-v-0a6760cf]{font-size:14px}.cd-ps-meta[data-v-0a6760cf]{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#999}.cd-ps-result-item .cd-ps-meta[data-v-0a6760cf]{font-size:12px}.cd-ps-meta span[data-v-0a6760cf]:before{content:"•";margin-right:4px}.cd-ps-meta span[data-v-0a6760cf]:first-child:before{display:none}.cd-ps-right[data-v-0a6760cf]{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fafafa}.cd-ps-right-header[data-v-0a6760cf]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #dfe1e6;background-color:#fff}.cd-ps-title[data-v-0a6760cf]{font-weight:500;font-size:14px;color:#333}.cd-ps-num[data-v-0a6760cf]{font-size:13px;color:#0052d9;font-weight:600;margin-left:8px;flex:1}.cd-ps-right-list[data-v-0a6760cf]{flex:1;overflow-y:auto;padding:8px}.cd-ps-right-list[data-v-0a6760cf]::-webkit-scrollbar{width:6px}.cd-ps-right-list[data-v-0a6760cf]::-webkit-scrollbar-track{background:#f1f1f1}.cd-ps-right-list[data-v-0a6760cf]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cd-ps-selected-list[data-v-0a6760cf]{display:flex;flex-direction:column;gap:8px}.cd-ps-selected-item[data-v-0a6760cf]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border-radius:4px;border:1px solid #e5e7eb;transition:all .2s}.cd-ps-selected-item[data-v-0a6760cf]:hover{border-color:#0052d9;box-shadow:0 2px 4px #0052d91a}.cd-ps-dept-item[data-v-0a6760cf]{border-color:#f5af19}.cd-ps-item-info[data-v-0a6760cf]{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
+.cd-ps-container[data-v-a0450286]{display:flex;flex-direction:column;gap:16px;min-height:500px}.cd-ps-tips[data-v-a0450286]{display:flex;align-items:center;gap:8px;padding:12px;background-color:#e8f4ff;border-radius:4px;font-size:13px;color:#0052d9}.cd-ps-search[data-v-a0450286]{display:flex;gap:12px;align-items:center}.cd-ps-org-select[data-v-a0450286]{flex-shrink:0}.cd-ps-search-input[data-v-a0450286]{flex:1}.cd-ps-content[data-v-a0450286]{display:flex;gap:0;height:450px;border:1px solid #dfe1e6;border-radius:4px;overflow:hidden}.cd-ps-left[data-v-a0450286]{width:480px;flex-shrink:0;border-right:1px solid #dfe1e6;display:flex;flex-direction:column;background-color:#fafafa}.cd-ps-left[data-v-a0450286] .t-tabs__nav-container{padding:0 8px;background-color:#fff}.cd-ps-left[data-v-a0450286] .t-tabs__content{flex:1;overflow:hidden}.cd-ps-tree[data-v-a0450286]{height:100%;overflow-y:auto;padding:8px}.cd-ps-tree[data-v-a0450286]::-webkit-scrollbar{width:6px}.cd-ps-tree[data-v-a0450286]::-webkit-scrollbar-track{background:#f1f1f1}.cd-ps-tree[data-v-a0450286]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cd-ps-node[data-v-a0450286]{display:flex;align-items:center;gap:6px;font-size:14px;width:100%}.cd-ps-node-name[data-v-a0450286]{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.cd-ps-position[data-v-a0450286]{color:#0052d9;font-size:12px;padding:2px 8px;background:#e8f4ff;border-radius:4px;white-space:nowrap;flex-shrink:0}[data-v-a0450286] .t-tree__label{flex:1}[data-v-a0450286] .t-checkbox__label{width:100%}.cd-ps-node-user[data-v-a0450286]{font-size:13px;color:#666}.cd-ps-count[data-v-a0450286]{color:#999;font-size:12px}.cd-ps-load-btn[data-v-a0450286]{margin-left:auto;color:#0052d9;font-size:12px;flex-shrink:0}.cd-ps-empty[data-v-a0450286]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.cd-ps-empty p[data-v-a0450286]{margin-top:16px;font-size:14px}.cd-ps-search-results[data-v-a0450286]{display:flex;flex-direction:column;height:100%}.cd-ps-search-header[data-v-a0450286]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #dfe1e6;font-weight:500}.cd-ps-loading[data-v-a0450286]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#999}.cd-ps-result-list[data-v-a0450286]{flex:1;overflow-y:auto;padding:8px}.cd-ps-result-item[data-v-a0450286]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-radius:4px;border:1px solid #e5e7eb;margin-bottom:8px;cursor:pointer;transition:all .2s}.cd-ps-result-item[data-v-a0450286]:hover{border-color:#0052d9;background:#f0f5ff}.cd-ps-result-item.cd-ps-selected[data-v-a0450286]{border-color:#0052d9;background:#e8f4ff}.cd-ps-avatar[data-v-a0450286]{width:32px;height:32px;border-radius:50%;background:#667eea;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.cd-ps-result-item .cd-ps-avatar[data-v-a0450286]{width:36px;height:36px}.cd-ps-avatar-dept[data-v-a0450286]{background:linear-gradient(135deg,#f5af19,#f12711)}.cd-ps-info[data-v-a0450286]{flex:1;min-width:0}.cd-ps-name[data-v-a0450286]{font-size:13px;font-weight:500;color:#333;margin-bottom:4px}.cd-ps-result-item .cd-ps-name[data-v-a0450286]{font-size:14px}.cd-ps-meta[data-v-a0450286]{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#999}.cd-ps-result-item .cd-ps-meta[data-v-a0450286]{font-size:12px}.cd-ps-meta span[data-v-a0450286]:before{content:"•";margin-right:4px}.cd-ps-meta span[data-v-a0450286]:first-child:before{display:none}.cd-ps-right[data-v-a0450286]{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fafafa}.cd-ps-right-header[data-v-a0450286]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #dfe1e6;background-color:#fff}.cd-ps-title[data-v-a0450286]{font-weight:500;font-size:14px;color:#333}.cd-ps-num[data-v-a0450286]{font-size:13px;color:#0052d9;font-weight:600;margin-left:8px;flex:1}.cd-ps-right-list[data-v-a0450286]{flex:1;overflow-y:auto;padding:8px}.cd-ps-right-list[data-v-a0450286]::-webkit-scrollbar{width:6px}.cd-ps-right-list[data-v-a0450286]::-webkit-scrollbar-track{background:#f1f1f1}.cd-ps-right-list[data-v-a0450286]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cd-ps-selected-list[data-v-a0450286]{display:flex;flex-direction:column;gap:8px}.cd-ps-selected-item[data-v-a0450286]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border-radius:4px;border:1px solid #e5e7eb;transition:all .2s}.cd-ps-selected-item[data-v-a0450286]:hover{border-color:#0052d9;box-shadow:0 2px 4px #0052d91a}.cd-ps-dept-item[data-v-a0450286]{border-color:#f5af19}.cd-ps-item-info[data-v-a0450286]{flex:1;min-width:0;display:flex;align-items:center;gap:10px}

package/package.json

@@ -1,48 +1,47 @@
-{
-  "name": "cd-personselector",
-  "version": "1.0.8",
-  "description": "人员选择器组件 - 支持多Tab、树形结构、搜索、懒加载",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "type": "module",
-  "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./style.css": "./dist/style.css"
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "scripts": {
-    "build": "vite build",
-    "prepublishOnly": "npm run build"
-  },
-  "keywords": [
-    "vue",
-    "vue3",
-    "person-selector",
-    "tdesign",
-    "组织架构",
-    "人员选择"
-  ],
-  "author": "",
-  "license": "MIT",
-  "peerDependencies": {
-    "vue": "^3.0.0",
-    "tdesign-vue-next": "^1.0.0"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.0",
-    "tdesign-vue-next": "^1.9.0",
-    "typescript": "^5.0.0",
-    "vite": "^5.0.0",
-    "vite-plugin-dts": "^3.0.0",
-    "vue": "^3.4.0",
-    "vue-tsc": "^2.0.0"
-  }
-}
+{
+  "name": "cd-personselector",
+  "version": "1.1.0",
+  "description": "人员选择器组件 - 支持多Tab、树形结构、搜索、懒加载",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "keywords": [
+    "vue",
+    "vue3",
+    "person-selector",
+    "tdesign",
+    "组织架构",
+    "人员选择"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "vue": "^3.0.0",
+    "tdesign-vue-next": "^1.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "tdesign-vue-next": "^1.9.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.0.0",
+    "vue": "^3.4.0",
+    "vue-tsc": "^2.0.0"
+  },
+  "scripts": {
+    "build": "vite build"
+  }
+}

package/src/PersonSelector.vue

@@ -15,7 +15,7 @@
         <span>{{ tips }}</span>
       </div>
       <div v-if="showSearch" class="cd-ps-search">
-        <div v-if="organizations.length > 0" class="cd-ps-org-select">
+        <div v-if="showOrg && organizations.length > 0" class="cd-ps-org-select">
           <t-select v-model="selectedOrgId" placeholder="选择组织" style="width: 200px" @change="handleOrgChange">
             <t-option v-for="org in organizations" :key="org.id" :value="org.id" :label="org.displayName || org.name" />
           </t-select>
@@ -67,7 +67,10 @@
                   <template #label="{ node }">
                     <div class="cd-ps-node" :class="{ 'cd-ps-node-user': node.data.isUser }">
                       <t-icon :name="node.data.isUser ? 'user' : (tab.icon || 'folder')" />
-                      <span>{{ node.label }}</span>
+                      <span class="cd-ps-node-name">
+                        {{ node.label }}
+                        <span v-if="node.data.isUser && node.data.position" class="cd-ps-position">{{ node.data.position }}</span>
+                      </span>
                       <span v-if="node.data.userCount && !node.data.isUser" class="cd-ps-count">({{ node.data.userCount }})</span>
                       <t-button v-if="!node.data.isUser && !node.data.children?.length && !node.data.loaded" size="small" variant="text" class="cd-ps-load-btn" @click.stop="handleLoadUsers(node, tab.key)">显示人员</t-button>
                     </div>
@@ -158,6 +161,7 @@ interface Props {
   dialogWidth?: string;
   tips?: string;
   showSearch?: boolean;
+  showOrg?: boolean;
 }
 const props = withDefaults(defineProps<Props>(), {
   visible: false,
@@ -167,6 +171,7 @@ const props = withDefaults(defineProps<Props>(), {
   dialogWidth: '900px',
   tips: '',
   showSearch: true,
+  showOrg: true,
 });
 const emit = defineEmits<{
   'update:visible': [value: boolean];
@@ -190,6 +195,7 @@ const tabs = computed(() => props.tabs || []);
 const organizations = computed(() => props.organizations || []);
 const tips = computed(() => props.tips || '');
 const showSearch = computed(() => props.showSearch);
+const showOrg = computed(() => props.showOrg);
 const dialogWidth = computed(() => props.dialogWidth);
 const internalTreeData = ref<Record<string, TreeNode[]>>({});
 watch(() => props.tabs, (newTabs) => {
@@ -202,12 +208,40 @@ watch(() => props.tabs, (newTabs) => {
     }
   }
 }, { immediate: true, deep: true });
+// 处理 modelValue 变化的通用函数
+function syncModelValue() {
+  if (props.modelValue && props.modelValue.length > 0) {
+    const firstItem = props.modelValue[0];
+    if (typeof firstItem === 'object' && firstItem !== null && 'id' in firstItem) {
+      // 对象数组格式，提取 ID 并缓存完整信息
+      selectedIds.value = props.modelValue.map((item: any) => item.id);
+      selectedItemsMap.value.clear();
+      props.modelValue.forEach((item: any) => {
+        selectedItemsMap.value.set(item.id, item);
+      });
+    } else {
+      // ID 数组格式
+      selectedIds.value = [...props.modelValue] as (number | string)[];
+      // 不清空 selectedItemsMap，保留已有的缓存
+    }
+  } else {
+    selectedIds.value = [];
+    selectedItemsMap.value.clear();
+  }
+}
+// 监听 modelValue 变化（支持外部动态更新已选项）
+watch(() => props.modelValue, (newVal) => {
+  if (dialogVisible.value && newVal) {
+    syncModelValue();
+  }
+}, { deep: true });
 watch(() => props.visible, (newVal) => {
   dialogVisible.value = newVal;
   if (newVal) {
-    selectedIds.value = props.modelValue ? [...props.modelValue] : [];
-    // 清空缓存，重新初始化
-    selectedItemsMap.value.clear();
+    // 支持两种格式的 modelValue：
+    // 1. ID 数组：[1, 2, 3]
+    // 2. 对象数组：[{ id: 1, name: 'xxx', ... }, ...]
+    syncModelValue();
     if (props.organizations.length > 0 && !selectedOrgId.value) {
       selectedOrgId.value = props.organizations[0].id;
     }
@@ -225,7 +259,6 @@ function findNodeById(tree: TreeNode[], id: number | string): TreeNode | null {
 const selectedItems = computed(() => {
   return selectedIds.value.map(id => selectedItemsMap.value.get(id)).filter(Boolean);
 });
-
 // 添加选中项到缓存
 function addSelectedItem(id: number | string, item: any) {
   if (!selectedIds.value.includes(id)) {
@@ -233,7 +266,6 @@ function addSelectedItem(id: number | string, item: any) {
   }
   selectedItemsMap.value.set(id, item);
 }
-
 // 从缓存移除选中项
 function removeSelectedItem(id: number | string) {
   selectedIds.value = selectedIds.value.filter(i => i !== id);
@@ -395,6 +427,8 @@ defineExpose({
 .cd-ps-tree::-webkit-scrollbar-track { background: #f1f1f1; }
 .cd-ps-tree::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; }
 .cd-ps-node { display: flex; align-items: center; gap: 6px; font-size: 14px; width: 100%; }
+.cd-ps-node-name { flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; }
+.cd-ps-position { color: #0052d9; font-size: 12px; padding: 2px 8px; background: #e8f4ff; border-radius: 4px; white-space: nowrap; flex-shrink: 0; }
 :deep(.t-tree__label) { flex: 1; }
 :deep(.t-checkbox__label) { width: 100%; }
 .cd-ps-node-user { font-size: 13px; color: #666; }