naive-ui 2.23.1 → 2.24.2

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

@@ -1,4 +1,4 @@
-import { PropType, VNodeChild, InjectionKey } from 'vue';
+import { PropType, VNodeChild } from 'vue';
 import type { SubmenuInjection } from './use-menu-child';
 import { MenuMixedOption, TmNode } from './interface';
 export declare const submenuProps: {
@@ -33,7 +33,7 @@ export declare const submenuProps: {
     readonly title: PropType<string | (() => VNodeChild)>;
     readonly extra: PropType<string | (() => VNodeChild)>;
 };
-export declare const submenuInjectionKey: InjectionKey<SubmenuInjection>;
+export declare const submenuInjectionKey: import("vue").InjectionKey<SubmenuInjection>;
 declare const _default: import("vue").DefineComponent<{
     readonly rawNodes: {
         readonly type: PropType<MenuMixedOption[]>;
@@ -66,277 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly title: PropType<string | (() => VNodeChild)>;
     readonly extra: PropType<string | (() => VNodeChild)>;
 }, {
-    menuProps: {
-        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: import("treemate").Key | null;
-        indent: number;
-        labelField: string;
-        inverted: boolean;
-        childrenField: string;
-        accordion: boolean;
-        collapsedWidth: number;
-        collapsedIconSize: number;
-        defaultExpandAll: boolean;
-        dropdownPlacement: import("vueuc").FollowerPlacement;
-    } & {
-        value?: import("treemate").Key | null | undefined;
-        onSelect?: import("../../_utils").MaybeArray<import("./interface").OnUpdateValue> | undefined;
-        theme?: import("../../_mixins").Theme<"Menu", {
-            itemTextColorInverted: string;
-            itemTextColorHoverInverted: string;
-            itemTextColorChildActiveInverted: string;
-            itemTextColorActiveInverted: string;
-            itemIconColorInverted: string;
-            itemIconColorHoverInverted: string;
-            itemIconColorActiveInverted: string;
-            itemIconColorChildActiveInverted: string;
-            itemIconColorCollapsedInverted: string;
-            arrowColorInverted: string;
-            arrowColorHoverInverted: string;
-            arrowColorChildActiveInverted: string;
-            arrowColorActiveInverted: string;
-            groupTextColorInverted: string;
-            borderRadius: string;
-            color: string;
-            groupTextColor: string;
-            itemColorActive: string;
-            itemColorActiveCollapsed: string;
-            itemTextColor: string;
-            itemTextColorHover: string;
-            itemTextColorChildActive: string;
-            itemTextColorActive: string;
-            itemIconColor: string;
-            itemIconColorHover: string;
-            itemIconColorActive: string;
-            itemIconColorChildActive: string;
-            itemIconColorCollapsed: string;
-            itemHeight: string;
-            arrowColor: string;
-            arrowColorHover: string;
-            arrowColorChildActive: string;
-            arrowColorActive: string;
-            colorInverted: string;
-            itemColorActiveInverted: string;
-            itemColorActiveCollapsedInverted: string;
-            borderColorHorizontal: string;
-            fontSize: string;
-            dividerColor: string;
-        }, {
-            Tooltip: import("../../_mixins").Theme<"Tooltip", {
-                borderRadius: string;
-                boxShadow: string;
-                color: string;
-                textColor: string;
-                padding: string;
-            }, {
-                Popover: import("../../_mixins").Theme<"Popover", {
-                    fontSize: string;
-                    borderRadius: string;
-                    color: string;
-                    dividerColor: string;
-                    textColor: string;
-                    boxShadow: string;
-                    space: string;
-                    spaceArrow: string;
-                    arrowOffset: string;
-                    arrowOffsetVertical: string;
-                    arrowHeight: string;
-                    padding: string;
-                }, any>;
-            }>;
-        }> | undefined;
-        themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
-            itemTextColorInverted: string;
-            itemTextColorHoverInverted: string;
-            itemTextColorChildActiveInverted: string;
-            itemTextColorActiveInverted: string;
-            itemIconColorInverted: string;
-            itemIconColorHoverInverted: string;
-            itemIconColorActiveInverted: string;
-            itemIconColorChildActiveInverted: string;
-            itemIconColorCollapsedInverted: string;
-            arrowColorInverted: string;
-            arrowColorHoverInverted: string;
-            arrowColorChildActiveInverted: string;
-            arrowColorActiveInverted: string;
-            groupTextColorInverted: string;
-            borderRadius: string;
-            color: string;
-            groupTextColor: string;
-            itemColorActive: string;
-            itemColorActiveCollapsed: string;
-            itemTextColor: string;
-            itemTextColorHover: string;
-            itemTextColorChildActive: string;
-            itemTextColorActive: string;
-            itemIconColor: string;
-            itemIconColorHover: string;
-            itemIconColorActive: string;
-            itemIconColorChildActive: string;
-            itemIconColorCollapsed: string;
-            itemHeight: string;
-            arrowColor: string;
-            arrowColorHover: string;
-            arrowColorChildActive: string;
-            arrowColorActive: string;
-            colorInverted: string;
-            itemColorActiveInverted: string;
-            itemColorActiveCollapsedInverted: string;
-            borderColorHorizontal: string;
-            fontSize: string;
-            dividerColor: string;
-        }, {
-            Tooltip: import("../../_mixins").Theme<"Tooltip", {
-                borderRadius: string;
-                boxShadow: string;
-                color: string;
-                textColor: string;
-                padding: string;
-            }, {
-                Popover: import("../../_mixins").Theme<"Popover", {
-                    fontSize: string;
-                    borderRadius: string;
-                    color: string;
-                    dividerColor: string;
-                    textColor: string;
-                    boxShadow: string;
-                    space: string;
-                    spaceArrow: string;
-                    arrowOffset: string;
-                    arrowOffsetVertical: string;
-                    arrowHeight: string;
-                    padding: string;
-                }, any>;
-            }>;
-        }>> | undefined;
-        builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
-            itemTextColorInverted: string;
-            itemTextColorHoverInverted: string;
-            itemTextColorChildActiveInverted: string;
-            itemTextColorActiveInverted: string;
-            itemIconColorInverted: string;
-            itemIconColorHoverInverted: string;
-            itemIconColorActiveInverted: string;
-            itemIconColorChildActiveInverted: string;
-            itemIconColorCollapsedInverted: string;
-            arrowColorInverted: string;
-            arrowColorHoverInverted: string;
-            arrowColorChildActiveInverted: string;
-            arrowColorActiveInverted: string;
-            groupTextColorInverted: string;
-            borderRadius: string;
-            color: string;
-            groupTextColor: string;
-            itemColorActive: string;
-            itemColorActiveCollapsed: string;
-            itemTextColor: string;
-            itemTextColorHover: string;
-            itemTextColorChildActive: string;
-            itemTextColorActive: string;
-            itemIconColor: string;
-            itemIconColorHover: string;
-            itemIconColorActive: string;
-            itemIconColorChildActive: string;
-            itemIconColorCollapsed: string;
-            itemHeight: string;
-            arrowColor: string;
-            arrowColorHover: string;
-            arrowColorChildActive: string;
-            arrowColorActive: string;
-            colorInverted: string;
-            itemColorActiveInverted: string;
-            itemColorActiveCollapsedInverted: string;
-            borderColorHorizontal: string;
-            fontSize: string;
-            dividerColor: string;
-        }, {
-            Tooltip: import("../../_mixins").Theme<"Tooltip", {
-                borderRadius: string;
-                boxShadow: string;
-                color: string;
-                textColor: string;
-                padding: string;
-            }, {
-                Popover: import("../../_mixins").Theme<"Popover", {
-                    fontSize: string;
-                    borderRadius: string;
-                    color: string;
-                    dividerColor: string;
-                    textColor: string;
-                    boxShadow: string;
-                    space: string;
-                    spaceArrow: string;
-                    arrowOffset: string;
-                    arrowOffsetVertical: string;
-                    arrowHeight: string;
-                    padding: string;
-                }, any>;
-            }>;
-        }>> | undefined;
-        items?: (import("./interface").MenuOption | import("./interface").MenuGroupOption)[] | undefined;
-        renderIcon?: ((option: import("./interface").MenuOption) => VNodeChild) | undefined;
-        renderLabel?: ((option: import("./interface").MenuOption | import("./interface").MenuGroupOption) => VNodeChild) | undefined;
-        "onUpdate:value"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateValue> | undefined;
-        onUpdateValue?: import("../../_utils").MaybeArray<import("./interface").OnUpdateValue> | undefined;
-        defaultExpandedNames?: import("treemate").Key[] | undefined;
-        expandedNames?: import("treemate").Key[] | undefined;
-        onExpandedNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
-        collapsed?: boolean | undefined;
-        expandIcon?: ((option: import("./interface").MenuOption) => VNodeChild) | undefined;
-        defaultExpandedKeys?: import("treemate").Key[] | undefined;
-        rootIndent?: number | undefined;
-        expandedKeys?: import("treemate").Key[] | undefined;
-        watchProps?: ("defaultValue" | "defaultExpandedKeys")[] | undefined;
-        "onUpdate:expandedKeys"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
-        onUpdateExpandedKeys?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
-        renderExtra?: ((option: import("./interface").MenuOption | import("./interface").MenuGroupOption) => VNodeChild) | undefined;
-        dropdownProps?: import("../../dropdown").DropdownProps | undefined;
-        onOpenNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
-    };
+    menuProps: import("./Menu").MenuSetupProps;
     doSelect: import("./interface").OnUpdateValueImpl;
     inverted: import("vue").Ref<boolean>;
     isHorizontal: import("vue").Ref<boolean>;
@@ -354,34 +84,38 @@ declare const _default: import("vue").DefineComponent<{
     dropdownEnabled: import("vue").ComputedRef<boolean>;
     handlePopoverShowChange: (value: boolean) => void;
     handleClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly rawNodes?: unknown;
-    readonly tmNodes?: unknown;
-    readonly tmNode?: unknown;
-    readonly disabled?: unknown;
-    readonly icon?: unknown;
-    readonly onClick?: unknown;
-    readonly internalKey?: unknown;
-    readonly root?: unknown;
-    readonly isGroup?: unknown;
-    readonly level?: unknown;
-    readonly title?: unknown;
-    readonly extra?: unknown;
-} & {
-    root: boolean;
-    disabled: boolean;
-    tmNode: TmNode;
-    level: number;
-    isGroup: boolean;
-    tmNodes: TmNode[];
-    internalKey: import("treemate").Key;
-    rawNodes: MenuMixedOption[];
-} & {
-    extra?: string | (() => VNodeChild) | undefined;
-    icon?: (() => VNodeChild) | undefined;
-    onClick?: (() => void) | undefined;
-    title?: string | (() => VNodeChild) | undefined;
-}>, {
+}, 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 rawNodes: {
+        readonly type: PropType<MenuMixedOption[]>;
+        readonly default: () => never[];
+    };
+    readonly tmNodes: {
+        readonly type: PropType<TmNode[]>;
+        readonly default: () => never[];
+    };
+    readonly tmNode: {
+        readonly type: PropType<TmNode>;
+        readonly required: true;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly icon: PropType<() => VNodeChild>;
+    readonly onClick: PropType<() => void>;
+    readonly internalKey: {
+        readonly type: PropType<import("treemate").Key>;
+        readonly required: true;
+    };
+    readonly root: BooleanConstructor;
+    readonly isGroup: BooleanConstructor;
+    readonly level: {
+        readonly type: NumberConstructor;
+        readonly required: true;
+    };
+    readonly title: PropType<string | (() => VNodeChild)>;
+    readonly extra: PropType<string | (() => VNodeChild)>;
+}>>, {
     root: boolean;
     disabled: boolean;
     isGroup: boolean;

package/es/menu/src/Submenu.js

@@ -4,8 +4,10 @@ import { NFadeInExpandTransition } from '../../_internal';
 import { NDropdown } from '../../dropdown';
 import NMenuOptionContent from './MenuOptionContent';
 import { itemRenderer } from './utils';
-import { useMenuChild, useMenuChildProps } from './use-menu-child';
+import { useMenuChild } from './use-menu-child';
+import { useMenuChildProps } from './use-menu-child-props';
 import { menuItemGroupInjectionKey } from './MenuOptionGroup';
+import { createInjectionKey } from '../../_utils';
 export const submenuProps = Object.assign(Object.assign({}, useMenuChildProps), { rawNodes: {
         type: Array,
         default: () => []
@@ -19,7 +21,7 @@ export const submenuProps = Object.assign(Object.assign({}, useMenuChildProps),
         type: Boolean,
         default: false
     }, icon: Function, onClick: Function });
-export const submenuInjectionKey = Symbol('submenu');
+export const submenuInjectionKey = createInjectionKey('n-submenu');
 export default defineComponent({
     name: 'Submenu',
     props: submenuProps,

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

@@ -1,35 +1,35 @@
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
 import fadeInHeightExpandTransition from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
-// --color
-// --group-text-color
-// --bezier
-// --font-size
-// --border-color-horizontal
-// --border-radius
-// --item-color-active
-// --item-color-active-collapsed
-// --arrow-color
-// --arrow-color-hover
-// --arrow-color-active
-// --arrow-color-child-active
-// --item-text-color
-// --item-text-color-hover
-// --item-text-color-active
-// --item-text-color-child-active
-// --item-icon-color
-// --item-icon-color-hover
-// --item-icon-color-active
-// --item-icon-color-collapsed
-// --item-icon-color-child-active
-// --item-height
+// --n-color
+// --n-group-text-color
+// --n-bezier
+// --n-font-size
+// --n-border-color-horizontal
+// --n-border-radius
+// --n-item-color-active
+// --n-item-color-active-collapsed
+// --n-arrow-color
+// --n-arrow-color-hover
+// --n-arrow-color-active
+// --n-arrow-color-child-active
+// --n-item-text-color
+// --n-item-text-color-hover
+// --n-item-text-color-active
+// --n-item-text-color-child-active
+// --n-item-icon-color
+// --n-item-icon-color-hover
+// --n-item-icon-color-active
+// --n-item-icon-color-collapsed
+// --n-item-icon-color-child-active
+// --n-item-height
 
 export default c([cB('menu', `
- background-color: var(--color);
- color: var(--item-text-color);
+ background-color: var(--n-color);
+ color: var(--n-item-text-color);
  overflow: hidden;
- transition: background-color .3s var(--bezier);
+ transition: background-color .3s var(--n-bezier);
  box-sizing: border-box;
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  padding-bottom: 6px;
  `, [cM('horizontal', {
   display: 'inline-flex',
@@ -41,25 +41,25 @@ export default c([cB('menu', `
 }, [c('&::before', {
   backgroundColor: '#0000 !important'
 }), cM('selected', [cB('menu-item-content', {
-  borderBottom: '2px solid var(--border-color-horizontal)'
+  borderBottom: '2px solid var(--n-border-color-horizontal)'
 })])]), cB('menu-item-content', {
   padding: '0 20px',
   borderBottom: '2px solid #0000'
 }, [cM('child-active', {
-  borderBottom: '2px solid var(--border-color-horizontal)'
+  borderBottom: '2px solid var(--n-border-color-horizontal)'
 }), cNotM('disabled', [hoverStyle({
-  borderBottom: '2px solid var(--border-color-horizontal)'
+  borderBottom: '2px solid var(--n-border-color-horizontal)'
 }, null)])])]), cM('collapsed', [cB('menu-item', [cM('selected', [c('&::before', {
-  backgroundColor: 'var(--item-color-active-collapsed) !important'
+  backgroundColor: 'var(--n-item-color-active-collapsed) !important'
 })])]), cB('menu-item-content', [cB('menu-item-content-header', {
   opacity: 0
 }), cE('arrow', {
   opacity: 0
 }), cE('icon', {
-  color: 'var(--item-icon-color-collapsed)'
+  color: 'var(--n-item-icon-color-collapsed)'
 })])]), cB('menu-item', `
- transition: background-color .3s var(--bezier);
- height: var(--item-height);
+ transition: background-color .3s var(--n-bezier);
+ height: var(--n-item-height);
  margin-top: 6px;
  position: relative;
  `, [c('&::before', `
@@ -72,20 +72,20 @@ export default c([cB('menu', `
  top: 0;
  bottom: 0;
  pointer-events: none;
- border-radius: var(--border-radius);
- transition: background-color .3s var(--bezier);
+ border-radius: var(--n-border-radius);
+ transition: background-color .3s var(--n-bezier);
  `), cNotM('disabled', [c('&:active::before', {
-  backgroundColor: 'var(--item-color-active)'
+  backgroundColor: 'var(--n-item-color-active)'
 })]), cM('selected', [c('&::before', {
-  backgroundColor: 'var(--item-color-active)'
+  backgroundColor: 'var(--n-item-color-active)'
 }), cB('menu-item-content', [cE('arrow', {
-  color: 'var(--arrow-color-active)'
+  color: 'var(--n-arrow-color-active)'
 }), cE('icon', {
-  color: 'var(--item-icon-color-active)'
+  color: 'var(--n-item-icon-color-active)'
 }), cB('menu-item-content-header', {
-  color: 'var(--item-text-color-active)'
+  color: 'var(--n-item-text-color-active)'
 }, [cE('extra', {
-  color: 'var(--item-text-color-active)'
+  color: 'var(--n-item-text-color-active)'
 })])])])]), cB('menu-item-content', `
  box-sizing: border-box;
  line-height: 1.75;
@@ -99,37 +99,37 @@ export default c([cB('menu', `
  z-index: auto;
  padding-right: 18px;
  transition:
- background-color .3s var(--bezier),
- padding-left .3s var(--bezier),
- border-color .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ padding-left .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  `, [cM('disabled', {
   opacity: '.45',
   cursor: 'not-allowed'
 }), cM('collapsed', [cE('arrow', {
   transform: 'rotate(0)'
 })]), cM('child-active', [cB('menu-item-content-header', {
-  color: 'var(--item-text-color-child-active)'
+  color: 'var(--n-item-text-color-child-active)'
 }, [cE('extra', {
-  color: 'var(--item-text-color-child-active)'
+  color: 'var(--n-item-text-color-child-active)'
 })]), cE('arrow', {
-  color: 'var(--arrow-color-child-active)'
+  color: 'var(--n-arrow-color-child-active)'
 }), cE('icon', {
-  color: 'var(--item-icon-color-child-active)'
+  color: 'var(--n-item-icon-color-child-active)'
 })]), cNotM('disabled', [hoverStyle(null, [cE('arrow', {
-  color: 'var(--arrow-color-hover)'
+  color: 'var(--n-arrow-color-hover)'
 }), cE('icon', {
-  color: 'var(--item-icon-color-hover)'
+  color: 'var(--n-item-icon-color-hover)'
 }), cB('menu-item-content-header', {
-  color: 'var(--item-text-color-hover)'
+  color: 'var(--n-item-text-color-hover)'
 }, [cE('extra', {
-  color: 'var(--item-text-color-hover)'
+  color: 'var(--n-item-text-color-hover)'
 })])])]), cE('icon', `
  grid-area: icon;
- color: var(--item-icon-color);
+ color: var(--n-item-icon-color);
  transition:
- color .3s var(--bezier),
- font-size .3s var(--bezier),
- margin-right .3s var(--bezier);
+ color .3s var(--n-bezier),
+ font-size .3s var(--n-bezier),
+ margin-right .3s var(--n-bezier);
  box-sizing: content-box;
  display: inline-flex;
  align-items: center;
@@ -137,23 +137,23 @@ export default c([cB('menu', `
  `), cE('arrow', `
  grid-area: arrow;
  font-size: 16px;
- color: var(--arrow-color);
+ color: var(--n-arrow-color);
  transform: rotate(180deg);
  opacity: 1;
  transition:
- color .3s var(--bezier),
- transform 0.2s var(--bezier),
- opacity 0.2s var(--bezier);
+ color .3s var(--n-bezier),
+ transform 0.2s var(--n-bezier),
+ opacity 0.2s var(--n-bezier);
  `), cB('menu-item-content-header', `
  grid-area: content;
  transition:
- color .3s var(--bezier),
- opacity .3s var(--bezier);
+ color .3s var(--n-bezier),
+ opacity .3s var(--n-bezier);
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
- color: var(--item-text-color);
+ color: var(--n-item-text-color);
  `, [c('a', `
  text-decoration: none;
  color: inherit;
@@ -166,14 +166,14 @@ export default c([cB('menu', `
  bottom: 0;
  `)]), cE('extra', `
  font-size: .93em;
- color: var(--group-text-color);
- transition: color .3s var(--bezier);
+ color: var(--n-group-text-color);
+ transition: color .3s var(--n-bezier);
  `)])]), cB('submenu', {
   cursor: 'pointer',
   position: 'relative',
   marginTop: '6px'
 }, [cB('menu-item-content', `
- height: var(--item-height);
+ height: var(--n-item-height);
  `), cB('submenu-children', {
   overflow: 'hidden',
   padding: 0
@@ -181,21 +181,21 @@ export default c([cB('menu', `
   duration: '.2s'
 })])]), cB('menu-item-group', [cB('menu-item-group-title', `
  margin-top: 6px;
- color: var(--group-text-color);
+ color: var(--n-group-text-color);
  cursor: default;
  font-size: .93em;
  height: 36px;
  display: flex;
  align-items: center;
  transition:
- padding-left .3s var(--bezier),
- color .3s var(--bezier);
+ padding-left .3s var(--n-bezier),
+ color .3s var(--n-bezier);
  `)])]), cB('menu-tooltip', [c('a', `
  color: inherit;
  text-decoration: none;
  `)]), cB('menu-divider', `
- transition: background-color .3s var(--bezier);
- background-color: var(--divider-color);
+ transition: background-color .3s var(--n-bezier);
+ background-color: var(--n-divider-color);
  height: 1px;
  margin: 6px 18px;
  `)]);

package/es/menu/src/use-menu-child-props.d.ts

@@ -1,4 +1,4 @@
-import { PropType, VNodeChild } from 'vue';
+import { ExtractPropTypes, PropType, VNodeChild } from 'vue';
 import { Key } from 'treemate';
 export declare const useMenuChildProps: {
     readonly internalKey: {
@@ -14,3 +14,4 @@ export declare const useMenuChildProps: {
     readonly title: PropType<string | (() => VNodeChild)>;
     readonly extra: PropType<string | (() => VNodeChild)>;
 };
+export declare type UseMenuChildProps = ExtractPropTypes<typeof useMenuChildProps>;

package/es/menu/src/use-menu-child.d.ts

@@ -1,11 +1,11 @@
 import { Key } from 'treemate';
-import { useMenuChildProps } from './use-menu-child-props';
-import { ComputedRef, ExtractPropTypes, Ref } from 'vue';
-import { MergedTheme } from '../../_mixins/use-theme';
+import { ComputedRef, Ref } from 'vue';
+import { FollowerPlacement } from 'vueuc';
+import type { MergedTheme } from '../../_mixins/use-theme';
 import type { MenuTheme } from '../styles';
-import { OnUpdateValueImpl } from './interface';
+import type { OnUpdateValueImpl } from './interface';
 import type { MenuSetupProps } from './Menu';
-import { FollowerPlacement } from 'vueuc';
+import type { UseMenuChildProps } from './use-menu-child-props';
 export interface MenuInjection {
     props: MenuSetupProps;
     mergedCollapsedRef: Ref<boolean>;
@@ -26,7 +26,6 @@ export interface SubmenuInjection {
 export interface MenuOptionGroupInjection {
     paddingLeftRef: Ref<number | undefined>;
 }
-export declare type UseMenuChildProps = ExtractPropTypes<typeof useMenuChildProps>;
 export interface UseMenuChild {
     dropdownPlacement: ComputedRef<FollowerPlacement>;
     activeIconSize: ComputedRef<number>;
@@ -37,4 +36,3 @@ export interface UseMenuChild {
     NSubmenu: SubmenuInjection | null;
 }
 export declare function useMenuChild(props: UseMenuChildProps): UseMenuChild;
-export { useMenuChildProps };