naive-ui 2.30.3 → 2.30.6

package/lib/_utils/composable/use-collection.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInjectionElementCollection = exports.useInjectionCollection = exports.useInjectionInstanceCollection = void 0;
+const vue_1 = require("vue");
+// injection.collection {
+//   key1: [insta, instb]
+//   key2: [instc]
+// }
+function useInjectionInstanceCollection(injectionName, collectionKey, registerKeyRef) {
+    var _a;
+    const injection = (0, vue_1.inject)(injectionName, null);
+    if (injection === null)
+        return;
+    const vm = (_a = (0, vue_1.getCurrentInstance)()) === null || _a === void 0 ? void 0 : _a.proxy;
+    (0, vue_1.watch)(registerKeyRef, registerInstance);
+    registerInstance(registerKeyRef.value);
+    (0, vue_1.onBeforeUnmount)(() => {
+        registerInstance(undefined, registerKeyRef.value);
+    });
+    function registerInstance(key, oldKey) {
+        const collection = injection[collectionKey];
+        if (oldKey !== undefined)
+            removeInstance(collection, oldKey);
+        if (key !== undefined)
+            addInstance(collection, key);
+    }
+    function removeInstance(collection, key) {
+        if (!collection[key])
+            collection[key] = [];
+        collection[key].splice(collection[key].findIndex((instance) => instance === vm), 1);
+    }
+    function addInstance(collection, key) {
+        if (!collection[key])
+            collection[key] = [];
+        if (!~collection[key].findIndex((instance) => instance === vm)) {
+            collection[key].push(vm);
+        }
+    }
+}
+exports.useInjectionInstanceCollection = useInjectionInstanceCollection;
+// injection.collection {
+//   key1: [insta.value, instb.value]
+//   key2: [instc.value]
+// }
+function useInjectionCollection(injectionName, collectionKey, valueRef) {
+    const injection = (0, vue_1.inject)(injectionName, null);
+    if (injection === null)
+        return;
+    if (!(collectionKey in injection)) {
+        injection[collectionKey] = [];
+    }
+    injection[collectionKey].push(valueRef.value);
+    (0, vue_1.watch)(valueRef, (value, prevValue) => {
+        const collectionArray = injection[collectionKey];
+        const index = collectionArray.findIndex((collectionValue) => collectionValue === prevValue);
+        if (~index)
+            collectionArray.splice(index, 1);
+        collectionArray.push(value);
+    });
+    (0, vue_1.onBeforeUnmount)(() => {
+        const collectionArray = injection[collectionKey];
+        const index = collectionArray.findIndex((collectionValue) => collectionValue === valueRef.value);
+        if (~index)
+            collectionArray.splice(index, 1);
+    });
+}
+exports.useInjectionCollection = useInjectionCollection;
+// injection.collection {
+//   key1: [insta.$el, instb.$el]
+//   key2: [instc.$el]
+// }
+function useInjectionElementCollection(injectionName, collectionKey, getElement) {
+    const injection = (0, vue_1.inject)(injectionName, null);
+    if (injection === null)
+        return;
+    if (!(collectionKey in injection)) {
+        injection[collectionKey] = [];
+    }
+    (0, vue_1.onMounted)(() => {
+        const el = getElement();
+        if (!el)
+            return;
+        injection[collectionKey].push(el);
+    });
+    (0, vue_1.onBeforeUnmount)(() => {
+        const collectionArray = injection[collectionKey];
+        const element = getElement();
+        const index = collectionArray.findIndex((collectionElement) => collectionElement === element);
+        if (~index)
+            collectionArray.splice(index, 1);
+    });
+}
+exports.useInjectionElementCollection = useInjectionElementCollection;

package/lib/_utils/composable/use-deferred-true.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare function useDeferredTrue(valueRef: Ref<any>, delay: number, shouldDelayRef: Ref<boolean>): Ref<boolean>;

package/lib/_utils/composable/use-deferred-true.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeferredTrue = void 0;
+const vue_1 = require("vue");
+function useDeferredTrue(valueRef, delay, shouldDelayRef) {
+    if (!delay)
+        return valueRef;
+    const delayedRef = (0, vue_1.ref)(valueRef.value);
+    let timerId = null;
+    (0, vue_1.watch)(valueRef, (value) => {
+        if (timerId !== null)
+            window.clearTimeout(timerId);
+        if (value === true) {
+            if (shouldDelayRef && !shouldDelayRef.value) {
+                delayedRef.value = true;
+            }
+            else {
+                timerId = window.setTimeout(() => {
+                    delayedRef.value = true;
+                }, delay);
+            }
+        }
+        else {
+            delayedRef.value = false;
+        }
+    });
+    return delayedRef;
+}
+exports.useDeferredTrue = useDeferredTrue;

package/lib/_utils/composable/use-reactivated.d.ts

@@ -0,0 +1,3 @@
+export declare function useReactivated(callback: () => void): {
+    isDeactivated: boolean;
+};

package/lib/_utils/composable/use-reactivated.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReactivated = void 0;
+const vue_1 = require("vue");
+function useReactivated(callback) {
+    const isDeactivatedRef = { isDeactivated: false };
+    let activateStateInitialized = false;
+    (0, vue_1.onActivated)(() => {
+        isDeactivatedRef.isDeactivated = false;
+        if (!activateStateInitialized) {
+            activateStateInitialized = true;
+            return;
+        }
+        callback();
+    });
+    (0, vue_1.onDeactivated)(() => {
+        isDeactivatedRef.isDeactivated = true;
+        if (!activateStateInitialized) {
+            activateStateInitialized = true;
+        }
+    });
+    return isDeactivatedRef;
+}
+exports.useReactivated = useReactivated;

package/lib/_utils/dom/index.d.ts

@@ -0,0 +1 @@
+export { isDocument } from './is-document';

package/lib/_utils/dom/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDocument = void 0;
+var is_document_1 = require("./is-document");
+Object.defineProperty(exports, "isDocument", { enumerable: true, get: function () { return is_document_1.isDocument; } });

package/lib/_utils/dom/is-document.d.ts

@@ -0,0 +1 @@
+export declare function isDocument(node: Node): node is Document;

package/lib/_utils/dom/is-document.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDocument = void 0;
+function isDocument(node) {
+    return node.nodeName === '#document';
+}
+exports.isDocument = isDocument;

package/lib/_utils/event/index.d.ts

@@ -0,0 +1,2 @@
+export declare function markEventEffectPerformed(event: Event): void;
+export declare function eventEffectNotPerformed(event: Event): boolean;

package/lib/_utils/event/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.eventEffectNotPerformed = exports.markEventEffectPerformed = void 0;
+const eventSet = new WeakSet();
+function markEventEffectPerformed(event) {
+    eventSet.add(event);
+}
+exports.markEventEffectPerformed = markEventEffectPerformed;
+function eventEffectNotPerformed(event) {
+    return !eventSet.has(event);
+}
+exports.eventEffectNotPerformed = eventEffectNotPerformed;

package/lib/_utils/index.d.ts

@@ -1,4 +1,4 @@
-export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, getFirstSlotVNode, createDataKey, createRefSetter, createInjectionKey, resolveSlot, resolveSlotWithProps, resolveWrappedSlot, isSlotEmpty } from './vue';
+export { call, keep, omit, flatten, getSlot, getVNodeChildren, keysOf, render, getFirstSlotVNode, createDataKey, createRefSetter, createInjectionKey, resolveSlot, resolveSlotWithProps, resolveWrappedSlot, isSlotEmpty, mergeEventHandlers, isNodeVShowFalse, Wrapper } from './vue';
 export type { MaybeArray } from './vue';
 export { warn, warnOnce, throwError, smallerSize, largerSize, getTitleAttribute } from './naive';
 export type { ExtractPublicPropTypes, ExtractInternalPropTypes, Mutable } from './naive';
@@ -6,4 +6,6 @@ export { formatLength, color2Class } from './css';
 export { createKey } from './cssr';
 export { isJsdom } from './env/is-jsdom';
 export { isBrowser } from './env/is-browser';
+export { eventEffectNotPerformed, markEventEffectPerformed } from './event';
 export * from './composable';
+export * from './dom';

package/lib/_utils/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isBrowser = exports.isJsdom = exports.createKey = exports.color2Class = exports.formatLength = exports.getTitleAttribute = exports.largerSize = exports.smallerSize = exports.throwError = exports.warnOnce = exports.warn = exports.isSlotEmpty = exports.resolveWrappedSlot = exports.resolveSlotWithProps = exports.resolveSlot = exports.createInjectionKey = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.getVNodeChildren = exports.getSlot = exports.flatten = exports.omit = exports.keep = exports.call = void 0;
+exports.markEventEffectPerformed = exports.eventEffectNotPerformed = exports.isBrowser = exports.isJsdom = exports.createKey = exports.color2Class = exports.formatLength = exports.getTitleAttribute = exports.largerSize = exports.smallerSize = exports.throwError = exports.warnOnce = exports.warn = exports.Wrapper = exports.isNodeVShowFalse = exports.mergeEventHandlers = exports.isSlotEmpty = exports.resolveWrappedSlot = exports.resolveSlotWithProps = exports.resolveSlot = exports.createInjectionKey = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.getVNodeChildren = exports.getSlot = exports.flatten = exports.omit = exports.keep = exports.call = void 0;
 var vue_1 = require("./vue");
 Object.defineProperty(exports, "call", { enumerable: true, get: function () { return vue_1.call; } });
 Object.defineProperty(exports, "keep", { enumerable: true, get: function () { return vue_1.keep; } });
@@ -32,6 +32,9 @@ Object.defineProperty(exports, "resolveSlot", { enumerable: true, get: function
 Object.defineProperty(exports, "resolveSlotWithProps", { enumerable: true, get: function () { return vue_1.resolveSlotWithProps; } });
 Object.defineProperty(exports, "resolveWrappedSlot", { enumerable: true, get: function () { return vue_1.resolveWrappedSlot; } });
 Object.defineProperty(exports, "isSlotEmpty", { enumerable: true, get: function () { return vue_1.isSlotEmpty; } });
+Object.defineProperty(exports, "mergeEventHandlers", { enumerable: true, get: function () { return vue_1.mergeEventHandlers; } });
+Object.defineProperty(exports, "isNodeVShowFalse", { enumerable: true, get: function () { return vue_1.isNodeVShowFalse; } });
+Object.defineProperty(exports, "Wrapper", { enumerable: true, get: function () { return vue_1.Wrapper; } });
 var naive_1 = require("./naive");
 Object.defineProperty(exports, "warn", { enumerable: true, get: function () { return naive_1.warn; } });
 Object.defineProperty(exports, "warnOnce", { enumerable: true, get: function () { return naive_1.warnOnce; } });
@@ -48,4 +51,8 @@ var is_jsdom_1 = require("./env/is-jsdom");
 Object.defineProperty(exports, "isJsdom", { enumerable: true, get: function () { return is_jsdom_1.isJsdom; } });
 var is_browser_1 = require("./env/is-browser");
 Object.defineProperty(exports, "isBrowser", { enumerable: true, get: function () { return is_browser_1.isBrowser; } });
+var event_1 = require("./event");
+Object.defineProperty(exports, "eventEffectNotPerformed", { enumerable: true, get: function () { return event_1.eventEffectNotPerformed; } });
+Object.defineProperty(exports, "markEventEffectPerformed", { enumerable: true, get: function () { return event_1.markEventEffectPerformed; } });
 __exportStar(require("./composable"), exports);
+__exportStar(require("./dom"), exports);

package/lib/_utils/vue/index.d.ts

@@ -12,3 +12,6 @@ export { createRefSetter } from './create-ref-setter';
 export { createInjectionKey } from './create-injection-key';
 export { resolveSlot, resolveWrappedSlot, resolveSlotWithProps, isSlotEmpty } from './resolve-slot';
 export type { MaybeArray } from './call';
+export { mergeEventHandlers } from './merge-handlers';
+export { isNodeVShowFalse } from './is-node-v-show-false';
+export { Wrapper } from './wrapper';

package/lib/_utils/vue/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isSlotEmpty = exports.resolveSlotWithProps = exports.resolveWrappedSlot = exports.resolveSlot = exports.createInjectionKey = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.call = exports.flatten = exports.omit = exports.keep = exports.getVNodeChildren = exports.getSlot = void 0;
+exports.Wrapper = exports.isNodeVShowFalse = exports.mergeEventHandlers = exports.isSlotEmpty = exports.resolveSlotWithProps = exports.resolveWrappedSlot = exports.resolveSlot = exports.createInjectionKey = exports.createRefSetter = exports.createDataKey = exports.getFirstSlotVNode = exports.render = exports.keysOf = exports.call = exports.flatten = exports.omit = exports.keep = exports.getVNodeChildren = exports.getSlot = void 0;
 var get_slot_1 = require("./get-slot");
 Object.defineProperty(exports, "getSlot", { enumerable: true, get: function () { return get_slot_1.getSlot; } });
 var get_v_node_children_1 = require("./get-v-node-children");
@@ -30,3 +30,9 @@ Object.defineProperty(exports, "resolveSlot", { enumerable: true, get: function
 Object.defineProperty(exports, "resolveWrappedSlot", { enumerable: true, get: function () { return resolve_slot_1.resolveWrappedSlot; } });
 Object.defineProperty(exports, "resolveSlotWithProps", { enumerable: true, get: function () { return resolve_slot_1.resolveSlotWithProps; } });
 Object.defineProperty(exports, "isSlotEmpty", { enumerable: true, get: function () { return resolve_slot_1.isSlotEmpty; } });
+var merge_handlers_1 = require("./merge-handlers");
+Object.defineProperty(exports, "mergeEventHandlers", { enumerable: true, get: function () { return merge_handlers_1.mergeEventHandlers; } });
+var is_node_v_show_false_1 = require("./is-node-v-show-false");
+Object.defineProperty(exports, "isNodeVShowFalse", { enumerable: true, get: function () { return is_node_v_show_false_1.isNodeVShowFalse; } });
+var wrapper_1 = require("./wrapper");
+Object.defineProperty(exports, "Wrapper", { enumerable: true, get: function () { return wrapper_1.Wrapper; } });

package/lib/_utils/vue/is-node-v-show-false.d.ts

@@ -0,0 +1,2 @@
+import { VNode } from 'vue';
+export declare function isNodeVShowFalse(vNode: VNode): boolean;

package/lib/_utils/vue/is-node-v-show-false.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNodeVShowFalse = void 0;
+const vue_1 = require("vue");
+function isNodeVShowFalse(vNode) {
+    var _a;
+    const showDir = (_a = vNode.dirs) === null || _a === void 0 ? void 0 : _a.find(({ dir }) => dir === vue_1.vShow);
+    return !!(showDir && showDir.value === false);
+}
+exports.isNodeVShowFalse = isNodeVShowFalse;

package/lib/_utils/vue/merge-handlers.d.ts

@@ -0,0 +1 @@
+export declare function mergeEventHandlers<T>(handlers: Array<undefined | ((e: T) => void)>): undefined | ((e: T) => void);

package/lib/_utils/vue/merge-handlers.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeEventHandlers = void 0;
+function mergeEventHandlers(handlers) {
+    const filteredHandlers = handlers.filter((handler) => handler !== undefined);
+    if (filteredHandlers.length === 0)
+        return undefined;
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    if (filteredHandlers.length === 1)
+        return filteredHandlers[0];
+    return (e) => {
+        handlers.forEach((handler) => {
+            if (handler) {
+                handler(e);
+            }
+        });
+    };
+}
+exports.mergeEventHandlers = mergeEventHandlers;

package/lib/back-top/src/BackTop.d.ts

@@ -159,7 +159,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").ComputedRef<string>;
     handleAfterEnter: () => void;
     handleScroll: () => void;
-    handleClick: (e: MouseEvent) => void;
+    handleClick: () => void;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-border-radius': string;

package/lib/back-top/src/BackTop.js

@@ -55,15 +55,20 @@ exports.default = (0, vue_1.defineComponent)({
         }
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const scrollTopRef = (0, vue_1.ref)(null);
-        const uncontrolledShowRef = (0, vue_1.computed)(() => {
-            if (scrollTopRef.value === null)
-                return false;
-            return scrollTopRef.value >= props.visibilityHeight;
+        const uncontrolledShowRef = (0, vue_1.ref)(false);
+        (0, vue_1.watchEffect)(() => {
+            const { value: scrollTop } = scrollTopRef;
+            if (scrollTop === null) {
+                uncontrolledShowRef.value = false;
+                return;
+            }
+            uncontrolledShowRef.value = scrollTop >= props.visibilityHeight;
         });
         const DomInfoReadyRef = (0, vue_1.ref)(false);
         (0, vue_1.watch)(uncontrolledShowRef, (value) => {
+            var _a;
             if (DomInfoReadyRef.value) {
-                props['onUpdate:show'](value);
+                (_a = props['onUpdate:show']) === null || _a === void 0 ? void 0 : _a.call(props, value);
             }
         });
         const controlledShowRef = (0, vue_1.toRef)(props, 'show');
@@ -103,39 +108,27 @@ exports.default = (0, vue_1.defineComponent)({
                 }
                 return;
             }
-            scrollElement = scrollEl;
+            scrollElement =
+                scrollEl === document.documentElement ? document : scrollEl;
             const { to } = props;
             const target = typeof to === 'string' ? document.querySelector(to) : to;
             if (process.env.NODE_ENV !== 'production' && !target) {
                 (0, _utils_1.warn)('back-top', 'Target is not found.');
             }
-            if (scrollEl) {
-                scrollEl.addEventListener('scroll', handleScroll);
-                handleScroll();
-            }
+            scrollElement.addEventListener('scroll', handleScroll);
+            handleScroll();
         }
-        function handleClick(e) {
-            if (scrollElement.nodeName === '#document') {
-                ;
-                scrollElement.documentElement.scrollTo({
-                    top: 0,
-                    behavior: 'smooth'
-                });
-            }
-            else {
-                scrollElement.scrollTo({
-                    top: 0,
-                    behavior: 'smooth'
-                });
-            }
+        function handleClick() {
+            ;
+            ((0, _utils_1.isDocument)(scrollElement)
+                ? document.documentElement
+                : scrollElement).scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
         }
         function handleScroll() {
-            if (scrollElement.nodeName === '#document') {
-                scrollTopRef.value = scrollElement.documentElement.scrollTop;
-            }
-            else {
-                scrollTopRef.value = scrollElement.scrollTop;
-            }
+            scrollTopRef.value = ((0, _utils_1.isDocument)(scrollElement) ? document.documentElement : scrollElement).scrollTop;
             if (!DomInfoReadyRef.value) {
                 void (0, vue_1.nextTick)(() => {
                     DomInfoReadyRef.value = true;

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) {

package/lib/color-picker/src/ColorInputUnit.js

@@ -34,7 +34,7 @@ function normalizeHexaUnit(value) {
 // 0 - 100%
 function normalizeAlphaUnit(value) {
     if (/^\d{1,3}\.?\d*%$/.test(value.trim())) {
-        return Math.max(0, Math.min(parseInt(value), 100));
+        return Math.max(0, Math.min(parseInt(value) / 100, 100));
     }
     return false;
 }