naive-ui 2.30.3 → 2.30.4

package/lib/button/src/Button.js

@@ -83,11 +83,16 @@ const Button = (0, vue_1.defineComponent)({
         });
         const handleMousedown = (e) => {
             var _a;
-            if (props.disabled || props.nativeFocusBehavior) {
+            if (props.nativeFocusBehavior) {
+                return;
+            }
+            e.preventDefault();
+            // normally this won't be called if disabled (when tag is button)
+            // if not, we try to make it behave like a button
+            if (props.disabled) {
                 return;
             }
             if (mergedFocusableRef.value) {
-                e.preventDefault();
                 (_a = selfElRef.value) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
             }
         };

package/lib/cascader/src/Cascader.d.ts

@@ -1357,7 +1357,7 @@ declare const _default: import("vue").DefineComponent<{
     handleMenuTabout: () => void;
     handleMenuFocus: (e: FocusEvent) => void;
     handleMenuBlur: (e: FocusEvent) => void;
-    handleMenuKeyUp: (e: KeyboardEvent) => void;
+    handleMenuKeydown: (e: KeyboardEvent) => void;
     handleMenuMousedown: (e: MouseEvent) => void;
     handleTriggerFocus: (e: FocusEvent) => void;
     handleTriggerBlur: (e: FocusEvent) => void;
@@ -1365,8 +1365,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClear: (e: MouseEvent) => void;
     handleDeleteOption: (option: SelectBaseOption) => void;
     handlePatternInput: (e: InputEvent) => void;
-    handleKeyDown: (e: KeyboardEvent) => void;
-    handleKeyUp: (e: KeyboardEvent) => void;
+    handleKeydown: (e: KeyboardEvent) => void;
     focused: import("vue").Ref<boolean>;
     optionHeight: import("vue").ComputedRef<string>;
     mergedTheme: import("vue").ComputedRef<{

package/lib/cascader/src/Cascader.js

@@ -215,6 +215,8 @@ exports.default = (0, vue_1.defineComponent)({
                     doUpdateValue(checkedKeys, checkedKeys.map((checkedKey) => { var _a; return ((_a = getNode(checkedKey)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; }), checkedKeys.map((checkedKey) => { var _a; return (0, utils_1.getRawNodePath)((_a = getPath(checkedKey)) === null || _a === void 0 ? void 0 : _a.treeNodePath); }));
                     if (filterable)
                         focusSelectionInput();
+                    keyboardKeyRef.value = key;
+                    hoverKeyRef.value = key;
                 }
                 catch (err) {
                     if (err instanceof treemate_1.SubtreeNotLoadedError) {
@@ -257,6 +259,8 @@ exports.default = (0, vue_1.defineComponent)({
                     allowNotLoaded: props.allowCheckingNotLoaded
                 });
                 doUpdateValue(checkedKeys, checkedKeys.map((checkedKey) => { var _a; return ((_a = getNode(checkedKey)) === null || _a === void 0 ? void 0 : _a.rawNode) || null; }), checkedKeys.map((checkedKey) => { var _a; return (0, utils_1.getRawNodePath)((_a = getPath(checkedKey)) === null || _a === void 0 ? void 0 : _a.treeNodePath); }));
+                keyboardKeyRef.value = key;
+                hoverKeyRef.value = key;
             }
         }
         const selectedOptionsRef = (0, vue_1.computed)(() => {
@@ -496,8 +500,18 @@ exports.default = (0, vue_1.defineComponent)({
                     break;
             }
         }
-        function handleKeyUp(e) {
+        function handleKeydown(e) {
             var _a, _b;
+            switch (e.key) {
+                case ' ':
+                case 'ArrowDown':
+                case 'ArrowUp':
+                    if (props.filterable && mergedShowRef.value) {
+                        break;
+                    }
+                    e.preventDefault();
+                    break;
+            }
             if ((0, seemly_1.happensIn)(e, 'action'))
                 return;
             switch (e.key) {
@@ -573,11 +587,14 @@ exports.default = (0, vue_1.defineComponent)({
                     }
                     break;
                 case 'Escape':
-                    closeMenu(true);
+                    if (mergedShowRef.value) {
+                        (0, _utils_1.markEventEffectPerformed)(e);
+                        closeMenu(true);
+                    }
             }
         }
-        function handleMenuKeyUp(e) {
-            handleKeyUp(e);
+        function handleMenuKeydown(e) {
+            handleKeydown(e);
         }
         // --- search
         function handleClear(e) {
@@ -657,18 +674,6 @@ exports.default = (0, vue_1.defineComponent)({
                 doUpdateValue(null, null, null);
             }
         }
-        function handleKeyDown(e) {
-            switch (e.key) {
-                case ' ':
-                case 'ArrowDown':
-                case 'ArrowUp':
-                    if (props.filterable && mergedShowRef.value) {
-                        return;
-                    }
-                    e.preventDefault();
-                    break;
-            }
-        }
         // sync position
         function syncSelectMenuPosition() {
             var _a;
@@ -765,7 +770,7 @@ exports.default = (0, vue_1.defineComponent)({
             cascaderMenuInstRef, mergedBordered: mergedBorderedRef, mergedClsPrefix: mergedClsPrefixRef, namespace: namespaceRef, mergedValue: mergedValueRef, mergedShow: mergedShowRef, showSelectMenu: showSelectMenuRef, pattern: patternRef, treeMate: treeMateRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, localizedPlaceholder: localizedPlaceholderRef, selectedOption: selectedOptionRef, selectedOptions: selectedOptionsRef, adjustedTo: adjustedToRef, menuModel: menuModelRef, handleMenuTabout,
             handleMenuFocus,
             handleMenuBlur,
-            handleMenuKeyUp,
+            handleMenuKeydown,
             handleMenuMousedown,
             handleTriggerFocus,
             handleTriggerBlur,
@@ -773,8 +778,7 @@ exports.default = (0, vue_1.defineComponent)({
             handleClear,
             handleDeleteOption,
             handlePatternInput,
-            handleKeyDown,
-            handleKeyUp, focused: focusedRef, optionHeight: optionHeightRef, mergedTheme: themeRef, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender });
+            handleKeydown, focused: focusedRef, optionHeight: optionHeightRef, mergedTheme: themeRef, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender });
     },
     render() {
         const { mergedClsPrefix } = this;
@@ -782,7 +786,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)(_internal_1.NInternalSelection, { onResize: this.handleTriggerResize, ref: "triggerInstRef", status: this.mergedStatus, clsPrefix: mergedClsPrefix, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, active: this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, focused: this.focused, onFocus: this.handleTriggerFocus, onBlur: this.handleTriggerBlur, onClick: this.handleTriggerClick, onClear: this.handleClear, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onKeydown: this.handleKeyDown, onKeyup: this.handleKeyUp }))
+                        default: () => ((0, vue_1.h)(_internal_1.NInternalSelection, { onResize: this.handleTriggerResize, ref: "triggerInstRef", status: this.mergedStatus, clsPrefix: mergedClsPrefix, maxTagCount: this.maxTagCount, bordered: this.mergedBordered, size: this.mergedSize, theme: this.mergedTheme.peers.InternalSelection, themeOverrides: this.mergedTheme.peerOverrides.InternalSelection, active: this.mergedShow, pattern: this.pattern, placeholder: this.localizedPlaceholder, selectedOption: this.selectedOption, selectedOptions: this.selectedOptions, multiple: this.multiple, filterable: this.filterable, clearable: this.clearable, disabled: this.mergedDisabled, focused: this.focused, onFocus: this.handleTriggerFocus, onBlur: this.handleTriggerBlur, onClick: this.handleTriggerClick, onClear: this.handleClear, onDeleteOption: this.handleDeleteOption, onPatternInput: this.handlePatternInput, onKeydown: this.handleKeydown }))
                     }),
                     (0, vue_1.h)(vueuc_1.VFollower, { key: "cascaderMenu", ref: "cascaderMenuFollowerRef", show: this.mergedShow && !this.showSelectMenu, containerClass: this.namespace, placement: this.placement, width: !this.options.length ? 'target' : undefined, teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, to: this.adjustedTo }, {
                         default: () => {
@@ -792,7 +796,7 @@ exports.default = (0, vue_1.defineComponent)({
                             return ((0, vue_1.h)(CascaderMenu_1.default, Object.assign({}, menuProps, { ref: "cascaderMenuInstRef", class: [this.themeClass, menuProps === null || menuProps === void 0 ? void 0 : menuProps.class], value: this.mergedValue, show: this.mergedShow && !this.showSelectMenu, menuModel: this.menuModel, style: [
                                     this.cssVars,
                                     menuProps === null || menuProps === void 0 ? void 0 : menuProps.style
-                                ], onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeyup: this.handleMenuKeyUp, onMousedown: this.handleMenuMousedown, onTabout: this.handleMenuTabout }), {
+                                ], onFocus: this.handleMenuFocus, onBlur: this.handleMenuBlur, onKeydown: this.handleMenuKeydown, onMousedown: this.handleMenuMousedown, onTabout: this.handleMenuTabout }), {
                                 action: () => { var _a, _b; return (_b = (_a = this.$slots).action) === null || _b === void 0 ? void 0 : _b.call(_a); },
                                 empty: () => { var _a, _b; return (_b = (_a = this.$slots).empty) === null || _b === void 0 ? void 0 : _b.call(_a); }
                             }));

package/lib/cascader/src/CascaderMenu.d.ts

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(e: FocusEvent) => void>;
         required: true;
     };
-    onKeyup: {
+    onKeydown: {
         type: PropType<(e: KeyboardEvent) => void>;
         required: true;
     };
@@ -416,7 +416,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(e: FocusEvent) => void>;
         required: true;
     };
-    onKeyup: {
+    onKeydown: {
         type: PropType<(e: KeyboardEvent) => void>;
         required: true;
     };

package/lib/cascader/src/CascaderMenu.js

@@ -33,7 +33,7 @@ exports.default = (0, vue_1.defineComponent)({
             type: Function,
             required: true
         },
-        onKeyup: {
+        onKeydown: {
             type: Function,
             required: true
         },
@@ -102,9 +102,7 @@ exports.default = (0, vue_1.defineComponent)({
             default: () => {
                 if (!this.show)
                     return null;
-                return (0, vue_1.withDirectives)((0, vue_1.h)("div", { tabindex: "0", ref: "selfElRef", class: `${mergedClsPrefix}-cascader-menu`, onMousedown: this.onMousedown, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onKeyup: this.onKeyup, style: {
-                        '--n-col-count': this.menuModel.length
-                    } },
+                return (0, vue_1.withDirectives)((0, vue_1.h)("div", { tabindex: "0", ref: "selfElRef", class: `${mergedClsPrefix}-cascader-menu`, onMousedown: this.onMousedown, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onKeydown: this.onKeydown },
                     this.menuModel[0].length ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-submenu-wrapper` },
                         this.menuModel.map((submenuOptions, index) => ((0, vue_1.h)(CascaderSubmenu_1.default, { ref: ((instance) => {
                                 if (instance) {