cnhis-design-vue 3.4.0-beta.7 → 3.4.0-beta.71

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

@@ -1,5 +1,5 @@
 import { i18n } from '../../../_virtual/_virtual_i18n-methods.js';
-import { defineComponent, inject, ref, shallowRef, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, normalizeStyle, createCommentVNode, renderSlot, withKeys, createTextVNode, toDisplayString, withDirectives, vShow, createElementBlock, mergeProps, Fragment, renderList, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, inject, ref, shallowRef, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, normalizeStyle, createCommentVNode, renderSlot, withKeys, createTextVNode, toDisplayString, withDirectives, vShow, createElementBlock, mergeProps, Fragment, renderList } from 'vue';
 import { useMessage, NGrid, NGi, NInputGroup, NInput, NButton, NCheckbox, NTree, NSpace, NPopover } from 'naive-ui';
 import { getAllChildren, searchBasisTree, getExpandedKeys } from './utils/index.js';
 import { union, remove } from 'lodash-es';
@@ -99,6 +99,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: false
     },
+    onlyCheckChildNode: {
+      type: Boolean
+    },
     itemKey: {
       type: Function,
       default: void 0
@@ -109,10 +112,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props, {
-    expose
+    expose: __expose
   }) {
-    const props = __props;
     const $message = useMessage();
+    const props = __props;
     const emit = inject(InjectionSelectPersonEmits);
     const keyword = ref("");
     const checkedAll = ref(false);
@@ -144,7 +147,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return treeMap.get(key);
       }).filter((tag) => !props.uncheckableField || props.uncheckableField && !tag.originItem[props.uncheckableField]);
       if (isRemote.value) {
-        return [...remoteDefaultList.value, ...re];
+        const mergeTags = [...remoteDefaultList.value, ...re];
+        const seen = /* @__PURE__ */ new Set();
+        const unique = mergeTags.filter((item) => {
+          const k = item.key;
+          if (seen.has(k))
+            return false;
+          seen.add(k);
+          return true;
+        });
+        return unique;
       }
       return re;
     });
@@ -183,6 +195,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             label: tag.name
           };
         });
+        checkedKeys.value = props.defaultList.map((v) => v.key).filter((key) => treeMap.has(key));
+        return;
       }
       checkedKeys.value = props.defaultList.filter((k) => treeMap.has(k));
     }
@@ -210,6 +224,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           });
           curNode.children = tempData.treeItems;
         }
+        const defaultKeys = props.defaultList.map((v) => v.key).filter((key) => treeMap.has(key));
+        if (defaultKeys == null ? void 0 : defaultKeys.length) {
+          checkedKeys.value = [.../* @__PURE__ */ new Set([...checkedKeys.value, ...defaultKeys])];
+        }
         return curNode;
       }
       return node;
@@ -296,7 +314,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           children: void 0,
           originItem: item,
           leaf: isLeaf,
-          disabled: disabled || item.disabled
+          disabled: disabled || item.disabled,
+          checkboxDisabled: false
         };
         if (isRemote.value)
           tree.isLeaf = isLeaf;
@@ -313,6 +332,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
         } else {
           if (children == null ? void 0 : children.length) {
+            if (props.onlyCheckChildNode)
+              tree.checkboxDisabled = true;
             const childData = transformData(children, tree, visitor);
             if (childData.treeItems.length) {
               tree.children = childData.treeItems;
@@ -377,7 +398,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           ...props.searchFilter
         };
         const customTitles = searchFilter.customTitles || [""];
-        const values = [childList, parentList];
+        const values = props.onlyCheckChildNode ? [childList] : [childList, parentList];
         searchData.value = customTitles.map((title, i) => ({
           title,
           data: values[i] || []
@@ -481,6 +502,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         checkedAll.value = false;
       }
     }
+    function updateTreeSelected(keys, _, meta) {
+      var _a;
+      if ((_a = meta.node) == null ? void 0 : _a.checkboxDisabled)
+        return;
+      checkedKeys.value = keys;
+    }
     function clearAll() {
       checkedAll.value = false;
       checkedKeys.value = [];
@@ -610,7 +637,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       checkedAll.value = isSearch.value = false;
       checkedKeys.value = [];
       expandedKeys.value = [];
-      treeData.value = treeAsyncData.value = [];
+      treeData.value = [];
+      treeAsyncData.value = [];
     }
     watch(() => props.data, (value) => {
       resetParams();
@@ -624,7 +652,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }, {
       deep: true
     });
-    expose({
+    __expose({
       getCheckWithLevel
     });
     return (_ctx, _cache) => {
@@ -644,7 +672,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               "onUpdate:value": [_cache[0] || (_cache[0] = ($event) => keyword.value = $event), checkSearchClear],
               placeholder: __props.searchPlaceholder,
               onKeyup: withKeys(onSearch, ["enter"])
-            }, null, 8, ["value", "placeholder", "onKeyup"]), createVNode(unref(NButton), {
+            }, null, 8, ["value", "placeholder"]), createVNode(unref(NButton), {
               type: "primary",
               onClick: onSearch
             }, {
@@ -652,33 +680,33 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             })]),
             _: 1
-          })]), __props.multiple && !isSearch.value && unref(treeData).length > 0 ? withDirectives((openBlock(), createBlock(unref(NCheckbox), {
+          })]), __props.multiple && !isSearch.value && treeData.value.length > 0 ? withDirectives((openBlock(), createBlock(unref(NCheckbox), {
             key: 0,
             checked: checkedAll.value,
-            "onUpdate:checked": [_cache[1] || (_cache[1] = ($event) => checkedAll.value = $event), checkedAllChange]
+            "onUpdate:checked": [_cache[1] || (_cache[1] = ($event) => checkedAll.value = $event), checkedAllChange],
+            disabled: __props.onlyCheckChildNode
           }, {
-            default: withCtx(() => [createTextVNode(i18n("10010.1.37", "\u5168\u9009"))]),
+            default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(i18n("10010.1.37", "\u5168\u9009"), -1)])]),
             _: 1
-          }, 8, ["checked"])), [[vShow, __props.forceShowSelectAll]]) : createCommentVNode("v-if", true), createCommentVNode(" \u540C\u65F6\u517C\u5BB9\u9009\u4EBA\u548C\u9009\u90E8\u95E8 "), isSearch.value && unref(isShowGroupList) ? (openBlock(), createBlock(SearchGroupList, {
+          }, 8, ["checked", "disabled"])), [[vShow, __props.forceShowSelectAll]]) : createCommentVNode("v-if", true), createCommentVNode(" \u540C\u65F6\u517C\u5BB9\u9009\u4EBA\u548C\u9009\u90E8\u95E8 "), isSearch.value && isShowGroupList.value ? (openBlock(), createBlock(SearchGroupList, {
             key: 1,
             class: "c-select-person__hide",
-            type: unref(showType),
-            data: unref(searchData),
+            type: showType.value,
+            data: searchData.value,
             showTagHover: __props.showTagHover,
             getChildren,
             onChecked: notifyCheck
           }, null, 8, ["type", "data", "showTagHover"])) : (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(NTree), mergeProps({
             "expanded-keys": expandedKeys.value,
-            "onUpdate:expanded-keys": _cache[2] || (_cache[2] = ($event) => expandedKeys.value = $event),
+            "onUpdate:expandedKeys": _cache[2] || (_cache[2] = ($event) => expandedKeys.value = $event),
             "selected-keys": checkedKeys.value,
-            "onUpdate:selected-keys": _cache[3] || (_cache[3] = ($event) => checkedKeys.value = $event),
             style: {
               "height": "100%"
             },
             "checked-keys": checkedKeys.value,
             checkable: __props.multiple,
             selectable: !__props.multiple,
-            data: unref(renderTreeData),
+            data: renderTreeData.value,
             "render-label": renderLabel,
             "virtual-scroll": "",
             cascade: !__props.onlyForwardCascade,
@@ -687,6 +715,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, __props.treeSetting, {
             class: "c-select-person__scroll",
             "onUpdate:checkedKeys": updateTreeChecked,
+            "onUpdate:selectedKeys": updateTreeSelected,
             onLoad: queryLoadChildNode
           }), {
             empty: withCtx(() => [createVNode(unref(DefaultPage), {
@@ -706,13 +735,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               "margin-bottom": "20px"
             }
           }, {
-            default: withCtx(() => [__props.showCount ? (openBlock(), createElementBlock("span", _hoisted_3, [createTextVNode(i18n("10010.1.39", "\u5DF2\u9009\u62E9")), createElementVNode("span", null, "\uFF1A" + toDisplayString(unref(caculateTagData).length), 1)])) : createCommentVNode("v-if", true), __props.showClear ? (openBlock(), createElementBlock("span", {
+            default: withCtx(() => [__props.showCount ? (openBlock(), createElementBlock("span", _hoisted_3, [_cache[4] || (_cache[4] = createTextVNode(i18n("10010.1.39", "\u5DF2\u9009\u62E9"), -1)), createElementVNode("span", null, "\uFF1A" + toDisplayString(caculateTagData.value.length), 1)])) : createCommentVNode("v-if", true), __props.showClear ? (openBlock(), createElementBlock("span", {
               key: 1,
               class: "c-select-person__clear-btn",
               onClick: clearAll
             }, i18n("10010.1.509", "\u6E05\u7A7A"))) : createCommentVNode("v-if", true)]),
             _: 1
-          }), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(caculateTagData), (tag) => {
+          }), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(caculateTagData.value, (tag) => {
             return openBlock(), createElementBlock(Fragment, {
               key: tag.key
             }, [__props.showTagHover && tag.innerItemsNum > 0 ? (openBlock(), createBlock(unref(NPopover), {
@@ -723,7 +752,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 tag,
                 onUnchecked: updateChecked
               }, {
-                tag: withCtx((filterProps) => [renderSlot(_ctx.$slots, "tag", normalizeProps(guardReactiveProps(filterProps)))]),
+                tag: withCtx((filterProps) => [renderSlot(_ctx.$slots, "tag", mergeProps({
+                  ref_for: true
+                }, filterProps))]),
                 _: 2
               }, 1032, ["tag"])]),
               default: withCtx(() => [createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(getChildren(tag), (childTag) => {
@@ -739,7 +770,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               tag,
               onUnchecked: updateChecked
             }, {
-              tag: withCtx((filterProps) => [renderSlot(_ctx.$slots, "tag", normalizeProps(guardReactiveProps(filterProps)))]),
+              tag: withCtx((filterProps) => [renderSlot(_ctx.$slots, "tag", mergeProps({
+                ref_for: true
+              }, filterProps))]),
               _: 2
             }, 1032, ["tag"]))], 64);
           }), 128))])], 4)]),

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

@@ -1,4 +1,4 @@
-import { ref, PropType } from 'vue';
+import { PropType } from 'vue';
 import { type TreeOption } from 'naive-ui';
 import { AnyObject } from '../../../shared/types';
 type IKey = string | number;
@@ -19,7 +19,7 @@ type ITag = {
     key: IKey;
     [key: string]: any;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     defaultList: {
         type: PropType<(IKey | ITag)[]>;
         default: () => never[];
@@ -101,7 +101,7 @@ declare const _default: import("vue").DefineComponent<{
     onlyForwardCascade: {
         type: BooleanConstructor;
     };
-}, {
+}>, {
     searchFilterBase: {
         isOpen: boolean;
         multiple: boolean;
@@ -113,7 +113,7 @@ declare const _default: import("vue").DefineComponent<{
         label: string;
     }[];
     labelListName: any;
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         defaultList: {
             type: PropType<(IKey | ITag)[]>;
             default: () => never[];
@@ -195,12 +195,12 @@ declare const _default: import("vue").DefineComponent<{
         onlyForwardCascade: {
             type: BooleanConstructor;
         };
-    }>> & {}>>;
+    }>> & Readonly<{}> & {}>;
     emit: any;
-    keyword: import("vue").Ref<string>;
-    checkedAll: import("vue").Ref<boolean>;
-    checkedKeys: import("vue").Ref<IKey[]>;
-    expandedKeys: import("vue").Ref<IKey[]>;
+    keyword: import("vue").Ref<string, string>;
+    checkedAll: import("vue").Ref<boolean, boolean>;
+    checkedKeys: import("vue").Ref<IKey[], IKey[]>;
+    expandedKeys: import("vue").Ref<IKey[], IKey[]>;
     treeData: import("vue").Ref<{
         [x: string]: unknown;
         key?: import("naive-ui/es/tree/src/interface").Key | undefined;
@@ -211,21 +211,37 @@ declare const _default: import("vue").DefineComponent<{
         children?: any[] | undefined;
         prefix?: (() => import("vue").VNodeChild) | undefined;
         suffix?: (() => import("vue").VNodeChild) | undefined;
+    }[], import("naive-ui").TreeOption[] | {
+        [x: string]: unknown;
+        key?: import("naive-ui/es/tree/src/interface").Key | undefined;
+        label?: string | undefined;
+        checkboxDisabled?: boolean | undefined;
+        disabled?: boolean | undefined;
+        isLeaf?: boolean | undefined;
+        children?: any[] | undefined;
+        prefix?: (() => import("vue").VNodeChild) | undefined;
+        suffix?: (() => import("vue").VNodeChild) | undefined;
     }[]>;
     tagData: import("vue").Ref<{
         [x: string]: any;
         key: IKey;
+    }[], ITag[] | {
+        [x: string]: any;
+        key: IKey;
     }[]>;
     initTagData: import("vue").Ref<{
         [x: string]: any;
         key: IKey;
+    }[], ITag[] | {
+        [x: string]: any;
+        key: IKey;
     }[]>;
-    isSearch: import("vue").Ref<boolean>;
-    allCheckedTreeKeys: import("vue").Ref<IKey[]>;
+    isSearch: import("vue").Ref<boolean, boolean>;
+    allCheckedTreeKeys: import("vue").Ref<IKey[], IKey[]>;
     isRemote: import("vue").ComputedRef<boolean>;
     checkStrategyResult: import("vue").ComputedRef<any>;
     isSearchFilter: import("vue").ComputedRef<boolean>;
-    curSelectKey: import("vue").Ref<string>;
+    curSelectKey: import("vue").Ref<string, string>;
     mergeSearchFilter: import("vue").ComputedRef<{
         isOpen: boolean;
         multiple: boolean;
@@ -259,10 +275,10 @@ declare const _default: import("vue").DefineComponent<{
     setDisabled: (data: TreeOption) => void;
     renderLabel: ({ option }: {
         option: TreeOption;
-    }) => JSX.Element;
+    }) => any;
     getLabelName: (option: TreeOption) => {};
-    transformData: (trees: TreeOption[]) => TreeOption[];
-    calculateRootItems: (trees: TreeOption[], items: TreeOption[]) => TreeOption[];
+    transformData: (trees: TreeOption[]) => import("naive-ui").TreeOption[];
+    calculateRootItems: (trees: TreeOption[], items: TreeOption[]) => import("naive-ui").TreeOption[];
     transformParentNodeName: (trees: TreeOption[], tempContent: any) => TreeOption[];
     searchSetting: () => string;
     onSearch: () => Promise<void>;
@@ -285,19 +301,19 @@ declare const _default: import("vue").DefineComponent<{
     notifySearchClear: () => void;
     getCheckWithLevel: () => any;
     resetParams: () => void;
-    NButton: any;
-    NInput: any;
-    NInputGroup: any;
-    NCheckbox: any;
-    NTree: any;
-    NTag: any;
-    NIcon: any;
-    NSpace: any;
-    NGrid: any;
-    NGi: any;
-    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<{
+    readonly NButton: any;
+    readonly NInput: any;
+    readonly NInputGroup: any;
+    readonly NCheckbox: any;
+    readonly NTree: any;
+    readonly NTag: any;
+    readonly NIcon: any;
+    readonly NSpace: any;
+    readonly NGrid: any;
+    readonly NGi: any;
+    readonly NEmpty: any;
+    readonly 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<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    SearchMultiple: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         treeData: {
             type: PropType<any[]>;
             default: () => never[];
@@ -306,8 +322,8 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<(string | number)[]>;
             default: () => never[];
         };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             treeData: {
                 type: PropType<any[]>;
                 default: () => never[];
@@ -316,14 +332,14 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<(string | number)[]>;
                 default: () => never[];
             };
-        }>> & {
+        }>> & Readonly<{
             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>[]>;
+        list: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<any>[], import("@vueuse/core").UseVirtualListItem<any>[]>;
         containerProps: {
-            ref: import("vue").Ref<any>;
+            ref: import("vue").Ref<any, any>;
             onScroll: () => void;
             style: Partial<CSSStyleDeclaration>;
         };
@@ -335,8 +351,8 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>;
         containerStyleWithHeight: import("vue").ComputedRef<import("vue").CSSProperties>;
-        searchCheckKeys: import("vue").Ref<(string | number)[]>;
-        showSelectKeys: import("vue").Ref<(string | number)[]>;
+        searchCheckKeys: import("vue").Ref<(string | number)[], (string | number)[]>;
+        showSelectKeys: import("vue").Ref<(string | number)[], (string | number)[]>;
         checkedChange: (checkList: (string | number)[], meta: {
             actionType: "check" | "uncheck";
             value: string | number;
@@ -371,10 +387,9 @@ declare const _default: import("vue").DefineComponent<{
             children: any[];
             parentNode: any;
         }, baseKey: string | number) => false | undefined;
-        ref: typeof ref;
-        NCheckboxGroup: any;
-        NCheckbox: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "notifyCheck"[], "notifyCheck", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly NCheckboxGroup: any;
+        readonly NCheckbox: any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "notifyCheck"[], "notifyCheck", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         treeData: {
             type: PropType<any[]>;
             default: () => never[];
@@ -383,13 +398,13 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<(string | number)[]>;
             default: () => never[];
         };
-    }>> & {
+    }>> & Readonly<{
         onNotifyCheck?: ((...args: any[]) => any) | undefined;
-    }, {
-        treeData: any[];
+    }>, {
         checkedKeys: (string | number)[];
-    }>;
-    SearchOrgAndStaff: import("vue").DefineComponent<{
+        treeData: any[];
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    SearchOrgAndStaff: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         treeData: {
             type: PropType<any[]>;
             default: () => never[];
@@ -406,10 +421,10 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-    }, {
-        $message: import("naive-ui").MessageApi;
+    }>, {
+        $message: import("naive-ui/es/message").MessageApi;
         virtualItemHeight: number;
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             treeData: {
                 type: PropType<any[]>;
                 default: () => never[];
@@ -426,17 +441,17 @@ declare const _default: import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & {
+        }>> & Readonly<{
             onNotifyCheck?: ((...args: any[]) => any) | undefined;
             onNotifyClear?: ((...args: any[]) => any) | undefined;
-        }>>;
+        }> & {}>;
         emit: (event: "notifyCheck" | "notifyClear", ...args: any[]) => void;
         moduleHeight: import("vue").ComputedRef<any>;
         showNums: import("vue").ComputedRef<number>;
         staffDataRef: import("vue").ComputedRef<any[]>;
-        staffList: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<any>[]>;
+        staffList: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<any>[], import("@vueuse/core").UseVirtualListItem<any>[]>;
         staffContainerProps: {
-            ref: import("vue").Ref<any>;
+            ref: import("vue").Ref<any, any>;
             onScroll: () => void;
             style: Partial<CSSStyleDeclaration>;
         };
@@ -449,9 +464,9 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         staffContainerStyleWithHeight: import("vue").ComputedRef<import("vue").CSSProperties>;
         orgDataRef: import("vue").ComputedRef<any[]>;
-        orgList: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<any>[]>;
+        orgList: import("vue").Ref<import("@vueuse/core").UseVirtualListItem<any>[], import("@vueuse/core").UseVirtualListItem<any>[]>;
         orgContainerProps: {
-            ref: import("vue").Ref<any>;
+            ref: import("vue").Ref<any, any>;
             onScroll: () => void;
             style: Partial<CSSStyleDeclaration>;
         };
@@ -463,8 +478,8 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>;
         orgContainerStyleWithHeight: import("vue").ComputedRef<import("vue").CSSProperties>;
-        searchCheckKeys: import("vue").Ref<(string | number)[]>;
-        showSelectKeys: import("vue").Ref<(string | number)[]>;
+        searchCheckKeys: import("vue").Ref<(string | number)[], (string | number)[]>;
+        showSelectKeys: import("vue").Ref<(string | number)[], (string | number)[]>;
         handleClick: (tree: any) => void;
         handleStaffClick: (baseKeys: (string | number)[], currentTree: {
             [key: string]: any;
@@ -496,9 +511,8 @@ declare const _default: import("vue").DefineComponent<{
             children: any[];
             parentNode: any;
         }, baseKey: string | number) => false | undefined;
-        ref: typeof ref;
-        NEmpty: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("notifyCheck" | "notifyClear")[], "notifyCheck" | "notifyClear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly NEmpty: any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("notifyCheck" | "notifyClear")[], "notifyCheck" | "notifyClear", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         treeData: {
             type: PropType<any[]>;
             default: () => never[];
@@ -515,16 +529,16 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-    }>> & {
+    }>> & Readonly<{
         onNotifyCheck?: ((...args: any[]) => any) | undefined;
         onNotifyClear?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         searchFilter: Record<string, any>;
-        treeData: any[];
         checkedKeys: (string | number)[];
+        treeData: any[];
         isMultiple: boolean;
-    }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     defaultList: {
         type: PropType<(IKey | ITag)[]>;
         default: () => never[];
@@ -606,7 +620,7 @@ declare const _default: import("vue").DefineComponent<{
     onlyForwardCascade: {
         type: BooleanConstructor;
     };
-}>>, {
+}>> & Readonly<{}>, {
     data: ITreeOption[];
     defaultList: (IKey | ITag)[];
     searchPlaceholder: string;
@@ -626,5 +640,5 @@ declare const _default: import("vue").DefineComponent<{
     roleFields: Record<string, any>;
     forceShowSelectAll: boolean;
     onlyForwardCascade: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -109,9 +109,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props, {
-    expose
+    expose: __expose
   }) {
-    const props = __props;
     const searchFilterBase = {
       isOpen: false,
       multiple: false,
@@ -132,6 +131,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       dept: i18n("10010.1.202", "\u79D1\u5BA4"),
       role: i18n("10010.1.515", "\u89D2\u8272")
     };
+    const props = __props;
     const emit = inject(InjectionSelectPersonEmits);
     const keyword = ref("");
     const checkedAll = ref(false);
@@ -714,7 +714,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         notifySearchClear();
       }
     });
-    expose({
+    __expose({
       getCheckWithLevel
     });
     return (_ctx, _cache) => {
@@ -746,7 +746,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   onClick: notifySearchClear
                 }, null, 8, ["component"])) : createCommentVNode("v-if", true)]),
                 _: 1
-              }, 8, ["value", "placeholder", "onKeyup"]), createVNode(unref(NButton), {
+              }, 8, ["value", "placeholder"]), createVNode(unref(NButton), {
                 type: "primary",
                 onClick: onSearch
               }, {
@@ -770,19 +770,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               checked: checkedAll.value,
               "onUpdate:checked": [_cache[1] || (_cache[1] = ($event) => checkedAll.value = $event), checkedAllChange]
             }, {
-              default: withCtx(() => [createTextVNode(i18n("10010.1.37", "\u5168\u9009"))]),
+              default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(i18n("10010.1.37", "\u5168\u9009"), -1)])]),
               _: 1
-            }, 8, ["checked"])), [[vShow, __props.forceShowSelectAll || allCheckedTreeKeys.value.length < 1e3]]) : createCommentVNode("v-if", true), createCommentVNode(" \u652F\u6301\u9009\u4EBA "), __props.searchInner && __props.multiple && isSearch.value && unref(checkStrategyResult) === "parent" ? (openBlock(), createBlock(SearchMultiple, {
+            }, 8, ["checked"])), [[vShow, __props.forceShowSelectAll || allCheckedTreeKeys.value.length < 1e3]]) : createCommentVNode("v-if", true), createCommentVNode(" \u652F\u6301\u9009\u4EBA "), __props.searchInner && __props.multiple && isSearch.value && checkStrategyResult.value === "parent" ? (openBlock(), createBlock(SearchMultiple, {
               key: 2,
               treeData: treeData.value,
               checkedKeys: checkedKeys.value,
               onNotifyCheck: notifyCheck
-            }, null, 8, ["treeData", "checkedKeys"])) : unref(isSearchFilter) && isSearch.value && unref(checkStrategyResult) === "parent" ? (openBlock(), createElementBlock(Fragment, {
+            }, null, 8, ["treeData", "checkedKeys"])) : isSearchFilter.value && isSearch.value && checkStrategyResult.value === "parent" ? (openBlock(), createElementBlock(Fragment, {
               key: 3
             }, [createCommentVNode(" \u540C\u65F6\u517C\u5BB9\u9009\u4EBA\u548C\u9009\u90E8\u95E8 "), createCommentVNode(` v-else-if="isSearchFilter && multiple && isSearch && checkStrategyResult === 'parent'" `), createVNode(SearchOrgAndStaff, {
               treeData: treeData.value,
               checkedKeys: checkedKeys.value,
-              searchFilter: unref(mergeSearchFilter),
+              searchFilter: mergeSearchFilter.value,
               isMultiple: __props.multiple,
               onNotifyCheck: notifyCheck,
               onNotifyClear: notifySearchClear
@@ -795,13 +795,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               class: "c-select-person__scroll",
               "checked-keys": checkedKeys.value,
               "expanded-keys": expandedKeys.value,
-              "onUpdate:expanded-keys": _cache[2] || (_cache[2] = ($event) => expandedKeys.value = $event),
+              "onUpdate:expandedKeys": _cache[2] || (_cache[2] = ($event) => expandedKeys.value = $event),
               checkable: __props.multiple,
               cascade: !__props.onlyForwardCascade,
               "allow-checking-not-loaded": "",
               selectable: !__props.multiple,
               "selected-keys": checkedKeys.value,
-              "onUpdate:selected-keys": _cache[3] || (_cache[3] = ($event) => checkedKeys.value = $event),
+              "onUpdate:selectedKeys": _cache[3] || (_cache[3] = ($event) => checkedKeys.value = $event),
               data: treeData.value,
               "check-strategy": "child",
               "render-label": renderLabel
@@ -825,7 +825,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 "margin-bottom": "20px"
               }
             }, {
-              default: withCtx(() => [__props.showCount ? (openBlock(), createElementBlock("span", _hoisted_4, "\u5DF2\u9009\u62E9\uFF1A" + toDisplayString(unref(caculateTagData).length), 1)) : createCommentVNode("v-if", true), __props.showClear ? (openBlock(), createElementBlock("span", {
+              default: withCtx(() => [__props.showCount ? (openBlock(), createElementBlock("span", _hoisted_4, "\u5DF2\u9009\u62E9\uFF1A" + toDisplayString(caculateTagData.value.length), 1)) : createCommentVNode("v-if", true), __props.showClear ? (openBlock(), createElementBlock("span", {
                 key: 1,
                 class: "c-select-person__clear-btn",
                 onClick: clearAll
@@ -833,8 +833,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             }), createElementVNode("div", {
               class: "c-select-person__scroll",
-              style: normalizeStyle(unref(styleObject))
-            }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(caculateTagData), (tag) => {
+              style: normalizeStyle(styleObject.value)
+            }, [(openBlock(true), createElementBlock(Fragment, null, renderList(caculateTagData.value, (tag) => {
               return openBlock(), createElementBlock("span", {
                 class: "c-select-person__tag-item",
                 key: tag.key