naive-ui 2.30.3 → 2.30.6

package/lib/space/src/Space.js

@@ -16,9 +16,17 @@ const spaceProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, inline: Boolean, vertical: Boolean, size: {
         type: [String, Number, Array],
         default: 'medium'
+    }, wrapItem: {
+        type: Boolean,
+        default: true
     }, itemStyle: [String, Object], wrap: {
         type: Boolean,
         default: true
+    }, 
+    // internal
+    internalUseGap: {
+        type: Boolean,
+        default: undefined
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Space',
@@ -55,7 +63,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { vertical, align, inline, justify, itemStyle, margin, wrap, mergedClsPrefix, rtlEnabled, useGap } = this;
+        const { vertical, align, inline, justify, itemStyle, margin, wrap, mergedClsPrefix, rtlEnabled, useGap, wrapItem, internalUseGap } = this;
         const children = (0, _utils_1.flatten)((0, _utils_1.getSlot)(this));
         if (!children.length)
             return null;
@@ -79,50 +87,52 @@ exports.default = (0, vue_1.defineComponent)({
                 marginBottom: useGap || vertical ? '' : `-${semiVerticalMargin}`,
                 alignItems: align,
                 gap: useGap ? `${margin.vertical}px ${margin.horizontal}px` : ''
-            } }, children.map((child, index) => ((0, vue_1.h)("div", { role: "none", style: [
-                itemStyle,
-                {
-                    maxWidth: '100%'
-                },
-                useGap
-                    ? ''
-                    : vertical
-                        ? {
-                            marginBottom: index !== lastIndex ? verticalMargin : ''
-                        }
-                        : rtlEnabled
+            } }, !wrapItem && (useGap || internalUseGap)
+            ? children
+            : children.map((child, index) => ((0, vue_1.h)("div", { role: "none", style: [
+                    itemStyle,
+                    {
+                        maxWidth: '100%'
+                    },
+                    useGap
+                        ? ''
+                        : vertical
                             ? {
-                                marginLeft: isJustifySpace
-                                    ? justify === 'space-between' && index === lastIndex
-                                        ? ''
-                                        : semiHorizontalMargin
-                                    : index !== lastIndex
-                                        ? horizontalMargin
-                                        : '',
-                                marginRight: isJustifySpace
-                                    ? justify === 'space-between' && index === 0
-                                        ? ''
-                                        : semiHorizontalMargin
-                                    : '',
-                                paddingTop: semiVerticalMargin,
-                                paddingBottom: semiVerticalMargin
+                                marginBottom: index !== lastIndex ? verticalMargin : ''
                             }
-                            : {
-                                marginRight: isJustifySpace
-                                    ? justify === 'space-between' && index === lastIndex
-                                        ? ''
-                                        : semiHorizontalMargin
-                                    : index !== lastIndex
-                                        ? horizontalMargin
+                            : rtlEnabled
+                                ? {
+                                    marginLeft: isJustifySpace
+                                        ? justify === 'space-between' && index === lastIndex
+                                            ? ''
+                                            : semiHorizontalMargin
+                                        : index !== lastIndex
+                                            ? horizontalMargin
+                                            : '',
+                                    marginRight: isJustifySpace
+                                        ? justify === 'space-between' && index === 0
+                                            ? ''
+                                            : semiHorizontalMargin
                                         : '',
-                                marginLeft: isJustifySpace
-                                    ? justify === 'space-between' && index === 0
-                                        ? ''
-                                        : semiHorizontalMargin
-                                    : '',
-                                paddingTop: semiVerticalMargin,
-                                paddingBottom: semiVerticalMargin
-                            }
-            ] }, child)))));
+                                    paddingTop: semiVerticalMargin,
+                                    paddingBottom: semiVerticalMargin
+                                }
+                                : {
+                                    marginRight: isJustifySpace
+                                        ? justify === 'space-between' && index === lastIndex
+                                            ? ''
+                                            : semiHorizontalMargin
+                                        : index !== lastIndex
+                                            ? horizontalMargin
+                                            : '',
+                                    marginLeft: isJustifySpace
+                                        ? justify === 'space-between' && index === 0
+                                            ? ''
+                                            : semiHorizontalMargin
+                                        : '',
+                                    paddingTop: semiVerticalMargin,
+                                    paddingBottom: semiVerticalMargin
+                                }
+                ] }, child)))));
     }
 });

package/lib/time-picker/src/TimePicker.d.ts

@@ -1965,6 +1965,7 @@ declare const _default: import("vue").DefineComponent<{
     minuteValue: import("vue").ComputedRef<number | null>;
     secondValue: import("vue").ComputedRef<number | null>;
     amPmValue: import("vue").ComputedRef<"am" | "pm" | null>;
+    handleInputKeydown: (e: KeyboardEvent) => void;
     handleTimeInputFocus: (e: FocusEvent) => void;
     handleTimeInputBlur: (e: FocusEvent) => void;
     handleNowClick: () => void;
@@ -1981,7 +1982,7 @@ declare const _default: import("vue").DefineComponent<{
     handleAmPmClick: (amPm: ItemValue) => void;
     handleTimeInputClear: (e: MouseEvent) => void;
     handleFocusDetectorFocus: () => void;
-    handleMenuKeyDown: (e: KeyboardEvent) => void;
+    handleMenuKeydown: (e: KeyboardEvent) => void;
     handleTriggerClick: (e: MouseEvent) => void;
     mergedTheme: import("vue").ComputedRef<{
         common: {

package/lib/time-picker/src/TimePicker.js

@@ -299,13 +299,22 @@ exports.default = (0, vue_1.defineComponent)({
                 returnFocus: true
             });
         }
-        function handleMenuKeyDown(e) {
+        function handleInputKeydown(e) {
+            if (e.key === 'Escape' && mergedShowRef.value) {
+                (0, _utils_1.markEventEffectPerformed)(e);
+                // closePanel will be called in onDeactivated
+            }
+        }
+        function handleMenuKeydown(e) {
             var _a;
             switch (e.key) {
                 case 'Escape':
-                    closePanel({
-                        returnFocus: true
-                    });
+                    if (mergedShowRef.value) {
+                        (0, _utils_1.markEventEffectPerformed)(e);
+                        closePanel({
+                            returnFocus: true
+                        });
+                    }
                     break;
                 case 'Tab':
                     if (keyboardState.shift && e.target === ((_a = panelInstRef.value) === null || _a === void 0 ? void 0 : _a.$el)) {
@@ -629,6 +638,7 @@ exports.default = (0, vue_1.defineComponent)({
             minuteValue: minuteValueRef,
             secondValue: secondValueRef,
             amPmValue: amPmValueRef,
+            handleInputKeydown,
             handleTimeInputFocus,
             handleTimeInputBlur,
             handleNowClick,
@@ -645,7 +655,7 @@ exports.default = (0, vue_1.defineComponent)({
             handleAmPmClick,
             handleTimeInputClear,
             handleFocusDetectorFocus,
-            handleMenuKeyDown,
+            handleMenuKeydown,
             handleTriggerClick,
             mergedTheme: themeRef,
             triggerCssVars: inlineThemeDisabled ? undefined : triggerCssVarsRef,
@@ -663,7 +673,7 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)(input_1.NInput, { ref: "inputInstRef", status: this.mergedStatus, value: this.displayTimeString, bordered: this.mergedBordered, passivelyActivated: true, attrSize: this.mergedAttrSize, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, stateful: this.stateful, size: this.mergedSize, placeholder: this.localizedPlaceholder, clearable: this.clearable, disabled: this.mergedDisabled, textDecoration: this.isValueInvalid ? 'line-through' : undefined, onFocus: this.handleTimeInputFocus, onBlur: this.handleTimeInputBlur, onActivate: this.handleTimeInputActivate, onDeactivate: this.handleTimeInputDeactivate, onUpdateValue: this.handleTimeInputUpdateValue, onClear: this.handleTimeInputClear, internalDeactivateOnEnter: true, internalForceFocus: this.mergedShow, readonly: this.inputReadonly || this.mergedDisabled, onClick: this.handleTriggerClick }, this.showIcon
+                        default: () => ((0, vue_1.h)(input_1.NInput, { ref: "inputInstRef", status: this.mergedStatus, value: this.displayTimeString, bordered: this.mergedBordered, passivelyActivated: true, attrSize: this.mergedAttrSize, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, stateful: this.stateful, size: this.mergedSize, placeholder: this.localizedPlaceholder, clearable: this.clearable, disabled: this.mergedDisabled, textDecoration: this.isValueInvalid ? 'line-through' : undefined, onFocus: this.handleTimeInputFocus, onBlur: this.handleTimeInputBlur, onActivate: this.handleTimeInputActivate, onDeactivate: this.handleTimeInputDeactivate, onUpdateValue: this.handleTimeInputUpdateValue, onClear: this.handleTimeInputClear, internalDeactivateOnEnter: true, internalForceFocus: this.mergedShow, readonly: this.inputReadonly || this.mergedDisabled, onClick: this.handleTriggerClick, onKeydown: this.handleInputKeydown }, this.showIcon
                             ? {
                                 [this.clearable
                                     ? 'clear-icon-placeholder'
@@ -679,7 +689,7 @@ exports.default = (0, vue_1.defineComponent)({
                                 var _a;
                                 if (this.mergedShow) {
                                     (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-                                    return (0, vue_1.withDirectives)((0, vue_1.h)(Panel_1.default, { ref: "panelInstRef", actions: this.actions, class: this.themeClass, style: this.cssVars, seconds: this.seconds, minutes: this.minutes, hours: this.hours, transitionDisabled: this.transitionDisabled, hourValue: this.hourValue, showHour: this.hourInFormat, isHourInvalid: this.isHourInvalid, isHourDisabled: this.isHourDisabled, minuteValue: this.minuteValue, showMinute: this.minuteInFormat, isMinuteInvalid: this.isMinuteInvalid, isMinuteDisabled: this.isMinuteDisabled, secondValue: this.secondValue, amPmValue: this.amPmValue, showSecond: this.secondInFormat, isSecondInvalid: this.isSecondInvalid, isSecondDisabled: this.isSecondDisabled, isValueInvalid: this.isValueInvalid, nowText: this.localizedNow, confirmText: this.localizedPositiveText, use12Hours: this.use12Hours, onFocusout: this.handleMenuFocusOut, onKeydown: this.handleMenuKeyDown, onHourClick: this.handleHourClick, onMinuteClick: this.handleMinuteClick, onSecondClick: this.handleSecondClick, onAmPmClick: this.handleAmPmClick, onNowClick: this.handleNowClick, onConfirmClick: this.handleConfirmClick, onFocusDetectorFocus: this.handleFocusDetectorFocus }), [
+                                    return (0, vue_1.withDirectives)((0, vue_1.h)(Panel_1.default, { ref: "panelInstRef", actions: this.actions, class: this.themeClass, style: this.cssVars, seconds: this.seconds, minutes: this.minutes, hours: this.hours, transitionDisabled: this.transitionDisabled, hourValue: this.hourValue, showHour: this.hourInFormat, isHourInvalid: this.isHourInvalid, isHourDisabled: this.isHourDisabled, minuteValue: this.minuteValue, showMinute: this.minuteInFormat, isMinuteInvalid: this.isMinuteInvalid, isMinuteDisabled: this.isMinuteDisabled, secondValue: this.secondValue, amPmValue: this.amPmValue, showSecond: this.secondInFormat, isSecondInvalid: this.isSecondInvalid, isSecondDisabled: this.isSecondDisabled, isValueInvalid: this.isValueInvalid, nowText: this.localizedNow, confirmText: this.localizedPositiveText, use12Hours: this.use12Hours, onFocusout: this.handleMenuFocusOut, onKeydown: this.handleMenuKeydown, onHourClick: this.handleHourClick, onMinuteClick: this.handleMinuteClick, onSecondClick: this.handleSecondClick, onAmPmClick: this.handleAmPmClick, onNowClick: this.handleNowClick, onConfirmClick: this.handleConfirmClick, onFocusDetectorFocus: this.handleFocusDetectorFocus }), [
                                         [
                                             vdirs_1.clickoutside,
                                             this.handleClickOutside,

package/lib/tooltip/index.d.ts

@@ -1,2 +1,2 @@
 export { default as NTooltip } from './src/Tooltip';
-export type { TooltipProps } from './src/Tooltip';
+export type { TooltipProps, TooltipInst } from './src/Tooltip';

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

@@ -132,6 +132,7 @@ declare const tooltipProps: {
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
+    internalDeactivateImmediately: BooleanConstructor;
     internalSyncTargetWithParent: BooleanConstructor;
     internalInheritedEventHandlers: {
         type: import("vue").PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
@@ -283,6 +284,7 @@ declare const _default: import("vue").DefineComponent<{
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
+    internalDeactivateImmediately: BooleanConstructor;
     internalSyncTargetWithParent: BooleanConstructor;
     internalInheritedEventHandlers: {
         type: import("vue").PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
@@ -583,6 +585,7 @@ declare const _default: import("vue").DefineComponent<{
     onClickoutside: import("vue").PropType<(e: MouseEvent) => void>;
     'onUpdate:show': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
+    internalDeactivateImmediately: BooleanConstructor;
     internalSyncTargetWithParent: BooleanConstructor;
     internalInheritedEventHandlers: {
         type: import("vue").PropType<import("../../popover/src/Popover").TriggerEventHandlers[]>;
@@ -618,6 +621,7 @@ declare const _default: import("vue").DefineComponent<{
     arrowPointToCenter: boolean;
     displayDirective: "show" | "if";
     keepAliveOnHover: boolean;
+    internalDeactivateImmediately: boolean;
     animated: boolean;
     internalTrapFocus: boolean;
     defaultShow: boolean;

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

@@ -1097,7 +1097,6 @@ declare const _default: import("vue").DefineComponent<{
     handleAfterEnter: () => void;
     handleResize: () => void;
     handleKeydown: (e: KeyboardEvent) => void;
-    handleKeyup: (e: KeyboardEvent) => void;
     cssVars: import("vue").ComputedRef<{
         '--n-arrow-color': string;
         '--n-loading-color': string;
@@ -1425,7 +1424,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly virtualScroll: boolean;
     readonly checkable: boolean;
     readonly animated: boolean;
+    readonly cancelable: boolean;
     readonly childrenField: string;
+    readonly defaultExpandAll: boolean;
     readonly allowCheckingNotLoaded: boolean;
     readonly cascade: boolean;
     readonly indent: number;
@@ -1433,8 +1434,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly checkStrategy: CheckStrategy;
     readonly leafOnly: boolean;
     readonly defaultExpandedKeys: Key[];
-    readonly defaultExpandAll: boolean;
-    readonly cancelable: boolean;
     readonly selectable: boolean;
     readonly expandOnClick: boolean;
     readonly blockLine: boolean;

package/lib/tree/src/Tree.js

@@ -238,7 +238,7 @@ exports.default = (0, vue_1.defineComponent)({
         const controlledExpandedKeysRef = (0, vue_1.toRef)(props, 'expandedKeys');
         const mergedExpandedKeysRef = (0, vooks_1.useMergedState)(controlledExpandedKeysRef, uncontrolledExpandedKeysRef);
         const fNodesRef = (0, vue_1.computed)(() => displayTreeMateRef.value.getFlattenedNodes(mergedExpandedKeysRef.value));
-        const { pendingNodeKeyRef, handleKeyup, handleKeydown } = (0, keyboard_1.useKeyboard)({
+        const { pendingNodeKeyRef, handleKeydown } = (0, keyboard_1.useKeyboard)({
             mergedSelectedKeysRef,
             fNodesRef,
             mergedExpandedKeysRef,
@@ -1049,8 +1049,7 @@ exports.default = (0, vue_1.defineComponent)({
             handleCheck
         });
         const exposedMethods = {
-            handleKeydown,
-            handleKeyup
+            handleKeydown
         };
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut }, self: { fontSize, nodeBorderRadius, nodeColorHover, nodeColorPressed, nodeColorActive, arrowColor, loadingColor, nodeTextColor, nodeTextColorDisabled, dropMarkColor } } = themeRef.value;
@@ -1087,7 +1086,6 @@ exports.default = (0, vue_1.defineComponent)({
             handleAfterEnter,
             handleResize,
             handleKeydown: exposedMethods.handleKeydown,
-            handleKeyup: exposedMethods.handleKeyup,
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
@@ -1099,7 +1097,7 @@ exports.default = (0, vue_1.defineComponent)({
         if (!fNodes.length && internalRenderEmpty) {
             return internalRenderEmpty();
         }
-        const { mergedClsPrefix, blockNode, blockLine, draggable, disabled, internalFocusable, checkable, handleKeyup, handleKeydown, handleFocusout } = this;
+        const { mergedClsPrefix, blockNode, blockLine, draggable, disabled, internalFocusable, checkable, handleKeydown, handleFocusout } = this;
         const mergedFocusable = internalFocusable && !disabled;
         const tabindex = mergedFocusable ? '0' : undefined;
         const treeClass = [
@@ -1114,7 +1112,7 @@ exports.default = (0, vue_1.defineComponent)({
         if (this.virtualScroll) {
             const { mergedTheme, internalScrollablePadding } = this;
             const padding = (0, seemly_1.getPadding)(internalScrollablePadding || '0');
-            return ((0, vue_1.h)(_internal_1.NxScrollbar, { ref: "scrollbarInstRef", onDragleave: draggable ? this.handleDragLeaveTree : undefined, container: this.getScrollContainer, content: this.getScrollContent, class: treeClass, theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, tabindex: tabindex, onKeyup: mergedFocusable ? handleKeyup : undefined, onKeydown: mergedFocusable ? handleKeydown : undefined, onFocusout: mergedFocusable ? handleFocusout : undefined }, {
+            return ((0, vue_1.h)(_internal_1.NxScrollbar, { ref: "scrollbarInstRef", onDragleave: draggable ? this.handleDragLeaveTree : undefined, container: this.getScrollContainer, content: this.getScrollContent, class: treeClass, theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, tabindex: tabindex, onKeydown: mergedFocusable ? handleKeydown : undefined, onFocusout: mergedFocusable ? handleFocusout : undefined }, {
                 default: () => {
                     var _a;
                     (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
@@ -1134,12 +1132,12 @@ exports.default = (0, vue_1.defineComponent)({
         treeClass.push(this.themeClass);
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         if (internalScrollable) {
-            return ((0, vue_1.h)(_internal_1.NxScrollbar, { class: treeClass, tabindex: tabindex, onKeyup: mergedFocusable ? handleKeyup : undefined, onKeydown: mergedFocusable ? handleKeydown : undefined, onFocusout: mergedFocusable ? handleFocusout : undefined, style: this.cssVars, contentStyle: { padding: this.internalScrollablePadding } }, {
+            return ((0, vue_1.h)(_internal_1.NxScrollbar, { class: treeClass, tabindex: tabindex, onKeydown: mergedFocusable ? handleKeydown : undefined, onFocusout: mergedFocusable ? handleFocusout : undefined, style: this.cssVars, contentStyle: { padding: this.internalScrollablePadding } }, {
                 default: () => ((0, vue_1.h)("div", { onDragleave: draggable ? this.handleDragLeaveTree : undefined, ref: "selfElRef" }, this.fNodes.map(createNode)))
             }));
         }
         else {
-            return ((0, vue_1.h)("div", { class: treeClass, tabindex: tabindex, ref: "selfElRef", style: this.cssVars, onKeyup: mergedFocusable ? handleKeyup : undefined, onKeydown: mergedFocusable ? handleKeydown : undefined, onFocusout: mergedFocusable ? handleFocusout : undefined, onDragleave: draggable ? this.handleDragLeaveTree : undefined }, !fNodes.length
+            return ((0, vue_1.h)("div", { class: treeClass, tabindex: tabindex, ref: "selfElRef", style: this.cssVars, onKeydown: mergedFocusable ? handleKeydown : undefined, onFocusout: mergedFocusable ? handleFocusout : undefined, onDragleave: draggable ? this.handleDragLeaveTree : undefined }, !fNodes.length
                 ? (0, _utils_1.resolveSlot)(this.$slots.empty, () => {
                     var _a, _b, _c, _d;
                     return [

package/lib/tree/src/TreeNode.js

@@ -49,6 +49,9 @@ const TreeNode = (0, vue_1.defineComponent)({
                 if (!NTree.loadingKeysRef.value.has(tmNode.key)) {
                     NTree.loadingKeysRef.value.add(tmNode.key);
                 }
+                else {
+                    return;
+                }
                 const { onLoadRef: { value: onLoad } } = NTree;
                 if (onLoad) {
                     void onLoad(tmNode.rawNode)
@@ -83,7 +86,7 @@ const TreeNode = (0, vue_1.defineComponent)({
                 NTree.handleSelect(tmNode);
             }
             if (expandOnClick && !tmNode.isLeaf) {
-                NTree.handleSwitcherClick(tmNode);
+                handleSwitcherClick();
             }
         }
         function handleContentClick(e) {

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

@@ -110,7 +110,6 @@ export interface MotionData {
     nodes: TmNode[];
 }
 export interface InternalTreeInst {
-    handleKeyup: (e: KeyboardEvent) => void;
     handleKeydown: (e: KeyboardEvent) => void;
 }
 export {};

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

@@ -9,6 +9,5 @@ export declare function useKeyboard({ fNodesRef, mergedExpandedKeysRef, mergedSe
     handleSwitcherClick: (node: TmNode) => void;
 }): {
     pendingNodeKeyRef: Ref<null | Key>;
-    handleKeyup: (e: KeyboardEvent) => void;
     handleKeydown: (e: KeyboardEvent) => void;
 };

package/lib/tree/src/keyboard.js

@@ -12,9 +12,12 @@ function useKeyboard({ fNodesRef, mergedExpandedKeysRef, mergedSelectedKeysRef,
         : (0, vue_1.ref)(mergedSelectedKeys.length
             ? mergedSelectedKeys[mergedSelectedKeys.length - 1]
             : null);
-    function handleKeyup(e) {
+    function handleKeydown(e) {
         const { value: pendingNodeKey } = pendingNodeKeyRef;
         if (pendingNodeKey === null) {
+            if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+                e.preventDefault();
+            }
             if (['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'].includes(e.key)) {
                 if (pendingNodeKey === null) {
                     const { value: fNodes } = fNodesRef;
@@ -38,6 +41,7 @@ function useKeyboard({ fNodesRef, mergedExpandedKeysRef, mergedSelectedKeysRef,
                 handleSelect(fNodes[fIndex]);
             }
             else if (e.key === 'ArrowDown') {
+                e.preventDefault();
                 fIndex += 1;
                 while (fIndex < fNodes.length) {
                     if (!fNodes[fIndex].disabled) {
@@ -48,6 +52,7 @@ function useKeyboard({ fNodesRef, mergedExpandedKeysRef, mergedSelectedKeysRef,
                 }
             }
             else if (e.key === 'ArrowUp') {
+                e.preventDefault();
                 fIndex -= 1;
                 while (fIndex >= 0) {
                     if (!fNodes[fIndex].disabled) {
@@ -91,16 +96,8 @@ function useKeyboard({ fNodesRef, mergedExpandedKeysRef, mergedSelectedKeysRef,
             }
         }
     }
-    function handleKeydown(e) {
-        switch (e.key) {
-            case 'ArrowUp':
-            case 'ArrowDown':
-                e.preventDefault();
-        }
-    }
     return {
         pendingNodeKeyRef,
-        handleKeyup,
         handleKeydown
     };
 }

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

@@ -1133,7 +1133,6 @@ declare const _default: import("vue").DefineComponent<{
         syncPosition: () => void;
     } | null>;
     treeInstRef: import("vue").Ref<{
-        handleKeyup: (e: KeyboardEvent) => void;
         handleKeydown: (e: KeyboardEvent) => void;
     } | null>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
@@ -1171,7 +1170,6 @@ declare const _default: import("vue").DefineComponent<{
     handleDeleteOption: (option: SelectBaseOption) => void;
     handlePatternInput: (e: InputEvent) => void;
     handleKeydown: (e: KeyboardEvent) => void;
-    handleKeyup: (e: KeyboardEvent) => void;
     handleTabOut: () => void;
     handleMenuMousedown: (e: MouseEvent) => void;
     mergedTheme: import("vue").ComputedRef<{
@@ -2097,12 +2095,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly defaultValue: string | number | (string | number)[] | null;
     readonly consistentMenuWidth: boolean;
     readonly childrenField: string;
+    readonly defaultExpandAll: boolean;
     readonly allowCheckingNotLoaded: boolean;
     readonly cascade: boolean;
     readonly checkStrategy: CheckStrategy;
     readonly leafOnly: boolean;
     readonly showPath: boolean;
     readonly defaultExpandedKeys: Key[];
-    readonly defaultExpandAll: boolean;
 }>;
 export default _default;

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

@@ -390,16 +390,16 @@ exports.default = (0, vue_1.defineComponent)({
             const { value } = e.target;
             patternRef.value = value;
         }
-        function handleKeydown(e) {
+        function treeHandleKeydown(e) {
             const { value: treeInst } = treeInstRef;
             if (treeInst) {
                 treeInst.handleKeydown(e);
             }
         }
-        function handleKeyup(e) {
+        function handleKeydown(e) {
             if (e.key === 'Enter') {
                 if (mergedShowRef.value) {
-                    treeHandleKeyup(e);
+                    treeHandleKeydown(e);
                     if (!props.multiple) {
                         closeMenu();
                         focusSelection();
@@ -411,24 +411,21 @@ exports.default = (0, vue_1.defineComponent)({
                 e.preventDefault();
             }
             else if (e.key === 'Escape') {
-                closeMenu();
-                focusSelection();
+                if (mergedShowRef.value) {
+                    (0, _utils_1.markEventEffectPerformed)(e);
+                    closeMenu();
+                    focusSelection();
+                }
             }
             else {
                 if (mergedShowRef.value) {
-                    treeHandleKeyup(e);
+                    treeHandleKeydown(e);
                 }
                 else if (e.key === 'ArrowDown') {
                     openMenu();
                 }
             }
         }
-        function treeHandleKeyup(e) {
-            const { value: treeInst } = treeInstRef;
-            if (treeInst) {
-                treeInst.handleKeyup(e);
-            }
-        }
         function handleTabOut() {
             closeMenu();
             focusSelection();
@@ -508,7 +505,6 @@ exports.default = (0, vue_1.defineComponent)({
             handleDeleteOption,
             handlePatternInput,
             handleKeydown,
-            handleKeyup,
             handleTabOut,
             handleMenuMousedown,
             mergedTheme: themeRef,
@@ -523,7 +519,9 @@ exports.default = (0, vue_1.defineComponent)({
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { ref: "triggerInstRef", onResize: this.handleTriggerOrMenuResize, status: this.mergedStatus, focused: this.focused, clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelection, themeOverrides: mergedTheme.peerOverrides.InternalSelection, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, size: this.mergedSize, bordered: this.bordered, placeholder: this.mergedPlaceholder, disabled: this.mergedDisabled, active: this.mergedShow, loading: this.loading, multiple: this.multiple, maxTagCount: this.maxTagCount, showArrow: true, filterable: this.filterable, clearable: this.clearable, pattern: this.pattern, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onClick: this.handleTriggerClick, onFocus: this.handleTriggerFocus, onBlur: this.handleTriggerBlur, onDeleteOption: this.handleDeleteOption, onKeydown: this.handleKeydown, onKeyup: this.handleKeyup }))
+                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { ref: "triggerInstRef", onResize: this.handleTriggerOrMenuResize, status: this.mergedStatus, focused: this.focused, clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelection, themeOverrides: mergedTheme.peerOverrides.InternalSelection, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, size: this.mergedSize, bordered: this.bordered, placeholder: this.mergedPlaceholder, disabled: this.mergedDisabled, active: this.mergedShow, loading: this.loading, multiple: this.multiple, maxTagCount: this.maxTagCount, showArrow: true, filterable: this.filterable, clearable: this.clearable, pattern: this.pattern, onPatternInput: this.handlePatternInput, onClear: this.handleClear, onClick: this.handleTriggerClick, onFocus: this.handleTriggerFocus, onBlur: this.handleTriggerBlur, onDeleteOption: this.handleDeleteOption, onKeydown: this.handleKeydown }, {
+                            arrow: () => { var _a, _b; return [(_b = (_a = this.$slots).arrow) === null || _b === void 0 ? void 0 : _b.call(_a)]; }
+                        }))
                     }),
                     (0, vue_1.h)(vueuc_1.VFollower, { ref: "followerInstRef", show: this.mergedShow, placement: this.placement, to: this.adjustedTo, teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, containerClass: this.namespace, width: this.consistentMenuWidth ? 'target' : undefined, minWidth: "target" }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted, onLeave: this.handleMenuLeave }, {
@@ -540,7 +538,7 @@ exports.default = (0, vue_1.defineComponent)({
                                     ], ref: "menuElRef", style: [
                                         (menuProps === null || menuProps === void 0 ? void 0 : menuProps.style) || '',
                                         this.cssVars
-                                    ], tabindex: 0, onMousedown: this.handleMenuMousedown, onKeyup: this.handleKeyup, onKeydown: this.handleKeydown, onFocusin: this.handleMenuFocusin, onFocusout: this.handleMenuFocusout }),
+                                    ], tabindex: 0, onMousedown: this.handleMenuMousedown, onKeydown: this.handleKeydown, onFocusin: this.handleMenuFocusin, onFocusout: this.handleMenuFocusout }),
                                     (0, vue_1.h)(tree_1.NTree, { ref: "treeInstRef", blockLine: true, allowCheckingNotLoaded: this.allowCheckingNotLoaded, showIrrelevantNodes: false, animated: false, pattern: this.pattern, filter: this.mergedFilter, data: options, cancelable: multiple, labelField: this.labelField, keyField: this.keyField, childrenField: this.childrenField, theme: mergedTheme.peers.Tree, themeOverrides: mergedTheme.peerOverrides.Tree, defaultExpandAll: this.defaultExpandAll, defaultExpandedKeys: this.defaultExpandedKeys, expandedKeys: this.mergedExpandedKeys, checkedKeys: this.treeCheckedKeys, selectedKeys: this.treeSelectedKeys, checkable: checkable, checkStrategy: this.checkStrategy, cascade: this.mergedCascade, leafOnly: this.leafOnly, multiple: this.multiple, virtualScroll: this.consistentMenuWidth && this.virtualScroll, internalTreeSelect: true, internalUnifySelectCheck: true, internalScrollable: true, internalScrollablePadding: this.menuPadding, internalFocusable: false, internalCheckboxFocusable: false, internalRenderEmpty: () => ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-tree-select-menu__empty` }, (0, _utils_1.resolveSlot)($slots.empty, () => [
                                             (0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
                                         ]))), onLoad: this.onLoad, onUpdateCheckedKeys: this.handleUpdateCheckedKeys, onUpdateIndeterminateKeys: this.handleUpdateIndeterminateKeys, onUpdateExpandedKeys: this.doUpdateExpandedKeys }),

package/lib/upload/src/UploadDragger.js

@@ -14,10 +14,10 @@ exports.default = (0, vue_1.defineComponent)({
             (0, _utils_1.throwError)('upload-dragger', '`n-upload-dragger` must be placed inside `n-upload`.');
         }
         return () => {
-            const { mergedClsPrefixRef: { value: mergedClsPrefix }, mergedDisabledRef: { value: mergedDisabled } } = NUpload;
+            const { mergedClsPrefixRef: { value: mergedClsPrefix }, mergedDisabledRef: { value: mergedDisabled }, maxReachedRef: { value: maxReached } } = NUpload;
             return ((0, vue_1.h)("div", { class: [
                     `${mergedClsPrefix}-upload-dragger`,
-                    mergedDisabled && `${mergedClsPrefix}-upload-dragger--disabled`
+                    (mergedDisabled || maxReached) && `${mergedClsPrefix}-upload-dragger--disabled`
                 ] }, slots));
         };
     }

package/lib/upload/src/UploadFile.d.ts

@@ -138,7 +138,7 @@ declare const _default: import("vue").DefineComponent<{
             itemBorderImageCard: string;
         };
         peers: {
-            Button: import("../../_mixins").Theme<"Button", {
+            Button: import("../../_mixins/use-theme").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
                 heightMedium: string;
@@ -342,7 +342,7 @@ declare const _default: import("vue").DefineComponent<{
                 iconSizeLarge: string;
                 rippleDuration: string;
             }, any>;
-            Progress: import("../../_mixins").Theme<"Progress", {
+            Progress: import("../../_mixins/use-theme").Theme<"Progress", {
                 fontSize: string;
                 fontSizeCircle: string;
                 fontWeightCircle: string;

package/lib/upload/src/UploadFile.js

@@ -22,6 +22,11 @@ const UploadProgress_1 = __importDefault(require("./UploadProgress"));
 const interface_1 = require("./interface");
 const icons_2 = require("./icons");
 const utils_1 = require("./utils");
+const buttonThemeOverrides = {
+    paddingMedium: '0 3px',
+    heightMedium: '24px',
+    iconSizeMedium: '18px'
+};
 exports.default = (0, vue_1.defineComponent)({
     name: 'UploadFile',
     props: {
@@ -224,19 +229,19 @@ exports.default = (0, vue_1.defineComponent)({
                         `${clsPrefix}-upload-file-info__action`,
                         `${clsPrefix}-upload-file-info__action--${listType}-type`
                     ] },
-                    this.showPreviewButton ? ((0, vue_1.h)(button_1.NButton, { key: "preview", text: true, type: this.buttonType, onClick: this.handlePreviewClick, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, {
+                    this.showPreviewButton ? ((0, vue_1.h)(button_1.NButton, { key: "preview", quaternary: true, type: this.buttonType, onClick: this.handlePreviewClick, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, builtinThemeOverrides: buttonThemeOverrides }, {
                         icon: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix }, { default: () => (0, vue_1.h)(icons_1.EyeIcon, null) }))
                     })) : null,
                     (this.showRemoveButton || this.showCancelButton) &&
-                        !this.disabled && ((0, vue_1.h)(button_1.NButton, { key: "cancelOrTrash", theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, text: true, type: this.buttonType, onClick: this.handleRemoveOrCancelClick }, {
+                        !this.disabled && ((0, vue_1.h)(button_1.NButton, { key: "cancelOrTrash", theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, quaternary: true, builtinThemeOverrides: buttonThemeOverrides, type: this.buttonType, onClick: this.handleRemoveOrCancelClick }, {
                         icon: () => ((0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
                             default: () => this.showRemoveButton ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, key: "trash" }, { default: () => (0, vue_1.h)(icons_1.TrashIcon, null) })) : ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, key: "cancel" }, { default: () => (0, vue_1.h)(icons_1.CancelIcon, null) }))
                         }))
                     })),
-                    this.showRetryButton && !this.disabled && ((0, vue_1.h)(button_1.NButton, { key: "retry", text: true, type: this.buttonType, onClick: this.handleRetryClick, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, {
+                    this.showRetryButton && !this.disabled && ((0, vue_1.h)(button_1.NButton, { key: "retry", quaternary: true, type: this.buttonType, onClick: this.handleRetryClick, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, builtinThemeOverrides: buttonThemeOverrides }, {
                         icon: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix }, { default: () => (0, vue_1.h)(icons_1.RetryIcon, null) }))
                     })),
-                    this.showDownloadButton ? ((0, vue_1.h)(button_1.NButton, { key: "download", text: true, type: this.buttonType, onClick: this.handleDownloadClick, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, {
+                    this.showDownloadButton ? ((0, vue_1.h)(button_1.NButton, { key: "download", quaternary: true, type: this.buttonType, onClick: this.handleDownloadClick, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, builtinThemeOverrides: buttonThemeOverrides }, {
                         icon: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix }, { default: () => (0, vue_1.h)(icons_1.DownloadIcon, null) }))
                     })) : null)),
             !isImageType && progress));

package/lib/upload/src/UploadTrigger.js

@@ -78,8 +78,9 @@ exports.default = (0, vue_1.defineComponent)({
                     isImageCardTypeRef.value &&
                         `${mergedClsPrefix}-upload-trigger--image-card`
                 ], style: triggerStyleRef.value, onClick: handleTriggerClick, onDrop: handleTriggerDrop, onDragover: handleTriggerDragOver, onDragenter: handleTriggerDragEnter, onDragleave: handleTriggerDragLeave }, isImageCardTypeRef.value ? ((0, vue_1.h)(UploadDragger_1.default, null, {
-                default: slots.default ||
-                    (() => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => (0, vue_1.h)(icons_1.AddIcon, null) })))
+                default: () => (0, _utils_1.resolveSlot)(slots.default, () => [
+                    (0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => (0, vue_1.h)(icons_1.AddIcon, null) })
+                ])
             })) : (slots)));
         };
     }