naive-ui 2.25.1 → 2.25.4

package/lib/locales/common/skSK.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const skSK = {
+    name: 'sk-SK',
+    global: {
+        undo: 'Späť',
+        redo: 'Obnoviť',
+        confirm: 'Potvrdiť'
+    },
+    Popconfirm: {
+        positiveText: 'Potvrdiť',
+        negativeText: 'Zrušiť'
+    },
+    Cascader: {
+        placeholder: 'Prosím vyberte',
+        loading: 'Načítavanie',
+        loadingRequiredMessage: (label) => `Prosím načítajte všetkých ${label} potomkov pred kontrolou.`
+    },
+    Time: {
+        dateFormat: 'd-M-yyyy',
+        dateTimeFormat: 'd-M-yyyy HH:mm:ss'
+    },
+    DatePicker: {
+        yearFormat: 'yyyy',
+        monthFormat: 'MMM',
+        dayFormat: 'EEEE',
+        yearTypeFormat: 'yyyy',
+        monthTypeFormat: 'MMM-yyyy',
+        dateFormat: 'd-M-yyyy',
+        dateTimeFormat: 'd-M-yyyy HH:mm:ss',
+        quarterFormat: 'qqq-yyyy',
+        clear: 'Vyčistiť',
+        now: 'Teraz',
+        confirm: 'Potvrdiť',
+        selectTime: 'Vybrať čas',
+        selectDate: 'Vybrať dátum',
+        datePlaceholder: 'Vyberte čas',
+        datetimePlaceholder: 'Vyberte dátum a čas',
+        monthPlaceholder: 'Vyberte mesiac',
+        yearPlaceholder: 'Vyberte rok',
+        quarterPlaceholder: 'Vyberte štvrťrok',
+        startDatePlaceholder: 'Dátum začiatku',
+        endDatePlaceholder: 'Dátum ukončenia',
+        startDatetimePlaceholder: 'Dátum a čas začiatku',
+        endDatetimePlaceholder: 'Dátum a čas ukončenia ',
+        monthBeforeYear: true,
+        firstDayOfWeek: 6,
+        today: 'Dnes'
+    },
+    DataTable: {
+        checkTableAll: 'Vybrať všetko v tabuľke',
+        uncheckTableAll: 'Zrušiť výber všetkého v tabuľke ',
+        confirm: 'Potvrdiť',
+        clear: 'Vyčistiť'
+    },
+    Transfer: {
+        sourceTitle: 'Zdroj',
+        targetTitle: 'Cieľ'
+    },
+    Empty: {
+        description: 'Žiadne dáta'
+    },
+    Select: {
+        placeholder: 'Prosím vyberte'
+    },
+    TimePicker: {
+        placeholder: 'Vybrať čas',
+        positiveText: 'OK',
+        negativeText: 'Zrušiť',
+        now: 'Teraz'
+    },
+    Pagination: {
+        goto: 'Ísť',
+        selectionSuffix: 'Strana'
+    },
+    DynamicTags: {
+        add: 'Pridať'
+    },
+    Log: {
+        loading: 'Načítavanie'
+    },
+    Input: {
+        placeholder: 'Zadajte'
+    },
+    InputNumber: {
+        placeholder: 'Zadajte'
+    },
+    DynamicInput: {
+        create: 'Vytvoriť'
+    },
+    ThemeEditor: {
+        title: 'Editor tém',
+        clearAllVars: 'Vymazať všetky premenné',
+        clearSearch: 'Vymazať vyhľadávanie',
+        filterCompName: 'Názov komponentu filtra',
+        filterVarName: 'Názov premennej filtra',
+        import: 'Importovať',
+        export: 'Exportovať',
+        restore: 'Obnoviť pôvodné nastavenia'
+    },
+    // TODO: translation
+    Image: {
+        tipPrevious: 'Predchádzajúci obrázok (←)',
+        tipNext: 'Ďalší obrázok (→)',
+        tipCounterclockwise: 'Proti smeru hodinových ručičiek',
+        tipClockwise: 'V smere hodinových ručičiek',
+        tipZoomOut: 'Oddialiť',
+        tipZoomIn: 'Priblížiť',
+        tipClose: 'Zavrieť (Esc)'
+    }
+};
+exports.default = skSK;

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

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

package/lib/locales/date/eo.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 eo_1 = __importDefault(require("date-fns/locale/eo"));
+const dateEo = {
+    name: 'eo',
+    locale: eo_1.default
+};
+exports.default = dateEo;

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

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

package/lib/locales/date/plPL.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 pl_1 = __importDefault(require("date-fns/locale/pl"));
+const datePlPL = {
+    name: 'pl-PL',
+    locale: pl_1.default
+};
+exports.default = datePlPL;

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

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

package/lib/locales/date/skSK.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 sk_1 = __importDefault(require("date-fns/locale/sk"));
+const dateSkSK = {
+    name: 'sk-SK',
+    locale: sk_1.default
+};
+exports.default = dateSkSK;

package/lib/locales/index.d.ts

@@ -10,7 +10,10 @@ export { default as nbNO } from './common/nbNO';
 export { default as frFR } from './common/frFR';
 export { default as esAR } from './common/esAR';
 export { default as itIT } from './common/itIT';
+export { default as skSK } from './common/skSK';
 export { default as enGB } from './common/enGB';
+export { default as plPL } from './common/plPL';
+export { default as eo } from './common/eo';
 export { default as dateZhCN } from './date/zhCN';
 export { default as dateZhTW } from './date/zhTW';
 export { default as dateEnUS } from './date/enUS';
@@ -23,7 +26,10 @@ export { default as dateNbNO } from './date/nbNO';
 export { default as dateFrFR } from './date/frFR';
 export { default as dateEsAR } from './date/esAR';
 export { default as dateItIT } from './date/itIT';
+export { default as dateSkSK } from './date/skSK';
 export { default as dateEnGB } from './date/enGB';
+export { default as datePlPL } from './date/plPL';
+export { default as dateEo } from './date/eo';
 export type { NLocale } from './common/enUS';
 export type { NDateLocale } from './date/enUS';
 export type { NPartialLocale } 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.createLocale = exports.dateEnGB = exports.dateItIT = exports.dateEsAR = exports.dateFrFR = exports.dateNbNO = exports.dateDeDE = exports.dateIdID = exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhTW = exports.dateZhCN = exports.enGB = exports.itIT = exports.esAR = exports.frFR = exports.nbNO = exports.deDE = exports.idID = exports.jaJP = exports.ukUA = exports.ruRU = exports.enUS = exports.zhTW = exports.zhCN = void 0;
+exports.createLocale = exports.dateEo = exports.datePlPL = exports.dateEnGB = exports.dateSkSK = exports.dateItIT = exports.dateEsAR = exports.dateFrFR = exports.dateNbNO = exports.dateDeDE = exports.dateIdID = exports.dateJaJP = exports.dateUkUA = exports.dateRuRU = exports.dateEnUS = exports.dateZhTW = exports.dateZhCN = exports.eo = exports.plPL = exports.enGB = exports.skSK = exports.itIT = exports.esAR = exports.frFR = exports.nbNO = exports.deDE = exports.idID = exports.jaJP = exports.ukUA = exports.ruRU = exports.enUS = exports.zhTW = exports.zhCN = void 0;
 var zhCN_1 = require("./common/zhCN");
 Object.defineProperty(exports, "zhCN", { enumerable: true, get: function () { return __importDefault(zhCN_1).default; } });
 var zhTW_1 = require("./common/zhTW");
@@ -28,8 +28,14 @@ var esAR_1 = require("./common/esAR");
 Object.defineProperty(exports, "esAR", { enumerable: true, get: function () { return __importDefault(esAR_1).default; } });
 var itIT_1 = require("./common/itIT");
 Object.defineProperty(exports, "itIT", { enumerable: true, get: function () { return __importDefault(itIT_1).default; } });
+var skSK_1 = require("./common/skSK");
+Object.defineProperty(exports, "skSK", { enumerable: true, get: function () { return __importDefault(skSK_1).default; } });
 var enGB_1 = require("./common/enGB");
 Object.defineProperty(exports, "enGB", { enumerable: true, get: function () { return __importDefault(enGB_1).default; } });
+var plPL_1 = require("./common/plPL");
+Object.defineProperty(exports, "plPL", { enumerable: true, get: function () { return __importDefault(plPL_1).default; } });
+var eo_1 = require("./common/eo");
+Object.defineProperty(exports, "eo", { enumerable: true, get: function () { return __importDefault(eo_1).default; } });
 var zhCN_2 = require("./date/zhCN");
 Object.defineProperty(exports, "dateZhCN", { enumerable: true, get: function () { return __importDefault(zhCN_2).default; } });
 var zhTW_2 = require("./date/zhTW");
@@ -54,7 +60,13 @@ var esAR_2 = require("./date/esAR");
 Object.defineProperty(exports, "dateEsAR", { enumerable: true, get: function () { return __importDefault(esAR_2).default; } });
 var itIT_2 = require("./date/itIT");
 Object.defineProperty(exports, "dateItIT", { enumerable: true, get: function () { return __importDefault(itIT_2).default; } });
+var skSK_2 = require("./date/skSK");
+Object.defineProperty(exports, "dateSkSK", { enumerable: true, get: function () { return __importDefault(skSK_2).default; } });
 var enGB_2 = require("./date/enGB");
 Object.defineProperty(exports, "dateEnGB", { enumerable: true, get: function () { return __importDefault(enGB_2).default; } });
+var plPL_2 = require("./date/plPL");
+Object.defineProperty(exports, "datePlPL", { enumerable: true, get: function () { return __importDefault(plPL_2).default; } });
+var eo_2 = require("./date/eo");
+Object.defineProperty(exports, "dateEo", { enumerable: true, get: function () { return __importDefault(eo_2).default; } });
 var index_1 = require("./utils/index");
 Object.defineProperty(exports, "createLocale", { enumerable: true, get: function () { return index_1.createLocale; } });

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

@@ -249,6 +249,7 @@ declare const _default: import("vue").DefineComponent<{
         containerScrollTop: number;
         syncUnifiedContainer: () => void;
         scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+        scrollBy: import("../../_internal/scrollbar/src/ScrollBar").ScrollBy;
         sync: () => void;
         handleMouseEnterWrapper: () => void;
         handleMouseLeaveWrapper: () => void;
@@ -410,7 +411,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-loader-color': string;
         '--n-loader-text-color': string;
         '--n-loading-color': string;
-    }>;
+    }> | undefined;
+    themeClass: Ref<string> | undefined;
+    onRender: (() => void) | undefined;
     scrollTo: ((options: {
         slient?: boolean | undefined;
         position: "bottom" | "top";

package/lib/log/src/Log.js

@@ -37,7 +37,7 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Log',
     props: logProps,
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const slientRef = (0, vue_1.ref)(false);
         const highlightRef = (0, vue_1.computed)(() => {
             return props.language !== undefined;
@@ -152,25 +152,30 @@ exports.default = (0, vue_1.defineComponent)({
         const exportedMethods = {
             scrollTo
         };
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { self: { loaderFontSize, loaderTextColor, loaderColor, loaderBorder, loadingColor }, common: { cubicBezierEaseInOut } } = themeRef.value;
+            return {
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-loader-font-size': loaderFontSize,
+                '--n-loader-border': loaderBorder,
+                '--n-loader-color': loaderColor,
+                '--n-loader-text-color': loaderTextColor,
+                '--n-loading-color': loadingColor
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('log', undefined, cssVarsRef, props)
+            : undefined;
         return Object.assign(Object.assign({}, exportedMethods), { mergedClsPrefix: mergedClsPrefixRef, scrollbarRef, mergedTheme: themeRef, styleHeight: styleHeightRef, mergedLines: mergedLinesRef, scrollToTop,
             scrollToBottom,
             handleWheel,
-            handleScroll, cssVars: (0, vue_1.computed)(() => {
-                const { self: { loaderFontSize, loaderTextColor, loaderColor, loaderBorder, loadingColor }, common: { cubicBezierEaseInOut } } = themeRef.value;
-                return {
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-loader-font-size': loaderFontSize,
-                    '--n-loader-border': loaderBorder,
-                    '--n-loader-color': loaderColor,
-                    '--n-loader-text-color': loaderTextColor,
-                    '--n-loading-color': loadingColor
-                };
-            }) });
+            handleScroll, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender });
     },
     render() {
-        const { mergedClsPrefix, mergedTheme } = this;
+        const { mergedClsPrefix, mergedTheme, onRender } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         return (0, vue_1.h)('div', {
-            class: `${mergedClsPrefix}-log`,
+            class: [`${mergedClsPrefix}-log`, this.themeClass],
             style: [
                 {
                     lineHeight: this.lineHeight,

package/lib/mention/index.d.ts

@@ -1,3 +1,3 @@
 export { default as NMention } from './src/Mention';
 export type { MentionProps } from './src/Mention';
-export type { MentionOption } from './src/interface';
+export type { MentionOption, MentionInst } from './src/interface';

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

@@ -1104,7 +1104,9 @@ declare const _default: import("vue").DefineComponent<{
     blur: () => void;
     cssVars: import("vue").ComputedRef<{
         '--n-menu-box-shadow': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -1515,8 +1517,8 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: string;
     to: string | boolean | HTMLElement;
     options: MentionOption[];
-    bordered: boolean | undefined;
     loading: boolean;
+    bordered: boolean | undefined;
     placement: FollowerPlacement;
     defaultValue: string;
     internalDebug: boolean;

package/lib/mention/src/Mention.js

@@ -53,7 +53,7 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Mention',
     props: mentionProps,
     setup(props) {
-        const { namespaceRef, mergedClsPrefixRef, mergedBorderedRef } = (0, _mixins_1.useConfig)(props);
+        const { namespaceRef, mergedClsPrefixRef, mergedBorderedRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Mention', '-mention', index_cssr_1.default, styles_1.mentionLight, props, mergedClsPrefixRef);
         const formItem = (0, _mixins_1.useFormItem)(props);
         const inputInstRef = (0, vue_1.ref)(null);
@@ -89,6 +89,15 @@ exports.default = (0, vue_1.defineComponent)({
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
         const controlledValueRef = (0, vue_1.toRef)(props, 'value');
         const mergedValueRef = (0, vooks_1.useMergedState)(controlledValueRef, uncontrolledValueRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { self: { menuBoxShadow } } = themeRef.value;
+            return {
+                '--n-menu-box-shadow': menuBoxShadow
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('mention', undefined, cssVarsRef, props)
+            : undefined;
         function doUpdateShowMenu(show) {
             if (props.disabled)
                 return;
@@ -306,16 +315,15 @@ exports.default = (0, vue_1.defineComponent)({
             handleInputMouseDown,
             focus,
             blur,
-            cssVars: (0, vue_1.computed)(() => {
-                const { self: { menuBoxShadow } } = themeRef.value;
-                return {
-                    '--n-menu-box-shadow': menuBoxShadow
-                };
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
+        var _a;
         const { mergedTheme, mergedClsPrefix, $slots } = this;
+        (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-mention` },
             (0, vue_1.h)(input_1.NInput, { status: this.mergedStatus, themeOverrides: mergedTheme.peerOverrides.Input, theme: mergedTheme.peers.Input, size: this.mergedSize, autosize: this.autosize, type: this.type, ref: "inputInstRef", placeholder: this.placeholder, onMousedown: this.handleInputMouseDown, onUpdateValue: this.handleInputUpdateValue, onKeydown: this.handleInputKeyDown, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, bordered: this.mergedBordered, disabled: this.disabled, value: this.mergedValue }),
             (0, vue_1.h)(vueuc_1.VBinder, null, {

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

@@ -1,2 +1,6 @@
 import type { SelectBaseOption } from '../../select/src/interface';
 export declare type MentionOption = SelectBaseOption<string>;
+export interface MentionInst {
+    focus: () => void;
+    blur: () => void;
+}

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

@@ -745,7 +745,9 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     mergedCollapsed: import("vue").ComputedRef<boolean>;
-    cssVars: import("vue").ComputedRef<any>;
+    cssVars: import("vue").ComputedRef<any> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly options: {
         readonly type: PropType<MenuMixedOption[]>;
@@ -1019,8 +1021,8 @@ declare const _default: import("vue").DefineComponent<{
     mode: "horizontal" | "vertical";
     disabled: boolean;
     options: MenuMixedOption[];
-    keyField: string;
     iconSize: number;
+    keyField: string;
     defaultValue: Key | null;
     indent: number;
     labelField: string;

package/lib/menu/src/Menu.js

@@ -65,7 +65,7 @@ exports.default = (0, vue_1.defineComponent)({
         if (process.env.NODE_ENV !== 'production') {
             (0, useCheckDeprecated_1.useCheckDeprecated)(props);
         }
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Menu', '-menu', index_cssr_1.default, styles_1.menuLight, props, mergedClsPrefixRef);
         const layoutSider = (0, vue_1.inject)(interface_1.layoutSiderInjectionKey, null);
         const mergedCollapsedRef = (0, vue_1.computed)(() => {
@@ -193,6 +193,66 @@ exports.default = (0, vue_1.defineComponent)({
             }
             doUpdateExpandedKeys(currentExpandedKeys);
         }
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { inverted } = props;
+            const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
+            const { borderRadius, borderColorHorizontal, fontSize, itemHeight, dividerColor } = self;
+            const vars = {
+                '--n-divider-color': dividerColor,
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-font-size': fontSize,
+                '--n-border-color-horizontal': borderColorHorizontal,
+                '--n-border-radius': borderRadius,
+                '--n-item-height': itemHeight
+            };
+            if (inverted) {
+                vars['--n-group-text-color'] = self.groupTextColorInverted;
+                vars['--n-color'] = self.colorInverted;
+                vars['--n-item-text-color'] = self.itemTextColorInverted;
+                vars['--n-arrow-color'] = self.arrowColorInverted;
+                vars['--n-arrow-color-hover'] = self.arrowColorHoverInverted;
+                vars['--n-arrow-color-active'] = self.arrowColorActiveInverted;
+                vars['--n-arrow-color-child-active'] =
+                    self.arrowColorChildActiveInverted;
+                vars['--n-item-icon-color'] = self.itemIconColorInverted;
+                vars['--n-item-text-color-hover'] = self.itemTextColorHoverInverted;
+                vars['--n-item-icon-color-hover'] = self.itemIconColorHoverInverted;
+                vars['--n-item-text-color-active'] = self.itemTextColorActiveInverted;
+                vars['--n-item-icon-color-active'] = self.itemIconColorActiveInverted;
+                vars['--n-item-icon-color-collapsed'] =
+                    self.itemIconColorCollapsedInverted;
+                vars['--n-item-color-active'] = self.itemColorActiveInverted;
+                vars['--n-item-color-active-collapsed'] =
+                    self.itemColorActiveCollapsedInverted;
+                vars['--n-item-text-color-child-active'] =
+                    self.itemTextColorChildActiveInverted;
+                vars['--n-item-icon-color-child-active'] =
+                    self.itemIconColorChildActiveInverted;
+            }
+            else {
+                vars['--n-group-text-color'] = self.groupTextColor;
+                vars['--n-color'] = self.color;
+                vars['--n-item-text-color'] = self.itemTextColor;
+                vars['--n-arrow-color'] = self.arrowColor;
+                vars['--n-arrow-color-hover'] = self.arrowColorHover;
+                vars['--n-arrow-color-active'] = self.arrowColorActive;
+                vars['--n-arrow-color-child-active'] = self.arrowColorChildActive;
+                vars['--n-item-icon-color'] = self.itemIconColor;
+                vars['--n-item-text-color-hover'] = self.itemTextColorHover;
+                vars['--n-item-icon-color-hover'] = self.itemIconColorHover;
+                vars['--n-item-text-color-active'] = self.itemTextColorActive;
+                vars['--n-item-icon-color-active'] = self.itemIconColorActive;
+                vars['--n-item-icon-color-collapsed'] = self.itemIconColorCollapsed;
+                vars['--n-item-color-active'] = self.itemColorActive;
+                vars['--n-item-color-active-collapsed'] = self.itemColorActiveCollapsed;
+                vars['--n-item-text-color-child-active'] = self.itemTextColorChildActive;
+                vars['--n-item-icon-color-child-active'] = self.itemIconColorChildActive;
+            }
+            return vars;
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('menu', (0, vue_1.computed)(() => (props.inverted ? 'a' : 'b')), cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             controlledExpandedKeys: controlledExpandedKeysRef,
@@ -204,72 +264,17 @@ exports.default = (0, vue_1.defineComponent)({
             tmNodes: tmNodesRef,
             mergedTheme: themeRef,
             mergedCollapsed: mergedCollapsedRef,
-            cssVars: (0, vue_1.computed)(() => {
-                const { inverted } = props;
-                const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
-                const { borderRadius, borderColorHorizontal, fontSize, itemHeight, dividerColor } = self;
-                const vars = {
-                    '--n-divider-color': dividerColor,
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-font-size': fontSize,
-                    '--n-border-color-horizontal': borderColorHorizontal,
-                    '--n-border-radius': borderRadius,
-                    '--n-item-height': itemHeight
-                };
-                if (inverted) {
-                    vars['--n-group-text-color'] = self.groupTextColorInverted;
-                    vars['--n-color'] = self.colorInverted;
-                    vars['--n-item-text-color'] = self.itemTextColorInverted;
-                    vars['--n-arrow-color'] = self.arrowColorInverted;
-                    vars['--n-arrow-color-hover'] = self.arrowColorHoverInverted;
-                    vars['--n-arrow-color-active'] = self.arrowColorActiveInverted;
-                    vars['--n-arrow-color-child-active'] =
-                        self.arrowColorChildActiveInverted;
-                    vars['--n-item-icon-color'] = self.itemIconColorInverted;
-                    vars['--n-item-text-color-hover'] = self.itemTextColorHoverInverted;
-                    vars['--n-item-icon-color-hover'] = self.itemIconColorHoverInverted;
-                    vars['--n-item-text-color-active'] = self.itemTextColorActiveInverted;
-                    vars['--n-item-icon-color-active'] = self.itemIconColorActiveInverted;
-                    vars['--n-item-icon-color-collapsed'] =
-                        self.itemIconColorCollapsedInverted;
-                    vars['--n-item-color-active'] = self.itemColorActiveInverted;
-                    vars['--n-item-color-active-collapsed'] =
-                        self.itemColorActiveCollapsedInverted;
-                    vars['--n-item-text-color-child-active'] =
-                        self.itemTextColorChildActiveInverted;
-                    vars['--n-item-icon-color-child-active'] =
-                        self.itemIconColorChildActiveInverted;
-                }
-                else {
-                    vars['--n-group-text-color'] = self.groupTextColor;
-                    vars['--n-color'] = self.color;
-                    vars['--n-item-text-color'] = self.itemTextColor;
-                    vars['--n-arrow-color'] = self.arrowColor;
-                    vars['--n-arrow-color-hover'] = self.arrowColorHover;
-                    vars['--n-arrow-color-active'] = self.arrowColorActive;
-                    vars['--n-arrow-color-child-active'] = self.arrowColorChildActive;
-                    vars['--n-item-icon-color'] = self.itemIconColor;
-                    vars['--n-item-text-color-hover'] = self.itemTextColorHover;
-                    vars['--n-item-icon-color-hover'] = self.itemIconColorHover;
-                    vars['--n-item-text-color-active'] = self.itemTextColorActive;
-                    vars['--n-item-icon-color-active'] = self.itemIconColorActive;
-                    vars['--n-item-icon-color-collapsed'] = self.itemIconColorCollapsed;
-                    vars['--n-item-color-active'] = self.itemColorActive;
-                    vars['--n-item-color-active-collapsed'] =
-                        self.itemColorActiveCollapsed;
-                    vars['--n-item-text-color-child-active'] =
-                        self.itemTextColorChildActive;
-                    vars['--n-item-icon-color-child-active'] =
-                        self.itemIconColorChildActive;
-                }
-                return vars;
-            })
+            cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
         };
     },
     render() {
-        const { mergedClsPrefix, mode } = this;
+        const { mergedClsPrefix, mode, themeClass, onRender } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("div", { role: mode === 'horizontal' ? 'menubar' : 'menu', class: [
                 `${mergedClsPrefix}-menu`,
+                themeClass,
                 `${mergedClsPrefix}-menu--${mode}`,
                 this.mergedCollapsed && `${mergedClsPrefix}-menu--collapsed`
             ], style: this.cssVars }, this.tmNodes.map((tmNode) => (0, utils_1.itemRenderer)(tmNode, this.$props))));

package/lib/modal/src/BodyWrapper.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     onEsc: PropType<() => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-    preset: PropType<"dialog" | "card" | "confirm">;
+    preset: PropType<"dialog" | "confirm" | "card">;
     displayDirective: {
         type: PropType<"show" | "if">;
         required: true;
@@ -690,6 +690,7 @@ declare const _default: import("vue").DefineComponent<{
         containerScrollTop: number;
         syncUnifiedContainer: () => void;
         scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+        scrollBy: import("../../_internal/scrollbar/src/ScrollBar").ScrollBy;
         sync: () => void;
         handleMouseEnterWrapper: () => void;
         handleMouseLeaveWrapper: () => void;
@@ -731,7 +732,7 @@ declare const _default: import("vue").DefineComponent<{
     onEsc: PropType<() => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -769,7 +770,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         required: true;
     };
-    preset: PropType<"dialog" | "card" | "confirm">;
+    preset: PropType<"dialog" | "confirm" | "card">;
     displayDirective: {
         type: PropType<"show" | "if">;
         required: true;
@@ -783,11 +784,11 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    type: "default" | "success" | "error" | "warning" | "info";
+    type: "default" | "error" | "info" | "success" | "warning";
     size: "small" | "medium" | "large" | "huge";
     autoFocus: boolean;
-    bordered: boolean;
     loading: boolean;
+    bordered: boolean;
     showIcon: boolean;
     closable: boolean;
     hoverable: boolean;