naive-ui 2.33.4 → 2.34.0

package/es/tree/src/TreeNodeSwitcher.js

@@ -10,6 +10,7 @@ export default defineComponent({
             required: true
         },
         expanded: Boolean,
+        selected: Boolean,
         hide: Boolean,
         loading: Boolean,
         onClick: Function
@@ -21,10 +22,8 @@ export default defineComponent({
             const { clsPrefix } = props;
             return (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 },
                 h("div", { class: `${clsPrefix}-tree-node-switcher__icon` },
                     h(NIconSwitchTransition, null, {
@@ -33,7 +32,10 @@ export default defineComponent({
                                 return (h(NBaseLoading, { clsPrefix: clsPrefix, key: "loading", radius: 85, strokeWidth: 20 }));
                             }
                             const { value: renderSwitcherIcon } = renderSwitcherIconRef;
-                            return renderSwitcherIcon ? (renderSwitcherIcon()) : (h(NBaseIcon, { clsPrefix: clsPrefix, key: "switcher" }, { default: () => h(SwitcherIcon, null) }));
+                            return renderSwitcherIcon ? (renderSwitcherIcon({
+                                expanded: props.expanded,
+                                selected: props.selected
+                            })) : (h(NBaseIcon, { clsPrefix: clsPrefix, key: "switcher" }, { default: () => h(SwitcherIcon, null) }));
                         }
                     }))));
         };

package/es/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/es/tree/src/styles/index.cssr.js

@@ -1,6 +1,7 @@
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
 import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.cssr';
-import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
+import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-in-height-expand.cssr';
+// vars:
 // --n-arrow-color
 // --n-bezier
 // --n-font-size
@@ -10,7 +11,6 @@ import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-
 // --n-node-color-pressed
 // --n-node-text-color
 // --n-node-text-color-disabled
-
 export default cB('tree', `
  font-size: var(--n-font-size);
  outline: none;
@@ -33,6 +33,7 @@ export default cB('tree', `
  box-sizing: border-box;
  padding: 3px 0;
  `), cB('tree-node', `
+ transform: translate3d(0,0,0);
  position: relative;
  display: flex;
  border-radius: var(--n-node-border-radius);

package/es/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/es/tree/src/utils.js

@@ -1,4 +1,8 @@
+import { computed } from 'vue';
 import { isBrowser } from '../../_utils';
+export function useMergedCheckStrategy(props) {
+    return computed(() => (props.leafOnly ? 'child' : props.checkStrategy));
+}
 export function isNodeDisabled(node, disabledField) {
     return !!node.rawNode[disabledField];
 }

package/es/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/es/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;

package/es/tree-select/src/TreeSelect.js

@@ -14,6 +14,7 @@ import { treeSelectLight } from '../styles';
 import { treeSelectInjectionKey } from './interface';
 import { treeOption2SelectOption, treeOption2SelectOptionWithPath } from './utils';
 import style from './styles/index.cssr';
+import { useMergedCheckStrategy } from '../../tree/src/utils';
 export const treeSelectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), { bordered: {
         type: Boolean,
         default: true
@@ -197,12 +198,13 @@ export default defineComponent({
                 call(_onUpdateShow, value);
             uncontrolledShowRef.value = value;
         }
-        function doUpdateValue(value, option) {
+        function doUpdateValue(value, option, meta) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue } = props;
-            if (onUpdateValue)
-                call(onUpdateValue, value, option);
+            if (onUpdateValue) {
+                call(onUpdateValue, value, option, meta);
+            }
             if (_onUpdateValue) {
-                call(_onUpdateValue, value, option);
+                call(_onUpdateValue, value, option, meta);
             }
             uncontrolledValueRef.value = value;
             nTriggerFormInput();
@@ -217,13 +219,13 @@ export default defineComponent({
                 call(_onUpdateIndeterminateKeys, value, option);
             }
         }
-        function doUpdateExpandedKeys(keys, option) {
+        function doUpdateExpandedKeys(keys, option, meta) {
             const { onUpdateExpandedKeys, 'onUpdate:expandedKeys': _onUpdateExpandedKeys } = props;
             if (onUpdateExpandedKeys) {
-                call(onUpdateExpandedKeys, keys, option);
+                call(onUpdateExpandedKeys, keys, option, meta);
             }
             if (_onUpdateExpandedKeys) {
-                call(_onUpdateExpandedKeys, keys, option);
+                call(_onUpdateExpandedKeys, keys, option, meta);
             }
             uncontrolledExpandedKeysRef.value = keys;
         }
@@ -281,10 +283,12 @@ export default defineComponent({
             const { value: { getNode } } = dataTreeMateRef;
             return keys.map((key) => { var _a; return ((_a = getNode(key)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; });
         }
-        function handleUpdateCheckedKeys(keys) {
+        function handleUpdateCheckedKeys(keys, _, meta) {
             const options = getOptionsByKeys(keys);
+            const action = meta.action === 'check' ? 'select' : 'unselect';
+            const node = meta.node;
             if (props.multiple) {
-                doUpdateValue(keys, options);
+                doUpdateValue(keys, options, { node, action });
                 if (props.filterable) {
                     focusSelectionInput();
                     if (props.clearFilterAfterSelect)
@@ -293,8 +297,11 @@ export default defineComponent({
             }
             else {
                 keys.length
-                    ? doUpdateValue(keys[0], options[0] || null)
-                    : doUpdateValue(null, null);
+                    ? doUpdateValue(keys[0], options[0] || null, {
+                        node,
+                        action
+                    })
+                    : doUpdateValue(null, null, { node, action });
                 closeMenu();
                 // Currently it is not necessary. However if there is an action slot,
                 // it will be useful. So just leave it here.
@@ -345,10 +352,10 @@ export default defineComponent({
                 closeMenu();
             }
             if (multiple) {
-                doUpdateValue([], []);
+                doUpdateValue([], [], { node: null, action: 'clear' });
             }
             else {
-                doUpdateValue(null, null);
+                doUpdateValue(null, null, { node: null, action: 'clear' });
             }
         }
         function handleDeleteOption(option) {
@@ -363,18 +370,28 @@ export default defineComponent({
                 });
                 const index = checkedKeysValue.findIndex((key) => key === option.value);
                 if (~index) {
+                    const checkedKeyToBeRemoved = checkedKeysValue[index];
+                    const checkOptionToBeRemoved = getOptionsByKeys([
+                        checkedKeyToBeRemoved
+                    ])[0];
                     if (props.checkable) {
                         const { checkedKeys } = treeMate.uncheck(option.value, checkedKeysValue, {
                             checkStrategy: props.checkStrategy,
                             cascade: mergedCascadeRef.value,
                             allowNotLoaded: props.allowCheckingNotLoaded
                         });
-                        doUpdateValue(checkedKeys, getOptionsByKeys(checkedKeys));
+                        doUpdateValue(checkedKeys, getOptionsByKeys(checkedKeys), {
+                            node: checkOptionToBeRemoved,
+                            action: 'delete'
+                        });
                     }
                     else {
                         const nextValue = Array.from(checkedKeysValue);
                         nextValue.splice(index, 1);
-                        doUpdateValue(nextValue, getOptionsByKeys(nextValue));
+                        doUpdateValue(nextValue, getOptionsByKeys(nextValue), {
+                            node: checkOptionToBeRemoved,
+                            action: 'delete'
+                        });
                     }
                 }
             }
@@ -455,6 +472,46 @@ export default defineComponent({
             (_a = followerInstRef.value) === null || _a === void 0 ? void 0 : _a.syncPosition();
         }
         useOnResize(menuElRef, handleTriggerOrMenuResize);
+        const mergedCheckStrategyRef = useMergedCheckStrategy(props);
+        const exposedCheckedStatusRef = computed(() => {
+            if (props.checkable) {
+                const mergedValue = mergedValueRef.value;
+                if (props.multiple && Array.isArray(mergedValue)) {
+                    return dataTreeMateRef.value.getCheckedKeys(mergedValue, {
+                        cascade: props.cascade,
+                        checkStrategy: mergedCheckStrategyRef.value,
+                        allowNotLoaded: props.allowCheckingNotLoaded
+                    });
+                }
+                else {
+                    return {
+                        checkedKeys: Array.isArray(mergedValue) || mergedValue === null
+                            ? []
+                            : [mergedValue],
+                        indeterminateKeys: []
+                    };
+                }
+            }
+            return {
+                checkedKeys: [],
+                indeterminateKeys: []
+            };
+        });
+        const exposedMethods = {
+            getCheckedData: () => {
+                const { checkedKeys } = exposedCheckedStatusRef.value;
+                return { keys: checkedKeys, options: getOptionsByKeys(checkedKeys) };
+            },
+            getIndeterminateData: () => {
+                const { indeterminateKeys } = exposedCheckedStatusRef.value;
+                return {
+                    keys: indeterminateKeys,
+                    options: getOptionsByKeys(indeterminateKeys)
+                };
+            },
+            focus: () => { var _a; return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focus(); },
+            blur: () => { var _a; return (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }
+        };
         const themeRef = useTheme('TreeSelect', '-tree-select', style, treeSelectLight, props, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
             const { common: { cubicBezierEaseInOut }, self: { menuBoxShadow, menuBorderRadius, menuColor, menuHeight, actionPadding, actionDividerColor, actionTextColor } } = themeRef.value;
@@ -472,34 +529,9 @@ export default defineComponent({
         const themeClassHandle = inlineThemeDisabled
             ? useThemeClass('tree-select', undefined, cssVarsRef, props)
             : undefined;
-        return {
-            menuElRef,
-            mergedStatus: mergedStatusRef,
-            triggerInstRef,
+        return Object.assign(Object.assign({}, exposedMethods), { menuElRef, mergedStatus: mergedStatusRef, triggerInstRef,
             followerInstRef,
-            treeInstRef,
-            mergedClsPrefix: mergedClsPrefixRef,
-            mergedValue: mergedValueRef,
-            mergedShow: mergedShowRef,
-            namespace: namespaceRef,
-            adjustedTo: useAdjustedTo(props),
-            isMounted: useIsMounted(),
-            focused: focusedRef,
-            menuPadding: menuPaddingRef,
-            mergedPlaceholder: mergedPlaceholderRef,
-            mergedExpandedKeys: mergedExpandedKeysRef,
-            treeSelectedKeys: treeSelectedKeysRef,
-            treeCheckedKeys: treeCheckedKeysRef,
-            mergedSize: mergedSizeRef,
-            mergedDisabled: mergedDisabledRef,
-            selectedOption: selectedOptionRef,
-            selectedOptions: selectedOptionsRef,
-            pattern: patternRef,
-            pendingNodeKey: pendingNodeKeyRef,
-            mergedCascade: mergedCascadeRef,
-            mergedFilter: mergedFilterRef,
-            selectionRenderTag: selectionRenderTagRef,
-            handleTriggerOrMenuResize,
+            treeInstRef, mergedClsPrefix: mergedClsPrefixRef, mergedValue: mergedValueRef, mergedShow: mergedShowRef, namespace: namespaceRef, adjustedTo: useAdjustedTo(props), isMounted: useIsMounted(), focused: focusedRef, menuPadding: menuPaddingRef, mergedPlaceholder: mergedPlaceholderRef, mergedExpandedKeys: mergedExpandedKeysRef, treeSelectedKeys: treeSelectedKeysRef, treeCheckedKeys: treeCheckedKeysRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, selectedOption: selectedOptionRef, selectedOptions: selectedOptionsRef, pattern: patternRef, pendingNodeKey: pendingNodeKeyRef, mergedCascade: mergedCascadeRef, mergedFilter: mergedFilterRef, selectionRenderTag: selectionRenderTagRef, handleTriggerOrMenuResize,
             doUpdateExpandedKeys,
             handleMenuLeave,
             handleTriggerClick,
@@ -515,12 +547,7 @@ export default defineComponent({
             handlePatternInput,
             handleKeydown,
             handleTabOut,
-            handleMenuMousedown,
-            mergedTheme: themeRef,
-            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
-            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
-        };
+            handleMenuMousedown, mergedTheme: themeRef, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender });
     },
     render() {
         const { mergedTheme, mergedClsPrefix, $slots } = this;

package/es/tree-select/src/interface.d.ts

@@ -6,8 +6,27 @@ export declare type TreeSelectOption = Omit<TreeOptionBase, 'checkboxDisabled' |
     [k: string]: unknown;
 };
 export declare type TreeSelectTmNode = TreeNode<TreeSelectOption>;
-export declare type OnUpdateValue = (value: string & number & (string | number) & string[] & number[] & Array<string | number> & null, option: TreeSelectOption & null & TreeSelectOption[] & Array<TreeSelectOption | null>) => void;
-export declare type OnUpdateValueImpl = (value: string | number | (string | number) | string[] | number[] | Array<string | number> | null, option: TreeSelectOption | null | Array<TreeSelectOption | null>) => void;
+export declare type OnUpdateValue = (value: string & number & (string | number) & string[] & number[] & Array<string | number> & null, option: TreeSelectOption & null & TreeSelectOption[] & Array<TreeSelectOption | null>, meta: {
+    node: TreeSelectOption;
+    action: 'select' | 'unselect';
+} | {
+    node: TreeSelectOption | null;
+    action: 'delete';
+} | {
+    node: null;
+    action: 'clear';
+}) => void;
+export declare type OnUpdateValueImpl = (value: string | number | (string | number) | string[] | number[] | Array<string | number> | null, option: TreeSelectOption | null | Array<TreeSelectOption | null>, meta: {
+    node: TreeSelectOption;
+    action: 'select' | 'unselect';
+} | {
+    node: TreeSelectOption | null;
+    action: 'delete';
+} | {
+    node: null;
+    action: 'clear';
+}) => void;
+export declare type OnUpdateIndeterminateKeysImpl = (value: string | number | (string | number) | string[] | number[] | Array<string | number> | null, option: TreeSelectOption | null | Array<TreeSelectOption | null>) => void;
 export declare type Value = string | number | Array<string | number> | null;
 export interface TreeSelectInjection {
     pendingNodeKeyRef: Ref<string | number | null>;
@@ -30,3 +49,15 @@ export declare type TreeSelectRenderSuffix = TreeSelectRenderTreePart;
 export declare type TreeSelectNodeProps = (info: {
     option: TreeSelectOption;
 }) => HTMLAttributes & Record<string, unknown>;
+export interface TreeSelectInst {
+    getCheckedData: () => {
+        keys: Array<string | number>;
+        options: Array<TreeSelectOption | null>;
+    };
+    getIndeterminateData: () => {
+        keys: Array<string | number>;
+        options: Array<TreeSelectOption | null>;
+    };
+    focus: () => void;
+    blur: () => void;
+}

package/es/tree-select/src/styles/index.cssr.js

@@ -1,5 +1,6 @@
 import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr';
-import { c, cB, cE } from '../../../_utils/cssr'; // vars:
+import { c, cB, cE } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-menu-height
 // --n-menu-border-radius
@@ -8,7 +9,6 @@ import { c, cB, cE } from '../../../_utils/cssr'; // vars:
 // --n-action-padding
 // --n-action-text-color
 // --n-action-divider-color
-
 export default c([cB('tree-select', `
  z-index: auto;
  outline: none;

package/es/typography/src/styles/a.cssr.js

@@ -1,7 +1,7 @@
-import { cB } from '../../../_utils/cssr'; // vars:
+import { cB } from '../../../_utils/cssr';
+// vars:
 // --n-text-color
 // --n-bezier
-
 export default cB('a', `
  cursor: pointer;
  transition:

package/es/typography/src/styles/blockquote.cssr.js

@@ -1,10 +1,10 @@
-import { c, cB, cM } from '../../../_utils/cssr'; // vars:
+import { c, cB, cM } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-font-size
 // --n-line-height
 // --n-prefix-color
 // --n-text-color
-
 export default cB('blockquote', `
  font-size: var(--n-font-size);
  line-height: var(--n-line-height);

package/es/typography/src/styles/header.cssr.js

@@ -1,4 +1,5 @@
-import { c, cB, cM } from '../../../_utils/cssr'; // vars:
+import { c, cB, cM } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-font-size
 // --n-margin
@@ -7,7 +8,6 @@ import { c, cB, cM } from '../../../_utils/cssr'; // vars:
 // --n-font-weight
 // --n-text-color
 // --n-prefix-width
-
 export default cB('h', `
  font-size: var(--n-font-size);
  font-weight: var(--n-font-weight);

package/es/typography/src/styles/hr.cssr.js

@@ -1,6 +1,6 @@
-import { cB } from '../../../_utils/cssr'; // vars:
+import { cB } from '../../../_utils/cssr';
+// vars:
 // --n-color
-
 export default cB('hr', `
  margin: 12px 0;
  transition: border-color .3s var(--n-bezier);

package/es/typography/src/styles/list.cssr.js

@@ -10,7 +10,8 @@ const childStyle = [c('&:first-child', `
  margin-top: 0;
  `), c('&:last-child', `
  margin-bottom: 0;
- `)]; // vars:
+ `)];
+// vars:
 // --n-bezier
 // --n-font-size
 // --n-line-height
@@ -18,7 +19,6 @@ const childStyle = [c('&:first-child', `
 // --n-li-margin
 // --n-ol-padding
 // --n-ul-padding
-
 export default c([cB('ol', {
   fontSize: 'var(--n-font-size)',
   padding: 'var(--n-ol-padding)'

package/es/typography/src/styles/p.cssr.js

@@ -1,10 +1,10 @@
-import { c, cB } from '../../../_utils/cssr'; // vars:
+import { c, cB } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-font-size
 // --n-line-height
 // --n-margin
 // --n-text-color
-
 export default cB('p', `
  box-sizing: border-box;
  transition: color .3s var(--n-bezier);

package/es/typography/src/styles/text.cssr.js

@@ -1,4 +1,5 @@
-import { cB, cM } from '../../../_utils/cssr'; // vars:
+import { cB, cM } from '../../../_utils/cssr';
+// vars:
 // --n-text-color
 // --n-font-weight-strong
 // --n-font-famliy-mono
@@ -6,7 +7,6 @@ import { cB, cM } from '../../../_utils/cssr'; // vars:
 // --n-code-text-color
 // --n-code-color
 // --n-code-border
-
 export default cB('text', `
  transition: color .3s var(--n-bezier);
  color: var(--n-text-color);

package/es/upload/index.d.ts

@@ -3,4 +3,4 @@ export { default as NUploadDragger } from './src/UploadDragger';
 export { default as NUploadTrigger } from './src/UploadTrigger';
 export { default as NUploadFileList } from './src/UploadFileList';
 export type { UploadProps } from './src/Upload';
-export type { UploadInst, FileInfo as UploadFileInfo, CustomRequestOptions as UploadCustomRequestOptions } from './src/interface';
+export type { UploadInst, FileInfo as UploadFileInfo, CustomRequestOptions as UploadCustomRequestOptions, SettledFileInfo as UploadSettledFileInfo } from './src/interface';