cnhis-design-vue 3.1.57-beta.2 → 3.1.57-beta.21

package/es/components/select-label/src/LabelFormContent.vue2.js

@@ -1 +1 @@
-import{defineComponent as t,ref as e,reactive as l,computed as a,watch as i,openBlock as n,createElementBlock as s,unref as d,createCommentVNode as o,withDirectives as r,createElementVNode as c,normalizeClass as b,createVNode as u,withCtx as p,Fragment as f,renderList as h,createBlock as y,createTextVNode as v,toDisplayString as m,vShow as g,nextTick as C}from"vue";import{useMessage as L,NAnchor as I,NAnchorLink as S}from"naive-ui";import E from"./components/label-classify.vue.js";import{handleLabelColor as w}from"../../../shared/utils/vexutils.js";import x from"../../../shared/utils/vexutilsExpand.js";const A={key:0,class:"label-disable-wrap"},O=[c("p",{class:"label-disable-title"},"无可选标签",-1),c("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],K={style:{height:"100%"}},j={class:"label-wrap"},k=["id"],T={class:"edit-label-type"};var B=t({__name:"LabelFormContent",props:{item:{default:()=>({})},isEdit:{type:Boolean,default:!0},isLock:{type:Boolean,default:!1},labelSelectedList:null,isChangeWindow:{type:Boolean},getLabelList:{type:Function,default:()=>Promise.resolve({rows:[]})},deleteLabel:{type:Function,default:()=>Promise.resolve({status:!0})},saveLabelItem:{type:Function,default:()=>Promise.resolve({status:!0})},labelOptions:null,sourceType:{default:""},explicit:{type:Boolean,default:!1}},emits:["explicitOnChange","change","updateLabelData"],setup(t,{expose:B,emit:D}){const V=t,F=L(),P=e(null),_=l({editLabelItem:{},inited:!1,labelSelectedEdit:[],labelAnchorKey:"",cacheAnchorKey:"",labelConfig:{}});let N=e(0);const W=a((()=>{if(!_.inited)return!1;let t=_.labelConfig;return!t||Object.keys(t).every((e=>!t[e].itemList))})),$=a((()=>{let t=[].concat(..._.labelSelectedEdit,...V.labelSelectedList);return J(t,"labelId")})),q=a((()=>{const t=$.value||[];return Array.isArray(t)?t.map((t=>t.labelId)):[]})),J=(t,e)=>{let l={};return t.reduce(((t,a)=>(!l[a[e]]&&(l[a[e]]=t.push(a)),t)),[])},R=()=>{if(_.labelSelectedEdit=$.value,"object"==typeof _.labelConfig){Object.keys(_.labelConfig||{}).forEach((t=>{var e;let l=(null==(e=_.labelConfig[t])?void 0:e.itemList)||[];l.length&&l.forEach((t=>{q.value.includes(t.labelId)&&(t.isSelect=!0)}))}))}},z=(t,e)=>{if(!t)return;let l=Object.keys(t)||[];if(!l.length)return;let a=t[l[0]].curKey;if(e&&"string"==typeof e){let[i]=e.split("~"),n=l.find((e=>t[e]&&t[e].curKey&&t[e].curKey.includes(i)));n&&(a=t[n].curKey)}a&&Y(a)},G=(t,e)=>{e.showAdd=!0;const l=t.target.nextElementSibling;C((()=>{var t;null==(t=null==l?void 0:l.firstChild)||t.focus()}))},H=(t,e)=>{setTimeout((()=>{e.addVal?Q(e):e.showAdd=!1}),150)},M=(t,e)=>{e.addVal="",e.showAdd=!1},Q=async t=>{var e;if(!!t.itemList.filter((t=>!(t.isPublic&&1==t.isPublic))).find((e=>e.labelName===t.addVal)))return F.error("标签名称重复!"),!1;let l="";l=(null==(e=t.itemList)?void 0:e.length)?t.itemList[0].parentColor||t.parentColor||"":(null==t?void 0:t.parentColor)||"";const a={type:t.typeId,name:t.addVal,parentColor:l},{status:i}=await V.saveLabelItem(a,t);i&&(F.success("添加成功！"),D("updateLabelData"),t.showAdd=!1)},U=(t,e,l,a)=>{var i;const n=l.itemList,s=l.multipleChoice;let d=(null==(i=_.labelSelectedEdit)?void 0:i.length)&&x.clone(_.labelSelectedEdit,!0)||[];if(t){if(d.some((t=>t.labelId==e.labelId)))return;if(2==s){const{typeId:t,labelId:l}=e;d=d.filter((e=>e.typeId!==t)),n.forEach((t=>{t.labelId!==l&&(t.isSelect=!1)}))}d.push(e)}else{const t=d.findIndex((t=>t.labelId==e.labelId));-1!=t&&d.splice(t,1)}_.labelSelectedEdit=[...d],N.value++,V.explicit&&D("explicitOnChange",[..._.labelSelectedEdit])},X=async t=>{const{status:e}=await V.deleteLabel(t,V.item);if(e){F.success("删除成功！");for(const e in _.labelConfig){const l=_.labelConfig[e].itemList.findIndex((e=>e.labelId==t.labelId));-1!=l&&_.labelConfig[e].itemList.splice(l,1)}const e=_.labelSelectedEdit||[],l=V.labelSelectedList||[];if(e&&e.length){const l=e.findIndex((e=>e.labelId==t.labelId));-1!=l&&e.splice(l,1)}if(l&&l.length){const e=l.findIndex((e=>e.labelId==t.labelId));-1!=e&&l.splice(e,1),D("change",[...l],V.item)}D("updateLabelData")}else F.warning("删除失败")},Y=t=>{t&&setTimeout((()=>{let e,l="#"+t;e=P.value.querySelector("a[href='"+l+"']"),e&&e.click(),_.labelAnchorKey=t}),32)},Z=t=>{t.preventDefault()},tt=t=>{if(!t)return;let e=t.slice(1);_.cacheAnchorKey=e},et=()=>{var t;return null==(t=P.value)?void 0:t.querySelector(".right-label-wrap")};return i((()=>V.labelOptions),(t=>{t&&(()=>{var t;if(V.isLock)return;const e=JSON.parse(JSON.stringify(V.labelOptions));for(let l in e){let a=(null==(t=e[l])?void 0:t.typeId)||"";Object.assign(e[l],{curKey:`${l}_${a}}`})}_.labelConfig=e,C((()=>{let t;R(),V.explicit&&_.inited&&(t=_.labelAnchorKey),z(_.labelConfig,t),_.inited=!0}))})()}),{immediate:!0,deep:!0}),B({resetShowAdd:()=>{let{labelObj:t}=_.editLabelItem;if(t&&Object.keys(t).length)for(let e in t){let l=t[e];Object.assign(l,{showAdd:!1})}},handleLabelForm:t=>{t([..._.labelSelectedEdit||[]])},handleResetOptions:()=>{},hanldeSetLabelItem:(t,e)=>{if("object"==typeof _.labelConfig){Object.keys(_.labelConfig||{}).forEach((l=>{var a;let i=(null==(a=_.labelConfig[l])?void 0:a.itemList)||[];i.length&&i.forEach((l=>{t==l.labelId&&(l.isSelect=e)}))}))}if(!1===e&&Array.isArray(_.labelSelectedEdit)){const e=_.labelSelectedEdit.findIndex((e=>e.labelId==t));-1!=e&&_.labelSelectedEdit.splice(e,1)}}}),(e,l)=>(n(),s("div",{class:"c-label-form-content",ref_key:"labelFormContent",ref:P},[d(W)?(n(),s("div",A,O)):o("v-if",!0),r(c("div",K,[c("div",j,[o(" 表单内嵌打开标签组件的样式 "),o(' <div v-if="explicit" class="explicit-continer">\n\t\t\t\t\t<n-tabs :value="state.labelAnchorKey" type="card" @change="labelAnchorTabsOnChange" tab-position="top">\n\t\t\t\t\t\t<template v-for="(v, i) in state.labelConfig">\n\t\t\t\t\t\t\t<n-tab-pane :name="v.curKey">\n\t\t\t\t\t\t\t\t<span slot="tab">\n\t\t\t\t\t\t\t\t\t{{ i }}\n\t\t\t\t\t\t\t\t\t<span class="edit-label-type">({{ v.multipleChoice == 2 ? \'单\' : \'多\' }}选)</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<div class="explicit-label-wrap left-label-wrap">\n\t\t\t\t\t\t\t\t\t<div class="edit-label-content">\n\t\t\t\t\t\t\t\t\t\t<labelClassify\n\t\t\t\t\t\t\t\t\t\t\t:classifyItem="v"\n\t\t\t\t\t\t\t\t\t\t\t:handleLabelChange="handleLabelChange"\n\t\t\t\t\t\t\t\t\t\t\t:handleLabelColor="handleLabelColor"\n\t\t\t\t\t\t\t\t\t\t\t:handleDelLabel="handleDelLabel"\n\t\t\t\t\t\t\t\t\t\t\t:hanldeBlur="hanldeBlur"\n\t\t\t\t\t\t\t\t\t\t\t:handleAddLabel="handleAddLabel"\n\t\t\t\t\t\t\t\t\t\t\t:clearaddVal="clearaddVal"\n\t\t\t\t\t\t\t\t\t\t\t:isEdit="isEdit"\n\t\t\t\t\t\t\t\t\t\t\t:sourceType="sourceType"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</n-tab-pane>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</n-tabs>\n\t\t\t\t</div> '),o("\n\t\t\t\t\t普通标签样式\n\t\t\t\t\tv-else\n\t\t\t\t\texplicit\n\t\t\t\t "),c("div",{class:b(["left-label-wrap",{"total-left-label-wrap":t.isChangeWindow}])},[u(d(I),{"offset-target":et,type:"block",onClick:Z,onChange:tt},{default:p((()=>[(n(!0),s(f,null,h(_.labelConfig,((t,e)=>(n(),y(d(S),{href:`#${t.curKey}`,title:String(e)},null,8,["href","title"])))),256))])),_:1})],2),o(' v-if="!explicit" '),c("div",{class:b(["right-label-wrap",{"total-right-label-wrap":t.isChangeWindow}])},[(n(!0),s(f,null,h(_.labelConfig,((e,l)=>(n(),s("div",{key:l,class:"edit-label-content"},[c("div",{class:"edit-label",id:e.curKey},[v(m(l)+" ",1),c("span",T,"("+m(2==e.multipleChoice?"单":"多")+"选)",1)],8,k),u(E,{classifyItem:e,handleLabelChange:U,handleLabelColor:d(w),handleDelLabel:X,hanldeBlur:H,handleAddLabel:G,clearaddVal:M,isEdit:t.isEdit,sourceType:t.sourceType},null,8,["classifyItem","handleLabelColor","isEdit","sourceType"])])))),128))],2)])],512),[[g,!d(W)]])],512))}});export{B as default};
+import{defineComponent as t,ref as e,reactive as l,computed as a,watch as i,openBlock as n,createElementBlock as s,unref as r,createCommentVNode as d,withDirectives as o,createElementVNode as c,normalizeClass as b,createVNode as u,withCtx as p,Fragment as f,renderList as h,createBlock as y,createTextVNode as v,toDisplayString as m,vShow as g,nextTick as C}from"vue";import{useMessage as L,NAnchor as I,NAnchorLink as S}from"naive-ui";import E from"./components/label-classify.vue.js";import{handleLabelColor as w}from"../../../shared/utils/vexutils.js";import x from"../../../shared/utils/vexutilsExpand.js";const A={key:0,class:"label-disable-wrap"},O=[c("p",{class:"label-disable-title"},"无可选标签",-1),c("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],K={style:{height:"100%"}},j={class:"label-wrap"},k=["id"],T={class:"edit-label-type"};var B=t({__name:"LabelFormContent",props:{item:{default:()=>({})},isEdit:{type:Boolean,default:!0},isLock:{type:Boolean,default:!1},labelSelectedList:null,isChangeWindow:{type:Boolean},getLabelList:{type:Function,default:()=>Promise.resolve({rows:[]})},deleteLabel:{type:Function,default:()=>Promise.resolve({status:!0})},saveLabelItem:{type:Function,default:()=>Promise.resolve({status:!0})},labelOptions:null,sourceType:{default:""},explicit:{type:Boolean,default:!1}},emits:["explicitOnChange","change","updateLabelData"],setup(t,{expose:B,emit:D}){const V=t,F=L(),P=e(null),_=l({editLabelItem:{},inited:!1,labelSelectedEdit:[],labelAnchorKey:"",cacheAnchorKey:"",labelConfig:{}});let N=e(0);const W=a((()=>{if(!_.inited)return!1;let t=_.labelConfig;return!t||Object.keys(t).every((e=>!t[e].itemList))})),$=a((()=>{let t=[].concat(..._.labelSelectedEdit,...V.labelSelectedList);return J(t,"labelId")})),q=a((()=>{const t=$.value||[];return Array.isArray(t)?t.map((t=>t.labelId)):[]})),J=(t,e)=>{let l={};return t.reduce(((t,a)=>(!l[a[e]]&&(l[a[e]]=t.push(a)),t)),[])},R=()=>{if(_.labelSelectedEdit=$.value,"object"==typeof _.labelConfig){Object.keys(_.labelConfig||{}).forEach((t=>{var e;let l=(null==(e=_.labelConfig[t])?void 0:e.itemList)||[];l.length&&l.forEach((t=>{q.value.includes(t.labelId)&&(t.isSelect=!0)}))}))}},z=(t,e)=>{if(!t)return;let l=Object.keys(t)||[];if(!l.length)return;let a=t[l[0]].curKey;if(e&&"string"==typeof e){let[i]=e.split("~"),n=l.find((e=>t[e]&&t[e].curKey&&t[e].curKey.includes(i)));n&&(a=t[n].curKey)}a&&Y(a)},G=(t,e)=>{e.showAdd=!0;const l=t.target.nextElementSibling;C((()=>{var t;null==(t=null==l?void 0:l.firstChild)||t.focus()}))},H=(t,e)=>{setTimeout((()=>{e.addVal?Q(e):e.showAdd=!1}),150)},M=(t,e)=>{e.addVal="",e.showAdd=!1},Q=async t=>{var e;if(!!t.itemList.filter((t=>!(t.isPublic&&1==t.isPublic))).find((e=>e.labelName===t.addVal)))return F.error("标签名称重复!"),!1;let l="";l=(null==(e=t.itemList)?void 0:e.length)?t.itemList[0].parentColor||t.parentColor||"":(null==t?void 0:t.parentColor)||"";const a={type:t.typeId,name:t.addVal,parentColor:l},{status:i}=await V.saveLabelItem(a,t);i&&(F.success("添加成功！"),D("updateLabelData"),t.showAdd=!1)},U=(t,e,l,a)=>{var i;const n=l.itemList,s=l.multipleChoice;let r=(null==(i=_.labelSelectedEdit)?void 0:i.length)&&x.clone(_.labelSelectedEdit,!0)||[];if(t){if(r.some((t=>t.labelId==e.labelId)))return;if(2==s){const{typeId:t,labelId:l}=e;r=r.filter((e=>e.typeId!==t)),n.forEach((t=>{t.labelId!==l&&(t.isSelect=!1)}))}r.push(e)}else{const t=r.findIndex((t=>t.labelId==e.labelId));-1!=t&&r.splice(t,1)}_.labelSelectedEdit=[...r],N.value++,V.explicit&&D("explicitOnChange",[..._.labelSelectedEdit])},X=async t=>{const{status:e}=await V.deleteLabel(t,V.item);if(e){F.success("删除成功！");for(const e in _.labelConfig){const l=_.labelConfig[e].itemList.findIndex((e=>e.labelId==t.labelId));-1!=l&&_.labelConfig[e].itemList.splice(l,1)}const e=_.labelSelectedEdit||[],l=V.labelSelectedList||[];if(e&&e.length){const l=e.findIndex((e=>e.labelId==t.labelId));-1!=l&&e.splice(l,1)}if(l&&l.length){const e=l.findIndex((e=>e.labelId==t.labelId));-1!=e&&l.splice(e,1),D("change",[...l],V.item)}D("updateLabelData")}else F.warning("删除失败")},Y=t=>{t&&setTimeout((()=>{let e,l="#"+t;e=P.value.querySelector("a[href='"+l+"']"),e&&e.click(),_.labelAnchorKey=t}),32)},Z=t=>{t.preventDefault()},tt=t=>{if(!t)return;let e=t.slice(1);_.cacheAnchorKey=e},et=()=>{var t;return null==(t=P.value)?void 0:t.querySelector(".right-label-wrap")};return i((()=>V.labelOptions),(t=>{t&&(()=>{var t;if(V.isLock)return;const e=JSON.parse(JSON.stringify(V.labelOptions));for(let l in e){let a=(null==(t=e[l])?void 0:t.typeId)||"";Object.assign(e[l],{curKey:`${l}_${a}}`})}_.labelConfig=e,C((()=>{let t;R(),V.explicit&&_.inited&&(t=_.labelAnchorKey),z(_.labelConfig,t),_.inited=!0}))})()}),{immediate:!0,deep:!0}),B({resetShowAdd:()=>{let{labelObj:t}=_.editLabelItem;if(t&&Object.keys(t).length)for(let e in t){let l=t[e];Object.assign(l,{showAdd:!1})}},handleLabelForm:t=>{t([..._.labelSelectedEdit||[]])},handleResetOptions:()=>{},hanldeSetLabelItem:(t,e)=>{if("object"==typeof _.labelConfig){Object.keys(_.labelConfig||{}).forEach((l=>{var a;let i=(null==(a=_.labelConfig[l])?void 0:a.itemList)||[];i.length&&i.forEach((l=>{t==l.labelId&&(l.isSelect=e)}))}))}if(!1===e&&Array.isArray(_.labelSelectedEdit)){const e=_.labelSelectedEdit.findIndex((e=>e.labelId==t));-1!=e&&_.labelSelectedEdit.splice(e,1)}}}),(e,l)=>(n(),s("div",{class:"c-label-form-content",ref_key:"labelFormContent",ref:P},[r(W)?(n(),s("div",A,O)):d("v-if",!0),o(c("div",K,[c("div",j,[d(" 表单内嵌打开标签组件的样式 "),d(' <div v-if="explicit" class="explicit-continer">\r\n\t\t\t\t\t<n-tabs :value="state.labelAnchorKey" type="card" @change="labelAnchorTabsOnChange" tab-position="top">\r\n\t\t\t\t\t\t<template v-for="(v, i) in state.labelConfig">\r\n\t\t\t\t\t\t\t<n-tab-pane :name="v.curKey">\r\n\t\t\t\t\t\t\t\t<span slot="tab">\r\n\t\t\t\t\t\t\t\t\t{{ i }}\r\n\t\t\t\t\t\t\t\t\t<span class="edit-label-type">({{ v.multipleChoice == 2 ? \'单\' : \'多\' }}选)</span>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<div class="explicit-label-wrap left-label-wrap">\r\n\t\t\t\t\t\t\t\t\t<div class="edit-label-content">\r\n\t\t\t\t\t\t\t\t\t\t<labelClassify\r\n\t\t\t\t\t\t\t\t\t\t\t:classifyItem="v"\r\n\t\t\t\t\t\t\t\t\t\t\t:handleLabelChange="handleLabelChange"\r\n\t\t\t\t\t\t\t\t\t\t\t:handleLabelColor="handleLabelColor"\r\n\t\t\t\t\t\t\t\t\t\t\t:handleDelLabel="handleDelLabel"\r\n\t\t\t\t\t\t\t\t\t\t\t:hanldeBlur="hanldeBlur"\r\n\t\t\t\t\t\t\t\t\t\t\t:handleAddLabel="handleAddLabel"\r\n\t\t\t\t\t\t\t\t\t\t\t:clearaddVal="clearaddVal"\r\n\t\t\t\t\t\t\t\t\t\t\t:isEdit="isEdit"\r\n\t\t\t\t\t\t\t\t\t\t\t:sourceType="sourceType"\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</n-tab-pane>\r\n\t\t\t\t\t\t</template>\r\n\t\t\t\t\t</n-tabs>\r\n\t\t\t\t</div> '),d("\r\n\t\t\t\t\t普通标签样式\r\n\t\t\t\t\tv-else\r\n\t\t\t\t\texplicit\r\n\t\t\t\t "),c("div",{class:b(["left-label-wrap",{"total-left-label-wrap":t.isChangeWindow}])},[u(r(I),{"offset-target":et,type:"block",onClick:Z,onChange:tt},{default:p((()=>[(n(!0),s(f,null,h(_.labelConfig,((t,e)=>(n(),y(r(S),{href:`#${t.curKey}`,title:String(e)},null,8,["href","title"])))),256))])),_:1})],2),d(' v-if="!explicit" '),c("div",{class:b(["right-label-wrap",{"total-right-label-wrap":t.isChangeWindow}])},[(n(!0),s(f,null,h(_.labelConfig,((e,l)=>(n(),s("div",{key:l,class:"edit-label-content"},[c("div",{class:"edit-label",id:e.curKey},[v(m(l)+" ",1),c("span",T,"("+m(2==e.multipleChoice?"单":"多")+"选)",1)],8,k),u(E,{classifyItem:e,handleLabelChange:U,handleLabelColor:r(w),handleDelLabel:X,hanldeBlur:H,handleAddLabel:G,clearaddVal:M,isEdit:t.isEdit,sourceType:t.sourceType},null,8,["classifyItem","handleLabelColor","isEdit","sourceType"])])))),128))],2)])],512),[[g,!r(W)]])],512))}});export{B as default};

package/es/components/select-label/src/SelectLabel.vue.d.ts

@@ -458,7 +458,6 @@ declare const _default: import("vue").DefineComponent<{
         onExplicitOnChange?: ((...args: any[]) => any) | undefined;
         onUpdateLabelData?: ((...args: any[]) => any) | undefined;
     }, {
-        isEdit: boolean;
         item: any;
         isLock: boolean;
         sourceType: string;
@@ -466,6 +465,7 @@ declare const _default: import("vue").DefineComponent<{
         getLabelList: Function;
         deleteLabel: Function;
         saveLabelItem: Function;
+        isEdit: boolean;
     }>;
     handleLabelColor: typeof handleLabelColor;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onChange"[], "onChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/select-label/src/index.vue.d.ts

@@ -522,7 +522,6 @@ declare const _default: import("vue").DefineComponent<{
             onExplicitOnChange?: ((...args: any[]) => any) | undefined;
             onUpdateLabelData?: ((...args: any[]) => any) | undefined;
         }, {
-            isEdit: boolean;
             item: any;
             isLock: boolean;
             sourceType: string;
@@ -530,6 +529,7 @@ declare const _default: import("vue").DefineComponent<{
             getLabelList: Function;
             deleteLabel: Function;
             saveLabelItem: Function;
+            isEdit: boolean;
         }>;
         handleLabelColor: typeof import("../../../shared/utils/vexutils").handleLabelColor;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onChange"[], "onChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/select-person/index.d.ts

@@ -4,7 +4,6 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<((string | number) | {
             [key: string]: any;
             key: string | number;
-            name: string;
         })[]>;
         default: () => never[];
     };
@@ -103,12 +102,15 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         key: string;
         label: string;
     }[];
+    labelListName: {
+        dept: string;
+        role: string;
+    };
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         defaultList: {
             type: import("vue").PropType<((string | number) | {
                 [key: string]: any;
                 key: string | number;
-                name: string;
             })[]>;
             default: () => never[];
         };
@@ -219,16 +221,14 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
     tagData: import("vue").Ref<{
         [x: string]: any;
         key: string | number;
-        name: string;
     }[]>;
     initTagData: import("vue").Ref<{
         [x: string]: any;
         key: string | number;
-        name: string;
     }[]>;
     isSearch: import("vue").Ref<boolean>;
     tempData: import("naive-ui").TreeOption[];
-    allCheckedKeys: (string | number)[];
+    allCheckedTreeKeys: import("vue").Ref<(string | number)[]>;
     isRemote: import("vue").ComputedRef<boolean>;
     checkStrategyResult: import("vue").ComputedRef<any>;
     isSearchFilter: import("vue").ComputedRef<boolean>;
@@ -244,18 +244,20 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
     treeDataMiddle: any;
     checkedKeysMiddle: any;
     checkedTagsMiddle: any;
+    allCheckedKeysMiddle: any;
     attrType: import("vue").ComputedRef<any>;
     keyStr: import("vue").ComputedRef<string>;
     getTreeDataMiddleData: () => void;
-    getDeptData: (list: any[]) => any[];
-    getRoleData: (list: any[]) => any[];
+    getDeptData: (list: any[], cb?: any) => any[];
+    getRoleData: (list: any[], cb?: any) => any[];
     onHandleLabelChange: (item: any) => void;
-    setSelectTagData: (tree: import("naive-ui").TreeOption[]) => void;
+    setSelectTagData: (tree: import("naive-ui").TreeOption[], operatorType: string) => void;
     uniqArrObj: (arr: any[], name: string) => any;
     init: () => void;
-    transformTree: (tree: import("naive-ui").TreeOption[], parentNode: import("naive-ui").TreeOption | null) => void;
-    getallCheckedKeysWithChild: (item: import("naive-ui").TreeOption) => void;
-    getallCheckedKeysWithParent: (item: import("naive-ui").TreeOption) => void;
+    getMainData: (tree: import("naive-ui").TreeOption[], parentNode: import("naive-ui").TreeOption | null, cb?: any) => void;
+    setAllCheckedKeys: (tree: import("naive-ui").TreeOption, cb?: any) => void;
+    setAllCheckedKeysWithChild: (item: import("naive-ui").TreeOption, cb?: any) => void;
+    setAllCheckedKeysWithParent: (item: import("naive-ui").TreeOption, cb?: any) => void;
     queryLoadChildNode: (node: import("naive-ui").TreeOption) => Promise<import("../../shared/types").AnyObject>;
     setDisabled: (data: import("naive-ui").TreeOption) => void;
     renderLabel: ({ option }: {
@@ -265,9 +267,6 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
     transformData: (trees: import("naive-ui").TreeOption[]) => import("naive-ui").TreeOption[];
     calculateRootItems: (trees: import("naive-ui").TreeOption[], items: import("naive-ui").TreeOption[]) => import("naive-ui").TreeOption[];
     transformParentNodeName: (trees: import("naive-ui").TreeOption[], tempContent: any) => import("naive-ui").TreeOption[];
-    setAllCheckedKeys: (tree: import("naive-ui").TreeOption[]) => void;
-    setAllCheckedKeysWithChild: (tree: import("naive-ui").TreeOption[]) => void;
-    setAllCheckedKeysWithParent: (tree: import("naive-ui").TreeOption[]) => void;
     searchSetting: () => string;
     onSearch: () => Promise<void>;
     setTreeCheckd: (tree: import("naive-ui").TreeOption[], checked: boolean) => void;
@@ -277,11 +276,9 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
     uniq: (arr: {
         [key: string]: any;
         key: string | number;
-        name: string;
     }[]) => {
         [key: string]: any;
         key: string | number;
-        name: string;
     }[];
     setTagData: (tree: import("naive-ui").TreeOption[]) => void;
     updateTreeChecked: (keys: (string | number)[]) => void;
@@ -290,15 +287,10 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
     closeTag: (tag: {
         [key: string]: any;
         key: string | number;
-        name: string;
     }) => void;
     notifyCheck: (keys: (string | number)[]) => void;
     notifySearchClear: () => void;
-    getCheckWithLevel: () => {
-        [x: string]: any;
-        key: string | number;
-        name: string;
-    }[];
+    getCheckWithLevel: () => any;
     NButton: any;
     NInput: any;
     NInputGroup: import("vue").DefineComponent<{
@@ -368,6 +360,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         readonly suffix: boolean;
         readonly privateShow: boolean;
     }>;
+    NEmpty: any;
     CloseCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     SearchMultiple: import("vue").DefineComponent<{
         treeData: {
@@ -637,7 +630,6 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<((string | number) | {
             [key: string]: any;
             key: string | number;
-            name: string;
         })[]>;
         default: () => never[];
     };
@@ -735,7 +727,6 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
     defaultList: ((string | number) | {
         [key: string]: any;
         key: string | number;
-        name: string;
     })[];
     searchPlaceholder: string;
     searchButtonText: string;

package/es/components/select-person/src/SearchMultiple.vue.d.ts

@@ -95,6 +95,12 @@ declare const _default: import("vue").DefineComponent<{
         };
         readonly 'onUpdate:value': PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
             actionType: "check" | "uncheck";
+            /**
+             * 取消勾选树节点
+             * baseKeys：基准值
+             * currentTree：当前树节点
+             * value：树节点的key值
+             */
             value: string | number;
         }) => void>>;
         readonly onUpdateValue: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {

package/es/components/select-person/src/SelectPerson.vue.d.ts

@@ -17,7 +17,6 @@ declare type IWordBookChild<T> = {
 };
 declare type ITag = {
     key: IKey;
-    name: string;
     [key: string]: any;
 };
 declare const _default: import("vue").DefineComponent<{
@@ -104,6 +103,10 @@ declare const _default: import("vue").DefineComponent<{
         key: string;
         label: string;
     }[];
+    labelListName: {
+        dept: string;
+        role: string;
+    };
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         defaultList: {
             type: PropType<(IKey | ITag)[]>;
@@ -200,16 +203,14 @@ declare const _default: import("vue").DefineComponent<{
     tagData: import("vue").Ref<{
         [x: string]: any;
         key: IKey;
-        name: string;
     }[]>;
     initTagData: import("vue").Ref<{
         [x: string]: any;
         key: IKey;
-        name: string;
     }[]>;
     isSearch: import("vue").Ref<boolean>;
     tempData: TreeOption[];
-    allCheckedKeys: IKey[];
+    allCheckedTreeKeys: import("vue").Ref<IKey[]>;
     isRemote: import("vue").ComputedRef<boolean>;
     checkStrategyResult: import("vue").ComputedRef<any>;
     isSearchFilter: import("vue").ComputedRef<boolean>;
@@ -225,18 +226,20 @@ declare const _default: import("vue").DefineComponent<{
     treeDataMiddle: any;
     checkedKeysMiddle: any;
     checkedTagsMiddle: any;
+    allCheckedKeysMiddle: any;
     attrType: import("vue").ComputedRef<any>;
     keyStr: import("vue").ComputedRef<string>;
     getTreeDataMiddleData: () => void;
-    getDeptData: (list: any[]) => any[];
-    getRoleData: (list: any[]) => any[];
+    getDeptData: (list: any[], cb?: any) => any[];
+    getRoleData: (list: any[], cb?: any) => any[];
     onHandleLabelChange: (item: any) => void;
-    setSelectTagData: (tree: TreeOption[]) => void;
+    setSelectTagData: (tree: TreeOption[], operatorType: string) => void;
     uniqArrObj: (arr: any[], name: string) => any;
     init: () => void;
-    transformTree: (tree: TreeOption[], parentNode: TreeOption | null) => void;
-    getallCheckedKeysWithChild: (item: TreeOption) => void;
-    getallCheckedKeysWithParent: (item: TreeOption) => void;
+    getMainData: (tree: TreeOption[], parentNode: TreeOption | null, cb?: any) => void;
+    setAllCheckedKeys: (tree: TreeOption, cb?: any) => void;
+    setAllCheckedKeysWithChild: (item: TreeOption, cb?: any) => void;
+    setAllCheckedKeysWithParent: (item: TreeOption, cb?: any) => void;
     queryLoadChildNode: (node: TreeOption) => Promise<AnyObject>;
     setDisabled: (data: TreeOption) => void;
     renderLabel: ({ option }: {
@@ -246,9 +249,6 @@ declare const _default: import("vue").DefineComponent<{
     transformData: (trees: TreeOption[]) => TreeOption[];
     calculateRootItems: (trees: TreeOption[], items: TreeOption[]) => TreeOption[];
     transformParentNodeName: (trees: TreeOption[], tempContent: any) => TreeOption[];
-    setAllCheckedKeys: (tree: TreeOption[]) => void;
-    setAllCheckedKeysWithChild: (tree: TreeOption[]) => void;
-    setAllCheckedKeysWithParent: (tree: TreeOption[]) => void;
     searchSetting: () => string;
     onSearch: () => Promise<void>;
     setTreeCheckd: (tree: TreeOption[], checked: boolean) => void;
@@ -263,11 +263,7 @@ declare const _default: import("vue").DefineComponent<{
     closeTag: (tag: ITag) => void;
     notifyCheck: (keys: IKey[]) => void;
     notifySearchClear: () => void;
-    getCheckWithLevel: () => {
-        [x: string]: any;
-        key: IKey;
-        name: string;
-    }[];
+    getCheckWithLevel: () => any;
     NButton: any;
     NInput: any;
     NInputGroup: import("vue").DefineComponent<{
@@ -337,6 +333,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly suffix: boolean;
         readonly privateShow: boolean;
     }>;
+    NEmpty: any;
     CloseCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     SearchMultiple: import("vue").DefineComponent<{
         treeData: {

package/es/components/select-person/src/SelectPerson.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,ref as l,computed as t,reactive as n,watch as a,openBlock as u,createBlock as i,unref as r,withCtx as o,createVNode as c,createCommentVNode as d,withKeys as s,createTextVNode as h,toDisplayString as p,createElementBlock as v,Fragment as y,renderList as f,withDirectives as k,vShow as m,mergeProps as b,createElementVNode as g}from"vue";import{NGrid as _,NGi as w,NSpace as T,NInputGroup as S,NInput as C,NIcon as x,NButton as L,NTag as j,NCheckbox as D,NTree as N}from"naive-ui";import{CloseCircleSharp as O}from"@vicons/ionicons5";import{searchFilterTree as E,getExpandedKeys as F}from"./utils/index.js";import{cloneDeep as I}from"lodash-es";import{SelectItemTypesConfig as P,SelectRoleEnumsConfig as $,SearchTypeConfig as R}from"./types/enums.js";import A from"./SearchMultiple.vue.js";import B from"./SearchOrgAndStaff.vue.js";const K={key:0,class:"select-type-tags"},U={key:0},q={class:"c-select-person__scroll",style:{height:"342px"}};var H=e({__name:"SelectPerson",props:{defaultList:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]},searchPlaceholder:{type:String,default:"输入关键字搜索"},searchButtonText:{type:String,default:"搜索"},wordbook:{type:Object,default:()=>({})},wordbookChild:{type:Object,default:()=>({})},showCount:{type:Boolean,default:!0},showClear:{type:Boolean,default:!0},multiple:{type:Boolean,default:!0},searchInner:{type:Boolean,default:!1},searchFilter:{type:Object,default:()=>({})},treeSetting:{type:Object,default:()=>({})},queryLoadChildData:{type:Function,default:void 0},queryTreeSearch:{type:Function,default:()=>Promise.resolve([])},showSelectType:{type:Boolean,default:!1},roleData:{type:Array,default:()=>[]},roleFields:{type:Object,default:()=>({label:"name",key:"id",children:"children"})}},emits:["check","checkWithLevel"],setup(e,{expose:H,emit:W}){const G=e,z={isOpen:!1,multiple:!1,customTitles:["联系人","部门"],itemHeight:250},M=[{key:"main",label:"选人员"},{key:"dept",label:"选科室"},{key:"role",label:"选角色"}],J=l(""),Q=l(!1),V=l([]),X=l([]),Y=l([]),Z=l([]),ee=l([]),le=l(!1),te=I(function e(l){var t;for(let n=0,a=l.length;n<a;n++){const a=l[n];if(null==(t=a.children)?void 0:t.length){const l=Le(a.children,[]);a.innerItemsNum=l.length,a.innerLeafs=l,e(a.children)}}return G.showSelectType?l:je(l,"")}(G.data));let ne=[];const ae=t((()=>!!G.queryLoadChildData)),ue=t((()=>{var e,l;return null!=(l=null==(e=null==G?void 0:G.treeSetting)?void 0:e.checkStrategy)?l:"child"})),ie=t((()=>(null==G?void 0:G.searchFilter)&&Object.keys(null==G?void 0:G.searchFilter).length>0)),re=l("main"),oe=t((()=>ie.value?{...I(z),...G.searchFilter}:I(z))),ce=t((()=>{var e,l;return null!=(l=null==(e=null==G?void 0:G.wordbookChild)?void 0:e.user_expand_keys)?l:[]})),de=t((()=>{if(G.showSelectType){return function(e,l){let t={};return e.reduce(((e,n)=>(!t[n[l]]&&(t[n[l]]=e.push(n)),e)),[])}([...pe.main.filter((e=>(e.itemType=P.PERSON,e[ve.value]==$.STAFF))),...pe.dept.filter((e=>(e.itemType=P.DEPT,e[ve.value]==$.DEPT))),...pe.role.filter((e=>(e.itemType=P.ROLE,e)))],ye.value)}let e=[];return V.value.forEach((l=>{for(let t=0,n=Z.value.length;t<n;t++){const n=Z.value[t];if(n.key==l){e.push(n);break}}})),e})),se=n({main:[],dept:[],role:[],temp:[]}),he=n({main:[],dept:[],role:[],temp:[]}),pe=n({main:[],dept:[],role:[]}),ve=t((()=>{var e;return(null==(e=G.wordbook)?void 0:e.type)||"type"})),ye=t((()=>G.wordbookChild.user_id_obj||G.wordbook.parent_id_obj||Date.now()));function fe(){se.main=se.temp=te,ge(se.temp,null),se.dept=ke(I(te)),se.role=me(I(G.roleData))}function ke(e){return e.filter((e=>{var l;return G.showSelectType&&(null==(l=e.children)?void 0:l.length)&&(e.children=ke(e.children)),e[ve.value]==$.DEPT}))}function me(e){const{label:l,key:t,children:n}=G.roleFields;return e.map((e=>{var a;return e.key=e[t],e.label=e.title=e[l],(null==(a=e[n])?void 0:a.length)&&(e.children=me(e[n])),e}))}function be(e){var l;const t=re.value;for(let n=0,a=e.length;n<a;n++){const a=e[n],u=ee.value.map((e=>e.key));he[t].includes(a.key)&&!u.includes(a.key)&&pe[t].push(a),(null==(l=a.children)?void 0:l.length)&&be(a.children)}}function ge(e,l){var t,n,a,u;for(let i=0,r=e.length;i<r;i++){const r=e[i];let o=ce.value.reduce(((e,l)=>e+(r[l]?`${r[l]}，`:"")),"");r.title_expand_strs=o.slice(0,-1),r.title=xe(r),r.label=xe(r),r.parentNode=l,r.key||(r.key=r[G.wordbookChild.user_id_obj]||r[G.wordbook.parent_id_obj]||Date.now()),(null==(t=r.children)?void 0:t.length)?(ge(r.children,r),Se(r)):0===(null==(n=r.children)?void 0:n.length)&&Reflect.deleteProperty(r,"children");switch(null!=(u=null==(a=null==G?void 0:G.treeSetting)?void 0:a.checkStrategy)?u:"child"){case"child":_e(r);break;case"parent":we(r)}}}function _e(e){e.disabled||e.children||!e.key||ne.push(e.key)}function we(e){e.disabled||e.tempTitle||!e.key||ne.push(e.key)}async function Te(e){if(G.queryLoadChildData){const l=await G.queryLoadChildData(e);return l.children&&(l.children=l.children.map((e=>({...e,tempTitle:l.tempTitle?`${l.title}/${l.tempTitle}`:l.title})))),l}return e}function Se(e){var l;(null==(l=e.children)?void 0:l.every((e=>e.disabled)))&&(e.disabled=!0)}function Ce({option:e}){var l,t;if((null==(l=e.children)?void 0:l.length)||ae.value&&!(null==e?void 0:e.isLeaf)){const l=G.wordbook.user_count_obj&&e[G.wordbook.user_count_obj]||"",t=l?`(${l})`:"";return c("span",null,[`${e.title}${t}`])}{const l=null!=(t=e.title_expand_strs)?t:"";return c("p",{class:"user_item"},[e.title,c("span",{class:"user_item_expand",title:l},[l])])}}function xe(e){return e[G.wordbookChild.user_name_obj]||e[G.wordbook.parent_name_obj]||e.orgName||e.title||""}function Le(e,l){var t;for(let n=0,a=e.length;n<a;n++){const a=e[n];(null==(t=a.children)?void 0:t.length)?Le(a.children,l):!a.disabled&&l.push(a)}return l}function je(e,l){return e&&0!==e.length?e.map((e=>{var t;const n=xe(e),a=l?`${n}/${l}`:n;return{...e,tempTitle:l,children:(null==(t=e.children)?void 0:t.length)?je(null==e?void 0:e.children,a):[]}})):[]}async function De(){var e,l;const t=null!=(l=null==(e=null==G?void 0:G.wordbook)?void 0:e.filter_key)?l:"keyword";if(le.value=!!J.value.trim(),ae.value)Y.value=await G.queryTreeSearch(J.value);else{const e=function(){const e={[R.SEARCH_ORG_STAFF]:ie.value,[R.SEARCH_ORG]:G.searchInner},l=Object.keys(e).find((l=>e[l]));return null!=l?l:""}();Y.value=E(e,se.temp,J.value,t)}X.value=Y.value.length&&J.value?F(Y.value):[]}function Ne(e,l){var t,n;switch(null!=(n=null==(t=null==G?void 0:G.treeSetting)?void 0:t.checkStrategy)?n:"child"){case"child":!function(e,l){for(let t=0,n=e.length;t<n;t++){const n=e[t];if(!n.disabled&&(!n.children||n.isLeaf)&&(l&&!V.value.includes(n.key)&&V.value.push(n.key),!l)){const e=V.value.findIndex((e=>e===n.key));V.value.splice(e,1)}n.children&&Ne(n.children,l)}}(e,l);break;case"parent":!function(e,l){V.value=[];for(let t=0,n=e.length;t<n;t++){const n=e[t];if(!n.disabled&&!n.tempTitle&&(l&&!V.value.includes(n.key)&&V.value.push(n.key),!l)){const e=V.value.findIndex((e=>e===n.key));V.value.splice(e,1)}}}(e,l)}}function Oe(e){Ne(Y.value,e)}function Ee(e){var l;for(let t=0,n=e.length;t<n;t++){const n=e[t],a=ee.value.map((e=>e.key));V.value.includes(n.key)&&!a.includes(n.key)&&Z.value.push({key:n.key,name:n.title,parentName:n.tempTitle,innerItemsNum:n.innerItemsNum,innerLeafs:n.innerLeafs,originItem:n}),(null==(l=n.children)?void 0:l.length)&&Ee(n.children)}}function Fe(e){if(G.showSelectType){const l=re.value;V.value=he[l]=he.temp=e}else V.value=e}function Ie(){V.value=[]}function Pe(e){V.value=e}function $e(){J.value="",setTimeout((()=>{De()}))}return a((()=>G.data),(e=>{!function(){if(fe(),Y.value=se.temp,G.defaultList.length>0)if(ae.value)G.defaultList.forEach((e=>V.value.push(e.key))),Z.value=I(G.defaultList),ee.value=I(G.defaultList);else{if(G.showSelectType){const e=re.value;return G.defaultList.forEach((e=>{e.itemType===P.PERSON&&(he.main.push(e[ye.value]),pe.main.push(e)),e.itemType===P.DEPT&&(he.dept.push(e[ye.value]),pe.dept.push(e)),e.itemType===P.ROLE&&(he.role.push(e[ye.value]),pe.role.push(e))})),void(V.value=he[e])}G.defaultList.forEach((e=>V.value.push(e))),Ee(se.temp)}}()}),{immediate:!0}),a((()=>V),(e=>{if(G.showSelectType){const l=re.value;pe[l]=ee.value.filter((l=>e.value.includes(l.key))),be(se[l])}else Z.value=ee.value.filter((l=>e.value.includes(l.key))),Ee(ae.value?Y.value:se.temp);Q.value=ne.every((e=>Z.value.findIndex((l=>l.key===e))>-1));const l=Z.value.filter((l=>e.value.includes(l.key)));W("check",e.value),W("checkWithLevel",l)}),{deep:!0}),a((()=>J.value),(e=>{e||$e()})),H({getCheckWithLevel:function(){const e=V.value,l=Z.value.filter((l=>e.includes(l.key)));return null!=l?l:[]}}),(l,t)=>(u(),i(r(_),{cols:2,class:"c-select-person"},{default:o((()=>[c(r(w),null,{default:o((()=>[c(r(T),{vertical:"",style:{"padding-right":"12px","border-right":"1px solid #e8e8e8"}},{default:o((()=>[c(r(S),{style:{"margin-bottom":"12px"}},{default:o((()=>[d(" clearable "),c(r(C),{class:"search-input",value:J.value,"onUpdate:value":t[0]||(t[0]=e=>J.value=e),placeholder:e.searchPlaceholder,onKeyup:s(De,["enter"])},{suffix:o((()=>[J.value?(u(),i(r(x),{key:0,class:"search-clear",component:r(O),size:"16",onClick:$e},null,8,["component"])):d("v-if",!0)])),_:1},8,["value","placeholder","onKeyup"]),c(r(L),{type:"primary",onClick:De},{default:o((()=>[h(p(e.searchButtonText),1)])),_:1})])),_:1}),e.showSelectType?(u(),v("div",K,[(u(),v(y,null,f(M,(e=>c(r(j),{checkable:"",checked:re.value===e.key,key:e.key,"onUpdate:checked":l=>function(e){re.value=e.key,Y.value=se.temp=se[e.key],V.value=he[e.key]}(e)},{default:o((()=>[h(p(e.label),1)])),_:2},1032,["checked","onUpdate:checked"]))),64))])):d("v-if",!0),e.multiple&&!le.value?k((u(),i(r(D),{key:1,checked:Q.value,"onUpdate:checked":[t[1]||(t[1]=e=>Q.value=e),Oe]},{default:o((()=>[h(" 全选 ")])),_:1},8,["checked"])),[[m,r(ne).length<1e3]]):d("v-if",!0),d(" 支持选人 "),e.searchInner&&e.multiple&&le.value&&"parent"===r(ue)?(u(),i(A,{key:2,treeData:Y.value,checkedKeys:V.value,onNotifyCheck:Pe},null,8,["treeData","checkedKeys"])):r(ie)&&e.multiple&&le.value&&"parent"===r(ue)?(u(),v(y,{key:3},[d(" 同时兼容选人和选部门 "),c(B,{treeData:Y.value,checkedKeys:V.value,searchFilter:r(oe),onNotifyCheck:Pe,onNotifyClear:$e},null,8,["treeData","checkedKeys","searchFilter"])],2112)):(u(),i(r(N),b({key:4,"virtual-scroll":"",class:"c-select-person__scroll","checked-keys":V.value,"expanded-keys":X.value,"onUpdate:expanded-keys":t[2]||(t[2]=e=>X.value=e),checkable:e.multiple,cascade:"","allow-checking-not-loaded":"",selectable:!e.multiple,"selected-keys":V.value,"onUpdate:selected-keys":t[3]||(t[3]=e=>V.value=e),data:Y.value,"check-strategy":"child","render-label":Ce},e.treeSetting,{"onUpdate:checkedKeys":Fe,onLoad:Te}),null,16,["checked-keys","expanded-keys","checkable","selectable","selected-keys","data"]))])),_:1})])),_:1}),c(r(w),null,{default:o((()=>[c(r(T),{vertical:"",style:{"padding-left":"12px"}},{default:o((()=>[c(r(T),{justify:"space-between",style:{"margin-bottom":"20px"}},{default:o((()=>[e.showCount?(u(),v("span",U,"已选择："+p(r(de).length),1)):d("v-if",!0),e.showClear?(u(),v("span",{key:1,class:"c-select-person__clear-btn",onClick:Ie},"清空")):d("v-if",!0)])),_:1}),g("div",q,[(u(!0),v(y,null,f(r(de),(e=>(u(),v("span",{class:"c-select-person__tag-item",key:e.key},[h(p(e.name)+" "+p(e.parentName?`(${e.parentName})`:"")+" "+p(e.innerItemsNum?`(${e.innerItemsNum}人)`:"")+" ",1),c(r(x),{class:"tag-close",component:r(O),onClick:l=>function(e){V.value=V.value.filter((l=>l!==e.key))}(e)},null,8,["component","onClick"])])))),128))])])),_:1})])),_:1})])),_:1}))}});export{H as default};
+import{defineComponent as e,ref as l,computed as t,reactive as n,watch as a,openBlock as i,createBlock as u,unref as r,withCtx as o,createVNode as c,createCommentVNode as d,withKeys as s,createTextVNode as v,toDisplayString as h,createElementBlock as p,Fragment as y,renderList as f,withDirectives as k,vShow as m,mergeProps as b,createElementVNode as g,renderSlot as _}from"vue";import{NGrid as T,NGi as w,NSpace as S,NInputGroup as C,NInput as x,NIcon as L,NButton as j,NTag as O,NCheckbox as D,NEmpty as E,NTree as F}from"naive-ui";import{CloseCircleSharp as N}from"@vicons/ionicons5";import{searchFilterTree as I,getExpandedKeys as P}from"./utils/index.js";import{cloneDeep as $}from"lodash-es";import{SelectItemTypesConfig as R,SelectRoleEnumsConfig as A,SearchTypeConfig as B}from"./types/enums.js";import K from"./SearchMultiple.vue.js";import U from"./SearchOrgAndStaff.vue.js";const q={key:0,class:"select-type-tags"},W={key:4,class:"tree-content"},H={key:0},G={class:"c-select-person__scroll",style:{height:"342px"}};var z=e({__name:"SelectPerson",props:{defaultList:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]},searchPlaceholder:{type:String,default:"输入关键字搜索"},searchButtonText:{type:String,default:"搜索"},wordbook:{type:Object,default:()=>({})},wordbookChild:{type:Object,default:()=>({})},showCount:{type:Boolean,default:!0},showClear:{type:Boolean,default:!0},multiple:{type:Boolean,default:!0},searchInner:{type:Boolean,default:!1},searchFilter:{type:Object,default:()=>({})},treeSetting:{type:Object,default:()=>({})},queryLoadChildData:{type:Function,default:void 0},queryTreeSearch:{type:Function,default:()=>Promise.resolve([])},showSelectType:{type:Boolean,default:!1},roleData:{type:Array,default:()=>[]},roleFields:{type:Object,default:()=>({label:"name",key:"id",children:"children"})}},emits:["check","checkWithLevel"],setup(e,{expose:z,emit:M}){const J=e,Q={isOpen:!1,multiple:!1,customTitles:["联系人","部门"],itemHeight:250},V=[{key:"main",label:"选人员"},{key:"dept",label:"选科室"},{key:"role",label:"选角色"}],X={dept:"科室",role:"角色"},Y=l(""),Z=l(!1),ee=l([]),le=l([]),te=l([]),ne=l([]),ae=l([]),ie=l(!1),ue=$(function e(l){var t;for(let n=0,a=l.length;n<a;n++){const a=l[n],i=J.wordbook.children||"children";if(null==(t=a[i])?void 0:t.length){const l=Ee(a[i],[]);a.innerItemsNum=l.length,a.innerLeafs=l,a.children=e(a[i])}}return J.showSelectType?l:Fe(l,"")}(J.data)),re=l([]),oe=t((()=>!!J.queryLoadChildData)),ce=t((()=>{var e,l;return null!=(l=null==(e=null==J?void 0:J.treeSetting)?void 0:e.checkStrategy)?l:"child"})),de=t((()=>(null==J?void 0:J.searchFilter)&&Object.keys(null==J?void 0:J.searchFilter).length>0)),se=l("main"),ve=t((()=>de.value?{...$(Q),...J.searchFilter}:$(Q))),he=t((()=>{var e,l;return null!=(l=null==(e=null==J?void 0:J.wordbookChild)?void 0:e.user_expand_keys)?l:[]})),pe=t((()=>{if(J.showSelectType){return function(e,l){let t={};return e.reduce(((e,n)=>(!t[n[l]]&&(t[n[l]]=e.push(n)),e)),[])}([...ke.main.filter((e=>(e.itemType=R.PERSON,e[be.value]==A.STAFF))),...ke.dept.filter((e=>(e.itemType=R.DEPT,e[be.value]==A.DEPT))),...ke.role.filter((e=>(e.itemType=R.ROLE,e)))],"key")}let e=[];return ee.value.forEach((l=>{for(let t=0,n=ne.value.length;t<n;t++){const n=ne.value[t];if(n.key==l){e.push(n);break}}})),e})),ye=n({main:[],dept:[],role:[],temp:[]}),fe=n({main:[],dept:[],role:[]}),ke=n({main:[],dept:[],role:[]}),me=n({main:[],dept:[],role:[]}),be=t((()=>{var e;return(null==(e=J.wordbook)?void 0:e.type)||"type"})),ge=t((()=>J.wordbookChild.user_id_obj||J.wordbook.parent_id_obj||Date.now()));function _e(){ye.main=ye.temp=ue,Ce(ye.temp,null,(e=>{me.main.push(e.key)})),re.value=me.main,ye.dept=Te($(ue),(e=>{me.dept.push(e.key)})),ye.role=we($(J.roleData),(e=>{me.role.push(e.key)}))}function Te(e,l){return e.filter((e=>{var t;J.showSelectType&&(null==(t=e.children)?void 0:t.length)&&(e.children=Te(e.children,l));const n=e[be.value]==A.DEPT;return n&&xe(e,l),n}))}function we(e,l){const{label:t,key:n,children:a="children"}=J.roleFields;return e.map((e=>{var i;return e.key=e[n],e.label=e.title=e[t],(null==(i=e[a])?void 0:i.length)&&(e.children=we(e[a],l)),xe(e,l),e}))}function Se(e,l){var t,n;const a=["main","dept"].includes(l)?ge.value:null==(t=J.roleFields)?void 0:t.key;for(let t=0,i=e.length;t<i;t++){const i=e[t],u=ae.value.map((e=>e.key));fe[l].includes(i.key)&&!u.includes(i.key)&&ke[l].push({...i,key:i[a]}),(null==(n=i.children)?void 0:n.length)&&Se(i.children,l)}}function Ce(e,l,t){var n,a;for(let i=0,u=e.length;i<u;i++){const u=e[i];let r=he.value.reduce(((e,l)=>e+(u[l]?`${u[l]}，`:"")),"");u.title_expand_strs=r.slice(0,-1),u.title=De(u),u.label=De(u),u.parentNode=l,u.key||(u.key=u[J.wordbookChild.user_id_obj]||u[J.wordbook.parent_id_obj]||Date.now()),(null==(n=u.children)?void 0:n.length)?(Ce(u.children,u,t),je(u)):0===(null==(a=u.children)?void 0:a.length)&&Reflect.deleteProperty(u,"children"),xe(u,t)}}function xe(e,l){var t,n;switch(null!=(n=null==(t=null==J?void 0:J.treeSetting)?void 0:t.checkStrategy)?n:"child"){case"child":!function(e,l){e.disabled||e.children||!e.key||l&&l(e)}(e,l);break;case"parent":!function(e,l){e.disabled||e.tempTitle||!e.key||l&&l(e)}(e,l)}}async function Le(e){if(J.queryLoadChildData){const l=await J.queryLoadChildData(e);return l.children&&(l.children=l.children.map((e=>({...e,tempTitle:l.tempTitle?`${l.title}/${l.tempTitle}`:l.title})))),l}return e}function je(e){var l;(null==(l=e.children)?void 0:l.every((e=>e.disabled)))&&(e.disabled=!0)}function Oe({option:e}){var l,t;if((null==(l=e.children)?void 0:l.length)||oe.value&&!(null==e?void 0:e.isLeaf)){const l=J.wordbook.user_count_obj&&e[J.wordbook.user_count_obj]||"",t=l?`(${l})`:"",n=`${e.title}${t}`;return c("span",{title:n},[n])}{const l=null!=(t=e.title_expand_strs)?t:"";return c("p",{class:"user_item"},[c("span",{title:e.title},[e.title]),c("span",{class:"user_item_expand",title:l},[l])])}}function De(e){return e[J.wordbookChild.user_name_obj]||e[J.wordbook.parent_name_obj]||e.orgName||e.title||""}function Ee(e,l){var t;for(let n=0,a=e.length;n<a;n++){const a=e[n];(null==(t=a.children)?void 0:t.length)?Ee(a.children,l):!a.disabled&&l.push(a)}return l}function Fe(e,l){return e&&0!==e.length?e.map((e=>{var t;const n=De(e),a=l?`${n}/${l}`:n;return{...e,tempTitle:l,children:(null==(t=e.children)?void 0:t.length)?Fe(null==e?void 0:e.children,a):[]}})):[]}async function Ne(){var e,l;const t=null!=(l=null==(e=null==J?void 0:J.wordbook)?void 0:e.filter_key)?l:"keyword";if(ie.value=!!Y.value.trim(),oe.value)te.value=await J.queryTreeSearch(Y.value);else{const e=function(){const e={[B.SEARCH_ORG_STAFF]:de.value,[B.SEARCH_ORG]:J.searchInner},l=Object.keys(e).find((l=>e[l]));return null!=l?l:""}();te.value=I(e,ye.temp,Y.value,t)}le.value=te.value.length&&Y.value?P(te.value):[]}function Ie(e,l){var t,n;switch(null!=(n=null==(t=null==J?void 0:J.treeSetting)?void 0:t.checkStrategy)?n:"child"){case"child":!function(e,l){for(let t=0,n=e.length;t<n;t++){const n=e[t];if(!n.disabled&&(!n.children||n.isLeaf)&&(l&&!ee.value.includes(n.key)&&ee.value.push(n.key),!l)){const e=ee.value.findIndex((e=>e===n.key));ee.value.splice(e,1)}n.children&&Ie(n.children,l)}}(e,l);break;case"parent":!function(e,l){ee.value=[];for(let t=0,n=e.length;t<n;t++){const n=e[t];if(!n.disabled&&!n.tempTitle&&(l&&!ee.value.includes(n.key)&&ee.value.push(n.key),!l)){const e=ee.value.findIndex((e=>e===n.key));ee.value.splice(e,1)}}}(e,l)}}function Pe(e){Ie(te.value,e)}function $e(e){var l;for(let t=0,n=e.length;t<n;t++){const n=e[t],a=ae.value.map((e=>e.key));ee.value.includes(n.key)&&!a.includes(n.key)&&ne.value.push({key:n.key,name:n.title,parentName:n.tempTitle,innerItemsNum:n.innerItemsNum,innerLeafs:n.innerLeafs,originItem:n}),(null==(l=n.children)?void 0:l.length)&&$e(n.children)}}function Re(e){if(J.showSelectType){const l=se.value;ee.value=fe[l]=e}else ee.value=e}function Ae(){Object.keys(fe).forEach((e=>{fe[e]=ke[e]=[]})),ee.value=[]}function Be(e){ee.value=e}function Ke(){Y.value="",setTimeout((()=>{Ne()}))}return a((()=>J.data),(e=>{!function(){if(_e(),te.value=ye.temp,J.defaultList.length>0)if(oe.value)J.defaultList.forEach((e=>ee.value.push(e.key))),ne.value=$(J.defaultList),ae.value=$(J.defaultList);else{if(J.showSelectType){const e=se.value;return J.defaultList.forEach((e=>{e.itemType===R.PERSON&&(fe.main.push(e[ge.value]),ke.main.push(e)),e.itemType===R.DEPT&&(fe.dept.push(e[ge.value]),ke.dept.push(e)),e.itemType===R.ROLE&&(fe.role.push(e[J.roleFields.key]),ke.role.push(e))})),void(ee.value=fe[e])}J.defaultList.forEach((e=>ee.value.push(e))),$e(ye.temp)}}()}),{immediate:!0}),a((()=>ee),(e=>{if(J.showSelectType){const l=se.value;ke[l]=ae.value.filter((l=>e.value.includes(l.key))),Se(ye[l],l),J.showSelectType?Z.value=re.value.every((e=>ee.value.findIndex((l=>l===e))>-1)):Z.value=re.value.every((e=>ne.value.findIndex((l=>l.key===e))>-1));const t=pe.value.map((e=>e.key));return M("check",t),void M("checkWithLevel",pe.value)}ne.value=ae.value.filter((l=>e.value.includes(l.key))),$e(oe.value?te.value:ye.temp);const l=ne.value.filter((l=>e.value.includes(l.key)));M("check",e.value),M("checkWithLevel",l)}),{deep:!0}),a((()=>Y.value),(e=>{e||Ke()})),z({getCheckWithLevel:function(){var e;if(J.showSelectType)return null!=(e=pe.value)?e:[];const l=ee.value,t=ne.value.filter((e=>l.includes(e.key)));return null!=t?t:[]}}),(l,t)=>(i(),u(r(T),{cols:2,class:"c-select-person"},{default:o((()=>[c(r(w),null,{default:o((()=>[c(r(S),{vertical:"",style:{"padding-right":"12px","border-right":"1px solid #e8e8e8"}},{default:o((()=>[c(r(C),{style:{"margin-bottom":"12px"}},{default:o((()=>[d(" clearable "),c(r(x),{class:"search-input",value:Y.value,"onUpdate:value":t[0]||(t[0]=e=>Y.value=e),placeholder:e.searchPlaceholder,onKeyup:s(Ne,["enter"])},{suffix:o((()=>[Y.value?(i(),u(r(L),{key:0,class:"search-clear",component:r(N),size:"16",onClick:Ke},null,8,["component"])):d("v-if",!0)])),_:1},8,["value","placeholder","onKeyup"]),c(r(j),{type:"primary",onClick:Ne},{default:o((()=>[v(h(e.searchButtonText),1)])),_:1})])),_:1}),e.showSelectType?(i(),p("div",q,[(i(),p(y,null,f(V,(e=>c(r(O),{round:"",checkable:"",checked:se.value===e.key,key:e.key,"onUpdate:checked":l=>function(e){se.value=e.key,te.value=ye.temp=ye[e.key],ee.value=fe[e.key],re.value=me[e.key]}(e)},{default:o((()=>[v(h(e.label),1)])),_:2},1032,["checked","onUpdate:checked"]))),64))])):d("v-if",!0),e.multiple&&!ie.value?k((i(),u(r(D),{key:1,checked:Z.value,"onUpdate:checked":[t[1]||(t[1]=e=>Z.value=e),Pe]},{default:o((()=>[v(" 全选 ")])),_:1},8,["checked"])),[[m,re.value.length<1e3]]):d("v-if",!0),d(" 支持选人 "),e.searchInner&&e.multiple&&ie.value&&"parent"===r(ce)?(i(),u(K,{key:2,treeData:te.value,checkedKeys:ee.value,onNotifyCheck:Be},null,8,["treeData","checkedKeys"])):r(de)&&e.multiple&&ie.value&&"parent"===r(ce)?(i(),p(y,{key:3},[d(" 同时兼容选人和选部门 "),c(U,{treeData:te.value,checkedKeys:ee.value,searchFilter:r(ve),onNotifyCheck:Be,onNotifyClear:Ke},null,8,["treeData","checkedKeys","searchFilter"])],2112)):(i(),p("div",W,[0===te.value.length?(i(),u(r(E),{key:0,description:"暂无数据"})):(i(),u(r(F),b({key:1,"virtual-scroll":"",class:"c-select-person__scroll","checked-keys":ee.value,"expanded-keys":le.value,"onUpdate:expanded-keys":t[2]||(t[2]=e=>le.value=e),checkable:e.multiple,cascade:"","allow-checking-not-loaded":"",selectable:!e.multiple,"selected-keys":ee.value,"onUpdate:selected-keys":t[3]||(t[3]=e=>ee.value=e),data:te.value,"check-strategy":"child","render-label":Oe},e.treeSetting,{"onUpdate:checkedKeys":Re,onLoad:Le}),null,16,["checked-keys","expanded-keys","checkable","selectable","selected-keys","data"]))]))])),_:1})])),_:1}),c(r(w),null,{default:o((()=>[c(r(S),{vertical:"",style:{"padding-left":"12px"}},{default:o((()=>[c(r(S),{justify:"space-between",style:{"margin-bottom":"20px"}},{default:o((()=>[e.showCount?(i(),p("span",H,"已选择："+h(r(pe).length),1)):d("v-if",!0),e.showClear?(i(),p("span",{key:1,class:"c-select-person__clear-btn",onClick:Ae},"清空")):d("v-if",!0)])),_:1}),g("div",G,[(i(!0),p(y,null,f(r(pe),(t=>(i(),p("span",{class:"c-select-person__tag-item",key:t.key},[d(" 标签插槽 "),_(l.$slots,"tag",{tag:t},(()=>[v(h(t.name)+" "+h(t.parentName?`(${t.parentName})`:"")+" "+h(t.innerItemsNum?`(${t.innerItemsNum}人)`:"")+" "+h(e.showSelectType&&X[t.itemType]?`(${X[t.itemType]})`:""),1)])),c(r(L),{class:"tag-close",component:r(N),onClick:e=>function(e){if(J.showSelectType){const l=e.itemType===R.PERSON?"main":e.itemType;return fe[l]=fe[l].filter((l=>l!==e.key)),ke[l]=ae.value.filter((e=>fe[l].includes(e.key))),Se(ye[l],l),void(se.value==l&&(ee.value=fe[l]))}ee.value=ee.value.filter((l=>l!==e.key))}(t)},null,8,["component","onClick"])])))),128))])])),_:3})])),_:3})])),_:3}))}});export{z as default};

package/es/components/select-person/style/index.css

@@ -1 +1 @@
-.c-select-person{padding:0 12px}.c-select-person__scroll{height:308px;overflow-y:auto}.c-select-person__clear-btn{color:#5585f5;cursor:pointer}.c-select-person__tag-item{align-items:center;background:rgba(85,133,245,.08);border:1px solid rgba(85,133,245,.5);border-radius:4px;box-sizing:border-box;color:#5585f5;display:inline-flex;font-size:14px;height:24px;line-height:24px;list-style:none;margin:0 8px 4px 0;padding:0 6px;transition:all .3s cubic-bezier(.215,.61,.355,1);white-space:nowrap}.c-select-person__tag-item .tag-close{color:#5585f5;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin-left:3px;transition:all .3s}.c-select-person__tag-item .tag-close:hover{color:rgba(85,133,245,.6)}.c-select-person__tag-item .tag-close:active{color:#fff}.c-select-person .select-type-tags .n-tag{margin-right:10px}.c-select-person .n-tree-node-content{flex:1;overflow:hidden}.c-select-person .search-input .search-clear{cursor:pointer}.c-select-person .user_item{align-items:center;display:flex;font-size:14px;margin:0}.c-select-person .user_item .user_item_expand{flex:1;font-size:12px;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-select-person .search_title{border-bottom:1px solid #eee;font-size:16px;margin-top:8px;padding-bottom:5px}.c-select-person .select-person__multiple-search{display:flex;flex-direction:column}.c-select-person .select-person__multiple-search .n-checkbox{height:30px;overflow:hidden}.c-select-person .select-person__multiple-search .n-checkbox .n-checkbox__label{overflow:hidden}.c-select-person .select-person__multiple-search .search_item{align-items:flex-start;box-sizing:content-box;cursor:pointer;display:flex;flex-direction:column;height:40px;margin:2px;padding:3px}.c-select-person .select-person__multiple-search .search_item .title{align-items:center;display:flex;font-size:14px;overflow:hidden;width:100%}.c-select-person .select-person__multiple-search .search_item .desc{color:#7d88b5;font-size:12px;margin-top:5px}.c-select-person .select-person__multiple-search .search_item:hover{background:#f1f1f1}.c-select-person .select-person__multiple-search .search_disabled{color:#c2c2c2;cursor:not-allowed}.c-select-person .select-person__multiple-search .search_disabled .desc{color:#c2c2c2}.c-select-person .n-empty{margin-top:30px}
+.c-select-person{padding:0 12px}.c-select-person__scroll{height:308px;overflow-y:auto}.c-select-person__clear-btn{color:#5585f5;cursor:pointer}.c-select-person__tag-item{align-items:center;background:rgba(85,133,245,.08);border:1px solid rgba(85,133,245,.5);border-radius:4px;box-sizing:border-box;color:#5585f5;display:inline-flex;font-size:14px;height:24px;line-height:24px;list-style:none;margin:0 8px 4px 0;padding:0 6px;transition:all .3s cubic-bezier(.215,.61,.355,1);white-space:nowrap}.c-select-person__tag-item .tag-close{color:#5585f5;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin-left:3px;transition:all .3s}.c-select-person__tag-item .tag-close:hover{color:rgba(85,133,245,.6)}.c-select-person__tag-item .tag-close:active{color:#fff}.c-select-person .select-type-tags .n-tag{background-color:var(--n-color-hover-checkable);margin-right:10px}.c-select-person .select-type-tags .n-tag.n-tag--checkable.n-tag--checked{background-color:var(--n-color-checked)}.c-select-person .n-tree-node-content{flex:1;overflow:hidden}.c-select-person .search-input .search-clear{cursor:pointer}.c-select-person .user_item{align-items:center;display:flex;font-size:14px;margin:0}.c-select-person .user_item .user_item_expand{flex:1;font-size:12px;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-select-person .search_title{border-bottom:1px solid #eee;font-size:16px;margin-top:8px;padding-bottom:5px}.c-select-person .select-person__multiple-search{display:flex;flex-direction:column}.c-select-person .select-person__multiple-search .n-checkbox{height:30px;overflow:hidden}.c-select-person .select-person__multiple-search .n-checkbox .n-checkbox__label{overflow:hidden}.c-select-person .select-person__multiple-search .search_item{align-items:flex-start;box-sizing:content-box;cursor:pointer;display:flex;flex-direction:column;height:40px;margin:2px;padding:3px}.c-select-person .select-person__multiple-search .search_item .title{align-items:center;display:flex;font-size:14px;overflow:hidden;width:100%}.c-select-person .select-person__multiple-search .search_item .desc{color:#7d88b5;font-size:12px;margin-top:5px}.c-select-person .select-person__multiple-search .search_item:hover{background:#f1f1f1}.c-select-person .select-person__multiple-search .search_disabled{color:#c2c2c2;cursor:not-allowed}.c-select-person .select-person__multiple-search .search_disabled .desc{color:#c2c2c2}.c-select-person .n-empty{margin-top:30px}

package/es/components/shortcut-provider/src/hooks/useShortcuts.js

@@ -1 +1 @@
-import{findAncestor as t}from"../../../../shared/utils/index.js";import{useEventListener as e,useDebounceFn as r}from"@vueuse/core";import{once as s,pick as a,omit as n,isFunction as u,isString as c}from"lodash-es";import{reactive as o,ref as i,unref as l,computed as h,getCurrentInstance as d,inject as p,onBeforeUnmount as g,onDeactivated as b,onActivated as v}from"vue";import{ShortcutStatus as f,InjectionShortcutManager as k}from"../constants/index.js";import{normalizeSignatureInfo as y,getKeySignature as C,getDisplaySignature as m,isInvalidSignature as S,isKeyboardEvent as w,isInvalidKeyboardEvent as E,isShortcutProvider as M}from"../utils/index.js";const K=Symbol("Glob"),j=new Map;class ${constructor(t,e=K){this.shortcutCallbackMap=o(new Map),this.shortcutCache=i({}),this.disabled=!1,this.environmentEle=t||window,j.set(e,this)}static log(t,e=!1){const r=`[ShortcutManager] ${t}`;return!e&&console.warn(r),r}get traverse(){return[...Object.values(this.shortcutCache.value)].sort(((t,e)=>(t.order||0)-(e.order||0)))}query(t){return this.shortcutCache.value[t]}async update(t,e){var r,s;const a=null==(r=this.query(t))?void 0:r.currentKeySignature;e&&u(this.shortcutCache,e);const n=this.query(t);function u(t,e){if(a!==C(e)){if(Object.values(t.value).some((t=>t.currentKeySignature===C(e))))throw`重复的快捷键=> ${m(e)}`;if(S(e))throw`非法的快捷键=>${e.key}`}}n&&(await(null==(s=n.onUpdate)?void 0:s.call(n,t,e?y(e):void 0)),u(this.shortcutCache,e),n.currentKeySignature=C(e),n.shortcutSignature=y(e),this.shortcutCallbackMap.set(n.currentKeySignature,this.shortcutCallbackMap.get(a)),this.shortcutCallbackMap.delete(a))}register(t){const e=this.query(t.key);return e?(e.status=f.ACTIVE,this.shortcutCallbackMap.set(e.currentKeySignature,t.callback),Object.assign(e,a(t,["debounce","debounceOption","label","order","key"])),r(e)):(this.shortcutCache.value[t.key]=n(t,["callback"]),this.shortcutCallbackMap.set(t.currentKeySignature,t.callback),r(this.shortcutCache.value[t.key]));function r(t){return{stop:()=>{t.status=f.INACTIVE},start:()=>{t.status=f.ACTIVE},signature:()=>t.currentKeySignature}}}start(){return this.handle?($.log(`请勿重复启动=>${this}`),this):(this.handle=async e=>{if(!w(e)||this.disabled)return;const r=t(e.target,M);if(r&&r!==l(this.environmentEle)||E(e))return;const s=C(e),a=this.shortcutCallbackMap.get(s);if(!a)return;e.preventDefault();const n=Object.values(this.shortcutCache.value).find((t=>t.currentKeySignature===s));n&&n.status===f.ACTIVE&&!n.disabled&&a(e)},e(this.environmentEle,"keyup",this.handle,{capture:!0}),this)}destroy(){var t;this.handle&&(null==(t=l(this.environmentEle))||t.removeEventListener("keyup",this.handle,{capture:!0})),this.handle=void 0,this.clear()}clear(){this.shortcutCallbackMap.clear(),this.shortcutCache.value={}}}const I=(new $).start(),O=s((()=>$.log("非setup语境下的shortcut将影响全局"))),A=s((()=>$.log("在非setup语境下使用register函数,组件销毁时可能需要手动调用stop函数使快捷键失活")));function T(t){const e=h((()=>{if(l(t)){const e=j.get(l(t));return e||$.log(`不存在的scope=>${t}, 将使用全局快捷键`),e||I}return d()?p(k,I):(O(),I)}));return{register:function(t){const{stop:s,signature:a,start:n}=l(e).register(function(t){return{...t,shortcutSignature:y(t.shortcutSignature),currentKeySignature:C(t.shortcutSignature),key:function(t){const e=t.key||t.label;if(!c(e))throw new Error($.log(`非法的key类型=>${e}`,!0));return e}(t),status:f.ACTIVE,callback:function(t){var e,s;if(!u(t.callback))throw new Error($.log(`非法的callback类型=>${t.callback}`,!0));return t.debounce?r(t.callback,null!=(s=null==(e=t.debounceOption)?void 0:e.duration)?s:300):t.callback}(t)}}(t));return d()?(g(s),b(s),v(n)):A(),{stop:s,signature:a,start:n}},traverse:function(){return l(e).traverse},clear:function(){l(e).clear()},update:function(t,r){return l(e).update(t,r)},updateManagerDisabled:function(t){l(e).disabled=!!t}}}export{K as GlobalShortcutProvider,$ as ShortcutManager,T as useShortcuts};
+import{findAncestor as t}from"../../../../shared/utils/index.js";import{useEventListener as e,useDebounceFn as r}from"@vueuse/core";import{once as s,pick as a,omit as n,isFunction as u,isString as c}from"lodash-es";import{reactive as o,ref as i,unref as l,computed as h,getCurrentInstance as d,inject as p,onBeforeUnmount as g,onDeactivated as b,onActivated as v}from"vue";import{ShortcutStatus as f,InjectionShortcutManager as k}from"../constants/index.js";import{normalizeSignatureInfo as y,getKeySignature as C,getDisplaySignature as m,isInvalidSignature as S,isKeyboardEvent as w,isInvalidKeyboardEvent as E,isShortcutProvider as M}from"../utils/index.js";const K=Symbol("Glob"),j=new Map;class ${constructor(t,e=K){this.shortcutCallbackMap=o(new Map),this.shortcutCache=i({}),this.disabled=!1,this.environmentEle=t||window,j.set(e,this)}static log(t,e=!1){const r=`[ShortcutManager] ${t}`;return!e&&console.warn(r),r}get traverse(){return[...Object.values(this.shortcutCache.value)].sort(((t,e)=>(t.order||0)-(e.order||0)))}query(t){return this.shortcutCache.value[t]}async update(t,e){var r,s;const a=null==(r=this.query(t))?void 0:r.currentKeySignature;e&&c(this.shortcutCache,e);const n=this.query(t);if(!n)return;await(null==(s=n.onUpdate)?void 0:s.call(n,t,e?y(e):void 0)),c(this.shortcutCache,e),n.currentKeySignature=C(e),n.shortcutSignature=y(e);const u=this.shortcutCallbackMap.get(a);function c(t,e){if(a!==C(e)){if(Object.values(t.value).some((t=>t.currentKeySignature===C(e))))throw`重复的快捷键=> ${m(e)}`;if(S(e))throw`非法的快捷键=>${e.key}`}}this.shortcutCallbackMap.delete(a),this.shortcutCallbackMap.set(n.currentKeySignature,u)}register(t){const e=this.query(t.key);return e?(e.status=f.ACTIVE,this.shortcutCallbackMap.set(e.currentKeySignature,t.callback),Object.assign(e,a(t,["debounce","debounceOption","label","order","key"])),r(e)):(this.shortcutCache.value[t.key]=n(t,["callback"]),this.shortcutCallbackMap.set(t.currentKeySignature,t.callback),r(this.shortcutCache.value[t.key]));function r(t){return{stop:()=>{t.status=f.INACTIVE},start:()=>{t.status=f.ACTIVE},signature:()=>t.currentKeySignature}}}start(){return this.handle?($.log(`请勿重复启动=>${this}`),this):(this.handle=async e=>{if(!w(e)||this.disabled)return;const r=t(e.target,M);if(r&&r!==l(this.environmentEle)||E(e))return;const s=C(e),a=this.shortcutCallbackMap.get(s);if(!a)return;e.preventDefault();const n=Object.values(this.shortcutCache.value).find((t=>t.currentKeySignature===s));n&&n.status===f.ACTIVE&&!n.disabled&&a(e)},e(this.environmentEle,"keyup",this.handle,{capture:!0}),this)}destroy(){var t;this.handle&&(null==(t=l(this.environmentEle))||t.removeEventListener("keyup",this.handle,{capture:!0})),this.handle=void 0,this.clear()}clear(){this.shortcutCallbackMap.clear(),this.shortcutCache.value={}}}const I=(new $).start(),O=s((()=>$.log("非setup语境下的shortcut将影响全局"))),A=s((()=>$.log("在非setup语境下使用register函数,组件销毁时可能需要手动调用stop函数使快捷键失活")));function T(t){const e=h((()=>{if(l(t)){const e=j.get(l(t));return e||$.log(`不存在的scope=>${t}, 将使用全局快捷键`),e||I}return d()?p(k,I):(O(),I)}));return{register:function(t){const{stop:s,signature:a,start:n}=l(e).register(function(t){return{...t,shortcutSignature:y(t.shortcutSignature),currentKeySignature:C(t.shortcutSignature),key:function(t){const e=t.key||t.label;if(!c(e))throw new Error($.log(`非法的key类型=>${e}`,!0));return e}(t),status:f.ACTIVE,callback:function(t){var e,s;if(!u(t.callback))throw new Error($.log(`非法的callback类型=>${t.callback}`,!0));return t.debounce?r(t.callback,null!=(s=null==(e=t.debounceOption)?void 0:e.duration)?s:300):t.callback}(t)}}(t));return d()?(g(s),b(s),v(n)):A(),{stop:s,signature:a,start:n}},traverse:function(){return l(e).traverse},clear:function(){l(e).clear()},update:function(t,r){return l(e).update(t,r)},updateManagerDisabled:function(t){l(e).disabled=!!t}}}export{K as GlobalShortcutProvider,$ as ShortcutManager,T as useShortcuts};

package/es/components/shortcut-setter/index.d.ts

@@ -198,6 +198,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
         lazyRequest?: boolean | undefined;
         requestCache?: boolean | undefined;
         maxGroupNum?: number | undefined;
+        minGroupNum?: number | undefined;
         jsonCombination?: boolean | undefined;
         combinationItemDeletable?: boolean | import("..").CombinationItemDeletableFn | undefined;
         children?: any[] | undefined;
@@ -1914,7 +1915,10 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                 default: boolean;
             };
             lowCodeReactions: {
-                type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionsConfig[]>;
+                type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
+            };
+            newLowCodeReactions: {
+                type: import("vue").PropType<import("../../shared/types").LowCodeTypes.newReactionConfig[]>;
             };
             operationalForm: {
                 type: import("vue").PropType<import("../../shared/types").LowCodeTypes.operationalConfig[]>;
@@ -2076,7 +2080,10 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                     default: boolean;
                 };
                 lowCodeReactions: {
-                    type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionsConfig[]>;
+                    type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
+                };
+                newLowCodeReactions: {
+                    type: import("vue").PropType<import("../../shared/types").LowCodeTypes.newReactionConfig[]>;
                 };
                 operationalForm: {
                     type: import("vue").PropType<import("../../shared/types").LowCodeTypes.operationalConfig[]>;
@@ -2109,7 +2116,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                 onScroll?: ((...args: any[]) => any) | undefined;
                 onAnnotationChange?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
+            emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
             cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
             formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -2167,7 +2174,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                 [x: string]: any;
             }>;
             lowCodeReactionsHandler: (field: string) => void;
-            triggerAllReactionsHandler: () => void;
+            newLowCodeReactionsHandler: (field: string) => void;
             operationalFormHandler: {
                 trigger(fieldKey: string): void;
                 triggerAll(): void;
@@ -2261,7 +2268,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                 businessFormatter: import("..").FormBusinessFormatter;
                 requestInstance: import("..").FormRequestDefine.RequestInstance;
                 enterToNextWidget: boolean | ((fieldItem: import("..").FieldItem) => boolean | void);
-                lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionsConfig[];
+                lowCodeReactions: import("../../shared/types").LowCodeTypes.reactionConfig[];
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
                 uniqueCacheData: boolean;
@@ -2445,7 +2452,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                 readonly displayDirective: "if" | "show" | "show:lazy";
             }>;
             NTabs: any;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "scroll" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: import("vue").PropType<import("..").FieldItem[]>;
             };
@@ -2578,7 +2585,10 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
                 default: boolean;
             };
             lowCodeReactions: {
-                type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionsConfig[]>;
+                type: import("vue").PropType<import("../../shared/types").LowCodeTypes.reactionConfig[]>;
+            };
+            newLowCodeReactions: {
+                type: import("vue").PropType<import("../../shared/types").LowCodeTypes.newReactionConfig[]>;
             };
             operationalForm: {
                 type: import("vue").PropType<import("../../shared/types").LowCodeTypes.operationalConfig[]>;
@@ -2614,7 +2624,6 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
             anchor: boolean;
             maxHeight: string | number;
             column: number;
-            forceClearable: boolean;
             components: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>>;
             initialData: import("../../shared/types").AnyObject;
             parallelism: number;
@@ -2625,6 +2634,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
             bordered: string | boolean;
             uniqueCacheData: boolean;
             outBordered: boolean;
+            forceClearable: boolean;
             operationalFormInit: boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;

package/es/components/shortcut-setter/src/ShortcutSetter.vue.d.ts

@@ -201,6 +201,7 @@ declare const _default: import("vue").DefineComponent<{
         lazyRequest?: boolean | undefined;
         requestCache?: boolean | undefined;
         maxGroupNum?: number | undefined;
+        minGroupNum?: number | undefined;
         jsonCombination?: boolean | undefined;
         combinationItemDeletable?: boolean | import("../../../components/form-render").CombinationItemDeletableFn | undefined;
         children?: any[] | undefined;
@@ -1917,7 +1918,10 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
             lowCodeReactions: {
-                type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.reactionsConfig[]>;
+                type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.reactionConfig[]>;
+            };
+            newLowCodeReactions: {
+                type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.newReactionConfig[]>;
             };
             operationalForm: {
                 type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.operationalConfig[]>;
@@ -2079,7 +2083,10 @@ declare const _default: import("vue").DefineComponent<{
                     default: boolean;
                 };
                 lowCodeReactions: {
-                    type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.reactionsConfig[]>;
+                    type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.reactionConfig[]>;
+                };
+                newLowCodeReactions: {
+                    type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.newReactionConfig[]>;
                 };
                 operationalForm: {
                     type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.operationalConfig[]>;
@@ -2112,7 +2119,7 @@ declare const _default: import("vue").DefineComponent<{
                 onScroll?: ((...args: any[]) => any) | undefined;
                 onAnnotationChange?: ((...args: any[]) => any) | undefined;
             }>>;
-            emit: (event: "formChange" | "scroll" | "annotationChange", ...args: any[]) => void;
+            emit: (event: "scroll" | "formChange" | "annotationChange", ...args: any[]) => void;
             cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
             nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
             formRenderRef: import("vue").Ref<HTMLElement | undefined>;
@@ -2170,7 +2177,7 @@ declare const _default: import("vue").DefineComponent<{
                 [x: string]: any;
             }>;
             lowCodeReactionsHandler: (field: string) => void;
-            triggerAllReactionsHandler: () => void;
+            newLowCodeReactionsHandler: (field: string) => void;
             operationalFormHandler: {
                 trigger(fieldKey: string): void;
                 triggerAll(): void;
@@ -2264,7 +2271,7 @@ declare const _default: import("vue").DefineComponent<{
                 businessFormatter: import("../../../components/form-render").FormBusinessFormatter;
                 requestInstance: import("../../../shared/hooks").FormRequestDefine.RequestInstance;
                 enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
-                lowCodeReactions: import("../../../shared/types").LowCodeTypes.reactionsConfig[];
+                lowCodeReactions: import("../../../shared/types").LowCodeTypes.reactionConfig[];
                 linebarAutoHidden: boolean;
                 bordered: string | boolean;
                 uniqueCacheData: boolean;
@@ -2448,7 +2455,7 @@ declare const _default: import("vue").DefineComponent<{
                 readonly displayDirective: "if" | "show" | "show:lazy";
             }>;
             NTabs: any;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "scroll" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "formChange" | "annotationChange")[], "scroll" | "formChange" | "annotationChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             fieldList: {
                 type: import("vue").PropType<FieldItem[]>;
             };
@@ -2581,7 +2588,10 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
             lowCodeReactions: {
-                type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.reactionsConfig[]>;
+                type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.reactionConfig[]>;
+            };
+            newLowCodeReactions: {
+                type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.newReactionConfig[]>;
             };
             operationalForm: {
                 type: import("vue").PropType<import("../../../shared/types").LowCodeTypes.operationalConfig[]>;
@@ -2617,7 +2627,6 @@ declare const _default: import("vue").DefineComponent<{
             anchor: boolean;
             maxHeight: string | number;
             column: number;
-            forceClearable: boolean;
             components: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>>;
             initialData: import("../../../shared/types").AnyObject;
             parallelism: number;
@@ -2628,6 +2637,7 @@ declare const _default: import("vue").DefineComponent<{
             bordered: string | boolean;
             uniqueCacheData: boolean;
             outBordered: boolean;
+            forceClearable: boolean;
             operationalFormInit: boolean;
         }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;