naive-ui 2.23.1 → 2.24.2

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

@@ -1,4 +1,3 @@
-import { useMenuChildProps } from './use-menu-child-props';
 import { inject, computed } from 'vue';
 import { menuInjectionKey } from './Menu';
 import { menuItemGroupInjectionKey } from './MenuOptionGroup';
@@ -81,4 +80,3 @@ export function useMenuChild(props) {
         NSubmenu
     };
 }
-export { useMenuChildProps };

package/es/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/es/message/src/Message.d.ts

@@ -1,65 +1,217 @@
-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<{
-        '--bezier': string;
-        '--margin': string;
-        '--padding': string;
-        '--max-width': string;
-        '--font-size': string;
-        '--icon-margin': string;
-        '--icon-size': string;
-        '--close-size': string;
-        '--close-margin': string;
-        '--text-color': string;
-        '--color': string;
-        '--box-shadow': string;
-        '--icon-color-info': string;
-        '--icon-color-success': string;
-        '--icon-color-warning': string;
-        '--icon-color-error': string;
-        '--icon-color-loading': string;
-        '--close-color': string;
-        '--close-color-pressed': string;
-        '--close-color-hover': string;
-        '--line-height': string;
-        '--border-radius': string;
+        '--n-bezier': string;
+        '--n-margin': string;
+        '--n-padding': string;
+        '--n-max-width': string;
+        '--n-font-size': string;
+        '--n-icon-margin': string;
+        '--n-icon-size': string;
+        '--n-close-size': string;
+        '--n-close-margin': string;
+        '--n-text-color': string;
+        '--n-color': string;
+        '--n-box-shadow': string;
+        '--n-icon-color-info': string;
+        '--n-icon-color-success': string;
+        '--n-icon-color-warning': string;
+        '--n-icon-color-error': string;
+        '--n-icon-color-loading': string;
+        '--n-close-color': string;
+        '--n-close-color-pressed': string;
+        '--n-close-color-hover': string;
+        '--n-line-height': string;
+        '--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;

package/es/message/src/Message.js

@@ -15,7 +15,7 @@ const iconMap = {
 };
 export default defineComponent({
     name: 'Message',
-    props: messageProps,
+    props: Object.assign(Object.assign({}, messageProps), { render: Function }),
     setup(props) {
         const { props: messageProviderProps, mergedClsPrefixRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -23,6 +23,7 @@ export default defineComponent({
         const themeRef = useTheme('Message', 'Message', style, messageLight, messageProviderProps, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
+            messageProviderProps,
             handleClose() {
                 var _a;
                 (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -31,45 +32,46 @@ export default defineComponent({
                 const { type } = props;
                 const { common: { cubicBezierEaseInOut }, self: { padding, margin, maxWidth, iconMargin, closeMargin, closeSize, iconSize, fontSize, lineHeight, borderRadius, iconColorInfo, iconColorSuccess, iconColorWarning, iconColorError, iconColorLoading, [createKey('textColor', type)]: textColor, [createKey('boxShadow', type)]: boxShadow, [createKey('color', type)]: color, [createKey('closeColor', type)]: closeColor, [createKey('closeColorPressed', type)]: closeColorPressed, [createKey('closeColorHover', type)]: closeColorHover } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--margin': margin,
-                    '--padding': padding,
-                    '--max-width': maxWidth,
-                    '--font-size': fontSize,
-                    '--icon-margin': iconMargin,
-                    '--icon-size': iconSize,
-                    '--close-size': closeSize,
-                    '--close-margin': closeMargin,
-                    '--text-color': textColor,
-                    '--color': color,
-                    '--box-shadow': boxShadow,
-                    '--icon-color-info': iconColorInfo,
-                    '--icon-color-success': iconColorSuccess,
-                    '--icon-color-warning': iconColorWarning,
-                    '--icon-color-error': iconColorError,
-                    '--icon-color-loading': iconColorLoading,
-                    '--close-color': closeColor,
-                    '--close-color-pressed': closeColorPressed,
-                    '--close-color-hover': closeColorHover,
-                    '--line-height': lineHeight,
-                    '--border-radius': borderRadius
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-margin': margin,
+                    '--n-padding': padding,
+                    '--n-max-width': maxWidth,
+                    '--n-font-size': fontSize,
+                    '--n-icon-margin': iconMargin,
+                    '--n-icon-size': iconSize,
+                    '--n-close-size': closeSize,
+                    '--n-close-margin': closeMargin,
+                    '--n-text-color': textColor,
+                    '--n-color': color,
+                    '--n-box-shadow': boxShadow,
+                    '--n-icon-color-info': iconColorInfo,
+                    '--n-icon-color-success': iconColorSuccess,
+                    '--n-icon-color-warning': iconColorWarning,
+                    '--n-icon-color-error': iconColorError,
+                    '--n-icon-color-loading': iconColorLoading,
+                    '--n-close-color': closeColor,
+                    '--n-close-color-pressed': closeColorPressed,
+                    '--n-close-color-hover': closeColorHover,
+                    '--n-line-height': lineHeight,
+                    '--n-border-radius': borderRadius
                 };
             }),
             placement: messageProviderProps.placement
         };
     },
     render() {
-        const { icon, type, closable, content, mergedClsPrefix, cssVars, handleClose } = this;
-        return (h("div", { class: `${mergedClsPrefix}-message-wrapper`, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave, style: Object.assign(Object.assign({}, cssVars), { alignItems: this.placement.startsWith('top')
+        const { render: renderMessage, type, closable, content, mergedClsPrefix, cssVars, icon, handleClose } = this;
+        return (h("div", { class: `${mergedClsPrefix}-message-wrapper`, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave, style: Object.assign({
+                alignItems: this.placement.startsWith('top')
                     ? 'flex-start'
-                    : 'flex-end' }) },
-            h("div", { class: `${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type` },
-                h("div", { class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type` },
-                    h(NIconSwitchTransition, null, {
-                        default: () => [createIconVNode(icon, type, mergedClsPrefix)]
-                    })),
-                h("div", { class: `${mergedClsPrefix}-message__content` }, render(content)),
-                closable ? (h(NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-message__close`, onClick: handleClose })) : null)));
+                    : 'flex-end'
+            }, cssVars) }, renderMessage ? (renderMessage(this.$props)) : (h("div", { class: `${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type` },
+            h("div", { class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type` },
+                h(NIconSwitchTransition, null, {
+                    default: () => [createIconVNode(icon, type, mergedClsPrefix)]
+                })),
+            h("div", { class: `${mergedClsPrefix}-message__content` }, render(content)),
+            closable ? (h(NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-message__close`, onClick: handleClose })) : null))));
     }
 });
 function createIconVNode(icon, type, clsPrefix) {

package/es/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("./message-props").MessageType>;
+        readonly type: PropType<import("./types").MessageType>;
         readonly default: "info";
     };
     content: PropType<string | number | (() => import("vue").VNodeChild)>;
@@ -32,41 +32,33 @@ declare const _default: import("vue").DefineComponent<{
     handleMouseleave: (e: MouseEvent) => void;
     handleMouseenter: (e: MouseEvent) => void;
     deactivate: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    duration?: unknown;
-    onAfterLeave?: unknown;
-    onLeave?: unknown;
-    internalKey?: unknown;
-    onInternalAfterLeave?: unknown;
-    onHide?: unknown;
-    onAfterHide?: unknown;
-    icon?: unknown;
-    type?: unknown;
-    content?: unknown;
-    closable?: unknown;
-    keepAliveOnHover?: unknown;
-    onClose?: unknown;
-    onMouseenter?: unknown;
-    onMouseleave?: unknown;
-} & {
-    type: import("./message-props").MessageType;
-    duration: number;
-    closable: boolean;
-    internalKey: string;
-    keepAliveOnHover: boolean;
-} & {
-    content?: string | number | (() => import("vue").VNodeChild) | undefined;
-    icon?: (() => import("vue").VNodeChild) | undefined;
-    onLeave?: Function | undefined;
-    onAfterLeave?: Function | undefined;
-    onMouseenter?: ((e: MouseEvent) => void) | undefined;
-    onMouseleave?: ((e: MouseEvent) => void) | undefined;
-    onClose?: (() => void) | undefined;
-    onHide?: Function | undefined;
-    onAfterHide?: Function | undefined;
-    onInternalAfterLeave?: ((key: string) => void) | undefined;
-}>, {
-    type: import("./message-props").MessageType;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    onAfterLeave: FunctionConstructor;
+    onLeave: FunctionConstructor;
+    internalKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    onInternalAfterLeave: PropType<(key: string) => void>;
+    onHide: FunctionConstructor;
+    onAfterHide: FunctionConstructor;
+    icon: PropType<() => import("vue").VNodeChild>;
+    type: {
+        readonly type: PropType<import("./types").MessageType>;
+        readonly default: "info";
+    };
+    content: PropType<string | number | (() => import("vue").VNodeChild)>;
+    closable: BooleanConstructor;
+    keepAliveOnHover: BooleanConstructor;
+    onClose: PropType<() => void>;
+    onMouseenter: PropType<(e: MouseEvent) => void>;
+    onMouseleave: PropType<(e: MouseEvent) => void>;
+}>>, {
+    type: import("./types").MessageType;
     duration: number;
     closable: boolean;
     keepAliveOnHover: boolean;

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

@@ -1,14 +1,6 @@
-import { VNodeChild, InjectionKey, ExtractPropTypes, Ref, PropType, CSSProperties } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
-export interface MessageOptions {
-    duration?: number;
-    closable?: boolean;
-    keepAliveOnHover?: boolean;
-    icon?: () => VNodeChild;
-    onClose?: () => void;
-    onLeave?: () => void;
-    onAfterLeave?: () => void;
-}
+import { VNodeChild, ExtractPropTypes, Ref, PropType, CSSProperties } from 'vue';
+import type { ExtractPublicPropTypes } from '../../_utils';
+import type { MessageOptions, MessageType } from './types';
 declare type ContentType = string | (() => VNodeChild);
 export interface MessageApiInjection {
     info: (content: ContentType, options?: MessageOptions) => MessageReactive;
@@ -18,12 +10,13 @@ export interface MessageApiInjection {
     loading: (content: ContentType, options?: MessageOptions) => MessageReactive;
     destroyAll: () => void;
 }
-export declare const messageApiInjectionKey: InjectionKey<MessageApiInjection>;
+export declare const messageApiInjectionKey: import("vue").InjectionKey<MessageApiInjection>;
 export interface MessageReactive {
     content?: ContentType;
     duration?: number;
     closable?: boolean;
     keepAliveOnHover?: boolean;
+    type: MessageType;
     icon?: () => VNodeChild;
     onClose?: () => void;
     destroy: () => void;
@@ -193,7 +186,7 @@ declare const messageProviderProps: {
 };
 export declare type MessageProviderProps = ExtractPublicPropTypes<typeof messageProviderProps>;
 declare type MessageProviderSetupProps = ExtractPropTypes<typeof messageProviderProps>;
-export declare const messageProviderInjectionKey: InjectionKey<{
+export declare const messageProviderInjectionKey: import("vue").InjectionKey<{
     props: MessageProviderSetupProps;
     mergedClsPrefixRef: Ref<string>;
 }>;
@@ -368,6 +361,7 @@ declare const _default: import("vue").DefineComponent<{
             duration?: number | undefined;
             closable?: boolean | undefined;
             keepAliveOnHover?: boolean | undefined;
+            type: MessageType;
             icon?: (() => VNodeChild) | undefined;
             onClose?: (() => void) | undefined;
             destroy: () => void;
@@ -379,31 +373,27 @@ declare const _default: import("vue").DefineComponent<{
         duration?: number | undefined;
         closable?: boolean | undefined;
         keepAliveOnHover?: boolean | undefined;
+        type: MessageType;
         icon?: (() => VNodeChild) | undefined;
         onClose?: (() => void) | undefined;
         destroy: () => void;
     }[]>;
     handleAfterLeave: (key: string) => void;
-} & MessageApiInjection, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    to?: unknown;
-    duration?: unknown;
-    keepAliveOnHover?: unknown;
-    max?: unknown;
-    placement?: unknown;
-    closable?: unknown;
-    containerStyle?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    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", {
+} & MessageApiInjection, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    to: PropType<string | HTMLElement>;
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    keepAliveOnHover: BooleanConstructor;
+    max: NumberConstructor;
+    placement: {
+        type: PropType<"bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right">;
+        default: string;
+    };
+    closable: BooleanConstructor;
+    containerStyle: PropType<string | CSSProperties>;
+    theme: PropType<import("../../_mixins").Theme<"Message", {
         textColorInfo: string;
         textColorSuccess: string;
         textColorError: string;
@@ -451,8 +441,8 @@ declare const _default: import("vue").DefineComponent<{
         closeSize: string;
         iconSize: string;
         fontSize: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
         textColorInfo: string;
         textColorSuccess: string;
         textColorError: string;
@@ -500,8 +490,8 @@ declare const _default: import("vue").DefineComponent<{
         closeSize: string;
         iconSize: string;
         fontSize: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Message", {
         textColorInfo: string;
         textColorSuccess: string;
         textColorError: string;
@@ -549,9 +539,8 @@ declare const _default: import("vue").DefineComponent<{
         closeSize: string;
         iconSize: string;
         fontSize: string;
-    }, any>> | undefined;
-    containerStyle?: string | CSSProperties | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     duration: number;
     placement: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
     closable: boolean;

package/es/message/src/MessageProvider.js

@@ -1,9 +1,9 @@
-import { Fragment, ref, h, reactive, Teleport, defineComponent, provide, renderSlot } from 'vue';
+import { Fragment, ref, h, reactive, Teleport, defineComponent, provide } from 'vue';
 import { createId } from 'seemly';
-import { omit } from '../../_utils';
+import { createInjectionKey, omit } from '../../_utils';
 import { useConfig, useTheme } from '../../_mixins';
 import MessageEnvironment from './MessageEnvironment';
-export const messageApiInjectionKey = Symbol('messageApi');
+export const messageApiInjectionKey = createInjectionKey('n-message-api');
 const messageProviderProps = Object.assign(Object.assign({}, useTheme.props), { to: [String, Object], duration: {
         type: Number,
         default: 3000
@@ -11,7 +11,7 @@ const messageProviderProps = Object.assign(Object.assign({}, useTheme.props), {
         type: String,
         default: 'top'
     }, closable: Boolean, containerStyle: [String, Object] });
-export const messageProviderInjectionKey = Symbol('messageProvider');
+export const messageProviderInjectionKey = createInjectionKey('n-message-provider');
 export default defineComponent({
     name: 'MessageProvider',
     props: messageProviderProps,
@@ -42,7 +42,7 @@ export default defineComponent({
             mergedClsPrefixRef
         });
         provide(messageApiInjectionKey, api);
-        function create(content, options = {}) {
+        function create(content, options) {
             const key = createId();
             const messageReactive = reactive(Object.assign(Object.assign({}, options), { content,
                 key, destroy: () => {
@@ -73,10 +73,10 @@ export default defineComponent({
         }, api);
     },
     render() {
-        var _a;
-        return (h(Fragment, null,
-            renderSlot(this.$slots, 'default'),
-            this.messageList.length ? (h(Teleport, { to: (_a = this.to) !== null && _a !== void 0 ? _a : 'body' },
+        var _a, _b, _c;
+        return (h(Fragment, null, (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 :
+            _b.call(_a),
+            this.messageList.length ? (h(Teleport, { to: (_c = this.to) !== null && _c !== void 0 ? _c : 'body' },
                 h("div", { class: [
                         `${this.mergedClsPrefix}-message-container`,
                         `${this.mergedClsPrefix}-message-container--${this.placement}`