naive-ui 2.23.1 → 2.24.2

package/lib/carousel/src/utils.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNextIndex = exports.getPrevIndex = exports.getRealIndex = exports.getDisplayIndex = exports.resolveSpeed = exports.clampValue = exports.calculateSize = exports.isTouchEvent = void 0;
+function isTouchEvent(e) {
+    return window.TouchEvent && e instanceof window.TouchEvent;
+}
+exports.isTouchEvent = isTouchEvent;
+function calculateSize(element, innerOnly) {
+    let width = element.clientWidth;
+    let height = element.clientHeight;
+    if (innerOnly) {
+        const style = getComputedStyle(element);
+        width =
+            width -
+                parseFloat(style.getPropertyValue('padding-left')) -
+                parseFloat(style.getPropertyValue('padding-right'));
+        height =
+            height -
+                parseFloat(style.getPropertyValue('padding-top')) -
+                parseFloat(style.getPropertyValue('padding-bottom'));
+        return { width, height };
+    }
+    return { width, height };
+}
+exports.calculateSize = calculateSize;
+function clampValue(value, min, max) {
+    return value < min ? min : value > max ? max : value;
+}
+exports.clampValue = clampValue;
+function resolveSpeed(value) {
+    if (value === undefined)
+        return 0;
+    if (typeof value === 'number')
+        return value;
+    const timeRE = /^((\d+)?\.?\d+?)(ms|s)?$/;
+    const match = value.match(timeRE);
+    if (match) {
+        const [, number, , unit = 'ms'] = match;
+        return Number(number) * (unit === 'ms' ? 1 : 1000);
+    }
+    return 0;
+}
+exports.resolveSpeed = resolveSpeed;
+function getDisplayIndex(current, length, duplicatedable) {
+    return !duplicatedable
+        ? current
+        : current === 0
+            ? length - 3
+            : current === length - 1
+                ? 0
+                : current - 1;
+}
+exports.getDisplayIndex = getDisplayIndex;
+function getRealIndex(current, duplicatedable) {
+    return !duplicatedable ? current : current + 1;
+}
+exports.getRealIndex = getRealIndex;
+function getPrevIndex(current, length, duplicatedable) {
+    if (current < 0)
+        return null;
+    return current === 0 ? (duplicatedable ? length - 1 : null) : current - 1;
+}
+exports.getPrevIndex = getPrevIndex;
+function getNextIndex(current, length, duplicatedable) {
+    if (current > length - 1)
+        return null;
+    return current === length - 1 ? (duplicatedable ? 0 : null) : current + 1;
+}
+exports.getNextIndex = getNextIndex;

package/lib/carousel/styles/light.d.ts

@@ -4,6 +4,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     dotSize: string;
     dotColor: string;
     dotColorActive: string;
+    dotColorFocus: string;
+    dotLineWidth: string;
+    dotLineWidthActive: string;
     arrowColor: string;
 };
 export declare type CarouselThemeVars = ReturnType<typeof self>;

package/lib/carousel/styles/light.js

@@ -5,9 +5,12 @@ const common_1 = require("../../_styles/common");
 const self = (vars) => {
     return {
         dotSize: '8px',
-        dotColor: 'rgba(255, 255, 255, .3)',
+        dotColor: 'rgba(255, 255, 255, .25)',
         dotColorActive: 'rgba(255, 255, 255, 1)',
-        arrowColor: 'rgba(255, 255, 255, .6)'
+        dotColorFocus: 'rgba(255, 255, 255, .5)',
+        dotLineWidth: '16px',
+        dotLineWidthActive: '24px',
+        arrowColor: 'rgba(255, 255, 255, .5)'
     };
 };
 exports.self = self;

package/lib/cascader/index.d.ts

@@ -1,3 +1,3 @@
 export { default as NCascader } from './src/Cascader';
 export type { CascaderProps } from './src/Cascader';
-export type { CascaderOption } from './src/interface';
+export type { CascaderOption, CascaderInst } from './src/interface';

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

@@ -1,9 +1,9 @@
-import { PropType } from 'vue';
+import { PropType, VNodeChild } from 'vue';
 import { CheckStrategy } from 'treemate';
 import { FollowerPlacement } from 'vueuc';
 import { SelectBaseOption } from '../../select/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import { CascaderOption, ExpandTrigger, Filter, OnLoad, OnUpdateValue, Value } from './interface';
+import type { CascaderOption, ExpandTrigger, Filter, OnLoad, OnUpdateValue, Value } from './interface';
 declare const cascaderProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -80,8 +80,11 @@ declare const cascaderProps: {
         readonly type: StringConstructor;
         readonly default: "children";
     };
+    readonly renderLabel: PropType<(option: CascaderOption, checked: boolean) => VNodeChild>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: Boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(show: Boolean) => void>>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
@@ -204,6 +207,7 @@ declare const cascaderProps: {
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -387,6 +391,7 @@ declare const cascaderProps: {
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -570,6 +575,7 @@ declare const cascaderProps: {
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -712,8 +718,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "children";
     };
+    readonly renderLabel: PropType<(option: CascaderOption, checked: boolean) => VNodeChild>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: Boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(show: Boolean) => void>>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
@@ -836,6 +845,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -1019,6 +1029,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -1202,6 +1213,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -1276,6 +1288,7 @@ declare const _default: import("vue").DefineComponent<{
     triggerInstRef: import("vue").Ref<{
         focus: () => void;
         focusInput: () => void;
+        blur: () => void;
         $el: HTMLElement;
     } | null>;
     selectMenuInstRef: import("vue").Ref<{
@@ -1308,7 +1321,7 @@ declare const _default: import("vue").DefineComponent<{
         value: import("treemate").Key;
     }[]>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
-    menuModel: import("vue").ComputedRef<import("treemate").TreeNode<CascaderOption, CascaderOption, CascaderOption>[][]>;
+    menuModel: import("vue").ComputedRef<any>;
     handleMenuTabout: () => void;
     handleMenuFocus: (e: FocusEvent) => void;
     handleMenuBlur: (e: FocusEvent) => void;
@@ -1548,6 +1561,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -1670,91 +1684,111 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--menu-border-radius': string;
-        '--menu-box-shadow': string;
-        '--menu-height': string;
-        '--column-width': string;
-        '--menu-color': string;
-        '--menu-divider-color': string;
-        '--option-height': string;
-        '--option-font-size': string;
-        '--option-text-color': string;
-        '--option-text-color-disabled': string;
-        '--option-text-color-active': string;
-        '--option-color-hover': string;
-        '--option-check-mark-color': string;
-        '--option-arrow-color': string;
-        '--menu-mask-color': string;
-        '--loading-color': string;
+        '--n-bezier': string;
+        '--n-menu-border-radius': string;
+        '--n-menu-box-shadow': string;
+        '--n-menu-height': string;
+        '--n-column-width': string;
+        '--n-menu-color': string;
+        '--n-menu-divider-color': string;
+        '--n-option-height': string;
+        '--n-option-font-size': string;
+        '--n-option-text-color': string;
+        '--n-option-text-color-disabled': string;
+        '--n-option-text-color-active': string;
+        '--n-option-color-hover': string;
+        '--n-option-check-mark-color': string;
+        '--n-option-arrow-color': string;
+        '--n-menu-mask-color': string;
+        '--n-loading-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly to?: unknown;
-    readonly bordered?: unknown;
-    readonly options?: unknown;
-    readonly value?: unknown;
-    readonly defaultValue?: unknown;
-    readonly placeholder?: unknown;
-    readonly multiple?: unknown;
-    readonly size?: unknown;
-    readonly filterable?: unknown;
-    readonly disabled?: unknown;
-    readonly expandTrigger?: unknown;
-    readonly clearable?: unknown;
-    readonly remote?: unknown;
-    readonly onLoad?: unknown;
-    readonly separator?: unknown;
-    readonly filter?: unknown;
-    readonly placement?: unknown;
-    readonly cascade?: unknown;
-    readonly leafOnly?: unknown;
-    readonly showPath?: unknown;
-    readonly show?: unknown;
-    readonly maxTagCount?: unknown;
-    readonly virtualScroll?: unknown;
-    readonly checkStrategy?: unknown;
-    readonly valueField?: unknown;
-    readonly labelField?: unknown;
-    readonly childrenField?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly onBlur?: unknown;
-    readonly onFocus?: unknown;
-    readonly onChange?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    separator: string;
-    multiple: boolean;
-    placement: FollowerPlacement;
-    virtualScroll: boolean;
-    filterable: boolean;
-    clearable: boolean;
-    options: CascaderOption[];
-    defaultValue: Value | null;
-    remote: boolean;
-    expandTrigger: ExpandTrigger;
-    cascade: boolean;
-    labelField: string;
-    childrenField: string;
-    checkStrategy: CheckStrategy;
-    leafOnly: boolean;
-    showPath: boolean;
-    valueField: string;
-} & {
-    value?: Value | null | undefined;
-    filter?: Filter | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    show?: boolean | undefined;
-    disabled?: boolean | undefined;
-    onFocus?: ((e: FocusEvent) => void) | undefined;
-    onBlur?: ((e: FocusEvent) => void) | undefined;
-    onChange?: MaybeArray<OnUpdateValue> | undefined;
-    onLoad?: OnLoad | undefined;
-    placeholder?: string | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"Cascader", {
+    focus: () => void;
+    blur: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    readonly bordered: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly options: {
+        readonly type: PropType<CascaderOption[]>;
+        readonly default: () => never[];
+    };
+    readonly value: PropType<Value | null>;
+    readonly defaultValue: {
+        readonly type: PropType<Value | null>;
+        readonly default: null;
+    };
+    readonly placeholder: StringConstructor;
+    readonly multiple: BooleanConstructor;
+    readonly size: PropType<"small" | "medium" | "large">;
+    readonly filterable: BooleanConstructor;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly expandTrigger: {
+        readonly type: PropType<ExpandTrigger>;
+        readonly default: "click";
+    };
+    readonly clearable: BooleanConstructor;
+    readonly remote: BooleanConstructor;
+    readonly onLoad: PropType<OnLoad>;
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: " / ";
+    };
+    readonly filter: PropType<Filter>;
+    readonly placement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom-start";
+    };
+    readonly cascade: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly leafOnly: BooleanConstructor;
+    readonly showPath: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly show: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly maxTagCount: PropType<number | "responsive">;
+    readonly virtualScroll: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly checkStrategy: {
+        readonly type: PropType<CheckStrategy>;
+        readonly default: "all";
+    };
+    readonly valueField: {
+        readonly type: StringConstructor;
+        readonly default: "value";
+    };
+    readonly labelField: {
+        readonly type: StringConstructor;
+        readonly default: "label";
+    };
+    readonly childrenField: {
+        readonly type: StringConstructor;
+        readonly default: "children";
+    };
+    readonly renderLabel: PropType<(option: CascaderOption, checked: boolean) => VNodeChild>;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: Boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(show: Boolean) => void>>;
+    readonly onBlur: PropType<(e: FocusEvent) => void>;
+    readonly onFocus: PropType<(e: FocusEvent) => void>;
+    readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Cascader", {
         menuBorderRadius: string;
         menuColor: string;
         menuBoxShadow: string;
@@ -1873,6 +1907,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -1936,8 +1971,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             iconSizeHuge: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Cascader", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Cascader", {
         menuBorderRadius: string;
         menuColor: string;
         menuBoxShadow: string;
@@ -2056,6 +2091,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -2119,8 +2155,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             iconSizeHuge: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Cascader", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Cascader", {
         menuBorderRadius: string;
         menuColor: string;
         menuBoxShadow: string;
@@ -2239,6 +2275,7 @@ declare const _default: import("vue").DefineComponent<{
             clearColorHover: string;
             clearColorPressed: string;
             paddingSingle: string;
+            paddingMultiple: string;
             clearSize: string;
             arrowSize: string;
         }, {
@@ -2302,12 +2339,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             iconSizeHuge: string;
         }, any>;
-    }>> | undefined;
-    bordered?: boolean | undefined;
-    maxTagCount?: number | "responsive" | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-}>, {
+    }>>>;
+}>>, {
     show: boolean | undefined;
     separator: string;
     multiple: boolean;

package/lib/cascader/src/Cascader.js

@@ -62,7 +62,7 @@ const cascaderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, childrenField: {
         type: String,
         default: 'children'
-    }, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onBlur: Function, onFocus: Function, 
+    }, renderLabel: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onBlur: Function, onFocus: Function, 
     // deprecated
     onChange: [Function, Array] });
 // TODO refactor cascader menu keyboard scroll (use virtual list)
@@ -166,6 +166,16 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
+        function doUpdateShow(value) {
+            const { onUpdateShow, 'onUpdate:show': _onUpdateShow } = props;
+            if (onUpdateShow) {
+                (0, _utils_1.call)(onUpdateShow, value);
+            }
+            if (_onUpdateShow) {
+                (0, _utils_1.call)(_onUpdateShow, value);
+            }
+            uncontrolledShowRef.value = value;
+        }
         function doUpdateValue(value, option, optionPath) {
             const { onUpdateValue, 'onUpdate:value': _onUpdateValue, onChange } = props;
             const { nTriggerFormInput, nTriggerFormChange } = formItem;
@@ -339,7 +349,7 @@ exports.default = (0, vue_1.defineComponent)({
         function openMenu() {
             if (!mergedDisabledRef.value) {
                 patternRef.value = '';
-                uncontrolledShowRef.value = true;
+                doUpdateShow(true);
                 if (props.filterable) {
                     focusSelectionInput();
                 }
@@ -349,7 +359,7 @@ exports.default = (0, vue_1.defineComponent)({
             if (returnFocus) {
                 focusSelection();
             }
-            uncontrolledShowRef.value = false;
+            doUpdateShow(false);
             patternRef.value = '';
         }
         function handleCascaderMenuClickOutside(e) {
@@ -648,6 +658,7 @@ exports.default = (0, vue_1.defineComponent)({
             optionHeightRef,
             localeRef,
             labelFieldRef: (0, vue_1.toRef)(props, 'labelField'),
+            renderLabelRef: (0, vue_1.toRef)(props, 'renderLabel'),
             syncCascaderMenuPosition,
             syncSelectMenuPosition,
             updateKeyboardKey,
@@ -660,28 +671,21 @@ exports.default = (0, vue_1.defineComponent)({
             handleSelectMenuClickOutside,
             handleCascaderMenuClickOutside
         });
-        return {
-            selectMenuFollowerRef,
+        const exposedMethods = {
+            focus: () => {
+                var _a;
+                (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+            },
+            blur: () => {
+                var _a;
+                (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+            }
+        };
+        return Object.assign(Object.assign({}, exposedMethods), { selectMenuFollowerRef,
             cascaderMenuFollowerRef,
             triggerInstRef,
             selectMenuInstRef,
-            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,
+            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,
@@ -693,33 +697,28 @@ exports.default = (0, vue_1.defineComponent)({
             handleDeleteOption,
             handlePatternInput,
             handleKeyDown,
-            handleKeyUp,
-            focused: focusedRef,
-            optionHeight: optionHeightRef,
-            mergedTheme: themeRef,
-            cssVars: (0, vue_1.computed)(() => {
+            handleKeyUp, focused: focusedRef, optionHeight: optionHeightRef, mergedTheme: themeRef, cssVars: (0, vue_1.computed)(() => {
                 const { self: { optionArrowColor, optionTextColor, optionTextColorActive, optionTextColorDisabled, optionCheckMarkColor, menuColor, menuBoxShadow, menuDividerColor, menuBorderRadius, menuHeight, optionColorHover, optionHeight, optionFontSize, loadingColor, columnWidth }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--menu-border-radius': menuBorderRadius,
-                    '--menu-box-shadow': menuBoxShadow,
-                    '--menu-height': menuHeight,
-                    '--column-width': columnWidth,
-                    '--menu-color': menuColor,
-                    '--menu-divider-color': menuDividerColor,
-                    '--option-height': optionHeight,
-                    '--option-font-size': optionFontSize,
-                    '--option-text-color': optionTextColor,
-                    '--option-text-color-disabled': optionTextColorDisabled,
-                    '--option-text-color-active': optionTextColorActive,
-                    '--option-color-hover': optionColorHover,
-                    '--option-check-mark-color': optionCheckMarkColor,
-                    '--option-arrow-color': optionArrowColor,
-                    '--menu-mask-color': (0, seemly_1.changeColor)(menuColor, { alpha: 0.75 }),
-                    '--loading-color': loadingColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-menu-border-radius': menuBorderRadius,
+                    '--n-menu-box-shadow': menuBoxShadow,
+                    '--n-menu-height': menuHeight,
+                    '--n-column-width': columnWidth,
+                    '--n-menu-color': menuColor,
+                    '--n-menu-divider-color': menuDividerColor,
+                    '--n-option-height': optionHeight,
+                    '--n-option-font-size': optionFontSize,
+                    '--n-option-text-color': optionTextColor,
+                    '--n-option-text-color-disabled': optionTextColorDisabled,
+                    '--n-option-text-color-active': optionTextColorActive,
+                    '--n-option-color-hover': optionColorHover,
+                    '--n-option-check-mark-color': optionCheckMarkColor,
+                    '--n-option-arrow-color': optionArrowColor,
+                    '--n-menu-mask-color': (0, seemly_1.changeColor)(menuColor, { alpha: 0.75 }),
+                    '--n-loading-color': loadingColor
                 };
-            })
-        };
+            }) });
     },
     render() {
         const { mergedClsPrefix, $slots } = this;