cnhis-design-vue 3.3.3-beta.10 → 3.3.3-beta.13

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

@@ -118,6 +118,10 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<(node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & import("../../shared/types").AnyObject) => string | number>;
         default: undefined;
     };
+    showTagHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     $attrs: {
         [x: string]: unknown;
@@ -241,6 +245,10 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<(node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & import("../../shared/types").AnyObject) => string | number>;
             default: undefined;
         };
+        showTagHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onCheck?: ((...args: any[]) => any) | undefined;
         onCheckWithLevel?: ((...args: any[]) => any) | undefined;
@@ -1351,6 +1359,10 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<(node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & import("../../shared/types").AnyObject) => string | number>;
             default: undefined;
         };
+        showTagHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         $message: import("naive-ui").MessageApi;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -1433,6 +1445,10 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
                 type: import("vue").PropType<(node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & import("../../shared/types").AnyObject) => string | number>;
                 default: undefined;
             };
+            showTagHover: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {}>>;
         emit: any;
         keyword: import("vue").Ref<string>;
@@ -1532,7 +1548,9 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         transformData: (trees: (import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & import("../../shared/types").AnyObject)[], parentNode: import("./src/types").PTreeOption | null, visitor?: Partial<Record<"enter" | "leave", (node: import("./src/types").PTreeOption) => unknown>> | undefined) => {
             treeItems: import("./src/types").PTreeOption[];
             leafCount: number;
+            innerItems: any[];
         };
+        getTreeOptionChildren: (item: import("./src/types").PTreeOption) => void;
         onSearch: () => Promise<void>;
         getAllKeys: (tree: import("./src/types").PTreeOption[], strategy: import("./src/types").Strategy) => (string | number)[];
         getParentKeys: (node: import("./src/types").PTreeOption, map: Map<string | number, import("./src/types").PTreeOption>) => never[];
@@ -1568,11 +1586,10 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         NInputGroup: any;
         NCheckbox: any;
         NTree: any;
-        NIcon: any;
         NSpace: any;
         NGrid: any;
         NGi: 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<{}>>, {}>;
+        NPopover: any;
         SearchGroupList: import("vue").DefineComponent<{
             data: {
                 type: import("vue").PropType<{
@@ -1702,6 +1719,46 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         }, {
             type: string;
         }>;
+        TagItem: import("vue").DefineComponent<{
+            tag: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+            showClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                tag: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    required: true;
+                };
+                showClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & {
+                onUnchecked?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "unchecked", ...args: any[]) => void;
+            updateChecked: (key: string, checked: boolean) => void;
+            NIcon: 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<{}>>, {}>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "unchecked"[], "unchecked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            tag: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+            showClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onUnchecked?: ((...args: any[]) => any) | undefined;
+        }, {
+            showClose: boolean;
+        }>;
         CDefaultPage: SFCWithInstall<import("vue").DefineComponent<{
             type: {
                 type: StringConstructor;
@@ -1837,6 +1894,10 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<(node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & import("../../shared/types").AnyObject) => string | number>;
             default: undefined;
         };
+        showTagHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>>, {
         data: (import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & import("../../shared/types").AnyObject)[];
         defaultList: ((string | number) | {
@@ -1859,6 +1920,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         onlyForwardCascade: boolean;
         hideLeaf: boolean;
         itemKey: (node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & import("../../shared/types").AnyObject) => string | number;
+        showTagHover: boolean;
     }>>;
     getProps: import("vue").ComputedRef<Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         defaultList: {
@@ -1979,6 +2041,10 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<(node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & import("../../shared/types").AnyObject) => string | number>;
             default: undefined;
         };
+        showTagHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onCheck?: ((...args: any[]) => any) | undefined;
         onCheckWithLevel?: ((...args: any[]) => any) | undefined;
@@ -2106,6 +2172,10 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<(node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & import("../../shared/types").AnyObject) => string | number>;
         default: undefined;
     };
+    showTagHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onCheck?: ((...args: any[]) => any) | undefined;
     onCheckWithLevel?: ((...args: any[]) => any) | undefined;
@@ -2148,5 +2218,6 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
     onlyForwardCascade: boolean;
     hideLeaf: boolean;
     itemKey: (node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & import("../../shared/types").AnyObject) => string | number;
+    showTagHover: boolean;
 }>>;
 export default SelectPerson;

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

@@ -85,6 +85,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(node: ITreeOption) => IKey>;
         default: undefined;
     };
+    showTagHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     $message: import("naive-ui").MessageApi;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -164,6 +168,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<(node: ITreeOption) => IKey>;
             default: undefined;
         };
+        showTagHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {}>>;
     emit: any;
     keyword: import("vue").Ref<string>;
@@ -263,7 +271,9 @@ declare const _default: import("vue").DefineComponent<{
     transformData: (trees: ITreeOption[], parentNode: PTreeOption | null, visitor?: Partial<Record<"enter" | "leave", (node: PTreeOption) => unknown>> | undefined) => {
         treeItems: PTreeOption[];
         leafCount: number;
+        innerItems: any[];
     };
+    getTreeOptionChildren: (item: PTreeOption) => void;
     onSearch: () => Promise<void>;
     getAllKeys: (tree: PTreeOption[], strategy: Strategy) => IKey[];
     getParentKeys: (node: PTreeOption, map: Map<IKey, PTreeOption>) => never[];
@@ -299,11 +309,10 @@ declare const _default: import("vue").DefineComponent<{
     NInputGroup: any;
     NCheckbox: any;
     NTree: any;
-    NIcon: any;
     NSpace: any;
     NGrid: any;
     NGi: 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<{}>>, {}>;
+    NPopover: any;
     SearchGroupList: import("vue").DefineComponent<{
         data: {
             type: PropType<{
@@ -433,6 +442,46 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         type: string;
     }>;
+    TagItem: import("vue").DefineComponent<{
+        tag: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+        showClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            tag: {
+                type: PropType<AnyObject>;
+                required: true;
+            };
+            showClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onUnchecked?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "unchecked", ...args: any[]) => void;
+        updateChecked: (key: string, checked: boolean) => void;
+        NIcon: 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<{}>>, {}>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "unchecked"[], "unchecked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        tag: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+        showClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onUnchecked?: ((...args: any[]) => any) | undefined;
+    }, {
+        showClose: boolean;
+    }>;
     CDefaultPage: import("../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
         type: {
             type: StringConstructor;
@@ -565,6 +614,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(node: ITreeOption) => IKey>;
         default: undefined;
     };
+    showTagHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     data: ITreeOption[];
     defaultList: (IKey | ITag)[];
@@ -584,5 +637,6 @@ declare const _default: import("vue").DefineComponent<{
     onlyForwardCascade: boolean;
     hideLeaf: boolean;
     itemKey: (node: ITreeOption) => IKey;
+    showTagHover: boolean;
 }>;
 export default _default;

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

@@ -1,9 +1,9 @@
-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, NIcon } from 'naive-ui';
-import { CloseCircleSharp } from '@vicons/ionicons5';
+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 { useMessage, NGrid, NGi, NInputGroup, NInput, NButton, NCheckbox, NTree, NSpace, NPopover } from 'naive-ui';
 import { searchBasisTree } from './utils/index.js';
 import { union, remove } from 'lodash-es';
 import SearchGroupList from './components/SearchGroupList.vue.js';
+import TagItem from './components/TagItem.vue.js';
 import DefaultPage from '../../default-page/index.js';
 import { InjectionSelectPersonEmits } from './constants/index.js';
 
@@ -20,6 +20,9 @@ const _hoisted_3 = {
 const _hoisted_4 = {
   class: "c-select-person__containerRight"
 };
+const _hoisted_5 = {
+  class: "c-select-person__popover"
+};
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SelectPerson",
   props: {
@@ -112,6 +115,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     itemKey: {
       type: Function,
       default: void 0
+    },
+    showTagHover: {
+      type: Boolean,
+      default: false
     }
   },
   setup(__props, {
@@ -258,6 +265,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         user_expand_keys
       } = props.wordbookChild;
       let leafCount = 0;
+      let innerItems = [];
       const {
         label: parentLabel = "",
         parentName = "",
@@ -280,6 +288,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           parentKey,
           parentName: parentLabel + (parentName ? parentLabel ? `/${parentName}` : parentName : ""),
           innerItemsNum: 0,
+          innerChildren: [],
           children: void 0,
           originItem: item,
           leaf: isLeaf,
@@ -295,7 +304,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               return str ? acc ? `${acc}\uFF0C${str}` : str : acc;
             }, "");
           }
-          !tree.disabled && leafCount++;
+          if (!tree.disabled) {
+            leafCount++;
+            innerItems.push(tree);
+          }
         } else {
           if (children == null ? void 0 : children.length) {
             const childData = transformData(children, tree, visitor);
@@ -303,7 +315,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               tree.children = childData.treeItems;
             }
             tree.innerItemsNum += childData.leafCount;
+            tree.innerChildren = [...childData.innerItems, ...tree.innerChildren];
             leafCount += tree.innerItemsNum;
+            innerItems = [...innerItems, ...tree.innerChildren];
           }
           if (!empty_enable && tree.innerItemsNum == 0 && !isRemote.value)
             tree.disabled = true;
@@ -313,7 +327,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
       return {
         treeItems,
-        leafCount
+        leafCount,
+        innerItems
       };
     }
     async function onSearch() {
@@ -719,16 +734,36 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             }())) : createCommentVNode("v-if", true)]),
             _: 1
           }), createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(caculateTagData), (tag) => {
-            return openBlock(), createElementBlock("span", {
-              class: "c-select-person__tag-item",
+            return openBlock(), createElementBlock(Fragment, {
               key: tag.key
-            }, [createCommentVNode(" \u6807\u7B7E\u63D2\u69FD "), renderSlot(_ctx.$slots, "tag", {
-              tag
-            }, () => [createTextVNode(toDisplayString(tag.label) + " " + toDisplayString(tag.parentName ? `(${tag.parentName})` : "") + " " + toDisplayString(tag.innerItemsNum ? `(${tag.innerItemsNum}\u4EBA)` : ""), 1)]), createVNode(unref(NIcon), {
-              class: "tag-close",
-              component: unref(CloseCircleSharp),
-              onClick: ($event) => updateChecked(tag.key, false)
-            }, null, 8, ["component", "onClick"])]);
+            }, [__props.showTagHover && tag.innerItemsNum > 0 ? (openBlock(), createBlock(unref(NPopover), {
+              key: 0,
+              trigger: "hover"
+            }, {
+              trigger: withCtx(() => [createVNode(TagItem, {
+                tag,
+                onUnchecked: updateChecked
+              }, {
+                tag: withCtx((filterProps) => [renderSlot(_ctx.$slots, "tag", normalizeProps(guardReactiveProps(filterProps)))]),
+                _: 2
+              }, 1032, ["tag"])]),
+              default: withCtx(() => [createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(tag.innerChildren, (childTag) => {
+                return openBlock(), createBlock(TagItem, {
+                  key: childTag.key,
+                  tag: childTag,
+                  showClose: false,
+                  onUnchecked: updateChecked
+                }, null, 8, ["tag"]);
+              }), 128))])]),
+              _: 2
+            }, 1024)) : (openBlock(), createBlock(TagItem, {
+              key: 1,
+              tag,
+              onUnchecked: updateChecked
+            }, {
+              tag: withCtx((filterProps) => [renderSlot(_ctx.$slots, "tag", normalizeProps(guardReactiveProps(filterProps)))]),
+              _: 2
+            }, 1032, ["tag"]))], 64);
           }), 128))])], 4)]),
           _: 3
         })]),

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

@@ -0,0 +1,43 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../shared/types';
+declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        tag: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+        showClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onUnchecked?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "unchecked", ...args: any[]) => void;
+    updateChecked: (key: string, checked: boolean) => void;
+    NIcon: 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<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "unchecked"[], "unchecked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onUnchecked?: ((...args: any[]) => any) | undefined;
+}, {
+    showClose: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import _sfc_main from './TagItem.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var TagItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "TagItem.vue"]]);
+
+export { TagItem as default };

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

@@ -0,0 +1,40 @@
+import { defineComponent, openBlock, createElementBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, createBlock, unref } from 'vue';
+import { NIcon } from 'naive-ui';
+import { CloseCircleSharp } from '@vicons/ionicons5';
+
+const _hoisted_1 = {
+  class: "c-select-person__tag-item"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TagItem",
+  props: {
+    tag: {
+      type: Object,
+      required: true
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["unchecked"],
+  setup(__props, {
+    emit
+  }) {
+    const updateChecked = (key, checked) => {
+      emit("unchecked", key, checked);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [createCommentVNode(" \u6807\u7B7E\u63D2\u69FD "), renderSlot(_ctx.$slots, "tag", {
+        tag: __props.tag
+      }, () => [createTextVNode(toDisplayString(__props.tag.label) + " " + toDisplayString(__props.tag.parentName ? `(${__props.tag.parentName})` : "") + " " + toDisplayString(__props.tag.innerItemsNum ? `(${__props.tag.innerItemsNum}\u4EBA)` : ""), 1)]), __props.showClose ? (openBlock(), createBlock(unref(NIcon), {
+        key: 0,
+        class: "tag-close",
+        component: unref(CloseCircleSharp),
+        onClick: _cache[0] || (_cache[0] = ($event) => updateChecked(__props.tag.key, false))
+      }, null, 8, ["component"])) : createCommentVNode("v-if", true)]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -125,6 +125,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(node: ITreeOption) => IKey>;
         default: undefined;
     };
+    showTagHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     $attrs: {
         [x: string]: unknown;
@@ -235,6 +239,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<(node: ITreeOption) => IKey>;
             default: undefined;
         };
+        showTagHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onCheck?: ((...args: any[]) => any) | undefined;
         onCheckWithLevel?: ((...args: any[]) => any) | undefined;
@@ -1345,6 +1353,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<(node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & AnyObject) => string | number>;
             default: undefined;
         };
+        showTagHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {
         $message: import("naive-ui").MessageApi;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -1427,6 +1439,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: PropType<(node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & AnyObject) => string | number>;
                 default: undefined;
             };
+            showTagHover: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & {}>>;
         emit: any;
         keyword: import("vue").Ref<string>;
@@ -1526,7 +1542,9 @@ declare const _default: import("vue").DefineComponent<{
         transformData: (trees: (import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & AnyObject)[], parentNode: import("./types").PTreeOption | null, visitor?: Partial<Record<"enter" | "leave", (node: import("./types").PTreeOption) => unknown>> | undefined) => {
             treeItems: import("./types").PTreeOption[];
             leafCount: number;
+            innerItems: any[];
         };
+        getTreeOptionChildren: (item: import("./types").PTreeOption) => void;
         onSearch: () => Promise<void>;
         getAllKeys: (tree: import("./types").PTreeOption[], strategy: import("./types").Strategy) => (string | number)[];
         getParentKeys: (node: import("./types").PTreeOption, map: Map<string | number, import("./types").PTreeOption>) => never[];
@@ -1562,11 +1580,10 @@ declare const _default: import("vue").DefineComponent<{
         NInputGroup: any;
         NCheckbox: any;
         NTree: any;
-        NIcon: any;
         NSpace: any;
         NGrid: any;
         NGi: 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<{}>>, {}>;
+        NPopover: any;
         SearchGroupList: import("vue").DefineComponent<{
             data: {
                 type: PropType<{
@@ -1696,6 +1713,46 @@ declare const _default: import("vue").DefineComponent<{
         }, {
             type: string;
         }>;
+        TagItem: import("vue").DefineComponent<{
+            tag: {
+                type: PropType<AnyObject>;
+                required: true;
+            };
+            showClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                tag: {
+                    type: PropType<AnyObject>;
+                    required: true;
+                };
+                showClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & {
+                onUnchecked?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "unchecked", ...args: any[]) => void;
+            updateChecked: (key: string, checked: boolean) => void;
+            NIcon: 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<{}>>, {}>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "unchecked"[], "unchecked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            tag: {
+                type: PropType<AnyObject>;
+                required: true;
+            };
+            showClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onUnchecked?: ((...args: any[]) => any) | undefined;
+        }, {
+            showClose: boolean;
+        }>;
         CDefaultPage: import("../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
             type: {
                 type: StringConstructor;
@@ -1831,6 +1888,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<(node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & AnyObject) => string | number>;
             default: undefined;
         };
+        showTagHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>>, {
         data: (import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & AnyObject)[];
         defaultList: ((string | number) | {
@@ -1853,6 +1914,7 @@ declare const _default: import("vue").DefineComponent<{
         onlyForwardCascade: boolean;
         hideLeaf: boolean;
         itemKey: (node: import("naive-ui/es/tree/src/interface").TreeOptionBase & Record<string, unknown> & AnyObject) => string | number;
+        showTagHover: boolean;
     }>>;
     getProps: import("vue").ComputedRef<Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         defaultList: {
@@ -1960,6 +2022,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<(node: ITreeOption) => IKey>;
             default: undefined;
         };
+        showTagHover: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onCheck?: ((...args: any[]) => any) | undefined;
         onCheckWithLevel?: ((...args: any[]) => any) | undefined;
@@ -2074,6 +2140,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(node: ITreeOption) => IKey>;
         default: undefined;
     };
+    showTagHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onCheck?: ((...args: any[]) => any) | undefined;
     onCheckWithLevel?: ((...args: any[]) => any) | undefined;
@@ -2103,5 +2173,6 @@ declare const _default: import("vue").DefineComponent<{
     onlyForwardCascade: boolean;
     hideLeaf: boolean;
     itemKey: (node: ITreeOption) => IKey;
+    showTagHover: boolean;
 }>;
 export default _default;

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

@@ -125,6 +125,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     itemKey: {
       type: Function,
       default: void 0
+    },
+    showTagHover: {
+      type: Boolean,
+      default: false
     }
   },
   emits: [