naive-ui 2.30.3 → 2.30.6

package/es/_utils/event/index.js

@@ -0,0 +1,7 @@
+const eventSet = new WeakSet();
+export function markEventEffectPerformed(event) {
+    eventSet.add(event);
+}
+export function eventEffectNotPerformed(event) {
+    return !eventSet.has(event);
+}

package/es/_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/es/_utils/index.js

@@ -1,7 +1,9 @@
-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 { warn, warnOnce, throwError, smallerSize, largerSize, getTitleAttribute } from './naive';
 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/es/_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/es/_utils/vue/index.js

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

package/es/_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/es/_utils/vue/is-node-v-show-false.js

@@ -0,0 +1,6 @@
+import { vShow } from 'vue';
+export function isNodeVShowFalse(vNode) {
+    var _a;
+    const showDir = (_a = vNode.dirs) === null || _a === void 0 ? void 0 : _a.find(({ dir }) => dir === vShow);
+    return !!(showDir && showDir.value === false);
+}

package/es/_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/es/_utils/vue/merge-handlers.js

@@ -0,0 +1,15 @@
+export 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);
+            }
+        });
+    };
+}

package/es/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/es/back-top/src/BackTop.js

@@ -4,7 +4,7 @@ import { useIsMounted, useMergedState } from 'vooks';
 import { getScrollParent, unwrapElement } from 'seemly';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { NBaseIcon } from '../../_internal';
-import { lockHtmlScrollRightCompensationRef, formatLength, resolveSlot, warn, warnOnce } from '../../_utils';
+import { lockHtmlScrollRightCompensationRef, formatLength, resolveSlot, isDocument, warn, warnOnce } from '../../_utils';
 import { backTopLight } from '../styles';
 import BackTopIcon from './BackTopIcon';
 import style from './styles/index.cssr';
@@ -50,15 +50,20 @@ export default defineComponent({
         }
         const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         const scrollTopRef = ref(null);
-        const uncontrolledShowRef = computed(() => {
-            if (scrollTopRef.value === null)
-                return false;
-            return scrollTopRef.value >= props.visibilityHeight;
+        const uncontrolledShowRef = ref(false);
+        watchEffect(() => {
+            const { value: scrollTop } = scrollTopRef;
+            if (scrollTop === null) {
+                uncontrolledShowRef.value = false;
+                return;
+            }
+            uncontrolledShowRef.value = scrollTop >= props.visibilityHeight;
         });
         const DomInfoReadyRef = ref(false);
         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 = toRef(props, 'show');
@@ -98,39 +103,27 @@ export default 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) {
                 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() {
+            ;
+            (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 = (isDocument(scrollElement) ? document.documentElement : scrollElement).scrollTop;
             if (!DomInfoReadyRef.value) {
                 void nextTick(() => {
                     DomInfoReadyRef.value = true;

package/es/button/src/Button.js

@@ -77,11 +77,16 @@ const Button = 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/es/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/es/cascader/src/Cascader.js

@@ -5,7 +5,7 @@ import { depx, changeColor, happensIn } from 'seemly';
 import { useIsMounted, useMergedState } from 'vooks';
 import { NInternalSelection } from '../../_internal';
 import { useLocale, useTheme, useConfig, useFormItem, useThemeClass } from '../../_mixins';
-import { call, useAdjustedTo, warnOnce } from '../../_utils';
+import { call, markEventEffectPerformed, useAdjustedTo, warnOnce } from '../../_utils';
 import { cascaderLight } from '../styles';
 import { getPathLabel, getRawNodePath } from './utils';
 import CascaderMenu from './CascaderMenu';
@@ -210,6 +210,8 @@ export default 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 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 SubtreeNotLoadedError) {
@@ -252,6 +254,8 @@ export default 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 getRawNodePath((_a = getPath(checkedKey)) === null || _a === void 0 ? void 0 : _a.treeNodePath); }));
+                keyboardKeyRef.value = key;
+                hoverKeyRef.value = key;
             }
         }
         const selectedOptionsRef = computed(() => {
@@ -491,8 +495,18 @@ export default 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 (happensIn(e, 'action'))
                 return;
             switch (e.key) {
@@ -568,11 +582,14 @@ export default defineComponent({
                     }
                     break;
                 case 'Escape':
-                    closeMenu(true);
+                    if (mergedShowRef.value) {
+                        markEventEffectPerformed(e);
+                        closeMenu(true);
+                    }
             }
         }
-        function handleMenuKeyUp(e) {
-            handleKeyUp(e);
+        function handleMenuKeydown(e) {
+            handleKeydown(e);
         }
         // --- search
         function handleClear(e) {
@@ -652,18 +669,6 @@ export default 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;
@@ -760,7 +765,7 @@ export default 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,
@@ -768,8 +773,7 @@ export default 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;
@@ -777,7 +781,7 @@ export default defineComponent({
             h(VBinder, null, {
                 default: () => [
                     h(VTarget, null, {
-                        default: () => (h(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: () => (h(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 }))
                     }),
                     h(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 === useAdjustedTo.tdkey, to: this.adjustedTo }, {
                         default: () => {
@@ -787,7 +791,7 @@ export default defineComponent({
                             return (h(CascaderMenu, 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/es/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/es/cascader/src/CascaderMenu.js

@@ -28,7 +28,7 @@ export default defineComponent({
             type: Function,
             required: true
         },
-        onKeyup: {
+        onKeydown: {
             type: Function,
             required: true
         },
@@ -97,9 +97,7 @@ export default defineComponent({
             default: () => {
                 if (!this.show)
                     return null;
-                return withDirectives(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 withDirectives(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 ? (h("div", { class: `${mergedClsPrefix}-cascader-submenu-wrapper` },
                         this.menuModel.map((submenuOptions, index) => (h(NCascaderSubmenu, { ref: ((instance) => {
                                 if (instance) {

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

@@ -32,7 +32,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;
 }