cd-personselector 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.mjs +40 -38
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
  5. package/src/PersonSelector.vue +10 -4
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- (function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.CdPersonSelector={},f.Vue))})(this,function(f,e){"use strict";const q={class:"cd-ps-container"},A={key:0,class:"cd-ps-tips"},G={key:1,class:"cd-ps-search"},H={key:0,class:"cd-ps-org-select"},Q={class:"cd-ps-search-input"},X={class:"cd-ps-content"},Y={class:"cd-ps-left"},Z={key:0,class:"cd-ps-search-results"},K={class:"cd-ps-search-header"},v={key:0,class:"cd-ps-loading"},ee={key:1,class:"cd-ps-empty"},te={key:2,class:"cd-ps-result-list"},oe=["onClick"],le={class:"cd-ps-avatar"},ne={class:"cd-ps-info"},se={class:"cd-ps-name"},ae={class:"cd-ps-meta"},ce={key:0},de={key:1},re={key:2},ie={class:"cd-ps-tree"},pe={key:0,class:"cd-ps-count"},me={key:1,class:"cd-ps-empty"},fe={class:"cd-ps-right"},ke={class:"cd-ps-right-header"},he={class:"cd-ps-num"},_e={class:"cd-ps-right-list"},ye={key:0,class:"cd-ps-empty"},Ne={key:1,class:"cd-ps-selected-list"},Ve={class:"cd-ps-item-info"},Ce={class:"cd-ps-info"},Be={class:"cd-ps-name"},ue={class:"cd-ps-meta"},ge={key:0},Ee={key:1},Se={key:2},xe={key:3},R=((y,w)=>{const x=y.__vccOpts||y;for(const[d,k]of w)x[d]=k;return x})(e.defineComponent({__name:"PersonSelector",props:{visible:{type:Boolean,default:!1},tabs:{default:()=>[]},organizations:{default:()=>[]},modelValue:{default:()=>[]},dialogWidth:{default:"900px"},tips:{default:""},showSearch:{type:Boolean,default:!0}},emits:["update:visible","update:modelValue","confirm","load-users","search"],setup(y,{expose:w,emit:x}){var $,j;const d=y,k=x,N=e.ref(d.visible),V=e.ref(((j=($=d.tabs)==null?void 0:$[0])==null?void 0:j.key)||""),g=e.ref(null),C=e.ref(""),a=e.ref([]),D=e.ref({}),T=e.ref(!1),b=e.ref(!1),B=e.ref([]),Ue=e.computed(()=>d.tabs||[]),L=e.computed(()=>d.organizations||[]),M=e.computed(()=>d.tips||""),we=e.computed(()=>d.showSearch),De=e.computed(()=>d.dialogWidth),h=e.ref({});e.watch(()=>d.tabs,n=>{if(n&&n.length>0){const t={};n.forEach(l=>{t[l.key]=JSON.parse(JSON.stringify(l.tree))}),h.value=t,(!V.value||!n.find(l=>l.key===V.value))&&(V.value=n[0].key)}},{immediate:!0,deep:!0}),e.watch(()=>d.visible,n=>{N.value=n,n&&(a.value=d.modelValue?[...d.modelValue]:[],d.organizations.length>0&&!g.value&&(g.value=d.organizations[0].id))}),e.watch(N,n=>{k("update:visible",n)});function Te(n,t){t&&(D.value[n]=t)}function z(n,t){for(const l of n){if(l.id===t)return l;if(l.children){const s=z(l.children,t);if(s)return s}}return null}const E=e.computed(()=>{const n=[];return a.value.forEach(t=>{const l=B.value.find(s=>s.id===t);if(l){n.push({...l,typeName:"搜索结果"});return}for(const s of d.tabs){const i=h.value[s.key]||[],p=z(i,t);if(p){n.push({...p,typeName:s.name});break}}}),n}),ze=()=>{C.value=""},Ie=()=>{};let u=null;const Pe=()=>{if(u&&clearTimeout(u),!C.value.trim()){I();return}T.value=!0,b.value=!0,u=setTimeout(()=>Oe(),300)},Oe=()=>{B.value=[];const n=t=>{B.value=t.map(l=>({...l,isUser:!0})),b.value=!1};k("search",{keyword:C.value,orgId:g.value||void 0,callback:n})},I=()=>{u&&(clearTimeout(u),u=null),T.value=!1,C.value="",B.value=[],b.value=!1},Re=n=>{const t=a.value.indexOf(n.id);t>-1?a.value.splice(t,1):a.value.push(n.id)};function Le(n){const t=[],l=s=>{for(const i of s)t.push(i.id),i.children&&l(i.children)};return l(n),t}const Me=(n,t)=>{var r;const l=t==null?void 0:t.node;if(l){const c=l.value??((r=l.data)==null?void 0:r.id);if(c!==void 0){n.includes(c)?a.value.includes(c)||(a.value=[...a.value,c]):a.value=a.value.filter(S=>S!==c);return}}const s=h.value[V.value]||[],i=Le(s),p=a.value.filter(c=>!i.includes(c));a.value=[...p,...n]};function F(n,t,l){for(const s of n){if(s.id===t)return s.children=s.children||[],s.children.push(...l),s.loaded=!0,!0;if(s.children&&F(s.children,t,l))return!0}return!1}async function Fe(n,t){const l=n.value,s=D.value[t];k("load-users",{tabKey:t,nodeId:l,node:n,callback:async p=>{if(p.length>0){const r=p.map(_=>{const{id:S,name:P,...O}=_;return{...O,id:S,name:_.displayName||P,isUser:!0}}),c=h.value[t];if(c&&F(c,l,r),s){s.appendTo(l,r),n.data.loaded=!0,await e.nextTick();try{s.setItem(l,{expanded:!0})}catch{}}}else{n.data.loaded=!0;const r=h.value[t];if(r){const c=z(r,l);c&&(c.loaded=!0)}}}})}const We=n=>{a.value=a.value.filter(t=>t!==n)},W=()=>{a.value=[]},$e=()=>{k("update:modelValue",a.value),k("confirm",E.value),N.value=!1},je=()=>{N.value=!1};return w({clearSelection:W,appendUsers:(n,t,l)=>{const s=D.value[n];if(s&&l.length>0){const i=l.map(p=>{const{id:r,name:c,..._}=p;return{..._,id:r,name:p.displayName||c,isUser:!0}});s.appendTo(t,i)}}}),(n,t)=>{const l=e.resolveComponent("t-icon"),s=e.resolveComponent("t-option"),i=e.resolveComponent("t-select"),p=e.resolveComponent("t-input"),r=e.resolveComponent("t-button"),c=e.resolveComponent("t-loading"),_=e.resolveComponent("t-checkbox"),S=e.resolveComponent("t-tree"),P=e.resolveComponent("t-tab-panel"),O=e.resolveComponent("t-tabs"),Je=e.resolveComponent("t-dialog");return e.openBlock(),e.createBlock(Je,{visible:N.value,"onUpdate:visible":t[4]||(t[4]=o=>N.value=o),header:"选择人员",width:De.value,footer:!0,"destroy-on-close":"",onConfirm:$e,onClose:je},{default:e.withCtx(()=>[e.createElementVNode("div",q,[M.value?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(l,{name:"info-circle"}),e.createElementVNode("span",null,e.toDisplayString(M.value),1)])):e.createCommentVNode("",!0),we.value?(e.openBlock(),e.createElementBlock("div",G,[L.value.length>0?(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(i,{modelValue:g.value,"onUpdate:modelValue":t[0]||(t[0]=o=>g.value=o),placeholder:"选择组织",style:{width:"200px"},onChange:Ie},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,o=>(e.openBlock(),e.createBlock(s,{key:o.id,value:o.id,label:o.displayName||o.name},null,8,["value","label"]))),128))]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[e.createVNode(p,{modelValue:C.value,"onUpdate:modelValue":t[1]||(t[1]=o=>C.value=o),placeholder:"搜索",clearable:"",onInput:Pe,onClear:I},{"prefix-icon":e.withCtx(()=>[e.createVNode(l,{name:"search"})]),_:1},8,["modelValue"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",X,[e.createElementVNode("div",Y,[T.value?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("div",K,[t[6]||(t[6]=e.createElementVNode("span",null,"搜索结果",-1)),e.createVNode(r,{size:"small",variant:"text",onClick:I},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("返回",-1)])]),_:1})]),b.value?(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(c),t[7]||(t[7]=e.createElementVNode("span",null,"搜索中...",-1))])):B.value.length===0?(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(l,{name:"search",size:"48px",style:{color:"#ddd"}}),t[8]||(t[8]=e.createElementVNode("p",null,"未找到匹配的人员",-1))])):(e.openBlock(),e.createElementBlock("div",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["cd-ps-result-item",{"cd-ps-selected":a.value.includes(o.id)}]),onClick:U=>Re(o)},[e.createVNode(_,{checked:a.value.includes(o.id),onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},null,8,["checked"]),e.createElementVNode("div",le,[e.createVNode(l,{name:"user"})]),e.createElementVNode("div",ne,[e.createElementVNode("div",se,e.toDisplayString(o.displayName||o.name),1),e.createElementVNode("div",ae,[o.position?(e.openBlock(),e.createElementBlock("span",ce,e.toDisplayString(o.position),1)):e.createCommentVNode("",!0),o.department?(e.openBlock(),e.createElementBlock("span",de,e.toDisplayString(o.department),1)):e.createCommentVNode("",!0),o.phone?(e.openBlock(),e.createElementBlock("span",re,e.toDisplayString(o.phone),1)):e.createCommentVNode("",!0)])])],10,oe))),128))]))])):(e.openBlock(),e.createBlock(O,{key:1,modelValue:V.value,"onUpdate:modelValue":t[3]||(t[3]=o=>V.value=o),onChange:ze},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ue.value,o=>(e.openBlock(),e.createBlock(P,{key:o.key,value:o.key,label:o.name},{default:e.withCtx(()=>{var U;return[e.createElementVNode("div",ie,[((U=h.value[o.key])==null?void 0:U.length)>0?(e.openBlock(),e.createBlock(S,{key:0,ref_for:!0,ref:m=>Te(o.key,m),data:h.value[o.key],keys:{value:"id",label:"name",children:"children"},hover:"",checkable:"","expand-all":!1,value:a.value,onChange:Me},{label:e.withCtx(({node:m})=>{var J;return[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-node",{"cd-ps-node-user":m.data.isUser}])},[e.createVNode(l,{name:m.data.isUser?"user":o.icon||"folder"},null,8,["name"]),e.createElementVNode("span",null,e.toDisplayString(m.label),1),m.data.userCount&&!m.data.isUser?(e.openBlock(),e.createElementBlock("span",pe,"("+e.toDisplayString(m.data.userCount)+")",1)):e.createCommentVNode("",!0),!m.data.isUser&&!((J=m.data.children)!=null&&J.length)&&!m.data.loaded?(e.openBlock(),e.createBlock(r,{key:1,size:"small",variant:"text",class:"cd-ps-load-btn",onClick:e.withModifiers(Ge=>Fe(m,o.key),["stop"])},{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode("显示人员",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0)],2)]}),_:2},1032,["data","value"])):(e.openBlock(),e.createElementBlock("div",me,[e.createVNode(l,{name:o.icon||"folder-open",size:"48px",style:{color:"#ddd"}},null,8,["name"]),t[10]||(t[10]=e.createElementVNode("p",null,"暂无数据",-1))]))])]}),_:2},1032,["value","label"]))),128))]),_:1},8,["modelValue"]))]),e.createElementVNode("div",fe,[e.createElementVNode("div",ke,[t[12]||(t[12]=e.createElementVNode("span",{class:"cd-ps-title"},"已选择",-1)),e.createElementVNode("span",he,e.toDisplayString(E.value.length)+" 项",1),E.value.length>0?(e.openBlock(),e.createBlock(r,{key:0,size:"small",variant:"text",onClick:W},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",_e,[E.value.length===0?(e.openBlock(),e.createElementBlock("div",ye,[e.createVNode(l,{name:"user-checked",size:"64px",style:{color:"#ddd"}}),t[13]||(t[13]=e.createElementVNode("p",null,"暂无选择",-1))])):(e.openBlock(),e.createElementBlock("div",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["cd-ps-selected-item",{"cd-ps-dept-item":!o.isUser}])},[e.createElementVNode("div",Ve,[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-avatar",{"cd-ps-avatar-dept":!o.isUser}])},[e.createVNode(l,{name:o.isUser?"user":"folder"},null,8,["name"])],2),e.createElementVNode("div",Ce,[e.createElementVNode("div",Be,e.toDisplayString(o.displayName||o.name),1),e.createElementVNode("div",ue,[o.isUser&&o.position?(e.openBlock(),e.createElementBlock("span",ge,e.toDisplayString(o.position),1)):e.createCommentVNode("",!0),o.isUser&&o.department?(e.openBlock(),e.createElementBlock("span",Ee,e.toDisplayString(o.department),1)):e.createCommentVNode("",!0),o.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Se,e.toDisplayString(o.typeName||"部门"),1)),!o.isUser&&o.userCount?(e.openBlock(),e.createElementBlock("span",xe,e.toDisplayString(o.userCount)+"人",1)):e.createCommentVNode("",!0)])])]),e.createVNode(r,{size:"small",variant:"text",shape:"circle",onClick:U=>We(o.id)},{icon:e.withCtx(()=>[e.createVNode(l,{name:"close"})]),_:1},8,["onClick"])],2))),128))]))])])])])]),_:1},8,["visible","width"])}}}),[["__scopeId","data-v-b51aed83"]]),be={install(y){y.component("PersonSelector",R)}};f.PersonSelector=R,f.default=be,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1
+ (function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.CdPersonSelector={},f.Vue))})(this,function(f,e){"use strict";const q={class:"cd-ps-container"},A={key:0,class:"cd-ps-tips"},G={key:1,class:"cd-ps-search"},H={key:0,class:"cd-ps-org-select"},Q={class:"cd-ps-search-input"},X={class:"cd-ps-content"},Y={class:"cd-ps-left"},Z={key:0,class:"cd-ps-search-results"},K={class:"cd-ps-search-header"},v={key:0,class:"cd-ps-loading"},ee={key:1,class:"cd-ps-empty"},te={key:2,class:"cd-ps-result-list"},oe=["onClick"],le={class:"cd-ps-avatar"},ne={class:"cd-ps-info"},se={class:"cd-ps-name"},ae={class:"cd-ps-meta"},ce={key:0},de={key:1},re={key:2},ie={class:"cd-ps-tree"},pe={key:0,class:"cd-ps-count"},me={key:1,class:"cd-ps-empty"},fe={class:"cd-ps-right"},ke={class:"cd-ps-right-header"},he={class:"cd-ps-num"},_e={class:"cd-ps-right-list"},ye={key:0,class:"cd-ps-empty"},Ne={key:1,class:"cd-ps-selected-list"},Ve={class:"cd-ps-item-info"},Ce={class:"cd-ps-info"},Be={class:"cd-ps-name"},ue={class:"cd-ps-meta"},ge={key:0},Ee={key:1},Se={key:2},xe={key:3},R=((y,w)=>{const x=y.__vccOpts||y;for(const[d,k]of w)x[d]=k;return x})(e.defineComponent({__name:"PersonSelector",props:{visible:{type:Boolean,default:!1},tabs:{default:()=>[]},organizations:{default:()=>[]},modelValue:{default:()=>[]},dialogWidth:{default:"900px"},tips:{default:""},showSearch:{type:Boolean,default:!0}},emits:["update:visible","update:modelValue","confirm","load-users","search"],setup(y,{expose:w,emit:x}){var $,j;const d=y,k=x,N=e.ref(d.visible),V=e.ref(((j=($=d.tabs)==null?void 0:$[0])==null?void 0:j.key)||""),g=e.ref(null),C=e.ref(""),a=e.ref([]),D=e.ref({}),T=e.ref(!1),b=e.ref(!1),B=e.ref([]),Ue=e.computed(()=>d.tabs||[]),L=e.computed(()=>d.organizations||[]),M=e.computed(()=>d.tips||""),we=e.computed(()=>d.showSearch),De=e.computed(()=>d.dialogWidth),h=e.ref({});e.watch(()=>d.tabs,n=>{if(n&&n.length>0){const t={};n.forEach(l=>{t[l.key]=JSON.parse(JSON.stringify(l.tree))}),h.value=t,(!V.value||!n.find(l=>l.key===V.value))&&(V.value=n[0].key)}},{immediate:!0,deep:!0}),e.watch(()=>d.visible,n=>{N.value=n,n&&(a.value=d.modelValue?[...d.modelValue]:[],d.organizations.length>0&&!g.value&&(g.value=d.organizations[0].id))}),e.watch(N,n=>{k("update:visible",n)});function Te(n,t){t&&(D.value[n]=t)}function z(n,t){for(const l of n){if(l.id===t)return l;if(l.children){const s=z(l.children,t);if(s)return s}}return null}const E=e.computed(()=>{const n=[];return a.value.forEach(t=>{const l=B.value.find(s=>s.id===t);if(l){n.push({...l,typeName:"搜索结果"});return}for(const s of d.tabs){const i=h.value[s.key]||[],p=z(i,t);if(p){const c=s.name.replace(/^按/,"");n.push({...p,typeName:c});break}}}),n}),ze=()=>{C.value=""},Ie=()=>{};let u=null;const Pe=()=>{if(u&&clearTimeout(u),!C.value.trim()){I();return}T.value=!0,b.value=!0,u=setTimeout(()=>Oe(),300)},Oe=()=>{B.value=[];const n=t=>{B.value=t.map(l=>({...l,isUser:!0})),b.value=!1};k("search",{keyword:C.value,orgId:g.value||void 0,callback:n})},I=()=>{u&&(clearTimeout(u),u=null),T.value=!1,C.value="",B.value=[],b.value=!1},Re=n=>{const t=a.value.indexOf(n.id);t>-1?a.value.splice(t,1):a.value.push(n.id)};function Le(n){const t=[],l=s=>{for(const i of s)t.push(i.id),i.children&&l(i.children)};return l(n),t}const Me=(n,t)=>{var c;const l=t==null?void 0:t.node;if(l){const r=l.value??((c=l.data)==null?void 0:c.id);if(r!==void 0){l.checked?a.value.includes(r)||(a.value=[...a.value,r]):a.value=a.value.filter(S=>S!==r);return}}const s=h.value[V.value]||[],i=Le(s),p=a.value.filter(r=>!i.includes(r));a.value=[...p,...n]};function F(n,t,l){for(const s of n){if(s.id===t)return s.children=s.children||[],s.children.push(...l),s.loaded=!0,!0;if(s.children&&F(s.children,t,l))return!0}return!1}async function Fe(n,t){const l=n.value,s=D.value[t];k("load-users",{tabKey:t,nodeId:l,node:n,callback:async p=>{if(p.length>0){const c=p.map(_=>{const{id:S,name:P,...O}=_;return{...O,id:S,name:_.displayName||P,isUser:!0}}),r=h.value[t];if(r&&F(r,l,c),s){s.appendTo(l,c),n.data.loaded=!0,await e.nextTick();try{s.setItem(l,{expanded:!0})}catch{}}}else{n.data.loaded=!0;const c=h.value[t];if(c){const r=z(c,l);r&&(r.loaded=!0)}}}})}const We=n=>{a.value=a.value.filter(t=>t!==n)},W=()=>{a.value=[]},$e=()=>{k("update:modelValue",a.value),k("confirm",E.value),N.value=!1},je=()=>{N.value=!1};return w({clearSelection:W,appendUsers:(n,t,l)=>{const s=D.value[n];if(s&&l.length>0){const i=l.map(p=>{const{id:c,name:r,..._}=p;return{..._,id:c,name:p.displayName||r,isUser:!0}});s.appendTo(t,i)}}}),(n,t)=>{const l=e.resolveComponent("t-icon"),s=e.resolveComponent("t-option"),i=e.resolveComponent("t-select"),p=e.resolveComponent("t-input"),c=e.resolveComponent("t-button"),r=e.resolveComponent("t-loading"),_=e.resolveComponent("t-checkbox"),S=e.resolveComponent("t-tree"),P=e.resolveComponent("t-tab-panel"),O=e.resolveComponent("t-tabs"),Je=e.resolveComponent("t-dialog");return e.openBlock(),e.createBlock(Je,{visible:N.value,"onUpdate:visible":t[4]||(t[4]=o=>N.value=o),header:"选择人员",width:De.value,footer:!0,placement:"center","destroy-on-close":"",onConfirm:$e,onClose:je},{default:e.withCtx(()=>[e.createElementVNode("div",q,[M.value?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(l,{name:"info-circle"}),e.createElementVNode("span",null,e.toDisplayString(M.value),1)])):e.createCommentVNode("",!0),we.value?(e.openBlock(),e.createElementBlock("div",G,[L.value.length>0?(e.openBlock(),e.createElementBlock("div",H,[e.createVNode(i,{modelValue:g.value,"onUpdate:modelValue":t[0]||(t[0]=o=>g.value=o),placeholder:"选择组织",style:{width:"200px"},onChange:Ie},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value,o=>(e.openBlock(),e.createBlock(s,{key:o.id,value:o.id,label:o.displayName||o.name},null,8,["value","label"]))),128))]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[e.createVNode(p,{modelValue:C.value,"onUpdate:modelValue":t[1]||(t[1]=o=>C.value=o),placeholder:"搜索",clearable:"",onInput:Pe,onClear:I},{"prefix-icon":e.withCtx(()=>[e.createVNode(l,{name:"search"})]),_:1},8,["modelValue"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",X,[e.createElementVNode("div",Y,[T.value?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("div",K,[t[6]||(t[6]=e.createElementVNode("span",null,"搜索结果",-1)),e.createVNode(c,{size:"small",variant:"text",onClick:I},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("返回",-1)])]),_:1})]),b.value?(e.openBlock(),e.createElementBlock("div",v,[e.createVNode(r),t[7]||(t[7]=e.createElementVNode("span",null,"搜索中...",-1))])):B.value.length===0?(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(l,{name:"search",size:"48px",style:{color:"#ddd"}}),t[8]||(t[8]=e.createElementVNode("p",null,"未找到匹配的人员",-1))])):(e.openBlock(),e.createElementBlock("div",te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["cd-ps-result-item",{"cd-ps-selected":a.value.includes(o.id)}]),onClick:U=>Re(o)},[e.createVNode(_,{checked:a.value.includes(o.id),onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},null,8,["checked"]),e.createElementVNode("div",le,[e.createVNode(l,{name:"user"})]),e.createElementVNode("div",ne,[e.createElementVNode("div",se,e.toDisplayString(o.displayName||o.name),1),e.createElementVNode("div",ae,[o.position?(e.openBlock(),e.createElementBlock("span",ce,e.toDisplayString(o.position),1)):e.createCommentVNode("",!0),o.department?(e.openBlock(),e.createElementBlock("span",de,e.toDisplayString(o.department),1)):e.createCommentVNode("",!0),o.phone?(e.openBlock(),e.createElementBlock("span",re,e.toDisplayString(o.phone),1)):e.createCommentVNode("",!0)])])],10,oe))),128))]))])):(e.openBlock(),e.createBlock(O,{key:1,modelValue:V.value,"onUpdate:modelValue":t[3]||(t[3]=o=>V.value=o),onChange:ze},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ue.value,o=>(e.openBlock(),e.createBlock(P,{key:o.key,value:o.key,label:o.name},{default:e.withCtx(()=>{var U;return[e.createElementVNode("div",ie,[((U=h.value[o.key])==null?void 0:U.length)>0?(e.openBlock(),e.createBlock(S,{key:0,ref_for:!0,ref:m=>Te(o.key,m),data:h.value[o.key],keys:{value:"id",label:"name",children:"children"},hover:"",checkable:"","expand-all":!1,value:a.value,onChange:Me},{label:e.withCtx(({node:m})=>{var J;return[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-node",{"cd-ps-node-user":m.data.isUser}])},[e.createVNode(l,{name:m.data.isUser?"user":o.icon||"folder"},null,8,["name"]),e.createElementVNode("span",null,e.toDisplayString(m.label),1),m.data.userCount&&!m.data.isUser?(e.openBlock(),e.createElementBlock("span",pe,"("+e.toDisplayString(m.data.userCount)+")",1)):e.createCommentVNode("",!0),!m.data.isUser&&!((J=m.data.children)!=null&&J.length)&&!m.data.loaded?(e.openBlock(),e.createBlock(c,{key:1,size:"small",variant:"text",class:"cd-ps-load-btn",onClick:e.withModifiers(Ge=>Fe(m,o.key),["stop"])},{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode("显示人员",-1)])]),_:1},8,["onClick"])):e.createCommentVNode("",!0)],2)]}),_:2},1032,["data","value"])):(e.openBlock(),e.createElementBlock("div",me,[e.createVNode(l,{name:o.icon||"folder-open",size:"48px",style:{color:"#ddd"}},null,8,["name"]),t[10]||(t[10]=e.createElementVNode("p",null,"暂无数据",-1))]))])]}),_:2},1032,["value","label"]))),128))]),_:1},8,["modelValue"]))]),e.createElementVNode("div",fe,[e.createElementVNode("div",ke,[t[12]||(t[12]=e.createElementVNode("span",{class:"cd-ps-title"},"已选择",-1)),e.createElementVNode("span",he,e.toDisplayString(E.value.length)+" 项",1),E.value.length>0?(e.openBlock(),e.createBlock(c,{key:0,size:"small",variant:"text",onClick:W},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",_e,[E.value.length===0?(e.openBlock(),e.createElementBlock("div",ye,[e.createVNode(l,{name:"user-checked",size:"64px",style:{color:"#ddd"}}),t[13]||(t[13]=e.createElementVNode("p",null,"暂无选择",-1))])):(e.openBlock(),e.createElementBlock("div",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["cd-ps-selected-item",{"cd-ps-dept-item":!o.isUser}])},[e.createElementVNode("div",Ve,[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-avatar",{"cd-ps-avatar-dept":!o.isUser}])},[e.createVNode(l,{name:o.isUser?"user":"folder"},null,8,["name"])],2),e.createElementVNode("div",Ce,[e.createElementVNode("div",Be,e.toDisplayString(o.displayName||o.name),1),e.createElementVNode("div",ue,[o.isUser&&o.position?(e.openBlock(),e.createElementBlock("span",ge,e.toDisplayString(o.position),1)):e.createCommentVNode("",!0),o.isUser&&o.department?(e.openBlock(),e.createElementBlock("span",Ee,e.toDisplayString(o.department),1)):e.createCommentVNode("",!0),o.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Se,e.toDisplayString(o.typeName||"部门"),1)),!o.isUser&&o.userCount?(e.openBlock(),e.createElementBlock("span",xe,e.toDisplayString(o.userCount)+"人",1)):e.createCommentVNode("",!0)])])]),e.createVNode(c,{size:"small",variant:"text",shape:"circle",onClick:U=>We(o.id)},{icon:e.withCtx(()=>[e.createVNode(l,{name:"close"})]),_:1},8,["onClick"])],2))),128))]))])])])])]),_:1},8,["visible","width"])}}}),[["__scopeId","data-v-08dddd5b"]]),be={install(y){y.component("PersonSelector",R)}};f.PersonSelector=R,f.default=be,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
package/dist/index.mjs CHANGED
@@ -8,7 +8,7 @@ const be = { class: "cd-ps-container" }, Ne = {
8
8
  }, xe = {
9
9
  key: 0,
10
10
  class: "cd-ps-org-select"
11
- }, Se = { class: "cd-ps-search-input" }, Ve = { class: "cd-ps-content" }, ze = { class: "cd-ps-left" }, Ie = {
11
+ }, Se = { class: "cd-ps-search-input" }, Ve = { class: "cd-ps-content" }, Ie = { class: "cd-ps-left" }, ze = {
12
12
  key: 0,
13
13
  class: "cd-ps-search-results"
14
14
  }, Te = { class: "cd-ps-search-header" }, we = {
@@ -46,7 +46,7 @@ const be = { class: "cd-ps-container" }, Ne = {
46
46
  emits: ["update:visible", "update:modelValue", "confirm", "load-users", "search"],
47
47
  setup(x, { expose: J, emit: O }) {
48
48
  var ee, te;
49
- const r = x, C = O, S = y(r.visible), V = y(((te = (ee = r.tabs) == null ? void 0 : ee[0]) == null ? void 0 : te.key) || ""), D = y(null), z = y(""), i = y([]), M = y({}), A = y(!1), P = y(!1), I = y([]), ae = w(() => r.tabs || []), X = w(() => r.organizations || []), Y = w(() => r.tips || ""), ne = w(() => r.showSearch), oe = w(() => r.dialogWidth), b = y({});
49
+ const r = x, C = O, S = y(r.visible), V = y(((te = (ee = r.tabs) == null ? void 0 : ee[0]) == null ? void 0 : te.key) || ""), D = y(null), I = y(""), i = y([]), M = y({}), A = y(!1), P = y(!1), z = y([]), ae = w(() => r.tabs || []), X = w(() => r.organizations || []), Y = w(() => r.tips || ""), ne = w(() => r.showSearch), oe = w(() => r.dialogWidth), b = y({});
50
50
  H(() => r.tabs, (l) => {
51
51
  if (l && l.length > 0) {
52
52
  const e = {};
@@ -75,7 +75,7 @@ const be = { class: "cd-ps-container" }, Ne = {
75
75
  const R = w(() => {
76
76
  const l = [];
77
77
  return i.value.forEach((e) => {
78
- const s = I.value.find((n) => n.id === e);
78
+ const s = z.value.find((n) => n.id === e);
79
79
  if (s) {
80
80
  l.push({ ...s, typeName: "搜索结果" });
81
81
  return;
@@ -83,30 +83,31 @@ const be = { class: "cd-ps-container" }, Ne = {
83
83
  for (const n of r.tabs) {
84
84
  const f = b.value[n.key] || [], _ = F(f, e);
85
85
  if (_) {
86
- l.push({ ..._, typeName: n.name });
86
+ const c = n.name.replace(/^按/, "");
87
+ l.push({ ..._, typeName: c });
87
88
  break;
88
89
  }
89
90
  }
90
91
  }), l;
91
92
  }), ie = () => {
92
- z.value = "";
93
+ I.value = "";
93
94
  }, ce = () => {
94
95
  };
95
96
  let T = null;
96
97
  const re = () => {
97
- if (T && clearTimeout(T), !z.value.trim()) {
98
+ if (T && clearTimeout(T), !I.value.trim()) {
98
99
  j();
99
100
  return;
100
101
  }
101
102
  A.value = !0, P.value = !0, T = setTimeout(() => ue(), 300);
102
103
  }, ue = () => {
103
- I.value = [];
104
+ z.value = [];
104
105
  const l = (e) => {
105
- I.value = e.map((s) => ({ ...s, isUser: !0 })), P.value = !1;
106
+ z.value = e.map((s) => ({ ...s, isUser: !0 })), P.value = !1;
106
107
  };
107
- C("search", { keyword: z.value, orgId: D.value || void 0, callback: l });
108
+ C("search", { keyword: I.value, orgId: D.value || void 0, callback: l });
108
109
  }, j = () => {
109
- T && (clearTimeout(T), T = null), A.value = !1, z.value = "", I.value = [], P.value = !1;
110
+ T && (clearTimeout(T), T = null), A.value = !1, I.value = "", z.value = [], P.value = !1;
110
111
  }, pe = (l) => {
111
112
  const e = i.value.indexOf(l.id);
112
113
  e > -1 ? i.value.splice(e, 1) : i.value.push(l.id);
@@ -119,16 +120,16 @@ const be = { class: "cd-ps-container" }, Ne = {
119
120
  return s(l), e;
120
121
  }
121
122
  const he = (l, e) => {
122
- var u;
123
+ var c;
123
124
  const s = e == null ? void 0 : e.node;
124
125
  if (s) {
125
- const c = s.value ?? ((u = s.data) == null ? void 0 : u.id);
126
- if (c !== void 0) {
127
- l.includes(c) ? i.value.includes(c) || (i.value = [...i.value, c]) : i.value = i.value.filter((B) => B !== c);
126
+ const u = s.value ?? ((c = s.data) == null ? void 0 : c.id);
127
+ if (u !== void 0) {
128
+ s.checked ? i.value.includes(u) || (i.value = [...i.value, u]) : i.value = i.value.filter((B) => B !== u);
128
129
  return;
129
130
  }
130
131
  }
131
- const n = b.value[V.value] || [], f = ve(n), _ = i.value.filter((c) => !f.includes(c));
132
+ const n = b.value[V.value] || [], f = ve(n), _ = i.value.filter((u) => !f.includes(u));
132
133
  i.value = [..._, ...l];
133
134
  };
134
135
  function Z(l, e, s) {
@@ -144,12 +145,12 @@ const be = { class: "cd-ps-container" }, Ne = {
144
145
  const s = l.value, n = M.value[e];
145
146
  C("load-users", { tabKey: e, nodeId: s, node: l, callback: async (_) => {
146
147
  if (_.length > 0) {
147
- const u = _.map((N) => {
148
+ const c = _.map((N) => {
148
149
  const { id: B, name: q, ...G } = N;
149
150
  return { ...G, id: B, name: N.displayName || q, isUser: !0 };
150
- }), c = b.value[e];
151
- if (c && Z(c, s, u), n) {
152
- n.appendTo(s, u), l.data.loaded = !0, await Ce();
151
+ }), u = b.value[e];
152
+ if (u && Z(u, s, c), n) {
153
+ n.appendTo(s, c), l.data.loaded = !0, await Ce();
153
154
  try {
154
155
  n.setItem(s, { expanded: !0 });
155
156
  } catch {
@@ -157,10 +158,10 @@ const be = { class: "cd-ps-container" }, Ne = {
157
158
  }
158
159
  } else {
159
160
  l.data.loaded = !0;
160
- const u = b.value[e];
161
- if (u) {
162
- const c = F(u, s);
163
- c && (c.loaded = !0);
161
+ const c = b.value[e];
162
+ if (c) {
163
+ const u = F(c, s);
164
+ u && (u.loaded = !0);
164
165
  }
165
166
  }
166
167
  } });
@@ -180,20 +181,21 @@ const be = { class: "cd-ps-container" }, Ne = {
180
181
  const n = M.value[l];
181
182
  if (n && s.length > 0) {
182
183
  const f = s.map((_) => {
183
- const { id: u, name: c, ...N } = _;
184
- return { ...N, id: u, name: _.displayName || c, isUser: !0 };
184
+ const { id: c, name: u, ...N } = _;
185
+ return { ...N, id: c, name: _.displayName || u, isUser: !0 };
185
186
  });
186
187
  n.appendTo(e, f);
187
188
  }
188
189
  }
189
190
  }), (l, e) => {
190
- const s = k("t-icon"), n = k("t-option"), f = k("t-select"), _ = k("t-input"), u = k("t-button"), c = k("t-loading"), N = k("t-checkbox"), B = k("t-tree"), q = k("t-tab-panel"), G = k("t-tabs"), ye = k("t-dialog");
191
+ const s = k("t-icon"), n = k("t-option"), f = k("t-select"), _ = k("t-input"), c = k("t-button"), u = k("t-loading"), N = k("t-checkbox"), B = k("t-tree"), q = k("t-tab-panel"), G = k("t-tabs"), ye = k("t-dialog");
191
192
  return a(), U(ye, {
192
193
  visible: S.value,
193
194
  "onUpdate:visible": e[4] || (e[4] = (t) => S.value = t),
194
195
  header: "选择人员",
195
196
  width: oe.value,
196
197
  footer: !0,
198
+ placement: "center",
197
199
  "destroy-on-close": "",
198
200
  onConfirm: me,
199
201
  onClose: ke
@@ -225,8 +227,8 @@ const be = { class: "cd-ps-container" }, Ne = {
225
227
  ])) : v("", !0),
226
228
  o("div", Se, [
227
229
  p(_, {
228
- modelValue: z.value,
229
- "onUpdate:modelValue": e[1] || (e[1] = (t) => z.value = t),
230
+ modelValue: I.value,
231
+ "onUpdate:modelValue": e[1] || (e[1] = (t) => I.value = t),
230
232
  placeholder: "搜索",
231
233
  clearable: "",
232
234
  onInput: re,
@@ -240,11 +242,11 @@ const be = { class: "cd-ps-container" }, Ne = {
240
242
  ])
241
243
  ])) : v("", !0),
242
244
  o("div", Ve, [
243
- o("div", ze, [
244
- A.value ? (a(), d("div", Ie, [
245
+ o("div", Ie, [
246
+ A.value ? (a(), d("div", ze, [
245
247
  o("div", Te, [
246
248
  e[6] || (e[6] = o("span", null, "搜索结果", -1)),
247
- p(u, {
249
+ p(c, {
248
250
  size: "small",
249
251
  variant: "text",
250
252
  onClick: j
@@ -256,9 +258,9 @@ const be = { class: "cd-ps-container" }, Ne = {
256
258
  })
257
259
  ]),
258
260
  P.value ? (a(), d("div", we, [
259
- p(c),
261
+ p(u),
260
262
  e[7] || (e[7] = o("span", null, "搜索中...", -1))
261
- ])) : I.value.length === 0 ? (a(), d("div", De, [
263
+ ])) : z.value.length === 0 ? (a(), d("div", De, [
262
264
  p(s, {
263
265
  name: "search",
264
266
  size: "48px",
@@ -266,7 +268,7 @@ const be = { class: "cd-ps-container" }, Ne = {
266
268
  }),
267
269
  e[8] || (e[8] = o("p", null, "未找到匹配的人员", -1))
268
270
  ])) : (a(), d("div", Re, [
269
- (a(!0), d(L, null, W(I.value, (t) => (a(), d("div", {
271
+ (a(!0), d(L, null, W(z.value, (t) => (a(), d("div", {
270
272
  key: t.id,
271
273
  class: $(["cd-ps-result-item", { "cd-ps-selected": i.value.includes(t.id) }]),
272
274
  onClick: (E) => pe(t)
@@ -328,7 +330,7 @@ const be = { class: "cd-ps-container" }, Ne = {
328
330
  }, null, 8, ["name"]),
329
331
  o("span", null, h(m.label), 1),
330
332
  m.data.userCount && !m.data.isUser ? (a(), d("span", Ae, "(" + h(m.data.userCount) + ")", 1)) : v("", !0),
331
- !m.data.isUser && !((se = m.data.children) != null && se.length) && !m.data.loaded ? (a(), U(u, {
333
+ !m.data.isUser && !((se = m.data.children) != null && se.length) && !m.data.loaded ? (a(), U(c, {
332
334
  key: 1,
333
335
  size: "small",
334
336
  variant: "text",
@@ -365,7 +367,7 @@ const be = { class: "cd-ps-container" }, Ne = {
365
367
  o("div", qe, [
366
368
  e[12] || (e[12] = o("span", { class: "cd-ps-title" }, "已选择", -1)),
367
369
  o("span", Ge, h(R.value.length) + " 项", 1),
368
- R.value.length > 0 ? (a(), U(u, {
370
+ R.value.length > 0 ? (a(), U(c, {
369
371
  key: 0,
370
372
  size: "small",
371
373
  variant: "text",
@@ -408,7 +410,7 @@ const be = { class: "cd-ps-container" }, Ne = {
408
410
  ])
409
411
  ])
410
412
  ]),
411
- p(u, {
413
+ p(c, {
412
414
  size: "small",
413
415
  variant: "text",
414
416
  shape: "circle",
@@ -435,7 +437,7 @@ const be = { class: "cd-ps-container" }, Ne = {
435
437
  for (const [r, C] of J)
436
438
  O[r] = C;
437
439
  return O;
438
- }, dt = /* @__PURE__ */ ot(nt, [["__scopeId", "data-v-b51aed83"]]), rt = {
440
+ }, dt = /* @__PURE__ */ ot(nt, [["__scopeId", "data-v-08dddd5b"]]), rt = {
439
441
  install(x) {
440
442
  x.component("PersonSelector", dt);
441
443
  }
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .cd-ps-container[data-v-b51aed83]{display:flex;flex-direction:column;gap:16px;min-height:500px}.cd-ps-tips[data-v-b51aed83]{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-b51aed83]{display:flex;gap:12px;align-items:center}.cd-ps-org-select[data-v-b51aed83]{flex-shrink:0}.cd-ps-search-input[data-v-b51aed83]{flex:1}.cd-ps-content[data-v-b51aed83]{display:flex;gap:0;height:450px;border:1px solid #dfe1e6;border-radius:4px;overflow:hidden}.cd-ps-left[data-v-b51aed83]{width:480px;flex-shrink:0;border-right:1px solid #dfe1e6;display:flex;flex-direction:column;background-color:#fafafa}.cd-ps-left[data-v-b51aed83] .t-tabs__nav-container{padding:0 8px;background-color:#fff}.cd-ps-left[data-v-b51aed83] .t-tabs__content{flex:1;overflow:hidden}.cd-ps-tree[data-v-b51aed83]{height:100%;overflow-y:auto;padding:8px}.cd-ps-tree[data-v-b51aed83]::-webkit-scrollbar{width:6px}.cd-ps-tree[data-v-b51aed83]::-webkit-scrollbar-track{background:#f1f1f1}.cd-ps-tree[data-v-b51aed83]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cd-ps-node[data-v-b51aed83]{display:flex;align-items:center;gap:6px;font-size:14px;width:100%}[data-v-b51aed83] .t-tree__label{flex:1}[data-v-b51aed83] .t-checkbox__label{width:100%}.cd-ps-node-user[data-v-b51aed83]{font-size:13px;color:#666}.cd-ps-count[data-v-b51aed83]{color:#999;font-size:12px}.cd-ps-load-btn[data-v-b51aed83]{margin-left:auto;color:#0052d9;font-size:12px;flex-shrink:0}.cd-ps-empty[data-v-b51aed83]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.cd-ps-empty p[data-v-b51aed83]{margin-top:16px;font-size:14px}.cd-ps-search-results[data-v-b51aed83]{display:flex;flex-direction:column;height:100%}.cd-ps-search-header[data-v-b51aed83]{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-b51aed83]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#999}.cd-ps-result-list[data-v-b51aed83]{flex:1;overflow-y:auto;padding:8px}.cd-ps-result-item[data-v-b51aed83]{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-b51aed83]:hover{border-color:#0052d9;background:#f0f5ff}.cd-ps-result-item.cd-ps-selected[data-v-b51aed83]{border-color:#0052d9;background:#e8f4ff}.cd-ps-avatar[data-v-b51aed83]{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-b51aed83]{width:36px;height:36px}.cd-ps-avatar-dept[data-v-b51aed83]{background:linear-gradient(135deg,#f5af19,#f12711)}.cd-ps-info[data-v-b51aed83]{flex:1;min-width:0}.cd-ps-name[data-v-b51aed83]{font-size:13px;font-weight:500;color:#333;margin-bottom:4px}.cd-ps-result-item .cd-ps-name[data-v-b51aed83]{font-size:14px}.cd-ps-meta[data-v-b51aed83]{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#999}.cd-ps-result-item .cd-ps-meta[data-v-b51aed83]{font-size:12px}.cd-ps-meta span[data-v-b51aed83]:before{content:"•";margin-right:4px}.cd-ps-meta span[data-v-b51aed83]:first-child:before{display:none}.cd-ps-right[data-v-b51aed83]{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fafafa}.cd-ps-right-header[data-v-b51aed83]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #dfe1e6;background-color:#fff}.cd-ps-title[data-v-b51aed83]{font-weight:500;font-size:14px;color:#333}.cd-ps-num[data-v-b51aed83]{font-size:13px;color:#0052d9;font-weight:600;margin-left:8px;flex:1}.cd-ps-right-list[data-v-b51aed83]{flex:1;overflow-y:auto;padding:8px}.cd-ps-right-list[data-v-b51aed83]::-webkit-scrollbar{width:6px}.cd-ps-right-list[data-v-b51aed83]::-webkit-scrollbar-track{background:#f1f1f1}.cd-ps-right-list[data-v-b51aed83]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cd-ps-selected-list[data-v-b51aed83]{display:flex;flex-direction:column;gap:8px}.cd-ps-selected-item[data-v-b51aed83]{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-b51aed83]:hover{border-color:#0052d9;box-shadow:0 2px 4px #0052d91a}.cd-ps-dept-item[data-v-b51aed83]{border-color:#f5af19}.cd-ps-item-info[data-v-b51aed83]{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
1
+ .cd-ps-container[data-v-08dddd5b]{display:flex;flex-direction:column;gap:16px;min-height:500px}.cd-ps-tips[data-v-08dddd5b]{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-08dddd5b]{display:flex;gap:12px;align-items:center}.cd-ps-org-select[data-v-08dddd5b]{flex-shrink:0}.cd-ps-search-input[data-v-08dddd5b]{flex:1}.cd-ps-content[data-v-08dddd5b]{display:flex;gap:0;height:450px;border:1px solid #dfe1e6;border-radius:4px;overflow:hidden}.cd-ps-left[data-v-08dddd5b]{width:480px;flex-shrink:0;border-right:1px solid #dfe1e6;display:flex;flex-direction:column;background-color:#fafafa}.cd-ps-left[data-v-08dddd5b] .t-tabs__nav-container{padding:0 8px;background-color:#fff}.cd-ps-left[data-v-08dddd5b] .t-tabs__content{flex:1;overflow:hidden}.cd-ps-tree[data-v-08dddd5b]{height:100%;overflow-y:auto;padding:8px}.cd-ps-tree[data-v-08dddd5b]::-webkit-scrollbar{width:6px}.cd-ps-tree[data-v-08dddd5b]::-webkit-scrollbar-track{background:#f1f1f1}.cd-ps-tree[data-v-08dddd5b]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cd-ps-node[data-v-08dddd5b]{display:flex;align-items:center;gap:6px;font-size:14px;width:100%}[data-v-08dddd5b] .t-tree__label{flex:1}[data-v-08dddd5b] .t-checkbox__label{width:100%}.cd-ps-node-user[data-v-08dddd5b]{font-size:13px;color:#666}.cd-ps-count[data-v-08dddd5b]{color:#999;font-size:12px}.cd-ps-load-btn[data-v-08dddd5b]{margin-left:auto;color:#0052d9;font-size:12px;flex-shrink:0}.cd-ps-empty[data-v-08dddd5b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.cd-ps-empty p[data-v-08dddd5b]{margin-top:16px;font-size:14px}.cd-ps-search-results[data-v-08dddd5b]{display:flex;flex-direction:column;height:100%}.cd-ps-search-header[data-v-08dddd5b]{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-08dddd5b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#999}.cd-ps-result-list[data-v-08dddd5b]{flex:1;overflow-y:auto;padding:8px}.cd-ps-result-item[data-v-08dddd5b]{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-08dddd5b]:hover{border-color:#0052d9;background:#f0f5ff}.cd-ps-result-item.cd-ps-selected[data-v-08dddd5b]{border-color:#0052d9;background:#e8f4ff}.cd-ps-avatar[data-v-08dddd5b]{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-08dddd5b]{width:36px;height:36px}.cd-ps-avatar-dept[data-v-08dddd5b]{background:linear-gradient(135deg,#f5af19,#f12711)}.cd-ps-info[data-v-08dddd5b]{flex:1;min-width:0}.cd-ps-name[data-v-08dddd5b]{font-size:13px;font-weight:500;color:#333;margin-bottom:4px}.cd-ps-result-item .cd-ps-name[data-v-08dddd5b]{font-size:14px}.cd-ps-meta[data-v-08dddd5b]{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#999}.cd-ps-result-item .cd-ps-meta[data-v-08dddd5b]{font-size:12px}.cd-ps-meta span[data-v-08dddd5b]:before{content:"•";margin-right:4px}.cd-ps-meta span[data-v-08dddd5b]:first-child:before{display:none}.cd-ps-right[data-v-08dddd5b]{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:#fafafa}.cd-ps-right-header[data-v-08dddd5b]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #dfe1e6;background-color:#fff}.cd-ps-title[data-v-08dddd5b]{font-weight:500;font-size:14px;color:#333}.cd-ps-num[data-v-08dddd5b]{font-size:13px;color:#0052d9;font-weight:600;margin-left:8px;flex:1}.cd-ps-right-list[data-v-08dddd5b]{flex:1;overflow-y:auto;padding:8px}.cd-ps-right-list[data-v-08dddd5b]::-webkit-scrollbar{width:6px}.cd-ps-right-list[data-v-08dddd5b]::-webkit-scrollbar-track{background:#f1f1f1}.cd-ps-right-list[data-v-08dddd5b]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cd-ps-selected-list[data-v-08dddd5b]{display:flex;flex-direction:column;gap:8px}.cd-ps-selected-item[data-v-08dddd5b]{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-08dddd5b]:hover{border-color:#0052d9;box-shadow:0 2px 4px #0052d91a}.cd-ps-dept-item[data-v-08dddd5b]{border-color:#f5af19}.cd-ps-item-info[data-v-08dddd5b]{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cd-personselector",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "description": "人员选择器组件 - 支持多Tab、树形结构、搜索、懒加载",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
package/src/PersonSelector.vue CHANGED
@@ -4,6 +4,7 @@
4
4
  header="选择人员"
5
5
  :width="dialogWidth"
6
6
  :footer="true"
7
+ placement="center"
7
8
  destroy-on-close
8
9
  @confirm="handleConfirm"
9
10
  @close="handleClose"
@@ -225,7 +226,12 @@ const selectedItems = computed(() => {
225
226
  for (const tab of props.tabs) {
226
227
  const treeData = internalTreeData.value[tab.key] || [];
227
228
  const node = findNodeById(treeData, id);
228
- if (node) { items.push({ ...node, typeName: tab.name }); break; }
229
+ if (node) {
230
+ // 去掉 tab.name 开头的"按"字
231
+ const typeName = tab.name.replace(/^按/, '');
232
+ items.push({ ...node, typeName });
233
+ break;
234
+ }
229
235
  }
230
236
  });
231
237
  return items;
@@ -269,12 +275,12 @@ function getAllNodeIds(tree: TreeNode[]): (number | string)[] {
269
275
  return ids;
270
276
  }
271
277
  const handleTreeCheck = (checkedIds: (number | string)[], context: any) => {
272
- // TDesign Tree change 事件: context 包含 node 和 e
273
278
  const node = context?.node;
274
279
  if (node) {
275
280
  const nodeId = node.value ?? node.data?.id;
276
281
  if (nodeId !== undefined) {
277
- const isChecked = checkedIds.includes(nodeId);
282
+ // 检查节点当前是否被选中（通过 node.checked 属性）
283
+ const isChecked = node.checked;
278
284
  if (isChecked) {
279
285
  if (!selectedIds.value.includes(nodeId)) {
280
286
  selectedIds.value = [...selectedIds.value, nodeId];
@@ -285,7 +291,7 @@ const handleTreeCheck = (checkedIds: (number | string)[], context: any) => {
285
291
  return;
286
292
  }
287
293
  }
288
- // 降级处理：完整替换当前 tab 的选中项
294
+ // 降级处理
289
295
  const currentTreeData = internalTreeData.value[activeTab.value] || [];
290
296
  const currentTreeNodeIds = getAllNodeIds(currentTreeData);
291
297
  const otherSelectedIds = selectedIds.value.filter(id => !currentTreeNodeIds.includes(id));