@das-fed/ui 6.4.0-dev.3 → 6.4.0-dev.30

package/packages/components/tree-select/src/hooks/use-tree-select.d.ts

@@ -1,65 +1,34 @@
 import { nextTick } from 'vue';
 import type { Props, Emits } from '../type';
 export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, attrs: any, lazy: any, isCheckStrictly: any) => {
-    innerValue: import("vue").WritableComputedRef<string | number | string[] | number[] | undefined>;
+    innerValue: import("vue").WritableComputedRef<string | number | string[] | number[] | undefined, string | number | string[] | number[] | undefined>;
     popoverRef: import("vue").Ref<any, any>;
     dasTreeSelectRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
     $tree: import("vue").Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            data: any[];
-            props: import("../../../tree/src/type").TreeOptionProps;
-            modelValue: string | number | any[];
-            nodeKey: string;
-            currentNodeKey: string | number;
-            defaultExpandedKeys: string[] | number[];
-            defaultExpandedPaths: string[] | number[];
-            defaultExpandRoot: boolean;
-            expandOnClickNode: boolean;
-            checkStrictly: boolean;
-            operationsLayout: string | ((node: any, data: any) => string);
-            maxNodeLevel: number | string;
-            showFilterInput: boolean;
-            inputOptions: any;
-            emptyText: string;
-            searchEmptyText: string;
-            rootNodeId: string;
-            renderDom: boolean;
-            overlayZIndex: string;
-        }> & Omit<{
-            readonly data: any[];
-            readonly props: import("../../../tree/src/type").TreeOptionProps;
-            readonly modelValue: string | number | any[];
-            readonly nodeKey: string;
-            readonly currentNodeKey: string | number;
-            readonly defaultExpandedKeys: string[] | number[];
-            readonly defaultExpandedPaths: string[] | number[];
-            readonly defaultExpandRoot: boolean;
-            readonly operationsLayout: string | ((node: any, data: any) => string);
-            readonly maxNodeLevel: number | string;
-            readonly showFilterInput: boolean;
-            readonly inputOptions: any;
-            readonly emptyText: string;
-            readonly searchEmptyText: string;
-            readonly rootNodeId: string;
-            readonly renderDom: boolean;
-            readonly overlayZIndex: string;
-            readonly load?: ((data: any, level: number) => Promise<any>) | undefined;
-            readonly search?: ((text: string) => Promise<any>) | undefined;
+        $props: {
+            readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+            readonly data?: any[] | undefined;
+            readonly loading?: boolean | undefined;
+            readonly nodeKey?: string | undefined;
+            readonly modelValue?: (string | number | any[]) | undefined;
             readonly path?: (string | string[]) | undefined;
             readonly height?: (string | number) | undefined;
-            readonly filterNodeMethod?: ((value: string, data: Record<string, any>) => boolean) | undefined;
-            readonly loading?: boolean | undefined;
             readonly isEllipsis?: boolean | undefined;
             readonly draggable?: boolean | undefined;
             readonly allowDrag?: ((node: any) => boolean) | undefined;
+            readonly currentNodeKey?: (string | number) | undefined;
             readonly defaultCheckedKeys?: (string[] | number[]) | undefined;
+            readonly defaultExpandedKeys?: (string[] | number[]) | undefined;
+            readonly defaultExpandedPaths?: (string[] | number[]) | undefined;
+            readonly defaultExpandRoot?: boolean | undefined;
             readonly expandOnClickNode?: boolean | undefined;
             readonly checkStrictly?: boolean | undefined;
             readonly parentLinkChildrenStrictly?: boolean | undefined;
             readonly getGrandChildren?: ((data?: any) => Promise<any>) | undefined;
             readonly childLinkParentStrictly?: boolean | undefined;
+            readonly props?: import("../../../tree/src/type").TreeOptionProps | undefined;
             readonly showCheckbox?: boolean | undefined;
             readonly hideRootCheckbox?: boolean | undefined;
             readonly showOperations?: boolean | undefined;
@@ -68,204 +37,33 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
                 list?: Array<import("../../../tree/src/type").operationsType> | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>);
                 position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
             } | undefined;
+            readonly operationsLayout?: (string | ((node: any, data: any) => string)) | undefined;
             readonly operationsLabel?: {
                 add?: string | ((node: any, data: any) => string | undefined);
                 addItem?: string | ((node: any, data: any) => string | undefined);
                 edit?: string | ((node: any, data: any) => string | undefined);
                 delete?: string | ((node: any, data: any) => string | undefined);
             } | undefined;
+            readonly maxNodeLevel?: (number | string) | undefined;
+            readonly showFilterInput?: boolean | undefined;
             readonly isFilter?: boolean | undefined;
+            readonly filterNodeMethod?: ((value: string, data: Record<string, any>) => boolean) | undefined;
             readonly filterValue?: string | undefined;
             readonly filterItemClass?: (string | ((data: any, index: number) => string | undefined)) | undefined;
+            readonly inputOptions?: any;
+            readonly emptyText?: string | undefined;
+            readonly searchEmptyText?: string | undefined;
+            readonly rootNodeId?: string | undefined;
+            readonly load?: ((data: any, level: number) => Promise<any>) | undefined;
+            readonly search?: ((text: string) => Promise<any>) | undefined;
+            readonly renderDom?: boolean | undefined;
+            readonly overlayZIndex?: string | undefined;
             readonly keepSelected?: boolean | undefined;
             readonly notAutoresetLazyLoad?: boolean | undefined;
             readonly changeNodeConfirm?: ((item: any) => Promise<any>) | undefined;
-            onChange?: ((value: string | string[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
-            "onUpdate:filterValue"?: ((value: string) => any) | undefined;
-            "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
-            "onFilter-value-change"?: ((value: string) => any) | undefined;
-            "onFilter-node-click"?: ((item: any) => any) | undefined;
-            "onNode-change"?: ((item: any) => any) | undefined;
-            "onNode-click"?: ((item: any, node: any) => any) | undefined;
-            "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
-            "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
-            onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
-            "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            load: {
-                type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
-            };
-            data: {
-                type: import("vue").PropType<any[]>;
-                default: () => never[];
-            };
-            search: {
-                type: import("vue").PropType<(text: string) => Promise<any>>;
-            };
-            path: {
-                type: import("vue").PropType<string | string[]>;
-            };
-            props: {
-                type: import("vue").PropType<import("../../../tree/src/type").TreeOptionProps>;
-                default: () => {};
-            };
-            height: {
-                type: import("vue").PropType<string | number>;
-            };
-            filterNodeMethod: {
-                type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
-            };
-            modelValue: {
-                type: import("vue").PropType<string | number | any[]>;
-                default: string;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-            };
-            nodeKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isEllipsis: {
-                type: import("vue").PropType<boolean>;
-            };
-            draggable: {
-                type: import("vue").PropType<boolean>;
-            };
-            allowDrag: {
-                type: import("vue").PropType<(node: any) => boolean>;
-            };
-            currentNodeKey: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
-            defaultCheckedKeys: {
-                type: import("vue").PropType<string[] | number[]>;
-            };
-            defaultExpandedKeys: {
-                type: import("vue").PropType<string[] | number[]>;
-                default: () => never[];
-            };
-            defaultExpandedPaths: {
-                type: import("vue").PropType<string[] | number[]>;
-                default: () => never[];
-            };
-            defaultExpandRoot: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            expandOnClickNode: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
-            checkStrictly: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
-            parentLinkChildrenStrictly: {
-                type: import("vue").PropType<boolean>;
-            };
-            getGrandChildren: {
-                type: import("vue").PropType<(data?: any) => Promise<any>>;
-            };
-            childLinkParentStrictly: {
-                type: import("vue").PropType<boolean>;
-            };
-            showCheckbox: {
-                type: import("vue").PropType<boolean>;
-            };
-            hideRootCheckbox: {
-                type: import("vue").PropType<boolean>;
-            };
-            showOperations: {
-                type: import("vue").PropType<boolean>;
-            };
-            operations: {
-                type: import("vue").PropType<import("../../../tree/src/type").operationsType[] | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>)>;
-            };
-            mergeOprations: {
-                type: import("vue").PropType<{
-                    list?: Array<import("../../../tree/src/type").operationsType> | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>);
-                    position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
-                }>;
-            };
-            operationsLayout: {
-                type: import("vue").PropType<string | ((node: any, data: any) => string)>;
-                default: string;
-            };
-            operationsLabel: {
-                type: import("vue").PropType<{
-                    add?: string | ((node: any, data: any) => string | undefined);
-                    addItem?: string | ((node: any, data: any) => string | undefined);
-                    edit?: string | ((node: any, data: any) => string | undefined);
-                    delete?: string | ((node: any, data: any) => string | undefined);
-                }>;
-            };
-            maxNodeLevel: {
-                type: import("vue").PropType<string | number>;
-                default: number;
-            };
-            showFilterInput: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isFilter: {
-                type: import("vue").PropType<boolean>;
-            };
-            filterValue: {
-                type: import("vue").PropType<string>;
-            };
-            filterItemClass: {
-                type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
-            };
-            inputOptions: {
-                type: import("vue").PropType<any>;
-                default: () => {};
-            };
-            emptyText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            searchEmptyText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            rootNodeId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            renderDom: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            overlayZIndex: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            keepSelected: {
-                type: import("vue").PropType<boolean>;
-            };
-            notAutoresetLazyLoad: {
-                type: import("vue").PropType<boolean>;
-            };
-            changeNodeConfirm: {
-                type: import("vue").PropType<(item: any) => Promise<any>>;
-            };
-        }>> & {
-            onChange?: ((value: string | string[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
-            "onUpdate:filterValue"?: ((value: string) => any) | undefined;
-            "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
-            "onFilter-value-change"?: ((value: string) => any) | undefined;
-            "onFilter-node-click"?: ((item: any) => any) | undefined;
-            "onNode-change"?: ((item: any) => any) | undefined;
-            "onNode-click"?: ((item: any, node: any) => any) | undefined;
-            "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
-            "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
-            onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
-            "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
-        }, "data" | "props" | "modelValue" | "nodeKey" | "currentNodeKey" | "defaultExpandedKeys" | "defaultExpandedPaths" | "defaultExpandRoot" | "expandOnClickNode" | "checkStrictly" | "operationsLayout" | "maxNodeLevel" | "showFilterInput" | "inputOptions" | "emptyText" | "searchEmptyText" | "rootNodeId" | "renderDom" | "overlayZIndex">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("../../../tree/src/type").Props> & Readonly<{
+            [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+        }>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -277,183 +75,13 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         }>;
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
-        $emit: ((event: "change", value: string | string[]) => void) & ((event: "update:modelValue", value: string | number | any[]) => void) & ((event: "update:filterValue", value: string) => void) & ((event: "update:path", value: string | string[]) => void) & ((event: "filter-value-change", value: string) => void) & ((event: "filter-node-click", item: any) => void) & ((event: "node-change", item: any) => void) & ((event: "node-click", item: any, node: any) => void) & ((event: "node-db-click", item: any, node: any) => void) & ((event: "current-change", item: any, node: any) => void) & ((event: "handleOperation", item: any, node: any, data: any) => void) & ((event: "check-node-change", checkVal: any[], item: any, isCheck: boolean) => void);
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            load: {
-                type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
-            };
-            data: {
-                type: import("vue").PropType<any[]>;
-                default: () => never[];
-            };
-            search: {
-                type: import("vue").PropType<(text: string) => Promise<any>>;
-            };
-            path: {
-                type: import("vue").PropType<string | string[]>;
-            };
-            props: {
-                type: import("vue").PropType<import("../../../tree/src/type").TreeOptionProps>;
-                default: () => {};
-            };
-            height: {
-                type: import("vue").PropType<string | number>;
-            };
-            filterNodeMethod: {
-                type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
-            };
-            modelValue: {
-                type: import("vue").PropType<string | number | any[]>;
-                default: string;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-            };
-            nodeKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isEllipsis: {
-                type: import("vue").PropType<boolean>;
-            };
-            draggable: {
-                type: import("vue").PropType<boolean>;
-            };
-            allowDrag: {
-                type: import("vue").PropType<(node: any) => boolean>;
-            };
-            currentNodeKey: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
-            defaultCheckedKeys: {
-                type: import("vue").PropType<string[] | number[]>;
-            };
-            defaultExpandedKeys: {
-                type: import("vue").PropType<string[] | number[]>;
-                default: () => never[];
-            };
-            defaultExpandedPaths: {
-                type: import("vue").PropType<string[] | number[]>;
-                default: () => never[];
-            };
-            defaultExpandRoot: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            expandOnClickNode: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
-            checkStrictly: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
-            parentLinkChildrenStrictly: {
-                type: import("vue").PropType<boolean>;
-            };
-            getGrandChildren: {
-                type: import("vue").PropType<(data?: any) => Promise<any>>;
-            };
-            childLinkParentStrictly: {
-                type: import("vue").PropType<boolean>;
-            };
-            showCheckbox: {
-                type: import("vue").PropType<boolean>;
-            };
-            hideRootCheckbox: {
-                type: import("vue").PropType<boolean>;
-            };
-            showOperations: {
-                type: import("vue").PropType<boolean>;
-            };
-            operations: {
-                type: import("vue").PropType<import("../../../tree/src/type").operationsType[] | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>)>;
-            };
-            mergeOprations: {
-                type: import("vue").PropType<{
-                    list?: Array<import("../../../tree/src/type").operationsType> | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>);
-                    position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
-                }>;
-            };
-            operationsLayout: {
-                type: import("vue").PropType<string | ((node: any, data: any) => string)>;
-                default: string;
-            };
-            operationsLabel: {
-                type: import("vue").PropType<{
-                    add?: string | ((node: any, data: any) => string | undefined);
-                    addItem?: string | ((node: any, data: any) => string | undefined);
-                    edit?: string | ((node: any, data: any) => string | undefined);
-                    delete?: string | ((node: any, data: any) => string | undefined);
-                }>;
-            };
-            maxNodeLevel: {
-                type: import("vue").PropType<string | number>;
-                default: number;
-            };
-            showFilterInput: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isFilter: {
-                type: import("vue").PropType<boolean>;
-            };
-            filterValue: {
-                type: import("vue").PropType<string>;
-            };
-            filterItemClass: {
-                type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
-            };
-            inputOptions: {
-                type: import("vue").PropType<any>;
-                default: () => {};
-            };
-            emptyText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            searchEmptyText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            rootNodeId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            renderDom: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            overlayZIndex: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            keepSelected: {
-                type: import("vue").PropType<boolean>;
-            };
-            notAutoresetLazyLoad: {
-                type: import("vue").PropType<boolean>;
-            };
-            changeNodeConfirm: {
-                type: import("vue").PropType<(item: any) => Promise<any>>;
-            };
-        }>> & {
-            onChange?: ((value: string | string[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
-            "onUpdate:filterValue"?: ((value: string) => any) | undefined;
-            "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
-            "onFilter-value-change"?: ((value: string) => any) | undefined;
-            "onFilter-node-click"?: ((item: any) => any) | undefined;
-            "onNode-change"?: ((item: any) => any) | undefined;
-            "onNode-click"?: ((item: any, node: any) => any) | undefined;
-            "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
-            "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
-            onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
-            "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
-        }, {
-            treeRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        $options: import("vue").ComponentOptionsBase<Readonly<import("../../../tree/src/type").Props> & Readonly<{
+            [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+        }>, {
+            treeRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 data: {
                     type: ArrayConstructor;
                     default: () => never[];
@@ -900,7 +528,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
                 checkDescendants: boolean;
                 autoExpandParent: boolean;
                 highlightCurrent: boolean;
-            }, true, {}, {}, {
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -1275,7 +903,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
                 checkDescendants: boolean;
                 autoExpandParent: boolean;
                 highlightCurrent: boolean;
-            }> | undefined, import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            }> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 data: {
                     type: ArrayConstructor;
                     default: () => never[];
@@ -1722,7 +1350,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
                 checkDescendants: boolean;
                 autoExpandParent: boolean;
                 highlightCurrent: boolean;
-            }, true, {}, {}, {
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -2110,19 +1738,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             filterSeach: () => void;
             handleSearch: () => Promise<void>;
             getGrandChildrenFn: (data: any) => Promise<any>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:filterValue": (value: string) => void;
-            "update:modelValue": (value: string | number | any[]) => void;
-            "update:path": (value: string | string[]) => void;
-            change: (value: string | string[]) => void;
-            handleOperation: (item: any, node: any, data: any) => void;
-            "filter-value-change": (value: string) => void;
-            "filter-node-click": (item: any) => void;
-            "node-change": (item: any) => void;
-            "node-click": (item: any, node: any) => void;
-            "node-db-click": (item: any, node: any) => void;
-            "current-change": (item: any, node: any) => void;
-            "check-node-change": (checkVal: any[], item: any, isCheck: boolean) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            [x: string]: any;
+        } & {
+            [x: string]: any;
         }, string, {
             data: any[];
             props: import("../../../tree/src/type").TreeOptionProps;
@@ -2143,7 +1762,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             rootNodeId: string;
             renderDom: boolean;
             overlayZIndex: string;
-        }, {}, string, {}> & {
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -2162,182 +1781,31 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-    } & Omit<Readonly<import("vue").ExtractPropTypes<{
-        load: {
-            type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
-        };
-        data: {
-            type: import("vue").PropType<any[]>;
-            default: () => never[];
-        };
-        search: {
-            type: import("vue").PropType<(text: string) => Promise<any>>;
-        };
-        path: {
-            type: import("vue").PropType<string | string[]>;
-        };
-        props: {
-            type: import("vue").PropType<import("../../../tree/src/type").TreeOptionProps>;
-            default: () => {};
-        };
-        height: {
-            type: import("vue").PropType<string | number>;
-        };
-        filterNodeMethod: {
-            type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
-        };
-        modelValue: {
-            type: import("vue").PropType<string | number | any[]>;
-            default: string;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-        };
-        nodeKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isEllipsis: {
-            type: import("vue").PropType<boolean>;
-        };
-        draggable: {
-            type: import("vue").PropType<boolean>;
-        };
-        allowDrag: {
-            type: import("vue").PropType<(node: any) => boolean>;
-        };
-        currentNodeKey: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
-        defaultCheckedKeys: {
-            type: import("vue").PropType<string[] | number[]>;
-        };
-        defaultExpandedKeys: {
-            type: import("vue").PropType<string[] | number[]>;
-            default: () => never[];
-        };
-        defaultExpandedPaths: {
-            type: import("vue").PropType<string[] | number[]>;
-            default: () => never[];
-        };
-        defaultExpandRoot: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        expandOnClickNode: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
-        checkStrictly: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
-        parentLinkChildrenStrictly: {
-            type: import("vue").PropType<boolean>;
-        };
-        getGrandChildren: {
-            type: import("vue").PropType<(data?: any) => Promise<any>>;
-        };
-        childLinkParentStrictly: {
-            type: import("vue").PropType<boolean>;
-        };
-        showCheckbox: {
-            type: import("vue").PropType<boolean>;
-        };
-        hideRootCheckbox: {
-            type: import("vue").PropType<boolean>;
-        };
-        showOperations: {
-            type: import("vue").PropType<boolean>;
-        };
-        operations: {
-            type: import("vue").PropType<import("../../../tree/src/type").operationsType[] | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>)>;
-        };
-        mergeOprations: {
-            type: import("vue").PropType<{
-                list?: Array<import("../../../tree/src/type").operationsType> | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>);
-                position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
-            }>;
-        };
-        operationsLayout: {
-            type: import("vue").PropType<string | ((node: any, data: any) => string)>;
-            default: string;
-        };
-        operationsLabel: {
-            type: import("vue").PropType<{
-                add?: string | ((node: any, data: any) => string | undefined);
-                addItem?: string | ((node: any, data: any) => string | undefined);
-                edit?: string | ((node: any, data: any) => string | undefined);
-                delete?: string | ((node: any, data: any) => string | undefined);
-            }>;
-        };
-        maxNodeLevel: {
-            type: import("vue").PropType<string | number>;
-            default: number;
-        };
-        showFilterInput: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        isFilter: {
-            type: import("vue").PropType<boolean>;
-        };
-        filterValue: {
-            type: import("vue").PropType<string>;
-        };
-        filterItemClass: {
-            type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
-        };
-        inputOptions: {
-            type: import("vue").PropType<any>;
-            default: () => {};
-        };
-        emptyText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        searchEmptyText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        rootNodeId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        renderDom: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        overlayZIndex: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        keepSelected: {
-            type: import("vue").PropType<boolean>;
-        };
-        notAutoresetLazyLoad: {
-            type: import("vue").PropType<boolean>;
-        };
-        changeNodeConfirm: {
-            type: import("vue").PropType<(item: any) => Promise<any>>;
-        };
-    }>> & {
-        onChange?: ((value: string | string[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
-        "onUpdate:filterValue"?: ((value: string) => any) | undefined;
-        "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
-        "onFilter-value-change"?: ((value: string) => any) | undefined;
-        "onFilter-node-click"?: ((item: any) => any) | undefined;
-        "onNode-change"?: ((item: any) => any) | undefined;
-        "onNode-click"?: ((item: any, node: any) => any) | undefined;
-        "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
-        "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
-        onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
-        "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
-    }, "findSelectableParentNode" | "filterSeach" | "handleSearch" | "treeRef" | "treeIsEmpty" | "childLinkParent" | "parentLinkChild" | "resetLazyLoad" | "autoExpand" | "searchClear" | "lazyData" | "lazyDataNextTick" | "getGrandChildrenFn"> & import("vue").ShallowUnwrapRef<{
-        treeRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{
+        data: any[];
+        props: import("../../../tree/src/type").TreeOptionProps;
+        modelValue: string | number | any[];
+        nodeKey: string;
+        currentNodeKey: string | number;
+        defaultExpandedKeys: string[] | number[];
+        defaultExpandedPaths: string[] | number[];
+        defaultExpandRoot: boolean;
+        expandOnClickNode: boolean;
+        checkStrictly: boolean;
+        operationsLayout: string | ((node: any, data: any) => string);
+        maxNodeLevel: number | string;
+        showFilterInput: boolean;
+        inputOptions: any;
+        emptyText: string;
+        searchEmptyText: string;
+        rootNodeId: string;
+        renderDom: boolean;
+        overlayZIndex: string;
+    }> & Omit<Readonly<import("../../../tree/src/type").Props> & Readonly<{
+        [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+    }>, "findSelectableParentNode" | "filterSeach" | "handleSearch" | "treeRef" | "treeIsEmpty" | "childLinkParent" | "parentLinkChild" | "resetLazyLoad" | "autoExpand" | "searchClear" | "lazyData" | "lazyDataNextTick" | "getGrandChildrenFn" | ("data" | "props" | "modelValue" | "nodeKey" | "currentNodeKey" | "defaultExpandedKeys" | "defaultExpandedPaths" | "defaultExpandRoot" | "expandOnClickNode" | "checkStrictly" | "operationsLayout" | "maxNodeLevel" | "showFilterInput" | "inputOptions" | "emptyText" | "searchEmptyText" | "rootNodeId" | "renderDom" | "overlayZIndex")> & import("vue").ShallowUnwrapRef<{
+        treeRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: ArrayConstructor;
                 default: () => never[];
@@ -2784,7 +2252,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             checkDescendants: boolean;
             autoExpandParent: boolean;
             highlightCurrent: boolean;
-        }, true, {}, {}, {
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -3159,7 +2627,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             checkDescendants: boolean;
             autoExpandParent: boolean;
             highlightCurrent: boolean;
-        }> | undefined, import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        }> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: ArrayConstructor;
                 default: () => never[];
@@ -3606,7 +3074,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             checkDescendants: boolean;
             autoExpandParent: boolean;
             highlightCurrent: boolean;
-        }, true, {}, {}, {
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -4037,59 +3505,28 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
     }) | null, ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            data: any[];
-            props: import("../../../tree/src/type").TreeOptionProps;
-            modelValue: string | number | any[];
-            nodeKey: string;
-            currentNodeKey: string | number;
-            defaultExpandedKeys: string[] | number[];
-            defaultExpandedPaths: string[] | number[];
-            defaultExpandRoot: boolean;
-            expandOnClickNode: boolean;
-            checkStrictly: boolean;
-            operationsLayout: string | ((node: any, data: any) => string);
-            maxNodeLevel: number | string;
-            showFilterInput: boolean;
-            inputOptions: any;
-            emptyText: string;
-            searchEmptyText: string;
-            rootNodeId: string;
-            renderDom: boolean;
-            overlayZIndex: string;
-        }> & Omit<{
-            readonly data: any[];
-            readonly props: import("../../../tree/src/type").TreeOptionProps;
-            readonly modelValue: string | number | any[];
-            readonly nodeKey: string;
-            readonly currentNodeKey: string | number;
-            readonly defaultExpandedKeys: string[] | number[];
-            readonly defaultExpandedPaths: string[] | number[];
-            readonly defaultExpandRoot: boolean;
-            readonly operationsLayout: string | ((node: any, data: any) => string);
-            readonly maxNodeLevel: number | string;
-            readonly showFilterInput: boolean;
-            readonly inputOptions: any;
-            readonly emptyText: string;
-            readonly searchEmptyText: string;
-            readonly rootNodeId: string;
-            readonly renderDom: boolean;
-            readonly overlayZIndex: string;
-            readonly load?: ((data: any, level: number) => Promise<any>) | undefined;
-            readonly search?: ((text: string) => Promise<any>) | undefined;
+        $props: {
+            readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+            readonly data?: any[] | undefined;
+            readonly loading?: boolean | undefined;
+            readonly nodeKey?: string | undefined;
+            readonly modelValue?: (string | number | any[]) | undefined;
             readonly path?: (string | string[]) | undefined;
             readonly height?: (string | number) | undefined;
-            readonly filterNodeMethod?: ((value: string, data: Record<string, any>) => boolean) | undefined;
-            readonly loading?: boolean | undefined;
             readonly isEllipsis?: boolean | undefined;
             readonly draggable?: boolean | undefined;
             readonly allowDrag?: ((node: any) => boolean) | undefined;
+            readonly currentNodeKey?: (string | number) | undefined;
             readonly defaultCheckedKeys?: (string[] | number[]) | undefined;
+            readonly defaultExpandedKeys?: (string[] | number[]) | undefined;
+            readonly defaultExpandedPaths?: (string[] | number[]) | undefined;
+            readonly defaultExpandRoot?: boolean | undefined;
             readonly expandOnClickNode?: boolean | undefined;
             readonly checkStrictly?: boolean | undefined;
             readonly parentLinkChildrenStrictly?: boolean | undefined;
             readonly getGrandChildren?: ((data?: any) => Promise<any>) | undefined;
             readonly childLinkParentStrictly?: boolean | undefined;
+            readonly props?: import("../../../tree/src/type").TreeOptionProps | undefined;
             readonly showCheckbox?: boolean | undefined;
             readonly hideRootCheckbox?: boolean | undefined;
             readonly showOperations?: boolean | undefined;
@@ -4098,204 +3535,33 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
                 list?: Array<import("../../../tree/src/type").operationsType> | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>);
                 position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
             } | undefined;
+            readonly operationsLayout?: (string | ((node: any, data: any) => string)) | undefined;
             readonly operationsLabel?: {
                 add?: string | ((node: any, data: any) => string | undefined);
                 addItem?: string | ((node: any, data: any) => string | undefined);
                 edit?: string | ((node: any, data: any) => string | undefined);
                 delete?: string | ((node: any, data: any) => string | undefined);
             } | undefined;
+            readonly maxNodeLevel?: (number | string) | undefined;
+            readonly showFilterInput?: boolean | undefined;
             readonly isFilter?: boolean | undefined;
+            readonly filterNodeMethod?: ((value: string, data: Record<string, any>) => boolean) | undefined;
             readonly filterValue?: string | undefined;
             readonly filterItemClass?: (string | ((data: any, index: number) => string | undefined)) | undefined;
+            readonly inputOptions?: any;
+            readonly emptyText?: string | undefined;
+            readonly searchEmptyText?: string | undefined;
+            readonly rootNodeId?: string | undefined;
+            readonly load?: ((data: any, level: number) => Promise<any>) | undefined;
+            readonly search?: ((text: string) => Promise<any>) | undefined;
+            readonly renderDom?: boolean | undefined;
+            readonly overlayZIndex?: string | undefined;
             readonly keepSelected?: boolean | undefined;
             readonly notAutoresetLazyLoad?: boolean | undefined;
             readonly changeNodeConfirm?: ((item: any) => Promise<any>) | undefined;
-            onChange?: ((value: string | string[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
-            "onUpdate:filterValue"?: ((value: string) => any) | undefined;
-            "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
-            "onFilter-value-change"?: ((value: string) => any) | undefined;
-            "onFilter-node-click"?: ((item: any) => any) | undefined;
-            "onNode-change"?: ((item: any) => any) | undefined;
-            "onNode-click"?: ((item: any, node: any) => any) | undefined;
-            "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
-            "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
-            onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
-            "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            load: {
-                type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
-            };
-            data: {
-                type: import("vue").PropType<any[]>;
-                default: () => never[];
-            };
-            search: {
-                type: import("vue").PropType<(text: string) => Promise<any>>;
-            };
-            path: {
-                type: import("vue").PropType<string | string[]>;
-            };
-            props: {
-                type: import("vue").PropType<import("../../../tree/src/type").TreeOptionProps>;
-                default: () => {};
-            };
-            height: {
-                type: import("vue").PropType<string | number>;
-            };
-            filterNodeMethod: {
-                type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
-            };
-            modelValue: {
-                type: import("vue").PropType<string | number | any[]>;
-                default: string;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-            };
-            nodeKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isEllipsis: {
-                type: import("vue").PropType<boolean>;
-            };
-            draggable: {
-                type: import("vue").PropType<boolean>;
-            };
-            allowDrag: {
-                type: import("vue").PropType<(node: any) => boolean>;
-            };
-            currentNodeKey: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
-            defaultCheckedKeys: {
-                type: import("vue").PropType<string[] | number[]>;
-            };
-            defaultExpandedKeys: {
-                type: import("vue").PropType<string[] | number[]>;
-                default: () => never[];
-            };
-            defaultExpandedPaths: {
-                type: import("vue").PropType<string[] | number[]>;
-                default: () => never[];
-            };
-            defaultExpandRoot: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            expandOnClickNode: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
-            checkStrictly: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
-            parentLinkChildrenStrictly: {
-                type: import("vue").PropType<boolean>;
-            };
-            getGrandChildren: {
-                type: import("vue").PropType<(data?: any) => Promise<any>>;
-            };
-            childLinkParentStrictly: {
-                type: import("vue").PropType<boolean>;
-            };
-            showCheckbox: {
-                type: import("vue").PropType<boolean>;
-            };
-            hideRootCheckbox: {
-                type: import("vue").PropType<boolean>;
-            };
-            showOperations: {
-                type: import("vue").PropType<boolean>;
-            };
-            operations: {
-                type: import("vue").PropType<import("../../../tree/src/type").operationsType[] | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>)>;
-            };
-            mergeOprations: {
-                type: import("vue").PropType<{
-                    list?: Array<import("../../../tree/src/type").operationsType> | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>);
-                    position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
-                }>;
-            };
-            operationsLayout: {
-                type: import("vue").PropType<string | ((node: any, data: any) => string)>;
-                default: string;
-            };
-            operationsLabel: {
-                type: import("vue").PropType<{
-                    add?: string | ((node: any, data: any) => string | undefined);
-                    addItem?: string | ((node: any, data: any) => string | undefined);
-                    edit?: string | ((node: any, data: any) => string | undefined);
-                    delete?: string | ((node: any, data: any) => string | undefined);
-                }>;
-            };
-            maxNodeLevel: {
-                type: import("vue").PropType<string | number>;
-                default: number;
-            };
-            showFilterInput: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isFilter: {
-                type: import("vue").PropType<boolean>;
-            };
-            filterValue: {
-                type: import("vue").PropType<string>;
-            };
-            filterItemClass: {
-                type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
-            };
-            inputOptions: {
-                type: import("vue").PropType<any>;
-                default: () => {};
-            };
-            emptyText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            searchEmptyText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            rootNodeId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            renderDom: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            overlayZIndex: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            keepSelected: {
-                type: import("vue").PropType<boolean>;
-            };
-            notAutoresetLazyLoad: {
-                type: import("vue").PropType<boolean>;
-            };
-            changeNodeConfirm: {
-                type: import("vue").PropType<(item: any) => Promise<any>>;
-            };
-        }>> & {
-            onChange?: ((value: string | string[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
-            "onUpdate:filterValue"?: ((value: string) => any) | undefined;
-            "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
-            "onFilter-value-change"?: ((value: string) => any) | undefined;
-            "onFilter-node-click"?: ((item: any) => any) | undefined;
-            "onNode-change"?: ((item: any) => any) | undefined;
-            "onNode-click"?: ((item: any, node: any) => any) | undefined;
-            "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
-            "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
-            onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
-            "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
-        }, "data" | "props" | "modelValue" | "nodeKey" | "currentNodeKey" | "defaultExpandedKeys" | "defaultExpandedPaths" | "defaultExpandRoot" | "expandOnClickNode" | "checkStrictly" | "operationsLayout" | "maxNodeLevel" | "showFilterInput" | "inputOptions" | "emptyText" | "searchEmptyText" | "rootNodeId" | "renderDom" | "overlayZIndex">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("../../../tree/src/type").Props> & Readonly<{
+            [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+        }>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -4307,183 +3573,13 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         }>;
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
-        $emit: ((event: "change", value: string | string[]) => void) & ((event: "update:modelValue", value: string | number | any[]) => void) & ((event: "update:filterValue", value: string) => void) & ((event: "update:path", value: string | string[]) => void) & ((event: "filter-value-change", value: string) => void) & ((event: "filter-node-click", item: any) => void) & ((event: "node-change", item: any) => void) & ((event: "node-click", item: any, node: any) => void) & ((event: "node-db-click", item: any, node: any) => void) & ((event: "current-change", item: any, node: any) => void) & ((event: "handleOperation", item: any, node: any, data: any) => void) & ((event: "check-node-change", checkVal: any[], item: any, isCheck: boolean) => void);
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            load: {
-                type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
-            };
-            data: {
-                type: import("vue").PropType<any[]>;
-                default: () => never[];
-            };
-            search: {
-                type: import("vue").PropType<(text: string) => Promise<any>>;
-            };
-            path: {
-                type: import("vue").PropType<string | string[]>;
-            };
-            props: {
-                type: import("vue").PropType<import("../../../tree/src/type").TreeOptionProps>;
-                default: () => {};
-            };
-            height: {
-                type: import("vue").PropType<string | number>;
-            };
-            filterNodeMethod: {
-                type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
-            };
-            modelValue: {
-                type: import("vue").PropType<string | number | any[]>;
-                default: string;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-            };
-            nodeKey: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isEllipsis: {
-                type: import("vue").PropType<boolean>;
-            };
-            draggable: {
-                type: import("vue").PropType<boolean>;
-            };
-            allowDrag: {
-                type: import("vue").PropType<(node: any) => boolean>;
-            };
-            currentNodeKey: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
-            defaultCheckedKeys: {
-                type: import("vue").PropType<string[] | number[]>;
-            };
-            defaultExpandedKeys: {
-                type: import("vue").PropType<string[] | number[]>;
-                default: () => never[];
-            };
-            defaultExpandedPaths: {
-                type: import("vue").PropType<string[] | number[]>;
-                default: () => never[];
-            };
-            defaultExpandRoot: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            expandOnClickNode: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
-            checkStrictly: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
-            parentLinkChildrenStrictly: {
-                type: import("vue").PropType<boolean>;
-            };
-            getGrandChildren: {
-                type: import("vue").PropType<(data?: any) => Promise<any>>;
-            };
-            childLinkParentStrictly: {
-                type: import("vue").PropType<boolean>;
-            };
-            showCheckbox: {
-                type: import("vue").PropType<boolean>;
-            };
-            hideRootCheckbox: {
-                type: import("vue").PropType<boolean>;
-            };
-            showOperations: {
-                type: import("vue").PropType<boolean>;
-            };
-            operations: {
-                type: import("vue").PropType<import("../../../tree/src/type").operationsType[] | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>)>;
-            };
-            mergeOprations: {
-                type: import("vue").PropType<{
-                    list?: Array<import("../../../tree/src/type").operationsType> | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>);
-                    position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
-                }>;
-            };
-            operationsLayout: {
-                type: import("vue").PropType<string | ((node: any, data: any) => string)>;
-                default: string;
-            };
-            operationsLabel: {
-                type: import("vue").PropType<{
-                    add?: string | ((node: any, data: any) => string | undefined);
-                    addItem?: string | ((node: any, data: any) => string | undefined);
-                    edit?: string | ((node: any, data: any) => string | undefined);
-                    delete?: string | ((node: any, data: any) => string | undefined);
-                }>;
-            };
-            maxNodeLevel: {
-                type: import("vue").PropType<string | number>;
-                default: number;
-            };
-            showFilterInput: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isFilter: {
-                type: import("vue").PropType<boolean>;
-            };
-            filterValue: {
-                type: import("vue").PropType<string>;
-            };
-            filterItemClass: {
-                type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
-            };
-            inputOptions: {
-                type: import("vue").PropType<any>;
-                default: () => {};
-            };
-            emptyText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            searchEmptyText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            rootNodeId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            renderDom: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            overlayZIndex: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            keepSelected: {
-                type: import("vue").PropType<boolean>;
-            };
-            notAutoresetLazyLoad: {
-                type: import("vue").PropType<boolean>;
-            };
-            changeNodeConfirm: {
-                type: import("vue").PropType<(item: any) => Promise<any>>;
-            };
-        }>> & {
-            onChange?: ((value: string | string[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
-            "onUpdate:filterValue"?: ((value: string) => any) | undefined;
-            "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
-            "onFilter-value-change"?: ((value: string) => any) | undefined;
-            "onFilter-node-click"?: ((item: any) => any) | undefined;
-            "onNode-change"?: ((item: any) => any) | undefined;
-            "onNode-click"?: ((item: any, node: any) => any) | undefined;
-            "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
-            "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
-            onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
-            "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
-        }, {
-            treeRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        $options: import("vue").ComponentOptionsBase<Readonly<import("../../../tree/src/type").Props> & Readonly<{
+            [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+        }>, {
+            treeRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 data: {
                     type: ArrayConstructor;
                     default: () => never[];
@@ -4930,7 +4026,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
                 checkDescendants: boolean;
                 autoExpandParent: boolean;
                 highlightCurrent: boolean;
-            }, true, {}, {}, {
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -5305,7 +4401,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
                 checkDescendants: boolean;
                 autoExpandParent: boolean;
                 highlightCurrent: boolean;
-            }> | undefined, import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            }> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 data: {
                     type: ArrayConstructor;
                     default: () => never[];
@@ -5752,7 +4848,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
                 checkDescendants: boolean;
                 autoExpandParent: boolean;
                 highlightCurrent: boolean;
-            }, true, {}, {}, {
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -6140,19 +5236,10 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             filterSeach: () => void;
             handleSearch: () => Promise<void>;
             getGrandChildrenFn: (data: any) => Promise<any>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:filterValue": (value: string) => void;
-            "update:modelValue": (value: string | number | any[]) => void;
-            "update:path": (value: string | string[]) => void;
-            change: (value: string | string[]) => void;
-            handleOperation: (item: any, node: any, data: any) => void;
-            "filter-value-change": (value: string) => void;
-            "filter-node-click": (item: any) => void;
-            "node-change": (item: any) => void;
-            "node-click": (item: any, node: any) => void;
-            "node-db-click": (item: any, node: any) => void;
-            "current-change": (item: any, node: any) => void;
-            "check-node-change": (checkVal: any[], item: any, isCheck: boolean) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            [x: string]: any;
+        } & {
+            [x: string]: any;
         }, string, {
             data: any[];
             props: import("../../../tree/src/type").TreeOptionProps;
@@ -6173,7 +5260,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             rootNodeId: string;
             renderDom: boolean;
             overlayZIndex: string;
-        }, {}, string, {}> & {
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -6192,182 +5279,31 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-    } & Omit<Readonly<import("vue").ExtractPropTypes<{
-        load: {
-            type: import("vue").PropType<(data: any, level: number) => Promise<any>>;
-        };
-        data: {
-            type: import("vue").PropType<any[]>;
-            default: () => never[];
-        };
-        search: {
-            type: import("vue").PropType<(text: string) => Promise<any>>;
-        };
-        path: {
-            type: import("vue").PropType<string | string[]>;
-        };
-        props: {
-            type: import("vue").PropType<import("../../../tree/src/type").TreeOptionProps>;
-            default: () => {};
-        };
-        height: {
-            type: import("vue").PropType<string | number>;
-        };
-        filterNodeMethod: {
-            type: import("vue").PropType<(value: string, data: Record<string, any>) => boolean>;
-        };
-        modelValue: {
-            type: import("vue").PropType<string | number | any[]>;
-            default: string;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-        };
-        nodeKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isEllipsis: {
-            type: import("vue").PropType<boolean>;
-        };
-        draggable: {
-            type: import("vue").PropType<boolean>;
-        };
-        allowDrag: {
-            type: import("vue").PropType<(node: any) => boolean>;
-        };
-        currentNodeKey: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
-        defaultCheckedKeys: {
-            type: import("vue").PropType<string[] | number[]>;
-        };
-        defaultExpandedKeys: {
-            type: import("vue").PropType<string[] | number[]>;
-            default: () => never[];
-        };
-        defaultExpandedPaths: {
-            type: import("vue").PropType<string[] | number[]>;
-            default: () => never[];
-        };
-        defaultExpandRoot: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        expandOnClickNode: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
-        checkStrictly: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
-        parentLinkChildrenStrictly: {
-            type: import("vue").PropType<boolean>;
-        };
-        getGrandChildren: {
-            type: import("vue").PropType<(data?: any) => Promise<any>>;
-        };
-        childLinkParentStrictly: {
-            type: import("vue").PropType<boolean>;
-        };
-        showCheckbox: {
-            type: import("vue").PropType<boolean>;
-        };
-        hideRootCheckbox: {
-            type: import("vue").PropType<boolean>;
-        };
-        showOperations: {
-            type: import("vue").PropType<boolean>;
-        };
-        operations: {
-            type: import("vue").PropType<import("../../../tree/src/type").operationsType[] | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>)>;
-        };
-        mergeOprations: {
-            type: import("vue").PropType<{
-                list?: Array<import("../../../tree/src/type").operationsType> | ((node: any, data: any) => Array<import("../../../tree/src/type").operationsType>);
-                position?: "top" | "bottom" | ((node: any, data: any) => "top" | "bottom");
-            }>;
-        };
-        operationsLayout: {
-            type: import("vue").PropType<string | ((node: any, data: any) => string)>;
-            default: string;
-        };
-        operationsLabel: {
-            type: import("vue").PropType<{
-                add?: string | ((node: any, data: any) => string | undefined);
-                addItem?: string | ((node: any, data: any) => string | undefined);
-                edit?: string | ((node: any, data: any) => string | undefined);
-                delete?: string | ((node: any, data: any) => string | undefined);
-            }>;
-        };
-        maxNodeLevel: {
-            type: import("vue").PropType<string | number>;
-            default: number;
-        };
-        showFilterInput: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        isFilter: {
-            type: import("vue").PropType<boolean>;
-        };
-        filterValue: {
-            type: import("vue").PropType<string>;
-        };
-        filterItemClass: {
-            type: import("vue").PropType<string | ((data: any, index: number) => string | undefined)>;
-        };
-        inputOptions: {
-            type: import("vue").PropType<any>;
-            default: () => {};
-        };
-        emptyText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        searchEmptyText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        rootNodeId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        renderDom: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        overlayZIndex: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        keepSelected: {
-            type: import("vue").PropType<boolean>;
-        };
-        notAutoresetLazyLoad: {
-            type: import("vue").PropType<boolean>;
-        };
-        changeNodeConfirm: {
-            type: import("vue").PropType<(item: any) => Promise<any>>;
-        };
-    }>> & {
-        onChange?: ((value: string | string[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | number | any[]) => any) | undefined;
-        "onUpdate:filterValue"?: ((value: string) => any) | undefined;
-        "onUpdate:path"?: ((value: string | string[]) => any) | undefined;
-        "onFilter-value-change"?: ((value: string) => any) | undefined;
-        "onFilter-node-click"?: ((item: any) => any) | undefined;
-        "onNode-change"?: ((item: any) => any) | undefined;
-        "onNode-click"?: ((item: any, node: any) => any) | undefined;
-        "onNode-db-click"?: ((item: any, node: any) => any) | undefined;
-        "onCurrent-change"?: ((item: any, node: any) => any) | undefined;
-        onHandleOperation?: ((item: any, node: any, data: any) => any) | undefined;
-        "onCheck-node-change"?: ((checkVal: any[], item: any, isCheck: boolean) => any) | undefined;
-    }, "findSelectableParentNode" | "filterSeach" | "handleSearch" | "treeRef" | "treeIsEmpty" | "childLinkParent" | "parentLinkChild" | "resetLazyLoad" | "autoExpand" | "searchClear" | "lazyData" | "lazyDataNextTick" | "getGrandChildrenFn"> & import("vue").ShallowUnwrapRef<{
-        treeRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{
+        data: any[];
+        props: import("../../../tree/src/type").TreeOptionProps;
+        modelValue: string | number | any[];
+        nodeKey: string;
+        currentNodeKey: string | number;
+        defaultExpandedKeys: string[] | number[];
+        defaultExpandedPaths: string[] | number[];
+        defaultExpandRoot: boolean;
+        expandOnClickNode: boolean;
+        checkStrictly: boolean;
+        operationsLayout: string | ((node: any, data: any) => string);
+        maxNodeLevel: number | string;
+        showFilterInput: boolean;
+        inputOptions: any;
+        emptyText: string;
+        searchEmptyText: string;
+        rootNodeId: string;
+        renderDom: boolean;
+        overlayZIndex: string;
+    }> & Omit<Readonly<import("../../../tree/src/type").Props> & Readonly<{
+        [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+    }>, "findSelectableParentNode" | "filterSeach" | "handleSearch" | "treeRef" | "treeIsEmpty" | "childLinkParent" | "parentLinkChild" | "resetLazyLoad" | "autoExpand" | "searchClear" | "lazyData" | "lazyDataNextTick" | "getGrandChildrenFn" | ("data" | "props" | "modelValue" | "nodeKey" | "currentNodeKey" | "defaultExpandedKeys" | "defaultExpandedPaths" | "defaultExpandRoot" | "expandOnClickNode" | "checkStrictly" | "operationsLayout" | "maxNodeLevel" | "showFilterInput" | "inputOptions" | "emptyText" | "searchEmptyText" | "rootNodeId" | "renderDom" | "overlayZIndex")> & import("vue").ShallowUnwrapRef<{
+        treeRef: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: ArrayConstructor;
                 default: () => never[];
@@ -6814,7 +5750,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             checkDescendants: boolean;
             autoExpandParent: boolean;
             highlightCurrent: boolean;
-        }, true, {}, {}, {
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -7189,7 +6125,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             checkDescendants: boolean;
             autoExpandParent: boolean;
             highlightCurrent: boolean;
-        }> | undefined, import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        }> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: ArrayConstructor;
                 default: () => never[];
@@ -7636,7 +6572,7 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             checkDescendants: boolean;
             autoExpandParent: boolean;
             highlightCurrent: boolean;
-        }, true, {}, {}, {
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -8068,202 +7004,52 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
     $select: import("vue").Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            size: "large" | "middle" | "default" | "small" | "mini" | "table";
-            error: boolean;
-            disabled: boolean;
-            width: string | number;
-            mode: "multiple" | "tags" | "combobox";
-            modelValue: any;
-            getPopupContainer: Function;
-            teleported: boolean;
-            showArrow: boolean;
-            open: boolean;
-            placeholder: string;
-            isView: boolean;
-            noSetDefaultVal: boolean;
-            errorMode: "default" | "overlay";
-            fieldNames: any;
-            borderType: "underline" | "bordered" | "none";
-            optionFilterProp: string;
-            maxTagTextLength: number;
-            dropdownClassName: string;
-            isTooltip: boolean;
-            showTooltipLength: number;
-            focusOpen: boolean;
-            isRenderNode: boolean;
-            noDropdown: boolean;
-            maxTagsLength: number;
-            errorModelZIndex: number;
-            isExterControlCount: boolean;
-        }> & Omit<{
-            readonly size: "large" | "middle" | "default" | "small" | "mini" | "table";
-            readonly error: boolean;
-            readonly disabled: boolean;
-            readonly width: string | number;
-            readonly mode: "multiple" | "tags" | "combobox";
-            readonly teleported: boolean;
-            readonly showArrow: boolean;
-            readonly placeholder: string;
-            readonly isView: boolean;
-            readonly noSetDefaultVal: boolean;
-            readonly errorMode: "default" | "overlay";
-            readonly fieldNames: any;
-            readonly borderType: "underline" | "bordered" | "none";
-            readonly optionFilterProp: string;
-            readonly maxTagTextLength: number;
-            readonly dropdownClassName: string;
-            readonly isTooltip: boolean;
-            readonly showTooltipLength: number;
-            readonly focusOpen: boolean;
-            readonly isRenderNode: boolean;
-            readonly noDropdown: boolean;
-            readonly maxTagsLength: number;
-            readonly errorModelZIndex: number;
-            readonly isExterControlCount: boolean;
+        $props: {
+            readonly modelValue: any;
             readonly options?: any;
+            readonly mode?: ("multiple" | "tags" | "combobox") | undefined;
+            readonly fieldNames?: any;
+            readonly borderType?: ("underline" | "bordered" | "none") | undefined;
+            readonly placeholder?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly isView?: boolean | undefined;
+            readonly error?: boolean | undefined;
+            readonly errorLabel?: string | undefined;
+            readonly errorMode?: ("default" | "overlay") | undefined;
+            readonly optionFilterProp?: string | undefined;
+            readonly width?: (string | number) | undefined;
             readonly height?: string | undefined;
-            readonly modelValue?: any;
-            readonly getPopupContainer?: Function | undefined;
+            readonly size?: ("large" | "middle" | "default" | "small" | "mini" | "table") | undefined;
+            readonly maxTagTextLength?: number | undefined;
+            readonly dropdownClassName?: string | undefined;
+            readonly isTooltip?: boolean | undefined;
+            readonly showTooltipLength?: number | undefined;
             readonly open?: boolean | undefined;
-            readonly errorLabel?: string | undefined;
+            readonly showArrow?: boolean | undefined;
+            readonly focusOpen?: boolean | undefined;
+            readonly isRenderNode?: boolean | undefined;
+            readonly getPopupContainer?: Function | undefined;
+            readonly noDropdown?: boolean | undefined;
+            readonly maxTagsLength?: number | undefined;
+            readonly noSetDefaultVal?: boolean | undefined;
+            readonly teleported?: boolean | undefined;
+            readonly errorModelZIndex?: number | undefined;
+            readonly isExterControlCount?: boolean | undefined;
             readonly dropdownMode?: ("multiple" | "tags" | "combobox" | "custom") | undefined;
-            onFocus?: ((val: any) => any) | undefined;
+            readonly onBlur?: ((val: any) => any) | undefined;
+            readonly onChange?: ((currValue: any, options: any) => any) | undefined;
+            readonly onFocus?: ((val: any) => any) | undefined;
+            readonly "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
+            readonly onDropdownVisibleChange?: ((val: any) => any) | undefined;
+            readonly onAddCustomItem?: ((val: any) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("../../../select/src/type").Props> & Readonly<{
             onBlur?: ((val: any) => any) | undefined;
             onChange?: ((currValue: any, options: any) => any) | undefined;
-            "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
-            onDropdownVisibleChange?: ((val: any) => any) | undefined;
-            onAddCustomItem?: ((val: any) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<"small" | "table" | "default" | "large" | "mini" | "middle">;
-                default: string;
-            };
-            options: {
-                type: import("vue").PropType<any>;
-            };
-            error: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            height: {
-                type: import("vue").PropType<string>;
-            };
-            width: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
-            mode: {
-                type: import("vue").PropType<"multiple" | "combobox" | "tags">;
-                default: string;
-            };
-            modelValue: {
-                type: import("vue").PropType<any>;
-                required: true;
-                default: undefined;
-            };
-            getPopupContainer: {
-                type: import("vue").PropType<Function>;
-                default: undefined;
-            };
-            teleported: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showArrow: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isView: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            noSetDefaultVal: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            errorMode: {
-                type: import("vue").PropType<"default" | "overlay">;
-                default: string;
-            };
-            fieldNames: {
-                type: import("vue").PropType<any>;
-                default: {};
-            };
-            borderType: {
-                type: import("vue").PropType<"none" | "underline" | "bordered">;
-                default: string;
-            };
-            errorLabel: {
-                type: import("vue").PropType<string>;
-            };
-            optionFilterProp: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            maxTagTextLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            dropdownClassName: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isTooltip: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showTooltipLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            focusOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isRenderNode: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            noDropdown: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            maxTagsLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            errorModelZIndex: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            isExterControlCount: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            dropdownMode: {
-                type: import("vue").PropType<"custom" | "multiple" | "combobox" | "tags">;
-            };
-        }>> & {
             onFocus?: ((val: any) => any) | undefined;
-            onBlur?: ((val: any) => any) | undefined;
-            onChange?: ((currValue: any, options: any) => any) | undefined;
             "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
             onDropdownVisibleChange?: ((val: any) => any) | undefined;
             onAddCustomItem?: ((val: any) => any) | undefined;
-        }, "size" | "error" | "disabled" | "width" | "mode" | "modelValue" | "getPopupContainer" | "teleported" | "showArrow" | "open" | "placeholder" | "isView" | "noSetDefaultVal" | "errorMode" | "fieldNames" | "borderType" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "isTooltip" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "errorModelZIndex" | "isExterControlCount">;
+        }>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -8275,147 +7061,26 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         }>;
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: ((event: "blur", val: any) => void) & ((event: "change", currValue: any, options: any) => void) & ((event: "focus", val: any) => void) & ((event: "update:model-value", currValue: any) => void) & ((event: "dropdownVisibleChange", val: any) => void) & ((event: "addCustomItem", val: any) => void);
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<"small" | "table" | "default" | "large" | "mini" | "middle">;
-                default: string;
-            };
-            options: {
-                type: import("vue").PropType<any>;
-            };
-            error: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            height: {
-                type: import("vue").PropType<string>;
-            };
-            width: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
-            mode: {
-                type: import("vue").PropType<"multiple" | "combobox" | "tags">;
-                default: string;
-            };
-            modelValue: {
-                type: import("vue").PropType<any>;
-                required: true;
-                default: undefined;
-            };
-            getPopupContainer: {
-                type: import("vue").PropType<Function>;
-                default: undefined;
-            };
-            teleported: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showArrow: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isView: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            noSetDefaultVal: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            errorMode: {
-                type: import("vue").PropType<"default" | "overlay">;
-                default: string;
-            };
-            fieldNames: {
-                type: import("vue").PropType<any>;
-                default: {};
-            };
-            borderType: {
-                type: import("vue").PropType<"none" | "underline" | "bordered">;
-                default: string;
-            };
-            errorLabel: {
-                type: import("vue").PropType<string>;
-            };
-            optionFilterProp: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            maxTagTextLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            dropdownClassName: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isTooltip: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showTooltipLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            focusOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isRenderNode: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            noDropdown: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            maxTagsLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            errorModelZIndex: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            isExterControlCount: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            dropdownMode: {
-                type: import("vue").PropType<"custom" | "multiple" | "combobox" | "tags">;
-            };
-        }>> & {
-            onFocus?: ((val: any) => any) | undefined;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("../../../select/src/type").Props> & Readonly<{
             onBlur?: ((val: any) => any) | undefined;
             onChange?: ((currValue: any, options: any) => any) | undefined;
+            onFocus?: ((val: any) => any) | undefined;
             "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
             onDropdownVisibleChange?: ((val: any) => any) | undefined;
             onAddCustomItem?: ((val: any) => any) | undefined;
-        }, {
+        }>, {
             $select: import("vue").Ref<any, any>;
             toChangeMaxCount: (isFocus: boolean) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:model-value": (currValue: any) => void;
-            change: (currValue: any, options: any) => void;
-            focus: (val: any) => void;
-            blur: (val: any) => void;
-            dropdownVisibleChange: (val: any) => void;
-            addCustomItem: (val: any) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            blur: (val: any) => any;
+            change: (currValue: any, options: any) => any;
+            focus: (val: any) => any;
+            "update:model-value": (currValue: any) => any;
+            dropdownVisibleChange: (val: any) => any;
+            addCustomItem: (val: any) => any;
         }, string, {
             size: "large" | "middle" | "default" | "small" | "mini" | "table";
             error: boolean;
@@ -8426,13 +7091,14 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             getPopupContainer: Function;
             teleported: boolean;
             showArrow: boolean;
-            open: boolean;
+            borderType: "underline" | "bordered" | "none";
             placeholder: string;
             isView: boolean;
-            noSetDefaultVal: boolean;
             errorMode: "default" | "overlay";
+            errorModelZIndex: number;
+            noSetDefaultVal: boolean;
+            open: boolean;
             fieldNames: any;
-            borderType: "underline" | "bordered" | "none";
             optionFilterProp: string;
             maxTagTextLength: number;
             dropdownClassName: string;
@@ -8442,9 +7108,19 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             isRenderNode: boolean;
             noDropdown: boolean;
             maxTagsLength: number;
-            errorModelZIndex: number;
             isExterControlCount: boolean;
-        }, {}, string, {}> & {
+        }, {}, string, {}, {
+            VNodes: (_: any, { attrs }: Omit<{
+                attrs: {
+                    [x: string]: unknown;
+                };
+                slots: Readonly<{
+                    [name: string]: import("vue").Slot<any> | undefined;
+                }>;
+                emit: (event: string, ...args: any[]) => void;
+                expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
+            }, "expose">) => unknown;
+        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -8463,137 +7139,43 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-    } & Omit<Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<"small" | "table" | "default" | "large" | "mini" | "middle">;
-            default: string;
-        };
-        options: {
-            type: import("vue").PropType<any>;
-        };
-        error: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        height: {
-            type: import("vue").PropType<string>;
-        };
-        width: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
-        mode: {
-            type: import("vue").PropType<"multiple" | "combobox" | "tags">;
-            default: string;
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            required: true;
-            default: undefined;
-        };
-        getPopupContainer: {
-            type: import("vue").PropType<Function>;
-            default: undefined;
-        };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showArrow: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        open: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isView: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        noSetDefaultVal: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        errorMode: {
-            type: import("vue").PropType<"default" | "overlay">;
-            default: string;
-        };
-        fieldNames: {
-            type: import("vue").PropType<any>;
-            default: {};
-        };
-        borderType: {
-            type: import("vue").PropType<"none" | "underline" | "bordered">;
-            default: string;
-        };
-        errorLabel: {
-            type: import("vue").PropType<string>;
-        };
-        optionFilterProp: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        maxTagTextLength: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        dropdownClassName: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isTooltip: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showTooltipLength: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        focusOpen: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        isRenderNode: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        noDropdown: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        maxTagsLength: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        errorModelZIndex: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        isExterControlCount: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        dropdownMode: {
-            type: import("vue").PropType<"custom" | "multiple" | "combobox" | "tags">;
-        };
-    }>> & {
-        onFocus?: ((val: any) => any) | undefined;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{
+        size: "large" | "middle" | "default" | "small" | "mini" | "table";
+        error: boolean;
+        disabled: boolean;
+        width: string | number;
+        mode: "multiple" | "tags" | "combobox";
+        modelValue: any;
+        getPopupContainer: Function;
+        teleported: boolean;
+        showArrow: boolean;
+        borderType: "underline" | "bordered" | "none";
+        placeholder: string;
+        isView: boolean;
+        errorMode: "default" | "overlay";
+        errorModelZIndex: number;
+        noSetDefaultVal: boolean;
+        open: boolean;
+        fieldNames: any;
+        optionFilterProp: string;
+        maxTagTextLength: number;
+        dropdownClassName: string;
+        isTooltip: boolean;
+        showTooltipLength: number;
+        focusOpen: boolean;
+        isRenderNode: boolean;
+        noDropdown: boolean;
+        maxTagsLength: number;
+        isExterControlCount: boolean;
+    }> & Omit<Readonly<import("../../../select/src/type").Props> & Readonly<{
         onBlur?: ((val: any) => any) | undefined;
         onChange?: ((currValue: any, options: any) => any) | undefined;
+        onFocus?: ((val: any) => any) | undefined;
         "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
         onDropdownVisibleChange?: ((val: any) => any) | undefined;
         onAddCustomItem?: ((val: any) => any) | undefined;
-    }, "$select" | "toChangeMaxCount"> & import("vue").ShallowUnwrapRef<{
+    }>, "$select" | "toChangeMaxCount" | ("size" | "error" | "disabled" | "width" | "mode" | "modelValue" | "getPopupContainer" | "teleported" | "showArrow" | "borderType" | "placeholder" | "isView" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "open" | "fieldNames" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "isTooltip" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount")> & import("vue").ShallowUnwrapRef<{
         $select: import("vue").Ref<any, any>;
         toChangeMaxCount: (isFocus: boolean) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
@@ -8615,202 +7197,52 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
     }) | null, ({
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            size: "large" | "middle" | "default" | "small" | "mini" | "table";
-            error: boolean;
-            disabled: boolean;
-            width: string | number;
-            mode: "multiple" | "tags" | "combobox";
-            modelValue: any;
-            getPopupContainer: Function;
-            teleported: boolean;
-            showArrow: boolean;
-            open: boolean;
-            placeholder: string;
-            isView: boolean;
-            noSetDefaultVal: boolean;
-            errorMode: "default" | "overlay";
-            fieldNames: any;
-            borderType: "underline" | "bordered" | "none";
-            optionFilterProp: string;
-            maxTagTextLength: number;
-            dropdownClassName: string;
-            isTooltip: boolean;
-            showTooltipLength: number;
-            focusOpen: boolean;
-            isRenderNode: boolean;
-            noDropdown: boolean;
-            maxTagsLength: number;
-            errorModelZIndex: number;
-            isExterControlCount: boolean;
-        }> & Omit<{
-            readonly size: "large" | "middle" | "default" | "small" | "mini" | "table";
-            readonly error: boolean;
-            readonly disabled: boolean;
-            readonly width: string | number;
-            readonly mode: "multiple" | "tags" | "combobox";
-            readonly teleported: boolean;
-            readonly showArrow: boolean;
-            readonly placeholder: string;
-            readonly isView: boolean;
-            readonly noSetDefaultVal: boolean;
-            readonly errorMode: "default" | "overlay";
-            readonly fieldNames: any;
-            readonly borderType: "underline" | "bordered" | "none";
-            readonly optionFilterProp: string;
-            readonly maxTagTextLength: number;
-            readonly dropdownClassName: string;
-            readonly isTooltip: boolean;
-            readonly showTooltipLength: number;
-            readonly focusOpen: boolean;
-            readonly isRenderNode: boolean;
-            readonly noDropdown: boolean;
-            readonly maxTagsLength: number;
-            readonly errorModelZIndex: number;
-            readonly isExterControlCount: boolean;
+        $props: {
+            readonly modelValue: any;
             readonly options?: any;
+            readonly mode?: ("multiple" | "tags" | "combobox") | undefined;
+            readonly fieldNames?: any;
+            readonly borderType?: ("underline" | "bordered" | "none") | undefined;
+            readonly placeholder?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly isView?: boolean | undefined;
+            readonly error?: boolean | undefined;
+            readonly errorLabel?: string | undefined;
+            readonly errorMode?: ("default" | "overlay") | undefined;
+            readonly optionFilterProp?: string | undefined;
+            readonly width?: (string | number) | undefined;
             readonly height?: string | undefined;
-            readonly modelValue?: any;
-            readonly getPopupContainer?: Function | undefined;
+            readonly size?: ("large" | "middle" | "default" | "small" | "mini" | "table") | undefined;
+            readonly maxTagTextLength?: number | undefined;
+            readonly dropdownClassName?: string | undefined;
+            readonly isTooltip?: boolean | undefined;
+            readonly showTooltipLength?: number | undefined;
             readonly open?: boolean | undefined;
-            readonly errorLabel?: string | undefined;
+            readonly showArrow?: boolean | undefined;
+            readonly focusOpen?: boolean | undefined;
+            readonly isRenderNode?: boolean | undefined;
+            readonly getPopupContainer?: Function | undefined;
+            readonly noDropdown?: boolean | undefined;
+            readonly maxTagsLength?: number | undefined;
+            readonly noSetDefaultVal?: boolean | undefined;
+            readonly teleported?: boolean | undefined;
+            readonly errorModelZIndex?: number | undefined;
+            readonly isExterControlCount?: boolean | undefined;
             readonly dropdownMode?: ("multiple" | "tags" | "combobox" | "custom") | undefined;
-            onFocus?: ((val: any) => any) | undefined;
+            readonly onBlur?: ((val: any) => any) | undefined;
+            readonly onChange?: ((currValue: any, options: any) => any) | undefined;
+            readonly onFocus?: ((val: any) => any) | undefined;
+            readonly "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
+            readonly onDropdownVisibleChange?: ((val: any) => any) | undefined;
+            readonly onAddCustomItem?: ((val: any) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("../../../select/src/type").Props> & Readonly<{
             onBlur?: ((val: any) => any) | undefined;
             onChange?: ((currValue: any, options: any) => any) | undefined;
-            "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
-            onDropdownVisibleChange?: ((val: any) => any) | undefined;
-            onAddCustomItem?: ((val: any) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<"small" | "table" | "default" | "large" | "mini" | "middle">;
-                default: string;
-            };
-            options: {
-                type: import("vue").PropType<any>;
-            };
-            error: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            height: {
-                type: import("vue").PropType<string>;
-            };
-            width: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
-            mode: {
-                type: import("vue").PropType<"multiple" | "combobox" | "tags">;
-                default: string;
-            };
-            modelValue: {
-                type: import("vue").PropType<any>;
-                required: true;
-                default: undefined;
-            };
-            getPopupContainer: {
-                type: import("vue").PropType<Function>;
-                default: undefined;
-            };
-            teleported: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showArrow: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isView: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            noSetDefaultVal: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            errorMode: {
-                type: import("vue").PropType<"default" | "overlay">;
-                default: string;
-            };
-            fieldNames: {
-                type: import("vue").PropType<any>;
-                default: {};
-            };
-            borderType: {
-                type: import("vue").PropType<"none" | "underline" | "bordered">;
-                default: string;
-            };
-            errorLabel: {
-                type: import("vue").PropType<string>;
-            };
-            optionFilterProp: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            maxTagTextLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            dropdownClassName: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isTooltip: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showTooltipLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            focusOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isRenderNode: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            noDropdown: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            maxTagsLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            errorModelZIndex: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            isExterControlCount: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            dropdownMode: {
-                type: import("vue").PropType<"custom" | "multiple" | "combobox" | "tags">;
-            };
-        }>> & {
             onFocus?: ((val: any) => any) | undefined;
-            onBlur?: ((val: any) => any) | undefined;
-            onChange?: ((currValue: any, options: any) => any) | undefined;
             "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
             onDropdownVisibleChange?: ((val: any) => any) | undefined;
             onAddCustomItem?: ((val: any) => any) | undefined;
-        }, "size" | "error" | "disabled" | "width" | "mode" | "modelValue" | "getPopupContainer" | "teleported" | "showArrow" | "open" | "placeholder" | "isView" | "noSetDefaultVal" | "errorMode" | "fieldNames" | "borderType" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "isTooltip" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "errorModelZIndex" | "isExterControlCount">;
+        }>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -8822,147 +7254,26 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         }>;
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
         $emit: ((event: "blur", val: any) => void) & ((event: "change", currValue: any, options: any) => void) & ((event: "focus", val: any) => void) & ((event: "update:model-value", currValue: any) => void) & ((event: "dropdownVisibleChange", val: any) => void) & ((event: "addCustomItem", val: any) => void);
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            size: {
-                type: import("vue").PropType<"small" | "table" | "default" | "large" | "mini" | "middle">;
-                default: string;
-            };
-            options: {
-                type: import("vue").PropType<any>;
-            };
-            error: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            height: {
-                type: import("vue").PropType<string>;
-            };
-            width: {
-                type: import("vue").PropType<string | number>;
-                default: string;
-            };
-            mode: {
-                type: import("vue").PropType<"multiple" | "combobox" | "tags">;
-                default: string;
-            };
-            modelValue: {
-                type: import("vue").PropType<any>;
-                required: true;
-                default: undefined;
-            };
-            getPopupContainer: {
-                type: import("vue").PropType<Function>;
-                default: undefined;
-            };
-            teleported: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showArrow: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            open: {
-                type: import("vue").PropType<boolean>;
-                default: undefined;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isView: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            noSetDefaultVal: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            errorMode: {
-                type: import("vue").PropType<"default" | "overlay">;
-                default: string;
-            };
-            fieldNames: {
-                type: import("vue").PropType<any>;
-                default: {};
-            };
-            borderType: {
-                type: import("vue").PropType<"none" | "underline" | "bordered">;
-                default: string;
-            };
-            errorLabel: {
-                type: import("vue").PropType<string>;
-            };
-            optionFilterProp: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            maxTagTextLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            dropdownClassName: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isTooltip: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showTooltipLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            focusOpen: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isRenderNode: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            noDropdown: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            maxTagsLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            errorModelZIndex: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            isExterControlCount: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            dropdownMode: {
-                type: import("vue").PropType<"custom" | "multiple" | "combobox" | "tags">;
-            };
-        }>> & {
-            onFocus?: ((val: any) => any) | undefined;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("../../../select/src/type").Props> & Readonly<{
             onBlur?: ((val: any) => any) | undefined;
             onChange?: ((currValue: any, options: any) => any) | undefined;
+            onFocus?: ((val: any) => any) | undefined;
             "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
             onDropdownVisibleChange?: ((val: any) => any) | undefined;
             onAddCustomItem?: ((val: any) => any) | undefined;
-        }, {
+        }>, {
             $select: import("vue").Ref<any, any>;
             toChangeMaxCount: (isFocus: boolean) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:model-value": (currValue: any) => void;
-            change: (currValue: any, options: any) => void;
-            focus: (val: any) => void;
-            blur: (val: any) => void;
-            dropdownVisibleChange: (val: any) => void;
-            addCustomItem: (val: any) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            blur: (val: any) => any;
+            change: (currValue: any, options: any) => any;
+            focus: (val: any) => any;
+            "update:model-value": (currValue: any) => any;
+            dropdownVisibleChange: (val: any) => any;
+            addCustomItem: (val: any) => any;
         }, string, {
             size: "large" | "middle" | "default" | "small" | "mini" | "table";
             error: boolean;
@@ -8973,13 +7284,14 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             getPopupContainer: Function;
             teleported: boolean;
             showArrow: boolean;
-            open: boolean;
+            borderType: "underline" | "bordered" | "none";
             placeholder: string;
             isView: boolean;
-            noSetDefaultVal: boolean;
             errorMode: "default" | "overlay";
+            errorModelZIndex: number;
+            noSetDefaultVal: boolean;
+            open: boolean;
             fieldNames: any;
-            borderType: "underline" | "bordered" | "none";
             optionFilterProp: string;
             maxTagTextLength: number;
             dropdownClassName: string;
@@ -8989,9 +7301,19 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             isRenderNode: boolean;
             noDropdown: boolean;
             maxTagsLength: number;
-            errorModelZIndex: number;
             isExterControlCount: boolean;
-        }, {}, string, {}> & {
+        }, {}, string, {}, {
+            VNodes: (_: any, { attrs }: Omit<{
+                attrs: {
+                    [x: string]: unknown;
+                };
+                slots: Readonly<{
+                    [name: string]: import("vue").Slot<any> | undefined;
+                }>;
+                emit: (event: string, ...args: any[]) => void;
+                expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
+            }, "expose">) => unknown;
+        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -9010,137 +7332,43 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, (cleanupFn: () => void) => void]) => any : (...args: [any, any, (cleanupFn: () => void) => void]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-    } & Omit<Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<"small" | "table" | "default" | "large" | "mini" | "middle">;
-            default: string;
-        };
-        options: {
-            type: import("vue").PropType<any>;
-        };
-        error: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        height: {
-            type: import("vue").PropType<string>;
-        };
-        width: {
-            type: import("vue").PropType<string | number>;
-            default: string;
-        };
-        mode: {
-            type: import("vue").PropType<"multiple" | "combobox" | "tags">;
-            default: string;
-        };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            required: true;
-            default: undefined;
-        };
-        getPopupContainer: {
-            type: import("vue").PropType<Function>;
-            default: undefined;
-        };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showArrow: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        open: {
-            type: import("vue").PropType<boolean>;
-            default: undefined;
-        };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isView: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        noSetDefaultVal: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        errorMode: {
-            type: import("vue").PropType<"default" | "overlay">;
-            default: string;
-        };
-        fieldNames: {
-            type: import("vue").PropType<any>;
-            default: {};
-        };
-        borderType: {
-            type: import("vue").PropType<"none" | "underline" | "bordered">;
-            default: string;
-        };
-        errorLabel: {
-            type: import("vue").PropType<string>;
-        };
-        optionFilterProp: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        maxTagTextLength: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        dropdownClassName: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isTooltip: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showTooltipLength: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        focusOpen: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        isRenderNode: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        noDropdown: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        maxTagsLength: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        errorModelZIndex: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        isExterControlCount: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        dropdownMode: {
-            type: import("vue").PropType<"custom" | "multiple" | "combobox" | "tags">;
-        };
-    }>> & {
-        onFocus?: ((val: any) => any) | undefined;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{
+        size: "large" | "middle" | "default" | "small" | "mini" | "table";
+        error: boolean;
+        disabled: boolean;
+        width: string | number;
+        mode: "multiple" | "tags" | "combobox";
+        modelValue: any;
+        getPopupContainer: Function;
+        teleported: boolean;
+        showArrow: boolean;
+        borderType: "underline" | "bordered" | "none";
+        placeholder: string;
+        isView: boolean;
+        errorMode: "default" | "overlay";
+        errorModelZIndex: number;
+        noSetDefaultVal: boolean;
+        open: boolean;
+        fieldNames: any;
+        optionFilterProp: string;
+        maxTagTextLength: number;
+        dropdownClassName: string;
+        isTooltip: boolean;
+        showTooltipLength: number;
+        focusOpen: boolean;
+        isRenderNode: boolean;
+        noDropdown: boolean;
+        maxTagsLength: number;
+        isExterControlCount: boolean;
+    }> & Omit<Readonly<import("../../../select/src/type").Props> & Readonly<{
         onBlur?: ((val: any) => any) | undefined;
         onChange?: ((currValue: any, options: any) => any) | undefined;
+        onFocus?: ((val: any) => any) | undefined;
         "onUpdate:model-value"?: ((currValue: any) => any) | undefined;
         onDropdownVisibleChange?: ((val: any) => any) | undefined;
         onAddCustomItem?: ((val: any) => any) | undefined;
-    }, "$select" | "toChangeMaxCount"> & import("vue").ShallowUnwrapRef<{
+    }>, "$select" | "toChangeMaxCount" | ("size" | "error" | "disabled" | "width" | "mode" | "modelValue" | "getPopupContainer" | "teleported" | "showArrow" | "borderType" | "placeholder" | "isView" | "errorMode" | "errorModelZIndex" | "noSetDefaultVal" | "open" | "fieldNames" | "optionFilterProp" | "maxTagTextLength" | "dropdownClassName" | "isTooltip" | "showTooltipLength" | "focusOpen" | "isRenderNode" | "noDropdown" | "maxTagsLength" | "isExterControlCount")> & import("vue").ShallowUnwrapRef<{
         $select: import("vue").Ref<any, any>;
         toChangeMaxCount: (isFocus: boolean) => void;
     }> & {} & import("vue").ComponentCustomProperties & {} & {
@@ -9160,14 +7388,14 @@ export declare const useTreeSelect: (props: Props, emit: Emits, nodeKey: any, at
             suffixIcon?(_: {}): any;
         };
     }) | null>;
-    innerKeyword: import("vue").WritableComputedRef<string>;
+    innerKeyword: import("vue").WritableComputedRef<string, string>;
     realWidth: import("vue").Ref<string, string>;
     realPoppverWidth: import("vue").Ref<string, string>;
     poppverContentStyle: import("vue").ComputedRef<{
         height: string | undefined;
         maxHeight: string | undefined;
     }>;
-    treePath: import("vue").WritableComputedRef<string | string[] | undefined>;
+    treePath: import("vue").WritableComputedRef<string | string[] | undefined, string | string[] | undefined>;
     treeProps: import("vue").ComputedRef<any>;
     selectOptions: import("vue").ComputedRef<any[]>;
     poppverShow: () => void;