naive-ui 2.23.2 → 2.24.3

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

@@ -1,4 +1,4 @@
-import { PropType, VNodeChild, InjectionKey } from 'vue';
+import { PropType, VNodeChild } from 'vue';
 import type { SubmenuInjection } from './use-menu-child';
 import { MenuMixedOption, TmNode } from './interface';
 export declare const submenuProps: {
@@ -33,7 +33,7 @@ export declare const submenuProps: {
     readonly title: PropType<string | (() => VNodeChild)>;
     readonly extra: PropType<string | (() => VNodeChild)>;
 };
-export declare const submenuInjectionKey: InjectionKey<SubmenuInjection>;
+export declare const submenuInjectionKey: import("vue").InjectionKey<SubmenuInjection>;
 declare const _default: import("vue").DefineComponent<{
     readonly rawNodes: {
         readonly type: PropType<MenuMixedOption[]>;
@@ -66,277 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly title: PropType<string | (() => VNodeChild)>;
     readonly extra: PropType<string | (() => VNodeChild)>;
 }, {
-    menuProps: {
-        readonly options?: unknown;
-        readonly collapsed?: unknown;
-        readonly collapsedWidth?: unknown;
-        readonly iconSize?: unknown;
-        readonly collapsedIconSize?: unknown;
-        readonly rootIndent?: unknown;
-        readonly indent?: unknown;
-        readonly labelField?: unknown;
-        readonly keyField?: unknown;
-        readonly childrenField?: unknown;
-        readonly defaultExpandAll?: unknown;
-        readonly defaultExpandedKeys?: unknown;
-        readonly expandedKeys?: unknown;
-        readonly value?: unknown;
-        readonly defaultValue?: unknown;
-        readonly mode?: unknown;
-        readonly watchProps?: unknown;
-        readonly disabled?: unknown;
-        readonly inverted?: unknown;
-        readonly 'onUpdate:expandedKeys'?: unknown;
-        readonly onUpdateExpandedKeys?: unknown;
-        readonly onUpdateValue?: unknown;
-        readonly 'onUpdate:value'?: unknown;
-        readonly expandIcon?: unknown;
-        readonly renderIcon?: unknown;
-        readonly renderLabel?: unknown;
-        readonly renderExtra?: unknown;
-        readonly dropdownPlacement?: unknown;
-        readonly dropdownProps?: unknown;
-        readonly accordion?: unknown;
-        readonly items?: unknown;
-        readonly onOpenNamesChange?: unknown;
-        readonly onSelect?: unknown;
-        readonly onExpandedNamesChange?: unknown;
-        readonly expandedNames?: unknown;
-        readonly defaultExpandedNames?: unknown;
-        readonly theme?: unknown;
-        readonly themeOverrides?: unknown;
-        readonly builtinThemeOverrides?: unknown;
-    } & {
-        mode: "horizontal" | "vertical";
-        disabled: boolean;
-        keyField: string;
-        iconSize: number;
-        options: MenuMixedOption[];
-        defaultValue: import("treemate").Key | null;
-        indent: number;
-        labelField: string;
-        inverted: boolean;
-        childrenField: string;
-        accordion: boolean;
-        collapsedWidth: number;
-        collapsedIconSize: number;
-        defaultExpandAll: boolean;
-        dropdownPlacement: import("vueuc").FollowerPlacement;
-    } & {
-        value?: import("treemate").Key | null | undefined;
-        onSelect?: import("../../_utils").MaybeArray<import("./interface").OnUpdateValue> | undefined;
-        theme?: import("../../_mixins").Theme<"Menu", {
-            itemTextColorInverted: string;
-            itemTextColorHoverInverted: string;
-            itemTextColorChildActiveInverted: string;
-            itemTextColorActiveInverted: string;
-            itemIconColorInverted: string;
-            itemIconColorHoverInverted: string;
-            itemIconColorActiveInverted: string;
-            itemIconColorChildActiveInverted: string;
-            itemIconColorCollapsedInverted: string;
-            arrowColorInverted: string;
-            arrowColorHoverInverted: string;
-            arrowColorChildActiveInverted: string;
-            arrowColorActiveInverted: string;
-            groupTextColorInverted: string;
-            borderRadius: string;
-            color: string;
-            groupTextColor: string;
-            itemColorActive: string;
-            itemColorActiveCollapsed: string;
-            itemTextColor: string;
-            itemTextColorHover: string;
-            itemTextColorChildActive: string;
-            itemTextColorActive: string;
-            itemIconColor: string;
-            itemIconColorHover: string;
-            itemIconColorActive: string;
-            itemIconColorChildActive: string;
-            itemIconColorCollapsed: string;
-            itemHeight: string;
-            arrowColor: string;
-            arrowColorHover: string;
-            arrowColorChildActive: string;
-            arrowColorActive: string;
-            colorInverted: string;
-            itemColorActiveInverted: string;
-            itemColorActiveCollapsedInverted: string;
-            borderColorHorizontal: string;
-            fontSize: string;
-            dividerColor: string;
-        }, {
-            Tooltip: import("../../_mixins").Theme<"Tooltip", {
-                borderRadius: string;
-                boxShadow: string;
-                color: string;
-                textColor: string;
-                padding: string;
-            }, {
-                Popover: import("../../_mixins").Theme<"Popover", {
-                    fontSize: string;
-                    borderRadius: string;
-                    color: string;
-                    dividerColor: string;
-                    textColor: string;
-                    boxShadow: string;
-                    space: string;
-                    spaceArrow: string;
-                    arrowOffset: string;
-                    arrowOffsetVertical: string;
-                    arrowHeight: string;
-                    padding: string;
-                }, any>;
-            }>;
-        }> | undefined;
-        themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
-            itemTextColorInverted: string;
-            itemTextColorHoverInverted: string;
-            itemTextColorChildActiveInverted: string;
-            itemTextColorActiveInverted: string;
-            itemIconColorInverted: string;
-            itemIconColorHoverInverted: string;
-            itemIconColorActiveInverted: string;
-            itemIconColorChildActiveInverted: string;
-            itemIconColorCollapsedInverted: string;
-            arrowColorInverted: string;
-            arrowColorHoverInverted: string;
-            arrowColorChildActiveInverted: string;
-            arrowColorActiveInverted: string;
-            groupTextColorInverted: string;
-            borderRadius: string;
-            color: string;
-            groupTextColor: string;
-            itemColorActive: string;
-            itemColorActiveCollapsed: string;
-            itemTextColor: string;
-            itemTextColorHover: string;
-            itemTextColorChildActive: string;
-            itemTextColorActive: string;
-            itemIconColor: string;
-            itemIconColorHover: string;
-            itemIconColorActive: string;
-            itemIconColorChildActive: string;
-            itemIconColorCollapsed: string;
-            itemHeight: string;
-            arrowColor: string;
-            arrowColorHover: string;
-            arrowColorChildActive: string;
-            arrowColorActive: string;
-            colorInverted: string;
-            itemColorActiveInverted: string;
-            itemColorActiveCollapsedInverted: string;
-            borderColorHorizontal: string;
-            fontSize: string;
-            dividerColor: string;
-        }, {
-            Tooltip: import("../../_mixins").Theme<"Tooltip", {
-                borderRadius: string;
-                boxShadow: string;
-                color: string;
-                textColor: string;
-                padding: string;
-            }, {
-                Popover: import("../../_mixins").Theme<"Popover", {
-                    fontSize: string;
-                    borderRadius: string;
-                    color: string;
-                    dividerColor: string;
-                    textColor: string;
-                    boxShadow: string;
-                    space: string;
-                    spaceArrow: string;
-                    arrowOffset: string;
-                    arrowOffsetVertical: string;
-                    arrowHeight: string;
-                    padding: string;
-                }, any>;
-            }>;
-        }>> | undefined;
-        builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Menu", {
-            itemTextColorInverted: string;
-            itemTextColorHoverInverted: string;
-            itemTextColorChildActiveInverted: string;
-            itemTextColorActiveInverted: string;
-            itemIconColorInverted: string;
-            itemIconColorHoverInverted: string;
-            itemIconColorActiveInverted: string;
-            itemIconColorChildActiveInverted: string;
-            itemIconColorCollapsedInverted: string;
-            arrowColorInverted: string;
-            arrowColorHoverInverted: string;
-            arrowColorChildActiveInverted: string;
-            arrowColorActiveInverted: string;
-            groupTextColorInverted: string;
-            borderRadius: string;
-            color: string;
-            groupTextColor: string;
-            itemColorActive: string;
-            itemColorActiveCollapsed: string;
-            itemTextColor: string;
-            itemTextColorHover: string;
-            itemTextColorChildActive: string;
-            itemTextColorActive: string;
-            itemIconColor: string;
-            itemIconColorHover: string;
-            itemIconColorActive: string;
-            itemIconColorChildActive: string;
-            itemIconColorCollapsed: string;
-            itemHeight: string;
-            arrowColor: string;
-            arrowColorHover: string;
-            arrowColorChildActive: string;
-            arrowColorActive: string;
-            colorInverted: string;
-            itemColorActiveInverted: string;
-            itemColorActiveCollapsedInverted: string;
-            borderColorHorizontal: string;
-            fontSize: string;
-            dividerColor: string;
-        }, {
-            Tooltip: import("../../_mixins").Theme<"Tooltip", {
-                borderRadius: string;
-                boxShadow: string;
-                color: string;
-                textColor: string;
-                padding: string;
-            }, {
-                Popover: import("../../_mixins").Theme<"Popover", {
-                    fontSize: string;
-                    borderRadius: string;
-                    color: string;
-                    dividerColor: string;
-                    textColor: string;
-                    boxShadow: string;
-                    space: string;
-                    spaceArrow: string;
-                    arrowOffset: string;
-                    arrowOffsetVertical: string;
-                    arrowHeight: string;
-                    padding: string;
-                }, any>;
-            }>;
-        }>> | undefined;
-        items?: (import("./interface").MenuOption | import("./interface").MenuGroupOption)[] | undefined;
-        renderIcon?: ((option: import("./interface").MenuOption) => VNodeChild) | undefined;
-        renderLabel?: ((option: import("./interface").MenuOption | import("./interface").MenuGroupOption) => VNodeChild) | undefined;
-        "onUpdate:value"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateValue> | undefined;
-        onUpdateValue?: import("../../_utils").MaybeArray<import("./interface").OnUpdateValue> | undefined;
-        defaultExpandedNames?: import("treemate").Key[] | undefined;
-        expandedNames?: import("treemate").Key[] | undefined;
-        onExpandedNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
-        collapsed?: boolean | undefined;
-        expandIcon?: ((option: import("./interface").MenuOption) => VNodeChild) | undefined;
-        defaultExpandedKeys?: import("treemate").Key[] | undefined;
-        rootIndent?: number | undefined;
-        expandedKeys?: import("treemate").Key[] | undefined;
-        watchProps?: ("defaultValue" | "defaultExpandedKeys")[] | undefined;
-        "onUpdate:expandedKeys"?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
-        onUpdateExpandedKeys?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
-        renderExtra?: ((option: import("./interface").MenuOption | import("./interface").MenuGroupOption) => VNodeChild) | undefined;
-        dropdownProps?: import("../../dropdown").DropdownProps | undefined;
-        onOpenNamesChange?: import("../../_utils").MaybeArray<import("./interface").OnUpdateKeys> | undefined;
-    };
+    menuProps: import("./Menu").MenuSetupProps;
     doSelect: import("./interface").OnUpdateValueImpl;
     inverted: import("vue").Ref<boolean>;
     isHorizontal: import("vue").Ref<boolean>;
@@ -354,34 +84,38 @@ declare const _default: import("vue").DefineComponent<{
     dropdownEnabled: import("vue").ComputedRef<boolean>;
     handlePopoverShowChange: (value: boolean) => void;
     handleClick: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly rawNodes?: unknown;
-    readonly tmNodes?: unknown;
-    readonly tmNode?: unknown;
-    readonly disabled?: unknown;
-    readonly icon?: unknown;
-    readonly onClick?: unknown;
-    readonly internalKey?: unknown;
-    readonly root?: unknown;
-    readonly isGroup?: unknown;
-    readonly level?: unknown;
-    readonly title?: unknown;
-    readonly extra?: unknown;
-} & {
-    root: boolean;
-    disabled: boolean;
-    tmNode: TmNode;
-    level: number;
-    isGroup: boolean;
-    tmNodes: TmNode[];
-    internalKey: import("treemate").Key;
-    rawNodes: MenuMixedOption[];
-} & {
-    extra?: string | (() => VNodeChild) | undefined;
-    icon?: (() => VNodeChild) | undefined;
-    onClick?: (() => void) | undefined;
-    title?: string | (() => VNodeChild) | 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 rawNodes: {
+        readonly type: PropType<MenuMixedOption[]>;
+        readonly default: () => never[];
+    };
+    readonly tmNodes: {
+        readonly type: PropType<TmNode[]>;
+        readonly default: () => never[];
+    };
+    readonly tmNode: {
+        readonly type: PropType<TmNode>;
+        readonly required: true;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly icon: PropType<() => VNodeChild>;
+    readonly onClick: PropType<() => void>;
+    readonly internalKey: {
+        readonly type: PropType<import("treemate").Key>;
+        readonly required: true;
+    };
+    readonly root: BooleanConstructor;
+    readonly isGroup: BooleanConstructor;
+    readonly level: {
+        readonly type: NumberConstructor;
+        readonly required: true;
+    };
+    readonly title: PropType<string | (() => VNodeChild)>;
+    readonly extra: PropType<string | (() => VNodeChild)>;
+}>>, {
     root: boolean;
     disabled: boolean;
     isGroup: boolean;

package/lib/menu/src/Submenu.js

@@ -11,8 +11,10 @@ const dropdown_1 = require("../../dropdown");
 const MenuOptionContent_1 = __importDefault(require("./MenuOptionContent"));
 const utils_1 = require("./utils");
 const use_menu_child_1 = require("./use-menu-child");
+const use_menu_child_props_1 = require("./use-menu-child-props");
 const MenuOptionGroup_1 = require("./MenuOptionGroup");
-exports.submenuProps = Object.assign(Object.assign({}, use_menu_child_1.useMenuChildProps), { rawNodes: {
+const _utils_1 = require("../../_utils");
+exports.submenuProps = Object.assign(Object.assign({}, use_menu_child_props_1.useMenuChildProps), { rawNodes: {
         type: Array,
         default: () => []
     }, tmNodes: {
@@ -25,7 +27,7 @@ exports.submenuProps = Object.assign(Object.assign({}, use_menu_child_1.useMenuC
         type: Boolean,
         default: false
     }, icon: Function, onClick: Function });
-exports.submenuInjectionKey = Symbol('submenu');
+exports.submenuInjectionKey = (0, _utils_1.createInjectionKey)('n-submenu');
 exports.default = (0, vue_1.defineComponent)({
     name: 'Submenu',
     props: exports.submenuProps,

package/lib/menu/src/use-menu-child-props.d.ts

@@ -1,4 +1,4 @@
-import { PropType, VNodeChild } from 'vue';
+import { ExtractPropTypes, PropType, VNodeChild } from 'vue';
 import { Key } from 'treemate';
 export declare const useMenuChildProps: {
     readonly internalKey: {
@@ -14,3 +14,4 @@ export declare const useMenuChildProps: {
     readonly title: PropType<string | (() => VNodeChild)>;
     readonly extra: PropType<string | (() => VNodeChild)>;
 };
+export declare type UseMenuChildProps = ExtractPropTypes<typeof useMenuChildProps>;

package/lib/menu/src/use-menu-child.d.ts

@@ -1,11 +1,11 @@
 import { Key } from 'treemate';
-import { useMenuChildProps } from './use-menu-child-props';
-import { ComputedRef, ExtractPropTypes, Ref } from 'vue';
-import { MergedTheme } from '../../_mixins/use-theme';
+import { ComputedRef, Ref } from 'vue';
+import { FollowerPlacement } from 'vueuc';
+import type { MergedTheme } from '../../_mixins/use-theme';
 import type { MenuTheme } from '../styles';
-import { OnUpdateValueImpl } from './interface';
+import type { OnUpdateValueImpl } from './interface';
 import type { MenuSetupProps } from './Menu';
-import { FollowerPlacement } from 'vueuc';
+import type { UseMenuChildProps } from './use-menu-child-props';
 export interface MenuInjection {
     props: MenuSetupProps;
     mergedCollapsedRef: Ref<boolean>;
@@ -26,7 +26,6 @@ export interface SubmenuInjection {
 export interface MenuOptionGroupInjection {
     paddingLeftRef: Ref<number | undefined>;
 }
-export declare type UseMenuChildProps = ExtractPropTypes<typeof useMenuChildProps>;
 export interface UseMenuChild {
     dropdownPlacement: ComputedRef<FollowerPlacement>;
     activeIconSize: ComputedRef<number>;
@@ -37,4 +36,3 @@ export interface UseMenuChild {
     NSubmenu: SubmenuInjection | null;
 }
 export declare function useMenuChild(props: UseMenuChildProps): UseMenuChild;
-export { useMenuChildProps };

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

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMenuChildProps = exports.useMenuChild = void 0;
-const use_menu_child_props_1 = require("./use-menu-child-props");
-Object.defineProperty(exports, "useMenuChildProps", { enumerable: true, get: function () { return use_menu_child_props_1.useMenuChildProps; } });
+exports.useMenuChild = void 0;
 const vue_1 = require("vue");
 const Menu_1 = require("./Menu");
 const MenuOptionGroup_1 = require("./MenuOptionGroup");

package/lib/message/index.d.ts

@@ -1,3 +1,4 @@
 export { default as NMessageProvider } from './src/MessageProvider';
 export { useMessage } from './src/use-message';
-export type { MessageApiInjection as MessageApi, MessageProviderInst, MessageProviderProps, MessageOptions, MessageReactive } from './src/MessageProvider';
+export type { MessageApiInjection as MessageApi, MessageProviderInst, MessageProviderProps, MessageReactive } from './src/MessageProvider';
+export type { MessageOptions, MessageRenderMessage, MessageType } from './src/types';

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

@@ -1,19 +1,177 @@
-import { VNodeChild } from 'vue';
-import { MessageType } from './message-props';
+import { VNodeChild, CSSProperties, PropType } from 'vue';
+import type { MessageType, MessageRenderMessage } from './types';
 declare const _default: import("vue").DefineComponent<{
-    readonly icon: import("vue").PropType<() => VNodeChild>;
-    readonly type: {
-        readonly type: import("vue").PropType<MessageType>;
+    render: PropType<MessageRenderMessage>;
+    icon: PropType<() => VNodeChild>;
+    type: {
+        readonly type: PropType<MessageType>;
         readonly default: "info";
     };
-    readonly content: import("vue").PropType<string | number | (() => VNodeChild)>;
-    readonly closable: BooleanConstructor;
-    readonly keepAliveOnHover: BooleanConstructor;
-    readonly onClose: import("vue").PropType<() => void>;
-    readonly onMouseenter: import("vue").PropType<(e: MouseEvent) => void>;
-    readonly onMouseleave: import("vue").PropType<(e: MouseEvent) => void>;
+    content: PropType<string | number | (() => VNodeChild)>;
+    closable: BooleanConstructor;
+    keepAliveOnHover: BooleanConstructor;
+    onClose: PropType<() => void>;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
 }, {
     mergedClsPrefix: import("vue").Ref<string>;
+    messageProviderProps: {
+        duration: number;
+        placement: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+        closable: boolean;
+        keepAliveOnHover: boolean;
+    } & {
+        max?: number | undefined;
+        to?: string | HTMLElement | undefined;
+        theme?: import("../../_mixins").Theme<"Message", {
+            textColorInfo: string;
+            textColorSuccess: string;
+            textColorError: string;
+            textColorWarning: string;
+            textColorLoading: string;
+            colorInfo: string;
+            colorSuccess: string;
+            colorError: string;
+            colorWarning: string;
+            colorLoading: string;
+            boxShadowInfo: string;
+            boxShadowSuccess: string;
+            boxShadowError: string;
+            boxShadowWarning: string;
+            boxShadowLoading: string;
+            iconColorInfo: string;
+            iconColorSuccess: string;
+            iconColorWarning: string;
+            iconColorError: string;
+            iconColorLoading: string;
+            closeColorInfo: string;
+            closeColorHoverInfo: string;
+            closeColorPressedInfo: string;
+            closeColorSuccess: string;
+            closeColorHoverSuccess: string;
+            closeColorPressedSuccess: string;
+            closeColorError: string;
+            closeColorHoverError: string;
+            closeColorPressedError: string;
+            closeColorWarning: string;
+            closeColorHoverWarning: string;
+            closeColorPressedWarning: string;
+            closeColorLoading: string;
+            closeColorHoverLoading: string;
+            closeColorPressedLoading: string;
+            loadingColor: string;
+            lineHeight: string;
+            borderRadius: string;
+            margin: string;
+            padding: string;
+            maxWidth: string;
+            minWidth: string;
+            iconMargin: string;
+            closeMargin: string;
+            closeSize: string;
+            iconSize: string;
+            fontSize: string;
+        }, any> | undefined;
+        themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
+            textColorInfo: string;
+            textColorSuccess: string;
+            textColorError: string;
+            textColorWarning: string;
+            textColorLoading: string;
+            colorInfo: string;
+            colorSuccess: string;
+            colorError: string;
+            colorWarning: string;
+            colorLoading: string;
+            boxShadowInfo: string;
+            boxShadowSuccess: string;
+            boxShadowError: string;
+            boxShadowWarning: string;
+            boxShadowLoading: string;
+            iconColorInfo: string;
+            iconColorSuccess: string;
+            iconColorWarning: string;
+            iconColorError: string;
+            iconColorLoading: string;
+            closeColorInfo: string;
+            closeColorHoverInfo: string;
+            closeColorPressedInfo: string;
+            closeColorSuccess: string;
+            closeColorHoverSuccess: string;
+            closeColorPressedSuccess: string;
+            closeColorError: string;
+            closeColorHoverError: string;
+            closeColorPressedError: string;
+            closeColorWarning: string;
+            closeColorHoverWarning: string;
+            closeColorPressedWarning: string;
+            closeColorLoading: string;
+            closeColorHoverLoading: string;
+            closeColorPressedLoading: string;
+            loadingColor: string;
+            lineHeight: string;
+            borderRadius: string;
+            margin: string;
+            padding: string;
+            maxWidth: string;
+            minWidth: string;
+            iconMargin: string;
+            closeMargin: string;
+            closeSize: string;
+            iconSize: string;
+            fontSize: string;
+        }, any>> | undefined;
+        builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
+            textColorInfo: string;
+            textColorSuccess: string;
+            textColorError: string;
+            textColorWarning: string;
+            textColorLoading: string;
+            colorInfo: string;
+            colorSuccess: string;
+            colorError: string;
+            colorWarning: string;
+            colorLoading: string;
+            boxShadowInfo: string;
+            boxShadowSuccess: string;
+            boxShadowError: string;
+            boxShadowWarning: string;
+            boxShadowLoading: string;
+            iconColorInfo: string;
+            iconColorSuccess: string;
+            iconColorWarning: string;
+            iconColorError: string;
+            iconColorLoading: string;
+            closeColorInfo: string;
+            closeColorHoverInfo: string;
+            closeColorPressedInfo: string;
+            closeColorSuccess: string;
+            closeColorHoverSuccess: string;
+            closeColorPressedSuccess: string;
+            closeColorError: string;
+            closeColorHoverError: string;
+            closeColorPressedError: string;
+            closeColorWarning: string;
+            closeColorHoverWarning: string;
+            closeColorPressedWarning: string;
+            closeColorLoading: string;
+            closeColorHoverLoading: string;
+            closeColorPressedLoading: string;
+            loadingColor: string;
+            lineHeight: string;
+            borderRadius: string;
+            margin: string;
+            padding: string;
+            maxWidth: string;
+            minWidth: string;
+            iconMargin: string;
+            closeMargin: string;
+            closeSize: string;
+            iconSize: string;
+            fontSize: string;
+        }, any>> | undefined;
+        containerStyle?: string | CSSProperties | undefined;
+    };
     handleClose(): void;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
@@ -40,26 +198,20 @@ declare const _default: import("vue").DefineComponent<{
         '--n-border-radius': string;
     }>;
     placement: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly icon?: unknown;
-    readonly type?: unknown;
-    readonly content?: unknown;
-    readonly closable?: unknown;
-    readonly keepAliveOnHover?: unknown;
-    readonly onClose?: unknown;
-    readonly onMouseenter?: unknown;
-    readonly onMouseleave?: unknown;
-} & {
-    type: MessageType;
-    closable: boolean;
-    keepAliveOnHover: boolean;
-} & {
-    content?: string | number | (() => VNodeChild) | undefined;
-    icon?: (() => VNodeChild) | undefined;
-    onMouseenter?: ((e: MouseEvent) => void) | undefined;
-    onMouseleave?: ((e: MouseEvent) => void) | undefined;
-    onClose?: (() => 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<{
+    render: PropType<MessageRenderMessage>;
+    icon: PropType<() => VNodeChild>;
+    type: {
+        readonly type: PropType<MessageType>;
+        readonly default: "info";
+    };
+    content: PropType<string | number | (() => VNodeChild)>;
+    closable: BooleanConstructor;
+    keepAliveOnHover: BooleanConstructor;
+    onClose: PropType<() => void>;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
+}>>, {
     type: MessageType;
     closable: boolean;
     keepAliveOnHover: boolean;