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