cd-personselector 1.3.7 → 1.3.8
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 +70 -68
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/PersonSelector.vue +3 -1
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(E,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(E=typeof globalThis<"u"?globalThis:E||self,e(E.CdPersonSelector={},E.Vue))})(this,function(E,e){"use strict";const pe={class:"cd-ps-container"},me={key:0,class:"cd-ps-search"},fe={key:0,class:"cd-ps-org-select"},he={class:"cd-ps-search-input"},ke={class:"cd-ps-content"},_e={class:"cd-ps-left"},ge={key:0,class:"cd-ps-loading"},ue={key:1,class:"cd-ps-empty"},ye={key:2,class:"cd-ps-result-list"},Ve=["onClick"],Ce={class:"cd-ps-info"},Be={class:"cd-ps-name"},Ne={class:"cd-ps-meta"},be={key:0,class:"cd-ps-type-tag"},Ee={key:1},Se={key:2},xe={key:3},we={key:4},Ue={key:1,class:"cd-ps-tree"},Te={class:"cd-ps-node-name"},De={key:0,class:"cd-ps-position"},Ie={key:0,class:"cd-ps-count"},ze={key:1,class:"cd-ps-empty"},$e={class:"cd-ps-right"},Pe={class:"cd-ps-right-header"},Me={class:"cd-ps-num"},Oe={class:"cd-ps-right-list"},Le={key:0,class:"cd-ps-empty"},Re={key:1,class:"cd-ps-selected-list"},We={class:"cd-ps-item-info"},Fe={class:"cd-ps-info"},je={class:"cd-ps-name"},Je={class:"cd-ps-meta"},qe={key:0},Ae={key:1},Ge={key:2},He={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","tab-change"],setup(k,{expose:W,emit:g}){var de,re;const d=k,u=g,y=e.ref(d.visible),_=e.ref(((re=(de=d.tabs)==null?void 0:de[0])==null?void 0:re.key)||""),U=e.ref(null),S=e.ref(""),p=e.ref([]),V=e.ref(new Map),L=e.ref({}),B=e.ref(!1),T=e.ref(!1),D=e.ref({}),F=e.computed(()=>d.tabs||[]),H=e.computed(()=>d.organizations||[]);e.computed(()=>d.tips||"");const j=e.computed(()=>d.showSearch),v=e.computed(()=>d.showOrg),ee=e.computed(()=>d.dialogWidth),x=e.ref({});e.watch(()=>d.tabs,o=>{if(o&&o.length>0){const t={};o.forEach(s=>{t[s.key]=JSON.parse(JSON.stringify(s.tree))}),x.value=t,(!_.value||!o.find(s=>s.key===_.value))&&(_.value=o[0].key)}},{immediate:!0,deep:!0});function Q(){if(d.modelValue&&d.modelValue.length>0){const o=d.modelValue[0];typeof o=="object"&&o!==null&&"id"in o?(p.value=d.modelValue.map(t=>t.id),V.value.clear(),d.modelValue.forEach(t=>{V.value.set(t.id,t)})):p.value=[...d.modelValue]}else p.value=[],V.value.clear()}e.watch(()=>d.modelValue,o=>{y.value&&o&&Q()},{deep:!0}),e.watch(()=>d.visible,o=>{y.value=o,o&&(Q(),d.organizations.length>0&&!U.value&&(U.value=d.organizations[0].id))}),e.watch(y,o=>{u("update:visible",o)});function z(o,t){t&&(L.value[o]=t)}function J(o,t){for(const s of o){if(s.id===t)return s;if(s.children){const r=J(s.children,t);if(r)return r}}return null}const P=e.computed(()=>p.value.map(o=>V.value.get(o)).filter(Boolean));function X(o,t){p.value.includes(o)||p.value.push(o),V.value.set(o,t)}function q(o){p.value=p.value.filter(t=>t!==o),V.value.delete(o)}const te=o=>{var s;if(!B.value)return o.name;const t=((s=D.value[o.key])==null?void 0:s.length)??0;return t>0?`${o.name} (${t})`:o.name},oe=o=>{B.value||(S.value="",u("tab-change",{tabKey:o}))},le=o=>{const t={};d.tabs.forEach(r=>{t[r.key]=[]}),x.value=t;const s=()=>{};u("org-change",{orgId:o,tabKey:_.value,callback:s})};let l=null;const a=()=>{if(l&&clearTimeout(l),!S.value.trim()){I();return}B.value=!0,T.value=!0,l=setTimeout(()=>N(),300)},N=()=>{D.value={};const o=t=>{const s={};t.forEach(r=>{const f={...r,isUser:r.isUser!==!1},C=r.nodeType||(r.isUser!==!1?"user":"department");s[C]||(s[C]=[]),s[C].push(f)}),D.value=s,T.value=!1};u("search",{keyword:S.value,orgId:U.value||void 0,callback:o})},I=()=>{l&&(clearTimeout(l),l=null),B.value=!1,S.value="",D.value={},T.value=!1},M=o=>{if(p.value.indexOf(o.id)>-1)q(o.id);else{d.multiple||(p.value=[],V.value.clear());const s=o.isUser?"搜索结果":o.isPost?"职位":"部门";X(o.id,{...o,typeName:s,orgId:U.value}),d.multiple||ne()}};function w(o){const t=[],s=r=>{for(const f of r)t.push(f.id),f.children&&s(f.children)};return s(o),t}const O=(o,t)=>{var b,h;const s=t==null?void 0:t.node;if(s){const m=s.value??((b=s.data)==null?void 0:b.id);if(m!==void 0){if(s.checked){d.multiple||(p.value=[],V.value.clear());const R=d.tabs.find(G=>G.key===_.value),A=R?R.name.replace(/^按/,""):"";X(m,{...s.data,typeName:A,orgId:U.value}),!d.multiple&&((h=s.data)!=null&&h.isUser)&&ne()}else q(m);return}}const r=x.value[_.value]||[],f=w(r),C=p.value.filter(m=>!f.includes(m));p.value=[...C,...o]};function n(o,t,s){for(const r of o){if(r.id===t)return r.children=r.children||[],r.children.push(...s),r.loaded=!0,!0;if(r.children&&n(r.children,t,s))return!0}return!1}async function ae(o,t){var C;const s=o.value,r=L.value[t];if(o.data.loaded){const b=x.value[t];if(b){const h=J(b,s);h&&h.children&&(h.children=h.children.filter(m=>!m.isUser))}r&&(((C=r.getItem(s))==null?void 0:C.children)||[]).filter(m=>{var $;return($=m.data)==null?void 0:$.isUser}).forEach(m=>{try{r.remove(m.value)}catch{}}),o.data.loaded=!1}u("load-users",{tabKey:t,nodeId:s,node:o,callback:async b=>{if(b.length>0){const h=b.map($=>{const{id:R,name:A,...G}=$;return{...G,id:R,name:$.displayName||A,isUser:!0}}),m=x.value[t];if(m&&n(m,s,h),r){r.appendTo(s,h),o.data.loaded=!0,await e.nextTick();try{r.setItem(s,{expanded:!0})}catch{}}}else{o.data.loaded=!0;const h=x.value[t];if(h){const m=J(h,s);m&&(m.loaded=!0)}}}})}const pt=o=>{q(o)},ie=()=>{p.value=[],V.value.clear()},ne=()=>{u("update:modelValue",p.value),u("confirm",P.value),y.value=!1},mt=()=>{y.value=!1};return W({clearSelection:ie,appendUsers:(o,t,s)=>{const r=L.value[o];if(r&&s.length>0){const f=s.map(C=>{const{id:b,name:h,...m}=C;return{...m,id:b,name:C.displayName||h,isUser:!0}});r.appendTo(t,f)}}}),(o,t)=>{const s=e.resolveComponent("t-option"),r=e.resolveComponent("t-select"),f=e.resolveComponent("t-icon"),C=e.resolveComponent("t-input"),b=e.resolveComponent("t-loading"),h=e.resolveComponent("t-checkbox"),m=e.resolveComponent("t-button"),$=e.resolveComponent("t-tree"),R=e.resolveComponent("t-tab-panel"),A=e.resolveComponent("t-tabs"),G=e.resolveComponent("t-dialog");return e.openBlock(),e.createBlock(G,{visible:y.value,"onUpdate:visible":t[4]||(t[4]=c=>y.value=c),header:"选择人员",width:ee.value,footer:!0,placement:"center","destroy-on-close":"",attach:"body",onConfirm:ne,onClose:mt},{default:e.withCtx(()=>[e.createElementVNode("div",pe,[j.value?(e.openBlock(),e.createElementBlock("div",me,[v.value&&H.value.length>0?(e.openBlock(),e.createElementBlock("div",fe,[e.createVNode(r,{modelValue:U.value,"onUpdate:modelValue":t[0]||(t[0]=c=>U.value=c),placeholder:"选择组织",style:{width:"200px"},onChange:le},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value,c=>(e.openBlock(),e.createBlock(s,{key:c.id,value:c.id,label:c.displayName||c.name},null,8,["value","label"]))),128))]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",he,[e.createVNode(C,{modelValue:S.value,"onUpdate:modelValue":t[1]||(t[1]=c=>S.value=c),placeholder:"输入手机号/工号/姓名/部门/职位搜索",clearable:"",inputProps:{autocomplete:"off"},onInput:a,onClear:I},{"prefix-icon":e.withCtx(()=>[e.createVNode(f,{name:"search"})]),_:1},8,["modelValue"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",ke,[e.createElementVNode("div",_e,[e.createVNode(A,{modelValue:_.value,"onUpdate:modelValue":t[3]||(t[3]=c=>_.value=c),onChange:oe},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,c=>(e.openBlock(),e.createBlock(R,{key:c.key,value:c.key,label:te(c)},{default:e.withCtx(()=>{var se;return[B.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[T.value?(e.openBlock(),e.createElementBlock("div",ge,[e.createVNode(b),t[5]||(t[5]=e.createElementVNode("span",null,"搜索中...",-1))])):!D.value[c.key]||D.value[c.key].length===0?(e.openBlock(),e.createElementBlock("div",ue,[e.createVNode(f,{name:"search",size:"48px",style:{color:"#ddd"}}),t[6]||(t[6]=e.createElementVNode("p",null,"暂无结果",-1))])):(e.openBlock(),e.createElementBlock("div",ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value[c.key],i=>(e.openBlock(),e.createElementBlock("div",{key:i.id,class:e.normalizeClass(["cd-ps-result-item",{"cd-ps-selected":p.value.includes(i.id),"cd-ps-dept-result":!i.isUser}]),onClick:ft=>M(i)},[e.createVNode(h,{checked:p.value.includes(i.id),onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},null,8,["checked"]),e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-avatar",{"cd-ps-avatar-dept":!i.isUser}])},[e.createVNode(f,{name:i.isUser?"user":i.isPost?"assignment-checked":"folder"},null,8,["name"])],2),e.createElementVNode("div",Ce,[e.createElementVNode("div",Be,e.toDisplayString(i.displayName||i.name),1),e.createElementVNode("div",Ne,[i.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",be,e.toDisplayString(i.isPost?"职位":"部门"),1)),i.position?(e.openBlock(),e.createElementBlock("span",Ee,e.toDisplayString(i.position),1)):e.createCommentVNode("",!0),i.department?(e.openBlock(),e.createElementBlock("span",Se,e.toDisplayString(i.department),1)):e.createCommentVNode("",!0),i.phone?(e.openBlock(),e.createElementBlock("span",xe,e.toDisplayString(i.phone),1)):e.createCommentVNode("",!0),i.userCount?(e.openBlock(),e.createElementBlock("span",we,e.toDisplayString(i.userCount)+"人",1)):e.createCommentVNode("",!0)])])],10,Ve))),128))]))],64)):(e.openBlock(),e.createElementBlock("div",Ue,[((se=x.value[c.key])==null?void 0:se.length)>0?(e.openBlock(),e.createBlock($,{key:0,ref_for:!0,ref:i=>z(c.key,i),data:x.value[c.key],keys:{value:"id",label:"name",children:"children"},hover:"",checkable:"","expand-all":!1,value:p.value,onChange:O},{label:e.withCtx(({node:i})=>[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-node",{"cd-ps-node-user":i.data.isUser}])},[e.createVNode(f,{name:i.data.isUser?"user":c.icon||"folder"},null,8,["name"]),e.createElementVNode("span",Te,[e.createTextVNode(e.toDisplayString(i.label)+" ",1),i.data.isUser&&i.data.position?(e.openBlock(),e.createElementBlock("span",De,e.toDisplayString(i.data.position),1)):e.createCommentVNode("",!0)]),i.data.userCount&&!i.data.isUser?(e.openBlock(),e.createElementBlock("span",Ie,"("+e.toDisplayString(i.data.userCount)+")",1)):e.createCommentVNode("",!0),i.data.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(m,{key:1,size:"small",variant:"text",class:"cd-ps-load-btn",onClick:e.withModifiers(ft=>ae(i,c.key),["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.data.loaded?"刷新人员":"显示人员"),1)]),_:2},1032,["onClick"]))],2)]),_:2},1032,["data","value"])):(e.openBlock(),e.createElementBlock("div",ze,[e.createVNode(f,{name:c.icon||"folder-open",size:"48px",style:{color:"#ddd"}},null,8,["name"]),t[7]||(t[7]=e.createElementVNode("p",null,"暂无数据",-1))]))]))]}),_:2},1032,["value","label"]))),128))]),_:1},8,["modelValue"])]),e.createElementVNode("div",$e,[e.createElementVNode("div",Pe,[t[9]||(t[9]=e.createElementVNode("span",{class:"cd-ps-title"},"已选择",-1)),e.createElementVNode("span",Me,e.toDisplayString(P.value.length)+" 项",1),P.value.length>0?(e.openBlock(),e.createBlock(m,{key:0,size:"small",variant:"text",onClick:ie},{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",Oe,[P.value.length===0?(e.openBlock(),e.createElementBlock("div",Le,[e.createVNode(f,{name:"user-checked",size:"64px",style:{color:"#ddd"}}),t[10]||(t[10]=e.createElementVNode("p",null,"暂无选择",-1))])):(e.openBlock(),e.createElementBlock("div",Re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,c=>(e.openBlock(),e.createElementBlock("div",{key:c.id,class:e.normalizeClass(["cd-ps-selected-item",{"cd-ps-dept-item":!c.isUser}])},[e.createElementVNode("div",We,[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-avatar",{"cd-ps-avatar-dept":!c.isUser}])},[e.createVNode(f,{name:c.isUser?"user":"folder"},null,8,["name"])],2),e.createElementVNode("div",Fe,[e.createElementVNode("div",je,e.toDisplayString(c.displayName||c.name),1),e.createElementVNode("div",Je,[c.isUser&&c.position?(e.openBlock(),e.createElementBlock("span",qe,e.toDisplayString(c.position),1)):e.createCommentVNode("",!0),c.isUser&&c.department?(e.openBlock(),e.createElementBlock("span",Ae,e.toDisplayString(c.department),1)):e.createCommentVNode("",!0),c.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Ge,e.toDisplayString(c.typeName||"部门"),1)),!c.isUser&&c.userCount?(e.openBlock(),e.createElementBlock("span",He,e.toDisplayString(c.userCount)+"人",1)):e.createCommentVNode("",!0)])])]),e.createVNode(m,{size:"small",variant:"text",shape:"circle",onClick:se=>pt(c.id)},{icon:e.withCtx(()=>[e.createVNode(f,{name:"close"})]),_:1},8,["onClick"])],2))),128))]))])])])])]),_:1},8,["visible","width"])}}}),ce=(k,W)=>{const g=k.__vccOpts||k;for(const[d,u]of W)g[d]=u;return g},Y=ce(Qe,[["__scopeId","data-v-08bc0ceb"]]),Xe={class:"cd-input-select"},Ye={class:"cd-input-select__grid"},Ze={class:"cd-input-select__option-content"},Ke={key:0,class:"cd-input-select__option-avatar"},ve=["src","alt"],et={class:"cd-input-select__option-info"},tt={class:"cd-input-select__option-name"},ot={key:0,class:"cd-input-select__option-desc"},lt={key:1,class:"cd-input-select__option-desc"},at={key:0,class:"cd-input-select__pager"},nt={class:"cd-input-select__pager-info"},st={class:"cd-input-select__pager-btns"},ct={class:"cd-input-select__pager-num"},it={key:1,class:"cd-input-select__loading"},dt={key:2,class:"cd-input-select__empty"},Z=10,K=ce(e.defineComponent({name:"CdInputPersonSelector",__name:"InputSelect",props:{modelValue:{},multiple:{type:Boolean,default:!0},placeholder:{default:"搜索用户、部门、职位、岗位"},tabs:{},organizations:{},showOrg:{type:Boolean}},emits:["update:modelValue","search","load-users","tab-change"],setup(k,{emit:W}){const g=k,d=W,u=e.ref(!1),y=e.ref([]),_=e.ref(1),U=e.computed(()=>{const l=(_.value-1)*Z;return y.value.slice(l,l+Z)}),S=e.computed(()=>Math.ceil(y.value.length/Z)),p=e.ref(!1),V=e.ref([]),L=e.ref([]),B=e.ref(!1),T=e.ref(""),D=e.computed(()=>g.modelValue.map(l=>({label:l.name,value:l.id}))),F={department:{label:"部门",color:"#0052d9",icon:"部"},user:{label:"人员",color:"#1890ff",icon:"人"},post:{label:"岗位",color:"#52c41a",icon:"岗"},position:{label:"职务",color:"#722ed1",icon:"职"},business:{label:"商业",color:"#fa8c16",icon:"商"},external:{label:"外部",color:"#eb2f96",icon:"外"}},H=l=>{var a;return((a=F[l||""])==null?void 0:a.label)||"其他"},j=l=>{var a;return((a=F[l||""])==null?void 0:a.color)||"#999"},v=l=>{var a;return((a=F[l||""])==null?void 0:a.icon)||"?"},ee=l=>{const a=String(l);return a.startsWith("dept-")?"warning":a.startsWith("u-")?"primary":a.startsWith("pos-")?"success":a.startsWith("role-")?"info":"default"},x=l=>g.modelValue.some(a=>a.id===l),Q=l=>({id:l.id,name:l.displayName||l.name||l.title||String(l.id),avatar:l.avatar||"",department:l.department||"",position:l.position||"",phone:l.phone||"",isUser:l.isUser!==!1}),z=l=>{d("update:modelValue",l),L.value=l},J=l=>{l||(y.value=[],T.value="")},P=(l,a)=>{l?g.multiple?z([...g.modelValue,a]):(z([a]),B.value=!1):z(g.modelValue.filter(N=>N.id!==a.id))},X=(l,a)=>{const{trigger:N,index:I}=a;if((N==="tag-remove"||N==="backspace")&&(B.value=!1),N==="clear")V.value=[],z([]);else if(["tag-remove","backspace"].includes(N)){const M=l.map(O=>O.value||O);V.value=M;const w=[...g.modelValue];w.splice(I,1),z(w)}},q=l=>{l.stopPropagation(),l.preventDefault(),B.value=!1,p.value=!0},te=l=>{const a=l.map(Q),N=new Set(g.modelValue.map(w=>w.id)),I=a.filter(w=>!N.has(w.id)),M=g.multiple?[...g.modelValue,...I]:a.slice(0,1);z(M),p.value=!1},oe=l=>{d("load-users",l)},le=l=>{d("search",{keyword:l.keyword,callback:l.callback})};return e.watch(()=>g.modelValue,l=>{V.value=l.map(a=>a.id),L.value=l},{immediate:!0,deep:!0}),e.watch(T,l=>{if(!(l!=null&&l.trim())){y.value=[],u.value=!1;return}u.value=!0,d("search",{keyword:l,callback:a=>{y.value=a,_.value=1,u.value=!1,a.length>0&&(B.value=!0)}})}),(l,a)=>{var O;const N=e.resolveComponent("t-checkbox"),I=e.resolveComponent("t-button"),M=e.resolveComponent("t-tag"),w=e.resolveComponent("t-select-input");return e.openBlock(),e.createElementBlock("div",Xe,[e.createVNode(w,{value:D.value,inputValue:T.value,"onUpdate:inputValue":a[3]||(a[3]=n=>T.value=n),"popup-visible":B.value,"onUpdate:popupVisible":a[4]||(a[4]=n=>B.value=n),"input-props":{readonly:!1,disabled:!1},"tag-input-props":{excessTagsDisplayType:"break-line"},"popup-props":{overlayInnerStyle:{padding:"6px"},closeBtn:!0},placeholder:k.placeholder,loading:u.value,"allow-input":"",clearable:"",multiple:k.multiple,class:"cd-input-select__select",onPopupVisibleChange:J,onTagChange:X},{panel:e.withCtx(()=>[y.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cd-input-select__panel",onMousedown:a[2]||(a[2]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",Ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,n=>(e.openBlock(),e.createBlock(N,{key:n.id,value:n.id,checked:x(n.id),class:"cd-input-select__option",onChange:ae=>P(ae,n)},{default:e.withCtx(()=>[e.createElementVNode("div",Ze,[n.avatar?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("img",{src:n.avatar,alt:n.name},null,8,ve)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"cd-input-select__option-avatar cd-input-select__option-avatar--placeholder",style:e.normalizeStyle({backgroundColor:j(n.nodeType),color:"#fff"})},e.toDisplayString(v(n.nodeType)),5)),e.createElementVNode("div",et,[e.createElementVNode("div",tt,e.toDisplayString(n.name),1),n.isUser&&(n.department||n.post)?(e.openBlock(),e.createElementBlock("div",ot,e.toDisplayString(n.department)+e.toDisplayString(n.department&&n.post?" · ":"")+e.toDisplayString(n.post),1)):n.fnumber?(e.openBlock(),e.createElementBlock("div",lt,e.toDisplayString(n.fnumber),1)):e.createCommentVNode("",!0)]),e.createElementVNode("span",{class:"cd-input-select__option-tag",style:e.normalizeStyle({backgroundColor:j(n.nodeType)+"18",color:j(n.nodeType)})},e.toDisplayString(H(n.nodeType)),5)])]),_:2},1032,["value","checked","onChange"]))),128))]),S.value>1?(e.openBlock(),e.createElementBlock("div",at,[e.createElementVNode("span",nt,e.toDisplayString(y.value.length)+" 条结果",1),e.createElementVNode("div",st,[e.createVNode(I,{size:"small",variant:"text",disabled:_.value<=1,onClick:a[0]||(a[0]=n=>_.value--)},{default:e.withCtx(()=>[...a[9]||(a[9]=[e.createTextVNode("上一页",-1)])]),_:1},8,["disabled"]),e.createElementVNode("span",ct,e.toDisplayString(_.value)+"/"+e.toDisplayString(S.value),1),e.createVNode(I,{size:"small",variant:"text",disabled:_.value>=S.value,onClick:a[1]||(a[1]=n=>_.value++)},{default:e.withCtx(()=>[...a[10]||(a[10]=[e.createTextVNode("下一页",-1)])]),_:1},8,["disabled"])])])):e.createCommentVNode("",!0)],32)):u.value?(e.openBlock(),e.createElementBlock("div",it," 搜索中... ")):(e.openBlock(),e.createElementBlock("div",dt," 暂无搜索结果 "))]),tag:e.withCtx(n=>[n&&n.tag?(e.openBlock(),e.createBlock(M,{key:0,theme:ee(typeof n.tag=="object"?n.tag.value:n.tag),variant:"light",closable:!0,size:"medium"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(typeof n.tag=="object"?n.tag.label:n.tag),1)]),_:2},1032,["theme"])):e.createCommentVNode("",!0)]),suffixIcon:e.withCtx(()=>[e.createElementVNode("i",{class:"ri-add-circle-line cd-input-select__add-icon",onClick:q})]),_:1},8,["value","inputValue","popup-visible","placeholder","loading","multiple"]),(O=k.tabs)!=null&&O.length&&p.value?(e.openBlock(),e.createBlock(Y,{key:0,visible:p.value,"onUpdate:visible":a[5]||(a[5]=n=>p.value=n),modelValue:V.value,"onUpdate:modelValue":a[6]||(a[6]=n=>V.value=n),tabs:k.tabs,organizations:k.organizations||[],"show-org":k.showOrg!==!1,"show-search":!0,multiple:k.multiple,onConfirm:te,onLoadUsers:oe,onSearch:le,onTabChange:a[7]||(a[7]=n=>d("tab-change",n)),onClose:a[8]||(a[8]=n=>p.value=!1)},null,8,["visible","modelValue","tabs","organizations","show-org","multiple"])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-e9fbddf8"]]),rt={install(k){k.component("PersonSelector",Y),k.component("CdInputPersonSelector",K)}};E.CdInputPersonSelector=K,E.InputSelect=K,E.PersonSelector=Y,E.default=rt,Object.defineProperties(E,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(E,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(E=typeof globalThis<"u"?globalThis:E||self,e(E.CdPersonSelector={},E.Vue))})(this,function(E,e){"use strict";const me={class:"cd-ps-container"},fe={key:0,class:"cd-ps-search"},he={key:0,class:"cd-ps-org-select"},ke={class:"cd-ps-search-input"},_e={class:"cd-ps-content"},ge={class:"cd-ps-left"},ue={key:0,class:"cd-ps-loading"},ye={key:1,class:"cd-ps-empty"},Ve={key:2,class:"cd-ps-result-list"},Ce=["onClick"],Be={class:"cd-ps-info"},Ne={class:"cd-ps-name"},be={class:"cd-ps-meta"},Ee={key:0,class:"cd-ps-type-tag"},Se={key:1},xe={key:2},we={key:3},Ue={key:4},Te={key:1,class:"cd-ps-tree"},De={class:"cd-ps-node-name"},Ie={key:0,class:"cd-ps-position"},ze={key:0,class:"cd-ps-count"},$e={key:1,class:"cd-ps-empty"},Pe={class:"cd-ps-right"},Me={class:"cd-ps-right-header"},Oe={class:"cd-ps-num"},Le={class:"cd-ps-right-list"},Re={key:0,class:"cd-ps-empty"},We={key:1,class:"cd-ps-selected-list"},Fe={class:"cd-ps-item-info"},je={class:"cd-ps-info"},Je={class:"cd-ps-name"},qe={class:"cd-ps-meta"},Ae={key:0},Ge={key:1},He={key:2},Qe={key:3},Xe=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","tab-change"],setup(k,{expose:W,emit:u}){var re,pe;const d=k,_=u,y=e.ref(d.visible),g=e.ref(((pe=(re=d.tabs)==null?void 0:re[0])==null?void 0:pe.key)||""),U=e.ref(null),S=e.ref(""),p=e.ref([]),V=e.ref(new Map),L=e.ref({}),B=e.ref(!1),T=e.ref(!1),D=e.ref({}),F=e.computed(()=>d.tabs||[]),H=e.computed(()=>d.organizations||[]);e.computed(()=>d.tips||"");const j=e.computed(()=>d.showSearch),v=e.computed(()=>d.showOrg),ee=e.computed(()=>d.dialogWidth),x=e.ref({});e.watch(()=>d.tabs,o=>{if(o&&o.length>0){const t={};o.forEach(s=>{t[s.key]=JSON.parse(JSON.stringify(s.tree))}),x.value=t,(!g.value||!o.find(s=>s.key===g.value))&&(g.value=o[0].key)}},{immediate:!0,deep:!0});function Q(){if(d.modelValue&&d.modelValue.length>0){const o=d.modelValue[0];typeof o=="object"&&o!==null&&"id"in o?(p.value=d.modelValue.map(t=>t.id),V.value.clear(),d.modelValue.forEach(t=>{V.value.set(t.id,t)})):p.value=[...d.modelValue]}else p.value=[],V.value.clear()}e.watch(()=>d.modelValue,o=>{y.value&&o&&Q()},{deep:!0}),e.watch(()=>d.visible,o=>{y.value=o,o&&(Q(),d.organizations.length>0&&!U.value&&(U.value=d.organizations[0].id))}),e.watch(y,o=>{_("update:visible",o)});function z(o,t){t&&(L.value[o]=t)}function J(o,t){for(const s of o){if(s.id===t)return s;if(s.children){const r=J(s.children,t);if(r)return r}}return null}const P=e.computed(()=>p.value.map(o=>V.value.get(o)).filter(Boolean));function X(o,t){p.value.includes(o)||p.value.push(o),V.value.set(o,t)}function q(o){p.value=p.value.filter(t=>t!==o),V.value.delete(o)}const te=o=>{var s;if(!B.value)return o.name;const t=((s=D.value[o.key])==null?void 0:s.length)??0;return t>0?`${o.name} (${t})`:o.name},oe=o=>{B.value||(S.value="",_("tab-change",{tabKey:o}))},le=o=>{const t={};d.tabs.forEach(r=>{t[r.key]=[]}),x.value=t;const s=()=>{};_("org-change",{orgId:o,tabKey:g.value,callback:s})};let l=null;const a=()=>{if(l&&clearTimeout(l),!S.value.trim()){I();return}B.value=!0,T.value=!0,l=setTimeout(()=>N(),300)},N=()=>{D.value={};const o=t=>{const s={};t.forEach(r=>{const f={...r,isUser:r.isUser!==!1},C=r.nodeType||(r.isUser!==!1?"user":"department");s[C]||(s[C]=[]),s[C].push(f)}),D.value=s,T.value=!1};_("search",{keyword:S.value,orgId:U.value||void 0,callback:o})},I=()=>{l&&(clearTimeout(l),l=null),B.value=!1,S.value="",D.value={},T.value=!1},M=o=>{if(p.value.indexOf(o.id)>-1)q(o.id);else{d.multiple||(p.value=[],V.value.clear());const s=o.isUser?"搜索结果":o.isPost?"职位":"部门";X(o.id,{...o,typeName:s,orgId:U.value}),d.multiple||ne()}};function w(o){const t=[],s=r=>{for(const f of r)t.push(f.id),f.children&&s(f.children)};return s(o),t}const O=(o,t)=>{var b,h;const s=t==null?void 0:t.node;if(s){const m=s.value??((b=s.data)==null?void 0:b.id);if(m!==void 0){if(s.checked){d.multiple||(p.value=[],V.value.clear());const R=d.tabs.find(G=>G.key===g.value),A=R?R.name.replace(/^按/,""):"";X(m,{...s.data,typeName:A,orgId:U.value}),!d.multiple&&((h=s.data)!=null&&h.isUser)&&ne()}else q(m);return}}const r=x.value[g.value]||[],f=w(r),C=p.value.filter(m=>!f.includes(m));p.value=[...C,...o]};function n(o,t,s){for(const r of o){if(r.id===t)return r.children=r.children||[],r.children.push(...s),r.loaded=!0,!0;if(r.children&&n(r.children,t,s))return!0}return!1}async function ae(o,t){var C;const s=o.value,r=L.value[t];if(o.data.loaded){const b=x.value[t];if(b){const h=J(b,s);h&&h.children&&(h.children=h.children.filter(m=>!m.isUser))}r&&(((C=r.getItem(s))==null?void 0:C.children)||[]).filter(m=>{var $;return($=m.data)==null?void 0:$.isUser}).forEach(m=>{try{r.remove(m.value)}catch{}}),o.data.loaded=!1}_("load-users",{tabKey:t,nodeId:s,node:o,callback:async b=>{if(b.length>0){const h=b.map($=>{const{id:R,name:A,...G}=$;return{...G,id:R,name:$.displayName||A,isUser:!0}}),m=x.value[t];if(m&&n(m,s,h),r){r.appendTo(s,h),o.data.loaded=!0,await e.nextTick();try{r.setItem(s,{expanded:!0})}catch{}}}else{o.data.loaded=!0;const h=x.value[t];if(h){const m=J(h,s);m&&(m.loaded=!0)}}}})}const mt=o=>{q(o)},ie=()=>{p.value=[],V.value.clear()},ne=()=>{_("update:modelValue",p.value),_("confirm",P.value),y.value=!1},de=()=>{y.value=!1,_("close")};return W({clearSelection:ie,appendUsers:(o,t,s)=>{const r=L.value[o];if(r&&s.length>0){const f=s.map(C=>{const{id:b,name:h,...m}=C;return{...m,id:b,name:C.displayName||h,isUser:!0}});r.appendTo(t,f)}}}),(o,t)=>{const s=e.resolveComponent("t-option"),r=e.resolveComponent("t-select"),f=e.resolveComponent("t-icon"),C=e.resolveComponent("t-input"),b=e.resolveComponent("t-loading"),h=e.resolveComponent("t-checkbox"),m=e.resolveComponent("t-button"),$=e.resolveComponent("t-tree"),R=e.resolveComponent("t-tab-panel"),A=e.resolveComponent("t-tabs"),G=e.resolveComponent("t-dialog");return e.openBlock(),e.createBlock(G,{visible:y.value,"onUpdate:visible":t[4]||(t[4]=c=>y.value=c),header:"选择人员",width:ee.value,footer:!0,placement:"center","destroy-on-close":"",attach:"body","close-on-overlay-click":!0,onConfirm:ne,onClose:de,onCancel:de},{default:e.withCtx(()=>[e.createElementVNode("div",me,[j.value?(e.openBlock(),e.createElementBlock("div",fe,[v.value&&H.value.length>0?(e.openBlock(),e.createElementBlock("div",he,[e.createVNode(r,{modelValue:U.value,"onUpdate:modelValue":t[0]||(t[0]=c=>U.value=c),placeholder:"选择组织",style:{width:"200px"},onChange:le},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value,c=>(e.openBlock(),e.createBlock(s,{key:c.id,value:c.id,label:c.displayName||c.name},null,8,["value","label"]))),128))]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",ke,[e.createVNode(C,{modelValue:S.value,"onUpdate:modelValue":t[1]||(t[1]=c=>S.value=c),placeholder:"输入手机号/工号/姓名/部门/职位搜索",clearable:"",inputProps:{autocomplete:"off"},onInput:a,onClear:I},{"prefix-icon":e.withCtx(()=>[e.createVNode(f,{name:"search"})]),_:1},8,["modelValue"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",_e,[e.createElementVNode("div",ge,[e.createVNode(A,{modelValue:g.value,"onUpdate:modelValue":t[3]||(t[3]=c=>g.value=c),onChange:oe},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,c=>(e.openBlock(),e.createBlock(R,{key:c.key,value:c.key,label:te(c)},{default:e.withCtx(()=>{var se;return[B.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[T.value?(e.openBlock(),e.createElementBlock("div",ue,[e.createVNode(b),t[5]||(t[5]=e.createElementVNode("span",null,"搜索中...",-1))])):!D.value[c.key]||D.value[c.key].length===0?(e.openBlock(),e.createElementBlock("div",ye,[e.createVNode(f,{name:"search",size:"48px",style:{color:"#ddd"}}),t[6]||(t[6]=e.createElementVNode("p",null,"暂无结果",-1))])):(e.openBlock(),e.createElementBlock("div",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value[c.key],i=>(e.openBlock(),e.createElementBlock("div",{key:i.id,class:e.normalizeClass(["cd-ps-result-item",{"cd-ps-selected":p.value.includes(i.id),"cd-ps-dept-result":!i.isUser}]),onClick:ft=>M(i)},[e.createVNode(h,{checked:p.value.includes(i.id),onClick:t[2]||(t[2]=e.withModifiers(()=>{},["stop"]))},null,8,["checked"]),e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-avatar",{"cd-ps-avatar-dept":!i.isUser}])},[e.createVNode(f,{name:i.isUser?"user":i.isPost?"assignment-checked":"folder"},null,8,["name"])],2),e.createElementVNode("div",Be,[e.createElementVNode("div",Ne,e.toDisplayString(i.displayName||i.name),1),e.createElementVNode("div",be,[i.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Ee,e.toDisplayString(i.isPost?"职位":"部门"),1)),i.position?(e.openBlock(),e.createElementBlock("span",Se,e.toDisplayString(i.position),1)):e.createCommentVNode("",!0),i.department?(e.openBlock(),e.createElementBlock("span",xe,e.toDisplayString(i.department),1)):e.createCommentVNode("",!0),i.phone?(e.openBlock(),e.createElementBlock("span",we,e.toDisplayString(i.phone),1)):e.createCommentVNode("",!0),i.userCount?(e.openBlock(),e.createElementBlock("span",Ue,e.toDisplayString(i.userCount)+"人",1)):e.createCommentVNode("",!0)])])],10,Ce))),128))]))],64)):(e.openBlock(),e.createElementBlock("div",Te,[((se=x.value[c.key])==null?void 0:se.length)>0?(e.openBlock(),e.createBlock($,{key:0,ref_for:!0,ref:i=>z(c.key,i),data:x.value[c.key],keys:{value:"id",label:"name",children:"children"},hover:"",checkable:"","expand-all":!1,value:p.value,onChange:O},{label:e.withCtx(({node:i})=>[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-node",{"cd-ps-node-user":i.data.isUser}])},[e.createVNode(f,{name:i.data.isUser?"user":c.icon||"folder"},null,8,["name"]),e.createElementVNode("span",De,[e.createTextVNode(e.toDisplayString(i.label)+" ",1),i.data.isUser&&i.data.position?(e.openBlock(),e.createElementBlock("span",Ie,e.toDisplayString(i.data.position),1)):e.createCommentVNode("",!0)]),i.data.userCount&&!i.data.isUser?(e.openBlock(),e.createElementBlock("span",ze,"("+e.toDisplayString(i.data.userCount)+")",1)):e.createCommentVNode("",!0),i.data.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(m,{key:1,size:"small",variant:"text",class:"cd-ps-load-btn",onClick:e.withModifiers(ft=>ae(i,c.key),["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.data.loaded?"刷新人员":"显示人员"),1)]),_:2},1032,["onClick"]))],2)]),_:2},1032,["data","value"])):(e.openBlock(),e.createElementBlock("div",$e,[e.createVNode(f,{name:c.icon||"folder-open",size:"48px",style:{color:"#ddd"}},null,8,["name"]),t[7]||(t[7]=e.createElementVNode("p",null,"暂无数据",-1))]))]))]}),_:2},1032,["value","label"]))),128))]),_:1},8,["modelValue"])]),e.createElementVNode("div",Pe,[e.createElementVNode("div",Me,[t[9]||(t[9]=e.createElementVNode("span",{class:"cd-ps-title"},"已选择",-1)),e.createElementVNode("span",Oe,e.toDisplayString(P.value.length)+" 项",1),P.value.length>0?(e.openBlock(),e.createBlock(m,{key:0,size:"small",variant:"text",onClick:ie},{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode("清空",-1)])]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",Le,[P.value.length===0?(e.openBlock(),e.createElementBlock("div",Re,[e.createVNode(f,{name:"user-checked",size:"64px",style:{color:"#ddd"}}),t[10]||(t[10]=e.createElementVNode("p",null,"暂无选择",-1))])):(e.openBlock(),e.createElementBlock("div",We,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,c=>(e.openBlock(),e.createElementBlock("div",{key:c.id,class:e.normalizeClass(["cd-ps-selected-item",{"cd-ps-dept-item":!c.isUser}])},[e.createElementVNode("div",Fe,[e.createElementVNode("div",{class:e.normalizeClass(["cd-ps-avatar",{"cd-ps-avatar-dept":!c.isUser}])},[e.createVNode(f,{name:c.isUser?"user":"folder"},null,8,["name"])],2),e.createElementVNode("div",je,[e.createElementVNode("div",Je,e.toDisplayString(c.displayName||c.name),1),e.createElementVNode("div",qe,[c.isUser&&c.position?(e.openBlock(),e.createElementBlock("span",Ae,e.toDisplayString(c.position),1)):e.createCommentVNode("",!0),c.isUser&&c.department?(e.openBlock(),e.createElementBlock("span",Ge,e.toDisplayString(c.department),1)):e.createCommentVNode("",!0),c.isUser?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",He,e.toDisplayString(c.typeName||"部门"),1)),!c.isUser&&c.userCount?(e.openBlock(),e.createElementBlock("span",Qe,e.toDisplayString(c.userCount)+"人",1)):e.createCommentVNode("",!0)])])]),e.createVNode(m,{size:"small",variant:"text",shape:"circle",onClick:se=>mt(c.id)},{icon:e.withCtx(()=>[e.createVNode(f,{name:"close"})]),_:1},8,["onClick"])],2))),128))]))])])])])]),_:1},8,["visible","width"])}}}),ce=(k,W)=>{const u=k.__vccOpts||k;for(const[d,_]of W)u[d]=_;return u},Y=ce(Xe,[["__scopeId","data-v-06746f32"]]),Ye={class:"cd-input-select"},Ze={class:"cd-input-select__grid"},Ke={class:"cd-input-select__option-content"},ve={key:0,class:"cd-input-select__option-avatar"},et=["src","alt"],tt={class:"cd-input-select__option-info"},ot={class:"cd-input-select__option-name"},lt={key:0,class:"cd-input-select__option-desc"},at={key:1,class:"cd-input-select__option-desc"},nt={key:0,class:"cd-input-select__pager"},st={class:"cd-input-select__pager-info"},ct={class:"cd-input-select__pager-btns"},it={class:"cd-input-select__pager-num"},dt={key:1,class:"cd-input-select__loading"},rt={key:2,class:"cd-input-select__empty"},Z=10,K=ce(e.defineComponent({name:"CdInputPersonSelector",__name:"InputSelect",props:{modelValue:{},multiple:{type:Boolean,default:!0},placeholder:{default:"搜索用户、部门、职位、岗位"},tabs:{},organizations:{},showOrg:{type:Boolean}},emits:["update:modelValue","search","load-users","tab-change"],setup(k,{emit:W}){const u=k,d=W,_=e.ref(!1),y=e.ref([]),g=e.ref(1),U=e.computed(()=>{const l=(g.value-1)*Z;return y.value.slice(l,l+Z)}),S=e.computed(()=>Math.ceil(y.value.length/Z)),p=e.ref(!1),V=e.ref([]),L=e.ref([]),B=e.ref(!1),T=e.ref(""),D=e.computed(()=>u.modelValue.map(l=>({label:l.name,value:l.id}))),F={department:{label:"部门",color:"#0052d9",icon:"部"},user:{label:"人员",color:"#1890ff",icon:"人"},post:{label:"岗位",color:"#52c41a",icon:"岗"},position:{label:"职务",color:"#722ed1",icon:"职"},business:{label:"商业",color:"#fa8c16",icon:"商"},external:{label:"外部",color:"#eb2f96",icon:"外"}},H=l=>{var a;return((a=F[l||""])==null?void 0:a.label)||"其他"},j=l=>{var a;return((a=F[l||""])==null?void 0:a.color)||"#999"},v=l=>{var a;return((a=F[l||""])==null?void 0:a.icon)||"?"},ee=l=>{const a=String(l);return a.startsWith("dept-")?"warning":a.startsWith("u-")?"primary":a.startsWith("pos-")?"success":a.startsWith("role-")?"info":"default"},x=l=>u.modelValue.some(a=>a.id===l),Q=l=>({id:l.id,name:l.displayName||l.name||l.title||String(l.id),avatar:l.avatar||"",department:l.department||"",position:l.position||"",phone:l.phone||"",isUser:l.isUser!==!1}),z=l=>{d("update:modelValue",l),L.value=l},J=l=>{l||(y.value=[],T.value="")},P=(l,a)=>{l?u.multiple?z([...u.modelValue,a]):(z([a]),B.value=!1):z(u.modelValue.filter(N=>N.id!==a.id))},X=(l,a)=>{const{trigger:N,index:I}=a;if((N==="tag-remove"||N==="backspace")&&(B.value=!1),N==="clear")V.value=[],z([]);else if(["tag-remove","backspace"].includes(N)){const M=l.map(O=>O.value||O);V.value=M;const w=[...u.modelValue];w.splice(I,1),z(w)}},q=l=>{l.stopPropagation(),l.preventDefault(),B.value=!1,p.value=!0},te=l=>{const a=l.map(Q),N=new Set(u.modelValue.map(w=>w.id)),I=a.filter(w=>!N.has(w.id)),M=u.multiple?[...u.modelValue,...I]:a.slice(0,1);z(M),p.value=!1},oe=l=>{d("load-users",l)},le=l=>{d("search",{keyword:l.keyword,callback:l.callback})};return e.watch(()=>u.modelValue,l=>{V.value=l.map(a=>a.id),L.value=l},{immediate:!0,deep:!0}),e.watch(T,l=>{if(!(l!=null&&l.trim())){y.value=[],_.value=!1;return}_.value=!0,d("search",{keyword:l,callback:a=>{y.value=a,g.value=1,_.value=!1,a.length>0&&(B.value=!0)}})}),(l,a)=>{var O;const N=e.resolveComponent("t-checkbox"),I=e.resolveComponent("t-button"),M=e.resolveComponent("t-tag"),w=e.resolveComponent("t-select-input");return e.openBlock(),e.createElementBlock("div",Ye,[e.createVNode(w,{value:D.value,inputValue:T.value,"onUpdate:inputValue":a[3]||(a[3]=n=>T.value=n),"popup-visible":B.value,"onUpdate:popupVisible":a[4]||(a[4]=n=>B.value=n),"input-props":{readonly:!1,disabled:!1},"tag-input-props":{excessTagsDisplayType:"break-line"},"popup-props":{overlayInnerStyle:{padding:"6px"},closeBtn:!0},placeholder:k.placeholder,loading:_.value,"allow-input":"",clearable:"",multiple:k.multiple,class:"cd-input-select__select",onPopupVisibleChange:J,onTagChange:X},{panel:e.withCtx(()=>[y.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cd-input-select__panel",onMousedown:a[2]||(a[2]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",Ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,n=>(e.openBlock(),e.createBlock(N,{key:n.id,value:n.id,checked:x(n.id),class:"cd-input-select__option",onChange:ae=>P(ae,n)},{default:e.withCtx(()=>[e.createElementVNode("div",Ke,[n.avatar?(e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("img",{src:n.avatar,alt:n.name},null,8,et)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"cd-input-select__option-avatar cd-input-select__option-avatar--placeholder",style:e.normalizeStyle({backgroundColor:j(n.nodeType),color:"#fff"})},e.toDisplayString(v(n.nodeType)),5)),e.createElementVNode("div",tt,[e.createElementVNode("div",ot,e.toDisplayString(n.name),1),n.isUser&&(n.department||n.post)?(e.openBlock(),e.createElementBlock("div",lt,e.toDisplayString(n.department)+e.toDisplayString(n.department&&n.post?" · ":"")+e.toDisplayString(n.post),1)):n.fnumber?(e.openBlock(),e.createElementBlock("div",at,e.toDisplayString(n.fnumber),1)):e.createCommentVNode("",!0)]),e.createElementVNode("span",{class:"cd-input-select__option-tag",style:e.normalizeStyle({backgroundColor:j(n.nodeType)+"18",color:j(n.nodeType)})},e.toDisplayString(H(n.nodeType)),5)])]),_:2},1032,["value","checked","onChange"]))),128))]),S.value>1?(e.openBlock(),e.createElementBlock("div",nt,[e.createElementVNode("span",st,e.toDisplayString(y.value.length)+" 条结果",1),e.createElementVNode("div",ct,[e.createVNode(I,{size:"small",variant:"text",disabled:g.value<=1,onClick:a[0]||(a[0]=n=>g.value--)},{default:e.withCtx(()=>[...a[9]||(a[9]=[e.createTextVNode("上一页",-1)])]),_:1},8,["disabled"]),e.createElementVNode("span",it,e.toDisplayString(g.value)+"/"+e.toDisplayString(S.value),1),e.createVNode(I,{size:"small",variant:"text",disabled:g.value>=S.value,onClick:a[1]||(a[1]=n=>g.value++)},{default:e.withCtx(()=>[...a[10]||(a[10]=[e.createTextVNode("下一页",-1)])]),_:1},8,["disabled"])])])):e.createCommentVNode("",!0)],32)):_.value?(e.openBlock(),e.createElementBlock("div",dt," 搜索中... ")):(e.openBlock(),e.createElementBlock("div",rt," 暂无搜索结果 "))]),tag:e.withCtx(n=>[n&&n.tag?(e.openBlock(),e.createBlock(M,{key:0,theme:ee(typeof n.tag=="object"?n.tag.value:n.tag),variant:"light",closable:!0,size:"medium"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(typeof n.tag=="object"?n.tag.label:n.tag),1)]),_:2},1032,["theme"])):e.createCommentVNode("",!0)]),suffixIcon:e.withCtx(()=>[e.createElementVNode("i",{class:"ri-add-circle-line cd-input-select__add-icon",onClick:q})]),_:1},8,["value","inputValue","popup-visible","placeholder","loading","multiple"]),(O=k.tabs)!=null&&O.length&&p.value?(e.openBlock(),e.createBlock(Y,{key:0,visible:p.value,"onUpdate:visible":a[5]||(a[5]=n=>p.value=n),modelValue:V.value,"onUpdate:modelValue":a[6]||(a[6]=n=>V.value=n),tabs:k.tabs,organizations:k.organizations||[],"show-org":k.showOrg!==!1,"show-search":!0,multiple:k.multiple,onConfirm:te,onLoadUsers:oe,onSearch:le,onTabChange:a[7]||(a[7]=n=>d("tab-change",n)),onClose:a[8]||(a[8]=n=>p.value=!1)},null,8,["visible","modelValue","tabs","organizations","show-org","multiple"])):e.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-e9fbddf8"]]),pt={install(k){k.component("PersonSelector",Y),k.component("CdInputPersonSelector",K)}};E.CdInputPersonSelector=K,E.InputSelect=K,E.PersonSelector=Y,E.default=pt,Object.defineProperties(E,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as Se, ref as g, computed as D, watch as X, resolveComponent as x, openBlock as o, createBlock as W, withCtx as U, createElementVNode as u, createElementBlock as c, createVNode as k, Fragment as Q, renderList as oe, createCommentVNode as _, normalizeClass as ne, withModifiers as ye, toDisplayString as v, createTextVNode as Y, nextTick as $e, normalizeStyle as Ue } from "vue";
|
|
2
2
|
const ze = { class: "cd-ps-container" }, we = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "cd-ps-search"
|
|
@@ -35,7 +35,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
35
35
|
}, nt = {
|
|
36
36
|
key: 1,
|
|
37
37
|
class: "cd-ps-selected-list"
|
|
38
|
-
}, ot = { class: "cd-ps-item-info" }, it = { class: "cd-ps-info" }, ct = { class: "cd-ps-name" }, dt = { class: "cd-ps-meta" }, ut = { key: 0 }, rt = { key: 1 }, pt = { key: 2 }, vt = { key: 3 }, ft = /* @__PURE__ */
|
|
38
|
+
}, ot = { class: "cd-ps-item-info" }, it = { class: "cd-ps-info" }, ct = { class: "cd-ps-name" }, dt = { class: "cd-ps-meta" }, ut = { key: 0 }, rt = { key: 1 }, pt = { key: 2 }, vt = { key: 3 }, ft = /* @__PURE__ */ Se({
|
|
39
39
|
__name: "PersonSelector",
|
|
40
40
|
props: {
|
|
41
41
|
visible: { type: Boolean, default: !1 },
|
|
@@ -49,9 +49,9 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
49
49
|
multiple: { type: Boolean, default: !0 }
|
|
50
50
|
},
|
|
51
51
|
emits: ["update:visible", "update:modelValue", "confirm", "load-users", "search", "org-change", "tab-change"],
|
|
52
|
-
setup(b, { expose: Z, emit:
|
|
53
|
-
var
|
|
54
|
-
const r = b,
|
|
52
|
+
setup(b, { expose: Z, emit: S }) {
|
|
53
|
+
var Ce, Ve;
|
|
54
|
+
const r = b, C = S, I = g(r.visible), V = g(((Ve = (Ce = r.tabs) == null ? void 0 : Ce[0]) == null ? void 0 : Ve.key) || ""), M = g(null), B = g(""), f = g([]), T = g(/* @__PURE__ */ new Map()), G = g({}), $ = g(!1), R = g(!1), L = g({}), K = D(() => r.tabs || []), ie = D(() => r.organizations || []);
|
|
55
55
|
D(() => r.tips || "");
|
|
56
56
|
const ee = D(() => r.showSearch), ue = D(() => r.showOrg), re = D(() => r.dialogWidth), O = g({});
|
|
57
57
|
X(() => r.tabs, (t) => {
|
|
@@ -59,7 +59,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
59
59
|
const e = {};
|
|
60
60
|
t.forEach((n) => {
|
|
61
61
|
e[n.key] = JSON.parse(JSON.stringify(n.tree));
|
|
62
|
-
}), O.value = e, (!
|
|
62
|
+
}), O.value = e, (!V.value || !t.find((n) => n.key === V.value)) && (V.value = t[0].key);
|
|
63
63
|
}
|
|
64
64
|
}, { immediate: !0, deep: !0 });
|
|
65
65
|
function ce() {
|
|
@@ -76,7 +76,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
76
76
|
}, { deep: !0 }), X(() => r.visible, (t) => {
|
|
77
77
|
I.value = t, t && (ce(), r.organizations.length > 0 && !M.value && (M.value = r.organizations[0].id));
|
|
78
78
|
}), X(I, (t) => {
|
|
79
|
-
|
|
79
|
+
C("update:visible", t);
|
|
80
80
|
});
|
|
81
81
|
function j(t, e) {
|
|
82
82
|
e && (G.value[t] = e);
|
|
@@ -104,7 +104,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
104
104
|
const e = ((n = L.value[t.key]) == null ? void 0 : n.length) ?? 0;
|
|
105
105
|
return e > 0 ? `${t.name} (${e})` : t.name;
|
|
106
106
|
}, ve = (t) => {
|
|
107
|
-
$.value || (B.value = "",
|
|
107
|
+
$.value || (B.value = "", C("tab-change", { tabKey: t }));
|
|
108
108
|
}, fe = (t) => {
|
|
109
109
|
const e = {};
|
|
110
110
|
r.tabs.forEach((p) => {
|
|
@@ -112,7 +112,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
112
112
|
}), O.value = e;
|
|
113
113
|
const n = () => {
|
|
114
114
|
};
|
|
115
|
-
|
|
115
|
+
C("org-change", { orgId: t, tabKey: V.value, callback: n });
|
|
116
116
|
};
|
|
117
117
|
let a = null;
|
|
118
118
|
const l = () => {
|
|
@@ -130,7 +130,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
130
130
|
n[N] || (n[N] = []), n[N].push(m);
|
|
131
131
|
}), L.value = n, R.value = !1;
|
|
132
132
|
};
|
|
133
|
-
|
|
133
|
+
C("search", { keyword: B.value, orgId: M.value || void 0, callback: t });
|
|
134
134
|
}, E = () => {
|
|
135
135
|
a && (clearTimeout(a), a = null), $.value = !1, B.value = "", L.value = {}, R.value = !1;
|
|
136
136
|
}, F = (t) => {
|
|
@@ -157,14 +157,14 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
157
157
|
if (h !== void 0) {
|
|
158
158
|
if (n.checked) {
|
|
159
159
|
r.multiple || (f.value = [], T.value.clear());
|
|
160
|
-
const H = r.tabs.find((se) => se.key ===
|
|
160
|
+
const H = r.tabs.find((se) => se.key === V.value), le = H ? H.name.replace(/^按/, "") : "";
|
|
161
161
|
de(h, { ...n.data, typeName: le, orgId: M.value }), !r.multiple && ((y = n.data) != null && y.isUser) && me();
|
|
162
162
|
} else
|
|
163
163
|
ae(h);
|
|
164
164
|
return;
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
|
-
const p = O.value[
|
|
167
|
+
const p = O.value[V.value] || [], m = P(p), N = f.value.filter((h) => !m.includes(h));
|
|
168
168
|
f.value = [...N, ...t];
|
|
169
169
|
};
|
|
170
170
|
function s(t, e, n) {
|
|
@@ -195,7 +195,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
195
195
|
}
|
|
196
196
|
}), t.data.loaded = !1;
|
|
197
197
|
}
|
|
198
|
-
|
|
198
|
+
C("load-users", { tabKey: e, nodeId: n, node: t, callback: async (w) => {
|
|
199
199
|
if (w.length > 0) {
|
|
200
200
|
const y = w.map((J) => {
|
|
201
201
|
const { id: H, name: le, ...se } = J;
|
|
@@ -218,14 +218,14 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
218
218
|
}
|
|
219
219
|
} });
|
|
220
220
|
}
|
|
221
|
-
const
|
|
221
|
+
const xe = (t) => {
|
|
222
222
|
ae(t);
|
|
223
223
|
}, ke = () => {
|
|
224
224
|
f.value = [], T.value.clear();
|
|
225
225
|
}, me = () => {
|
|
226
|
-
|
|
227
|
-
},
|
|
228
|
-
I.value = !1;
|
|
226
|
+
C("update:modelValue", f.value), C("confirm", A.value), I.value = !1;
|
|
227
|
+
}, be = () => {
|
|
228
|
+
I.value = !1, C("close");
|
|
229
229
|
};
|
|
230
230
|
return Z({
|
|
231
231
|
clearSelection: ke,
|
|
@@ -250,10 +250,12 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
250
250
|
placement: "center",
|
|
251
251
|
"destroy-on-close": "",
|
|
252
252
|
attach: "body",
|
|
253
|
+
"close-on-overlay-click": !0,
|
|
253
254
|
onConfirm: me,
|
|
254
|
-
onClose:
|
|
255
|
+
onClose: be,
|
|
256
|
+
onCancel: be
|
|
255
257
|
}, {
|
|
256
|
-
default:
|
|
258
|
+
default: U(() => [
|
|
257
259
|
u("div", ze, [
|
|
258
260
|
ee.value ? (o(), c("div", we, [
|
|
259
261
|
ue.value && ie.value.length > 0 ? (o(), c("div", Be, [
|
|
@@ -264,7 +266,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
264
266
|
style: { width: "200px" },
|
|
265
267
|
onChange: fe
|
|
266
268
|
}, {
|
|
267
|
-
default:
|
|
269
|
+
default: U(() => [
|
|
268
270
|
(o(!0), c(Q, null, oe(ie.value, (i) => (o(), W(n, {
|
|
269
271
|
key: i.id,
|
|
270
272
|
value: i.id,
|
|
@@ -284,7 +286,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
284
286
|
onInput: l,
|
|
285
287
|
onClear: E
|
|
286
288
|
}, {
|
|
287
|
-
"prefix-icon":
|
|
289
|
+
"prefix-icon": U(() => [
|
|
288
290
|
k(m, { name: "search" })
|
|
289
291
|
]),
|
|
290
292
|
_: 1
|
|
@@ -294,17 +296,17 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
294
296
|
u("div", Pe, [
|
|
295
297
|
u("div", De, [
|
|
296
298
|
k(le, {
|
|
297
|
-
modelValue:
|
|
298
|
-
"onUpdate:modelValue": e[3] || (e[3] = (i) =>
|
|
299
|
+
modelValue: V.value,
|
|
300
|
+
"onUpdate:modelValue": e[3] || (e[3] = (i) => V.value = i),
|
|
299
301
|
onChange: ve
|
|
300
302
|
}, {
|
|
301
|
-
default:
|
|
303
|
+
default: U(() => [
|
|
302
304
|
(o(!0), c(Q, null, oe(K.value, (i) => (o(), W(H, {
|
|
303
305
|
key: i.key,
|
|
304
306
|
value: i.key,
|
|
305
307
|
label: pe(i)
|
|
306
308
|
}, {
|
|
307
|
-
default:
|
|
309
|
+
default: U(() => {
|
|
308
310
|
var _e;
|
|
309
311
|
return [
|
|
310
312
|
$.value ? (o(), c(Q, { key: 0 }, [
|
|
@@ -361,7 +363,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
361
363
|
value: f.value,
|
|
362
364
|
onChange: q
|
|
363
365
|
}, {
|
|
364
|
-
label:
|
|
366
|
+
label: U(({ node: d }) => [
|
|
365
367
|
u("div", {
|
|
366
368
|
class: ne(["cd-ps-node", { "cd-ps-node-user": d.data.isUser }])
|
|
367
369
|
}, [
|
|
@@ -380,7 +382,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
380
382
|
class: "cd-ps-load-btn",
|
|
381
383
|
onClick: ye((Ne) => he(d, i.key), ["stop"])
|
|
382
384
|
}, {
|
|
383
|
-
default:
|
|
385
|
+
default: U(() => [
|
|
384
386
|
Y(v(d.data.loaded ? "刷新人员" : "显示人员"), 1)
|
|
385
387
|
]),
|
|
386
388
|
_: 2
|
|
@@ -415,7 +417,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
415
417
|
variant: "text",
|
|
416
418
|
onClick: ke
|
|
417
419
|
}, {
|
|
418
|
-
default:
|
|
420
|
+
default: U(() => [...e[8] || (e[8] = [
|
|
419
421
|
Y("清空", -1)
|
|
420
422
|
])]),
|
|
421
423
|
_: 1
|
|
@@ -456,9 +458,9 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
456
458
|
size: "small",
|
|
457
459
|
variant: "text",
|
|
458
460
|
shape: "circle",
|
|
459
|
-
onClick: (_e) =>
|
|
461
|
+
onClick: (_e) => xe(i.id)
|
|
460
462
|
}, {
|
|
461
|
-
icon:
|
|
463
|
+
icon: U(() => [
|
|
462
464
|
k(m, { name: "close" })
|
|
463
465
|
]),
|
|
464
466
|
_: 1
|
|
@@ -474,12 +476,12 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
474
476
|
}, 8, ["visible", "width"]);
|
|
475
477
|
};
|
|
476
478
|
}
|
|
477
|
-
}),
|
|
478
|
-
const
|
|
479
|
-
for (const [r,
|
|
480
|
-
|
|
481
|
-
return
|
|
482
|
-
},
|
|
479
|
+
}), Ie = (b, Z) => {
|
|
480
|
+
const S = b.__vccOpts || b;
|
|
481
|
+
for (const [r, C] of Z)
|
|
482
|
+
S[r] = C;
|
|
483
|
+
return S;
|
|
484
|
+
}, Te = /* @__PURE__ */ Ie(ft, [["__scopeId", "data-v-06746f32"]]), ht = { class: "cd-input-select" }, mt = { class: "cd-input-select__grid" }, _t = { class: "cd-input-select__option-content" }, gt = {
|
|
483
485
|
key: 0,
|
|
484
486
|
class: "cd-input-select__option-avatar"
|
|
485
487
|
}, yt = ["src", "alt"], kt = { class: "cd-input-select__option-info" }, bt = { class: "cd-input-select__option-name" }, Ct = {
|
|
@@ -497,7 +499,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
497
499
|
}, Nt = {
|
|
498
500
|
key: 2,
|
|
499
501
|
class: "cd-input-select__empty"
|
|
500
|
-
}, ge = 10, $t = /* @__PURE__ */
|
|
502
|
+
}, ge = 10, $t = /* @__PURE__ */ Se({
|
|
501
503
|
name: "CdInputPersonSelector",
|
|
502
504
|
__name: "InputSelect",
|
|
503
505
|
props: {
|
|
@@ -510,10 +512,10 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
510
512
|
},
|
|
511
513
|
emits: ["update:modelValue", "search", "load-users", "tab-change"],
|
|
512
514
|
setup(b, { emit: Z }) {
|
|
513
|
-
const
|
|
514
|
-
const a = (
|
|
515
|
+
const S = b, r = Z, C = g(!1), I = g([]), V = g(1), M = D(() => {
|
|
516
|
+
const a = (V.value - 1) * ge;
|
|
515
517
|
return I.value.slice(a, a + ge);
|
|
516
|
-
}), B = D(() => Math.ceil(I.value.length / ge)), f = g(!1), T = g([]), G = g([]), $ = g(!1), R = g(""), L = D(() =>
|
|
518
|
+
}), B = D(() => Math.ceil(I.value.length / ge)), f = g(!1), T = g([]), G = g([]), $ = g(!1), R = g(""), L = D(() => S.modelValue.map((a) => ({
|
|
517
519
|
label: a.name,
|
|
518
520
|
value: a.id
|
|
519
521
|
}))), K = {
|
|
@@ -535,7 +537,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
535
537
|
}, re = (a) => {
|
|
536
538
|
const l = String(a);
|
|
537
539
|
return l.startsWith("dept-") ? "warning" : l.startsWith("u-") ? "primary" : l.startsWith("pos-") ? "success" : l.startsWith("role-") ? "info" : "default";
|
|
538
|
-
}, O = (a) =>
|
|
540
|
+
}, O = (a) => S.modelValue.some((l) => l.id === a), ce = (a) => ({
|
|
539
541
|
id: a.id,
|
|
540
542
|
name: a.displayName || a.name || a.title || String(a.id),
|
|
541
543
|
avatar: a.avatar || "",
|
|
@@ -548,7 +550,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
548
550
|
}, te = (a) => {
|
|
549
551
|
a || (I.value = [], R.value = "");
|
|
550
552
|
}, A = (a, l) => {
|
|
551
|
-
a ?
|
|
553
|
+
a ? S.multiple ? j([...S.modelValue, l]) : (j([l]), $.value = !1) : j(S.modelValue.filter((z) => z.id !== l.id));
|
|
552
554
|
}, de = (a, l) => {
|
|
553
555
|
const { trigger: z, index: E } = l;
|
|
554
556
|
if ((z === "tag-remove" || z === "backspace") && ($.value = !1), z === "clear")
|
|
@@ -556,30 +558,30 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
556
558
|
else if (["tag-remove", "backspace"].includes(z)) {
|
|
557
559
|
const F = a.map((q) => q.value || q);
|
|
558
560
|
T.value = F;
|
|
559
|
-
const P = [...
|
|
561
|
+
const P = [...S.modelValue];
|
|
560
562
|
P.splice(E, 1), j(P);
|
|
561
563
|
}
|
|
562
564
|
}, ae = (a) => {
|
|
563
565
|
a.stopPropagation(), a.preventDefault(), $.value = !1, f.value = !0;
|
|
564
566
|
}, pe = (a) => {
|
|
565
|
-
const l = a.map(ce), z = new Set(
|
|
567
|
+
const l = a.map(ce), z = new Set(S.modelValue.map((P) => P.id)), E = l.filter((P) => !z.has(P.id)), F = S.multiple ? [...S.modelValue, ...E] : l.slice(0, 1);
|
|
566
568
|
j(F), f.value = !1;
|
|
567
569
|
}, ve = (a) => {
|
|
568
570
|
r("load-users", a);
|
|
569
571
|
}, fe = (a) => {
|
|
570
572
|
r("search", { keyword: a.keyword, callback: a.callback });
|
|
571
573
|
};
|
|
572
|
-
return X(() =>
|
|
574
|
+
return X(() => S.modelValue, (a) => {
|
|
573
575
|
T.value = a.map((l) => l.id), G.value = a;
|
|
574
576
|
}, { immediate: !0, deep: !0 }), X(R, (a) => {
|
|
575
577
|
if (!(a != null && a.trim())) {
|
|
576
|
-
I.value = [],
|
|
578
|
+
I.value = [], C.value = !1;
|
|
577
579
|
return;
|
|
578
580
|
}
|
|
579
|
-
|
|
581
|
+
C.value = !0, r("search", {
|
|
580
582
|
keyword: a,
|
|
581
583
|
callback: (l) => {
|
|
582
|
-
I.value = l,
|
|
584
|
+
I.value = l, V.value = 1, C.value = !1, l.length > 0 && ($.value = !0);
|
|
583
585
|
}
|
|
584
586
|
});
|
|
585
587
|
}), (a, l) => {
|
|
@@ -604,7 +606,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
604
606
|
closeBtn: !0
|
|
605
607
|
},
|
|
606
608
|
placeholder: b.placeholder,
|
|
607
|
-
loading:
|
|
609
|
+
loading: C.value,
|
|
608
610
|
"allow-input": "",
|
|
609
611
|
clearable: "",
|
|
610
612
|
multiple: b.multiple,
|
|
@@ -612,7 +614,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
612
614
|
onPopupVisibleChange: te,
|
|
613
615
|
onTagChange: de
|
|
614
616
|
}, {
|
|
615
|
-
panel:
|
|
617
|
+
panel: U(() => [
|
|
616
618
|
I.value.length > 0 ? (o(), c("div", {
|
|
617
619
|
key: 0,
|
|
618
620
|
class: "cd-input-select__panel",
|
|
@@ -627,7 +629,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
627
629
|
class: "cd-input-select__option",
|
|
628
630
|
onChange: (he) => A(he, s)
|
|
629
631
|
}, {
|
|
630
|
-
default:
|
|
632
|
+
default: U(() => [
|
|
631
633
|
u("div", _t, [
|
|
632
634
|
s.avatar ? (o(), c("div", gt, [
|
|
633
635
|
u("img", {
|
|
@@ -637,7 +639,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
637
639
|
])) : (o(), c("div", {
|
|
638
640
|
key: 1,
|
|
639
641
|
class: "cd-input-select__option-avatar cd-input-select__option-avatar--placeholder",
|
|
640
|
-
style:
|
|
642
|
+
style: Ue({
|
|
641
643
|
backgroundColor: ee(s.nodeType),
|
|
642
644
|
color: "#fff"
|
|
643
645
|
})
|
|
@@ -648,7 +650,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
648
650
|
]),
|
|
649
651
|
u("span", {
|
|
650
652
|
class: "cd-input-select__option-tag",
|
|
651
|
-
style:
|
|
653
|
+
style: Ue({ backgroundColor: ee(s.nodeType) + "18", color: ee(s.nodeType) })
|
|
652
654
|
}, v(ie(s.nodeType)), 5)
|
|
653
655
|
])
|
|
654
656
|
]),
|
|
@@ -661,31 +663,31 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
661
663
|
k(E, {
|
|
662
664
|
size: "small",
|
|
663
665
|
variant: "text",
|
|
664
|
-
disabled:
|
|
665
|
-
onClick: l[0] || (l[0] = (s) =>
|
|
666
|
+
disabled: V.value <= 1,
|
|
667
|
+
onClick: l[0] || (l[0] = (s) => V.value--)
|
|
666
668
|
}, {
|
|
667
|
-
default:
|
|
669
|
+
default: U(() => [...l[9] || (l[9] = [
|
|
668
670
|
Y("上一页", -1)
|
|
669
671
|
])]),
|
|
670
672
|
_: 1
|
|
671
673
|
}, 8, ["disabled"]),
|
|
672
|
-
u("span", Tt, v(
|
|
674
|
+
u("span", Tt, v(V.value) + "/" + v(B.value), 1),
|
|
673
675
|
k(E, {
|
|
674
676
|
size: "small",
|
|
675
677
|
variant: "text",
|
|
676
|
-
disabled:
|
|
677
|
-
onClick: l[1] || (l[1] = (s) =>
|
|
678
|
+
disabled: V.value >= B.value,
|
|
679
|
+
onClick: l[1] || (l[1] = (s) => V.value++)
|
|
678
680
|
}, {
|
|
679
|
-
default:
|
|
681
|
+
default: U(() => [...l[10] || (l[10] = [
|
|
680
682
|
Y("下一页", -1)
|
|
681
683
|
])]),
|
|
682
684
|
_: 1
|
|
683
685
|
}, 8, ["disabled"])
|
|
684
686
|
])
|
|
685
687
|
])) : _("", !0)
|
|
686
|
-
], 32)) :
|
|
688
|
+
], 32)) : C.value ? (o(), c("div", xt, " 搜索中... ")) : (o(), c("div", Nt, " 暂无搜索结果 "))
|
|
687
689
|
]),
|
|
688
|
-
tag:
|
|
690
|
+
tag: U((s) => [
|
|
689
691
|
s && s.tag ? (o(), W(F, {
|
|
690
692
|
key: 0,
|
|
691
693
|
theme: re(typeof s.tag == "object" ? s.tag.value : s.tag),
|
|
@@ -693,13 +695,13 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
693
695
|
closable: !0,
|
|
694
696
|
size: "medium"
|
|
695
697
|
}, {
|
|
696
|
-
default:
|
|
698
|
+
default: U(() => [
|
|
697
699
|
Y(v(typeof s.tag == "object" ? s.tag.label : s.tag), 1)
|
|
698
700
|
]),
|
|
699
701
|
_: 2
|
|
700
702
|
}, 1032, ["theme"])) : _("", !0)
|
|
701
703
|
]),
|
|
702
|
-
suffixIcon:
|
|
704
|
+
suffixIcon: U(() => [
|
|
703
705
|
u("i", {
|
|
704
706
|
class: "ri-add-circle-line cd-input-select__add-icon",
|
|
705
707
|
onClick: ae
|
|
@@ -707,7 +709,7 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
707
709
|
]),
|
|
708
710
|
_: 1
|
|
709
711
|
}, 8, ["value", "inputValue", "popup-visible", "placeholder", "loading", "multiple"]),
|
|
710
|
-
(q = b.tabs) != null && q.length && f.value ? (o(), W(
|
|
712
|
+
(q = b.tabs) != null && q.length && f.value ? (o(), W(Te, {
|
|
711
713
|
key: 0,
|
|
712
714
|
visible: f.value,
|
|
713
715
|
"onUpdate:visible": l[5] || (l[5] = (s) => f.value = s),
|
|
@@ -727,14 +729,14 @@ const ze = { class: "cd-ps-container" }, we = {
|
|
|
727
729
|
]);
|
|
728
730
|
};
|
|
729
731
|
}
|
|
730
|
-
}), zt = /* @__PURE__ */
|
|
732
|
+
}), zt = /* @__PURE__ */ Ie($t, [["__scopeId", "data-v-e9fbddf8"]]), Bt = {
|
|
731
733
|
install(b) {
|
|
732
|
-
b.component("PersonSelector",
|
|
734
|
+
b.component("PersonSelector", Te), b.component("CdInputPersonSelector", zt);
|
|
733
735
|
}
|
|
734
736
|
};
|
|
735
737
|
export {
|
|
736
738
|
zt as CdInputPersonSelector,
|
|
737
739
|
zt as InputSelect,
|
|
738
|
-
|
|
740
|
+
Te as PersonSelector,
|
|
739
741
|
Bt as default
|
|
740
742
|
};
|