cd-personselector 1.2.3 → 1.2.5

package/dist/index.js

@@ -1 +1 @@
-(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.CdPersonSelector={},w.Vue))})(this,function(w,e){"use strict";const se={class:"cd-ps-container"},ce={key:0,class:"cd-ps-tips"},de={key:1,class:"cd-ps-search"},ie={key:0,class:"cd-ps-org-select"},re={class:"cd-ps-search-input"},pe={class:"cd-ps-content"},me={class:"cd-ps-left"},fe={key:0,class:"cd-ps-search-results"},he={class:"cd-ps-search-header"},ue={key:0,class:"cd-ps-loading"},ke={key:1,class:"cd-ps-empty"},_e={key:2,class:"cd-ps-result-list"},Ve=["onClick"],ge={class:"cd-ps-avatar"},ye={class:"cd-ps-info"},Ce={class:"cd-ps-name"},Be={class:"cd-ps-meta"},Ne={key:0},Ee={key:1},Se={key:2},be={class:"cd-ps-tree"},xe={class:"cd-ps-node-name"},we={key:0,class:"cd-ps-position"},Ue={key:0,class:"cd-ps-count"},Ie={key:1,class:"cd-ps-empty"},De={class:"cd-ps-right"},ze={class:"cd-ps-right-header"},Te={class:"cd-ps-num"},Pe={class:"cd-ps-right-list"},Oe={key:0,class:"cd-ps-empty"},$e={key:1,class:"cd-ps-selected-list"},Le={class:"cd-ps-item-info"},Re={class:"cd-ps-info"},Me={class:"cd-ps-name"},Ae={class:"cd-ps-meta"},Fe={key:0},je={key:1},We={key:2},Je={key:3},qe=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},multiple:{type:Boolean,default:!0}},emits:["update:visible","update:modelValue","confirm","load-users","search","org-change"],setup(f,{expose:$,emit:u}){var le,ae;const c=f,g=u,y=e.ref(c.visible),B=e.ref(((ae=(le=c.tabs)==null?void 0:le[0])==null?void 0:ae.key)||""),C=e.ref(null),b=e.ref(""),r=e.ref([]),h=e.ref(new Map),T=e.ref({}),L=e.ref(!1),P=e.ref(!1),D=e.ref([]),G=e.computed(()=>c.tabs||[]),M=e.computed(()=>c.organizations||[]),A=e.computed(()=>c.tips||""),F=e.computed(()=>c.showSearch),H=e.computed(()=>c.showOrg),Q=e.computed(()=>c.dialogWidth),U=e.ref({});e.watch(()=>c.tabs,o=>{if(o&&o.length>0){const t={};o.forEach(a=>{t[a.key]=JSON.parse(JSON.stringify(a.tree))}),U.value=t,(!B.value||!o.find(a=>a.key===B.value))&&(B.value=o[0].key)}},{immediate:!0,deep:!0});function j(){if(c.modelValue&&c.modelValue.length>0){const o=c.modelValue[0];typeof o=="object"&&o!==null&&"id"in o?(r.value=c.modelValue.map(t=>t.id),h.value.clear(),c.modelValue.forEach(t=>{h.value.set(t.id,t)})):r.value=[...c.modelValue]}else r.value=[],h.value.clear()}e.watch(()=>c.modelValue,o=>{y.value&&o&&j()},{deep:!0}),e.watch(()=>c.visible,o=>{y.value=o,o&&(j(),c.organizations.length>0&&!C.value&&(C.value=c.organizations[0].id))}),e.watch(y,o=>{g("update:visible",o)});function n(o,t){t&&(T.value[o]=t)}function i(o,t){for(const a of o){if(a.id===t)return a;if(a.children){const p=i(a.children,t);if(p)return p}}return null}const d=e.computed(()=>r.value.map(o=>h.value.get(o)).filter(Boolean));function k(o,t){r.value.includes(o)||r.value.push(o),h.value.set(o,t)}function S(o){r.value=r.value.filter(t=>t!==o),h.value.delete(o)}const m=()=>{b.value=""},s=o=>{const t={};c.tabs.forEach(a=>{t[a.key]=[]}),U.value=t,g("org-change",o)};let z=null;const X=()=>{if(z&&clearTimeout(z),!b.value.trim()){Y();return}L.value=!0,P.value=!0,z=setTimeout(()=>tt(),300)},tt=()=>{D.value=[];const o=t=>{D.value=t.map(a=>({...a,isUser:!0})),P.value=!1};g("search",{keyword:b.value,orgId:C.value||void 0,callback:o})},Y=()=>{z&&(clearTimeout(z),z=null),L.value=!1,b.value="",D.value=[],P.value=!1},ot=o=>{r.value.indexOf(o.id)>-1?S(o.id):(c.multiple||(r.value=[],h.value.clear()),k(o.id,{...o,isUser:!0,typeName:"搜索结果",orgId:C.value}),c.multiple||Z())};function lt(o){const t=[],a=p=>{for(const x of p)t.push(x.id),x.children&&a(x.children)};return a(o),t}const at=(o,t)=>{var _,N;const a=t==null?void 0:t.node;if(a){const E=a.value??((_=a.data)==null?void 0:_.id);if(E!==void 0){if(a.checked){c.multiple||(r.value=[],h.value.clear());const O=c.tabs.find(K=>K.key===B.value),R=O?O.name.replace(/^按/,""):"";k(E,{...a.data,typeName:R,orgId:C.value}),!c.multiple&&((N=a.data)!=null&&N.isUser)&&Z()}else S(E);return}}const p=U.value[B.value]||[],x=lt(p),I=r.value.filter(E=>!x.includes(E));r.value=[...I,...o]};function te(o,t,a){for(const p of o){if(p.id===t)return p.children=p.children||[],p.children.push(...a),p.loaded=!0,!0;if(p.children&&te(p.children,t,a))return!0}return!1}async function nt(o,t){const a=o.value,p=T.value[t];g("load-users",{tabKey:t,nodeId:a,node:o,callback:async I=>{if(I.length>0){const _=I.map(E=>{const{id:W,name:O,...R}=E;return{...R,id:W,name:E.displayName||O,isUser:!0}}),N=U.value[t];if(N&&te(N,a,_),p){p.appendTo(a,_),o.data.loaded=!0,await e.nextTick();try{p.setItem(a,{expanded:!0})}catch{}}}else{o.data.loaded=!0;const _=U.value[t];if(_){const N=i(_,a);N&&(N.loaded=!0)}}}})}const st=o=>{S(o)},oe=()=>{r.value=[],h.value.clear()},Z=()=>{g("update:modelValue",r.value),g("confirm",d.value),y.value=!1},ct=()=>{y.value=!1};return $({clearSelection:oe,appendUsers:(o,t,a)=>{const p=T.value[o];if(p&&a.length>0){const x=a.map(I=>{const{id:_,name:N,...E}=I;return{...E,id:_,name:I.displayName||N,isUser:!0}});p.appendTo(t,x)}}}),(o,t)=>{const a=e.resolveComponent("t-icon"),p=e.resolveComponent("t-option"),x=e.resolveComponent("t-select"),I=e.resolveComponent("t-input"),_=e.resolveComponent("t-button"),N=e.resolveComponent("t-loading"),E=e.resolveComponent("t-checkbox"),W=e.resolveComponent("t-tree"),O=e.resolveComponent("t-tab-panel"),R=e.resolveComponent("t-tabs"),K=e.resolveComponent("t-dialog");return e.openBlock(),e.createBlock(K,{visible:y.value,"onUpdate:visible":t[4]||(t[4]=l=>y.value=l),header:"选择人员",width:Q.value,footer:!0,placement:"center","destroy-on-close":"",onConfirm:Z,onClose:ct},{default:e.withCtx(()=>[e.createElementVNode("div",se,[A.value?(e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(a,{name:"info-circle"}),e.createElementVNode("span",null,e.toDisplayString(A.value),1)])):e.createCommentVNode("",!0),F.value?(e.openBlock(),e.createElementBlock("div",de,[H.value&&M.value.length>0?(e.openBlock(),e.createElementBlock("div",ie,[e.createVNode(x,{modelValue:C.value,"onUpdate:modelValue":t[0]||(t[0]=l=>C.value=l),placeholder:"选择组织",style:{width:"200px"},onChange:s},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,l=>(e.openBlock(),e.createBlock(p,{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",re,[e.createVNode(I,{modelValue:b.value,"onUpdate:modelValue":t[1]||(t[1]=l=>b.value=l),placeholder:"输入手机号/工号/姓名/部门/职位搜索",clearable:"",onInput:X,onClear:Y},{"prefix-icon":e.withCtx(()=>[e.createVNode(a,{name:"search"})]),_:1},8,["modelValue"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",pe,[e.createElementVNode("div",me,[L.value?(e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("div",he,[t[6]||(t[6]=e.createElementVNode("span",null,"搜索结果",-1)),e.createVNode(_,{size:"small",variant:"text",onClick:Y},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("返回",-1)])]),_:1})]),P.value?(e.openBlock(),e.createElementBlock("div",ue,[e.createVNode(N),t[7]||(t[7]=e.createElementVNode("span",null,"搜索中...",-1))])):D.value.length===0?(e.openBlock(),e.createElementBlock("div",ke,[e.createVNode(a,{name:"search",size:"48px",style:{color:"#ddd"}}),t[8]||(t[8]=e.createElementVNode("p",null,"未找到匹配的人员",-1))])):(e.openBlock(),e.createElementBlock("div",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:e.normalizeClass(["cd-ps-result-item",{"cd-ps-selected":r.value.includes(l.id)}]),onClick:J=>ot(l)},[e.createVNode(E,{checked:r.value.includes(l.id),onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},null,8,["checked"]),e.createElementVNode("div",ge,[e.createVNode(a,{name:"user"})]),e.createElementVNode("div",ye,[e.createElementVNode("div",Ce,e.toDisplayString(l.displayName||l.name),1),e.createElementVNode("div",Be,[l.position?(e.openBlock(),e.createElementBlock("span",Ne,e.toDisplayString(l.position),1)):e.createCommentVNode("",!0),l.department?(e.openBlock(),e.createElementBlock("span",Ee,e.toDisplayString(l.department),1)):e.createCommentVNode("",!0),l.phone?(e.openBlock(),e.createElementBlock("span",Se,e.toDisplayString(l.phone),1)):e.createCommentVNode("",!0)])])],10,Ve))),128))]))])):(e.openBlock(),e.createBlock(R,{key:1,modelValue:B.value,"onUpdate:modelValue":t[3]||(t[3]=l=>B.value=l),onChange:m},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(G.value,l=>(e.openBlock(),e.createBlock(O,{key:l.key,value:l.key,label:l.name},{default:e.withCtx(()=>{var J;return[e.createElementVNode("div",be,[((J=U.value[l.key])==null?void 0:J.length)>0?(e.openBlock(),e.createBlock(W,{key:0,ref_for:!0,ref:V=>n(l.key,V),data:U.value[l.key],keys:{value:"id",label:"name",children:"children"},hover:"",checkable:"","expand-all":!1,value:r.value,onChange:at},{label:e.withCtx(({node:V})=>{var ne;return[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-node",{"cd-ps-node-user":V.data.isUser}])},[e.createVNode(a,{name:V.data.isUser?"user":l.icon||"folder"},null,8,["name"]),e.createElementVNode("span",xe,[e.createTextVNode(e.toDisplayString(V.label)+" ",1),V.data.isUser&&V.data.position?(e.openBlock(),e.createElementBlock("span",we,e.toDisplayString(V.data.position),1)):e.createCommentVNode("",!0)]),V.data.userCount&&!V.data.isUser?(e.openBlock(),e.createElementBlock("span",Ue,"("+e.toDisplayString(V.data.userCount)+")",1)):e.createCommentVNode("",!0),!V.data.isUser&&!((ne=V.data.children)!=null&&ne.length)&&!V.data.loaded?(e.openBlock(),e.createBlock(_,{key:1,size:"small",variant:"text",class:"cd-ps-load-btn",onClick:e.withModifiers(it=>nt(V,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",Ie,[e.createVNode(a,{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",De,[e.createElementVNode("div",ze,[t[12]||(t[12]=e.createElementVNode("span",{class:"cd-ps-title"},"已选择",-1)),e.createElementVNode("span",Te,e.toDisplayString(d.value.length)+" 项",1),d.value.length>0?(e.openBlock(),e.createBlock(_,{key:0,size:"small",variant:"text",onClick:oe},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",Pe,[d.value.length===0?(e.openBlock(),e.createElementBlock("div",Oe,[e.createVNode(a,{name:"user-checked",size:"64px",style:{color:"#ddd"}}),t[13]||(t[13]=e.createElementVNode("p",null,"暂无选择",-1))])):(e.openBlock(),e.createElementBlock("div",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.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",Le,[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-avatar",{"cd-ps-avatar-dept":!l.isUser}])},[e.createVNode(a,{name:l.isUser?"user":"folder"},null,8,["name"])],2),e.createElementVNode("div",Re,[e.createElementVNode("div",Me,e.toDisplayString(l.displayName||l.name),1),e.createElementVNode("div",Ae,[l.isUser&&l.position?(e.openBlock(),e.createElementBlock("span",Fe,e.toDisplayString(l.position),1)):e.createCommentVNode("",!0),l.isUser&&l.department?(e.openBlock(),e.createElementBlock("span",je,e.toDisplayString(l.department),1)):e.createCommentVNode("",!0),l.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",We,e.toDisplayString(l.typeName||"部门"),1)),!l.isUser&&l.userCount?(e.openBlock(),e.createElementBlock("span",Je,e.toDisplayString(l.userCount)+"人",1)):e.createCommentVNode("",!0)])])]),e.createVNode(_,{size:"small",variant:"text",shape:"circle",onClick:J=>st(l.id)},{icon:e.withCtx(()=>[e.createVNode(a,{name:"close"})]),_:1},8,["onClick"])],2))),128))]))])])])])]),_:1},8,["visible","width"])}}}),v=(f,$)=>{const u=f.__vccOpts||f;for(const[c,g]of $)u[c]=g;return u},q=v(qe,[["__scopeId","data-v-1e0585c3"]]),Ge={class:"cd-input-select"},He={class:"cd-input-select__option-content"},Qe={key:0,class:"cd-input-select__option-avatar"},Xe=["src","alt"],Ye={class:"cd-input-select__option-info"},Ze={class:"cd-input-select__option-name"},Ke={key:0,class:"cd-input-select__option-desc"},ve={key:2,class:"ri-building-line cd-input-select__option-icon"},ee=v(e.defineComponent({name:"CdInputPersonSelector",__name:"InputSelect",props:{modelValue:{},multiple:{type:Boolean,default:!0},placeholder:{default:"搜索用户、部门、职位"},tabs:{},organizations:{},showSelector:{type:Boolean,default:!0}},emits:["update:modelValue","search","load-users"],setup(f,{emit:$}){const u=f,c=$,g=e.ref(!1),y=e.ref([]),B=e.ref(void 0),C=e.ref(!1),b=e.ref([]),r=e.ref([]),h=e.ref(!1),T=e.computed(()=>{const n=new Set(r.value.map(d=>d.id));return[...r.value,...y.value.filter(d=>!n.has(d.id))]}),L=n=>n?n.substring(0,2).toUpperCase():"",P=n=>{const i=["#1890ff","#52c41a","#faad14","#f5222d","#722ed1","#13c2c2","#eb2f96","#fa8c16"];let d=0;for(let k=0;k<n.length;k++)d=n.charCodeAt(k)+((d<<5)-d);return i[Math.abs(d)%i.length]},D=n=>{n&&n.trim()?(h.value=!0,g.value=!0,c("search",{keyword:n,callback:i=>{y.value=i,g.value=!1}})):(y.value=[],g.value=!1,h.value=!1)},G=n=>{n&&y.value.length===0&&(h.value=!1)},M=n=>{const i=Array.isArray(n)?n:n?[n]:[],d=u.modelValue.map(m=>m.id),k=i.filter(m=>!d.includes(m)),S=d.filter(m=>!i.includes(m));if(k.length>0){const m=k.map(s=>T.value.find(X=>X.id===s)).filter(Boolean);if(!u.multiple)c("update:modelValue",m),r.value=m,y.value=[],h.value=!1;else{const s=[...u.modelValue,...m];c("update:modelValue",s),r.value=s}}if(S.length>0){const m=u.modelValue.filter(s=>!S.includes(s.id));c("update:modelValue",m),r.value=m}},A=n=>{const i=u.modelValue.filter(d=>d.id!==n);c("update:modelValue",i),r.value=i},F=n=>{n&&typeof n.stopPropagation=="function"&&n.stopPropagation(),n&&typeof n.preventDefault=="function"&&n.preventDefault(),h.value=!1,H()},H=()=>{C.value=!0},Q=n=>{const i=n.map(d=>{const k=d.displayName||d.name||d.title||String(d.id);return{id:d.id,name:k,avatar:d.avatar||"",department:d.department||"",position:d.position||"",phone:d.phone||"",isUser:d.isUser!==!1}});if(!u.multiple)c("update:modelValue",i.slice(0,1)),r.value=i.slice(0,1);else{const d=new Set(u.modelValue.map(m=>m.id)),k=i.filter(m=>!d.has(m.id)),S=[...u.modelValue,...k];c("update:modelValue",S),r.value=S}C.value=!1},U=n=>{c("load-users",n)},j=n=>{c("search",{keyword:n.keyword,callback:n.callback})};return e.watch(()=>u.modelValue,n=>{u.multiple?B.value=n.map(i=>i.id):B.value=n.length>0?n[0].id:void 0,b.value=n.map(i=>i.id),r.value=n},{immediate:!0,deep:!0}),(n,i)=>{const d=e.resolveComponent("t-icon"),k=e.resolveComponent("t-tag"),S=e.resolveComponent("t-option"),m=e.resolveComponent("t-select");return e.openBlock(),e.createElementBlock("div",Ge,[e.createVNode(m,{ref:"selectRef",modelValue:B.value,"onUpdate:modelValue":i[0]||(i[0]=s=>B.value=s),multiple:f.multiple,placeholder:f.placeholder,filterable:!0,filter:()=>!0,loading:g.value,"reserve-keyword":!1,"allow-input":!0,"popup-visible":h.value,"onUpdate:popupVisible":i[1]||(i[1]=s=>h.value=s),size:"medium",class:"cd-input-select__select",onSearch:D,onChange:M,onPopupVisibleChange:G},e.createSlots({valueDisplay:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,s=>(e.openBlock(),e.createBlock(k,{key:s.id,closable:"",size:"medium",variant:s.isUser===!1?"outline":"light",theme:s.isUser===!1?"primary":"default",onClose:()=>A(s.id),class:"cd-input-select__tag"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1032,["variant","theme","onClose"]))),128))]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,s=>(e.openBlock(),e.createBlock(S,{key:s.id,value:s.id,label:s.name,class:"cd-input-select__option"},{default:e.withCtx(()=>[e.createElementVNode("div",He,[s.avatar?(e.openBlock(),e.createElementBlock("div",Qe,[e.createElementVNode("img",{src:s.avatar,alt:s.name},null,8,Xe)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"cd-input-select__option-avatar cd-input-select__option-avatar--placeholder",style:e.normalizeStyle({backgroundColor:s.isUser===!1?"#e6f4ff":P(s.name),color:s.isUser===!1?"#0052d9":"#fff"})},e.toDisplayString(L(s.name)),5)),e.createElementVNode("div",Ye,[e.createElementVNode("div",Ze,e.toDisplayString(s.name),1),s.department||s.position?(e.openBlock(),e.createElementBlock("div",Ke,e.toDisplayString(s.department)+e.toDisplayString(s.department&&s.position?" · ":"")+e.toDisplayString(s.position),1)):e.createCommentVNode("",!0)]),s.isUser===!1?(e.openBlock(),e.createElementBlock("i",ve)):e.createCommentVNode("",!0)])]),_:2},1032,["value","label"]))),128))]),_:2},[f.showSelector?{name:"suffix",fn:e.withCtx(()=>[e.createVNode(d,{name:"search",onClick:F})]),key:"0"}:void 0,f.showSelector?{name:"suffixIcon",fn:e.withCtx(()=>[e.createElementVNode("i",{class:"ri-add-circle-line cd-input-select__add-icon",onClick:F})]),key:"1"}:void 0]),1032,["modelValue","multiple","placeholder","loading","popup-visible"]),f.tabs&&f.tabs.length>0&&C.value?(e.openBlock(),e.createBlock(q,{key:0,visible:C.value,"onUpdate:visible":i[2]||(i[2]=s=>C.value=s),modelValue:b.value,"onUpdate:modelValue":i[3]||(i[3]=s=>b.value=s),tabs:f.tabs,organizations:f.organizations||[],"show-org":!1,"show-search":!0,multiple:f.multiple,tips:"选择要添加的人员",onConfirm:Q,onLoadUsers:U,onSearch:j},null,8,["visible","modelValue","tabs","organizations","multiple"])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-3180b8c7"]]),et={install(f){f.component("PersonSelector",q),f.component("CdInputPersonSelector",ee)}};w.InputSelect=ee,w.PersonSelector=q,w.default=et,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.CdPersonSelector={},w.Vue))})(this,function(w,e){"use strict";const se={class:"cd-ps-container"},ce={key:0,class:"cd-ps-tips"},de={key:1,class:"cd-ps-search"},ie={key:0,class:"cd-ps-org-select"},re={class:"cd-ps-search-input"},pe={class:"cd-ps-content"},me={class:"cd-ps-left"},fe={key:0,class:"cd-ps-search-results"},he={class:"cd-ps-search-header"},ue={key:0,class:"cd-ps-loading"},ke={key:1,class:"cd-ps-empty"},_e={key:2,class:"cd-ps-result-list"},Ve=["onClick"],ge={class:"cd-ps-avatar"},ye={class:"cd-ps-info"},Ce={class:"cd-ps-name"},Be={class:"cd-ps-meta"},Ne={key:0},Ee={key:1},Se={key:2},be={class:"cd-ps-tree"},xe={class:"cd-ps-node-name"},we={key:0,class:"cd-ps-position"},Ue={key:0,class:"cd-ps-count"},Ie={key:1,class:"cd-ps-empty"},De={class:"cd-ps-right"},ze={class:"cd-ps-right-header"},Te={class:"cd-ps-num"},Pe={class:"cd-ps-right-list"},Oe={key:0,class:"cd-ps-empty"},$e={key:1,class:"cd-ps-selected-list"},Le={class:"cd-ps-item-info"},Re={class:"cd-ps-info"},Me={class:"cd-ps-name"},Ae={class:"cd-ps-meta"},Fe={key:0},je={key:1},We={key:2},Je={key:3},qe=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},multiple:{type:Boolean,default:!0}},emits:["update:visible","update:modelValue","confirm","load-users","search","org-change"],setup(h,{expose:$,emit:u}){var le,ae;const c=h,g=u,y=e.ref(c.visible),B=e.ref(((ae=(le=c.tabs)==null?void 0:le[0])==null?void 0:ae.key)||""),C=e.ref(null),b=e.ref(""),r=e.ref([]),f=e.ref(new Map),T=e.ref({}),L=e.ref(!1),P=e.ref(!1),D=e.ref([]),G=e.computed(()=>c.tabs||[]),M=e.computed(()=>c.organizations||[]),A=e.computed(()=>c.tips||""),F=e.computed(()=>c.showSearch),H=e.computed(()=>c.showOrg),Q=e.computed(()=>c.dialogWidth),U=e.ref({});e.watch(()=>c.tabs,o=>{if(o&&o.length>0){const t={};o.forEach(a=>{t[a.key]=JSON.parse(JSON.stringify(a.tree))}),U.value=t,(!B.value||!o.find(a=>a.key===B.value))&&(B.value=o[0].key)}},{immediate:!0,deep:!0});function j(){if(c.modelValue&&c.modelValue.length>0){const o=c.modelValue[0];typeof o=="object"&&o!==null&&"id"in o?(r.value=c.modelValue.map(t=>t.id),f.value.clear(),c.modelValue.forEach(t=>{f.value.set(t.id,t)})):r.value=[...c.modelValue]}else r.value=[],f.value.clear()}e.watch(()=>c.modelValue,o=>{y.value&&o&&j()},{deep:!0}),e.watch(()=>c.visible,o=>{y.value=o,o&&(j(),c.organizations.length>0&&!C.value&&(C.value=c.organizations[0].id))}),e.watch(y,o=>{g("update:visible",o)});function n(o,t){t&&(T.value[o]=t)}function i(o,t){for(const a of o){if(a.id===t)return a;if(a.children){const p=i(a.children,t);if(p)return p}}return null}const d=e.computed(()=>r.value.map(o=>f.value.get(o)).filter(Boolean));function k(o,t){r.value.includes(o)||r.value.push(o),f.value.set(o,t)}function S(o){r.value=r.value.filter(t=>t!==o),f.value.delete(o)}const m=()=>{b.value=""},s=o=>{const t={};c.tabs.forEach(a=>{t[a.key]=[]}),U.value=t,g("org-change",o)};let z=null;const X=()=>{if(z&&clearTimeout(z),!b.value.trim()){Y();return}L.value=!0,P.value=!0,z=setTimeout(()=>tt(),300)},tt=()=>{D.value=[];const o=t=>{D.value=t.map(a=>({...a,isUser:!0})),P.value=!1};g("search",{keyword:b.value,orgId:C.value||void 0,callback:o})},Y=()=>{z&&(clearTimeout(z),z=null),L.value=!1,b.value="",D.value=[],P.value=!1},ot=o=>{r.value.indexOf(o.id)>-1?S(o.id):(c.multiple||(r.value=[],f.value.clear()),k(o.id,{...o,isUser:!0,typeName:"搜索结果",orgId:C.value}),c.multiple||Z())};function lt(o){const t=[],a=p=>{for(const x of p)t.push(x.id),x.children&&a(x.children)};return a(o),t}const at=(o,t)=>{var _,N;const a=t==null?void 0:t.node;if(a){const E=a.value??((_=a.data)==null?void 0:_.id);if(E!==void 0){if(a.checked){c.multiple||(r.value=[],f.value.clear());const O=c.tabs.find(K=>K.key===B.value),R=O?O.name.replace(/^按/,""):"";k(E,{...a.data,typeName:R,orgId:C.value}),!c.multiple&&((N=a.data)!=null&&N.isUser)&&Z()}else S(E);return}}const p=U.value[B.value]||[],x=lt(p),I=r.value.filter(E=>!x.includes(E));r.value=[...I,...o]};function te(o,t,a){for(const p of o){if(p.id===t)return p.children=p.children||[],p.children.push(...a),p.loaded=!0,!0;if(p.children&&te(p.children,t,a))return!0}return!1}async function nt(o,t){const a=o.value,p=T.value[t];g("load-users",{tabKey:t,nodeId:a,node:o,callback:async I=>{if(I.length>0){const _=I.map(E=>{const{id:W,name:O,...R}=E;return{...R,id:W,name:E.displayName||O,isUser:!0}}),N=U.value[t];if(N&&te(N,a,_),p){p.appendTo(a,_),o.data.loaded=!0,await e.nextTick();try{p.setItem(a,{expanded:!0})}catch{}}}else{o.data.loaded=!0;const _=U.value[t];if(_){const N=i(_,a);N&&(N.loaded=!0)}}}})}const st=o=>{S(o)},oe=()=>{r.value=[],f.value.clear()},Z=()=>{g("update:modelValue",r.value),g("confirm",d.value),y.value=!1},ct=()=>{y.value=!1};return $({clearSelection:oe,appendUsers:(o,t,a)=>{const p=T.value[o];if(p&&a.length>0){const x=a.map(I=>{const{id:_,name:N,...E}=I;return{...E,id:_,name:I.displayName||N,isUser:!0}});p.appendTo(t,x)}}}),(o,t)=>{const a=e.resolveComponent("t-icon"),p=e.resolveComponent("t-option"),x=e.resolveComponent("t-select"),I=e.resolveComponent("t-input"),_=e.resolveComponent("t-button"),N=e.resolveComponent("t-loading"),E=e.resolveComponent("t-checkbox"),W=e.resolveComponent("t-tree"),O=e.resolveComponent("t-tab-panel"),R=e.resolveComponent("t-tabs"),K=e.resolveComponent("t-dialog");return e.openBlock(),e.createBlock(K,{visible:y.value,"onUpdate:visible":t[4]||(t[4]=l=>y.value=l),header:"选择人员",width:Q.value,footer:!0,placement:"center","destroy-on-close":"",onConfirm:Z,onClose:ct},{default:e.withCtx(()=>[e.createElementVNode("div",se,[A.value?(e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(a,{name:"info-circle"}),e.createElementVNode("span",null,e.toDisplayString(A.value),1)])):e.createCommentVNode("",!0),F.value?(e.openBlock(),e.createElementBlock("div",de,[H.value&&M.value.length>0?(e.openBlock(),e.createElementBlock("div",ie,[e.createVNode(x,{modelValue:C.value,"onUpdate:modelValue":t[0]||(t[0]=l=>C.value=l),placeholder:"选择组织",style:{width:"200px"},onChange:s},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,l=>(e.openBlock(),e.createBlock(p,{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",re,[e.createVNode(I,{modelValue:b.value,"onUpdate:modelValue":t[1]||(t[1]=l=>b.value=l),placeholder:"输入手机号/工号/姓名/部门/职位搜索",clearable:"",onInput:X,onClear:Y},{"prefix-icon":e.withCtx(()=>[e.createVNode(a,{name:"search"})]),_:1},8,["modelValue"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",pe,[e.createElementVNode("div",me,[L.value?(e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("div",he,[t[6]||(t[6]=e.createElementVNode("span",null,"搜索结果",-1)),e.createVNode(_,{size:"small",variant:"text",onClick:Y},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("返回",-1)])]),_:1})]),P.value?(e.openBlock(),e.createElementBlock("div",ue,[e.createVNode(N),t[7]||(t[7]=e.createElementVNode("span",null,"搜索中...",-1))])):D.value.length===0?(e.openBlock(),e.createElementBlock("div",ke,[e.createVNode(a,{name:"search",size:"48px",style:{color:"#ddd"}}),t[8]||(t[8]=e.createElementVNode("p",null,"未找到匹配的人员",-1))])):(e.openBlock(),e.createElementBlock("div",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:e.normalizeClass(["cd-ps-result-item",{"cd-ps-selected":r.value.includes(l.id)}]),onClick:J=>ot(l)},[e.createVNode(E,{checked:r.value.includes(l.id),onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},null,8,["checked"]),e.createElementVNode("div",ge,[e.createVNode(a,{name:"user"})]),e.createElementVNode("div",ye,[e.createElementVNode("div",Ce,e.toDisplayString(l.displayName||l.name),1),e.createElementVNode("div",Be,[l.position?(e.openBlock(),e.createElementBlock("span",Ne,e.toDisplayString(l.position),1)):e.createCommentVNode("",!0),l.department?(e.openBlock(),e.createElementBlock("span",Ee,e.toDisplayString(l.department),1)):e.createCommentVNode("",!0),l.phone?(e.openBlock(),e.createElementBlock("span",Se,e.toDisplayString(l.phone),1)):e.createCommentVNode("",!0)])])],10,Ve))),128))]))])):(e.openBlock(),e.createBlock(R,{key:1,modelValue:B.value,"onUpdate:modelValue":t[3]||(t[3]=l=>B.value=l),onChange:m},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(G.value,l=>(e.openBlock(),e.createBlock(O,{key:l.key,value:l.key,label:l.name},{default:e.withCtx(()=>{var J;return[e.createElementVNode("div",be,[((J=U.value[l.key])==null?void 0:J.length)>0?(e.openBlock(),e.createBlock(W,{key:0,ref_for:!0,ref:V=>n(l.key,V),data:U.value[l.key],keys:{value:"id",label:"name",children:"children"},hover:"",checkable:"","expand-all":!1,value:r.value,onChange:at},{label:e.withCtx(({node:V})=>{var ne;return[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-node",{"cd-ps-node-user":V.data.isUser}])},[e.createVNode(a,{name:V.data.isUser?"user":l.icon||"folder"},null,8,["name"]),e.createElementVNode("span",xe,[e.createTextVNode(e.toDisplayString(V.label)+" ",1),V.data.isUser&&V.data.position?(e.openBlock(),e.createElementBlock("span",we,e.toDisplayString(V.data.position),1)):e.createCommentVNode("",!0)]),V.data.userCount&&!V.data.isUser?(e.openBlock(),e.createElementBlock("span",Ue,"("+e.toDisplayString(V.data.userCount)+")",1)):e.createCommentVNode("",!0),!V.data.isUser&&!((ne=V.data.children)!=null&&ne.length)&&!V.data.loaded?(e.openBlock(),e.createBlock(_,{key:1,size:"small",variant:"text",class:"cd-ps-load-btn",onClick:e.withModifiers(it=>nt(V,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",Ie,[e.createVNode(a,{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",De,[e.createElementVNode("div",ze,[t[12]||(t[12]=e.createElementVNode("span",{class:"cd-ps-title"},"已选择",-1)),e.createElementVNode("span",Te,e.toDisplayString(d.value.length)+" 项",1),d.value.length>0?(e.openBlock(),e.createBlock(_,{key:0,size:"small",variant:"text",onClick:oe},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",Pe,[d.value.length===0?(e.openBlock(),e.createElementBlock("div",Oe,[e.createVNode(a,{name:"user-checked",size:"64px",style:{color:"#ddd"}}),t[13]||(t[13]=e.createElementVNode("p",null,"暂无选择",-1))])):(e.openBlock(),e.createElementBlock("div",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.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",Le,[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-avatar",{"cd-ps-avatar-dept":!l.isUser}])},[e.createVNode(a,{name:l.isUser?"user":"folder"},null,8,["name"])],2),e.createElementVNode("div",Re,[e.createElementVNode("div",Me,e.toDisplayString(l.displayName||l.name),1),e.createElementVNode("div",Ae,[l.isUser&&l.position?(e.openBlock(),e.createElementBlock("span",Fe,e.toDisplayString(l.position),1)):e.createCommentVNode("",!0),l.isUser&&l.department?(e.openBlock(),e.createElementBlock("span",je,e.toDisplayString(l.department),1)):e.createCommentVNode("",!0),l.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",We,e.toDisplayString(l.typeName||"部门"),1)),!l.isUser&&l.userCount?(e.openBlock(),e.createElementBlock("span",Je,e.toDisplayString(l.userCount)+"人",1)):e.createCommentVNode("",!0)])])]),e.createVNode(_,{size:"small",variant:"text",shape:"circle",onClick:J=>st(l.id)},{icon:e.withCtx(()=>[e.createVNode(a,{name:"close"})]),_:1},8,["onClick"])],2))),128))]))])])])])]),_:1},8,["visible","width"])}}}),v=(h,$)=>{const u=h.__vccOpts||h;for(const[c,g]of $)u[c]=g;return u},q=v(qe,[["__scopeId","data-v-1e0585c3"]]),Ge={class:"cd-input-select"},He={class:"cd-input-select__option-content"},Qe={key:0,class:"cd-input-select__option-avatar"},Xe=["src","alt"],Ye={class:"cd-input-select__option-info"},Ze={class:"cd-input-select__option-name"},Ke={key:0,class:"cd-input-select__option-desc"},ve={key:2,class:"ri-building-line cd-input-select__option-icon"},ee=v(e.defineComponent({name:"CdInputPersonSelector",__name:"InputSelect",props:{modelValue:{},multiple:{type:Boolean,default:!0},placeholder:{default:"搜索用户、部门、职位"},tabs:{},organizations:{}},emits:["update:modelValue","search","load-users"],setup(h,{emit:$}){const u=h,c=$,g=e.ref(!1),y=e.ref([]),B=e.ref(void 0),C=e.ref(!1),b=e.ref([]),r=e.ref([]),f=e.ref(!1),T=e.computed(()=>{const n=new Set(r.value.map(d=>d.id));return[...r.value,...y.value.filter(d=>!n.has(d.id))]}),L=n=>n?n.substring(0,2).toUpperCase():"",P=n=>{const i=["#1890ff","#52c41a","#faad14","#f5222d","#722ed1","#13c2c2","#eb2f96","#fa8c16"];let d=0;for(let k=0;k<n.length;k++)d=n.charCodeAt(k)+((d<<5)-d);return i[Math.abs(d)%i.length]},D=n=>{n&&n.trim()?(f.value=!0,g.value=!0,c("search",{keyword:n,callback:i=>{y.value=i,g.value=!1}})):(y.value=[],g.value=!1,f.value=!1)},G=n=>{n&&y.value.length===0&&(f.value=!1)},M=n=>{const i=Array.isArray(n)?n:n?[n]:[],d=u.modelValue.map(m=>m.id),k=i.filter(m=>!d.includes(m)),S=d.filter(m=>!i.includes(m));if(k.length>0){const m=k.map(s=>T.value.find(X=>X.id===s)).filter(Boolean);if(!u.multiple)c("update:modelValue",m),r.value=m,y.value=[],f.value=!1;else{const s=[...u.modelValue,...m];c("update:modelValue",s),r.value=s}}if(S.length>0){const m=u.modelValue.filter(s=>!S.includes(s.id));c("update:modelValue",m),r.value=m}},A=n=>{const i=u.modelValue.filter(d=>d.id!==n);c("update:modelValue",i),r.value=i},F=n=>{n&&typeof n.stopPropagation=="function"&&n.stopPropagation(),n&&typeof n.preventDefault=="function"&&n.preventDefault(),f.value=!1,H()},H=()=>{C.value=!0},Q=n=>{const i=n.map(d=>{const k=d.displayName||d.name||d.title||String(d.id);return{id:d.id,name:k,avatar:d.avatar||"",department:d.department||"",position:d.position||"",phone:d.phone||"",isUser:d.isUser!==!1}});if(!u.multiple)c("update:modelValue",i.slice(0,1)),r.value=i.slice(0,1);else{const d=new Set(u.modelValue.map(m=>m.id)),k=i.filter(m=>!d.has(m.id)),S=[...u.modelValue,...k];c("update:modelValue",S),r.value=S}C.value=!1},U=n=>{c("load-users",n)},j=n=>{c("search",{keyword:n.keyword,callback:n.callback})};return e.watch(()=>u.modelValue,n=>{u.multiple?B.value=n.map(i=>i.id):B.value=n.length>0?n[0].id:void 0,b.value=n.map(i=>i.id),r.value=n},{immediate:!0,deep:!0}),(n,i)=>{const d=e.resolveComponent("t-icon"),k=e.resolveComponent("t-tag"),S=e.resolveComponent("t-option"),m=e.resolveComponent("t-select");return e.openBlock(),e.createElementBlock("div",Ge,[e.createVNode(m,{ref:"selectRef",modelValue:B.value,"onUpdate:modelValue":i[0]||(i[0]=s=>B.value=s),multiple:h.multiple,placeholder:h.placeholder,filterable:!0,filter:()=>!0,loading:g.value,"reserve-keyword":!1,"allow-input":!0,"popup-visible":f.value,"onUpdate:popupVisible":i[1]||(i[1]=s=>f.value=s),size:"medium",class:"cd-input-select__select",onSearch:D,onChange:M,onPopupVisibleChange:G},{suffix:e.withCtx(()=>[e.createVNode(d,{name:"add-circle",onClick:F})]),valueDisplay:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,s=>(e.openBlock(),e.createBlock(k,{key:s.id,closable:"",size:"medium",variant:s.isUser===!1?"outline":"light",theme:s.isUser===!1?"primary":"default",onClose:()=>A(s.id),class:"cd-input-select__tag"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.name),1)]),_:2},1032,["variant","theme","onClose"]))),128))]),suffixIcon:e.withCtx(()=>[e.createElementVNode("i",{class:"ri-add-circle-line cd-input-select__add-icon",onClick:F})]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,s=>(e.openBlock(),e.createBlock(S,{key:s.id,value:s.id,label:s.name,class:"cd-input-select__option"},{default:e.withCtx(()=>[e.createElementVNode("div",He,[s.avatar?(e.openBlock(),e.createElementBlock("div",Qe,[e.createElementVNode("img",{src:s.avatar,alt:s.name},null,8,Xe)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"cd-input-select__option-avatar cd-input-select__option-avatar--placeholder",style:e.normalizeStyle({backgroundColor:s.isUser===!1?"#e6f4ff":P(s.name),color:s.isUser===!1?"#0052d9":"#fff"})},e.toDisplayString(L(s.name)),5)),e.createElementVNode("div",Ye,[e.createElementVNode("div",Ze,e.toDisplayString(s.name),1),s.department||s.position?(e.openBlock(),e.createElementBlock("div",Ke,e.toDisplayString(s.department)+e.toDisplayString(s.department&&s.position?" · ":"")+e.toDisplayString(s.position),1)):e.createCommentVNode("",!0)]),s.isUser===!1?(e.openBlock(),e.createElementBlock("i",ve)):e.createCommentVNode("",!0)])]),_:2},1032,["value","label"]))),128))]),_:1},8,["modelValue","multiple","placeholder","loading","popup-visible"]),h.tabs&&h.tabs.length>0&&C.value?(e.openBlock(),e.createBlock(q,{key:0,visible:C.value,"onUpdate:visible":i[2]||(i[2]=s=>C.value=s),modelValue:b.value,"onUpdate:modelValue":i[3]||(i[3]=s=>b.value=s),tabs:h.tabs,organizations:h.organizations||[],"show-org":!1,"show-search":!0,multiple:h.multiple,tips:"选择要添加的人员",onConfirm:Q,onLoadUsers:U,onSearch:j},null,8,["visible","modelValue","tabs","organizations","multiple"])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-30a96740"]]),et={install(h){h.component("PersonSelector",q),h.component("CdInputPersonSelector",ee)}};w.InputSelect=ee,w.PersonSelector=q,w.default=et,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as ge, ref as _, computed as L, watch as X, resolveComponent as I, createBlock as O, openBlock as o, withCtx as b, createElementVNode as c, createElementBlock as u, createCommentVNode as k, createVNode as y, toDisplayString as m, Fragment as F, renderList as q, createTextVNode as Y, normalizeClass as se, withModifiers as _e, nextTick as Ne, createSlots as we, normalizeStyle as ze } from "vue";
-const Te = { class: "cd-ps-container" }, Be = {
+import { defineComponent as ge, ref as h, computed as L, watch as X, resolveComponent as I, createBlock as O, openBlock as n, withCtx as b, createElementVNode as c, createElementBlock as u, createCommentVNode as y, createVNode as g, toDisplayString as m, Fragment as F, renderList as q, createTextVNode as Y, normalizeClass as se, withModifiers as _e, nextTick as Ne, normalizeStyle as ze } from "vue";
+const we = { class: "cd-ps-container" }, Te = {
   key: 0,
   class: "cd-ps-tips"
 }, Pe = {
@@ -8,34 +8,34 @@ const Te = { class: "cd-ps-container" }, Be = {
 }, $e = {
   key: 0,
   class: "cd-ps-org-select"
-}, De = { class: "cd-ps-search-input" }, Oe = { class: "cd-ps-content" }, Re = { class: "cd-ps-left" }, Ae = {
+}, Be = { class: "cd-ps-search-input" }, De = { class: "cd-ps-content" }, Oe = { class: "cd-ps-left" }, Re = {
   key: 0,
   class: "cd-ps-search-results"
-}, Le = { class: "cd-ps-search-header" }, Me = {
+}, Ae = { class: "cd-ps-search-header" }, Le = {
   key: 0,
   class: "cd-ps-loading"
-}, Ee = {
+}, Me = {
   key: 1,
   class: "cd-ps-empty"
-}, We = {
+}, Ee = {
   key: 2,
   class: "cd-ps-result-list"
-}, Je = ["onClick"], je = { class: "cd-ps-avatar" }, Fe = { class: "cd-ps-info" }, qe = { class: "cd-ps-name" }, Ge = { class: "cd-ps-meta" }, He = { key: 0 }, Qe = { key: 1 }, Xe = { key: 2 }, Ye = { class: "cd-ps-tree" }, Ze = { class: "cd-ps-node-name" }, Ke = {
+}, We = ["onClick"], Je = { class: "cd-ps-avatar" }, je = { class: "cd-ps-info" }, Fe = { class: "cd-ps-name" }, qe = { class: "cd-ps-meta" }, Ge = { key: 0 }, He = { key: 1 }, Qe = { key: 2 }, Xe = { class: "cd-ps-tree" }, Ye = { class: "cd-ps-node-name" }, Ze = {
   key: 0,
   class: "cd-ps-position"
-}, et = {
+}, Ke = {
   key: 0,
   class: "cd-ps-count"
-}, tt = {
+}, et = {
   key: 1,
   class: "cd-ps-empty"
-}, lt = { class: "cd-ps-right" }, at = { class: "cd-ps-right-header" }, st = { class: "cd-ps-num" }, ot = { class: "cd-ps-right-list" }, nt = {
+}, tt = { class: "cd-ps-right" }, lt = { class: "cd-ps-right-header" }, at = { class: "cd-ps-num" }, st = { class: "cd-ps-right-list" }, nt = {
   key: 0,
   class: "cd-ps-empty"
-}, it = {
+}, ot = {
   key: 1,
   class: "cd-ps-selected-list"
-}, dt = { class: "cd-ps-item-info" }, ct = { class: "cd-ps-info" }, ut = { class: "cd-ps-name" }, rt = { class: "cd-ps-meta" }, pt = { key: 0 }, vt = { key: 1 }, ft = { key: 2 }, mt = { key: 3 }, ht = /* @__PURE__ */ ge({
+}, it = { class: "cd-ps-item-info" }, dt = { class: "cd-ps-info" }, ct = { class: "cd-ps-name" }, ut = { class: "cd-ps-meta" }, rt = { key: 0 }, pt = { key: 1 }, vt = { key: 2 }, ft = { key: 3 }, mt = /* @__PURE__ */ ge({
   __name: "PersonSelector",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -49,30 +49,30 @@ const Te = { class: "cd-ps-container" }, Be = {
     multiple: { type: Boolean, default: !0 }
   },
   emits: ["update:visible", "update:modelValue", "confirm", "load-users", "search", "org-change"],
-  setup(h, { expose: G, emit: V }) {
+  setup(k, { expose: G, emit: V }) {
     var fe, me;
-    const i = h, x = V, N = _(i.visible), z = _(((me = (fe = i.tabs) == null ? void 0 : fe[0]) == null ? void 0 : me.key) || ""), w = _(null), $ = _(""), p = _([]), g = _(/* @__PURE__ */ new Map()), W = _({}), H = _(!1), J = _(!1), M = _([]), oe = L(() => i.tabs || []), Z = L(() => i.organizations || []), K = L(() => i.tips || ""), ee = L(() => i.showSearch), ne = L(() => i.showOrg), ie = L(() => i.dialogWidth), R = _({});
+    const i = k, x = V, N = h(i.visible), w = h(((me = (fe = i.tabs) == null ? void 0 : fe[0]) == null ? void 0 : me.key) || ""), z = h(null), B = h(""), p = h([]), _ = h(/* @__PURE__ */ new Map()), W = h({}), H = h(!1), J = h(!1), M = h([]), ne = L(() => i.tabs || []), Z = L(() => i.organizations || []), K = L(() => i.tips || ""), ee = L(() => i.showSearch), oe = L(() => i.showOrg), ie = L(() => i.dialogWidth), R = h({});
     X(() => i.tabs, (t) => {
       if (t && t.length > 0) {
         const e = {};
         t.forEach((a) => {
           e[a.key] = JSON.parse(JSON.stringify(a.tree));
-        }), R.value = e, (!z.value || !t.find((a) => a.key === z.value)) && (z.value = t[0].key);
+        }), R.value = e, (!w.value || !t.find((a) => a.key === w.value)) && (w.value = t[0].key);
       }
     }, { immediate: !0, deep: !0 });
     function te() {
       if (i.modelValue && i.modelValue.length > 0) {
         const t = i.modelValue[0];
-        typeof t == "object" && t !== null && "id" in t ? (p.value = i.modelValue.map((e) => e.id), g.value.clear(), i.modelValue.forEach((e) => {
-          g.value.set(e.id, e);
+        typeof t == "object" && t !== null && "id" in t ? (p.value = i.modelValue.map((e) => e.id), _.value.clear(), i.modelValue.forEach((e) => {
+          _.value.set(e.id, e);
         })) : p.value = [...i.modelValue];
       } else
-        p.value = [], g.value.clear();
+        p.value = [], _.value.clear();
     }
     X(() => i.modelValue, (t) => {
       N.value && t && te();
     }, { deep: !0 }), X(() => i.visible, (t) => {
-      N.value = t, t && (te(), i.organizations.length > 0 && !w.value && (w.value = i.organizations[0].id));
+      N.value = t, t && (te(), i.organizations.length > 0 && !z.value && (z.value = i.organizations[0].id));
     }), X(N, (t) => {
       x("update:visible", t);
     });
@@ -89,16 +89,16 @@ const Te = { class: "cd-ps-container" }, Be = {
       }
       return null;
     }
-    const d = L(() => p.value.map((t) => g.value.get(t)).filter(Boolean));
+    const d = L(() => p.value.map((t) => _.value.get(t)).filter(Boolean));
     function C(t, e) {
-      p.value.includes(t) || p.value.push(t), g.value.set(t, e);
+      p.value.includes(t) || p.value.push(t), _.value.set(t, e);
     }
-    function P(t) {
-      p.value = p.value.filter((e) => e !== t), g.value.delete(t);
+    function $(t) {
+      p.value = p.value.filter((e) => e !== t), _.value.delete(t);
     }
     const f = () => {
-      $.value = "";
-    }, n = (t) => {
+      B.value = "";
+    }, o = (t) => {
       const e = {};
       i.tabs.forEach((a) => {
         e[a.key] = [];
@@ -106,7 +106,7 @@ const Te = { class: "cd-ps-container" }, Be = {
     };
     let E = null;
     const de = () => {
-      if (E && clearTimeout(E), !$.value.trim()) {
+      if (E && clearTimeout(E), !B.value.trim()) {
         ce();
         return;
       }
@@ -116,11 +116,11 @@ const Te = { class: "cd-ps-container" }, Be = {
       const t = (e) => {
         M.value = e.map((a) => ({ ...a, isUser: !0 })), J.value = !1;
       };
-      x("search", { keyword: $.value, orgId: w.value || void 0, callback: t });
+      x("search", { keyword: B.value, orgId: z.value || void 0, callback: t });
     }, ce = () => {
-      E && (clearTimeout(E), E = null), H.value = !1, $.value = "", M.value = [], J.value = !1;
+      E && (clearTimeout(E), E = null), H.value = !1, B.value = "", M.value = [], J.value = !1;
     }, Ve = (t) => {
-      p.value.indexOf(t.id) > -1 ? P(t.id) : (i.multiple || (p.value = [], g.value.clear()), C(t.id, { ...t, isUser: !0, typeName: "搜索结果", orgId: w.value }), i.multiple || ue());
+      p.value.indexOf(t.id) > -1 ? $(t.id) : (i.multiple || (p.value = [], _.value.clear()), C(t.id, { ...t, isUser: !0, typeName: "搜索结果", orgId: z.value }), i.multiple || ue());
     };
     function Ce(t) {
       const e = [], a = (v) => {
@@ -129,22 +129,22 @@ const Te = { class: "cd-ps-container" }, Be = {
       };
       return a(t), e;
     }
-    const Se = (t, e) => {
-      var S, T;
+    const Ue = (t, e) => {
+      var U, T;
       const a = e == null ? void 0 : e.node;
       if (a) {
-        const B = a.value ?? ((S = a.data) == null ? void 0 : S.id);
-        if (B !== void 0) {
+        const P = a.value ?? ((U = a.data) == null ? void 0 : U.id);
+        if (P !== void 0) {
           if (a.checked) {
-            i.multiple || (p.value = [], g.value.clear());
-            const j = i.tabs.find((re) => re.key === z.value), Q = j ? j.name.replace(/^按/, "") : "";
-            C(B, { ...a.data, typeName: Q, orgId: w.value }), !i.multiple && ((T = a.data) != null && T.isUser) && ue();
+            i.multiple || (p.value = [], _.value.clear());
+            const j = i.tabs.find((re) => re.key === w.value), Q = j ? j.name.replace(/^按/, "") : "";
+            C(P, { ...a.data, typeName: Q, orgId: z.value }), !i.multiple && ((T = a.data) != null && T.isUser) && ue();
           } else
-            P(B);
+            $(P);
           return;
         }
       }
-      const v = R.value[z.value] || [], D = Ce(v), A = p.value.filter((B) => !D.includes(B));
+      const v = R.value[w.value] || [], D = Ce(v), A = p.value.filter((P) => !D.includes(P));
       p.value = [...A, ...t];
     };
     function pe(t, e, a) {
@@ -156,16 +156,16 @@ const Te = { class: "cd-ps-container" }, Be = {
       }
       return !1;
     }
-    async function Ue(t, e) {
+    async function Se(t, e) {
       const a = t.value, v = W.value[e];
       x("load-users", { tabKey: e, nodeId: a, node: t, callback: async (A) => {
         if (A.length > 0) {
-          const S = A.map((B) => {
-            const { id: le, name: j, ...Q } = B;
-            return { ...Q, id: le, name: B.displayName || j, isUser: !0 };
+          const U = A.map((P) => {
+            const { id: le, name: j, ...Q } = P;
+            return { ...Q, id: le, name: P.displayName || j, isUser: !0 };
           }), T = R.value[e];
-          if (T && pe(T, a, S), v) {
-            v.appendTo(a, S), t.data.loaded = !0, await Ne();
+          if (T && pe(T, a, U), v) {
+            v.appendTo(a, U), t.data.loaded = !0, await Ne();
             try {
               v.setItem(a, { expanded: !0 });
             } catch {
@@ -173,18 +173,18 @@ const Te = { class: "cd-ps-container" }, Be = {
           }
         } else {
           t.data.loaded = !0;
-          const S = R.value[e];
-          if (S) {
-            const T = r(S, a);
+          const U = R.value[e];
+          if (U) {
+            const T = r(U, a);
             T && (T.loaded = !0);
           }
         }
       } });
     }
     const Ie = (t) => {
-      P(t);
+      $(t);
     }, ve = () => {
-      p.value = [], g.value.clear();
+      p.value = [], _.value.clear();
     }, ue = () => {
       x("update:modelValue", p.value), x("confirm", d.value), N.value = !1;
     }, xe = () => {
@@ -196,15 +196,15 @@ const Te = { class: "cd-ps-container" }, Be = {
         const v = W.value[t];
         if (v && a.length > 0) {
           const D = a.map((A) => {
-            const { id: S, name: T, ...B } = A;
-            return { ...B, id: S, name: A.displayName || T, isUser: !0 };
+            const { id: U, name: T, ...P } = A;
+            return { ...P, id: U, name: A.displayName || T, isUser: !0 };
           });
           v.appendTo(e, D);
         }
       }
     }), (t, e) => {
-      const a = I("t-icon"), v = I("t-option"), D = I("t-select"), A = I("t-input"), S = I("t-button"), T = I("t-loading"), B = I("t-checkbox"), le = I("t-tree"), j = I("t-tab-panel"), Q = I("t-tabs"), re = I("t-dialog");
-      return o(), O(re, {
+      const a = I("t-icon"), v = I("t-option"), D = I("t-select"), A = I("t-input"), U = I("t-button"), T = I("t-loading"), P = I("t-checkbox"), le = I("t-tree"), j = I("t-tab-panel"), Q = I("t-tabs"), re = I("t-dialog");
+      return n(), O(re, {
         visible: N.value,
         "onUpdate:visible": e[4] || (e[4] = (l) => N.value = l),
         header: "选择人员",
@@ -216,22 +216,22 @@ const Te = { class: "cd-ps-container" }, Be = {
         onClose: xe
       }, {
         default: b(() => [
-          c("div", Te, [
-            K.value ? (o(), u("div", Be, [
-              y(a, { name: "info-circle" }),
+          c("div", we, [
+            K.value ? (n(), u("div", Te, [
+              g(a, { name: "info-circle" }),
               c("span", null, m(K.value), 1)
-            ])) : k("", !0),
-            ee.value ? (o(), u("div", Pe, [
-              ne.value && Z.value.length > 0 ? (o(), u("div", $e, [
-                y(D, {
-                  modelValue: w.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (l) => w.value = l),
+            ])) : y("", !0),
+            ee.value ? (n(), u("div", Pe, [
+              oe.value && Z.value.length > 0 ? (n(), u("div", $e, [
+                g(D, {
+                  modelValue: z.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (l) => z.value = l),
                   placeholder: "选择组织",
                   style: { width: "200px" },
-                  onChange: n
+                  onChange: o
                 }, {
                   default: b(() => [
-                    (o(!0), u(F, null, q(Z.value, (l) => (o(), O(v, {
+                    (n(!0), u(F, null, q(Z.value, (l) => (n(), O(v, {
                       key: l.id,
                       value: l.id,
                       label: l.displayName || l.name
@@ -239,29 +239,29 @@ const Te = { class: "cd-ps-container" }, Be = {
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
-              ])) : k("", !0),
-              c("div", De, [
-                y(A, {
-                  modelValue: $.value,
-                  "onUpdate:modelValue": e[1] || (e[1] = (l) => $.value = l),
+              ])) : y("", !0),
+              c("div", Be, [
+                g(A, {
+                  modelValue: B.value,
+                  "onUpdate:modelValue": e[1] || (e[1] = (l) => B.value = l),
                   placeholder: "输入手机号/工号/姓名/部门/职位搜索",
                   clearable: "",
                   onInput: de,
                   onClear: ce
                 }, {
                   "prefix-icon": b(() => [
-                    y(a, { name: "search" })
+                    g(a, { name: "search" })
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
               ])
-            ])) : k("", !0),
-            c("div", Oe, [
-              c("div", Re, [
-                H.value ? (o(), u("div", Ae, [
-                  c("div", Le, [
+            ])) : y("", !0),
+            c("div", De, [
+              c("div", Oe, [
+                H.value ? (n(), u("div", Re, [
+                  c("div", Ae, [
                     e[6] || (e[6] = c("span", null, "搜索结果", -1)),
-                    y(S, {
+                    g(U, {
                       size: "small",
                       variant: "text",
                       onClick: ce
@@ -272,48 +272,48 @@ const Te = { class: "cd-ps-container" }, Be = {
                       _: 1
                     })
                   ]),
-                  J.value ? (o(), u("div", Me, [
-                    y(T),
+                  J.value ? (n(), u("div", Le, [
+                    g(T),
                     e[7] || (e[7] = c("span", null, "搜索中...", -1))
-                  ])) : M.value.length === 0 ? (o(), u("div", Ee, [
-                    y(a, {
+                  ])) : M.value.length === 0 ? (n(), u("div", Me, [
+                    g(a, {
                       name: "search",
                       size: "48px",
                       style: { color: "#ddd" }
                     }),
                     e[8] || (e[8] = c("p", null, "未找到匹配的人员", -1))
-                  ])) : (o(), u("div", We, [
-                    (o(!0), u(F, null, q(M.value, (l) => (o(), u("div", {
+                  ])) : (n(), u("div", Ee, [
+                    (n(!0), u(F, null, q(M.value, (l) => (n(), u("div", {
                       key: l.id,
                       class: se(["cd-ps-result-item", { "cd-ps-selected": p.value.includes(l.id) }]),
                       onClick: (ae) => Ve(l)
                     }, [
-                      y(B, {
+                      g(P, {
                         checked: p.value.includes(l.id),
                         onClick: e[2] || (e[2] = _e(() => {
                         }, ["stop"]))
                       }, null, 8, ["checked"]),
-                      c("div", je, [
-                        y(a, { name: "user" })
+                      c("div", Je, [
+                        g(a, { name: "user" })
                       ]),
-                      c("div", Fe, [
-                        c("div", qe, m(l.displayName || l.name), 1),
-                        c("div", Ge, [
-                          l.position ? (o(), u("span", He, m(l.position), 1)) : k("", !0),
-                          l.department ? (o(), u("span", Qe, m(l.department), 1)) : k("", !0),
-                          l.phone ? (o(), u("span", Xe, m(l.phone), 1)) : k("", !0)
+                      c("div", je, [
+                        c("div", Fe, m(l.displayName || l.name), 1),
+                        c("div", qe, [
+                          l.position ? (n(), u("span", Ge, m(l.position), 1)) : y("", !0),
+                          l.department ? (n(), u("span", He, m(l.department), 1)) : y("", !0),
+                          l.phone ? (n(), u("span", Qe, m(l.phone), 1)) : y("", !0)
                         ])
                       ])
-                    ], 10, Je))), 128))
+                    ], 10, We))), 128))
                   ]))
-                ])) : (o(), O(Q, {
+                ])) : (n(), O(Q, {
                   key: 1,
-                  modelValue: z.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (l) => z.value = l),
+                  modelValue: w.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (l) => w.value = l),
                   onChange: f
                 }, {
                   default: b(() => [
-                    (o(!0), u(F, null, q(oe.value, (l) => (o(), O(j, {
+                    (n(!0), u(F, null, q(ne.value, (l) => (n(), O(j, {
                       key: l.key,
                       value: l.key,
                       label: l.name
@@ -321,51 +321,51 @@ const Te = { class: "cd-ps-container" }, Be = {
                       default: b(() => {
                         var ae;
                         return [
-                          c("div", Ye, [
-                            ((ae = R.value[l.key]) == null ? void 0 : ae.length) > 0 ? (o(), O(le, {
+                          c("div", Xe, [
+                            ((ae = R.value[l.key]) == null ? void 0 : ae.length) > 0 ? (n(), O(le, {
                               key: 0,
                               ref_for: !0,
-                              ref: (U) => s(l.key, U),
+                              ref: (S) => s(l.key, S),
                               data: R.value[l.key],
                               keys: { value: "id", label: "name", children: "children" },
                               hover: "",
                               checkable: "",
                               "expand-all": !1,
                               value: p.value,
-                              onChange: Se
+                              onChange: Ue
                             }, {
-                              label: b(({ node: U }) => {
+                              label: b(({ node: S }) => {
                                 var he;
                                 return [
                                   c("div", {
-                                    class: se(["cd-ps-node", { "cd-ps-node-user": U.data.isUser }])
+                                    class: se(["cd-ps-node", { "cd-ps-node-user": S.data.isUser }])
                                   }, [
-                                    y(a, {
-                                      name: U.data.isUser ? "user" : l.icon || "folder"
+                                    g(a, {
+                                      name: S.data.isUser ? "user" : l.icon || "folder"
                                     }, null, 8, ["name"]),
-                                    c("span", Ze, [
-                                      Y(m(U.label) + " ", 1),
-                                      U.data.isUser && U.data.position ? (o(), u("span", Ke, m(U.data.position), 1)) : k("", !0)
+                                    c("span", Ye, [
+                                      Y(m(S.label) + " ", 1),
+                                      S.data.isUser && S.data.position ? (n(), u("span", Ze, m(S.data.position), 1)) : y("", !0)
                                     ]),
-                                    U.data.userCount && !U.data.isUser ? (o(), u("span", et, "(" + m(U.data.userCount) + ")", 1)) : k("", !0),
-                                    !U.data.isUser && !((he = U.data.children) != null && he.length) && !U.data.loaded ? (o(), O(S, {
+                                    S.data.userCount && !S.data.isUser ? (n(), u("span", Ke, "(" + m(S.data.userCount) + ")", 1)) : y("", !0),
+                                    !S.data.isUser && !((he = S.data.children) != null && he.length) && !S.data.loaded ? (n(), O(U, {
                                       key: 1,
                                       size: "small",
                                       variant: "text",
                                       class: "cd-ps-load-btn",
-                                      onClick: _e((xt) => Ue(U, l.key), ["stop"])
+                                      onClick: _e((It) => Se(S, l.key), ["stop"])
                                     }, {
                                       default: b(() => [...e[9] || (e[9] = [
                                         Y("显示人员", -1)
                                       ])]),
                                       _: 1
-                                    }, 8, ["onClick"])) : k("", !0)
+                                    }, 8, ["onClick"])) : y("", !0)
                                   ], 2)
                                 ];
                               }),
                               _: 2
-                            }, 1032, ["data", "value"])) : (o(), u("div", tt, [
-                              y(a, {
+                            }, 1032, ["data", "value"])) : (n(), u("div", et, [
+                              g(a, {
                                 name: l.icon || "folder-open",
                                 size: "48px",
                                 style: { color: "#ddd" }
@@ -381,11 +381,11 @@ const Te = { class: "cd-ps-container" }, Be = {
                   _: 1
                 }, 8, ["modelValue"]))
               ]),
-              c("div", lt, [
-                c("div", at, [
+              c("div", tt, [
+                c("div", lt, [
                   e[12] || (e[12] = c("span", { class: "cd-ps-title" }, "已选择", -1)),
-                  c("span", st, m(d.value.length) + " 项", 1),
-                  d.value.length > 0 ? (o(), O(S, {
+                  c("span", at, m(d.value.length) + " 项", 1),
+                  d.value.length > 0 ? (n(), O(U, {
                     key: 0,
                     size: "small",
                     variant: "text",
@@ -395,47 +395,47 @@ const Te = { class: "cd-ps-container" }, Be = {
                       Y("清空", -1)
                     ])]),
                     _: 1
-                  })) : k("", !0)
+                  })) : y("", !0)
                 ]),
-                c("div", ot, [
-                  d.value.length === 0 ? (o(), u("div", nt, [
-                    y(a, {
+                c("div", st, [
+                  d.value.length === 0 ? (n(), u("div", nt, [
+                    g(a, {
                       name: "user-checked",
                       size: "64px",
                       style: { color: "#ddd" }
                     }),
                     e[13] || (e[13] = c("p", null, "暂无选择", -1))
-                  ])) : (o(), u("div", it, [
-                    (o(!0), u(F, null, q(d.value, (l) => (o(), u("div", {
+                  ])) : (n(), u("div", ot, [
+                    (n(!0), u(F, null, q(d.value, (l) => (n(), u("div", {
                       key: l.id,
                       class: se(["cd-ps-selected-item", { "cd-ps-dept-item": !l.isUser }])
                     }, [
-                      c("div", dt, [
+                      c("div", it, [
                         c("div", {
                           class: se(["cd-ps-avatar", { "cd-ps-avatar-dept": !l.isUser }])
                         }, [
-                          y(a, {
+                          g(a, {
                             name: l.isUser ? "user" : "folder"
                           }, null, 8, ["name"])
                         ], 2),
-                        c("div", ct, [
-                          c("div", ut, m(l.displayName || l.name), 1),
-                          c("div", rt, [
-                            l.isUser && l.position ? (o(), u("span", pt, m(l.position), 1)) : k("", !0),
-                            l.isUser && l.department ? (o(), u("span", vt, m(l.department), 1)) : k("", !0),
-                            l.isUser ? k("", !0) : (o(), u("span", ft, m(l.typeName || "部门"), 1)),
-                            !l.isUser && l.userCount ? (o(), u("span", mt, m(l.userCount) + "人", 1)) : k("", !0)
+                        c("div", dt, [
+                          c("div", ct, m(l.displayName || l.name), 1),
+                          c("div", ut, [
+                            l.isUser && l.position ? (n(), u("span", rt, m(l.position), 1)) : y("", !0),
+                            l.isUser && l.department ? (n(), u("span", pt, m(l.department), 1)) : y("", !0),
+                            l.isUser ? y("", !0) : (n(), u("span", vt, m(l.typeName || "部门"), 1)),
+                            !l.isUser && l.userCount ? (n(), u("span", ft, m(l.userCount) + "人", 1)) : y("", !0)
                           ])
                         ])
                       ]),
-                      y(S, {
+                      g(U, {
                         size: "small",
                         variant: "text",
                         shape: "circle",
                         onClick: (ae) => Ie(l.id)
                       }, {
                         icon: b(() => [
-                          y(a, { name: "close" })
+                          g(a, { name: "close" })
                         ]),
                         _: 1
                       }, 8, ["onClick"])
@@ -450,18 +450,18 @@ const Te = { class: "cd-ps-container" }, Be = {
       }, 8, ["visible", "width"]);
     };
   }
-}), ye = (h, G) => {
-  const V = h.__vccOpts || h;
+}), ye = (k, G) => {
+  const V = k.__vccOpts || k;
   for (const [i, x] of G)
     V[i] = x;
   return V;
-}, ke = /* @__PURE__ */ ye(ht, [["__scopeId", "data-v-1e0585c3"]]), _t = { class: "cd-input-select" }, gt = { class: "cd-input-select__option-content" }, yt = {
+}, ke = /* @__PURE__ */ ye(mt, [["__scopeId", "data-v-1e0585c3"]]), ht = { class: "cd-input-select" }, _t = { class: "cd-input-select__option-content" }, gt = {
   key: 0,
   class: "cd-input-select__option-avatar"
-}, kt = ["src", "alt"], bt = { class: "cd-input-select__option-info" }, Vt = { class: "cd-input-select__option-name" }, Ct = {
+}, yt = ["src", "alt"], kt = { class: "cd-input-select__option-info" }, bt = { class: "cd-input-select__option-name" }, Vt = {
   key: 0,
   class: "cd-input-select__option-desc"
-}, St = {
+}, Ct = {
   key: 2,
   class: "ri-building-line cd-input-select__option-icon"
 }, Ut = /* @__PURE__ */ ge({
@@ -472,12 +472,11 @@ const Te = { class: "cd-ps-container" }, Be = {
     multiple: { type: Boolean, default: !0 },
     placeholder: { default: "搜索用户、部门、职位" },
     tabs: {},
-    organizations: {},
-    showSelector: { type: Boolean, default: !0 }
+    organizations: {}
   },
   emits: ["update:modelValue", "search", "load-users"],
-  setup(h, { emit: G }) {
-    const V = h, i = G, x = _(!1), N = _([]), z = _(void 0), w = _(!1), $ = _([]), p = _([]), g = _(!1), W = L(() => {
+  setup(k, { emit: G }) {
+    const V = k, i = G, x = h(!1), N = h([]), w = h(void 0), z = h(!1), B = h([]), p = h([]), _ = h(!1), W = L(() => {
       const s = new Set(p.value.map((d) => d.id));
       return [
         ...p.value,
@@ -499,36 +498,36 @@ const Te = { class: "cd-ps-container" }, Be = {
         d = s.charCodeAt(C) + ((d << 5) - d);
       return r[Math.abs(d) % r.length];
     }, M = (s) => {
-      s && s.trim() ? (g.value = !0, x.value = !0, i("search", {
+      s && s.trim() ? (_.value = !0, x.value = !0, i("search", {
         keyword: s,
         callback: (r) => {
           N.value = r, x.value = !1;
         }
-      })) : (N.value = [], x.value = !1, g.value = !1);
-    }, oe = (s) => {
-      s && N.value.length === 0 && (g.value = !1);
+      })) : (N.value = [], x.value = !1, _.value = !1);
+    }, ne = (s) => {
+      s && N.value.length === 0 && (_.value = !1);
     }, Z = (s) => {
-      const r = Array.isArray(s) ? s : s ? [s] : [], d = V.modelValue.map((f) => f.id), C = r.filter((f) => !d.includes(f)), P = d.filter((f) => !r.includes(f));
+      const r = Array.isArray(s) ? s : s ? [s] : [], d = V.modelValue.map((f) => f.id), C = r.filter((f) => !d.includes(f)), $ = d.filter((f) => !r.includes(f));
       if (C.length > 0) {
-        const f = C.map((n) => W.value.find((de) => de.id === n)).filter(Boolean);
+        const f = C.map((o) => W.value.find((de) => de.id === o)).filter(Boolean);
         if (!V.multiple)
-          i("update:modelValue", f), p.value = f, N.value = [], g.value = !1;
+          i("update:modelValue", f), p.value = f, N.value = [], _.value = !1;
         else {
-          const n = [...V.modelValue, ...f];
-          i("update:modelValue", n), p.value = n;
+          const o = [...V.modelValue, ...f];
+          i("update:modelValue", o), p.value = o;
         }
       }
-      if (P.length > 0) {
-        const f = V.modelValue.filter((n) => !P.includes(n.id));
+      if ($.length > 0) {
+        const f = V.modelValue.filter((o) => !$.includes(o.id));
         i("update:modelValue", f), p.value = f;
       }
     }, K = (s) => {
       const r = V.modelValue.filter((d) => d.id !== s);
       i("update:modelValue", r), p.value = r;
     }, ee = (s) => {
-      s && typeof s.stopPropagation == "function" && s.stopPropagation(), s && typeof s.preventDefault == "function" && s.preventDefault(), g.value = !1, ne();
-    }, ne = () => {
-      w.value = !0;
+      s && typeof s.stopPropagation == "function" && s.stopPropagation(), s && typeof s.preventDefault == "function" && s.preventDefault(), _.value = !1, oe();
+    }, oe = () => {
+      z.value = !0;
     }, ie = (s) => {
       const r = s.map((d) => {
         const C = d.displayName || d.name || d.title || String(d.id);
@@ -545,10 +544,10 @@ const Te = { class: "cd-ps-container" }, Be = {
       if (!V.multiple)
         i("update:modelValue", r.slice(0, 1)), p.value = r.slice(0, 1);
       else {
-        const d = new Set(V.modelValue.map((f) => f.id)), C = r.filter((f) => !d.has(f.id)), P = [...V.modelValue, ...C];
-        i("update:modelValue", P), p.value = P;
+        const d = new Set(V.modelValue.map((f) => f.id)), C = r.filter((f) => !d.has(f.id)), $ = [...V.modelValue, ...C];
+        i("update:modelValue", $), p.value = $;
       }
-      w.value = !1;
+      z.value = !1;
     }, R = (s) => {
       i("load-users", s);
     }, te = (s) => {
@@ -558,126 +557,117 @@ const Te = { class: "cd-ps-container" }, Be = {
       });
     };
     return X(() => V.modelValue, (s) => {
-      V.multiple ? z.value = s.map((r) => r.id) : z.value = s.length > 0 ? s[0].id : void 0, $.value = s.map((r) => r.id), p.value = s;
+      V.multiple ? w.value = s.map((r) => r.id) : w.value = s.length > 0 ? s[0].id : void 0, B.value = s.map((r) => r.id), p.value = s;
     }, { immediate: !0, deep: !0 }), (s, r) => {
-      const d = I("t-icon"), C = I("t-tag"), P = I("t-option"), f = I("t-select");
-      return o(), u("div", _t, [
-        y(f, {
+      const d = I("t-icon"), C = I("t-tag"), $ = I("t-option"), f = I("t-select");
+      return n(), u("div", ht, [
+        g(f, {
           ref: "selectRef",
-          modelValue: z.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (n) => z.value = n),
-          multiple: h.multiple,
-          placeholder: h.placeholder,
+          modelValue: w.value,
+          "onUpdate:modelValue": r[0] || (r[0] = (o) => w.value = o),
+          multiple: k.multiple,
+          placeholder: k.placeholder,
           filterable: !0,
           filter: () => !0,
           loading: x.value,
           "reserve-keyword": !1,
           "allow-input": !0,
-          "popup-visible": g.value,
-          "onUpdate:popupVisible": r[1] || (r[1] = (n) => g.value = n),
+          "popup-visible": _.value,
+          "onUpdate:popupVisible": r[1] || (r[1] = (o) => _.value = o),
           size: "medium",
           class: "cd-input-select__select",
           onSearch: M,
           onChange: Z,
-          onPopupVisibleChange: oe
-        }, we({
+          onPopupVisibleChange: ne
+        }, {
+          suffix: b(() => [
+            g(d, {
+              name: "add-circle",
+              onClick: ee
+            })
+          ]),
           valueDisplay: b(() => [
-            (o(!0), u(F, null, q(p.value, (n) => (o(), O(C, {
-              key: n.id,
+            (n(!0), u(F, null, q(p.value, (o) => (n(), O(C, {
+              key: o.id,
               closable: "",
               size: "medium",
-              variant: n.isUser === !1 ? "outline" : "light",
-              theme: n.isUser === !1 ? "primary" : "default",
-              onClose: () => K(n.id),
+              variant: o.isUser === !1 ? "outline" : "light",
+              theme: o.isUser === !1 ? "primary" : "default",
+              onClose: () => K(o.id),
               class: "cd-input-select__tag"
             }, {
               default: b(() => [
-                Y(m(n.name), 1)
+                Y(m(o.name), 1)
               ]),
               _: 2
             }, 1032, ["variant", "theme", "onClose"]))), 128))
           ]),
+          suffixIcon: b(() => [
+            c("i", {
+              class: "ri-add-circle-line cd-input-select__add-icon",
+              onClick: ee
+            })
+          ]),
           default: b(() => [
-            (o(!0), u(F, null, q(W.value, (n) => (o(), O(P, {
-              key: n.id,
-              value: n.id,
-              label: n.name,
+            (n(!0), u(F, null, q(W.value, (o) => (n(), O($, {
+              key: o.id,
+              value: o.id,
+              label: o.name,
               class: "cd-input-select__option"
             }, {
               default: b(() => [
-                c("div", gt, [
-                  n.avatar ? (o(), u("div", yt, [
+                c("div", _t, [
+                  o.avatar ? (n(), u("div", gt, [
                     c("img", {
-                      src: n.avatar,
-                      alt: n.name
-                    }, null, 8, kt)
-                  ])) : (o(), u("div", {
+                      src: o.avatar,
+                      alt: o.name
+                    }, null, 8, yt)
+                  ])) : (n(), u("div", {
                     key: 1,
                     class: "cd-input-select__option-avatar cd-input-select__option-avatar--placeholder",
                     style: ze({
-                      backgroundColor: n.isUser === !1 ? "#e6f4ff" : J(n.name),
-                      color: n.isUser === !1 ? "#0052d9" : "#fff"
+                      backgroundColor: o.isUser === !1 ? "#e6f4ff" : J(o.name),
+                      color: o.isUser === !1 ? "#0052d9" : "#fff"
                     })
-                  }, m(H(n.name)), 5)),
-                  c("div", bt, [
-                    c("div", Vt, m(n.name), 1),
-                    n.department || n.position ? (o(), u("div", Ct, m(n.department) + m(n.department && n.position ? " · " : "") + m(n.position), 1)) : k("", !0)
+                  }, m(H(o.name)), 5)),
+                  c("div", kt, [
+                    c("div", bt, m(o.name), 1),
+                    o.department || o.position ? (n(), u("div", Vt, m(o.department) + m(o.department && o.position ? " · " : "") + m(o.position), 1)) : y("", !0)
                   ]),
-                  n.isUser === !1 ? (o(), u("i", St)) : k("", !0)
+                  o.isUser === !1 ? (n(), u("i", Ct)) : y("", !0)
                 ])
               ]),
               _: 2
             }, 1032, ["value", "label"]))), 128))
           ]),
-          _: 2
-        }, [
-          h.showSelector ? {
-            name: "suffix",
-            fn: b(() => [
-              y(d, {
-                name: "search",
-                onClick: ee
-              })
-            ]),
-            key: "0"
-          } : void 0,
-          h.showSelector ? {
-            name: "suffixIcon",
-            fn: b(() => [
-              c("i", {
-                class: "ri-add-circle-line cd-input-select__add-icon",
-                onClick: ee
-              })
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1032, ["modelValue", "multiple", "placeholder", "loading", "popup-visible"]),
-        h.tabs && h.tabs.length > 0 && w.value ? (o(), O(ke, {
+          _: 1
+        }, 8, ["modelValue", "multiple", "placeholder", "loading", "popup-visible"]),
+        k.tabs && k.tabs.length > 0 && z.value ? (n(), O(ke, {
           key: 0,
-          visible: w.value,
-          "onUpdate:visible": r[2] || (r[2] = (n) => w.value = n),
-          modelValue: $.value,
-          "onUpdate:modelValue": r[3] || (r[3] = (n) => $.value = n),
-          tabs: h.tabs,
-          organizations: h.organizations || [],
+          visible: z.value,
+          "onUpdate:visible": r[2] || (r[2] = (o) => z.value = o),
+          modelValue: B.value,
+          "onUpdate:modelValue": r[3] || (r[3] = (o) => B.value = o),
+          tabs: k.tabs,
+          organizations: k.organizations || [],
           "show-org": !1,
           "show-search": !0,
-          multiple: h.multiple,
+          multiple: k.multiple,
           tips: "选择要添加的人员",
           onConfirm: ie,
           onLoadUsers: R,
           onSearch: te
-        }, null, 8, ["visible", "modelValue", "tabs", "organizations", "multiple"])) : k("", !0)
+        }, null, 8, ["visible", "modelValue", "tabs", "organizations", "multiple"])) : y("", !0)
       ]);
     };
   }
-}), It = /* @__PURE__ */ ye(Ut, [["__scopeId", "data-v-3180b8c7"]]), wt = {
-  install(h) {
-    h.component("PersonSelector", ke), h.component("CdInputPersonSelector", It);
+}), St = /* @__PURE__ */ ye(Ut, [["__scopeId", "data-v-30a96740"]]), Nt = {
+  install(k) {
+    k.component("PersonSelector", ke), k.component("CdInputPersonSelector", St);
   }
 };
 export {
-  It as InputSelect,
+  St as InputSelect,
   ke as PersonSelector,
-  wt as default
+  Nt as default
 };

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

@@ -6,12 +6,10 @@ interface Props {
     placeholder?: string;
     tabs?: any[];
     organizations?: any[];
-    showSelector?: boolean;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     multiple: boolean;
     placeholder: string;
-    showSelector: boolean;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (users: import('./types').User[]) => void;
     search: (payload: {
@@ -26,7 +24,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     multiple: boolean;
     placeholder: string;
-    showSelector: boolean;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((users: import('./types').User[]) => any) | undefined;
     "onLoad-users"?: ((payload: {
@@ -41,7 +38,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     multiple: boolean;
     placeholder: string;
-    showSelector: 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-1e0585c3]{display:flex;flex-direction:column;gap:16px;min-height:500px}.cd-ps-tips[data-v-1e0585c3]{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-1e0585c3]{display:flex;gap:12px;align-items:center}.cd-ps-org-select[data-v-1e0585c3]{flex-shrink:0}.cd-ps-search-input[data-v-1e0585c3]{flex:1}.cd-ps-content[data-v-1e0585c3]{display:flex;gap:0;height:450px;border:1px solid #dfe1e6;border-radius:4px;overflow:hidden}.cd-ps-left[data-v-1e0585c3]{width:480px;flex-shrink:0;border-right:1px solid #dfe1e6;display:flex;flex-direction:column;background-color:#fafafa}.cd-ps-left[data-v-1e0585c3] .t-tabs__nav-container{padding:0 8px;background-color:#fff}.cd-ps-left[data-v-1e0585c3] .t-tabs__content{flex:1;overflow:hidden}.cd-ps-tree[data-v-1e0585c3]{height:100%;overflow-y:auto;padding:8px}.cd-ps-tree[data-v-1e0585c3]::-webkit-scrollbar{width:6px}.cd-ps-tree[data-v-1e0585c3]::-webkit-scrollbar-track{background:#f1f1f1}.cd-ps-tree[data-v-1e0585c3]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cd-ps-node[data-v-1e0585c3]{display:flex;align-items:center;gap:6px;font-size:14px;width:100%}.cd-ps-node-name[data-v-1e0585c3]{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.cd-ps-position[data-v-1e0585c3]{color:#0052d9;font-size:12px;padding:2px 8px;background:#e8f4ff;border-radius:4px;white-space:nowrap;flex-shrink:0}[data-v-1e0585c3] .t-tree__label{flex:1}[data-v-1e0585c3] .t-checkbox__label{width:100%}.cd-ps-node-user[data-v-1e0585c3]{font-size:13px;color:#666}.cd-ps-count[data-v-1e0585c3]{color:#999;font-size:12px}.cd-ps-load-btn[data-v-1e0585c3]{margin-left:auto;color:#0052d9;font-size:12px;flex-shrink:0}.cd-ps-empty[data-v-1e0585c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.cd-ps-empty p[data-v-1e0585c3]{margin-top:16px;font-size:14px}.cd-ps-search-results[data-v-1e0585c3]{display:flex;flex-direction:column;height:100%}.cd-ps-search-header[data-v-1e0585c3]{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-1e0585c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#999}.cd-ps-result-list[data-v-1e0585c3]{flex:1;overflow-y:auto;padding:8px}.cd-ps-result-item[data-v-1e0585c3]{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-1e0585c3]:hover{border-color:#0052d9;background:#f0f5ff}.cd-ps-result-item.cd-ps-selected[data-v-1e0585c3]{border-color:#0052d9;background:#e8f4ff}.cd-ps-avatar[data-v-1e0585c3]{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-1e0585c3]{width:36px;height:36px}.cd-ps-avatar-dept[data-v-1e0585c3]{background:linear-gradient(135deg,#f5af19,#f12711)}.cd-ps-info[data-v-1e0585c3]{flex:1;min-width:0}.cd-ps-name[data-v-1e0585c3]{font-size:13px;font-weight:500;color:#333;margin-bottom:4px}.cd-ps-result-item .cd-ps-name[data-v-1e0585c3]{font-size:14px}.cd-ps-meta[data-v-1e0585c3]{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#999}.cd-ps-result-item .cd-ps-meta[data-v-1e0585c3]{font-size:12px}.cd-ps-meta span[data-v-1e0585c3]:before{content:"•";margin-right:4px}.cd-ps-meta span[data-v-1e0585c3]:first-child:before{display:none}.cd-ps-right[data-v-1e0585c3]{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fafafa}.cd-ps-right-header[data-v-1e0585c3]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #dfe1e6;background-color:#fff}.cd-ps-title[data-v-1e0585c3]{font-weight:500;font-size:14px;color:#333}.cd-ps-num[data-v-1e0585c3]{font-size:13px;color:#0052d9;font-weight:600;margin-left:8px;flex:1}.cd-ps-right-list[data-v-1e0585c3]{flex:1;overflow-y:auto;padding:8px}.cd-ps-right-list[data-v-1e0585c3]::-webkit-scrollbar{width:6px}.cd-ps-right-list[data-v-1e0585c3]::-webkit-scrollbar-track{background:#f1f1f1}.cd-ps-right-list[data-v-1e0585c3]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cd-ps-selected-list[data-v-1e0585c3]{display:flex;flex-direction:column;gap:8px}.cd-ps-selected-item[data-v-1e0585c3]{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-1e0585c3]:hover{border-color:#0052d9;box-shadow:0 2px 4px #0052d91a}.cd-ps-dept-item[data-v-1e0585c3]{border-color:#f5af19}.cd-ps-item-info[data-v-1e0585c3]{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.cd-input-select[data-v-3180b8c7]{position:relative;width:100%}.cd-input-select__select[data-v-3180b8c7]{width:100%}.cd-input-select__add-icon[data-v-3180b8c7]{font-size:20px;color:var(--td-brand-color, #0052d9);cursor:pointer;transition:all .2s;flex-shrink:0}.cd-input-select__add-icon[data-v-3180b8c7]:hover{color:var(--td-brand-color-hover, #004BBD);transform:scale(1.1)}.cd-input-select__select[data-v-3180b8c7] .t-input{min-height:32px;height:auto;padding:0!important;display:flex;align-items:flex-start}.cd-input-select__select[data-v-3180b8c7] .t-input__wrap{min-height:32px;padding:2px 8px;display:flex;align-items:flex-start;flex-wrap:nowrap!important}.cd-input-select__select[data-v-3180b8c7] .t-input__prefix{margin-left:5px}.cd-input-select__select[data-v-3180b8c7] .t-input__suffix{display:flex;align-items:center;flex-shrink:0;margin:0 10px;padding-top:8px}.cd-input-select__select[data-v-3180b8c7] .t-input__inner{min-height:28px;line-height:28px}.cd-input-select__select[data-v-3180b8c7] .t-select__suffix{display:flex;align-items:center;flex-shrink:0}.cd-input-select__select[data-v-3180b8c7] .t-select__suffix-icon{display:flex;align-items:center;flex-shrink:0;margin-left:4px}.cd-input-select__select[data-v-3180b8c7] .t-select__dropdown{width:100%!important}.cd-input-select__select[data-v-3180b8c7] .t-tag-input{min-height:32px;padding:2px 8px;display:flex;flex-wrap:nowrap!important;align-items:flex-start}.cd-input-select__select[data-v-3180b8c7] .t-tag-input__suffix{display:flex;flex-shrink:0;margin-left:8px;padding-top:6px}.cd-input-select[data-v-3180b8c7] .t-select__dropdown .t-select-option .t-checkbox{width:100%!important;height:auto!important;padding:0!important;margin:0!important;display:flex!important;align-items:stretch!important}.cd-input-select[data-v-3180b8c7] .t-select__dropdown .t-select-option .t-checkbox__label{width:100%!important;height:auto!important;padding:0!important;display:flex!important;align-items:center!important}.cd-input-select[data-v-3180b8c7] .t-select__dropdown .t-select-option .t-checkbox__input{align-self:center!important;margin-right:8px!important}.t-select-option[data-v-3180b8c7]{height:auto!important;min-height:auto!important;padding:0!important;align-items:stretch!important}.cd-input-select__option{height:auto!important;min-height:auto!important}.cd-input-select__option-content{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;min-height:56px;box-sizing:border-box}.cd-input-select__option-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.cd-input-select__option-avatar img{width:100%;height:100%;object-fit:cover}.cd-input-select__option-avatar--placeholder{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.cd-input-select__option-info{flex:1;min-width:0}.cd-input-select__option-name{font-size:14px;font-weight:500;color:var(--td-text-color-primary, #262626);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-input-select__option-desc{font-size:12px;color:var(--td-text-color-secondary, #8c8c8c);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-input-select__option-icon{font-size:18px;color:var(--td-brand-color, #0052d9);flex-shrink:0}
+.cd-ps-container[data-v-1e0585c3]{display:flex;flex-direction:column;gap:16px;min-height:500px}.cd-ps-tips[data-v-1e0585c3]{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-1e0585c3]{display:flex;gap:12px;align-items:center}.cd-ps-org-select[data-v-1e0585c3]{flex-shrink:0}.cd-ps-search-input[data-v-1e0585c3]{flex:1}.cd-ps-content[data-v-1e0585c3]{display:flex;gap:0;height:450px;border:1px solid #dfe1e6;border-radius:4px;overflow:hidden}.cd-ps-left[data-v-1e0585c3]{width:480px;flex-shrink:0;border-right:1px solid #dfe1e6;display:flex;flex-direction:column;background-color:#fafafa}.cd-ps-left[data-v-1e0585c3] .t-tabs__nav-container{padding:0 8px;background-color:#fff}.cd-ps-left[data-v-1e0585c3] .t-tabs__content{flex:1;overflow:hidden}.cd-ps-tree[data-v-1e0585c3]{height:100%;overflow-y:auto;padding:8px}.cd-ps-tree[data-v-1e0585c3]::-webkit-scrollbar{width:6px}.cd-ps-tree[data-v-1e0585c3]::-webkit-scrollbar-track{background:#f1f1f1}.cd-ps-tree[data-v-1e0585c3]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cd-ps-node[data-v-1e0585c3]{display:flex;align-items:center;gap:6px;font-size:14px;width:100%}.cd-ps-node-name[data-v-1e0585c3]{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.cd-ps-position[data-v-1e0585c3]{color:#0052d9;font-size:12px;padding:2px 8px;background:#e8f4ff;border-radius:4px;white-space:nowrap;flex-shrink:0}[data-v-1e0585c3] .t-tree__label{flex:1}[data-v-1e0585c3] .t-checkbox__label{width:100%}.cd-ps-node-user[data-v-1e0585c3]{font-size:13px;color:#666}.cd-ps-count[data-v-1e0585c3]{color:#999;font-size:12px}.cd-ps-load-btn[data-v-1e0585c3]{margin-left:auto;color:#0052d9;font-size:12px;flex-shrink:0}.cd-ps-empty[data-v-1e0585c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.cd-ps-empty p[data-v-1e0585c3]{margin-top:16px;font-size:14px}.cd-ps-search-results[data-v-1e0585c3]{display:flex;flex-direction:column;height:100%}.cd-ps-search-header[data-v-1e0585c3]{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-1e0585c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#999}.cd-ps-result-list[data-v-1e0585c3]{flex:1;overflow-y:auto;padding:8px}.cd-ps-result-item[data-v-1e0585c3]{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-1e0585c3]:hover{border-color:#0052d9;background:#f0f5ff}.cd-ps-result-item.cd-ps-selected[data-v-1e0585c3]{border-color:#0052d9;background:#e8f4ff}.cd-ps-avatar[data-v-1e0585c3]{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-1e0585c3]{width:36px;height:36px}.cd-ps-avatar-dept[data-v-1e0585c3]{background:linear-gradient(135deg,#f5af19,#f12711)}.cd-ps-info[data-v-1e0585c3]{flex:1;min-width:0}.cd-ps-name[data-v-1e0585c3]{font-size:13px;font-weight:500;color:#333;margin-bottom:4px}.cd-ps-result-item .cd-ps-name[data-v-1e0585c3]{font-size:14px}.cd-ps-meta[data-v-1e0585c3]{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#999}.cd-ps-result-item .cd-ps-meta[data-v-1e0585c3]{font-size:12px}.cd-ps-meta span[data-v-1e0585c3]:before{content:"•";margin-right:4px}.cd-ps-meta span[data-v-1e0585c3]:first-child:before{display:none}.cd-ps-right[data-v-1e0585c3]{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fafafa}.cd-ps-right-header[data-v-1e0585c3]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #dfe1e6;background-color:#fff}.cd-ps-title[data-v-1e0585c3]{font-weight:500;font-size:14px;color:#333}.cd-ps-num[data-v-1e0585c3]{font-size:13px;color:#0052d9;font-weight:600;margin-left:8px;flex:1}.cd-ps-right-list[data-v-1e0585c3]{flex:1;overflow-y:auto;padding:8px}.cd-ps-right-list[data-v-1e0585c3]::-webkit-scrollbar{width:6px}.cd-ps-right-list[data-v-1e0585c3]::-webkit-scrollbar-track{background:#f1f1f1}.cd-ps-right-list[data-v-1e0585c3]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cd-ps-selected-list[data-v-1e0585c3]{display:flex;flex-direction:column;gap:8px}.cd-ps-selected-item[data-v-1e0585c3]{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-1e0585c3]:hover{border-color:#0052d9;box-shadow:0 2px 4px #0052d91a}.cd-ps-dept-item[data-v-1e0585c3]{border-color:#f5af19}.cd-ps-item-info[data-v-1e0585c3]{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.cd-input-select[data-v-30a96740]{position:relative;width:100%}.cd-input-select__select[data-v-30a96740]{width:100%}.cd-input-select__add-icon[data-v-30a96740]{font-size:20px;color:var(--td-brand-color, #0052d9);cursor:pointer;transition:all .2s;flex-shrink:0}.cd-input-select__add-icon[data-v-30a96740]:hover{color:var(--td-brand-color-hover, #004BBD);transform:scale(1.1)}.cd-input-select__select[data-v-30a96740] .t-input{min-height:32px;height:auto;padding:0!important;display:flex;align-items:flex-start}.cd-input-select__select[data-v-30a96740] .t-input__wrap{min-height:32px;padding:2px 8px;display:flex;align-items:flex-start;flex-wrap:nowrap!important}.cd-input-select__select[data-v-30a96740] .t-input__prefix{margin-left:5px}.cd-input-select__select[data-v-30a96740] .t-input__suffix{display:flex;align-items:center;flex-shrink:0;padding-top:8px}.cd-input-select__select[data-v-30a96740] .t-input__inner{min-height:28px;line-height:28px}.cd-input-select__select[data-v-30a96740] .t-select__suffix{display:flex;align-items:center;flex-shrink:0}.cd-input-select__select[data-v-30a96740] .t-select__suffix-icon{display:flex;align-items:center;flex-shrink:0;margin-left:4px}.cd-input-select__select[data-v-30a96740] .t-select__dropdown{width:100%!important}.cd-input-select__select[data-v-30a96740] .t-tag-input{min-height:32px;padding:2px 8px;display:flex;flex-wrap:nowrap!important;align-items:flex-start}.cd-input-select__select[data-v-30a96740] .t-tag-input__suffix{display:flex;flex-shrink:0;margin-left:8px;padding-top:6px}.cd-input-select[data-v-30a96740] .t-select__dropdown .t-select-option .t-checkbox{width:100%!important;height:auto!important;padding:0!important;margin:0!important;display:flex!important;align-items:stretch!important}.cd-input-select[data-v-30a96740] .t-select__dropdown .t-select-option .t-checkbox__label{width:100%!important;height:auto!important;padding:0!important;display:flex!important;align-items:center!important}.cd-input-select[data-v-30a96740] .t-select__dropdown .t-select-option .t-checkbox__input{align-self:center!important;margin-right:8px!important}.t-select-option[data-v-30a96740]{height:auto!important;min-height:auto!important;padding:0!important;align-items:stretch!important}.cd-input-select__option{height:auto!important;min-height:auto!important}.cd-input-select__option-content{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;min-height:56px;box-sizing:border-box}.cd-input-select__option-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.cd-input-select__option-avatar img{width:100%;height:100%;object-fit:cover}.cd-input-select__option-avatar--placeholder{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.cd-input-select__option-info{flex:1;min-width:0}.cd-input-select__option-name{font-size:14px;font-weight:500;color:var(--td-text-color-primary, #262626);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-input-select__option-desc{font-size:12px;color:var(--td-text-color-secondary, #8c8c8c);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-input-select__option-icon{font-size:18px;color:var(--td-brand-color, #0052d9);flex-shrink:0}

package/package.json

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

package/src/InputSelect.vue

@@ -4,8 +4,8 @@
             :filterable="true" :filter="() => true" :loading="searchLoading" :reserve-keyword="false"
             :allow-input="true" v-model:popup-visible="popupVisible" size="medium" class="cd-input-select__select"
             @search="handleSearchInput" @change="handleSelectChange" @popup-visible-change="handleVisibleChange">
-            <template #suffix v-if="showSelector">
-                <t-icon name="search" @click="handleIconClick" />
+            <template #suffix>
+                <t-icon name="add-circle" @click="handleIconClick" />
             </template>
             <template #valueDisplay>
                 <t-tag v-for="user in selectedOptions" :key="user.id" closable size="medium"
@@ -38,7 +38,7 @@
                     <i v-if="result.isUser === false" class="ri-building-line cd-input-select__option-icon"></i>
                 </div>
             </t-option>
-            <template #suffixIcon v-if="showSelector">
+            <template #suffixIcon >
                 <i class="ri-add-circle-line cd-input-select__add-icon" @click="handleIconClick"></i>
             </template>
         </t-select>
@@ -59,12 +59,10 @@ interface Props {
     placeholder?: string;
     tabs?: any[];
     organizations?: any[];
-    showSelector?: boolean; // 是否显示人员选择器按钮
 }
 const props = withDefaults(defineProps<Props>(), {
     multiple: true,
     placeholder: '搜索用户、部门、职位',
-    showSelector: true, // 默认显示
 });
 const emit = defineEmits<{
     (e: 'update:modelValue', users: UserItem[]): void;
@@ -258,7 +256,6 @@ watch(() => props.modelValue, (newUsers) => {
         display: flex;
         align-items: center;
         flex-shrink: 0;
-        margin:0 10px;
         padding-top: 8px;
     }
     :deep(.t-input__inner) {