naive-ui 2.38.2 → 2.40.0

package/lib/menu/src/use-menu-child.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMenuChild = void 0;
+exports.useMenuChild = useMenuChild;
 const vue_1 = require("vue");
 const context_1 = require("./context");
 const ICON_MARGIN_RIGHT = 8;
 function useMenuChild(props) {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const NMenu = (0, vue_1.inject)(context_1.menuInjectionKey);
     const { props: menuProps, mergedCollapsedRef } = NMenu;
     const NSubmenu = (0, vue_1.inject)(context_1.submenuInjectionKey, null);
@@ -46,8 +45,8 @@ function useMenuChild(props) {
             }
             return mergedRootIndent;
         }
-        if (NMenuOptionGroup &&
-            typeof NMenuOptionGroup.paddingLeftRef.value === 'number') {
+        if (NMenuOptionGroup
+            && typeof NMenuOptionGroup.paddingLeftRef.value === 'number') {
             return indent / 2 + NMenuOptionGroup.paddingLeftRef.value;
         }
         if (NSubmenu && typeof NSubmenu.paddingLeftRef.value === 'number') {
@@ -67,10 +66,10 @@ function useMenuChild(props) {
         if (!mergedCollapsedRef.value)
             return ICON_MARGIN_RIGHT;
         const mergedRootIndent = rootIndent === undefined ? indent : rootIndent;
-        return (mergedRootIndent +
-            maxIconSize +
-            ICON_MARGIN_RIGHT -
-            (collapsedWidth + maxIconSize) / 2);
+        return (mergedRootIndent
+            + maxIconSize
+            + ICON_MARGIN_RIGHT
+            - (collapsedWidth + maxIconSize) / 2);
     });
     return {
         dropdownPlacement: dropdownPlacementRef,
@@ -82,4 +81,3 @@ function useMenuChild(props) {
         NSubmenu
     };
 }
-exports.useMenuChild = useMenuChild;

package/lib/menu/src/useCheckDeprecated.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCheckDeprecated = void 0;
+exports.useCheckDeprecated = useCheckDeprecated;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 function useCheckDeprecated(props) {
@@ -25,4 +25,3 @@ function useCheckDeprecated(props) {
         }
     });
 }
-exports.useCheckDeprecated = useCheckDeprecated;

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

@@ -1,6 +1,6 @@
 import { type VNode } from 'vue';
 import type { TreeNode } from 'treemate';
-import type { MenuOption, MenuGroupOption, MenuIgnoredOption, MenuMixedOption } from './interface';
+import type { MenuGroupOption, MenuIgnoredOption, MenuMixedOption, MenuOption } from './interface';
 import type { MenuSetupProps } from './Menu';
 export declare function isIgnoredNode(rawNode: MenuMixedOption): rawNode is MenuIgnoredOption;
 export declare function isDividerNode(rawNode: MenuMixedOption): rawNode is MenuIgnoredOption;

package/lib/menu/src/utils.js

@@ -3,12 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.itemRenderer = exports.isDividerNode = exports.isIgnoredNode = void 0;
+exports.isIgnoredNode = isIgnoredNode;
+exports.isDividerNode = isDividerNode;
+exports.itemRenderer = itemRenderer;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
-// eslint-disable-next-line import/no-cycle
 const MenuOptionGroup_1 = require("./MenuOptionGroup");
-// eslint-disable-next-line import/no-cycle
 const Submenu_1 = require("./Submenu");
 const MenuOption_1 = require("./MenuOption");
 const MenuDivider_1 = __importDefault(require("./MenuDivider"));
@@ -18,11 +18,9 @@ const submenuPropKeys = (0, _utils_1.keysOf)(Submenu_1.submenuProps);
 function isIgnoredNode(rawNode) {
     return rawNode.type === 'divider' || rawNode.type === 'render';
 }
-exports.isIgnoredNode = isIgnoredNode;
 function isDividerNode(rawNode) {
     return rawNode.type === 'divider';
 }
-exports.isDividerNode = isDividerNode;
 function itemRenderer(tmNode, menuProps) {
     const { rawNode } = tmNode;
     const { show } = rawNode;
@@ -57,4 +55,3 @@ function itemRenderer(tmNode, menuProps) {
         }));
     }
 }
-exports.itemRenderer = itemRenderer;

package/lib/menu/styles/light.d.ts

@@ -37,7 +37,7 @@ export declare function createPartialInvertedVars(color: string, activeItemColor
     arrowColorChildActiveHoverInverted: string;
     groupTextColorInverted: string;
 };
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     itemColorHoverInverted: string;
     itemColorActiveInverted: string;
     itemColorActiveHoverInverted: string;

package/lib/menu/styles/light.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = exports.createPartialInvertedVars = void 0;
+exports.createPartialInvertedVars = createPartialInvertedVars;
+exports.self = self;
 const seemly_1 = require("seemly");
 const styles_1 = require("../../tooltip/styles");
 const styles_2 = require("../../dropdown/styles");
@@ -46,13 +47,11 @@ function createPartialInvertedVars(color, activeItemColor, activeTextColor, grou
         groupTextColorInverted: groupTextColor
     };
 }
-exports.createPartialInvertedVars = createPartialInvertedVars;
-const self = (vars) => {
+function self(vars) {
     const { borderRadius, textColor3, primaryColor, textColor2, textColor1, fontSize, dividerColor, hoverColor, primaryColorHover } = vars;
     return Object.assign({ borderRadius, color: '#0000', groupTextColor: textColor3, itemColorHover: hoverColor, itemColorActive: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), itemColorActiveHover: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), itemColorActiveCollapsed: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), itemTextColor: textColor2, itemTextColorHover: textColor2, itemTextColorActive: primaryColor, itemTextColorActiveHover: primaryColor, itemTextColorChildActive: primaryColor, itemTextColorChildActiveHover: primaryColor, itemTextColorHorizontal: textColor2, itemTextColorHoverHorizontal: primaryColorHover, itemTextColorActiveHorizontal: primaryColor, itemTextColorActiveHoverHorizontal: primaryColor, itemTextColorChildActiveHorizontal: primaryColor, itemTextColorChildActiveHoverHorizontal: primaryColor, itemIconColor: textColor1, itemIconColorHover: textColor1, itemIconColorActive: primaryColor, itemIconColorActiveHover: primaryColor, itemIconColorChildActive: primaryColor, itemIconColorChildActiveHover: primaryColor, itemIconColorCollapsed: textColor1, itemIconColorHorizontal: textColor1, itemIconColorHoverHorizontal: primaryColorHover, itemIconColorActiveHorizontal: primaryColor, itemIconColorActiveHoverHorizontal: primaryColor, itemIconColorChildActiveHorizontal: primaryColor, itemIconColorChildActiveHoverHorizontal: primaryColor, itemHeight: '42px', arrowColor: textColor2, arrowColorHover: textColor2, arrowColorActive: primaryColor, arrowColorActiveHover: primaryColor, arrowColorChildActive: primaryColor, arrowColorChildActiveHover: primaryColor, colorInverted: '#0000', borderColorHorizontal: '#0000', fontSize,
         dividerColor }, createPartialInvertedVars('#BBB', primaryColor, '#FFF', '#AAA'));
-};
-exports.self = self;
+}
 const menuLight = (0, use_theme_1.createTheme)({
     name: 'Menu',
     common: common_1.commonLight,
@@ -60,6 +59,6 @@ const menuLight = (0, use_theme_1.createTheme)({
         Tooltip: styles_1.tooltipLight,
         Dropdown: styles_2.dropdownLight
     },
-    self: exports.self
+    self
 });
 exports.default = menuLight;

package/lib/message/src/Message.d.ts

@@ -1,5 +1,5 @@
-import { type VNodeChild, type PropType } from 'vue';
-import type { MessageType, MessageRenderMessage } from './types';
+import { type PropType, type VNodeChild } from 'vue';
+import type { MessageRenderMessage, MessageType } from './types';
 declare const _default: import("vue").DefineComponent<{
     render: PropType<MessageRenderMessage>;
     icon: PropType<() => VNodeChild>;

package/lib/message/src/Message.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable no-cond-assign */
 const vue_1 = require("vue");
 const icons_1 = require("../../_internal/icons");
 const _internal_1 = require("../../_internal");
@@ -24,9 +25,7 @@ exports.default = (0, vue_1.defineComponent)({
     props: Object.assign(Object.assign({}, message_props_1.messageProps), { render: Function }),
     setup(props) {
         const { inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
-        const { props: messageProviderProps, mergedClsPrefixRef
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-         } = (0, vue_1.inject)(context_1.messageProviderInjectionKey);
+        const { props: messageProviderProps, mergedClsPrefixRef } = (0, vue_1.inject)(context_1.messageProviderInjectionKey);
         const rtlEnabledRef = (0, _mixins_1.useRtl)('Message', mergedRtlRef, mergedClsPrefixRef);
         const themeRef = (0, _mixins_1.useTheme)('Message', '-message', index_cssr_1.default, styles_1.messageLight, messageProviderProps, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
@@ -93,8 +92,8 @@ exports.default = (0, vue_1.defineComponent)({
                 `${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type`,
                 this.rtlEnabled && `${mergedClsPrefix}-message--rtl`
             ] },
-            (iconNode = createIconVNode(icon, type, mergedClsPrefix)) &&
-                showIcon ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type` },
+            (iconNode = createIconVNode(icon, type, mergedClsPrefix))
+                && showIcon ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type` },
                 (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
                     default: () => iconNode
                 }))) : null,

package/lib/message/src/MessageEnvironment.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     onAfterHide: FunctionConstructor;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<import("naive-ui").MessageType>;
+        readonly type: PropType<import("./types").MessageType>;
         readonly default: "info";
     };
     content: PropType<string | number | (() => import("vue").VNodeChild)>;
@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
     onAfterHide: FunctionConstructor;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<import("naive-ui").MessageType>;
+        readonly type: PropType<import("./types").MessageType>;
         readonly default: "info";
     };
     content: PropType<string | number | (() => import("vue").VNodeChild)>;
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     onMouseenter: PropType<(e: MouseEvent) => void>;
     onMouseleave: PropType<(e: MouseEvent) => void>;
 }>>, {
-    type: import("naive-ui").MessageType;
+    type: import("./types").MessageType;
     duration: number;
     showIcon: boolean;
     closable: boolean;

package/lib/message/src/MessageProvider.d.ts

@@ -1,4 +1,4 @@
-import { type VNodeChild, type ExtractPropTypes, type PropType, type CSSProperties } from 'vue';
+import { type CSSProperties, type ExtractPropTypes, type PropType, type VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { MessageOptions, MessageType } from './types';
 type ContentType = string | (() => VNodeChild);
@@ -36,7 +36,7 @@ export declare const messageProviderProps: {
     keepAliveOnHover: BooleanConstructor;
     max: NumberConstructor;
     placement: {
-        type: PropType<"top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        type: PropType<"top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right">;
         default: string;
     };
     closable: BooleanConstructor;
@@ -264,7 +264,7 @@ declare const _default: import("vue").DefineComponent<{
     keepAliveOnHover: BooleanConstructor;
     max: NumberConstructor;
     placement: {
-        type: PropType<"top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        type: PropType<"top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right">;
         default: string;
     };
     closable: BooleanConstructor;
@@ -505,7 +505,7 @@ declare const _default: import("vue").DefineComponent<{
     keepAliveOnHover: BooleanConstructor;
     max: NumberConstructor;
     placement: {
-        type: PropType<"top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        type: PropType<"top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right">;
         default: string;
     };
     closable: BooleanConstructor;

package/lib/message/src/MessageProvider.js

@@ -65,8 +65,7 @@ exports.default = (0, vue_1.defineComponent)({
             return messageReactive;
         }
         function handleAfterLeave(key) {
-            messageListRef.value.splice(messageListRef.value.findIndex((message) => message.key === key), 1);
-            // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+            messageListRef.value.splice(messageListRef.value.findIndex(message => message.key === key), 1);
             delete messageRefs.value[key];
         }
         function destroyAll() {

package/lib/message/src/use-message.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMessage = void 0;
+exports.useMessage = useMessage;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const context_1 = require("./context");
@@ -11,4 +11,3 @@ function useMessage() {
     }
     return api;
 }
-exports.useMessage = useMessage;

package/lib/message/styles/light.d.ts

@@ -1,6 +1,6 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins/use-theme';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     closeBorderRadius: string;
     textColor: string;
     textColorInfo: string;

package/lib/message/styles/light.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = void 0;
-const _common_1 = __importDefault(require("./_common"));
+exports.self = self;
 const common_1 = require("../../_styles/common");
-const self = (vars) => {
+const _common_1 = __importDefault(require("./_common"));
+function self(vars) {
     const { textColor2, closeIconColor, closeIconColorHover, closeIconColorPressed, infoColor, successColor, errorColor, warningColor, popoverColor, boxShadow2, primaryColor, lineHeight, borderRadius, closeColorHover, closeColorPressed } = vars;
     return Object.assign(Object.assign({}, _common_1.default), { closeBorderRadius: borderRadius, textColor: textColor2, textColorInfo: textColor2, textColorSuccess: textColor2, textColorError: textColor2, textColorWarning: textColor2, textColorLoading: textColor2, color: popoverColor, colorInfo: popoverColor, colorSuccess: popoverColor, colorError: popoverColor, colorWarning: popoverColor, colorLoading: popoverColor, boxShadow: boxShadow2, boxShadowInfo: boxShadow2, boxShadowSuccess: boxShadow2, boxShadowError: boxShadow2, boxShadowWarning: boxShadow2, boxShadowLoading: boxShadow2, iconColor: textColor2, iconColorInfo: infoColor, iconColorSuccess: successColor, iconColorWarning: warningColor, iconColorError: errorColor, iconColorLoading: primaryColor, closeColorHover,
         closeColorPressed,
@@ -14,11 +14,10 @@ const self = (vars) => {
         closeIconColorHover,
         closeIconColorPressed, closeColorHoverInfo: closeColorHover, closeColorPressedInfo: closeColorPressed, closeIconColorInfo: closeIconColor, closeIconColorHoverInfo: closeIconColorHover, closeIconColorPressedInfo: closeIconColorPressed, closeColorHoverSuccess: closeColorHover, closeColorPressedSuccess: closeColorPressed, closeIconColorSuccess: closeIconColor, closeIconColorHoverSuccess: closeIconColorHover, closeIconColorPressedSuccess: closeIconColorPressed, closeColorHoverError: closeColorHover, closeColorPressedError: closeColorPressed, closeIconColorError: closeIconColor, closeIconColorHoverError: closeIconColorHover, closeIconColorPressedError: closeIconColorPressed, closeColorHoverWarning: closeColorHover, closeColorPressedWarning: closeColorPressed, closeIconColorWarning: closeIconColor, closeIconColorHoverWarning: closeIconColorHover, closeIconColorPressedWarning: closeIconColorPressed, closeColorHoverLoading: closeColorHover, closeColorPressedLoading: closeColorPressed, closeIconColorLoading: closeIconColor, closeIconColorHoverLoading: closeIconColorHover, closeIconColorPressedLoading: closeIconColorPressed, loadingColor: primaryColor, lineHeight,
         borderRadius });
-};
-exports.self = self;
+}
 const messageLight = {
     name: 'Message',
     common: common_1.commonLight,
-    self: exports.self
+    self
 };
 exports.default = messageLight;

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

@@ -1,4 +1,4 @@
-import { type PropType, type VNode, type ComponentPublicInstance, type VNodeChild } from 'vue';
+import { type ComponentPublicInstance, type PropType, type VNode, type VNodeChild } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     renderMask: PropType<() => VNodeChild>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     onEsc: PropType<(e: KeyboardEvent) => void>;
     icon: PropType<() => VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     title: PropType<string | (() => VNodeChild)>;
@@ -36,8 +36,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     negativeText: StringConstructor;
     positiveText: StringConstructor;
-    positiveButtonProps: PropType<import("naive-ui").ButtonProps>;
-    negativeButtonProps: PropType<import("naive-ui").ButtonProps>;
+    positiveButtonProps: PropType<import("../..").ButtonProps>;
+    negativeButtonProps: PropType<import("../..").ButtonProps>;
     content: PropType<string | (() => VNodeChild)>;
     action: PropType<() => VNodeChild>;
     showIcon: {
@@ -47,18 +47,18 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
-    titleClass: PropType<string | (string | undefined)[]>;
+    titleClass: PropType<string | Array<string | undefined>>;
     titleStyle: PropType<string | import("vue").CSSProperties>;
-    contentClass: PropType<string | (string | undefined)[]>;
+    contentClass: PropType<string | Array<string | undefined>>;
     contentStyle: PropType<string | import("vue").CSSProperties>;
-    actionClass: PropType<string | (string | undefined)[]>;
+    actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | import("vue").CSSProperties>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | import("vue").CSSProperties>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
     headerExtraClass: StringConstructor;
-    headerExtraStyle: PropType<string | import("vue").CSSProperties>;
+    headerExtraStyle: PropType<import("vue").CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
     embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | import("../../card").CardSegmented>;
@@ -83,7 +83,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     preset: PropType<"confirm" | "dialog" | "card">;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         required: true;
     };
     trapFocus: {
@@ -97,111 +97,7 @@ declare const _default: import("vue").DefineComponent<{
     blockScroll: BooleanConstructor;
 }, {
     mergedTheme: import("vue").Ref<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             color: string;
             textColor: string;
@@ -214,8 +110,10 @@ declare const _default: import("vue").DefineComponent<{
                 borderRadius: string;
                 color: string;
                 colorHover: string;
-                railInsetHorizontal: string;
-                railInsetVertical: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
                 railColor: string;
             }, any>;
             Dialog: import("../../_mixins").Theme<"Dialog", {
@@ -767,7 +665,7 @@ declare const _default: import("vue").DefineComponent<{
     onEsc: PropType<(e: KeyboardEvent) => void>;
     icon: PropType<() => VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"info" | "success" | "warning" | "error" | "default">;
         readonly default: "default";
     };
     title: PropType<string | (() => VNodeChild)>;
@@ -777,8 +675,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     negativeText: StringConstructor;
     positiveText: StringConstructor;
-    positiveButtonProps: PropType<import("naive-ui").ButtonProps>;
-    negativeButtonProps: PropType<import("naive-ui").ButtonProps>;
+    positiveButtonProps: PropType<import("../..").ButtonProps>;
+    negativeButtonProps: PropType<import("../..").ButtonProps>;
     content: PropType<string | (() => VNodeChild)>;
     action: PropType<() => VNodeChild>;
     showIcon: {
@@ -788,18 +686,18 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("../../dialog/src/interface").IconPlacement>;
-    titleClass: PropType<string | (string | undefined)[]>;
+    titleClass: PropType<string | Array<string | undefined>>;
     titleStyle: PropType<string | import("vue").CSSProperties>;
-    contentClass: PropType<string | (string | undefined)[]>;
+    contentClass: PropType<string | Array<string | undefined>>;
     contentStyle: PropType<string | import("vue").CSSProperties>;
-    actionClass: PropType<string | (string | undefined)[]>;
+    actionClass: PropType<string | Array<string | undefined>>;
     actionStyle: PropType<string | import("vue").CSSProperties>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | import("vue").CSSProperties>;
+    headerStyle: PropType<import("vue").CSSProperties | string>;
     headerExtraClass: StringConstructor;
-    headerExtraStyle: PropType<string | import("vue").CSSProperties>;
+    headerExtraStyle: PropType<import("vue").CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<import("vue").CSSProperties | string>;
     embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | import("../../card").CardSegmented>;
@@ -824,7 +722,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     preset: PropType<"confirm" | "dialog" | "card">;
     displayDirective: {
-        type: PropType<"show" | "if">;
+        type: PropType<"if" | "show">;
         required: true;
     };
     trapFocus: {

package/lib/modal/src/BodyWrapper.js

@@ -57,7 +57,6 @@ exports.default = (0, vue_1.defineComponent)({
                 displayedRef.value = true;
         });
         (0, _utils_1.useLockHtmlScroll)((0, vue_1.computed)(() => props.blockScroll && displayedRef.value));
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const NModal = (0, vue_1.inject)(interface_3.modalInjectionKey);
         function styleTransformOrigin() {
             if (NModal.transformOriginRef.value === 'center') {
@@ -190,8 +189,8 @@ exports.default = (0, vue_1.defineComponent)({
                                                     { capture: true }
                                                 ]);
                                             }
-                                            return (0, vue_1.withDirectives)((this.preset === 'confirm' ||
-                                                this.preset === 'dialog' ? ((0, vue_1.h)(Dialog_1.NDialog, Object.assign({}, this.$attrs, { class: [
+                                            return (0, vue_1.withDirectives)((this.preset === 'confirm'
+                                                || this.preset === 'dialog' ? ((0, vue_1.h)(Dialog_1.NDialog, Object.assign({}, this.$attrs, { class: [
                                                     `${mergedClsPrefix}-modal`,
                                                     this.$attrs.class
                                                 ], ref: "bodyRef", theme: this.mergedTheme.peers.Dialog, themeOverrides: this.mergedTheme.peerOverrides.Dialog }, (0, _utils_1.keep)(this.$props, dialogProps_1.dialogPropKeys), { "aria-modal": "true" }), $slots)) : this.preset === 'card' ? ((0, vue_1.h)(card_1.NCard, Object.assign({}, this.$attrs, { ref: "bodyRef", class: [