cnhis-design-vue 3.1.42-beta.8 → 3.1.42-beta.80

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

@@ -0,0 +1,125 @@
+import { ref, PropType, CSSProperties } from 'vue';
+declare type IKey = string | number;
+declare type ITreeOption = {
+    key: IKey;
+    children: any[];
+    parentNode: any;
+    [key: string]: any;
+};
+declare const _default: import("vue").DefineComponent<{
+    treeData: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    checkedKeys: {
+        type: PropType<IKey[]>;
+        default: () => never[];
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        treeData: {
+            type: PropType<any[]>;
+            default: () => never[];
+        };
+        checkedKeys: {
+            type: PropType<IKey[]>;
+            default: () => never[];
+        };
+    }>> & {
+        onNotifyCheck?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "notifyCheck", ...args: any[]) => void;
+    optionsRef: import("vue").ComputedRef<any[]>;
+    list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<any>[]>;
+    containerProps: {
+        ref: import("vue").Ref<any>;
+        onScroll: () => void;
+        style: Partial<CSSStyleDeclaration>;
+    };
+    wrapperProps: import("vue").ComputedRef<{
+        style: {
+            width: string;
+            height: string;
+            marginTop: string;
+        };
+    }>;
+    containerStyleWithHeight: import("vue").ComputedRef<CSSProperties>;
+    searchCheckKeys: import("vue").Ref<IKey[]>;
+    showSelectKeys: import("vue").Ref<(string | number)[]>;
+    checkedChange: (checkList: (string | number)[], meta: {
+        actionType: 'check' | 'uncheck';
+        value: string | number;
+    }) => void;
+    handleCheckKey: (baseKeys: (string | number)[], currentTree: ITreeOption | null, value: string | number) => false | undefined;
+    findParent: (baseKeys: (string | number)[], currentTree: ITreeOption) => false | undefined;
+    handleUnCheckKey: (baseKeys: (string | number)[], currentTree: ITreeOption, value: string | number) => false | undefined;
+    findChild: (baseKeys: (string | number)[], children: ITreeOption[], value: string | number) => false | undefined;
+    checkInitTree: (tree: ITreeOption, baseKey: string | number) => false | undefined;
+    ref: typeof ref;
+    NCheckboxGroup: import("vue").DefineComponent<{
+        readonly min: NumberConstructor;
+        readonly max: NumberConstructor;
+        readonly size: PropType<"small" | "medium" | "large">;
+        readonly value: PropType<(string | number)[] | null>;
+        readonly defaultValue: {
+            readonly type: PropType<(string | number)[] | null>;
+            readonly default: null;
+        };
+        readonly disabled: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+        };
+        readonly 'onUpdate:value': PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onUpdateValue: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onChange: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[]) => void> | undefined>;
+    }, {
+        mergedClsPrefix: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly min: NumberConstructor;
+        readonly max: NumberConstructor;
+        readonly size: PropType<"small" | "medium" | "large">;
+        readonly value: PropType<(string | number)[] | null>;
+        readonly defaultValue: {
+            readonly type: PropType<(string | number)[] | null>;
+            readonly default: null;
+        };
+        readonly disabled: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+        };
+        readonly 'onUpdate:value': PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onUpdateValue: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onChange: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[]) => void> | undefined>;
+    }>>, {
+        readonly disabled: boolean | undefined;
+        readonly defaultValue: (string | number)[] | null;
+    }>;
+    NCheckbox: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "notifyCheck"[], "notifyCheck", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    treeData: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    checkedKeys: {
+        type: PropType<IKey[]>;
+        default: () => never[];
+    };
+}>> & {
+    onNotifyCheck?: ((...args: any[]) => any) | undefined;
+}, {
+    treeData: any[];
+    checkedKeys: IKey[];
+}>;
+export default _default;

package/es/components/select-person/src/SearchMultiple.vue.js

@@ -0,0 +1 @@
+import e from"./SearchMultiple.vue2.js";import r from"../../../_virtual/plugin-vue_export-helper.js";var l=r(e,[["__file","SearchMultiple.vue"]]);export{l as default};

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

@@ -0,0 +1 @@
+import{defineComponent as e,computed as t,ref as a,watch as r,openBlock as l,createBlock as n,unref as i,withCtx as o,createElementVNode as u,normalizeStyle as c,createElementBlock as d,Fragment as s,renderList as p,createVNode as v}from"vue";import{NCheckboxGroup as f,NCheckbox as y}from"naive-ui";import{isEqual as h}from"lodash-es";import{useVirtualList as k}from"@vueuse/core";var m=e({__name:"SearchMultiple",props:{treeData:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]}},emits:["notifyCheck"],setup(e,{emit:m}){const N=e,_=t((()=>N.treeData)),{list:b,containerProps:g,wrapperProps:D}=k(_,{itemHeight:30,overscan:5}),A=t((()=>({...g.style,height:"308px"}))),K=a(N.checkedKeys),S=a([]);function x(e,t){const{actionType:a,value:r}=t,l=N.treeData.find((e=>e.key===r));if(l){switch(a){case"check":w(K.value.filter((e=>e!==r)),l,r);break;case"uncheck":E(K.value,l,r)}m("notifyCheck",K.value)}}function w(e,t,a){var r;if(!(null==t?void 0:t.parentNode))return K.value=[...e,a],!1;const l=null==(r=t.parentNode)?void 0:r.key;if(e.includes(l))return K.value=e,!1;if(t.parentNode.children){const r=t.parentNode.children.every((t=>[...e,a].includes(t.key)));if(r){const a=null==t?void 0:t.parentNode.children.map((e=>e.key)),l=e.filter((e=>!a.includes(e)));return r&&C(l,t.parentNode),!1}}w(e,t.parentNode,a)}function C(e,t){if(!t.parentNode||t.parentNode.children.length>1)return K.value=[...e,t.key],!1;C(e,t.parentNode)}function E(e,t,a){var r,l;if(e.includes(a)){const t=e.filter((e=>e!==a));return K.value=t,!1}if(!(null==t?void 0:t.parentNode))return K.value=e,!1;const n=null==(r=t.parentNode)?void 0:r.key,i=e.indexOf(n);if(i>-1){const r=null==(l=t.parentNode)?void 0:l.children;return e.splice(i,1),P(e,r,a),!1}E(e,t.parentNode,a)}function P(e,t,a){if(!Array.isArray(t))return K.value=e,!1;if(t.length>1){const r=t.filter((e=>e.key!==a)).map((e=>e.key));return K.value=[...e,...r],!1}P(e,t[0].children,a)}function H(e,t){const a=N.checkedKeys;return!!e&&(a.includes(e.key)?(S.value.push(t),!1):void H(e.parentNode,t))}return r((()=>N.treeData),(e=>{e&&e.length>0&&(S.value=[],e.forEach((e=>{H(e,e.key)})))}),{deep:!0,immediate:!0}),r((()=>N.checkedKeys),((e,t)=>{h(e,t)||N.treeData.length>0&&(S.value=[],K.value=e,N.treeData.forEach((e=>{H(e,e.key)})))}),{immediate:!0}),(e,t)=>(l(),n(i(f),{value:S.value,"onUpdate:value":[t[1]||(t[1]=e=>S.value=e),x]},{default:o((()=>[u("section",{class:"select-person__multipleWrapper",ref:i(g).ref,style:c(i(A)),onScroll:t[0]||(t[0]=(...e)=>i(g).onScroll&&i(g).onScroll(...e))},[u("section",{style:c(i(D).style)},[(l(!0),d(s,null,p(i(b),(e=>(l(),d("div",{class:"select-person__multiple-search",key:e.data.key},[v(i(y),{value:e.data.key,label:e.data.title,disabled:e.data.disabled},null,8,["value","label","disabled"])])))),128))],4)],36)])),_:1},8,["value"]))}});export{m as default};

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { ref, PropType } from 'vue';
 import { type TreeOption } from 'naive-ui';
 import { AnyObject } from '../../../../es/shared/types';
 declare type IKey = string | number;
@@ -15,6 +15,7 @@ declare type IWordBookChild<T> = {
 declare type ITag = {
     key: IKey;
     name: string;
+    [key: string]: any;
 };
 declare const _default: import("vue").DefineComponent<{
     defaultList: {
@@ -53,8 +54,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    treeSetting: {
+        type: PropType<ITreeOption>;
+        default: () => {};
+    };
     queryLoadChildData: {
-        type: PropType<(node: TreeOption) => Promise<void>>;
+        type: PropType<(node: TreeOption) => Promise<AnyObject>>;
         default: undefined;
     };
     queryTreeSearch: {
@@ -99,8 +104,12 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        treeSetting: {
+            type: PropType<ITreeOption>;
+            default: () => {};
+        };
         queryLoadChildData: {
-            type: PropType<(node: TreeOption) => Promise<void>>;
+            type: PropType<(node: TreeOption) => Promise<AnyObject>>;
             default: undefined;
         };
         queryTreeSearch: {
@@ -109,8 +118,9 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>> & {
         onCheck?: ((...args: any[]) => any) | undefined;
+        onCheckWithLevel?: ((...args: any[]) => any) | undefined;
     }>>;
-    emit: (event: "check", ...args: any[]) => void;
+    emit: (event: "check" | "checkWithLevel", ...args: any[]) => void;
     keyword: import("vue").Ref<string>;
     checkedAll: import("vue").Ref<boolean>;
     checkedKeys: import("vue").Ref<IKey[]>;
@@ -127,21 +137,40 @@ declare const _default: import("vue").DefineComponent<{
         suffix?: (() => import("vue").VNodeChild) | undefined;
     }[]>;
     tagData: import("vue").Ref<{
+        [x: string]: any;
+        key: IKey;
+        name: string;
+    }[]>;
+    initTagData: import("vue").Ref<{
+        [x: string]: any;
         key: IKey;
         name: string;
     }[]>;
-    temp: ITreeOption[];
+    isSearch: import("vue").Ref<boolean>;
+    temp: TreeOption[];
     allCheckedKeys: IKey[];
     isRemote: import("vue").ComputedRef<boolean>;
+    checkStrategyResult: import("vue").ComputedRef<any>;
     init: () => void;
+    getallCheckedKeysWithChild: (item: TreeOption) => void;
+    getallCheckedKeysWithParent: (item: TreeOption) => void;
+    queryLoadChildNode: (node: TreeOption) => Promise<AnyObject>;
     setDisabled: (data: TreeOption) => void;
     renderLabel: ({ option }: {
         option: TreeOption;
     }) => JSX.Element;
     getLabelName: (option: TreeOption) => unknown;
+    transformData: (trees: TreeOption[]) => TreeOption[];
+    calculateRootItems: (trees: TreeOption[], items: TreeOption[]) => TreeOption[];
+    transformParentNodeName: (trees: TreeOption[], temp: any) => TreeOption[];
     setAllCheckedKeys: (tree: TreeOption[]) => void;
+    setAllCheckedKeysWithChild: (tree: TreeOption[]) => void;
+    setAllCheckedKeysWithParent: (tree: TreeOption[]) => void;
     onSearch: () => Promise<void>;
+    onClear: () => void;
     setTreeCheckd: (tree: TreeOption[], checked: boolean) => void;
+    setCheckdWithChild: (tree: TreeOption[], checked: boolean) => void;
+    setCheckdWithParent: (tree: TreeOption[], checked: boolean) => void;
     checkedAllChange: (checked: boolean) => void;
     uniq: (arr: ITag[]) => ITag[];
     setTagData: (tree: TreeOption[]) => void;
@@ -149,6 +178,7 @@ declare const _default: import("vue").DefineComponent<{
     setCheckedAll: () => void;
     clearAll: () => void;
     closeTag: (tag: ITag) => void;
+    notifyCheck: (keys: IKey[]) => void;
     NButton: any;
     NInput: any;
     NInputGroup: import("vue").DefineComponent<{
@@ -218,7 +248,148 @@ declare const _default: import("vue").DefineComponent<{
         readonly privateShow: boolean;
     }>;
     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<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "check"[], "check", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    SearchMultiple: import("vue").DefineComponent<{
+        treeData: {
+            type: PropType<any[]>;
+            default: () => never[];
+        };
+        checkedKeys: {
+            type: PropType<(string | number)[]>;
+            default: () => never[];
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            treeData: {
+                type: PropType<any[]>;
+                default: () => never[];
+            };
+            checkedKeys: {
+                type: PropType<(string | number)[]>;
+                default: () => never[];
+            };
+        }>> & {
+            onNotifyCheck?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "notifyCheck", ...args: any[]) => void;
+        optionsRef: import("vue").ComputedRef<any[]>;
+        list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<any>[]>;
+        containerProps: {
+            ref: import("vue").Ref<any>;
+            onScroll: () => void;
+            style: Partial<CSSStyleDeclaration>;
+        };
+        wrapperProps: import("vue").ComputedRef<{
+            style: {
+                width: string;
+                height: string;
+                marginTop: string;
+            };
+        }>;
+        containerStyleWithHeight: import("vue").ComputedRef<import("vue").CSSProperties>;
+        searchCheckKeys: import("vue").Ref<(string | number)[]>;
+        showSelectKeys: import("vue").Ref<(string | number)[]>;
+        checkedChange: (checkList: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void;
+        handleCheckKey: (baseKeys: (string | number)[], currentTree: {
+            [key: string]: any;
+            key: string | number;
+            children: any[];
+            parentNode: any;
+        } | null, value: string | number) => false | undefined;
+        findParent: (baseKeys: (string | number)[], currentTree: {
+            [key: string]: any;
+            key: string | number;
+            children: any[];
+            parentNode: any;
+        }) => false | undefined;
+        handleUnCheckKey: (baseKeys: (string | number)[], currentTree: {
+            [key: string]: any;
+            key: string | number;
+            children: any[];
+            parentNode: any;
+        }, value: string | number) => false | undefined;
+        findChild: (baseKeys: (string | number)[], children: {
+            [key: string]: any;
+            key: string | number;
+            children: any[];
+            parentNode: any;
+        }[], value: string | number) => false | undefined;
+        checkInitTree: (tree: {
+            [key: string]: any;
+            key: string | number;
+            children: any[];
+            parentNode: any;
+        }, baseKey: string | number) => false | undefined;
+        ref: typeof ref;
+        NCheckboxGroup: import("vue").DefineComponent<{
+            readonly min: NumberConstructor;
+            readonly max: NumberConstructor;
+            readonly size: PropType<"small" | "medium" | "large">;
+            readonly value: PropType<(string | number)[] | null>;
+            readonly defaultValue: {
+                readonly type: PropType<(string | number)[] | null>;
+                readonly default: null;
+            };
+            readonly disabled: {
+                readonly type: PropType<boolean | undefined>;
+                readonly default: undefined;
+            };
+            readonly 'onUpdate:value': PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+                actionType: "check" | "uncheck";
+                value: string | number;
+            }) => void>>;
+            readonly onUpdateValue: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+                actionType: "check" | "uncheck";
+                value: string | number;
+            }) => void>>;
+            readonly onChange: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[]) => void> | undefined>;
+        }, {
+            mergedClsPrefix: import("vue").ComputedRef<string>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly min: NumberConstructor;
+            readonly max: NumberConstructor;
+            readonly size: PropType<"small" | "medium" | "large">;
+            readonly value: PropType<(string | number)[] | null>;
+            readonly defaultValue: {
+                readonly type: PropType<(string | number)[] | null>;
+                readonly default: null;
+            };
+            readonly disabled: {
+                readonly type: PropType<boolean | undefined>;
+                readonly default: undefined;
+            };
+            readonly 'onUpdate:value': PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+                actionType: "check" | "uncheck";
+                value: string | number;
+            }) => void>>;
+            readonly onUpdateValue: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+                actionType: "check" | "uncheck";
+                value: string | number;
+            }) => void>>;
+            readonly onChange: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[]) => void> | undefined>;
+        }>>, {
+            readonly disabled: boolean | undefined;
+            readonly defaultValue: (string | number)[] | null;
+        }>;
+        NCheckbox: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "notifyCheck"[], "notifyCheck", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        treeData: {
+            type: PropType<any[]>;
+            default: () => never[];
+        };
+        checkedKeys: {
+            type: PropType<(string | number)[]>;
+            default: () => never[];
+        };
+    }>> & {
+        onNotifyCheck?: ((...args: any[]) => any) | undefined;
+    }, {
+        treeData: any[];
+        checkedKeys: (string | number)[];
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("check" | "checkWithLevel")[], "check" | "checkWithLevel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     defaultList: {
         type: PropType<(IKey | ITag)[]>;
         default: () => never[];
@@ -255,8 +426,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    treeSetting: {
+        type: PropType<ITreeOption>;
+        default: () => {};
+    };
     queryLoadChildData: {
-        type: PropType<(node: TreeOption) => Promise<void>>;
+        type: PropType<(node: TreeOption) => Promise<AnyObject>>;
         default: undefined;
     };
     queryTreeSearch: {
@@ -265,9 +440,9 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onCheck?: ((...args: any[]) => any) | undefined;
+    onCheckWithLevel?: ((...args: any[]) => any) | undefined;
 }, {
     data: ITreeOption[];
-    multiple: boolean;
     defaultList: (IKey | ITag)[];
     searchPlaceholder: string;
     searchButtonText: string;
@@ -275,7 +450,9 @@ declare const _default: import("vue").DefineComponent<{
     wordbookChild: IWordBookChild<ITreeOption>;
     showCount: boolean;
     showClear: boolean;
-    queryLoadChildData: (node: TreeOption) => Promise<void>;
+    multiple: boolean;
+    treeSetting: ITreeOption;
+    queryLoadChildData: (node: TreeOption) => Promise<AnyObject>;
     queryTreeSearch: (keyWork: string) => Promise<Array<AnyObject>>;
 }>;
 export default _default;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as l,computed as t,watch as a,openBlock as n,createBlock as o,unref as u,withCtx as d,createVNode as c,withKeys as r,createTextVNode as i,toDisplayString as s,withDirectives as v,vShow as h,createCommentVNode as p,createElementBlock as f,createElementVNode as y,Fragment as k,renderList as b}from"vue";import{NGrid as g,NGi as m,NSpace as _,NInputGroup as w,NInput as x,NButton as C,NCheckbox as L,NTree as j,NIcon as q,NTooltip as B}from"naive-ui";import{CloseCircleSharp as P}from"@vicons/ionicons5";import{filterTree as S,getExpandedKeys as U}from"./utils/index.js";import{cloneDeep as D}from"lodash-es";const T={key:0},K={class:"c-select-person__scroll",style:{height:"342px"}};var $=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},queryLoadChildData:{type:Function,default:void 0},queryTreeSearch:{type:Function,default:()=>Promise.resolve([])}},emits:["check"],setup(e,{emit:$}){const A=e,E=l(""),F=l(!1),I=l([]),O=l([]),N=l([]),R=l([]),z=D(A.data);let G=[];const H=t((()=>!!A.queryLoadChildData));function J(e){var l;(null==(l=e.children)?void 0:l.every((e=>e.disabled)))&&(e.disabled=!0)}function M({option:e}){var l;if((null==(l=e.children)?void 0:l.length)||H.value&&!(null==e?void 0:e.isLeaf)){const l=A.wordbook.user_count_obj&&e[A.wordbook.user_count_obj]||"",t=l?`(${l})`:"";return c("span",null,[`${e.title}${t}`])}return c(B,{trigger:"hover"},{default:()=>c("span",null,[e.title]),trigger:()=>c("span",null,[e.title])})}function Q(e){return e[A.wordbookChild.user_name_obj]||e[A.wordbook.parent_name_obj]||e.orgName||e.title||""}function V(e){var l;for(let t=0,a=e.length;t<a;t++){const a=e[t];(null==(l=a.children)?void 0:l.length)&&V(a.children),a.disabled||a.children||G.push(a.key)}}async function W(){H.value?N.value=await A.queryTreeSearch(E.value):(N.value=S(z,E.value),G=[],V(N.value),le()),O.value=N.value.length&&E.value?U(N.value):[]}function X(e,l){for(let t=0,a=e.length;t<a;t++){const a=e[t];if(!a.disabled&&(!a.children||a.isLeaf)&&(l&&!I.value.includes(a.key)&&I.value.push(a.key),!l)){const e=I.value.findIndex((e=>e===a.key));I.value.splice(e,1)}a.children&&X(a.children,l)}}function Y(e){X(N.value,e)}function Z(e){var l;for(let t=0,a=e.length;t<a;t++){const a=e[t];I.value.includes(a.key)&&R.value.push({key:a.key,name:a.title}),(null==(l=a.children)?void 0:l.length)&&Z(a.children)}}function ee(e){I.value=e}function le(){F.value=G.every((e=>R.value.findIndex((l=>l.key===e))>-1))}function te(){I.value=[]}return function e(l){var t,a;for(let n=0,o=l.length;n<o;n++){const o=l[n];o.title=Q(o),o.key||(o.key=o[A.wordbookChild.user_id_obj]||o[A.wordbook.parent_id_obj]||Date.now()),(null==(t=o.children)?void 0:t.length)?(e(o.children),J(o)):0===(null==(a=o.children)?void 0:a.length)&&Reflect.deleteProperty(o,"children"),o.disabled||o.children||G.push(o.key)}}(z),N.value=z,A.defaultList.length>0&&(H.value?(A.defaultList.forEach((e=>I.value.push(e.key))),R.value=D(A.defaultList)):(A.defaultList.forEach((e=>I.value.push(e))),Z(z))),a((()=>I),(e=>{R.value=[],e.value.length&&Z(H.value?N.value:z),le(),$("check",e.value)}),{deep:!0}),(l,t)=>(n(),o(u(g),{cols:2,class:"c-select-person"},{default:d((()=>[c(u(m),null,{default:d((()=>[c(u(_),{vertical:"",style:{"padding-right":"12px","border-right":"1px solid #e8e8e8"}},{default:d((()=>[c(u(w),{style:{"margin-bottom":"12px"}},{default:d((()=>[c(u(x),{clearable:"",value:E.value,"onUpdate:value":t[0]||(t[0]=e=>E.value=e),placeholder:e.searchPlaceholder,onKeyup:r(W,["enter"])},null,8,["value","placeholder","onKeyup"]),c(u(C),{type:"primary",onClick:W},{default:d((()=>[i(s(e.searchButtonText),1)])),_:1})])),_:1}),e.multiple?v((n(),o(u(L),{key:0,checked:F.value,"onUpdate:checked":[t[1]||(t[1]=e=>F.value=e),Y]},{default:d((()=>[i(" 全选 ")])),_:1},8,["checked"])),[[h,u(G).length<1e3]]):p("v-if",!0),c(u(j),{"virtual-scroll":"",class:"c-select-person__scroll","checked-keys":I.value,"expanded-keys":O.value,"onUpdate:expanded-keys":t[2]||(t[2]=e=>O.value=e),checkable:e.multiple,cascade:"","allow-checking-not-loaded":"",selectable:!e.multiple,"selected-keys":I.value,"onUpdate:selected-keys":t[3]||(t[3]=e=>I.value=e),data:N.value,"check-strategy":"child","render-label":M,"onUpdate:checkedKeys":ee,onLoad:e.queryLoadChildData},null,8,["checked-keys","expanded-keys","checkable","selectable","selected-keys","data","onLoad"])])),_:1})])),_:1}),c(u(m),null,{default:d((()=>[c(u(_),{vertical:"",style:{"padding-left":"12px"}},{default:d((()=>[c(u(_),{justify:"space-between",style:{"margin-bottom":"20px"}},{default:d((()=>[e.showCount?(n(),f("span",T,"已选择："+s(R.value.length),1)):p("v-if",!0),e.showClear?(n(),f("span",{key:1,class:"c-select-person__clear-btn",onClick:te},"清空")):p("v-if",!0)])),_:1}),y("div",K,[(n(!0),f(k,null,b(R.value,(e=>(n(),f("span",{class:"c-select-person__tag-item",key:e.key},[i(s(e.name)+" ",1),c(u(q),{class:"tag-close",component:u(P),onClick:l=>function(e){I.value=I.value.filter((l=>l!==e.key))}(e)},null,8,["component","onClick"])])))),128))])])),_:1})])),_:1})])),_:1}))}});export{$ as default};
+import{defineComponent as e,ref as l,computed as t,watch as a,openBlock as n,createBlock as u,unref as i,withCtx as o,createVNode as r,withKeys as c,createTextVNode as d,toDisplayString as s,withDirectives as v,vShow as h,createCommentVNode as p,mergeProps as f,createElementBlock as y,createElementVNode as k,Fragment as m,renderList as g}from"vue";import{NGrid as b,NGi as _,NSpace as w,NInputGroup as C,NInput as x,NButton as L,NCheckbox as S,NTree as j,NIcon as T,NTooltip as N}from"naive-ui";import{CloseCircleSharp as $}from"@vicons/ionicons5";import{filterTree as I,getExpandedKeys as D}from"./utils/index.js";import{cloneDeep as q}from"lodash-es";import B from"./SearchMultiple.vue.js";const K={key:0},P={class:"c-select-person__scroll",style:{height:"342px"}};var U=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},treeSetting:{type:Object,default:()=>({})},queryLoadChildData:{type:Function,default:void 0},queryTreeSearch:{type:Function,default:()=>Promise.resolve([])}},emits:["check","checkWithLevel"],setup(e,{emit:U}){const E=e,O=l(""),A=l(!1),F=l([]),W=l([]),M=l([]),R=l([]),z=l([]),G=l(!1),H=q(((J=E.data).forEach((e=>{var l;if(null==(l=e.children)?void 0:l.length){const l=ne(e.children,[]);e.innerItemsNum=l.length}})),ue(J,"")));var J;let Q=[];const V=t((()=>!!E.queryLoadChildData)),X=t((()=>{var e,l;return null!=(l=null==(e=null==E?void 0:E.treeSetting)?void 0:e.checkStrategy)?l:"child"}));function Y(e){e.disabled||e.children||!e.key||Q.push(e.key)}function Z(e){e.disabled||e.tempTitle||!e.key||Q.push(e.key)}async function ee(e){if(E.queryLoadChildData){const l=await E.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 le(e){var l;(null==(l=e.children)?void 0:l.every((e=>e.disabled)))&&(e.disabled=!0)}function te({option:e}){var l;if((null==(l=e.children)?void 0:l.length)||V.value&&!(null==e?void 0:e.isLeaf)){const l=E.wordbook.user_count_obj&&e[E.wordbook.user_count_obj]||"",t=l?`(${l})`:"";return r("span",null,[`${e.title}${t}`])}return r(N,{trigger:"hover"},{default:()=>r("span",null,[e.title]),trigger:()=>r("span",null,[e.title])})}function ae(e){return e[E.wordbookChild.user_name_obj]||e[E.wordbook.parent_name_obj]||e.orgName||e.title||""}function ne(e,l){return e.forEach((e=>{var t;(null==(t=e.children)?void 0:t.length)?ne(e.children,l):l.push(e)})),l}function ue(e,l){return e&&0!==e.length?e.map((e=>{var t;const a=ae(e),n=l?`${a}/${l}`:a;return{...e,tempTitle:l,children:(null==(t=e.children)?void 0:t.length)?ue(null==e?void 0:e.children,n):[]}})):[]}async function ie(){G.value=!!O.value.trim(),V.value?M.value=await E.queryTreeSearch(O.value):M.value=I(H,O.value),W.value=M.value.length&&O.value?D(M.value):[]}function oe(){setTimeout((()=>{ie()}))}function re(e,l){var t,a;switch(null!=(a=null==(t=null==E?void 0:E.treeSetting)?void 0:t.checkStrategy)?a:"child"){case"child":!function(e,l){for(let t=0,a=e.length;t<a;t++){const a=e[t];if(!a.disabled&&(!a.children||a.isLeaf)&&(l&&!F.value.includes(a.key)&&F.value.push(a.key),!l)){const e=F.value.findIndex((e=>e===a.key));F.value.splice(e,1)}a.children&&re(a.children,l)}}(e,l);break;case"parent":!function(e,l){F.value=[];for(let t=0,a=e.length;t<a;t++){const a=e[t];if(!a.disabled&&!a.tempTitle&&(l&&!F.value.includes(a.key)&&F.value.push(a.key),!l)){const e=F.value.findIndex((e=>e===a.key));F.value.splice(e,1)}}}(e,l)}}function ce(e){re(M.value,e)}function de(e){var l;for(let t=0,a=e.length;t<a;t++){const a=e[t],n=z.value.map((e=>e.key));F.value.includes(a.key)&&!n.includes(a.key)&&R.value.push({key:a.key,name:a.title,parentName:a.tempTitle,innerItemsNum:a.innerItemsNum}),(null==(l=a.children)?void 0:l.length)&&de(a.children)}}function se(e){F.value=e}function ve(){F.value=[]}function he(e){F.value=e}return function e(l,t){var a,n,u,i;for(let o=0,r=l.length;o<r;o++){const r=l[o];switch(r.title=ae(r),r.parentNode=t,r.key||(r.key=r[E.wordbookChild.user_id_obj]||r[E.wordbook.parent_id_obj]||Date.now()),(null==(a=r.children)?void 0:a.length)?(e(r.children,r),le(r)):0===(null==(n=r.children)?void 0:n.length)&&Reflect.deleteProperty(r,"children"),null!=(i=null==(u=null==E?void 0:E.treeSetting)?void 0:u.checkStrategy)?i:"child"){case"child":Y(r);break;case"parent":Z(r)}}}(H,null),M.value=H,E.defaultList.length>0&&(V.value?(E.defaultList.forEach((e=>F.value.push(e.key))),R.value=q(E.defaultList),z.value=q(E.defaultList)):(E.defaultList.forEach((e=>F.value.push(e))),de(H))),a((()=>F),(e=>{R.value=z.value.filter((l=>e.value.includes(l.key))),e.value.length&&de(V.value?M.value:H),A.value=Q.every((e=>R.value.findIndex((l=>l.key===e))>-1));const l=R.value.filter((l=>e.value.includes(l.key)));U("check",e.value),U("checkWithLevel",l)}),{deep:!0}),(l,t)=>(n(),u(i(b),{cols:2,class:"c-select-person"},{default:o((()=>[r(i(_),null,{default:o((()=>[r(i(w),{vertical:"",style:{"padding-right":"12px","border-right":"1px solid #e8e8e8"}},{default:o((()=>[r(i(C),{style:{"margin-bottom":"12px"}},{default:o((()=>[r(i(x),{clearable:"",value:O.value,"onUpdate:value":t[0]||(t[0]=e=>O.value=e),placeholder:e.searchPlaceholder,onClear:oe,onKeyup:c(ie,["enter"])},null,8,["value","placeholder","onKeyup"]),r(i(L),{type:"primary",onClick:ie},{default:o((()=>[d(s(e.searchButtonText),1)])),_:1})])),_:1}),e.multiple&&!G.value?v((n(),u(i(S),{key:0,checked:A.value,"onUpdate:checked":[t[1]||(t[1]=e=>A.value=e),ce]},{default:o((()=>[d(" 全选 ")])),_:1},8,["checked"])),[[h,i(Q).length<1e3]]):p("v-if",!0),e.multiple&&G.value&&"parent"===i(X)?(n(),u(B,{key:1,treeData:M.value,checkedKeys:F.value,onNotifyCheck:he},null,8,["treeData","checkedKeys"])):(n(),u(i(j),f({key:2,"virtual-scroll":"",class:"c-select-person__scroll","checked-keys":F.value,"expanded-keys":W.value,"onUpdate:expanded-keys":t[2]||(t[2]=e=>W.value=e),checkable:e.multiple,cascade:"","allow-checking-not-loaded":"",selectable:!e.multiple,"selected-keys":F.value,"onUpdate:selected-keys":t[3]||(t[3]=e=>F.value=e),data:M.value,"check-strategy":"child","render-label":te},e.treeSetting,{"onUpdate:checkedKeys":se,onLoad:ee}),null,16,["checked-keys","expanded-keys","checkable","selectable","selected-keys","data"]))])),_:1})])),_:1}),r(i(_),null,{default:o((()=>[r(i(w),{vertical:"",style:{"padding-left":"12px"}},{default:o((()=>[r(i(w),{justify:"space-between",style:{"margin-bottom":"20px"}},{default:o((()=>[e.showCount?(n(),y("span",K,"已选择："+s(R.value.length),1)):p("v-if",!0),e.showClear?(n(),y("span",{key:1,class:"c-select-person__clear-btn",onClick:ve},"清空")):p("v-if",!0)])),_:1}),k("div",P,[(n(!0),y(m,null,g(R.value,(e=>(n(),y("span",{class:"c-select-person__tag-item",key:e.key},[d(s(e.name)+" "+s(e.parentName?`（${e.parentName}）`:e.innerItemsNum?`（${e.innerItemsNum}）`:"")+" ",1),r(i(T),{class:"tag-close",component:i($),onClick:l=>function(e){F.value=F.value.filter((l=>l!==e.key))}(e)},null,8,["component","onClick"])])))),128))])])),_:1})])),_:1})])),_:1}))}});export{U as default};

package/es/components/select-person/src/utils/index.js

@@ -1 +1 @@
-import{cloneDeep as i}from"lodash-es";function n(n,l){const c=i(n);return e(c,l),r(c)}function e(i,n){i.forEach((i=>{var r,c;if(i.visible=null==(r=i.title)?void 0:r.includes(n),null==(c=i.children)?void 0:c.length)if(e(i.children,n),i.visible)l(i.children);else{i.children.some((i=>i.visible))&&(i.visible=!0)}}))}function l(i){i.forEach((i=>{var n;i.visible=!0,(null==(n=i.children)?void 0:n.length)&&l(i.children)}))}function r(i){return i.filter((i=>{var n;return!!i.visible&&((null==(n=i.children)?void 0:n.length)&&(i.children=r(i.children)),!0)}))}function c(i){const n=[];return function i(e){for(let l=0,r=e.length;l<r;l++){const r=e[l];r.children&&(n.push(r.key),i(r.children))}}(i),n}export{n as filterTree,c as getExpandedKeys};
+import{cloneDeep as n}from"lodash-es";function i(i,r){const c=n(i);return r.trim()?function(n,i){return e(n,[]).filter((n=>{var l;return null==(l=n.title)?void 0:l.includes(i.trim())}))}(c,r):(l(c,r),t(c))}function l(n,i){n.forEach((n=>{var e,t;if(n.visible=null==(e=n.title)?void 0:e.includes(i.trim()),null==(t=n.children)?void 0:t.length)if(l(n.children,i),n.visible)r(n.children);else{n.children.some((n=>n.visible))&&(n.visible=!0)}}))}function e(n,i){return n.forEach((n=>{var l;(null==(l=n.children)?void 0:l.length)?e(n.children,i):i.push(n)})),i}function r(n){n.forEach((n=>{var i;n.visible=!0,(null==(i=n.children)?void 0:i.length)&&r(n.children)}))}function t(n){return n.filter((n=>{var i;return!!n.visible&&((null==(i=n.children)?void 0:i.length)&&(n.children=t(n.children)),!0)}))}function c(n){const i=[];return function n(l){for(let e=0,r=l.length;e<r;e++){const r=l[e];r.children&&(i.push(r.key),n(r.children))}}(n),i}export{i as filterTree,c as getExpandedKeys};

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{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-person__multiple-search{display:flex;flex-direction:column}.c-select-person .select-person__multiple-search .n-checkbox{height:30px;overflow:hidden}