naive-ui 2.20.3 → 2.21.3

package/lib/layout/src/Layout.d.ts

@@ -218,9 +218,13 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
             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;
@@ -605,9 +609,13 @@ declare const _default: import("vue").DefineComponent<{
             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;

package/lib/layout/src/LayoutContent.d.ts

@@ -191,9 +191,13 @@ declare const _default: import("vue").DefineComponent<{
             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;

package/lib/layout/src/LayoutSider.d.ts

@@ -278,9 +278,13 @@ declare const _default: import("vue").DefineComponent<{
             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;

package/lib/log/src/Log.d.ts

@@ -10,14 +10,8 @@ export interface LogInjection {
 }
 export declare const logInjectionKey: InjectionKey<LogInjection>;
 declare const logProps: {
-    readonly loading: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly trim: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
+    readonly loading: BooleanConstructor;
+    readonly trim: BooleanConstructor;
     readonly log: StringConstructor;
     readonly fontSize: {
         readonly type: NumberConstructor;
@@ -44,10 +38,7 @@ declare const logProps: {
         readonly type: NumberConstructor;
         readonly default: 0;
     };
-    readonly hljs: {
-        readonly type: ObjectConstructor;
-        readonly default: undefined;
-    };
+    readonly hljs: ObjectConstructor;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: 'top' | 'bottom') => void>;
@@ -132,14 +123,8 @@ declare const logProps: {
 };
 export declare type LogProps = ExtractPublicPropTypes<typeof logProps>;
 declare const _default: import("vue").DefineComponent<{
-    readonly loading: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly trim: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
+    readonly loading: BooleanConstructor;
+    readonly trim: BooleanConstructor;
     readonly log: StringConstructor;
     readonly fontSize: {
         readonly type: NumberConstructor;
@@ -166,10 +151,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 0;
     };
-    readonly hljs: {
-        readonly type: ObjectConstructor;
-        readonly default: undefined;
-    };
+    readonly hljs: ObjectConstructor;
     readonly onReachTop: PropType<() => void>;
     readonly onReachBottom: PropType<() => void>;
     readonly onRequireMore: PropType<(from: "bottom" | "top") => void>;
@@ -330,9 +312,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -542,7 +528,6 @@ declare const _default: import("vue").DefineComponent<{
     lineHeight: number;
     loading: boolean;
     rows: number;
-    hljs: Record<string, any>;
     offsetTop: number;
     offsetBottom: number;
     lines: string[];

package/lib/log/src/Log.js

@@ -15,13 +15,7 @@ const LogLoader_1 = __importDefault(require("./LogLoader"));
 const LogLine_1 = __importDefault(require("./LogLine"));
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.logInjectionKey = Symbol('log');
-const logProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { loading: {
-        type: Boolean,
-        default: false
-    }, trim: {
-        type: Boolean,
-        default: false
-    }, log: String, fontSize: {
+const logProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { loading: Boolean, trim: Boolean, log: String, fontSize: {
         type: Number,
         default: 14
     }, lines: {
@@ -39,10 +33,7 @@ const logProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { lo
     }, offsetBottom: {
         type: Number,
         default: 0
-    }, hljs: {
-        type: Object,
-        default: undefined
-    }, onReachTop: Function, onReachBottom: Function, onRequireMore: Function });
+    }, hljs: Object, onReachTop: Function, onReachBottom: Function, onRequireMore: Function });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Log',
     props: logProps,

package/lib/log/src/LogLine.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     highlight: import("vue").Ref<boolean>;
     selfRef: import("vue").Ref<HTMLElement | null>;
+    maybeTrimmedLines: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     line?: unknown;
 } & {

package/lib/log/src/LogLine.js

@@ -10,18 +10,19 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props) {
+        const { trimRef, highlightRef, languageRef, mergedHljsRef } = 
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        const { trimRef, highlightRef, languageRef, mergedHljsRef } = (0, vue_1.inject)(Log_1.logInjectionKey);
+        (0, vue_1.inject)(Log_1.logInjectionKey);
         const selfRef = (0, vue_1.ref)(null);
+        const maybeTrimmedLinesRef = (0, vue_1.computed)(() => {
+            return trimRef.value ? props.line.trim() : props.line;
+        });
         function setInnerHTML() {
-            const trimmedLine = trimRef.value ? (props.line || '').trim() : props.line;
             if (selfRef.value) {
-                selfRef.value.innerHTML = generateCodeHTML(languageRef.value, trimmedLine, false);
+                selfRef.value.innerHTML = generateCodeHTML(languageRef.value, maybeTrimmedLinesRef.value);
             }
         }
-        function generateCodeHTML(language, code, trim) {
-            if (trim)
-                code = code.trim();
+        function generateCodeHTML(language, code) {
             const { value: hljs } = mergedHljsRef;
             if (hljs) {
                 if (language && hljs.getLanguage(language)) {
@@ -42,11 +43,12 @@ exports.default = (0, vue_1.defineComponent)({
         });
         return {
             highlight: highlightRef,
-            selfRef
+            selfRef,
+            maybeTrimmedLines: maybeTrimmedLinesRef
         };
     },
     render() {
-        const { highlight } = this;
-        return (0, vue_1.h)("pre", { ref: "selfRef" }, highlight ? null : this.line);
+        const { highlight, maybeTrimmedLines } = this;
+        return (0, vue_1.h)("pre", { ref: "selfRef" }, highlight ? null : maybeTrimmedLines);
     }
 });

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

@@ -878,9 +878,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -1068,6 +1072,7 @@ declare const _default: import("vue").DefineComponent<{
         isCompositing: boolean;
         blur: () => void;
         focus: () => void;
+        select: () => void;
         activate: () => void;
         deactivate: () => void;
     } | null>;

package/lib/menu/index.d.ts

@@ -1,3 +1,3 @@
 export { default as NMenu } from './src/Menu';
 export type { MenuProps } from './src/Menu';
-export type { MenuOption, MenuGroupOption } from './src/interface';
+export type { MenuOption, MenuGroupOption, MenuDividerOption } from './src/interface';

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

@@ -2,12 +2,12 @@ import { PropType, ExtractPropTypes, InjectionKey, VNodeChild } from 'vue';
 import { Key } from 'treemate';
 import type { MaybeArray } from '../../_utils';
 import { MenuInjection } from './use-menu-child';
-import { MenuOption, MenuGroupOption, OnUpdateValue, OnUpdateKeys } from './interface';
+import { MenuOption, MenuGroupOption, MenuIgnoredOption, MenuMixedOption, OnUpdateValue, OnUpdateKeys } from './interface';
 import { FollowerPlacement } from 'vueuc';
 import { DropdownProps } from '../../dropdown';
 declare const menuProps: {
     readonly options: {
-        readonly type: PropType<(MenuOption | MenuGroupOption)[]>;
+        readonly type: PropType<MenuMixedOption[]>;
         readonly default: () => never[];
     };
     readonly collapsed: {
@@ -121,6 +121,7 @@ declare const menuProps: {
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -184,6 +185,7 @@ declare const menuProps: {
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -247,6 +249,7 @@ declare const menuProps: {
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -277,7 +280,7 @@ export declare type MenuProps = Partial<MenuSetupProps>;
 export declare const menuInjectionKey: InjectionKey<MenuInjection>;
 declare const _default: import("vue").DefineComponent<{
     readonly options: {
-        readonly type: PropType<(MenuOption | MenuGroupOption)[]>;
+        readonly type: PropType<MenuMixedOption[]>;
         readonly default: () => never[];
     };
     readonly collapsed: {
@@ -391,6 +394,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -454,6 +458,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -517,6 +522,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -549,7 +555,7 @@ declare const _default: import("vue").DefineComponent<{
     uncontrolledValue: import("vue").Ref<Key | null>;
     mergedValue: import("vue").ComputedRef<Key | null>;
     activePath: import("vue").ComputedRef<Key[]>;
-    tmNodes: import("vue").ComputedRef<import("treemate").TreeNode<MenuOption, MenuGroupOption, MenuOption>[]>;
+    tmNodes: import("vue").ComputedRef<import("treemate").TreeNode<MenuOption, MenuGroupOption, MenuIgnoredOption>[]>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -620,9 +626,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -689,6 +699,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         };
         peers: {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
@@ -782,7 +793,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     keyField: string;
     iconSize: number;
-    options: (MenuOption | MenuGroupOption)[];
+    options: MenuMixedOption[];
     defaultValue: Key | null;
     indent: number;
     labelField: string;
@@ -835,6 +846,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -898,6 +910,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -961,6 +974,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -1009,7 +1023,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     keyField: string;
     iconSize: number;
-    options: (MenuOption | MenuGroupOption)[];
+    options: MenuMixedOption[];
     defaultValue: Key | null;
     indent: number;
     labelField: string;

package/lib/menu/src/Menu.js

@@ -208,8 +208,9 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { inverted } = props;
                 const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
-                const { borderRadius, borderColorHorizontal, fontSize, itemHeight } = self;
+                const { borderRadius, borderColorHorizontal, fontSize, itemHeight, dividerColor } = self;
                 const vars = {
+                    '--divider-color': dividerColor,
                     '--bezier': cubicBezierEaseInOut,
                     '--font-size': fontSize,
                     '--border-color-horizontal': borderColorHorizontal,

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

@@ -0,0 +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<{} & {} & {}>, {}>;
+export default _default;

package/lib/menu/src/MenuDivider.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const Menu_1 = require("./Menu");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'MenuDivider',
+    setup() {
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        const NMenu = (0, vue_1.inject)(Menu_1.menuInjectionKey);
+        const { mergedClsPrefixRef, isHorizontalRef } = NMenu;
+        return () => isHorizontalRef.value ? null : ((0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-menu-divider` }));
+    }
+});

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

@@ -118,9 +118,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -187,6 +191,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         };
         peers: {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
@@ -278,7 +283,7 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
         keyField: string;
         iconSize: number;
-        options: (import("./interface").MenuOption | import("./interface").MenuGroupOption)[];
+        options: import("./interface").MenuMixedOption[];
         defaultValue: import("treemate").Key | null;
         indent: number;
         labelField: string;
@@ -331,6 +336,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         }, {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
                 borderRadius: string;
@@ -394,6 +400,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         }, {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
                 borderRadius: string;
@@ -457,6 +464,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         }, {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
                 borderRadius: string;

package/lib/menu/src/MenuOptionContent.d.ts

@@ -77,7 +77,7 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
         keyField: string;
         iconSize: number;
-        options: (import("./interface").MenuOption | import("./interface").MenuGroupOption)[];
+        options: import("./interface").MenuMixedOption[];
         defaultValue: import("treemate").Key | null;
         indent: number;
         labelField: string;
@@ -130,6 +130,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         }, {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
                 borderRadius: string;
@@ -193,6 +194,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         }, {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
                 borderRadius: string;
@@ -256,6 +258,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         }, {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
                 borderRadius: string;

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

@@ -1,14 +1,13 @@
 import { PropType, VNodeChild, InjectionKey } from 'vue';
 import type { SubmenuInjection } from './use-menu-child';
-import { TreeNode } from 'treemate';
-import { MenuGroupOption, MenuOption, TmNode } from './interface';
+import { MenuMixedOption, TmNode } from './interface';
 export declare const submenuProps: {
     readonly rawNodes: {
-        readonly type: PropType<(MenuOption | MenuGroupOption)[]>;
+        readonly type: PropType<MenuMixedOption[]>;
         readonly default: () => never[];
     };
     readonly tmNodes: {
-        readonly type: PropType<TreeNode<MenuOption, MenuGroupOption, MenuOption>[]>;
+        readonly type: PropType<TmNode[]>;
         readonly default: () => never[];
     };
     readonly tmNode: {
@@ -37,11 +36,11 @@ export declare const submenuProps: {
 export declare const submenuInjectionKey: InjectionKey<SubmenuInjection>;
 declare const _default: import("vue").DefineComponent<{
     readonly rawNodes: {
-        readonly type: PropType<(MenuOption | MenuGroupOption)[]>;
+        readonly type: PropType<MenuMixedOption[]>;
         readonly default: () => never[];
     };
     readonly tmNodes: {
-        readonly type: PropType<TreeNode<MenuOption, MenuGroupOption, MenuOption>[]>;
+        readonly type: PropType<TmNode[]>;
         readonly default: () => never[];
     };
     readonly tmNode: {
@@ -112,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
         keyField: string;
         iconSize: number;
-        options: (MenuOption | MenuGroupOption)[];
+        options: MenuMixedOption[];
         defaultValue: import("treemate").Key | null;
         indent: number;
         labelField: string;
@@ -165,6 +164,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         }, {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
                 borderRadius: string;
@@ -228,6 +228,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         }, {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
                 borderRadius: string;
@@ -291,6 +292,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         }, {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
                 borderRadius: string;
@@ -315,23 +317,23 @@ declare const _default: import("vue").DefineComponent<{
                 }, any>;
             }>;
         }>> | undefined;
-        items?: (MenuOption | MenuGroupOption)[] | undefined;
-        renderIcon?: ((option: MenuOption) => VNodeChild) | undefined;
-        renderLabel?: ((option: MenuOption | MenuGroupOption) => VNodeChild) | 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: MenuOption) => VNodeChild) | 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: MenuOption | MenuGroupOption) => VNodeChild) | undefined;
+        renderExtra?: ((option: import("./interface").MenuOption | import("./interface").MenuGroupOption) => VNodeChild) | undefined;
         dropdownProps?: import("../../dropdown").DropdownProps | undefined;
         onOpenNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
     };
@@ -371,9 +373,9 @@ declare const _default: import("vue").DefineComponent<{
     tmNode: TmNode;
     level: number;
     isGroup: boolean;
-    tmNodes: TreeNode<MenuOption, MenuGroupOption, MenuOption>[];
+    tmNodes: TmNode[];
     internalKey: import("treemate").Key;
-    rawNodes: (MenuOption | MenuGroupOption)[];
+    rawNodes: MenuMixedOption[];
 } & {
     extra?: string | (() => VNodeChild) | undefined;
     icon?: (() => VNodeChild) | undefined;
@@ -383,7 +385,7 @@ declare const _default: import("vue").DefineComponent<{
     root: boolean;
     disabled: boolean;
     isGroup: boolean;
-    tmNodes: TreeNode<MenuOption, MenuGroupOption, MenuOption>[];
-    rawNodes: (MenuOption | MenuGroupOption)[];
+    tmNodes: TmNode[];
+    rawNodes: MenuMixedOption[];
 }>;
 export default _default;