cd-personselector 1.0.7 → 1.0.9

package/README.md

@@ -1,15 +1,10 @@
 # cd-personselector
-
 基于 Vue 3 + TDesign 的人员选择器组件，支持多 Tab、树形结构、搜索、懒加载等功能。
-
 ## 安装
-
 ```bash
 npm install cd-personselector
 ```
-
 ## 使用
-
 ```vue
 <template>
   <PersonSelector
@@ -21,17 +16,15 @@ npm install cd-personselector
     @confirm="handleConfirm"
     @load-users="handleLoadUsers"
     @search="handleSearch"
+    @org-change="handleOrgChange"
   />
 </template>
-
 <script setup>
 import { ref } from 'vue'
 import PersonSelector from 'cd-personselector'
 import 'cd-personselector/style.css'
-
 const showSelector = ref(false)
 const selectedIds = ref([])
-
 const tabs = ref([
   {
     key: 'department',
@@ -51,29 +44,29 @@ const tabs = ref([
     ]
   }
 ])
-
 const organizations = ref([
   { id: 'org-1', name: '总公司' }
 ])
-
 function handleConfirm(items) {
   console.log('选中项:', items)
 }
-
 function handleLoadUsers({ tabKey, nodeId, callback }) {
   // 异步加载用户数据
   fetchUsers(nodeId).then(users => callback(users))
 }
-
 function handleSearch({ keyword, orgId, callback }) {
   // 搜索用户
   searchUsers(keyword).then(users => callback(users))
 }
+function handleOrgChange(orgId) {
+  // 切换组织时重新加载 tabs 数据
+  loadTabsByOrg(orgId).then(data => {
+    tabs.value = data
+  })
+}
 </script>
 ```
-
 ## Props
-
 | 属性 | 类型 | 默认值 | 说明 |
 |------|------|--------|------|
 | visible | boolean | false | 控制弹窗显示 |
@@ -83,17 +76,14 @@ function handleSearch({ keyword, orgId, callback }) {
 | dialogWidth | string | '900px' | 弹窗宽度 |
 | tips | string | '' | 顶部提示文字 |
 | showSearch | boolean | true | 是否显示搜索 |
-
 ## Events
-
 | 事件 | 参数 | 说明 |
 |------|------|------|
-| confirm | items: any[] | 确认选择时触发 |
+| confirm | items: any[] | 确认选择时触发，每项包含 orgId |
 | load-users | { tabKey, nodeId, callback } | 点击"显示人员"时触发 |
 | search | { keyword, orgId, callback } | 搜索时触发 |
-
+| org-change | orgId: string\|number | 切换组织时触发，用于重新加载 tabs 数据 |
 ## 类型定义
-
 ```typescript
 interface TabConfig {
   key: string
@@ -101,7 +91,6 @@ interface TabConfig {
   icon?: string
   tree: TreeNode[]
 }
-
 interface TreeNode {
   id: number | string
   name: string
@@ -109,7 +98,6 @@ interface TreeNode {
   userCount?: number
   isUser?: boolean
 }
-
 interface User {
   id: number | string
   name: string
@@ -119,8 +107,6 @@ interface User {
   department?: string
 }
 ```
-
 ## 依赖
-
 - vue >= 3.0.0
 - tdesign-vue-next >= 1.0.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 q={class:"cd-ps-container"},A={key:0,class:"cd-ps-tips"},G={key:1,class:"cd-ps-search"},H={key:0,class:"cd-ps-org-select"},Q={class:"cd-ps-search-input"},X={class:"cd-ps-content"},Y={class:"cd-ps-left"},Z={key:0,class:"cd-ps-search-results"},K={class:"cd-ps-search-header"},v={key:0,class:"cd-ps-loading"},ee={key:1,class:"cd-ps-empty"},te={key:2,class:"cd-ps-result-list"},oe=["onClick"],le={class:"cd-ps-avatar"},ne={class:"cd-ps-info"},se={class:"cd-ps-name"},ae={class:"cd-ps-meta"},ce={key:0},de={key:1},re={key:2},ie={class:"cd-ps-tree"},pe={key:0,class:"cd-ps-count"},me={key:1,class:"cd-ps-empty"},fe={class:"cd-ps-right"},ke={class:"cd-ps-right-header"},he={class:"cd-ps-num"},_e={class:"cd-ps-right-list"},ye={key:0,class:"cd-ps-empty"},Ne={key:1,class:"cd-ps-selected-list"},Ve={class:"cd-ps-item-info"},Ce={class:"cd-ps-info"},Be={class:"cd-ps-name"},ue={class:"cd-ps-meta"},ge={key:0},Ee={key:1},Se={key:2},xe={key:3},R=((y,w)=>{const x=y.__vccOpts||y;for(const[d,k]of w)x[d]=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(y,{expose:w,emit:x}){var $,j;const d=y,k=x,N=e.ref(d.visible),V=e.ref(((j=($=d.tabs)==null?void 0:$[0])==null?void 0:j.key)||""),g=e.ref(null),C=e.ref(""),a=e.ref([]),D=e.ref({}),T=e.ref(!1),b=e.ref(!1),B=e.ref([]),Ue=e.computed(()=>d.tabs||[]),L=e.computed(()=>d.organizations||[]),M=e.computed(()=>d.tips||""),we=e.computed(()=>d.showSearch),De=e.computed(()=>d.dialogWidth),h=e.ref({});e.watch(()=>d.tabs,n=>{if(n&&n.length>0){const t={};n.forEach(l=>{t[l.key]=JSON.parse(JSON.stringify(l.tree))}),h.value=t,(!V.value||!n.find(l=>l.key===V.value))&&(V.value=n[0].key)}},{immediate:!0,deep:!0}),e.watch(()=>d.visible,n=>{N.value=n,n&&(a.value=d.modelValue?[...d.modelValue]:[],d.organizations.length>0&&!g.value&&(g.value=d.organizations[0].id))}),e.watch(N,n=>{k("update:visible",n)});function Te(n,t){t&&(D.value[n]=t)}function z(n,t){for(const l of n){if(l.id===t)return l;if(l.children){const s=z(l.children,t);if(s)return s}}return null}const E=e.computed(()=>{const n=[];return a.value.forEach(t=>{const l=B.value.find(s=>s.id===t);if(l){n.push({...l,typeName:"搜索结果"});return}for(const s of d.tabs){const i=h.value[s.key]||[],p=z(i,t);if(p){const c=s.name.replace(/^按/,"");n.push({...p,typeName:c});break}}}),n}),ze=()=>{C.value=""},Ie=()=>{};let u=null;const Pe=()=>{if(u&&clearTimeout(u),!C.value.trim()){I();return}T.value=!0,b.value=!0,u=setTimeout(()=>Oe(),300)},Oe=()=>{B.value=[];const n=t=>{B.value=t.map(l=>({...l,isUser:!0})),b.value=!1};k("search",{keyword:C.value,orgId:g.value||void 0,callback:n})},I=()=>{u&&(clearTimeout(u),u=null),T.value=!1,C.value="",B.value=[],b.value=!1},Re=n=>{const t=a.value.indexOf(n.id);t>-1?a.value.splice(t,1):a.value.push(n.id)};function Le(n){const t=[],l=s=>{for(const i of s)t.push(i.id),i.children&&l(i.children)};return l(n),t}const Me=(n,t)=>{var c;const l=t==null?void 0:t.node;if(l){const r=l.value??((c=l.data)==null?void 0:c.id);if(r!==void 0){l.checked?a.value.includes(r)||(a.value=[...a.value,r]):a.value=a.value.filter(S=>S!==r);return}}const s=h.value[V.value]||[],i=Le(s),p=a.value.filter(r=>!i.includes(r));a.value=[...p,...n]};function F(n,t,l){for(const s of n){if(s.id===t)return s.children=s.children||[],s.children.push(...l),s.loaded=!0,!0;if(s.children&&F(s.children,t,l))return!0}return!1}async function Fe(n,t){const l=n.value,s=D.value[t];k("load-users",{tabKey:t,nodeId:l,node:n,callback:async p=>{if(p.length>0){const c=p.map(_=>{const{id:S,name:P,...O}=_;return{...O,id:S,name:_.displayName||P,isUser:!0}}),r=h.value[t];if(r&&F(r,l,c),s){s.appendTo(l,c),n.data.loaded=!0,await e.nextTick();try{s.setItem(l,{expanded:!0})}catch{}}}else{n.data.loaded=!0;const c=h.value[t];if(c){const r=z(c,l);r&&(r.loaded=!0)}}}})}const We=n=>{a.value=a.value.filter(t=>t!==n)},W=()=>{a.value=[]},$e=()=>{k("update:modelValue",a.value),k("confirm",E.value),N.value=!1},je=()=>{N.value=!1};return w({clearSelection:W,appendUsers:(n,t,l)=>{const s=D.value[n];if(s&&l.length>0){const i=l.map(p=>{const{id:c,name:r,..._}=p;return{..._,id:c,name:p.displayName||r,isUser:!0}});s.appendTo(t,i)}}}),(n,t)=>{const l=e.resolveComponent("t-icon"),s=e.resolveComponent("t-option"),i=e.resolveComponent("t-select"),p=e.resolveComponent("t-input"),c=e.resolveComponent("t-button"),r=e.resolveComponent("t-loading"),_=e.resolveComponent("t-checkbox"),S=e.resolveComponent("t-tree"),P=e.resolveComponent("t-tab-panel"),O=e.resolveComponent("t-tabs"),Je=e.resolveComponent("t-dialog");return e.openBlock(),e.createBlock(Je,{visible:N.value,"onUpdate:visible":t[4]||(t[4]=o=>N.value=o),header:"选择人员",width:De.value,footer:!0,placement:"center","destroy-on-close":"",onConfirm:$e,onClose:je},{default:e.withCtx(()=>[e.createElementVNode("div",q,[M.value?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(l,{name:"info-circle"}),e.createElementVNode("span",null,e.toDisplayString(M.value),1)])):e.createCommentVNode("",!0),we.value?(e.openBlock(),e.createElementBlock("div",G,[L.value.length>0?(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(i,{modelValue:g.value,"onUpdate:modelValue":t[0]||(t[0]=o=>g.value=o),placeholder:"选择组织",style:{width:"200px"},onChange:Ie},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.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",Q,[e.createVNode(p,{modelValue:C.value,"onUpdate:modelValue":t[1]||(t[1]=o=>C.value=o),placeholder:"输入手机号/工号/姓名/部门/职位搜索",clearable:"",onInput:Pe,onClear:I},{"prefix-icon":e.withCtx(()=>[e.createVNode(l,{name:"search"})]),_:1},8,["modelValue"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",X,[e.createElementVNode("div",Y,[T.value?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("div",K,[t[6]||(t[6]=e.createElementVNode("span",null,"搜索结果",-1)),e.createVNode(c,{size:"small",variant:"text",onClick:I},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("返回",-1)])]),_:1})]),b.value?(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(r),t[7]||(t[7]=e.createElementVNode("span",null,"搜索中...",-1))])):B.value.length===0?(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(l,{name:"search",size:"48px",style:{color:"#ddd"}}),t[8]||(t[8]=e.createElementVNode("p",null,"未找到匹配的人员",-1))])):(e.openBlock(),e.createElementBlock("div",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["cd-ps-result-item",{"cd-ps-selected":a.value.includes(o.id)}]),onClick:U=>Re(o)},[e.createVNode(_,{checked:a.value.includes(o.id),onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},null,8,["checked"]),e.createElementVNode("div",le,[e.createVNode(l,{name:"user"})]),e.createElementVNode("div",ne,[e.createElementVNode("div",se,e.toDisplayString(o.displayName||o.name),1),e.createElementVNode("div",ae,[o.position?(e.openBlock(),e.createElementBlock("span",ce,e.toDisplayString(o.position),1)):e.createCommentVNode("",!0),o.department?(e.openBlock(),e.createElementBlock("span",de,e.toDisplayString(o.department),1)):e.createCommentVNode("",!0),o.phone?(e.openBlock(),e.createElementBlock("span",re,e.toDisplayString(o.phone),1)):e.createCommentVNode("",!0)])])],10,oe))),128))]))])):(e.openBlock(),e.createBlock(O,{key:1,modelValue:V.value,"onUpdate:modelValue":t[3]||(t[3]=o=>V.value=o),onChange:ze},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ue.value,o=>(e.openBlock(),e.createBlock(P,{key:o.key,value:o.key,label:o.name},{default:e.withCtx(()=>{var U;return[e.createElementVNode("div",ie,[((U=h.value[o.key])==null?void 0:U.length)>0?(e.openBlock(),e.createBlock(S,{key:0,ref_for:!0,ref:m=>Te(o.key,m),data:h.value[o.key],keys:{value:"id",label:"name",children:"children"},hover:"",checkable:"","expand-all":!1,value:a.value,onChange:Me},{label:e.withCtx(({node:m})=>{var J;return[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-node",{"cd-ps-node-user":m.data.isUser}])},[e.createVNode(l,{name:m.data.isUser?"user":o.icon||"folder"},null,8,["name"]),e.createElementVNode("span",null,e.toDisplayString(m.label),1),m.data.userCount&&!m.data.isUser?(e.openBlock(),e.createElementBlock("span",pe,"("+e.toDisplayString(m.data.userCount)+")",1)):e.createCommentVNode("",!0),!m.data.isUser&&!((J=m.data.children)!=null&&J.length)&&!m.data.loaded?(e.openBlock(),e.createBlock(c,{key:1,size:"small",variant:"text",class:"cd-ps-load-btn",onClick:e.withModifiers(Ge=>Fe(m,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",me,[e.createVNode(l,{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",fe,[e.createElementVNode("div",ke,[t[12]||(t[12]=e.createElementVNode("span",{class:"cd-ps-title"},"已选择",-1)),e.createElementVNode("span",he,e.toDisplayString(E.value.length)+" 项",1),E.value.length>0?(e.openBlock(),e.createBlock(c,{key:0,size:"small",variant:"text",onClick:W},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",_e,[E.value.length===0?(e.openBlock(),e.createElementBlock("div",ye,[e.createVNode(l,{name:"user-checked",size:"64px",style:{color:"#ddd"}}),t[13]||(t[13]=e.createElementVNode("p",null,"暂无选择",-1))])):(e.openBlock(),e.createElementBlock("div",Ne,[(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",Ve,[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-avatar",{"cd-ps-avatar-dept":!o.isUser}])},[e.createVNode(l,{name:o.isUser?"user":"folder"},null,8,["name"])],2),e.createElementVNode("div",Ce,[e.createElementVNode("div",Be,e.toDisplayString(o.displayName||o.name),1),e.createElementVNode("div",ue,[o.isUser&&o.position?(e.openBlock(),e.createElementBlock("span",ge,e.toDisplayString(o.position),1)):e.createCommentVNode("",!0),o.isUser&&o.department?(e.openBlock(),e.createElementBlock("span",Ee,e.toDisplayString(o.department),1)):e.createCommentVNode("",!0),o.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Se,e.toDisplayString(o.typeName||"部门"),1)),!o.isUser&&o.userCount?(e.openBlock(),e.createElementBlock("span",xe,e.toDisplayString(o.userCount)+"人",1)):e.createCommentVNode("",!0)])])]),e.createVNode(c,{size:"small",variant:"text",shape:"circle",onClick:U=>We(o.id)},{icon:e.withCtx(()=>[e.createVNode(l,{name:"close"})]),_:1},8,["onClick"])],2))),128))]))])])])])]),_:1},8,["visible","width"])}}}),[["__scopeId","data-v-91e8592b"]]),be={install(y){y.component("PersonSelector",R)}};f.PersonSelector=R,f.default=be,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 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"},he={key:0,class:"cd-ps-count"},ke={key:1,class:"cd-ps-empty"},_e={class:"cd-ps-right"},ye={class:"cd-ps-right-header"},Ve={class:"cd-ps-num"},Ne={class:"cd-ps-right-list"},ue={key:0,class:"cd-ps-empty"},ge={key:1,class:"cd-ps-selected-list"},Ce={class:"cd-ps-item-info"},Be={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=((u,T)=>{const U=u.__vccOpts||u;for(const[s,h]of T)U[s]=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}},emits:["update:visible","update:modelValue","confirm","load-users","search","org-change"],setup(u,{expose:T,emit:U}){var q,A;const s=u,h=U,g=e.ref(s.visible),_=e.ref(((A=(q=s.tabs)==null?void 0:q[0])==null?void 0:A.key)||""),y=e.ref(null),C=e.ref(""),c=e.ref([]),k=e.ref(new Map),z=e.ref({}),P=e.ref(!1),I=e.ref(!1),S=e.ref([]),De=e.computed(()=>s.tabs||[]),L=e.computed(()=>s.organizations||[]),F=e.computed(()=>s.tips||""),Te=e.computed(()=>s.showSearch),ze=e.computed(()=>s.dialogWidth),V=e.ref({});e.watch(()=>s.tabs,n=>{if(n&&n.length>0){const t={};n.forEach(l=>{t[l.key]=JSON.parse(JSON.stringify(l.tree))}),V.value=t,(!_.value||!n.find(l=>l.key===_.value))&&(_.value=n[0].key)}},{immediate:!0,deep:!0}),e.watch(()=>s.visible,n=>{if(g.value=n,n){if(s.modelValue&&s.modelValue.length>0){const t=s.modelValue[0];typeof t=="object"&&t!==null&&"id"in t?(c.value=s.modelValue.map(l=>l.id),k.value.clear(),s.modelValue.forEach(l=>{k.value.set(l.id,l)})):(c.value=[...s.modelValue],k.value.clear())}else c.value=[],k.value.clear();s.organizations.length>0&&!y.value&&(y.value=s.organizations[0].id)}}),e.watch(g,n=>{h("update:visible",n)});function Pe(n,t){t&&(z.value[n]=t)}function j(n,t){for(const l of n){if(l.id===t)return l;if(l.children){const a=j(l.children,t);if(a)return a}}return null}const x=e.computed(()=>c.value.map(n=>k.value.get(n)).filter(Boolean));function W(n,t){c.value.includes(n)||c.value.push(n),k.value.set(n,t)}function M(n){c.value=c.value.filter(t=>t!==n),k.value.delete(n)}const Me=()=>{C.value=""},Oe=n=>{const t={};s.tabs.forEach(l=>{t[l.key]=[]}),V.value=t,h("org-change",n)};let B=null;const Re=()=>{if(B&&clearTimeout(B),!C.value.trim()){O();return}P.value=!0,I.value=!0,B=setTimeout(()=>Le(),300)},Le=()=>{S.value=[];const n=t=>{S.value=t.map(l=>({...l,isUser:!0})),I.value=!1};h("search",{keyword:C.value,orgId:y.value||void 0,callback:n})},O=()=>{B&&(clearTimeout(B),B=null),P.value=!1,C.value="",S.value=[],I.value=!1},Fe=n=>{c.value.indexOf(n.id)>-1?M(n.id):W(n.id,{...n,isUser:!0,typeName:"搜索结果",orgId:y.value})};function je(n){const t=[],l=a=>{for(const p of a)t.push(p.id),p.children&&l(p.children)};return l(n),t}const We=(n,t)=>{var d;const l=t==null?void 0:t.node;if(l){const r=l.value??((d=l.data)==null?void 0:d.id);if(r!==void 0){if(l.checked){const E=s.tabs.find(w=>w.key===_.value),b=E?E.name.replace(/^按/,""):"";W(r,{...l.data,typeName:b,orgId:y.value})}else M(r);return}}const a=V.value[_.value]||[],p=je(a),m=c.value.filter(r=>!p.includes(r));c.value=[...m,...n]};function $(n,t,l){for(const a of n){if(a.id===t)return a.children=a.children||[],a.children.push(...l),a.loaded=!0,!0;if(a.children&&$(a.children,t,l))return!0}return!1}async function $e(n,t){const l=n.value,a=z.value[t];h("load-users",{tabKey:t,nodeId:l,node:n,callback:async m=>{if(m.length>0){const d=m.map(N=>{const{id:E,name:b,...w}=N;return{...w,id:E,name:N.displayName||b,isUser:!0}}),r=V.value[t];if(r&&$(r,l,d),a){a.appendTo(l,d),n.data.loaded=!0,await e.nextTick();try{a.setItem(l,{expanded:!0})}catch{}}}else{n.data.loaded=!0;const d=V.value[t];if(d){const r=j(d,l);r&&(r.loaded=!0)}}}})}const Je=n=>{M(n)},J=()=>{c.value=[],k.value.clear()},qe=()=>{h("update:modelValue",c.value),h("confirm",x.value),g.value=!1},Ae=()=>{g.value=!1};return T({clearSelection:J,appendUsers:(n,t,l)=>{const a=z.value[n];if(a&&l.length>0){const p=l.map(m=>{const{id:d,name:r,...N}=m;return{...N,id:d,name:m.displayName||r,isUser:!0}});a.appendTo(t,p)}}}),(n,t)=>{const l=e.resolveComponent("t-icon"),a=e.resolveComponent("t-option"),p=e.resolveComponent("t-select"),m=e.resolveComponent("t-input"),d=e.resolveComponent("t-button"),r=e.resolveComponent("t-loading"),N=e.resolveComponent("t-checkbox"),E=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(l,{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:y.value,"onUpdate:modelValue":t[0]||(t[0]=o=>y.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(l,{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(d,{size:"small",variant:"text",onClick:O},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("返回",-1)])]),_:1})]),I.value?(e.openBlock(),e.createElementBlock("div",oe,[e.createVNode(r),t[7]||(t[7]=e.createElementVNode("span",null,"搜索中...",-1))])):S.value.length===0?(e.openBlock(),e.createElementBlock("div",le,[e.createVNode(l,{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":c.value.includes(o.id)}]),onClick:D=>Fe(o)},[e.createVNode(N,{checked:c.value.includes(o.id),onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},null,8,["checked"]),e.createElementVNode("div",se,[e.createVNode(l,{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:_.value,"onUpdate:modelValue":t[3]||(t[3]=o=>_.value=o),onChange:Me},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(De.value,o=>(e.openBlock(),e.createBlock(b,{key:o.key,value:o.key,label:o.name},{default:e.withCtx(()=>{var D;return[e.createElementVNode("div",fe,[((D=V.value[o.key])==null?void 0:D.length)>0?(e.openBlock(),e.createBlock(E,{key:0,ref_for:!0,ref:i=>Pe(o.key,i),data:V.value[o.key],keys:{value:"id",label:"name",children:"children"},hover:"",checkable:"","expand-all":!1,value:c.value,onChange:We},{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(l,{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",he,"("+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(d,{key:1,size:"small",variant:"text",class:"cd-ps-load-btn",onClick:e.withModifiers(Xe=>$e(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",ke,[e.createVNode(l,{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",Ve,e.toDisplayString(x.value.length)+" 项",1),x.value.length>0?(e.openBlock(),e.createBlock(d,{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",Ne,[x.value.length===0?(e.openBlock(),e.createElementBlock("div",ue,[e.createVNode(l,{name:"user-checked",size:"64px",style:{color:"#ddd"}}),t[13]||(t[13]=e.createElementVNode("p",null,"暂无选择",-1))])):(e.openBlock(),e.createElementBlock("div",ge,[(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",Ce,[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-avatar",{"cd-ps-avatar-dept":!o.isUser}])},[e.createVNode(l,{name:o.isUser?"user":"folder"},null,8,["name"])],2),e.createElementVNode("div",Be,[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(d,{size:"small",variant:"text",shape:"circle",onClick:D=>Je(o.id)},{icon:e.withCtx(()=>[e.createVNode(l,{name:"close"})]),_:1},8,["onClick"])],2))),128))]))])])])])]),_:1},8,["visible","width"])}}}),[["__scopeId","data-v-e9913ad1"]]),Ie={install(u){u.component("PersonSelector",R)}};f.PersonSelector=R,f.default=Ie,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/index.mjs

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

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

@@ -64,6 +64,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         orgId?: number | string;
         callback: (users: User[]) => void;
     }) => void;
+    "org-change": (orgId: string | number) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     visible: boolean;
     tabs: () => never[];
@@ -87,6 +88,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         orgId?: number | string;
         callback: (users: User[]) => void;
     }) => any) | undefined;
+    "onOrg-change"?: ((orgId: string | number) => any) | undefined;
 }>, {
     visible: boolean;
     tabs: TabConfig[];

package/dist/style.css

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cd-personselector",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "人员选择器组件 - 支持多Tab、树形结构、搜索、懒加载",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/PersonSelector.vue

@@ -174,12 +174,14 @@ const emit = defineEmits<{
   'confirm': [items: any[]];
   'load-users': [params: { tabKey: string; nodeId: number | string; node: any; callback: (users: User[]) => void }];
   'search': [params: { keyword: string; orgId?: number | string; callback: (users: User[]) => void }];
+  'org-change': [orgId: number | string];
 }>();
 const dialogVisible = ref(props.visible);
 const activeTab = ref(props.tabs?.[0]?.key || '');
 const selectedOrgId = ref<number | string | null>(null);
 const searchKeyword = ref('');
 const selectedIds = ref<(number | string)[]>([]);
+const selectedItemsMap = ref<Map<number | string, any>>(new Map()); // 缓存已选中项的完整信息
 const treeRefs = ref<Record<string, any>>({});
 const isSearchMode = ref(false);
 const searchLoading = ref(false);
@@ -203,7 +205,27 @@ watch(() => props.tabs, (newTabs) => {
 watch(() => props.visible, (newVal) => {
   dialogVisible.value = newVal;
   if (newVal) {
-    selectedIds.value = props.modelValue ? [...props.modelValue] : [];
+    // 支持两种格式的 modelValue：
+    // 1. ID 数组：[1, 2, 3]
+    // 2. 对象数组：[{ id: 1, name: 'xxx', ... }, ...]
+    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.value.clear();
+      }
+    } else {
+      selectedIds.value = [];
+      selectedItemsMap.value.clear();
+    }
     if (props.organizations.length > 0 && !selectedOrgId.value) {
       selectedOrgId.value = props.organizations[0].id;
     }
@@ -219,25 +241,31 @@ function findNodeById(tree: TreeNode[], id: number | string): TreeNode | null {
   return null;
 }
 const selectedItems = computed(() => {
-  const items: any[] = [];
-  selectedIds.value.forEach(id => {
-    const searchUser = searchResults.value.find(u => u.id === id);
-    if (searchUser) { items.push({ ...searchUser, typeName: '搜索结果' }); return; }
-    for (const tab of props.tabs) {
-      const treeData = internalTreeData.value[tab.key] || [];
-      const node = findNodeById(treeData, id);
-      if (node) {
-        // 去掉 tab.name 开头的"按"字
-        const typeName = tab.name.replace(/^按/, '');
-        items.push({ ...node, typeName });
-        break;
-      }
-    }
-  });
-  return items;
+  return selectedIds.value.map(id => selectedItemsMap.value.get(id)).filter(Boolean);
 });
+
+// 添加选中项到缓存
+function addSelectedItem(id: number | string, item: any) {
+  if (!selectedIds.value.includes(id)) {
+    selectedIds.value.push(id);
+  }
+  selectedItemsMap.value.set(id, item);
+}
+
+// 从缓存移除选中项
+function removeSelectedItem(id: number | string) {
+  selectedIds.value = selectedIds.value.filter(i => i !== id);
+  selectedItemsMap.value.delete(id);
+}
 const handleTabChange = () => { searchKeyword.value = ''; };
-const handleOrgChange = () => {};
+const handleOrgChange = (orgId: number | string) => {
+  // 清空左侧树数据，等待父组件重新传入
+  const newData: Record<string, TreeNode[]> = {};
+  props.tabs.forEach((tab) => { newData[tab.key] = []; });
+  internalTreeData.value = newData;
+  // 触发事件，让父组件重新加载数据
+  emit('org-change', orgId);
+};
 let searchTimer: ReturnType<typeof setTimeout> | null = null;
 const handleSearchInput = () => {
   if (searchTimer) clearTimeout(searchTimer);
@@ -263,8 +291,11 @@ const clearSearch = () => {
 };
 const toggleSearchResultSelect = (user: User) => {
   const idx = selectedIds.value.indexOf(user.id);
-  if (idx > -1) selectedIds.value.splice(idx, 1);
-  else selectedIds.value.push(user.id);
+  if (idx > -1) {
+    removeSelectedItem(user.id);
+  } else {
+    addSelectedItem(user.id, { ...user, isUser: true, typeName: '搜索结果', orgId: selectedOrgId.value });
+  }
 };
 function getAllNodeIds(tree: TreeNode[]): (number | string)[] {
   const ids: (number | string)[] = [];
@@ -279,14 +310,14 @@ const handleTreeCheck = (checkedIds: (number | string)[], context: any) => {
   if (node) {
     const nodeId = node.value ?? node.data?.id;
     if (nodeId !== undefined) {
-      // 检查节点当前是否被选中（通过 node.checked 属性）
       const isChecked = node.checked;
       if (isChecked) {
-        if (!selectedIds.value.includes(nodeId)) {
-          selectedIds.value = [...selectedIds.value, nodeId];
-        }
+        // 获取当前 tab 信息
+        const currentTab = props.tabs.find(t => t.key === activeTab.value);
+        const typeName = currentTab ? currentTab.name.replace(/^按/, '') : '';
+        addSelectedItem(nodeId, { ...node.data, typeName, orgId: selectedOrgId.value });
       } else {
-        selectedIds.value = selectedIds.value.filter(id => id !== nodeId);
+        removeSelectedItem(nodeId);
       }
       return;
     }
@@ -345,8 +376,8 @@ async function handleLoadUsers(node: any, tabKey: string) {
   };
   emit('load-users', { tabKey, nodeId, node, callback });
 }
-const handleRemoveItem = (id: number | string) => { selectedIds.value = selectedIds.value.filter(i => i !== id); };
-const clearSelection = () => { selectedIds.value = []; };
+const handleRemoveItem = (id: number | string) => { removeSelectedItem(id); };
+const clearSelection = () => { selectedIds.value = []; selectedItemsMap.value.clear(); };
 const handleConfirm = () => {
   emit('update:modelValue', selectedIds.value);
   emit('confirm', selectedItems.value);