naive-ui 2.38.2 → 2.40.0

package/es/drawer/src/DrawerBodyWrapper.mjs

@@ -1,4 +1,4 @@
-import { h, Transition, defineComponent, ref, computed, watchEffect, provide, inject, withDirectives, vShow, mergeProps, watch, onBeforeUnmount } from 'vue';
+import { Transition, computed, defineComponent, h, inject, mergeProps, onBeforeUnmount, provide, ref, vShow, watch, watchEffect, withDirectives } from 'vue';
 import { VFocusTrap } from 'vueuc';
 import { clickoutside } from 'vdirs';
 import { useConfig, useRtl } from "../../_mixins/index.mjs";
@@ -56,7 +56,6 @@ export default defineComponent({
   setup(props) {
     const displayedRef = ref(!!props.show);
     const bodyRef = ref(null); // used for detached content
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const NDrawer = inject(drawerInjectionKey);
     let startPosition = 0;
     let memoizedBodyStyleCursor = '';
@@ -71,6 +70,7 @@ export default defineComponent({
       mergedRtlRef
     } = useConfig(props);
     const rtlEnabledRef = useRtl('Drawer', mergedRtlRef, mergedClsPrefixRef);
+    const handleBodyMouseleave = handleBodyMouseup;
     const handleMousedownResizeTrigger = e => {
       isDraggingRef.value = true;
       startPosition = isVertical.value ? e.clientY : e.clientX;
@@ -126,7 +126,7 @@ export default defineComponent({
       if (minHeight && size < minHeight) return minHeight;
       return size;
     };
-    const handleBodyMousemove = e => {
+    function handleBodyMousemove(e) {
       var _a, _b;
       if (isDraggingRef.value) {
         if (isVertical.value) {
@@ -145,8 +145,8 @@ export default defineComponent({
           startPosition = e.clientX;
         }
       }
-    };
-    const handleBodyMouseup = () => {
+    }
+    function handleBodyMouseup() {
       if (isDraggingRef.value) {
         startPosition = 0;
         isDraggingRef.value = false;
@@ -155,8 +155,7 @@ export default defineComponent({
         document.body.removeEventListener('mouseup', handleBodyMouseup);
         document.body.removeEventListener('mouseleave', handleBodyMouseleave);
       }
-    };
-    const handleBodyMouseleave = handleBodyMouseup;
+    }
     watchEffect(() => {
       if (props.show) displayedRef.value = true;
     });
@@ -220,7 +219,7 @@ export default defineComponent({
     } = this;
     return this.displayDirective === 'show' || this.displayed || this.show ? withDirectives(
     /* Keep the wrapper dom. Make sure the drawer has a host.
-    Nor the detached content will disappear without transition */
+      Nor the detached content will disappear without transition */
     h("div", {
       role: "none"
     }, h(VFocusTrap, {

package/es/drawer/src/DrawerContent.d.ts

@@ -38,111 +38,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     handleCloseClick: () => void;
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             bodyPadding: string;
             borderRadius: string;
@@ -174,8 +70,10 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
         };

package/es/drawer/src/styles/index.cssr.mjs

@@ -80,7 +80,9 @@ export default c([cB('drawer', `
  display: flex;
  justify-content: space-between;
  align-items: center;
- `, [cE('close', `
+ `, [cE('main', `
+ flex: 1;
+ `), cE('close', `
  margin-left: 6px;
  transition:
  background-color .3s var(--n-bezier),

package/es/drawer/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     bodyPadding: string;
     borderRadius: string;
     headerPadding: string;
@@ -54,8 +54,10 @@ declare const drawerLight: import("../../_mixins").Theme<"Drawer", {
         borderRadius: string;
         color: string;
         colorHover: string;
-        railInsetHorizontal: string;
-        railInsetVertical: string;
+        railInsetHorizontalBottom: string;
+        railInsetHorizontalTop: string;
+        railInsetVerticalRight: string;
+        railInsetVerticalLeft: string;
         railColor: string;
     }, any>;
 }>;

package/es/drawer/styles/light.mjs

@@ -1,7 +1,7 @@
 import { commonLight } from "../../_styles/common/index.mjs";
 import { scrollbarLight } from "../../_internal/scrollbar/styles/index.mjs";
 import { createTheme } from "../../_mixins/index.mjs";
-export const self = vars => {
+export function self(vars) {
   const {
     modalColor,
     textColor1,
@@ -42,7 +42,7 @@ export const self = vars => {
     closeBorderRadius: borderRadius,
     resizableTriggerColorHover: primaryColorHover
   };
-};
+}
 const drawerLight = createTheme({
   name: 'Drawer',
   common: commonLight,

package/es/dropdown/src/Dropdown.d.ts

@@ -1,8 +1,8 @@
 import { type PropType, type Ref } from 'vue';
 import { type Key, type TreeNode } from 'treemate';
-import { type FollowerPlacement } from 'vueuc';
-import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
-import type { DropdownMixedOption, OnUpdateValue, OnUpdateValueImpl, RenderLabel, RenderIcon, RenderLabelImpl, RenderIconImpl, RenderOption, NodeProps, RenderOptionImpl, DropdownMenuProps } from './interface';
+import type { FollowerPlacement } from 'vueuc';
+import { type ExtractPublicPropTypes, type MaybeArray } from '../../_utils';
+import type { DropdownMenuProps, DropdownMixedOption, NodeProps, OnUpdateValue, OnUpdateValueImpl, RenderIcon, RenderIconImpl, RenderLabel, RenderLabelImpl, RenderOption, RenderOptionImpl } from './interface';
 export interface DropdownInjection {
     renderLabelRef: Ref<RenderLabelImpl | undefined>;
     renderIconRef: Ref<RenderIconImpl | undefined>;
@@ -259,7 +259,7 @@ export declare const dropdownProps: {
     readonly renderLabel: PropType<RenderLabel>;
     readonly renderIcon: PropType<RenderIcon>;
     readonly renderOption: PropType<RenderOption>;
-    readonly nodeProps: PropType<import("./interface").NodeProps>;
+    readonly nodeProps: PropType<NodeProps>;
     readonly labelField: {
         readonly type: StringConstructor;
         readonly default: "label";
@@ -297,7 +297,7 @@ export declare const dropdownProps: {
     readonly disabled: BooleanConstructor;
     readonly getDisabled: PropType<() => boolean>;
     readonly displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     readonly arrowClass: StringConstructor;
@@ -319,16 +319,16 @@ export declare const dropdownProps: {
     };
     readonly zIndex: NumberConstructor;
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly scrollable: BooleanConstructor;
     readonly contentClass: StringConstructor;
-    readonly contentStyle: PropType<string | import("vue").CSSProperties>;
+    readonly contentStyle: PropType<import("vue").CSSProperties | string>;
     readonly headerClass: StringConstructor;
-    readonly headerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly headerStyle: PropType<import("vue").CSSProperties | string>;
     readonly footerClass: StringConstructor;
-    readonly footerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly footerStyle: PropType<import("vue").CSSProperties | string>;
     readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -591,7 +591,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderLabel: PropType<RenderLabel>;
     readonly renderIcon: PropType<RenderIcon>;
     readonly renderOption: PropType<RenderOption>;
-    readonly nodeProps: PropType<import("./interface").NodeProps>;
+    readonly nodeProps: PropType<NodeProps>;
     readonly labelField: {
         readonly type: StringConstructor;
         readonly default: "label";
@@ -629,7 +629,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: BooleanConstructor;
     readonly getDisabled: PropType<() => boolean>;
     readonly displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     readonly arrowClass: StringConstructor;
@@ -651,16 +651,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly zIndex: NumberConstructor;
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly scrollable: BooleanConstructor;
     readonly contentClass: StringConstructor;
-    readonly contentStyle: PropType<string | import("vue").CSSProperties>;
+    readonly contentStyle: PropType<import("vue").CSSProperties | string>;
     readonly headerClass: StringConstructor;
-    readonly headerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly headerStyle: PropType<import("vue").CSSProperties | string>;
     readonly footerClass: StringConstructor;
-    readonly footerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly footerStyle: PropType<import("vue").CSSProperties | string>;
     readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -686,111 +686,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: Ref<string>;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             optionHeightSmall: string;
             optionHeightMedium: string;
@@ -870,7 +766,7 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
         };
     }>;
-    tmNodes: import("vue").ComputedRef<TreeNode<import("./interface").DropdownOption | import("../../menu/src/interface").MenuRenderOption, import("./interface").DropdownGroupOption, import("./interface").DropdownIgnoredOption>[]>;
+    tmNodes: import("vue").ComputedRef<TreeNode<import("../..").MenuOption | import("../../menu/src/interface").MenuRenderOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[]>;
     mergedShow: import("vue").ComputedRef<boolean>;
     handleAfterLeave: () => void;
     doUpdateShow: (value: boolean) => void;
@@ -1115,7 +1011,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly renderLabel: PropType<RenderLabel>;
     readonly renderIcon: PropType<RenderIcon>;
     readonly renderOption: PropType<RenderOption>;
-    readonly nodeProps: PropType<import("./interface").NodeProps>;
+    readonly nodeProps: PropType<NodeProps>;
     readonly labelField: {
         readonly type: StringConstructor;
         readonly default: "label";
@@ -1153,7 +1049,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: BooleanConstructor;
     readonly getDisabled: PropType<() => boolean>;
     readonly displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         default: string;
     };
     readonly arrowClass: StringConstructor;
@@ -1175,16 +1071,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly zIndex: NumberConstructor;
     readonly to: {
-        type: PropType<string | boolean | HTMLElement>;
+        type: PropType<HTMLElement | string | boolean>;
         default: undefined;
     };
     readonly scrollable: BooleanConstructor;
     readonly contentClass: StringConstructor;
-    readonly contentStyle: PropType<string | import("vue").CSSProperties>;
+    readonly contentStyle: PropType<import("vue").CSSProperties | string>;
     readonly headerClass: StringConstructor;
-    readonly headerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly headerStyle: PropType<import("vue").CSSProperties | string>;
     readonly footerClass: StringConstructor;
-    readonly footerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly footerStyle: PropType<import("vue").CSSProperties | string>;
     readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;

package/es/dropdown/src/Dropdown.mjs

@@ -1,10 +1,10 @@
-import { defineComponent, h, computed, ref, toRef, watch, provide, mergeProps } from 'vue';
+import { computed, defineComponent, h, mergeProps, provide, ref, toRef, watch } from 'vue';
 import { createTreeMate } from 'treemate';
-import { useMergedState, useKeyboard, useMemo } from 'vooks';
+import { useKeyboard, useMemo, useMergedState } from 'vooks';
 import { popoverBaseProps } from "../../popover/src/Popover.mjs";
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { NPopover } from "../../popover/index.mjs";
-import { keep, call, createKey, createRefSetter } from "../../_utils/index.mjs";
+import { call, createKey, createRefSetter, keep } from "../../_utils/index.mjs";
 import { dropdownLight } from "../styles/index.mjs";
 import NDropdownMenu from "./DropdownMenu.mjs";
 import style from "./styles/index.cssr.mjs";

package/es/dropdown/src/DropdownDivider.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue';
+import { defineComponent, h } from 'vue';
 export default defineComponent({
   name: 'DropdownDivider',
   props: {

package/es/dropdown/src/DropdownGroup.d.ts

@@ -1,12 +1,13 @@
 import { type PropType } from 'vue';
 import type { TreeNode } from 'treemate';
+import type { DropdownGroupOption, DropdownIgnoredOption, DropdownOption } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<import("./interface").DropdownOption, import("./interface").DropdownGroupOption, import("./interface").DropdownIgnoredOption>>;
+        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>;
         required: true;
     };
     parentKey: {
@@ -19,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<import("./interface").DropdownOption, import("./interface").DropdownGroupOption, import("./interface").DropdownIgnoredOption>>;
+        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>;
         required: true;
     };
     parentKey: {

package/es/dropdown/src/DropdownGroup.mjs

@@ -1,6 +1,5 @@
-import { defineComponent, Fragment, h } from 'vue';
+import { Fragment, defineComponent, h } from 'vue';
 import { warn } from "../../_utils/index.mjs";
-// eslint-disable-next-line import/no-cycle
 import NDropdownOption from "./DropdownOption.mjs";
 import NDropdownDivider from "./DropdownDivider.mjs";
 import NDropdownGroupHeader from "./DropdownGroupHeader.mjs";

package/es/dropdown/src/DropdownGroupHeader.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     showIcon: import("vue").Ref<boolean>;
     hasSubmenu: import("vue").Ref<boolean>;
     renderLabel: import("vue").Ref<import("./interface").RenderLabelImpl | undefined>;
-    nodeProps: import("vue").Ref<import("./interface").NodeProps | undefined>;
+    nodeProps: import("vue").Ref<import("../..").MenuNodeProps | undefined>;
     renderOption: import("vue").Ref<import("./interface").RenderOptionImpl | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     clsPrefix: {

package/es/dropdown/src/DropdownGroupHeader.mjs

@@ -17,16 +17,13 @@ export default defineComponent({
     const {
       showIconRef,
       hasSubmenuRef
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     } = inject(dropdownMenuInjectionKey);
     const {
       renderLabelRef,
       labelFieldRef,
       nodePropsRef,
       renderOptionRef
-    } =
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    inject(dropdownInjectionKey);
+    } = inject(dropdownInjectionKey);
     return {
       labelField: labelFieldRef,
       showIcon: showIconRef,

package/es/dropdown/src/DropdownMenu.d.ts

@@ -1,5 +1,6 @@
-import { type PropType, type Ref, type CSSProperties } from 'vue';
+import { type CSSProperties, type PropType, type Ref } from 'vue';
 import type { TreeNode } from 'treemate';
+import type { DropdownGroupOption, DropdownIgnoredOption, DropdownOption } from './interface';
 export interface NDropdownMenuInjection {
     showIconRef: Ref<boolean>;
     hasSubmenuRef: Ref<boolean>;
@@ -13,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNodes: {
-        type: PropType<TreeNode<import("./interface").DropdownOption, import("./interface").DropdownGroupOption, import("./interface").DropdownIgnoredOption>[]>;
+        type: PropType<Array<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>>;
         default: () => never[];
     };
     parentKey: {
@@ -31,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNodes: {
-        type: PropType<TreeNode<import("./interface").DropdownOption, import("./interface").DropdownGroupOption, import("./interface").DropdownIgnoredOption>[]>;
+        type: PropType<Array<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>>;
         default: () => never[];
     };
     parentKey: {
@@ -42,6 +43,6 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: boolean;
     showArrow: boolean;
     parentKey: string | number;
-    tmNodes: TreeNode<import("./interface").DropdownOption, import("./interface").DropdownGroupOption, import("./interface").DropdownIgnoredOption>[];
+    tmNodes: TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[];
 }, {}>;
 export default _default;

package/es/dropdown/src/DropdownMenu.mjs

@@ -1,17 +1,15 @@
 import { computed, defineComponent, h, inject, provide, ref } from 'vue';
 import { renderArrow } from "../../popover/src/PopoverBody.mjs";
 import { NxScrollbar } from "../../_internal/scrollbar/index.mjs";
+import { modalBodyInjectionKey } from "../../modal/src/interface.mjs";
+import { drawerBodyInjectionKey } from "../../drawer/src/interface.mjs";
+import { popoverBodyInjectionKey } from "../../popover/src/interface.mjs";
 import NDropdownDivider from "./DropdownDivider.mjs";
-// eslint-disable-next-line import/no-cycle
 import NDropdownGroup from "./DropdownGroup.mjs";
-// eslint-disable-next-line import/no-cycle
 import NDropdownOption from "./DropdownOption.mjs";
 import NDropdownRenderOption from "./DropdownRenderOption.mjs";
-import { isSubmenuNode, isGroupNode, isDividerNode, isRenderNode } from "./utils.mjs";
+import { isDividerNode, isGroupNode, isRenderNode, isSubmenuNode } from "./utils.mjs";
 import { dropdownInjectionKey, dropdownMenuInjectionKey } from "./context.mjs";
-import { modalBodyInjectionKey } from "../../modal/src/interface.mjs";
-import { drawerBodyInjectionKey } from "../../drawer/src/interface.mjs";
-import { popoverBodyInjectionKey } from "../../popover/src/interface.mjs";
 export default defineComponent({
   name: 'DropdownMenu',
   props: {
@@ -32,7 +30,6 @@ export default defineComponent({
     }
   },
   setup(props) {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const {
       renderIconRef,
       childrenFieldRef