naive-ui 2.23.1 → 2.24.2

package/es/mention/src/Mention.d.ts

@@ -1093,55 +1093,59 @@ declare const _default: import("vue").DefineComponent<{
     focus: () => void;
     blur: () => void;
     cssVars: import("vue").ComputedRef<{
-        '--menu-box-shadow': string;
+        '--n-menu-box-shadow': 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 autosize?: unknown;
-    readonly options?: unknown;
-    readonly type?: unknown;
-    readonly separator?: unknown;
-    readonly bordered?: unknown;
-    readonly disabled?: unknown;
-    readonly value?: unknown;
-    readonly defaultValue?: unknown;
-    readonly loading?: unknown;
-    readonly prefix?: unknown;
-    readonly placeholder?: unknown;
-    readonly size?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly renderLabel?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly onSearch?: unknown;
-    readonly onSelect?: unknown;
-    readonly onFocus?: unknown;
-    readonly onBlur?: unknown;
-    readonly internalDebug?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    type: "textarea" | "text";
-    prefix: string | string[];
-    separator: string;
-    disabled: boolean;
-    placeholder: string;
-    loading: boolean;
-    options: MentionOption[];
-    defaultValue: string;
-    internalDebug: boolean;
-} & {
-    value?: string | null | undefined;
-    size?: InputSize | undefined;
-    onFocus?: ((e: FocusEvent) => void) | undefined;
-    onBlur?: ((e: FocusEvent) => void) | undefined;
-    onSelect?: ((option: MentionOption, prefix: string) => void) | undefined;
-    autosize?: boolean | {
+}, 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 autosize: PropType<boolean | {
         maxRows?: number | undefined;
         minRows?: number | undefined;
-    } | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"Mention", {
+    }>;
+    readonly options: {
+        readonly type: PropType<MentionOption[]>;
+        readonly default: readonly [];
+    };
+    readonly type: {
+        readonly type: PropType<"textarea" | "text">;
+        readonly default: "text";
+    };
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly validator: (separator: string) => boolean;
+        readonly default: " ";
+    };
+    readonly bordered: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly disabled: BooleanConstructor;
+    readonly value: PropType<string | null>;
+    readonly defaultValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly loading: BooleanConstructor;
+    readonly prefix: {
+        readonly type: PropType<string | string[]>;
+        readonly default: "@";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly size: PropType<InputSize>;
+    readonly 'onUpdate:value': PropType<MaybeArray<(value: string) => void>>;
+    readonly renderLabel: PropType<RenderLabel>;
+    readonly onUpdateValue: PropType<MaybeArray<(value: string) => void>>;
+    readonly onSearch: PropType<(pattern: string, prefix: string) => void>;
+    readonly onSelect: PropType<(option: MentionOption, prefix: string) => void>;
+    readonly onFocus: PropType<(e: FocusEvent) => void>;
+    readonly onBlur: PropType<(e: FocusEvent) => void>;
+    readonly internalDebug: BooleanConstructor;
+    readonly theme: PropType<import("../../_mixins").Theme<"Mention", {
         menuBoxShadow: string;
     }, {
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
@@ -1256,8 +1260,8 @@ declare const _default: import("vue").DefineComponent<{
             paddingLarge: string;
             clearSize: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Mention", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Mention", {
         menuBoxShadow: string;
     }, {
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
@@ -1372,8 +1376,8 @@ declare const _default: import("vue").DefineComponent<{
             paddingLarge: string;
             clearSize: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Mention", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Mention", {
         menuBoxShadow: string;
     }, {
         InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
@@ -1488,13 +1492,8 @@ declare const _default: import("vue").DefineComponent<{
             paddingLarge: string;
             clearSize: string;
         }, any>;
-    }>> | undefined;
-    bordered?: boolean | undefined;
-    renderLabel?: RenderLabel | undefined;
-    "onUpdate:value"?: MaybeArray<(value: string) => void> | undefined;
-    onUpdateValue?: MaybeArray<(value: string) => void> | undefined;
-    onSearch?: ((pattern: string, prefix: string) => void) | undefined;
-}>, {
+    }>>>;
+}>>, {
     type: "textarea" | "text";
     prefix: string | string[];
     separator: string;

package/es/mention/src/Mention.js

@@ -300,7 +300,7 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { self: { menuBoxShadow } } = themeRef.value;
                 return {
-                    '--menu-box-shadow': menuBoxShadow
+                    '--n-menu-box-shadow': menuBoxShadow
                 };
             })
         };

package/es/mention/src/styles/index.cssr.js

@@ -1,6 +1,6 @@
 import fadeInScaleUp from '../../../_styles/transitions/fade-in-scale-up.cssr';
-import { c, cB } from '../../../_utils/cssr'; // --menu-box-shadow
+import { c, cB } from '../../../_utils/cssr'; // --n-menu-box-shadow
 
 export default c([cB('mention', 'width: 100%; z-index: auto; position: relative;'), cB('mention-menu', `
- box-shadow: var(--menu-box-shadow);
+ box-shadow: var(--n-menu-box-shadow);
  `, [fadeInScaleUp()])]);

package/es/mention/src/utils.js

@@ -122,7 +122,6 @@ export function getRelativePosition(element, options = {
             }
         }
         else {
-            // @ts-expect-error
             style[prop] = computed[prop];
         }
     });

package/es/menu/src/Menu.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes, InjectionKey, VNodeChild } from 'vue';
+import { PropType, ExtractPropTypes, VNodeChild } from 'vue';
 import { Key } from 'treemate';
 import type { MaybeArray } from '../../_utils';
 import { MenuInjection } from './use-menu-child';
@@ -277,7 +277,7 @@ declare const menuProps: {
 };
 export declare type MenuSetupProps = ExtractPropTypes<typeof menuProps>;
 export declare type MenuProps = Partial<MenuSetupProps>;
-export declare const menuInjectionKey: InjectionKey<MenuInjection>;
+export declare const menuInjectionKey: import("vue").InjectionKey<MenuInjection>;
 declare const _default: import("vue").DefineComponent<{
     readonly options: {
         readonly type: PropType<MenuMixedOption[]>;
@@ -578,7 +578,7 @@ declare const _default: import("vue").DefineComponent<{
             errorColor: string;
             errorColorHover: string;
             errorColorPressed: string;
-            errorColorSuppl: string;
+            errorColorSuppl: string; /** TODO: deprecate it */
             textColorBase: string;
             textColor1: string;
             textColor2: string;
@@ -748,66 +748,84 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     mergedCollapsed: import("vue").ComputedRef<boolean>;
     cssVars: import("vue").ComputedRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly options?: unknown;
-    readonly collapsed?: unknown;
-    readonly collapsedWidth?: unknown;
-    readonly iconSize?: unknown;
-    readonly collapsedIconSize?: unknown;
-    readonly rootIndent?: unknown;
-    readonly indent?: unknown;
-    readonly labelField?: unknown;
-    readonly keyField?: unknown;
-    readonly childrenField?: unknown;
-    readonly defaultExpandAll?: unknown;
-    readonly defaultExpandedKeys?: unknown;
-    readonly expandedKeys?: unknown;
-    readonly value?: unknown;
-    readonly defaultValue?: unknown;
-    readonly mode?: unknown;
-    readonly watchProps?: unknown;
-    readonly disabled?: unknown;
-    readonly inverted?: unknown;
-    readonly 'onUpdate:expandedKeys'?: unknown;
-    readonly onUpdateExpandedKeys?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly expandIcon?: unknown;
-    readonly renderIcon?: unknown;
-    readonly renderLabel?: unknown;
-    readonly renderExtra?: unknown;
-    readonly dropdownPlacement?: unknown;
-    readonly dropdownProps?: unknown;
-    readonly accordion?: unknown;
-    readonly items?: unknown;
-    readonly onOpenNamesChange?: unknown;
-    readonly onSelect?: unknown;
-    readonly onExpandedNamesChange?: unknown;
-    readonly expandedNames?: unknown;
-    readonly defaultExpandedNames?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    mode: "horizontal" | "vertical";
-    disabled: boolean;
-    keyField: string;
-    iconSize: number;
-    options: MenuMixedOption[];
-    defaultValue: Key | null;
-    indent: number;
-    labelField: string;
-    inverted: boolean;
-    childrenField: string;
-    accordion: boolean;
-    collapsedWidth: number;
-    collapsedIconSize: number;
-    defaultExpandAll: boolean;
-    dropdownPlacement: FollowerPlacement;
-} & {
-    value?: Key | null | undefined;
-    onSelect?: MaybeArray<OnUpdateValue> | undefined;
-    theme?: import("../../_mixins").Theme<"Menu", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    readonly options: {
+        readonly type: PropType<MenuMixedOption[]>;
+        readonly default: () => never[];
+    };
+    readonly collapsed: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly collapsedWidth: {
+        readonly type: NumberConstructor;
+        readonly default: 48;
+    };
+    readonly iconSize: {
+        readonly type: NumberConstructor;
+        readonly default: 20;
+    };
+    readonly collapsedIconSize: {
+        readonly type: NumberConstructor;
+        readonly default: 24;
+    };
+    readonly rootIndent: NumberConstructor;
+    readonly indent: {
+        readonly type: NumberConstructor;
+        readonly default: 32;
+    };
+    readonly labelField: {
+        readonly type: StringConstructor;
+        readonly default: "label";
+    };
+    readonly keyField: {
+        readonly type: StringConstructor;
+        readonly default: "key";
+    };
+    readonly childrenField: {
+        readonly type: StringConstructor;
+        readonly default: "children";
+    };
+    readonly defaultExpandAll: BooleanConstructor;
+    readonly defaultExpandedKeys: PropType<Key[]>;
+    readonly expandedKeys: PropType<Key[]>;
+    readonly value: PropType<Key | null>;
+    readonly defaultValue: {
+        readonly type: PropType<Key | null>;
+        readonly default: null;
+    };
+    readonly mode: {
+        readonly type: PropType<"horizontal" | "vertical">;
+        readonly default: "vertical";
+    };
+    readonly watchProps: {
+        readonly type: PropType<("defaultValue" | "defaultExpandedKeys")[]>;
+        readonly default: undefined;
+    };
+    readonly disabled: BooleanConstructor;
+    readonly inverted: BooleanConstructor;
+    readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
+    readonly onUpdateExpandedKeys: PropType<MaybeArray<OnUpdateKeys>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly expandIcon: PropType<(option: MenuOption) => VNodeChild>;
+    readonly renderIcon: PropType<(option: MenuOption) => VNodeChild>;
+    readonly renderLabel: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
+    readonly renderExtra: PropType<(option: MenuOption | MenuGroupOption) => VNodeChild>;
+    /** TODO: deprecate it */
+    readonly dropdownPlacement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom";
+    };
+    readonly dropdownProps: PropType<DropdownProps>;
+    readonly accordion: BooleanConstructor;
+    readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
+    readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
+    readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
+    readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
+    readonly expandedNames: PropType<Key[]>;
+    readonly defaultExpandedNames: PropType<Key[]>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Menu", {
         itemTextColorInverted: string;
         itemTextColorHoverInverted: string;
         itemTextColorChildActiveInverted: string;
@@ -870,8 +888,8 @@ declare const _default: import("vue").DefineComponent<{
                 padding: string;
             }, any>;
         }>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
         itemTextColorInverted: string;
         itemTextColorHoverInverted: string;
         itemTextColorChildActiveInverted: string;
@@ -934,8 +952,8 @@ declare const _default: import("vue").DefineComponent<{
                 padding: string;
             }, any>;
         }>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
         itemTextColorInverted: string;
         itemTextColorHoverInverted: string;
         itemTextColorChildActiveInverted: string;
@@ -998,27 +1016,8 @@ declare const _default: import("vue").DefineComponent<{
                 padding: string;
             }, any>;
         }>;
-    }>> | undefined;
-    items?: (MenuOption | MenuGroupOption)[] | undefined;
-    renderIcon?: ((option: MenuOption) => VNodeChild) | undefined;
-    renderLabel?: ((option: MenuOption | MenuGroupOption) => VNodeChild) | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    defaultExpandedNames?: Key[] | undefined;
-    expandedNames?: Key[] | undefined;
-    onExpandedNamesChange?: MaybeArray<OnUpdateKeys> | undefined;
-    collapsed?: boolean | undefined;
-    expandIcon?: ((option: MenuOption) => VNodeChild) | undefined;
-    defaultExpandedKeys?: Key[] | undefined;
-    rootIndent?: number | undefined;
-    expandedKeys?: Key[] | undefined;
-    watchProps?: ("defaultValue" | "defaultExpandedKeys")[] | undefined;
-    "onUpdate:expandedKeys"?: MaybeArray<OnUpdateKeys> | undefined;
-    onUpdateExpandedKeys?: MaybeArray<OnUpdateKeys> | undefined;
-    renderExtra?: ((option: MenuOption | MenuGroupOption) => VNodeChild) | undefined;
-    dropdownProps?: DropdownProps | undefined;
-    onOpenNamesChange?: MaybeArray<OnUpdateKeys> | undefined;
-}>, {
+    }>>>;
+}>>, {
     mode: "horizontal" | "vertical";
     disabled: boolean;
     keyField: string;

package/es/menu/src/Menu.js

@@ -2,7 +2,7 @@ import { h, ref, toRef, computed, defineComponent, provide, inject, watchEffect
 import { createTreeMate } from 'treemate';
 import { useCompitable, useMergedState } from 'vooks';
 import { useConfig, useTheme } from '../../_mixins';
-import { call } from '../../_utils';
+import { call, createInjectionKey } from '../../_utils';
 import { itemRenderer } from './utils';
 import { menuLight } from '../styles';
 import style from './styles/index.cssr';
@@ -52,7 +52,7 @@ const menuProps = Object.assign(Object.assign({}, useTheme.props), { options: {
     }, dropdownProps: Object, accordion: Boolean, 
     // deprecated
     items: Array, onOpenNamesChange: [Function, Array], onSelect: [Function, Array], onExpandedNamesChange: [Function, Array], expandedNames: Array, defaultExpandedNames: Array });
-export const menuInjectionKey = Symbol('menu');
+export const menuInjectionKey = createInjectionKey('n-menu');
 export default defineComponent({
     name: 'Menu',
     props: menuProps,
@@ -204,55 +204,58 @@ export default defineComponent({
                 const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
                 const { borderRadius, borderColorHorizontal, fontSize, itemHeight, dividerColor } = self;
                 const vars = {
-                    '--divider-color': dividerColor,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--font-size': fontSize,
-                    '--border-color-horizontal': borderColorHorizontal,
-                    '--border-radius': borderRadius,
-                    '--item-height': itemHeight
+                    '--n-divider-color': dividerColor,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-font-size': fontSize,
+                    '--n-border-color-horizontal': borderColorHorizontal,
+                    '--n-border-radius': borderRadius,
+                    '--n-item-height': itemHeight
                 };
                 if (inverted) {
-                    vars['--group-text-color'] = self.groupTextColorInverted;
-                    vars['--color'] = self.colorInverted;
-                    vars['--item-text-color'] = self.itemTextColorInverted;
-                    vars['--arrow-color'] = self.arrowColorInverted;
-                    vars['--arrow-color-hover'] = self.arrowColorHoverInverted;
-                    vars['--arrow-color-active'] = self.arrowColorActiveInverted;
-                    vars['--arrow-color-child-active'] =
+                    vars['--n-group-text-color'] = self.groupTextColorInverted;
+                    vars['--n-color'] = self.colorInverted;
+                    vars['--n-item-text-color'] = self.itemTextColorInverted;
+                    vars['--n-arrow-color'] = self.arrowColorInverted;
+                    vars['--n-arrow-color-hover'] = self.arrowColorHoverInverted;
+                    vars['--n-arrow-color-active'] = self.arrowColorActiveInverted;
+                    vars['--n-arrow-color-child-active'] =
                         self.arrowColorChildActiveInverted;
-                    vars['--item-icon-color'] = self.itemIconColorInverted;
-                    vars['--item-text-color-hover'] = self.itemTextColorHoverInverted;
-                    vars['--item-icon-color-hover'] = self.itemIconColorHoverInverted;
-                    vars['--item-text-color-active'] = self.itemTextColorActiveInverted;
-                    vars['--item-icon-color-active'] = self.itemIconColorActiveInverted;
-                    vars['--item-icon-color-collapsed'] =
+                    vars['--n-item-icon-color'] = self.itemIconColorInverted;
+                    vars['--n-item-text-color-hover'] = self.itemTextColorHoverInverted;
+                    vars['--n-item-icon-color-hover'] = self.itemIconColorHoverInverted;
+                    vars['--n-item-text-color-active'] = self.itemTextColorActiveInverted;
+                    vars['--n-item-icon-color-active'] = self.itemIconColorActiveInverted;
+                    vars['--n-item-icon-color-collapsed'] =
                         self.itemIconColorCollapsedInverted;
-                    vars['--item-color-active'] = self.itemColorActiveInverted;
-                    vars['--item-color-active-collapsed'] =
+                    vars['--n-item-color-active'] = self.itemColorActiveInverted;
+                    vars['--n-item-color-active-collapsed'] =
                         self.itemColorActiveCollapsedInverted;
-                    vars['--item-text-color-child-active'] =
+                    vars['--n-item-text-color-child-active'] =
                         self.itemTextColorChildActiveInverted;
-                    vars['--item-icon-color-child-active'] =
+                    vars['--n-item-icon-color-child-active'] =
                         self.itemIconColorChildActiveInverted;
                 }
                 else {
-                    vars['--group-text-color'] = self.groupTextColor;
-                    vars['--color'] = self.color;
-                    vars['--item-text-color'] = self.itemTextColor;
-                    vars['--arrow-color'] = self.arrowColor;
-                    vars['--arrow-color-hover'] = self.arrowColorHover;
-                    vars['--arrow-color-active'] = self.arrowColorActive;
-                    vars['--arrow-color-child-active'] = self.arrowColorChildActive;
-                    vars['--item-icon-color'] = self.itemIconColor;
-                    vars['--item-text-color-hover'] = self.itemTextColorHover;
-                    vars['--item-icon-color-hover'] = self.itemIconColorHover;
-                    vars['--item-text-color-active'] = self.itemTextColorActive;
-                    vars['--item-icon-color-active'] = self.itemIconColorActive;
-                    vars['--item-icon-color-collapsed'] = self.itemIconColorCollapsed;
-                    vars['--item-color-active'] = self.itemColorActive;
-                    vars['--item-color-active-collapsed'] = self.itemColorActiveCollapsed;
-                    vars['--item-text-color-child-active'] = self.itemTextColorChildActive;
-                    vars['--item-icon-color-child-active'] = self.itemIconColorChildActive;
+                    vars['--n-group-text-color'] = self.groupTextColor;
+                    vars['--n-color'] = self.color;
+                    vars['--n-item-text-color'] = self.itemTextColor;
+                    vars['--n-arrow-color'] = self.arrowColor;
+                    vars['--n-arrow-color-hover'] = self.arrowColorHover;
+                    vars['--n-arrow-color-active'] = self.arrowColorActive;
+                    vars['--n-arrow-color-child-active'] = self.arrowColorChildActive;
+                    vars['--n-item-icon-color'] = self.itemIconColor;
+                    vars['--n-item-text-color-hover'] = self.itemTextColorHover;
+                    vars['--n-item-icon-color-hover'] = self.itemIconColorHover;
+                    vars['--n-item-text-color-active'] = self.itemTextColorActive;
+                    vars['--n-item-icon-color-active'] = self.itemIconColorActive;
+                    vars['--n-item-icon-color-collapsed'] = self.itemIconColorCollapsed;
+                    vars['--n-item-color-active'] = self.itemColorActive;
+                    vars['--n-item-color-active-collapsed'] =
+                        self.itemColorActiveCollapsed;
+                    vars['--n-item-text-color-child-active'] =
+                        self.itemTextColorChildActive;
+                    vars['--n-item-icon-color-child-active'] =
+                        self.itemIconColorChildActive;
                 }
                 return vars;
             })

package/es/menu/src/MenuDivider.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, () => JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;