naive-ui 2.33.4 → 2.34.0

package/es/thing/src/styles/index.cssr.js

@@ -1,10 +1,10 @@
-import { c, cB, cE } from '../../../_utils/cssr'; // vars:
+import { c, cB, cE } from '../../../_utils/cssr';
+// vars:
 // --n-bezier
 // --n-font-size
 // --n-text-color
 // --n-title-font-weight
 // --n-title-text-color
-
 export default cB('thing', `
  display: flex;
  transition: color .3s var(--n-bezier);

package/es/time-picker/src/styles/index.cssr.js

@@ -1,5 +1,6 @@
 import { c, cE, cM, cB, cNotM } from '../../../_utils/cssr';
-import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
+import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-scale-up.cssr';
+// vars:
 // --n-icon-color-override
 // --n-icon-color-disabled-override
 // --n-bezier
@@ -16,7 +17,6 @@ import { fadeInScaleUpTransition } from '../../../_styles/transitions/fade-in-sc
 // --n-panel-color
 // --n-panel-divider-color
 // --n-item-border-radius
-
 export default c([cB('time-picker', `
  z-index: auto;
  position: relative;

package/es/timeline/src/styles/index.cssr.js

@@ -1,5 +1,6 @@
 import { c, cB, cE, cM } from '../../../_utils/cssr';
-const lineHeight = 1.25; // vars:
+const lineHeight = 1.25;
+// vars:
 // --n-bezier
 // --n-circle-border
 // --n-content-font-size
@@ -11,7 +12,6 @@ const lineHeight = 1.25; // vars:
 // --n-title-margin
 // --n-title-text-color
 // --n-icon-size
-
 export default cB('timeline', `
  position: relative;
  width: 100%;
@@ -23,7 +23,10 @@ export default cB('timeline', `
  `, [c('>', [cB('timeline-item', `
  flex-shrink: 0;
  padding-right: 40px;
- `, [c('>', [cB('timeline-item-content', `
+ `, [cM('dashed-line-type', [c('>', [cB('timeline-item-timeline', [cE('line', `
+ background-image: linear-gradient(90deg, var(--n-color-start), var(--n-color-start) 50%, transparent 50%, transparent 100%);
+ background-size: 10px 1px;
+ `)])])]), c('>', [cB('timeline-item-content', `
  margin-top: calc(var(--n-icon-size) + 12px);
  `, [c('>', [cE('meta', `
  margin-top: 6px;

package/es/transfer/src/Transfer.d.ts

@@ -25,6 +25,10 @@ export declare const transferProps: {
     };
     readonly sourceFilterable: BooleanConstructor;
     readonly targetFilterable: BooleanConstructor;
+    readonly showSelected: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly sourceFilterPlaceholder: StringConstructor;
     readonly targetFilterPlaceholder: StringConstructor;
     readonly filter: {
@@ -1111,6 +1115,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly sourceFilterable: BooleanConstructor;
     readonly targetFilterable: BooleanConstructor;
+    readonly showSelected: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly sourceFilterPlaceholder: StringConstructor;
     readonly targetFilterPlaceholder: StringConstructor;
     readonly filter: {
@@ -2724,6 +2732,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly sourceFilterable: BooleanConstructor;
     readonly targetFilterable: BooleanConstructor;
+    readonly showSelected: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     readonly sourceFilterPlaceholder: StringConstructor;
     readonly targetFilterPlaceholder: StringConstructor;
     readonly filter: {
@@ -3792,6 +3804,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly virtualScroll: boolean;
     readonly filterable: boolean;
     readonly defaultValue: OptionValue[] | null;
+    readonly showSelected: boolean;
     readonly sourceFilterable: boolean;
     readonly targetFilterable: boolean;
 }>;

package/es/transfer/src/Transfer.js

@@ -24,7 +24,10 @@ export const transferProps = Object.assign(Object.assign({}, useTheme.props), {
     }, virtualScroll: Boolean, sourceTitle: String, targetTitle: String, filterable: {
         type: Boolean,
         default: undefined
-    }, sourceFilterable: Boolean, targetFilterable: Boolean, sourceFilterPlaceholder: String, targetFilterPlaceholder: String, filter: {
+    }, sourceFilterable: Boolean, targetFilterable: Boolean, showSelected: {
+        type: Boolean,
+        default: true
+    }, sourceFilterPlaceholder: String, targetFilterPlaceholder: String, filter: {
         type: Function,
         default: (pattern, option) => {
             if (!pattern)
@@ -103,7 +106,8 @@ export default defineComponent({
             srcOptionsLengthRef: computed(() => props.options.length),
             handleItemCheck,
             renderSourceLabelRef: toRef(props, 'renderSourceLabel'),
-            renderTargetLabelRef: toRef(props, 'renderTargetLabel')
+            renderTargetLabelRef: toRef(props, 'renderTargetLabel'),
+            showSelectedRef: toRef(props, 'showSelected')
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,

package/es/transfer/src/TransferListItem.d.ts

@@ -502,9 +502,10 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     checked: import("vue").ComputedRef<boolean>;
-    handleClick: () => void;
+    showSelected: import("vue").Ref<boolean>;
     renderSourceLabel: import("vue").Ref<import("./interface").TransferRenderSourceLabel | undefined>;
     renderTargetLabel: import("vue").Ref<import("./interface").TransferRenderTargetLabel | undefined>;
+    handleClick: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     source: BooleanConstructor;
     label: {

package/es/transfer/src/TransferListItem.js

@@ -23,7 +23,7 @@ export default defineComponent({
         }
     },
     setup(props) {
-        const { targetValueSetRef, mergedClsPrefixRef, mergedThemeRef, handleItemCheck, renderSourceLabelRef, renderTargetLabelRef
+        const { targetValueSetRef, mergedClsPrefixRef, mergedThemeRef, handleItemCheck, renderSourceLabelRef, renderTargetLabelRef, showSelectedRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = inject(transferInjectionKey);
         const checkedRef = useMemo(() => targetValueSetRef.value.has(props.value));
@@ -36,9 +36,10 @@ export default defineComponent({
             mergedClsPrefix: mergedClsPrefixRef,
             mergedTheme: mergedThemeRef,
             checked: checkedRef,
-            handleClick,
+            showSelected: showSelectedRef,
             renderSourceLabel: renderSourceLabelRef,
-            renderTargetLabel: renderTargetLabelRef
+            renderTargetLabel: renderTargetLabelRef,
+            handleClick
         };
     },
     render() {
@@ -51,7 +52,7 @@ export default defineComponent({
                     : `${mergedClsPrefix}-transfer-list-item--target`
             ], onClick: source ? this.handleClick : undefined },
             h("div", { class: `${mergedClsPrefix}-transfer-list-item__background` }),
-            source && (h("div", { class: `${mergedClsPrefix}-transfer-list-item__checkbox` },
+            source && this.showSelected && (h("div", { class: `${mergedClsPrefix}-transfer-list-item__checkbox` },
                 h(NCheckbox, { theme: mergedTheme.peers.Checkbox, themeOverrides: mergedTheme.peerOverrides.Checkbox, disabled: disabled, checked: checked }))),
             h("div", { class: `${mergedClsPrefix}-transfer-list-item__label`, title: getTitleAttribute(label) }, source
                 ? renderSourceLabel

package/es/transfer/src/interface.d.ts

@@ -32,6 +32,7 @@ export interface TransferInjection {
     handleItemCheck: (checked: boolean, value: OptionValue) => void;
     renderSourceLabelRef: Ref<TransferRenderSourceLabel | undefined>;
     renderTargetLabelRef: Ref<TransferRenderTargetLabel | undefined>;
+    showSelectedRef: Ref<boolean>;
 }
 export declare const transferInjectionKey: import("vue").InjectionKey<TransferInjection>;
 export declare type OnUpdateValue = (value: OptionValue[]) => void;

package/es/transfer/src/styles/index.cssr.js

@@ -1,11 +1,11 @@
-import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr'; // --n-close-size
+import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
+// --n-close-size
 // --n-close-icon-size
 // --n-close-color-hover
 // --n-close-color-pressed
 // --n-close-icon-color
 // --n-close-icon-color-hover
 // --n-close-icon-color-pressed
-
 export default cB('transfer', `
  width: 100%;
  font-size: var(--n-font-size);

package/es/transfer/src/use-transfer-data.d.ts

@@ -6,6 +6,7 @@ interface UseTransferDataProps {
     filterable: boolean | undefined;
     sourceFilterable: Boolean;
     targetFilterable: Boolean;
+    showSelected: Boolean;
     filter: Filter;
 }
 export declare function useTransferData(props: UseTransferDataProps): {

package/es/transfer/src/use-transfer-data.js

@@ -27,10 +27,19 @@ export function useTransferData(props) {
         return props.sourceFilterable || !!props.filterable;
     });
     const filteredSrcOptionsRef = computed(() => {
-        if (!mergedSrcFilterableRef.value)
-            return props.options;
-        const { filter } = props;
-        return props.options.filter((opt) => filter(srcPatternRef.value, opt, 'source'));
+        const { showSelected, options, filter } = props;
+        if (!mergedSrcFilterableRef.value) {
+            if (showSelected) {
+                return options;
+            }
+            else {
+                return options.filter((option) => !targetValueSetRef.value.has(option.value));
+            }
+        }
+        return options.filter((option) => {
+            return (filter(srcPatternRef.value, option, 'source') &&
+                (showSelected || !targetValueSetRef.value.has(option.value)));
+        });
     });
     const filteredTgtOptionsRef = computed(() => {
         if (!props.targetFilterable)

package/es/tree/src/Tree.d.ts

@@ -4,8 +4,38 @@ import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { TreeDragInfo, TreeDropInfo, TreeOptions, Key, TreeOption, AllowDrop, RenderSwitcherIcon, TreeNodeProps, CheckOnClick } from './interface';
 import { defaultAllowDrop } from './dnd';
 export declare function createTreeMateOptions<T>(keyField: string, childrenField: string, disabledField: string): TreeMateOptions<T, T, T>;
-export declare type OnUpdateKeys = (value: Array<string & number>, option: Array<TreeOption | null>) => void;
-export declare type OnUpdateKeysImpl = (value: Key[], option: Array<TreeOption | null>) => void;
+export declare type OnUpdateCheckedKeys = (value: Array<string & number>, option: Array<TreeOption | null>, meta: {
+    node: TreeOption | null;
+    action: 'check' | 'uncheck';
+}) => void;
+export declare type OnUpdateCheckedKeysImpl = (value: Key[], option: Array<TreeOption | null>, meta: {
+    node: TreeOption | null;
+    action: 'check' | 'uncheck';
+}) => void;
+export declare type OnUpdateIndeterminateKeys = (value: Array<string & number>, option: Array<TreeOption | null>) => void;
+export declare type OnUpdateIndeterminateKeysImpl = (value: Key[], option: Array<TreeOption | null>) => void;
+export declare type OnUpdateSelectedKeys = (value: Array<string & number>, option: Array<TreeOption | null>, meta: {
+    node: TreeOption | null;
+    action: 'select' | 'unselect';
+}) => void;
+export declare type OnUpdateSelectedKeysImpl = (value: Key[], option: Array<TreeOption | null>, meta: {
+    node: TreeOption | null;
+    action: 'select' | 'unselect';
+}) => void;
+export declare type onUpdateExpandedKeys = (value: Key[], option: Array<TreeOption | null>, meta: {
+    node: TreeOption;
+    action: 'expand' | 'collapse';
+} | {
+    node: null;
+    action: 'filter';
+}) => void;
+export declare type OnUpdateExpandedKeysImpl = (value: Key[], option: Array<TreeOption | null>, meta: {
+    node: TreeOption;
+    action: 'expand' | 'collapse';
+} | {
+    node: null;
+    action: 'filter';
+}) => void;
 declare type OnLoad = (node: TreeOption) => Promise<void>;
 export declare const treeSharedProps: {
     readonly allowCheckingNotLoaded: BooleanConstructor;
@@ -34,10 +64,10 @@ export declare const treeSharedProps: {
     };
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
-    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateKeys>>;
-    readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
+    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateIndeterminateKeys>>;
+    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateIndeterminateKeys>>;
+    readonly onUpdateExpandedKeys: PropType<MaybeArray<onUpdateExpandedKeys>>;
+    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<onUpdateExpandedKeys>>;
 };
 export declare const treeProps: {
     readonly internalTreeSelect: BooleanConstructor;
@@ -88,10 +118,10 @@ export declare const treeProps: {
     };
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
-    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateKeys>>;
-    readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
+    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateIndeterminateKeys>>;
+    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateIndeterminateKeys>>;
+    readonly onUpdateExpandedKeys: PropType<MaybeArray<onUpdateExpandedKeys>>;
+    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<onUpdateExpandedKeys>>;
     readonly accordion: BooleanConstructor;
     readonly showIrrelevantNodes: {
         readonly type: BooleanConstructor;
@@ -172,10 +202,10 @@ export declare const treeProps: {
     readonly onDragstart: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragover: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDrop: PropType<MaybeArray<(e: TreeDropInfo) => void>>;
-    readonly onUpdateCheckedKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:checkedKeys': PropType<MaybeArray<OnUpdateKeys>>;
-    readonly onUpdateSelectedKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:selectedKeys': PropType<MaybeArray<OnUpdateKeys>>;
+    readonly onUpdateCheckedKeys: PropType<MaybeArray<OnUpdateCheckedKeys>>;
+    readonly 'onUpdate:checkedKeys': PropType<MaybeArray<OnUpdateCheckedKeys>>;
+    readonly onUpdateSelectedKeys: PropType<MaybeArray<OnUpdateSelectedKeys>>;
+    readonly 'onUpdate:selectedKeys': PropType<MaybeArray<OnUpdateSelectedKeys>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tree", {
         fontSize: string;
         nodeBorderRadius: string;
@@ -404,10 +434,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
-    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateKeys>>;
-    readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
+    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateIndeterminateKeys>>;
+    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateIndeterminateKeys>>;
+    readonly onUpdateExpandedKeys: PropType<MaybeArray<onUpdateExpandedKeys>>;
+    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<onUpdateExpandedKeys>>;
     readonly accordion: BooleanConstructor;
     readonly showIrrelevantNodes: {
         readonly type: BooleanConstructor;
@@ -488,10 +518,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly onDragstart: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragover: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDrop: PropType<MaybeArray<(e: TreeDropInfo) => void>>;
-    readonly onUpdateCheckedKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:checkedKeys': PropType<MaybeArray<OnUpdateKeys>>;
-    readonly onUpdateSelectedKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:selectedKeys': PropType<MaybeArray<OnUpdateKeys>>;
+    readonly onUpdateCheckedKeys: PropType<MaybeArray<OnUpdateCheckedKeys>>;
+    readonly 'onUpdate:checkedKeys': PropType<MaybeArray<OnUpdateCheckedKeys>>;
+    readonly onUpdateSelectedKeys: PropType<MaybeArray<OnUpdateSelectedKeys>>;
+    readonly 'onUpdate:selectedKeys': PropType<MaybeArray<OnUpdateSelectedKeys>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tree", {
         fontSize: string;
         nodeBorderRadius: string;
@@ -1196,10 +1226,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly indeterminateKeys: PropType<Key[]>;
     readonly renderSwitcherIcon: PropType<RenderSwitcherIcon>;
-    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateKeys>>;
-    readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
+    readonly onUpdateIndeterminateKeys: PropType<MaybeArray<OnUpdateIndeterminateKeys>>;
+    readonly 'onUpdate:indeterminateKeys': PropType<MaybeArray<OnUpdateIndeterminateKeys>>;
+    readonly onUpdateExpandedKeys: PropType<MaybeArray<onUpdateExpandedKeys>>;
+    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<onUpdateExpandedKeys>>;
     readonly accordion: BooleanConstructor;
     readonly showIrrelevantNodes: {
         readonly type: BooleanConstructor;
@@ -1280,10 +1310,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly onDragstart: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDragover: PropType<MaybeArray<(e: TreeDragInfo) => void>>;
     readonly onDrop: PropType<MaybeArray<(e: TreeDropInfo) => void>>;
-    readonly onUpdateCheckedKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:checkedKeys': PropType<MaybeArray<OnUpdateKeys>>;
-    readonly onUpdateSelectedKeys: PropType<MaybeArray<OnUpdateKeys>>;
-    readonly 'onUpdate:selectedKeys': PropType<MaybeArray<OnUpdateKeys>>;
+    readonly onUpdateCheckedKeys: PropType<MaybeArray<OnUpdateCheckedKeys>>;
+    readonly 'onUpdate:checkedKeys': PropType<MaybeArray<OnUpdateCheckedKeys>>;
+    readonly onUpdateSelectedKeys: PropType<MaybeArray<OnUpdateSelectedKeys>>;
+    readonly 'onUpdate:selectedKeys': PropType<MaybeArray<OnUpdateSelectedKeys>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Tree", {
         fontSize: string;
         nodeBorderRadius: string;

package/es/tree/src/Tree.js

@@ -19,7 +19,7 @@ import { call, createDataKey, resolveSlot, warn, warnOnce } from '../../_utils';
 import { NxScrollbar } from '../../_internal';
 import { treeLight } from '../styles';
 import NTreeNode from './TreeNode';
-import { keysWithFilter, emptyImage, filterTree, isNodeDisabled } from './utils';
+import { keysWithFilter, emptyImage, filterTree, isNodeDisabled, useMergedCheckStrategy } from './utils';
 import { useKeyboard } from './keyboard';
 import { treeInjectionKey } from './interface';
 import MotionWrapper from './MotionWrapper';
@@ -206,7 +206,7 @@ export default defineComponent({
             });
             return value;
         });
-        const mergedCheckStrategyRef = computed(() => props.leafOnly ? 'child' : props.checkStrategy);
+        const mergedCheckStrategyRef = useMergedCheckStrategy(props);
         const displayedCheckedKeysRef = computed(() => {
             return checkedStatusRef.value.checkedKeys;
         });
@@ -320,7 +320,7 @@ export default defineComponent({
                     const { expandedKeys: expandedKeysAfterChange, highlightKeySet } = 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();
@@ -330,7 +330,7 @@ export default defineComponent({
                 if (!value.length) {
                     if (memoizedExpandedKeys !== undefined) {
                         disableExpandAnimationForOneTick();
-                        doUpdateExpandedKeys(memoizedExpandedKeys, getOptionsByKeys(memoizedExpandedKeys));
+                        doUpdateExpandedKeys(memoizedExpandedKeys, getOptionsByKeys(memoizedExpandedKeys), { node: null, action: 'filter' });
                     }
                 }
                 else {
@@ -340,7 +340,10 @@ export default defineComponent({
                     const { expandedKeys } = filteredTreeInfoRef.value;
                     if (expandedKeys !== undefined) {
                         disableExpandAnimationForOneTick();
-                        doUpdateExpandedKeys(expandedKeys, getOptionsByKeys(expandedKeys));
+                        doUpdateExpandedKeys(expandedKeys, getOptionsByKeys(expandedKeys), {
+                            node: null,
+                            action: 'filter'
+                        });
                     }
                 }
             }
@@ -512,24 +515,24 @@ export default 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) {
-                call(_onUpdateExpandedKeys, value, option);
+                call(_onUpdateExpandedKeys, value, option, meta);
             }
             if (onUpdateExpandedKeys) {
-                call(onUpdateExpandedKeys, value, option);
+                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) {
-                call(onUpdateCheckedKeys, value, option);
+                call(onUpdateCheckedKeys, value, option, meta);
             }
             if (_onUpdateCheckedKeys) {
-                call(_onUpdateCheckedKeys, value, option);
+                call(_onUpdateCheckedKeys, value, option, meta);
             }
         }
         function doUpdateIndeterminateKeys(value, option) {
@@ -541,14 +544,14 @@ export default defineComponent({
                 call(onUpdateIndeterminateKeys, value, option);
             }
         }
-        function doUpdateSelectedKeys(value, option) {
+        function doUpdateSelectedKeys(value, option, meta) {
             const { 'onUpdate:selectedKeys': _onUpdateSelectedKeys, onUpdateSelectedKeys } = props;
             uncontrolledSelectedKeysRef.value = value;
             if (onUpdateSelectedKeys) {
-                call(onUpdateSelectedKeys, value, option);
+                call(onUpdateSelectedKeys, value, option, meta);
             }
             if (_onUpdateSelectedKeys) {
-                call(_onUpdateSelectedKeys, value, option);
+                call(_onUpdateSelectedKeys, value, option, meta);
             }
         }
         // Drag & Drop
@@ -612,12 +615,16 @@ export default 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) {
@@ -629,7 +636,10 @@ export default 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);
@@ -647,7 +657,10 @@ export default defineComponent({
                 else {
                     nextKeys = mergedExpandedKeys.concat(key);
                 }
-                doUpdateExpandedKeys(nextKeys, getOptionsByKeys(nextKeys));
+                doUpdateExpandedKeys(nextKeys, getOptionsByKeys(nextKeys), {
+                    node: node.rawNode,
+                    action: 'expand'
+                });
             }
         }
         function handleSwitcherClick(node) {
@@ -667,7 +680,10 @@ export default 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) {
@@ -681,17 +697,26 @@ export default 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'
+                    });
                 }
             }
         }
@@ -712,7 +737,10 @@ export default 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;
@@ -1117,7 +1145,25 @@ export default 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 = computed(() => {
             const { common: { cubicBezierEaseInOut }, self: { fontSize, nodeBorderRadius, nodeColorHover, nodeColorPressed, nodeColorActive, arrowColor, loadingColor, nodeTextColor, nodeTextColorDisabled, dropMarkColor } } = themeRef.value;

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

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

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