naive-ui 2.33.4 → 2.34.0

package/lib/tree/src/Tree.js

@@ -213,7 +213,7 @@ exports.default = (0, vue_1.defineComponent)({
             });
             return value;
         });
-        const mergedCheckStrategyRef = (0, vue_1.computed)(() => props.leafOnly ? 'child' : props.checkStrategy);
+        const mergedCheckStrategyRef = (0, utils_1.useMergedCheckStrategy)(props);
         const displayedCheckedKeysRef = (0, vue_1.computed)(() => {
             return checkedStatusRef.value.checkedKeys;
         });
@@ -327,7 +327,7 @@ exports.default = (0, vue_1.defineComponent)({
                     const { expandedKeys: expandedKeysAfterChange, highlightKeySet } = (0, utils_1.keysWithFilter)(props.data, props.pattern, props.keyField, props.childrenField, mergedFilterRef.value);
                     uncontrolledHighlightKeySetRef.value = highlightKeySet;
                     disableExpandAnimationForOneTick();
-                    doUpdateExpandedKeys(expandedKeysAfterChange, getOptionsByKeys(expandedKeysAfterChange));
+                    doUpdateExpandedKeys(expandedKeysAfterChange, getOptionsByKeys(expandedKeysAfterChange), { node: null, action: 'filter' });
                 }
                 else {
                     uncontrolledHighlightKeySetRef.value = new Set();
@@ -337,7 +337,7 @@ exports.default = (0, vue_1.defineComponent)({
                 if (!value.length) {
                     if (memoizedExpandedKeys !== undefined) {
                         disableExpandAnimationForOneTick();
-                        doUpdateExpandedKeys(memoizedExpandedKeys, getOptionsByKeys(memoizedExpandedKeys));
+                        doUpdateExpandedKeys(memoizedExpandedKeys, getOptionsByKeys(memoizedExpandedKeys), { node: null, action: 'filter' });
                     }
                 }
                 else {
@@ -347,7 +347,10 @@ exports.default = (0, vue_1.defineComponent)({
                     const { expandedKeys } = filteredTreeInfoRef.value;
                     if (expandedKeys !== undefined) {
                         disableExpandAnimationForOneTick();
-                        doUpdateExpandedKeys(expandedKeys, getOptionsByKeys(expandedKeys));
+                        doUpdateExpandedKeys(expandedKeys, getOptionsByKeys(expandedKeys), {
+                            node: null,
+                            action: 'filter'
+                        });
                     }
                 }
             }
@@ -519,24 +522,24 @@ exports.default = (0, vue_1.defineComponent)({
             const { getNode } = dataTreeMateRef.value;
             return keys.map((key) => { var _a; return ((_a = getNode(key)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; });
         }
-        function doUpdateExpandedKeys(value, option) {
+        function doUpdateExpandedKeys(value, option, meta) {
             const { 'onUpdate:expandedKeys': _onUpdateExpandedKeys, onUpdateExpandedKeys } = props;
             uncontrolledExpandedKeysRef.value = value;
             if (_onUpdateExpandedKeys) {
-                (0, _utils_1.call)(_onUpdateExpandedKeys, value, option);
+                (0, _utils_1.call)(_onUpdateExpandedKeys, value, option, meta);
             }
             if (onUpdateExpandedKeys) {
-                (0, _utils_1.call)(onUpdateExpandedKeys, value, option);
+                (0, _utils_1.call)(onUpdateExpandedKeys, value, option, meta);
             }
         }
-        function doUpdateCheckedKeys(value, option) {
+        function doUpdateCheckedKeys(value, option, meta) {
             const { 'onUpdate:checkedKeys': _onUpdateCheckedKeys, onUpdateCheckedKeys } = props;
             uncontrolledCheckedKeysRef.value = value;
             if (onUpdateCheckedKeys) {
-                (0, _utils_1.call)(onUpdateCheckedKeys, value, option);
+                (0, _utils_1.call)(onUpdateCheckedKeys, value, option, meta);
             }
             if (_onUpdateCheckedKeys) {
-                (0, _utils_1.call)(_onUpdateCheckedKeys, value, option);
+                (0, _utils_1.call)(_onUpdateCheckedKeys, value, option, meta);
             }
         }
         function doUpdateIndeterminateKeys(value, option) {
@@ -548,14 +551,14 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(onUpdateIndeterminateKeys, value, option);
             }
         }
-        function doUpdateSelectedKeys(value, option) {
+        function doUpdateSelectedKeys(value, option, meta) {
             const { 'onUpdate:selectedKeys': _onUpdateSelectedKeys, onUpdateSelectedKeys } = props;
             uncontrolledSelectedKeysRef.value = value;
             if (onUpdateSelectedKeys) {
-                (0, _utils_1.call)(onUpdateSelectedKeys, value, option);
+                (0, _utils_1.call)(onUpdateSelectedKeys, value, option, meta);
             }
             if (_onUpdateSelectedKeys) {
-                (0, _utils_1.call)(_onUpdateSelectedKeys, value, option);
+                (0, _utils_1.call)(_onUpdateSelectedKeys, value, option, meta);
             }
         }
         // Drag & Drop
@@ -619,12 +622,16 @@ exports.default = (0, vue_1.defineComponent)({
                 handleSelect(node);
                 return;
             }
-            const { checkedKeys, indeterminateKeys } = dataTreeMateRef.value[checked ? 'check' : 'uncheck'](node.key, displayedCheckedKeysRef.value, {
+            const checkedAction = checked ? 'check' : 'uncheck';
+            const { checkedKeys, indeterminateKeys } = dataTreeMateRef.value[checkedAction](node.key, displayedCheckedKeysRef.value, {
                 cascade: props.cascade,
                 checkStrategy: mergedCheckStrategyRef.value,
                 allowNotLoaded: props.allowCheckingNotLoaded
             });
-            doUpdateCheckedKeys(checkedKeys, getOptionsByKeys(checkedKeys));
+            doUpdateCheckedKeys(checkedKeys, getOptionsByKeys(checkedKeys), {
+                node: node.rawNode,
+                action: checkedAction
+            });
             doUpdateIndeterminateKeys(indeterminateKeys, getOptionsByKeys(indeterminateKeys));
         }
         function toggleExpand(node) {
@@ -636,7 +643,10 @@ exports.default = (0, vue_1.defineComponent)({
             if (~index) {
                 const expandedKeysAfterChange = Array.from(mergedExpandedKeys);
                 expandedKeysAfterChange.splice(index, 1);
-                doUpdateExpandedKeys(expandedKeysAfterChange, getOptionsByKeys(expandedKeysAfterChange));
+                doUpdateExpandedKeys(expandedKeysAfterChange, getOptionsByKeys(expandedKeysAfterChange), {
+                    node: node.rawNode,
+                    action: 'collapse'
+                });
             }
             else {
                 const nodeToBeExpanded = displayTreeMateRef.value.getNode(key);
@@ -654,7 +664,10 @@ exports.default = (0, vue_1.defineComponent)({
                 else {
                     nextKeys = mergedExpandedKeys.concat(key);
                 }
-                doUpdateExpandedKeys(nextKeys, getOptionsByKeys(nextKeys));
+                doUpdateExpandedKeys(nextKeys, getOptionsByKeys(nextKeys), {
+                    node: node.rawNode,
+                    action: 'expand'
+                });
             }
         }
         function handleSwitcherClick(node) {
@@ -674,7 +687,10 @@ exports.default = (0, vue_1.defineComponent)({
                         indeterminateKeys.includes(node.key)));
                 }
                 else {
-                    doUpdateCheckedKeys([node.key], getOptionsByKeys([node.key]));
+                    doUpdateCheckedKeys([node.key], getOptionsByKeys([node.key]), {
+                        node: node.rawNode,
+                        action: 'check'
+                    });
                 }
             }
             if (props.multiple) {
@@ -688,17 +704,26 @@ exports.default = (0, vue_1.defineComponent)({
                 else if (!~index) {
                     selectedKeys.push(node.key);
                 }
-                doUpdateSelectedKeys(selectedKeys, getOptionsByKeys(selectedKeys));
+                doUpdateSelectedKeys(selectedKeys, getOptionsByKeys(selectedKeys), {
+                    node: node.rawNode,
+                    action: ~index ? 'unselect' : 'select'
+                });
             }
             else {
                 const selectedKeys = mergedSelectedKeysRef.value;
                 if (selectedKeys.includes(node.key)) {
                     if (props.cancelable) {
-                        doUpdateSelectedKeys([], []);
+                        doUpdateSelectedKeys([], [], {
+                            node: node.rawNode,
+                            action: 'unselect'
+                        });
                     }
                 }
                 else {
-                    doUpdateSelectedKeys([node.key], getOptionsByKeys([node.key]));
+                    doUpdateSelectedKeys([node.key], getOptionsByKeys([node.key]), {
+                        node: node.rawNode,
+                        action: 'select'
+                    });
                 }
             }
         }
@@ -719,7 +744,10 @@ exports.default = (0, vue_1.defineComponent)({
                     droppingMouseNode.key === node.key &&
                     !mergedExpandedKeysRef.value.includes(node.key)) {
                     const nextKeys = mergedExpandedKeysRef.value.concat(node.key);
-                    doUpdateExpandedKeys(nextKeys, getOptionsByKeys(nextKeys));
+                    doUpdateExpandedKeys(nextKeys, getOptionsByKeys(nextKeys), {
+                        node: node.rawNode,
+                        action: 'expand'
+                    });
                 }
                 expandTimerId = null;
                 nodeKeyToBeExpanded = null;
@@ -1124,7 +1152,25 @@ exports.default = (0, vue_1.defineComponent)({
         }
         const exposedMethods = {
             handleKeydown,
-            scrollTo
+            scrollTo,
+            getCheckedData: () => {
+                if (!props.checkable)
+                    return { keys: [], options: [] };
+                const { checkedKeys } = checkedStatusRef.value;
+                return {
+                    keys: checkedKeys,
+                    options: getOptionsByKeys(checkedKeys)
+                };
+            },
+            getIndeterminateData: () => {
+                if (!props.checkable)
+                    return { keys: [], options: [] };
+                const { indeterminateKeys } = checkedStatusRef.value;
+                return {
+                    keys: indeterminateKeys,
+                    options: getOptionsByKeys(indeterminateKeys)
+                };
+            }
         };
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut }, self: { fontSize, nodeBorderRadius, nodeColorHover, nodeColorPressed, nodeColorActive, arrowColor, loadingColor, nodeTextColor, nodeTextColorDisabled, dropMarkColor } } = themeRef.value;

package/lib/tree/src/TreeNode.d.ts

@@ -34,7 +34,7 @@ declare const TreeNode: import("vue").DefineComponent<{
     droppingOffsetLevel: import("vue").Ref<number>;
     indent: import("vue").Ref<number>;
     checkboxPlacement: "left" | "right";
-    contentInstRef: import("vue").Ref<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null>;
+    contentInstRef: import("vue").Ref<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null>;
     contentElRef: {
         value: HTMLElement | null;
     };

package/lib/tree/src/TreeNode.js

@@ -284,7 +284,7 @@ const TreeNode = (0, vue_1.defineComponent)({
                     : undefined }),
                 (0, seemly_1.repeat)(tmNode.level, (0, vue_1.h)("div", { class: `${clsPrefix}-tree-node-indent` },
                     (0, vue_1.h)("div", { style: { width: `${indent}px` } }))),
-                (0, vue_1.h)(TreeNodeSwitcher_1.default, { clsPrefix: clsPrefix, expanded: this.expanded, loading: this.loading, hide: tmNode.isLeaf, onClick: this.handleSwitcherClick }),
+                (0, vue_1.h)(TreeNodeSwitcher_1.default, { clsPrefix: clsPrefix, expanded: this.expanded, selected: selected, loading: this.loading, hide: tmNode.isLeaf, onClick: this.handleSwitcherClick }),
                 !checkboxOnRight ? checkboxNode : null,
                 (0, vue_1.h)(TreeNodeContent_1.default, { ref: "contentInstRef", clsPrefix: clsPrefix, checked: checked, selected: selected, onClick: this.handleContentClick, nodeProps: blockLine ? undefined : nodeProps, onDragstart: draggable && !blockLine && !disabled
                         ? this.handleDragStart

package/lib/tree/src/TreeNodeSwitcher.d.ts

@@ -5,6 +5,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     expanded: BooleanConstructor;
+    selected: BooleanConstructor;
     hide: BooleanConstructor;
     loading: BooleanConstructor;
     onClick: PropType<(e: MouseEvent) => void>;
@@ -14,12 +15,14 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     expanded: BooleanConstructor;
+    selected: BooleanConstructor;
     hide: BooleanConstructor;
     loading: BooleanConstructor;
     onClick: PropType<(e: MouseEvent) => void>;
 }>>, {
     hide: boolean;
     expanded: boolean;
+    selected: boolean;
     loading: boolean;
 }>;
 export default _default;

package/lib/tree/src/TreeNodeSwitcher.js

@@ -12,6 +12,7 @@ exports.default = (0, vue_1.defineComponent)({
             required: true
         },
         expanded: Boolean,
+        selected: Boolean,
         hide: Boolean,
         loading: Boolean,
         onClick: Function
@@ -23,10 +24,8 @@ exports.default = (0, vue_1.defineComponent)({
             const { clsPrefix } = props;
             return ((0, vue_1.h)("span", { "data-switcher": true, class: [
                     `${clsPrefix}-tree-node-switcher`,
-                    {
-                        [`${clsPrefix}-tree-node-switcher--expanded`]: props.expanded,
-                        [`${clsPrefix}-tree-node-switcher--hide`]: props.hide
-                    }
+                    props.expanded && `${clsPrefix}-tree-node-switcher--expanded`,
+                    props.hide && `${clsPrefix}-tree-node-switcher--hide`
                 ], onClick: props.onClick },
                 (0, vue_1.h)("div", { class: `${clsPrefix}-tree-node-switcher__icon` },
                     (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
@@ -35,7 +34,10 @@ exports.default = (0, vue_1.defineComponent)({
                                 return ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: clsPrefix, key: "loading", radius: 85, strokeWidth: 20 }));
                             }
                             const { value: renderSwitcherIcon } = renderSwitcherIconRef;
-                            return renderSwitcherIcon ? (renderSwitcherIcon()) : ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, key: "switcher" }, { default: () => (0, vue_1.h)(icons_1.SwitcherIcon, null) }));
+                            return renderSwitcherIcon ? (renderSwitcherIcon({
+                                expanded: props.expanded,
+                                selected: props.selected
+                            })) : ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, key: "switcher" }, { default: () => (0, vue_1.h)(icons_1.SwitcherIcon, null) }));
                         }
                     }))));
         };

package/lib/tree/src/interface.d.ts

@@ -54,7 +54,10 @@ export interface InternalDropInfo {
     node: TmNode;
     dropPosition: DropPosition;
 }
-export declare type RenderSwitcherIcon = () => VNodeChild;
+export declare type RenderSwitcherIcon = (props: {
+    expanded: boolean;
+    selected: boolean;
+}) => VNodeChild;
 export declare type CheckOnClick = (option: TreeOption) => boolean;
 export interface TreeInjection {
     loadingKeysRef: Ref<Set<Key>>;
@@ -119,5 +122,13 @@ export interface TreeInst {
     scrollTo: (options: {
         key: Key;
     }) => void;
+    getCheckedData: () => {
+        keys: Key[];
+        options: Array<TreeOption | null>;
+    };
+    getIndeterminateData: () => {
+        keys: Key[];
+        options: Array<TreeOption | null>;
+    };
 }
 export {};

package/lib/tree/src/styles/index.cssr.js

@@ -3,12 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr");
-
-const fade_in_height_expand_cssr_1 = require("../../../_styles/transitions/fade-in-height-expand.cssr"); // vars:
+const fade_in_height_expand_cssr_1 = require("../../../_styles/transitions/fade-in-height-expand.cssr");
+// vars:
 // --n-arrow-color
 // --n-bezier
 // --n-font-size
@@ -18,8 +16,6 @@ const fade_in_height_expand_cssr_1 = require("../../../_styles/transitions/fade-
 // --n-node-color-pressed
 // --n-node-text-color
 // --n-node-text-color-disabled
-
-
 exports.default = (0, cssr_1.cB)('tree', `
  font-size: var(--n-font-size);
  outline: none;
@@ -42,6 +38,7 @@ exports.default = (0, cssr_1.cB)('tree', `
  box-sizing: border-box;
  padding: 3px 0;
  `), (0, cssr_1.cB)('tree-node', `
+ transform: translate3d(0,0,0);
  position: relative;
  display: flex;
  border-radius: var(--n-node-border-radius);

package/lib/tree/src/styles/rtl.cssr.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 const cssr_1 = require("../../../_utils/cssr");
-
 exports.default = (0, cssr_1.cB)('tree', [(0, cssr_1.cM)('rtl', `
  direction: rtl;
  text-align: right;

package/lib/tree/src/utils.d.ts

@@ -1,4 +1,10 @@
+import { ComputedRef } from 'vue';
+import { CheckStrategy } from 'treemate';
 import { Key, TmNode, TreeOption } from './interface';
+export declare function useMergedCheckStrategy(props: {
+    leafOnly: boolean;
+    checkStrategy: CheckStrategy;
+}): ComputedRef<CheckStrategy>;
 export declare function isNodeDisabled(node: TmNode, disabledField: string): boolean;
 export declare function keysWithFilter(nodes: TreeOption[], pattern: string, keyField: string, childrenField: string, filter: (pattern: string, node: TreeOption) => boolean): {
     expandedKeys: Key[];

package/lib/tree/src/utils.js

@@ -1,7 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterTree = exports.emptyImage = exports.keysWithFilter = exports.isNodeDisabled = void 0;
+exports.filterTree = exports.emptyImage = exports.keysWithFilter = exports.isNodeDisabled = exports.useMergedCheckStrategy = void 0;
+const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
+function useMergedCheckStrategy(props) {
+    return (0, vue_1.computed)(() => (props.leafOnly ? 'child' : props.checkStrategy));
+}
+exports.useMergedCheckStrategy = useMergedCheckStrategy;
 function isNodeDisabled(node, disabledField) {
     return !!node.rawNode[disabledField];
 }

package/lib/tree-select/index.d.ts

@@ -1,3 +1,3 @@
 export { default as NTreeSelect, treeSelectProps } from './src/TreeSelect';
 export type { TreeSelectProps } from './src/TreeSelect';
-export type { TreeSelectOption, TreeSelectNodeProps, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag } from './src/interface';
+export type { TreeSelectOption, TreeSelectNodeProps, TreeSelectRenderLabel, TreeSelectRenderPrefix, TreeSelectRenderSuffix, TreeSelectRenderTag, TreeSelectInst } from './src/interface';

package/lib/tree-select/src/TreeSelect.d.ts

@@ -2,7 +2,7 @@ import { PropType, HTMLAttributes, VNodeChild } from 'vue';
 import { FollowerPlacement } from 'vueuc';
 import { CheckStrategy } from 'treemate';
 import type { FormValidationStatus } from '../../form/src/interface';
-import { Key } from '../../tree/src/interface';
+import { Key, TreeOption } from '../../tree/src/interface';
 import type { SelectBaseOption, SelectOption } from '../../select/src/interface';
 import { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderTag } from './interface';
@@ -24,7 +24,7 @@ export declare const treeSelectProps: {
      */
     readonly leafOnly: BooleanConstructor;
     readonly allowCheckingNotLoaded: BooleanConstructor;
-    readonly filter: PropType<(pattern: string, node: import("../../tree").TreeOption) => boolean>;
+    readonly filter: PropType<(pattern: string, node: TreeOption) => boolean>;
     readonly defaultExpandAll: BooleanConstructor;
     readonly expandedKeys: PropType<Key[]>;
     readonly keyField: {
@@ -49,10 +49,10 @@ export declare const treeSelectProps: {
     };
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<import("../../tree/src/interface").RenderSwitcherIcon>;
-    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
-    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
-    readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
-    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
+    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateIndeterminateKeys>>;
+    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateIndeterminateKeys>>;
+    readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").onUpdateExpandedKeys>>;
+    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<import("../../tree/src/Tree").onUpdateExpandedKeys>>;
     readonly bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -591,7 +591,7 @@ declare const _default: import("vue").DefineComponent<{
      */
     readonly leafOnly: BooleanConstructor;
     readonly allowCheckingNotLoaded: BooleanConstructor;
-    readonly filter: PropType<(pattern: string, node: import("../../tree").TreeOption) => boolean>;
+    readonly filter: PropType<(pattern: string, node: TreeOption) => boolean>;
     readonly defaultExpandAll: BooleanConstructor;
     readonly expandedKeys: PropType<Key[]>;
     readonly keyField: {
@@ -616,10 +616,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<import("../../tree/src/interface").RenderSwitcherIcon>;
-    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
-    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
-    readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
-    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
+    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateIndeterminateKeys>>;
+    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateIndeterminateKeys>>;
+    readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").onUpdateExpandedKeys>>;
+    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<import("../../tree/src/Tree").onUpdateExpandedKeys>>;
     readonly bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -1174,17 +1174,26 @@ declare const _default: import("vue").DefineComponent<{
     pattern: import("vue").Ref<string>;
     pendingNodeKey: import("vue").Ref<string | number | null>;
     mergedCascade: import("vue").ComputedRef<boolean>;
-    mergedFilter: import("vue").ComputedRef<(pattern: string, node: import("../../tree").TreeOption) => boolean>;
+    mergedFilter: import("vue").ComputedRef<(pattern: string, node: TreeOption) => boolean>;
     selectionRenderTag: import("vue").ComputedRef<(({ option, handleClose }: {
         option: SelectOption;
         handleClose: () => void;
     }) => VNodeChild) | undefined>;
     handleTriggerOrMenuResize: () => void;
-    doUpdateExpandedKeys: (keys: Key[], option: Array<TreeSelectOption | null>) => void;
+    doUpdateExpandedKeys: (keys: Key[], option: Array<TreeSelectOption | null>, meta: {
+        node: TreeSelectOption;
+        action: 'expand' | 'collapse';
+    } | {
+        node: null;
+        action: 'filter';
+    }) => void;
     handleMenuLeave: () => void;
     handleTriggerClick: () => void;
     handleMenuClickoutside: (e: MouseEvent) => void;
-    handleUpdateCheckedKeys: (keys: Key[]) => void;
+    handleUpdateCheckedKeys: (keys: Key[], _: unknown, meta: {
+        node: TreeOption | null;
+        action: 'check' | 'uncheck';
+    }) => void;
     handleUpdateIndeterminateKeys: (keys: Key[]) => void;
     handleTriggerFocus: (e: FocusEvent) => void;
     handleTriggerBlur: (e: FocusEvent) => void;
@@ -1543,6 +1552,16 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
+    getCheckedData: () => {
+        keys: (string | number)[];
+        options: (TreeSelectOption | null)[];
+    };
+    getIndeterminateData: () => {
+        keys: (string | number)[];
+        options: (TreeSelectOption | null)[];
+    };
+    focus: () => void;
+    blur: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly renderLabel: PropType<import("./interface").TreeSelectRenderTreePart>;
     readonly renderPrefix: PropType<import("./interface").TreeSelectRenderTreePart>;
@@ -1560,7 +1579,7 @@ declare const _default: import("vue").DefineComponent<{
      */
     readonly leafOnly: BooleanConstructor;
     readonly allowCheckingNotLoaded: BooleanConstructor;
-    readonly filter: PropType<(pattern: string, node: import("../../tree").TreeOption) => boolean>;
+    readonly filter: PropType<(pattern: string, node: TreeOption) => boolean>;
     readonly defaultExpandAll: BooleanConstructor;
     readonly expandedKeys: PropType<Key[]>;
     readonly keyField: {
@@ -1585,10 +1604,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<import("../../tree/src/interface").RenderSwitcherIcon>;
-    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
-    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
-    readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
-    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateKeys>>;
+    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateIndeterminateKeys>>;
+    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<import("../../tree/src/Tree").OnUpdateIndeterminateKeys>>;
+    readonly onUpdateExpandedKeys: PropType<MaybeArray<import("../../tree/src/Tree").onUpdateExpandedKeys>>;
+    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<import("../../tree/src/Tree").onUpdateExpandedKeys>>;
     readonly bordered: {
         readonly type: BooleanConstructor;
         readonly default: true;