naive-ui 2.38.2 → 2.40.0

package/es/mention/src/Mention.mjs

@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { defineComponent, h, ref, toRef, nextTick, computed, Transition } from 'vue';
+import { Transition, computed, defineComponent, h, nextTick, ref, toRef } from 'vue';
 import { createTreeMate } from 'treemate';
 import { VBinder, VFollower, VTarget } from 'vueuc';
 import { useIsMounted, useMergedState } from 'vooks';
@@ -38,7 +37,7 @@ export const mentionProps = Object.assign(Object.assign({}, useTheme.props), {
     type: String,
     validator: separator => {
       if (separator.length !== 1) {
-        warn('mention', "`separator`'s length must be 1.");
+        warn('mention', '`separator`\'s length must be 1.');
         return false;
       }
       return true;
@@ -97,6 +96,7 @@ export default defineComponent({
     const inputInstRef = ref(null);
     const cursorRef = ref(null);
     const followerRef = ref(null);
+    const wrapperElRef = ref(null);
     const partialPatternRef = ref('');
     let cachedPrefix = null;
     // cached pattern end is for partial pattern
@@ -218,9 +218,11 @@ export default defineComponent({
       if (!cursorAnchor) return;
       const inputEl = getInputEl();
       const cursorPos = getRelativePosition(inputEl);
-      cursorPos.left += inputEl.parentElement.offsetLeft;
-      cursorAnchor.style.left = `${cursorPos.left}px`;
-      cursorAnchor.style.top = `${cursorPos.top + cursorPos.height}px`;
+      const inputRect = inputEl.getBoundingClientRect();
+      const wrapperRect = wrapperElRef.value.getBoundingClientRect();
+      cursorAnchor.style.left = `${cursorPos.left + inputRect.left - wrapperRect.left}px`;
+      cursorAnchor.style.top = `${cursorPos.top + inputRect.top - wrapperRect.top}px`;
+      cursorAnchor.style.height = `${cursorPos.height}px`;
     }
     function syncPosition() {
       var _a;
@@ -353,6 +355,7 @@ export default defineComponent({
       inputInstRef,
       cursorRef,
       followerRef,
+      wrapperElRef,
       showMenu: showMenuRef,
       adjustedTo: useAdjustedTo(props),
       isMounted: useIsMounted(),
@@ -377,7 +380,8 @@ export default defineComponent({
       $slots
     } = this;
     return h("div", {
-      class: `${mergedClsPrefix}-mention`
+      class: `${mergedClsPrefix}-mention`,
+      ref: "wrapperElRef"
     }, h(NInput, {
       status: this.mergedStatus,
       themeOverrides: mergedTheme.peerOverrides.Input,
@@ -400,12 +404,10 @@ export default defineComponent({
         default: () => {
           const style = {
             position: 'absolute',
-            width: 0,
-            height: 0
+            width: 0
           };
           if (process.env.NODE_ENV !== 'production' && this.internalDebug) {
             style.width = '1px';
-            style.height = '1px';
             style.background = 'red';
           }
           return h("div", {

package/es/mention/src/utils.mjs

@@ -73,9 +73,9 @@ export function getRelativePosition(element, options = {
     if (isInput && prop === 'lineHeight') {
       // Special case for <input>s because text is rendered centered and line height may be != height
       if (computed.boxSizing === 'border-box') {
-        const height = parseInt(computed.height);
-        const outerHeight = parseInt(computed.paddingTop) + parseInt(computed.paddingBottom) + parseInt(computed.borderTopWidth) + parseInt(computed.borderBottomWidth);
-        const targetHeight = outerHeight + parseInt(computed.lineHeight);
+        const height = Number.parseInt(computed.height);
+        const outerHeight = Number.parseInt(computed.paddingTop) + Number.parseInt(computed.paddingBottom) + Number.parseInt(computed.borderTopWidth) + Number.parseInt(computed.borderBottomWidth);
+        const targetHeight = outerHeight + Number.parseInt(computed.lineHeight);
         if (height > targetHeight) {
           style.lineHeight = `${height - outerHeight}px`;
         } else if (height === targetHeight) {
@@ -92,7 +92,7 @@ export function getRelativePosition(element, options = {
   });
   if (isFirefox) {
     // Firefox lies about the overflow property for textareas: https://bugzilla.mozilla.org/show_bug.cgi?id=984275
-    if (element.scrollHeight > parseInt(computed.height)) {
+    if (element.scrollHeight > Number.parseInt(computed.height)) {
       style.overflowY = 'scroll';
     }
   } else {
@@ -102,7 +102,7 @@ export function getRelativePosition(element, options = {
   // The second special handling for input type="text" vs textarea:
   // spaces need to be replaced with non-breaking spaces - http://stackoverflow.com/a/13402035/1269037
   if (isInput && div.textContent) {
-    div.textContent = div.textContent.replace(/\s/g, '\u00a0');
+    div.textContent = div.textContent.replace(/\s/g, '\u00A0');
   }
   const span = document.createElement('span');
   // Wrapping must be replicated *exactly*, including when a long word gets
@@ -116,12 +116,12 @@ export function getRelativePosition(element, options = {
   span.style.top = `${-element.scrollTop}px`;
   div.appendChild(span);
   const relativePosition = {
-    top: span.offsetTop + parseInt(computed.borderTopWidth),
-    left: span.offsetLeft + parseInt(computed.borderLeftWidth),
+    top: span.offsetTop + Number.parseInt(computed.borderTopWidth),
+    left: span.offsetLeft + Number.parseInt(computed.borderLeftWidth),
     absolute: false,
     // We don't use line-height since it may be too large for position. Eg. 34px
     // for input
-    height: parseInt(computed.fontSize) * 1.5
+    height: Number.parseInt(computed.fontSize) * 1.5
   };
   if (debug) {
     span.style.backgroundColor = '#aaa';

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

@@ -1,15 +1,17 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-declare const self: (vars: ThemeCommonVars) => {
+declare function self(vars: ThemeCommonVars): {
     menuBoxShadow: string;
 };
 declare const mentionLight: import("../../_mixins").Theme<"Mention", {
     menuBoxShadow: string;
 }, {
     InternalSelectMenu: import("../../_mixins").Theme<"InternalSelectMenu", {
+        optionFontSizeTiny: string;
         optionFontSizeSmall: string;
         optionFontSizeMedium: string;
         optionFontSizeLarge: string;
         optionFontSizeHuge: string;
+        optionHeightTiny: string;
         optionHeightSmall: string;
         optionHeightMedium: string;
         optionHeightLarge: string;
@@ -30,10 +32,12 @@ declare const mentionLight: import("../../_mixins").Theme<"Mention", {
         actionTextColor: string;
         loadingColor: string;
         height: string;
+        paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
         paddingLarge: string;
         paddingHuge: string;
+        optionPaddingTiny: string;
         optionPaddingSmall: string;
         optionPaddingMedium: string;
         optionPaddingLarge: string;
@@ -46,11 +50,14 @@ declare const mentionLight: import("../../_mixins").Theme<"Mention", {
             borderRadius: string;
             color: string;
             colorHover: string;
-            railInsetHorizontal: string;
-            railInsetVertical: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
             railColor: string;
         }, any>;
         Empty: import("../../_mixins").Theme<"Empty", {
+            fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
@@ -58,6 +65,7 @@ declare const mentionLight: import("../../_mixins").Theme<"Mention", {
             textColor: string;
             iconColor: string;
             extraTextColor: string;
+            iconSizeTiny: string;
             iconSizeSmall: string;
             iconSizeMedium: string;
             iconSizeLarge: string;

package/es/mention/styles/light.mjs

@@ -2,14 +2,14 @@ import { commonLight } from "../../_styles/common/index.mjs";
 import { createTheme } from "../../_mixins/index.mjs";
 import { internalSelectMenuLight } from "../../_internal/select-menu/styles/index.mjs";
 import { inputLight } from "../../input/styles/index.mjs";
-const self = vars => {
+function self(vars) {
   const {
     boxShadow2
   } = vars;
   return {
     menuBoxShadow: boxShadow2
   };
-};
+}
 const mentionLight = createTheme({
   name: 'Mention',
   common: commonLight,

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

@@ -1,9 +1,9 @@
-import { type PropType, type ExtractPropTypes, type VNodeChild } from 'vue';
+import { type ExtractPropTypes, type PropType, type VNodeChild } from 'vue';
 import { type Key } from 'treemate';
 import { type FollowerPlacement } from 'vueuc';
 import type { DropdownProps } from '../../dropdown';
 import type { MaybeArray } from '../../_utils';
-import type { MenuOption, MenuGroupOption, MenuIgnoredOption, MenuMixedOption, OnUpdateValue, OnUpdateKeys, MenuNodeProps } from './interface';
+import type { MenuGroupOption, MenuIgnoredOption, MenuMixedOption, MenuNodeProps, MenuOption, OnUpdateKeys, OnUpdateValue } from './interface';
 export declare const menuProps: {
     readonly options: {
         readonly type: PropType<MenuMixedOption[]>;
@@ -55,11 +55,11 @@ export declare const menuProps: {
         readonly default: null;
     };
     readonly mode: {
-        readonly type: PropType<"horizontal" | "vertical">;
+        readonly type: PropType<"vertical" | "horizontal">;
         readonly default: "vertical";
     };
     readonly watchProps: {
-        readonly type: PropType<("defaultValue" | "defaultExpandedKeys")[]>;
+        readonly type: PropType<Array<"defaultExpandedKeys" | "defaultValue">>;
         readonly default: undefined;
     };
     readonly disabled: BooleanConstructor;
@@ -84,7 +84,7 @@ export declare const menuProps: {
         readonly default: "bottom";
     };
     readonly responsive: BooleanConstructor;
-    readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
+    readonly items: PropType<Array<MenuOption | MenuGroupOption>>;
     readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
     readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
     readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
@@ -666,11 +666,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     readonly mode: {
-        readonly type: PropType<"horizontal" | "vertical">;
+        readonly type: PropType<"vertical" | "horizontal">;
         readonly default: "vertical";
     };
     readonly watchProps: {
-        readonly type: PropType<("defaultValue" | "defaultExpandedKeys")[]>;
+        readonly type: PropType<Array<"defaultExpandedKeys" | "defaultValue">>;
         readonly default: undefined;
     };
     readonly disabled: BooleanConstructor;
@@ -695,7 +695,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "bottom";
     };
     readonly responsive: BooleanConstructor;
-    readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
+    readonly items: PropType<Array<MenuOption | MenuGroupOption>>;
     readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
     readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
     readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
@@ -1233,111 +1233,7 @@ declare const _default: import("vue").DefineComponent<{
     activePath: import("vue").ComputedRef<Key[]>;
     tmNodes: import("vue").ComputedRef<import("treemate").TreeNode<MenuOption, MenuGroupOption, MenuIgnoredOption>[]>;
     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: {
             itemColorHoverInverted: string;
             itemColorActiveInverted: string;
@@ -1568,7 +1464,7 @@ declare const _default: import("vue").DefineComponent<{
     renderCounter: () => VNodeChild;
     getCounter: () => HTMLElement | null;
     onRender: (() => void) | undefined;
-    showOption: (key?: import("./interface").Key | undefined) => void;
+    showOption: (key?: import("./interface").Key) => void;
     deriveResponsiveState: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     readonly options: {
@@ -1621,11 +1517,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     readonly mode: {
-        readonly type: PropType<"horizontal" | "vertical">;
+        readonly type: PropType<"vertical" | "horizontal">;
         readonly default: "vertical";
     };
     readonly watchProps: {
-        readonly type: PropType<("defaultValue" | "defaultExpandedKeys")[]>;
+        readonly type: PropType<Array<"defaultExpandedKeys" | "defaultValue">>;
         readonly default: undefined;
     };
     readonly disabled: BooleanConstructor;
@@ -1650,7 +1546,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "bottom";
     };
     readonly responsive: BooleanConstructor;
-    readonly items: PropType<(MenuOption | MenuGroupOption)[]>;
+    readonly items: PropType<Array<MenuOption | MenuGroupOption>>;
     readonly onOpenNamesChange: PropType<MaybeArray<OnUpdateKeys>>;
     readonly onSelect: PropType<MaybeArray<OnUpdateValue>>;
     readonly onExpandedNamesChange: PropType<MaybeArray<OnUpdateKeys>>;

package/es/menu/src/Menu.mjs

@@ -1,4 +1,4 @@
-import { h, ref, toRef, computed, defineComponent, provide, inject, watchEffect } from 'vue';
+import { computed, defineComponent, h, inject, mergeProps, provide, ref, toRef, watchEffect } from 'vue';
 import { createTreeMate } from 'treemate';
 import { useCompitable, useMergedState } from 'vooks';
 import { VOverflow, VResizeObserver } from 'vueuc';
@@ -6,8 +6,8 @@ import { createId } from 'seemly';
 import { layoutSiderInjectionKey } from "../../layout/src/interface.mjs";
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { call } from "../../_utils/index.mjs";
-import { isIgnoredNode, itemRenderer } from "./utils.mjs";
 import { menuLight } from "../styles/index.mjs";
+import { isIgnoredNode, itemRenderer } from "./utils.mjs";
 import { useCheckDeprecated } from "./useCheckDeprecated.mjs";
 import { menuInjectionKey } from "./context.mjs";
 import { NSubmenu } from "./Submenu.mjs";
@@ -102,6 +102,7 @@ export const menuProps = Object.assign(Object.assign({}, useTheme.props), {
 });
 export default defineComponent({
   name: 'Menu',
+  inheritAttrs: false,
   props: menuProps,
   setup(props) {
     if (process.env.NODE_ENV !== 'production') {
@@ -503,11 +504,11 @@ export default defineComponent({
     const renderMenuItemNodes = () => this.tmNodes.map(tmNode => itemRenderer(tmNode, this.$props));
     const horizontal = mode === 'horizontal';
     const finalResponsive = horizontal && this.responsive;
-    const renderMainNode = () => h("div", {
+    const renderMainNode = () => h('div', mergeProps(this.$attrs, {
       role: mode === 'horizontal' ? 'menubar' : 'menu',
       class: [`${mergedClsPrefix}-menu`, themeClass, `${mergedClsPrefix}-menu--${mode}`, finalResponsive && `${mergedClsPrefix}-menu--responsive`, this.mergedCollapsed && `${mergedClsPrefix}-menu--collapsed`],
       style: this.cssVars
-    }, finalResponsive ? h(VOverflow, {
+    }), finalResponsive ? h(VOverflow, {
       ref: "overflowRef",
       onUpdateOverflow: this.onUpdateOverflow,
       getCounter: this.getCounter,

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

@@ -1,3 +1,2 @@
-/// <reference types="vue/jsx" />
 declare const _default: import("vue").DefineComponent<{}, () => JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/es/menu/src/MenuDivider.mjs

@@ -1,9 +1,8 @@
-import { h, defineComponent, inject } from 'vue';
+import { defineComponent, h, inject } from 'vue';
 import { menuInjectionKey } from "./context.mjs";
 export default defineComponent({
   name: 'MenuDivider',
   setup() {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const NMenu = inject(menuInjectionKey);
     const {
       mergedClsPrefixRef,

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

@@ -49,111 +49,7 @@ export declare const NMenuOption: import("vue").DefineComponent<{
     maxIconSize: import("vue").ComputedRef<number>;
     activeIconSize: import("vue").ComputedRef<number>;
     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: {
             itemColorHoverInverted: string;
             itemColorActiveInverted: string;

package/es/menu/src/MenuOption.mjs

@@ -1,4 +1,4 @@
-import { h, computed, defineComponent } from 'vue';
+import { computed, defineComponent, h } from 'vue';
 import { useMemo } from 'vooks';
 import { render } from "../../_utils/index.mjs";
 import { NTooltip } from "../../tooltip/index.mjs";

package/es/menu/src/MenuOptionContent.mjs

@@ -40,7 +40,6 @@ export default defineComponent({
     isEllipsisPlaceholder: Boolean
   },
   setup(props) {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const {
       props: menuProps
     } = inject(menuInjectionKey);

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

@@ -1,4 +1,3 @@
-/// <reference types="vue/jsx" />
 import { type PropType } from 'vue';
 import type { TmNode } from './interface';
 export declare const menuItemGroupProps: {

package/es/menu/src/MenuOptionGroup.mjs

@@ -1,10 +1,9 @@
-import { h, defineComponent, provide, Fragment, inject } from 'vue';
+import { Fragment, defineComponent, h, inject, provide } from 'vue';
 import { render } from "../../_utils/index.mjs";
 import { useMenuChild } from "./use-menu-child.mjs";
 import { useMenuChildProps } from "./use-menu-child-props.mjs";
-// eslint-disable-next-line import/no-cycle
 import { itemRenderer } from "./utils.mjs";
-import { submenuInjectionKey, menuInjectionKey, menuItemGroupInjectionKey } from "./context.mjs";
+import { menuInjectionKey, menuItemGroupInjectionKey, submenuInjectionKey } from "./context.mjs";
 export const menuItemGroupProps = Object.assign(Object.assign({}, useMenuChildProps), {
   tmNode: {
     type: Object,
@@ -24,7 +23,6 @@ export const NMenuOptionGroup = defineComponent({
     provide(menuItemGroupInjectionKey, {
       paddingLeftRef: MenuChild.paddingLeft
     });
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const {
       mergedClsPrefixRef,
       props: menuProps
@@ -44,7 +42,7 @@ export const NMenuOptionGroup = defineComponent({
       }, h("div", Object.assign({}, attrs, {
         class: [`${mergedClsPrefix}-menu-item-group-title`, attrs === null || attrs === void 0 ? void 0 : attrs.class],
         style: [(attrs === null || attrs === void 0 ? void 0 : attrs.style) || '', paddingLeft !== undefined ? `padding-left: ${paddingLeft}px;` : '']
-      }), render(props.title), props.extra ? h(Fragment, null, " ", render(props.extra)) : null), h("div", null, props.tmNodes.map(tmNode => itemRenderer(tmNode, menuProps))));
+      }), render(props.title), props.extra ? h(Fragment, null, ' ', render(props.extra)) : null), h("div", null, props.tmNodes.map(tmNode => itemRenderer(tmNode, menuProps))));
     };
   }
 });