naive-ui 2.20.2 → 2.21.2

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/locales/index.d.ts

@@ -16,3 +16,5 @@ export { default as dateDeDE } from './date/deDE';
 export { default as dateNbNO } from './date/nbNO';
 export type { NLocale } from './common/enUS';
 export type { NDateLocale } from './date/enUS';
+export type { NPartialLocale } from './utils/index';
+export { createLocale } from './utils/index';

package/lib/locales/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dateNbNO = exports.dateDeDE = exports.dateIdID = exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhCN = exports.nbNO = exports.deDE = exports.idID = exports.jaJP = exports.ukUA = exports.ruRU = exports.enUS = exports.zhCN = void 0;
+exports.createLocale = exports.dateNbNO = exports.dateDeDE = exports.dateIdID = exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhCN = exports.nbNO = exports.deDE = exports.idID = exports.jaJP = exports.ukUA = exports.ruRU = exports.enUS = exports.zhCN = void 0;
 var zhCN_1 = require("./common/zhCN");
 Object.defineProperty(exports, "zhCN", { enumerable: true, get: function () { return __importDefault(zhCN_1).default; } });
 var enUS_1 = require("./common/enUS");
@@ -36,3 +36,5 @@ var deDE_2 = require("./date/deDE");
 Object.defineProperty(exports, "dateDeDE", { enumerable: true, get: function () { return __importDefault(deDE_2).default; } });
 var nbNO_2 = require("./date/nbNO");
 Object.defineProperty(exports, "dateNbNO", { enumerable: true, get: function () { return __importDefault(nbNO_2).default; } });
+var index_1 = require("./utils/index");
+Object.defineProperty(exports, "createLocale", { enumerable: true, get: function () { return index_1.createLocale; } });

package/lib/locales/utils/index.d.ts

@@ -0,0 +1,8 @@
+import { NLocale } from '../common/enUS';
+export declare type NPartialLocale = {
+    [key in keyof NLocale]+?: {
+        [childKey in keyof NLocale[key]]+?: NLocale[key][childKey];
+    };
+};
+export declare function createLocale(locale: NLocale): NLocale;
+export declare function createLocale(locale: NPartialLocale, fallbackLocale: NLocale): NLocale;

package/lib/locales/utils/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLocale = void 0;
+const lodash_1 = require("lodash");
+function createLocale(locale, fallbackLocale) {
+    return (0, lodash_1.merge)({}, fallbackLocale, locale);
+}
+exports.createLocale = createLocale;

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: {
@@ -55,6 +55,10 @@ declare const menuProps: {
         readonly type: PropType<"horizontal" | "vertical">;
         readonly default: "vertical";
     };
+    readonly watchProps: {
+        readonly type: PropType<("defaultValue" | "defaultExpandedKeys")[]>;
+        readonly default: undefined;
+    };
     readonly disabled: BooleanConstructor;
     readonly inverted: BooleanConstructor;
     readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
@@ -117,6 +121,7 @@ declare const menuProps: {
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -180,6 +185,7 @@ declare const menuProps: {
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -243,6 +249,7 @@ declare const menuProps: {
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -273,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: {
@@ -321,6 +328,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<"horizontal" | "vertical">;
         readonly default: "vertical";
     };
+    readonly watchProps: {
+        readonly type: PropType<("defaultValue" | "defaultExpandedKeys")[]>;
+        readonly default: undefined;
+    };
     readonly disabled: BooleanConstructor;
     readonly inverted: BooleanConstructor;
     readonly 'onUpdate:expandedKeys': PropType<MaybeArray<OnUpdateKeys>>;
@@ -383,6 +394,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -446,6 +458,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -509,6 +522,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -541,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;
@@ -560,7 +574,7 @@ declare const _default: import("vue").DefineComponent<{
             warningColor: string;
             warningColorHover: string;
             warningColorPressed: string;
-            warningColorSuppl: string; /** TODO: deprecate it */
+            warningColorSuppl: string;
             errorColor: string;
             errorColorHover: string;
             errorColorPressed: string;
@@ -612,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;
@@ -681,6 +699,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         };
         peers: {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
@@ -746,6 +765,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly value?: unknown;
     readonly defaultValue?: unknown;
     readonly mode?: unknown;
+    readonly watchProps?: unknown;
     readonly disabled?: unknown;
     readonly inverted?: unknown;
     readonly 'onUpdate:expandedKeys'?: unknown;
@@ -773,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;
@@ -826,6 +846,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -889,6 +910,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -952,6 +974,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -986,9 +1009,10 @@ declare const _default: import("vue").DefineComponent<{
     onExpandedNamesChange?: MaybeArray<OnUpdateKeys> | undefined;
     collapsed?: boolean | undefined;
     expandIcon?: ((option: MenuOption) => VNodeChild) | undefined;
-    rootIndent?: number | undefined;
     defaultExpandedKeys?: Key[] | undefined;
+    rootIndent?: number | undefined;
     expandedKeys?: Key[] | undefined;
+    watchProps?: ("defaultValue" | "defaultExpandedKeys")[] | undefined;
     "onUpdate:expandedKeys"?: MaybeArray<OnUpdateKeys> | undefined;
     onUpdateExpandedKeys?: MaybeArray<OnUpdateKeys> | undefined;
     renderExtra?: ((option: MenuOption | MenuGroupOption) => VNodeChild) | undefined;
@@ -999,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;
@@ -1010,6 +1034,7 @@ declare const _default: import("vue").DefineComponent<{
     collapsedWidth: number;
     collapsedIconSize: number;
     defaultExpandAll: boolean;
+    watchProps: ("defaultValue" | "defaultExpandedKeys")[];
     dropdownPlacement: FollowerPlacement;
 }>;
 export default _default;

package/lib/menu/src/Menu.js

@@ -47,6 +47,9 @@ const menuProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { o
     }, mode: {
         type: String,
         default: 'vertical'
+    }, watchProps: {
+        type: Array,
+        default: undefined
     }, disabled: Boolean, inverted: Boolean, 'onUpdate:expandedKeys': [Function, Array], onUpdateExpandedKeys: [Function, Array], onUpdateValue: [Function, Array], 'onUpdate:value': [Function, Array], expandIcon: Function, renderIcon: Function, renderLabel: Function, renderExtra: Function, 
     /** TODO: deprecate it */
     dropdownPlacement: {
@@ -92,16 +95,34 @@ exports.default = (0, vue_1.defineComponent)({
             });
         });
         const treeKeysLevelOneRef = (0, vue_1.computed)(() => new Set(treeMateRef.value.treeNodes.map((e) => e.key)));
-        const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
+        const { watchProps } = props;
+        const uncontrolledValueRef = (0, vue_1.ref)(null);
+        if (watchProps === null || watchProps === void 0 ? void 0 : watchProps.includes('defaultValue')) {
+            (0, vue_1.watchEffect)(() => {
+                uncontrolledValueRef.value = props.defaultValue;
+            });
+        }
+        else {
+            uncontrolledValueRef.value = props.defaultValue;
+        }
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
         const mergedValueRef = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
-        const uncontrolledExpandedKeysRef = (0, vue_1.ref)(props.defaultExpandAll
-            ? treeMateRef.value.getNonLeafKeys()
-            : props.defaultExpandedNames ||
-                props.defaultExpandedKeys ||
-                treeMateRef.value.getPath(mergedValueRef.value, {
-                    includeSelf: false
-                }).keyPath);
+        const uncontrolledExpandedKeysRef = (0, vue_1.ref)([]);
+        const initUncontrolledExpandedKeys = () => {
+            uncontrolledExpandedKeysRef.value = props.defaultExpandAll
+                ? treeMateRef.value.getNonLeafKeys()
+                : props.defaultExpandedNames ||
+                    props.defaultExpandedKeys ||
+                    treeMateRef.value.getPath(mergedValueRef.value, {
+                        includeSelf: false
+                    }).keyPath;
+        };
+        if (watchProps === null || watchProps === void 0 ? void 0 : watchProps.includes('defaultExpandedKeys')) {
+            (0, vue_1.watchEffect)(initUncontrolledExpandedKeys);
+        }
+        else {
+            initUncontrolledExpandedKeys();
+        }
         const controlledExpandedKeysRef = (0, vooks_1.useCompitable)(props, [
             'expandedNames',
             'expandedKeys'
@@ -187,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", {
@@ -250,6 +255,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly value?: unknown;
         readonly defaultValue?: unknown;
         readonly mode?: unknown;
+        readonly watchProps?: unknown;
         readonly disabled?: unknown;
         readonly inverted?: unknown;
         readonly 'onUpdate:expandedKeys'?: unknown;
@@ -277,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;
@@ -330,6 +336,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         }, {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
                 borderRadius: string;
@@ -393,6 +400,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         }, {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
                 borderRadius: string;
@@ -456,6 +464,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         }, {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
                 borderRadius: string;
@@ -490,9 +499,10 @@ declare const _default: import("vue").DefineComponent<{
         onExpandedNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
         collapsed?: boolean | undefined;
         expandIcon?: ((option: import("./interface").MenuOption) => import("vue").VNodeChild) | undefined;
-        rootIndent?: number | 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) => import("vue").VNodeChild) | undefined;