naive-ui 2.20.0 → 2.21.0

package/lib/locales/common/deDE.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const deDE = {
+    name: 'de-DE',
+    global: {
+        undo: 'Rückgängig',
+        redo: 'Wiederholen',
+        confirm: 'Bestätigen'
+    },
+    Popconfirm: {
+        positiveText: 'Bestätigen',
+        negativeText: 'Abbrechen'
+    },
+    Cascader: {
+        placeholder: 'Bitte auswählen',
+        loading: 'Wird geladen',
+        loadingRequiredMessage: (label) => `Bitte laden Sie alle Unterpunkte von ${label}, bevor Sie es auswählen.`
+    },
+    Time: {
+        dateFormat: 'dd-MM-yyyy',
+        dateTimeFormat: 'dd-MM-yyyy HH:mm:ss'
+    },
+    DatePicker: {
+        yearFormat: 'yyyy',
+        monthFormat: 'MMM',
+        dayFormat: 'eeeeee',
+        clear: 'Löschen',
+        now: 'Jetzt',
+        confirm: 'Bestätigen',
+        selectTime: 'Uhrzeit auswählen',
+        selectDate: 'Datum auswählen',
+        datePlaceholder: 'Datum auswählen',
+        datetimePlaceholder: 'Datum und Uhrzeit auswählen',
+        monthPlaceholder: 'Monat auswählen',
+        startDatePlaceholder: 'Anfangsdatum',
+        endDatePlaceholder: 'Enddatum',
+        startDatetimePlaceholder: 'Anfangsdatum und Uhrzeit',
+        endDatetimePlaceholder: 'Enddatum und Uhrzeit',
+        monthBeforeYear: true,
+        firstDayOfWeek: 0,
+        today: 'Heute'
+    },
+    DataTable: {
+        checkTableAll: 'Alles auswählen',
+        uncheckTableAll: 'Auswahl aufheben',
+        confirm: 'Bestätigen',
+        clear: 'Löschen'
+    },
+    Transfer: {
+        sourceTitle: 'Quelle',
+        targetTitle: 'Ziel'
+    },
+    Empty: {
+        description: 'Keine Daten'
+    },
+    Select: {
+        placeholder: 'Bitte auswählen'
+    },
+    TimePicker: {
+        placeholder: 'Uhrzeit auswählen',
+        positiveText: 'OK',
+        negativeText: 'Abbrechen',
+        now: 'Jetzt'
+    },
+    Pagination: {
+        goto: 'Gehe zu',
+        selectionSuffix: 'Seite'
+    },
+    DynamicTags: {
+        add: 'Hinzufügen'
+    },
+    Log: {
+        loading: 'Wird geladen'
+    },
+    Input: {
+        placeholder: 'Bitte ausfüllen'
+    },
+    InputNumber: {
+        placeholder: 'Bitte ausfüllen'
+    },
+    DynamicInput: {
+        create: 'Erstellen'
+    },
+    ThemeEditor: {
+        title: 'Theme Editor',
+        clearAllVars: 'Alle Variablen löschen',
+        clearSearch: 'Suche löschen',
+        filterCompName: 'Filter Komponentenname',
+        filterVarName: 'Filter Variablenname',
+        import: 'Importieren',
+        export: 'Exportieren',
+        restore: 'Auf Standard zurücksetzen'
+    }
+};
+exports.default = deDE;

package/lib/locales/common/nbNO.d.ts

@@ -0,0 +1,3 @@
+import type { NLocale } from './enUS';
+declare const nbNO: NLocale;
+export default nbNO;

package/lib/locales/common/nbNO.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const nbNO = {
+    name: 'nb-NO',
+    global: {
+        undo: 'Angre',
+        redo: 'Utfør likevel',
+        confirm: 'Bekreft'
+    },
+    Popconfirm: {
+        positiveText: 'Bekreft',
+        negativeText: 'Avbryt'
+    },
+    Cascader: {
+        placeholder: 'Vennligst velg',
+        loading: 'Laster',
+        loadingRequiredMessage: (label) => `Vennligst last alle underpunkter av ${label} før du velger oppføringen.`
+    },
+    Time: {
+        dateFormat: 'dd.MM.yyyy',
+        dateTimeFormat: 'dd.MM.yyyy HH:mm:ss'
+    },
+    DatePicker: {
+        yearFormat: 'yyyy',
+        monthFormat: 'MMM',
+        dayFormat: 'eeeeee',
+        clear: 'Tøm',
+        now: 'Nå',
+        confirm: 'Bekreft',
+        selectTime: 'Velg tid',
+        selectDate: 'Velg dato',
+        datePlaceholder: 'Velg dato',
+        datetimePlaceholder: 'Velg dato og tid',
+        monthPlaceholder: 'Velg måned',
+        startDatePlaceholder: 'Startdato',
+        endDatePlaceholder: 'Sluttdato',
+        startDatetimePlaceholder: 'Startdato og -tid',
+        endDatetimePlaceholder: 'Sluttdato og -tid',
+        monthBeforeYear: true,
+        firstDayOfWeek: 0,
+        today: 'I dag'
+    },
+    DataTable: {
+        checkTableAll: 'Velg alt',
+        uncheckTableAll: 'Velg ingenting',
+        confirm: 'Bekreft',
+        clear: 'Tøm'
+    },
+    Transfer: {
+        sourceTitle: 'Kilde',
+        targetTitle: 'Mål'
+    },
+    Empty: {
+        description: 'Ingen data'
+    },
+    Select: {
+        placeholder: 'Vennligst velg'
+    },
+    TimePicker: {
+        placeholder: 'Velg tid',
+        positiveText: 'OK',
+        negativeText: 'Avbryt',
+        now: 'Nå'
+    },
+    Pagination: {
+        goto: 'Gå til',
+        selectionSuffix: 'side'
+    },
+    DynamicTags: {
+        add: 'Legg til'
+    },
+    Log: {
+        loading: 'Laster'
+    },
+    Input: {
+        placeholder: 'Vennligst fyll ut'
+    },
+    InputNumber: {
+        placeholder: 'Vennligst fyll ut'
+    },
+    DynamicInput: {
+        create: 'Opprett'
+    },
+    ThemeEditor: {
+        title: 'Temaredigerer',
+        clearAllVars: 'Nullstill alle variabler',
+        clearSearch: 'Tøm søk',
+        filterCompName: 'Filtrer etter komponentnavn',
+        filterVarName: 'Filtrer etter variabelnavn',
+        import: 'Importer',
+        export: 'Eksporter',
+        restore: 'Nullstill til standardvalg'
+    }
+};
+exports.default = nbNO;

package/lib/locales/date/deDE.d.ts

@@ -0,0 +1,3 @@
+import { NDateLocale } from './enUS';
+declare const dateDeDE: NDateLocale;
+export default dateDeDE;

package/lib/locales/date/deDE.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const de_1 = __importDefault(require("date-fns/locale/de"));
+const dateDeDE = {
+    name: 'de-DE',
+    locale: de_1.default
+};
+exports.default = dateDeDE;

package/lib/locales/date/nbNO.d.ts

@@ -0,0 +1,3 @@
+import { NDateLocale } from './enUS';
+declare const dateNbNO: NDateLocale;
+export default dateNbNO;

package/lib/locales/date/nbNO.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const nb_1 = __importDefault(require("date-fns/locale/nb"));
+const dateNbNO = {
+    name: 'nb-NO',
+    locale: nb_1.default
+};
+exports.default = dateNbNO;

package/lib/locales/index.d.ts

@@ -4,11 +4,17 @@ export { default as ruRU } from './common/ruRU';
 export { default as ukUA } from './common/ukUA';
 export { default as jaJP } from './common/jaJP';
 export { default as idID } from './common/idID';
+export { default as deDE } from './common/deDE';
+export { default as nbNO } from './common/nbNO';
 export { default as dateZhCN } from './date/zhCN';
 export { default as dateEnUS } from './date/enUS';
 export { default as dateRuRU } from './date/ruRU';
 export { default as dateUkUA } from './date/ukUA';
 export { default as dateJaJP } from './date/jaJP';
 export { default as dateIdID } from './date/idID';
+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.dateIdID = exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhCN = 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");
@@ -16,6 +16,10 @@ var jaJP_1 = require("./common/jaJP");
 Object.defineProperty(exports, "jaJP", { enumerable: true, get: function () { return __importDefault(jaJP_1).default; } });
 var idID_1 = require("./common/idID");
 Object.defineProperty(exports, "idID", { enumerable: true, get: function () { return __importDefault(idID_1).default; } });
+var deDE_1 = require("./common/deDE");
+Object.defineProperty(exports, "deDE", { enumerable: true, get: function () { return __importDefault(deDE_1).default; } });
+var nbNO_1 = require("./common/nbNO");
+Object.defineProperty(exports, "nbNO", { enumerable: true, get: function () { return __importDefault(nbNO_1).default; } });
 var zhCN_2 = require("./date/zhCN");
 Object.defineProperty(exports, "dateZhCN", { enumerable: true, get: function () { return __importDefault(zhCN_2).default; } });
 var enUS_2 = require("./date/enUS");
@@ -28,3 +32,9 @@ var jaJP_2 = require("./date/jaJP");
 Object.defineProperty(exports, "dateJaJP", { enumerable: true, get: function () { return __importDefault(jaJP_2).default; } });
 var idID_2 = require("./date/idID");
 Object.defineProperty(exports, "dateIdID", { enumerable: true, get: function () { return __importDefault(idID_2).default; } });
+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

@@ -333,6 +333,9 @@ declare const _default: import("vue").DefineComponent<{
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;

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

@@ -881,6 +881,9 @@ declare const _default: import("vue").DefineComponent<{
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;
@@ -1068,6 +1071,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;
@@ -615,6 +629,9 @@ declare const _default: import("vue").DefineComponent<{
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;
@@ -681,6 +698,7 @@ declare const _default: import("vue").DefineComponent<{
             itemColorActiveCollapsedInverted: string;
             borderColorHorizontal: string;
             fontSize: string;
+            dividerColor: string;
         };
         peers: {
             Tooltip: import("../../_mixins").Theme<"Tooltip", {
@@ -746,6 +764,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 +792,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 +845,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -889,6 +909,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -952,6 +973,7 @@ declare const _default: import("vue").DefineComponent<{
         itemColorActiveCollapsedInverted: string;
         borderColorHorizontal: string;
         fontSize: string;
+        dividerColor: string;
     }, {
         Tooltip: import("../../_mixins").Theme<"Tooltip", {
             borderRadius: string;
@@ -986,9 +1008,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 +1022,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 +1033,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` }));
+    }
+});