naive-ui 2.33.2 → 2.33.4

package/lib/timeline/src/TimelineItem.d.ts

@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     time: PropType<string | number>;
     title: StringConstructor;
     content: StringConstructor;

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

@@ -32,10 +32,10 @@ exports.default = (0, cssr_1.cB)('timeline', `
  padding-right: 40px;
  `, [(0, cssr_1.c)('>', [(0, cssr_1.cB)('timeline-item-content', `
  margin-top: calc(var(--n-icon-size) + 12px);
- `, [(0, cssr_1.cE)('meta', `
+ `, [(0, cssr_1.c)('>', [(0, cssr_1.cE)('meta', `
  margin-top: 6px;
  margin-bottom: unset;
- `)]), (0, cssr_1.cB)('timeline-item-timeline', `
+ `)])]), (0, cssr_1.cB)('timeline-item-timeline', `
  width: 100%;
  height: calc(var(--n-icon-size) + 12px);
  `, [(0, cssr_1.cE)('line', `
@@ -65,7 +65,6 @@ exports.default = (0, cssr_1.cB)('timeline', `
  font-size: var(--n-title-font-size);
  transition: color .3s var(--n-bezier);
  font-weight: var(--n-title-font-weight);
- margin-bottom: 6px;
  color: var(--n-title-text-color);
  `), (0, cssr_1.cE)('content', `
  transition: color .3s var(--n-bezier);

package/lib/timeline/styles/_common.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    titleMarginMedium: '0',
-    titleMarginLarge: '-2px 0 0 0',
+    titleMarginMedium: '0 0 6px 0',
+    titleMarginLarge: '-2px 0 6px 0',
     titleFontSizeMedium: '14px',
     titleFontSizeLarge: '16px',
     iconSizeMedium: '14px',

package/lib/tooltip/src/Tooltip.d.ts

@@ -456,7 +456,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     syncPosition: () => void;
     setShow: (value: boolean) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: import("vue").PropType<import("../../_mixins").Theme<"Tooltip", {
         borderRadius: string;
         boxShadow: string;

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

@@ -35,6 +35,7 @@ export declare const transferProps: {
     readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
     readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
     readonly renderSourceList: PropType<TransferRenderSourceList>;
+    readonly renderTargetList: PropType<TransferRenderSourceList>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
@@ -1120,6 +1121,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
     readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
     readonly renderSourceList: PropType<TransferRenderSourceList>;
+    readonly renderTargetList: PropType<TransferRenderSourceList>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
@@ -2699,7 +2701,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-close-icon-color-pressed': string;
         '--n-divider-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly value: PropType<OptionValue[] | null>;
     readonly defaultValue: {
         readonly type: PropType<OptionValue[] | null>;
@@ -2732,6 +2734,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderSourceLabel: PropType<TransferRenderSourceLabel>;
     readonly renderTargetLabel: PropType<TransferRenderTargetLabel>;
     readonly renderSourceList: PropType<TransferRenderSourceList>;
+    readonly renderTargetList: PropType<TransferRenderSourceList>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue>>;

package/lib/transfer/src/Transfer.js

@@ -39,7 +39,7 @@ exports.transferProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props
                 .toLowerCase()
                 .indexOf(('' + pattern).toLowerCase());
         }
-    }, size: String, renderSourceLabel: Function, renderTargetLabel: Function, renderSourceList: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onChange: [Function, Array] });
+    }, size: String, renderSourceLabel: Function, renderTargetLabel: Function, renderSourceList: Function, renderTargetList: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onChange: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Transfer',
     props: exports.transferProps,
@@ -164,7 +164,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { mergedClsPrefix, renderSourceList, mergedTheme, mergedSrcFilterable, targetFilterable } = this;
+        const { mergedClsPrefix, renderSourceList, renderTargetList, mergedTheme, mergedSrcFilterable, targetFilterable } = this;
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-transfer`,
                 this.mergedDisabled && `${mergedClsPrefix}-transfer--disabled`
@@ -185,8 +185,13 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, vue_1.h)(TransferHeader_1.default, { onClearAll: this.handleTargetClearAll, size: this.mergedSize, title: this.targetTitle }),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-transfer-list-body` },
                     targetFilterable ? ((0, vue_1.h)(TransferFilter_1.default, { onUpdateValue: this.handleTgtFilterUpdateValue, value: this.tgtPattern, disabled: this.mergedDisabled, placeholder: this.sourceFilterPlaceholder })) : null,
-                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-transfer-list-flex-container` },
-                        (0, vue_1.h)(TransferList_1.default, { options: this.filteredTgtOpts, disabled: this.mergedDisabled, virtualScroll: this.virtualScroll, itemSize: this.itemSize }))),
+                    (0, vue_1.h)("div", { class: `${mergedClsPrefix}-transfer-list-flex-container` }, renderTargetList ? ((0, vue_1.h)(_internal_1.NScrollbar, { theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar }, {
+                        default: () => renderTargetList({
+                            onCheck: this.handleChecked,
+                            checkedOptions: this.filteredTgtOpts,
+                            pattern: this.tgtPattern
+                        })
+                    })) : ((0, vue_1.h)(TransferList_1.default, { options: this.filteredTgtOpts, disabled: this.mergedDisabled, virtualScroll: this.virtualScroll, itemSize: this.itemSize })))),
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-transfer-list__border` }))));
     }
 });

package/lib/transfer/src/TransferFilter.d.ts

@@ -493,7 +493,7 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
         };
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: StringConstructor;
     placeholder: StringConstructor;
     disabled: BooleanConstructor;

package/lib/transfer/src/TransferHeader.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     onCheckedAll: PropType<() => void>;
     onClearAll: PropType<() => void>;
     title: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<"small" | "medium" | "large">;
         required: true;

package/lib/transfer/src/TransferList.d.ts

@@ -524,7 +524,7 @@ declare const _default: import("vue").DefineComponent<{
     syncVLScroller: () => void;
     scrollContainer: () => HTMLElement | null;
     scrollContent: () => HTMLElement | null;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     virtualScroll: {
         type: BooleanConstructor;
         required: true;

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

@@ -505,7 +505,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClick: () => void;
     renderSourceLabel: import("vue").Ref<import("./interface").TransferRenderSourceLabel | undefined>;
     renderTargetLabel: import("vue").Ref<import("./interface").TransferRenderTargetLabel | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     source: BooleanConstructor;
     label: {
         type: StringConstructor;

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

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<() => void>;
         required: true;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;

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

@@ -1147,7 +1147,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly internalTreeSelect: BooleanConstructor;
     readonly internalScrollable: BooleanConstructor;
     readonly internalScrollablePadding: StringConstructor;

package/lib/tree/src/Tree.js

@@ -312,13 +312,21 @@ exports.default = (0, vue_1.defineComponent)({
         }, {
             deep: false
         });
-        let memorizedExpandedKeys;
+        let expandAnimationDisabled = false;
+        const disableExpandAnimationForOneTick = () => {
+            expandAnimationDisabled = true;
+            void (0, vue_1.nextTick)(() => {
+                expandAnimationDisabled = false;
+            });
+        };
+        let memoizedExpandedKeys;
         (0, vue_1.watch)((0, vue_1.toRef)(props, 'pattern'), (value, oldValue) => {
             if (props.showIrrelevantNodes) {
-                memorizedExpandedKeys = undefined;
+                memoizedExpandedKeys = undefined;
                 if (value) {
                     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));
                 }
                 else {
@@ -327,16 +335,18 @@ exports.default = (0, vue_1.defineComponent)({
             }
             else {
                 if (!value.length) {
-                    if (memorizedExpandedKeys !== undefined) {
-                        doUpdateExpandedKeys(memorizedExpandedKeys, getOptionsByKeys(memorizedExpandedKeys));
+                    if (memoizedExpandedKeys !== undefined) {
+                        disableExpandAnimationForOneTick();
+                        doUpdateExpandedKeys(memoizedExpandedKeys, getOptionsByKeys(memoizedExpandedKeys));
                     }
                 }
                 else {
                     if (!oldValue.length) {
-                        memorizedExpandedKeys = mergedExpandedKeysRef.value;
+                        memoizedExpandedKeys = mergedExpandedKeysRef.value;
                     }
                     const { expandedKeys } = filteredTreeInfoRef.value;
                     if (expandedKeys !== undefined) {
+                        disableExpandAnimationForOneTick();
                         doUpdateExpandedKeys(expandedKeys, getOptionsByKeys(expandedKeys));
                     }
                 }
@@ -391,7 +401,7 @@ exports.default = (0, vue_1.defineComponent)({
         // fixable and need some changes in vueuc, I've no time so I just leave it
         // here. Maybe the bug won't be fixed during the life time of the project.
         (0, vue_1.watch)(expandedNonLoadingKeysRef, (value, prevValue) => {
-            if (!props.animated) {
+            if (!props.animated || expandAnimationDisabled) {
                 void (0, vue_1.nextTick)(syncScrollbar);
                 return;
             }
@@ -602,7 +612,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleCheck(node, checked) {
             // We don't guard for leaf only since we have done it in view layer
-            if (props.disabled || node.disabled) {
+            if (props.disabled || (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
             }
             if (props.internalUnifySelectCheck && !props.multiple) {
@@ -730,14 +740,20 @@ exports.default = (0, vue_1.defineComponent)({
         // Dnd
         function handleDragEnter({ event, node }) {
             // node should be a tmNode
-            if (!props.draggable || props.disabled || node.disabled)
+            if (!props.draggable ||
+                props.disabled ||
+                (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
+            }
             handleDragOver({ event, node }, false);
             doDragEnter({ event, node: node.rawNode });
         }
         function handleDragLeave({ event, node }) {
-            if (!props.draggable || props.disabled || node.disabled)
+            if (!props.draggable ||
+                props.disabled ||
+                (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
+            }
             doDragLeave({ event, node: node.rawNode });
         }
         function handleDragLeaveTree(e) {
@@ -748,14 +764,20 @@ exports.default = (0, vue_1.defineComponent)({
         // Dragend is ok, we don't need to add global listener to reset drag status
         function handleDragEnd({ event, node }) {
             resetDndState();
-            if (!props.draggable || props.disabled || node.disabled)
+            if (!props.draggable ||
+                props.disabled ||
+                (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
+            }
             doDragEnd({ event, node: node.rawNode });
         }
         function handleDragStart({ event, node }) {
             var _a;
-            if (!props.draggable || props.disabled || node.disabled)
+            if (!props.draggable ||
+                props.disabled ||
+                (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
+            }
             // Most of time, the image will block user's view
             utils_1.emptyImage && ((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.setDragImage(utils_1.emptyImage, 0, 0));
             dragStartX = event.clientX;
@@ -764,8 +786,11 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleDragOver({ event, node }, emit = true) {
             var _a;
-            if (!props.draggable || props.disabled || node.disabled)
+            if (!props.draggable ||
+                props.disabled ||
+                (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
+            }
             const { value: draggingNode } = draggingNodeRef;
             if (!draggingNode)
                 return;
@@ -950,7 +975,9 @@ exports.default = (0, vue_1.defineComponent)({
             droppingNodeRef.value = finalDropNode;
         }
         function handleDrop({ event, node, dropPosition }) {
-            if (!props.draggable || props.disabled || node.disabled) {
+            if (!props.draggable ||
+                props.disabled ||
+                (0, utils_1.isNodeDisabled)(node, props.disabledField)) {
                 return;
             }
             const { value: draggingNode } = draggingNodeRef;
@@ -1071,6 +1098,7 @@ exports.default = (0, vue_1.defineComponent)({
             droppingOffsetLevelRef,
             fNodesRef,
             pendingNodeKeyRef,
+            disabledFieldRef: (0, vue_1.toRef)(props, 'disabledField'),
             internalScrollableRef: (0, vue_1.toRef)(props, 'internalScrollable'),
             internalCheckboxFocusableRef: (0, vue_1.toRef)(props, 'internalCheckboxFocusable'),
             internalTreeSelect: props.internalTreeSelect,

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

@@ -48,7 +48,7 @@ declare const TreeNode: import("vue").DefineComponent<{
     handleLineClick: (e: MouseEvent) => void;
     handleContentClick: (e: MouseEvent) => void;
     handleSwitcherClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;

package/lib/tree/src/TreeNode.js

@@ -12,6 +12,7 @@ const TreeNodeCheckbox_1 = __importDefault(require("./TreeNodeCheckbox"));
 const TreeNodeContent_1 = __importDefault(require("./TreeNodeContent"));
 const interface_1 = require("./interface");
 const dnd_1 = require("./dnd");
+const utils_1 = require("./utils");
 const TreeNode = (0, vue_1.defineComponent)({
     name: 'TreeNode',
     props: {
@@ -27,8 +28,12 @@ const TreeNode = (0, vue_1.defineComponent)({
     setup(props) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NTree = (0, vue_1.inject)(interface_1.treeInjectionKey);
-        const { droppingNodeParentRef, droppingMouseNodeRef, draggingNodeRef, droppingPositionRef, droppingOffsetLevelRef, nodePropsRef, indentRef, blockLineRef, checkboxPlacementRef, checkOnClickRef } = NTree;
-        const disabledRef = (0, vue_1.computed)(() => NTree.disabledRef.value || props.tmNode.disabled);
+        const { droppingNodeParentRef, droppingMouseNodeRef, draggingNodeRef, droppingPositionRef, droppingOffsetLevelRef, nodePropsRef, indentRef, blockLineRef, checkboxPlacementRef, checkOnClickRef, disabledFieldRef } = NTree;
+        const checkboxDisabledRef = (0, vooks_1.useMemo)(() => !!props.tmNode.rawNode.checkboxDisabled);
+        const nodeIsDisabledRef = (0, vooks_1.useMemo)(() => {
+            return (0, utils_1.isNodeDisabled)(props.tmNode, disabledFieldRef.value);
+        });
+        const disabledRef = (0, vooks_1.useMemo)(() => NTree.disabledRef.value || nodeIsDisabledRef.value);
         const resolvedNodePropsRef = (0, vue_1.computed)(() => {
             const { value: nodeProps } = nodePropsRef;
             if (!nodeProps)
@@ -67,7 +72,7 @@ const TreeNode = (0, vue_1.defineComponent)({
                 NTree.handleSwitcherClick(tmNode);
             }
         }
-        const selectableRef = (0, vooks_1.useMemo)(() => !props.tmNode.disabled &&
+        const selectableRef = (0, vooks_1.useMemo)(() => !nodeIsDisabledRef.value &&
             NTree.selectableRef.value &&
             (NTree.internalTreeSelect
                 ? NTree.mergedCheckStrategyRef.value !== 'child' ||
@@ -217,7 +222,7 @@ const TreeNode = (0, vue_1.defineComponent)({
             disabled: disabledRef,
             checkable: checkableRef,
             mergedCheckOnClick: mergedCheckOnClickRef,
-            checkboxDisabled: (0, vue_1.computed)(() => !!props.tmNode.rawNode.checkboxDisabled),
+            checkboxDisabled: checkboxDisabledRef,
             selectable: selectableRef,
             expandOnClick: NTree.expandOnClickRef,
             internalScrollable: NTree.internalScrollableRef,

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

@@ -196,7 +196,7 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
         };
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;

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

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     renderSuffix: import("vue").Ref<(({ option, checked, selected }: import("./interface").TreeRenderProps) => import("vue").VNodeChild) | undefined>;
     labelField: import("vue").Ref<string>;
     handleClick: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;

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

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     hide: BooleanConstructor;
     loading: BooleanConstructor;
     onClick: PropType<(e: MouseEvent) => void>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {
         type: StringConstructor;
         required: true;

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

@@ -93,6 +93,7 @@ export interface TreeInjection {
     checkboxPlacementRef: 'left' | 'right';
     internalTreeSelect: boolean;
     checkOnClickRef: Ref<boolean | CheckOnClick>;
+    disabledFieldRef: Ref<string>;
     handleSwitcherClick: (node: TreeNode<TreeOption>) => void;
     handleSelect: (node: TreeNode<TreeOption>) => void;
     handleCheck: (node: TreeNode<TreeOption>, checked: boolean) => void;

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

@@ -1,4 +1,5 @@
-import { Key, TreeOption } from './interface';
+import { Key, TmNode, TreeOption } from './interface';
+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[];
     highlightKeySet: Set<Key>;

package/lib/tree/src/utils.js

@@ -1,7 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterTree = exports.emptyImage = exports.keysWithFilter = void 0;
+exports.filterTree = exports.emptyImage = exports.keysWithFilter = exports.isNodeDisabled = void 0;
 const _utils_1 = require("../../_utils");
+function isNodeDisabled(node, disabledField) {
+    return !!node.rawNode[disabledField];
+}
+exports.isNodeDisabled = isNodeDisabled;
 function traverse(nodes, childrenField, callback, callbackAfter) {
     nodes === null || nodes === void 0 ? void 0 : nodes.forEach((node) => {
         callback(node);

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

@@ -5,7 +5,7 @@ import type { FormValidationStatus } from '../../form/src/interface';
 import { Key } from '../../tree/src/interface';
 import type { SelectBaseOption, SelectOption } from '../../select/src/interface';
 import { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import type { OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderTag, Value } from './interface';
+import type { OnUpdateValue, TreeSelectNodeProps, TreeSelectOption, TreeSelectRenderTag } from './interface';
 declare type OnLoad = (node: TreeSelectOption) => Promise<void>;
 export declare const treeSelectProps: {
     readonly renderLabel: PropType<import("./interface").TreeSelectRenderTreePart>;
@@ -1143,7 +1143,7 @@ declare const _default: import("vue").DefineComponent<{
     menuElRef: import("vue").Ref<HTMLDivElement | null>;
     mergedStatus: import("vue").ComputedRef<FormValidationStatus | undefined>;
     triggerInstRef: import("vue").Ref<{
-        isCompositing: boolean;
+        isComposing: boolean;
         focus: () => void;
         focusInput: () => void;
         blur: () => void;
@@ -1156,7 +1156,7 @@ declare const _default: import("vue").DefineComponent<{
         handleKeydown: (e: KeyboardEvent) => void;
     } | null>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
-    mergedValue: import("vue").ComputedRef<Value>;
+    mergedValue: import("vue").ComputedRef<string | number | (string | number)[] | null>;
     mergedShow: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
@@ -1543,7 +1543,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, 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>;
     readonly renderSuffix: PropType<import("./interface").TreeSelectRenderTreePart>;

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

@@ -291,22 +291,20 @@ exports.default = (0, vue_1.defineComponent)({
             const options = getOptionsByKeys(keys);
             if (props.multiple) {
                 doUpdateValue(keys, options);
+                if (props.filterable) {
+                    focusSelectionInput();
+                    if (props.clearFilterAfterSelect)
+                        patternRef.value = '';
+                }
             }
             else {
                 keys.length
                     ? doUpdateValue(keys[0], options[0] || null)
                     : doUpdateValue(null, null);
                 closeMenu();
-                if (!props.filterable) {
-                    // Currently it is not necessary. However if there is an action slot,
-                    // it will be useful. So just leave it here.
-                    focusSelection();
-                }
-            }
-            if (props.filterable) {
-                focusSelectionInput();
-                if (props.clearFilterAfterSelect)
-                    patternRef.value = '';
+                // Currently it is not necessary. However if there is an action slot,
+                // it will be useful. So just leave it here.
+                focusSelection();
             }
         }
         function handleUpdateIndeterminateKeys(keys) {

package/lib/typography/src/a.d.ts

@@ -407,7 +407,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;

package/lib/typography/src/blockquote.d.ts

@@ -412,7 +412,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly alignText: BooleanConstructor;
     readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;

package/lib/typography/src/create-header.d.ts

@@ -426,7 +426,7 @@ declare const _default: (level: '1' | '2' | '3' | '4' | '5' | '6') => import("vu
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";

package/lib/typography/src/headers.d.ts

@@ -217,7 +217,7 @@ export declare const NH1: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
@@ -645,7 +645,7 @@ export declare const NH2: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
@@ -1073,7 +1073,7 @@ export declare const NH3: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
@@ -1501,7 +1501,7 @@ export declare const NH4: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
@@ -1929,7 +1929,7 @@ export declare const NH5: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
@@ -2357,7 +2357,7 @@ export declare const NH6: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";

package/lib/typography/src/hr.d.ts

@@ -205,7 +205,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: import("vue").PropType<import("../../_mixins").Theme<"Typography", {
         aTextColor: string;
         blockquoteTextColor: string;