naive-ui 2.25.4 → 2.25.7

package/lib/layout/src/LayoutContent.d.ts

@@ -114,6 +114,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").ComputedRef<string>;
     scrollableElRef: import("vue").Ref<HTMLElement | null>;
     scrollbarInstRef: import("vue").Ref<{
+        $el: HTMLElement;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;

package/lib/layout/src/LayoutSider.d.ts

@@ -201,6 +201,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollTo: ((options: ScrollToOptions) => void) & ((x: number, y: number) => void);
     scrollableElRef: import("vue").Ref<HTMLElement | null>;
     scrollbarInstRef: import("vue").Ref<{
+        $el: HTMLElement;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;

package/lib/list/src/List.d.ts

@@ -103,7 +103,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-border-color-popover': string;
         '--n-color-modal': string;
         '--n-color-popover': string;
-    }>;
+    }> | undefined;
+    themeClass: 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<{
     size: {
         type: PropType<"small" | "medium" | "large">;

package/lib/list/src/List.js

@@ -21,36 +21,44 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'List',
     props: listProps,
     setup(props) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('List', '-list', index_cssr_1.default, styles_1.listLight, props, mergedClsPrefixRef);
         (0, vue_1.provide)(exports.listInjectionKey, {
             mergedClsPrefixRef
         });
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { common: { cubicBezierEaseInOut }, self: { fontSize, textColor, color, colorModal, colorPopover, borderColor, borderColorModal, borderColorPopover, borderRadius } } = themeRef.value;
+            return {
+                '--n-font-size': fontSize,
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-text-color': textColor,
+                '--n-color': color,
+                '--n-border-radius': borderRadius,
+                '--n-border-color': borderColor,
+                '--n-border-color-modal': borderColorModal,
+                '--n-border-color-popover': borderColorPopover,
+                '--n-color-modal': colorModal,
+                '--n-color-popover': colorPopover
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('list', undefined, cssVarsRef, props)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
-            cssVars: (0, vue_1.computed)(() => {
-                const { common: { cubicBezierEaseInOut }, self: { fontSize, textColor, color, colorModal, colorPopover, borderColor, borderColorModal, borderColorPopover, borderRadius } } = themeRef.value;
-                return {
-                    '--n-font-size': fontSize,
-                    '--n-bezier': cubicBezierEaseInOut,
-                    '--n-text-color': textColor,
-                    '--n-color': color,
-                    '--n-border-radius': borderRadius,
-                    '--n-border-color': borderColor,
-                    '--n-border-color-modal': borderColorModal,
-                    '--n-border-color-popover': borderColorPopover,
-                    '--n-color-modal': colorModal,
-                    '--n-color-popover': colorPopover
-                };
-            })
+            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 { $slots, mergedClsPrefix } = this;
+        const { $slots, mergedClsPrefix, onRender } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)("ul", { class: [
                 `${mergedClsPrefix}-list`,
-                this.bordered && `${mergedClsPrefix}-list--bordered`
+                this.bordered && `${mergedClsPrefix}-list--bordered`,
+                this.themeClass
             ], style: this.cssVars },
             $slots.header ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-list__header` }, $slots.header())) : null, (_a = $slots.default) === null || _a === void 0 ? void 0 :
             _a.call($slots),

package/lib/loading-bar/src/LoadingBar.d.ts

@@ -16,6 +16,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         '--n-height': string;
         '--n-color-loading': string;
         '--n-color-error': string;
-    }>;
+    }> | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/loading-bar/src/LoadingBar.js

@@ -22,7 +22,8 @@ function createClassName(status, clsPrefix) {
 }
 exports.default = (0, vue_1.defineComponent)({
     name: 'LoadingBar',
-    setup() {
+    setup(props) {
+        const { inlineThemeDisabled } = (0, _mixins_1.useConfig)();
         const { props: providerProps, mergedClsPrefixRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = (0, vue_1.inject)(context_1.loadingBarProviderInjectionKey);
@@ -116,6 +117,17 @@ exports.default = (0, vue_1.defineComponent)({
             });
         }
         const themeRef = (0, _mixins_1.useTheme)('LoadingBar', '-loading-bar', index_cssr_1.default, styles_1.loadingBarLight, providerProps, mergedClsPrefixRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { self: { height, colorError, colorLoading } } = themeRef.value;
+            return {
+                '--n-height': height,
+                '--n-color-loading': colorLoading,
+                '--n-color-error': colorError
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('loading-bar', undefined, cssVarsRef, providerProps)
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             loadingBarRef,
@@ -130,14 +142,9 @@ exports.default = (0, vue_1.defineComponent)({
             handleAfterEnter,
             handleAfterLeave,
             mergedLoadingBarStyle,
-            cssVars: (0, vue_1.computed)(() => {
-                const { self: { height, colorError, colorLoading } } = themeRef.value;
-                return {
-                    '--n-height': height,
-                    '--n-color-loading': colorLoading,
-                    '--n-color-error': colorError
-                };
-            })
+            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() {
@@ -145,11 +152,18 @@ exports.default = (0, vue_1.defineComponent)({
             return null;
         const { mergedClsPrefix } = this;
         return ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-transition", appear: true, onEnter: this.handleEnter, onAfterEnter: this.handleAfterEnter, onAfterLeave: this.handleAfterLeave, css: !this.transitionDisabled }, {
-            default: () => (0, vue_1.withDirectives)((0, vue_1.h)("div", { class: `${mergedClsPrefix}-loading-bar-container` },
-                (0, vue_1.h)("div", { ref: "loadingBarRef", class: `${mergedClsPrefix}-loading-bar`, style: [
-                        this.cssVars,
-                        this.mergedLoadingBarStyle
-                    ] })), [[vue_1.vShow, this.loading || (!this.loading && this.entering)]])
+            default: () => {
+                var _a;
+                (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+                return (0, vue_1.withDirectives)((0, vue_1.h)("div", { class: [
+                        `${mergedClsPrefix}-loading-bar-container`,
+                        this.themeClass
+                    ] },
+                    (0, vue_1.h)("div", { ref: "loadingBarRef", class: [`${mergedClsPrefix}-loading-bar`], style: [
+                            this.cssVars,
+                            this.mergedLoadingBarStyle
+                        ] })), [[vue_1.vShow, this.loading || (!this.loading && this.entering)]]);
+            }
         }));
     }
 });

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

@@ -244,6 +244,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     scrollbarRef: Ref<{
+        $el: HTMLElement;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;

package/lib/mention/src/Mention.js

@@ -321,9 +321,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     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, {
@@ -346,8 +344,12 @@ exports.default = (0, vue_1.defineComponent)({
                     (0, vue_1.h)(vueuc_1.VFollower, { ref: "followerRef", placement: this.placement, show: this.showMenu, containerClass: this.namespace, to: this.adjustedTo, teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
                             default: () => {
-                                const { mergedTheme } = this;
-                                return this.showMenu ? ((0, vue_1.h)(_internal_1.NInternalSelectMenu, { clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelectMenu, themeOverrides: mergedTheme.peerOverrides.InternalSelectMenu, autoPending: true, ref: "selectMenuInstRef", class: `${mergedClsPrefix}-mention-menu`, loading: this.loading, treeMate: this.treeMate, virtualScroll: false, style: this.cssVars, onToggle: this.handleSelect, renderLabel: this.renderLabel }, $slots)) : null;
+                                const { mergedTheme, onRender } = this;
+                                onRender === null || onRender === void 0 ? void 0 : onRender();
+                                return this.showMenu ? ((0, vue_1.h)(_internal_1.NInternalSelectMenu, { clsPrefix: mergedClsPrefix, theme: mergedTheme.peers.InternalSelectMenu, themeOverrides: mergedTheme.peerOverrides.InternalSelectMenu, autoPending: true, ref: "selectMenuInstRef", class: [
+                                        `${mergedClsPrefix}-mention-menu`,
+                                        this.themeClass
+                                    ], loading: this.loading, treeMate: this.treeMate, virtualScroll: false, style: this.cssVars, onToggle: this.handleSelect, renderLabel: this.renderLabel }, $slots)) : null;
                             }
                         }))
                     })

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

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "info";
     };
     content: PropType<string | number | (() => VNodeChild)>;
+    showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     closable: BooleanConstructor;
     keepAliveOnHover: BooleanConstructor;
     onClose: PropType<() => void>;
@@ -17,30 +21,9 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").Ref<string>;
     messageProviderProps: import("./MessageProvider").MessageProviderSetupProps;
     handleClose(): void;
-    cssVars: import("vue").ComputedRef<{
-        '--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;
-    }>;
+    cssVars: false | undefined;
+    themeClass: import("vue").Ref<string> | undefined;
+    onRender: (() => void) | undefined;
     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<import("vue").ExtractPropTypes<{
     render: PropType<MessageRenderMessage>;
@@ -50,6 +33,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "info";
     };
     content: PropType<string | number | (() => VNodeChild)>;
+    showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     closable: BooleanConstructor;
     keepAliveOnHover: BooleanConstructor;
     onClose: PropType<() => void>;
@@ -57,6 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     onMouseleave: PropType<(e: MouseEvent) => void>;
 }>>, {
     type: MessageType;
+    showIcon: boolean;
     closable: boolean;
     keepAliveOnHover: boolean;
 }>;

package/lib/message/src/Message.js

@@ -16,16 +16,49 @@ const iconMap = {
     info: (0, vue_1.h)(icons_1.InfoIcon, null),
     success: (0, vue_1.h)(icons_1.SuccessIcon, null),
     warning: (0, vue_1.h)(icons_1.WarningIcon, null),
-    error: (0, vue_1.h)(icons_1.ErrorIcon, null)
+    error: (0, vue_1.h)(icons_1.ErrorIcon, null),
+    default: null
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'Message',
     props: Object.assign(Object.assign({}, message_props_1.messageProps), { render: Function }),
     setup(props) {
+        const { inlineThemeDisabled } = (0, _mixins_1.useConfig)();
         const { props: messageProviderProps, mergedClsPrefixRef
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
          } = (0, vue_1.inject)(context_1.messageProviderInjectionKey);
         const themeRef = (0, _mixins_1.useTheme)('Message', '-message', index_cssr_1.default, styles_1.messageLight, messageProviderProps, mergedClsPrefixRef);
+        const cssVarsRef = (0, vue_1.computed)(() => {
+            const { type } = props;
+            const { common: { cubicBezierEaseInOut }, self: { padding, margin, maxWidth, iconMargin, closeMargin, closeSize, iconSize, fontSize, lineHeight, borderRadius, iconColorInfo, iconColorSuccess, iconColorWarning, iconColorError, iconColorLoading, [(0, _utils_1.createKey)('textColor', type)]: textColor, [(0, _utils_1.createKey)('boxShadow', type)]: boxShadow, [(0, _utils_1.createKey)('color', type)]: color, [(0, _utils_1.createKey)('closeColor', type)]: closeColor, [(0, _utils_1.createKey)('closeColorPressed', type)]: closeColorPressed, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover } } = themeRef.value;
+            return {
+                '--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
+            };
+        });
+        const themeClassHandle = inlineThemeDisabled
+            ? (0, _mixins_1.useThemeClass)('message', (0, vue_1.computed)(() => props.type[0]), cssVarsRef, {})
+            : undefined;
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             messageProviderProps,
@@ -33,48 +66,29 @@ exports.default = (0, vue_1.defineComponent)({
                 var _a;
                 (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
             },
-            cssVars: (0, vue_1.computed)(() => {
-                const { type } = props;
-                const { common: { cubicBezierEaseInOut }, self: { padding, margin, maxWidth, iconMargin, closeMargin, closeSize, iconSize, fontSize, lineHeight, borderRadius, iconColorInfo, iconColorSuccess, iconColorWarning, iconColorError, iconColorLoading, [(0, _utils_1.createKey)('textColor', type)]: textColor, [(0, _utils_1.createKey)('boxShadow', type)]: boxShadow, [(0, _utils_1.createKey)('color', type)]: color, [(0, _utils_1.createKey)('closeColor', type)]: closeColor, [(0, _utils_1.createKey)('closeColorPressed', type)]: closeColorPressed, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover } } = themeRef.value;
-                return {
-                    '--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
-                };
-            }),
+            cssVars: inlineThemeDisabled ? undefined : inlineThemeDisabled,
+            themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
             placement: messageProviderProps.placement
         };
     },
     render() {
-        const { render: renderMessage, type, closable, content, mergedClsPrefix, cssVars, icon, handleClose } = this;
-        return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-message-wrapper`, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave, style: Object.assign({
-                alignItems: this.placement.startsWith('top')
-                    ? 'flex-start'
-                    : 'flex-end'
-            }, cssVars) }, renderMessage ? (renderMessage(this.$props)) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type` },
-            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type` },
+        const { render: renderMessage, type, closable, content, mergedClsPrefix, cssVars, themeClass, onRender, icon, handleClose, showIcon } = this;
+        onRender === null || onRender === void 0 ? void 0 : onRender();
+        let iconNode;
+        return ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-message-wrapper`, themeClass], onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave, style: [
+                {
+                    alignItems: this.placement.startsWith('top')
+                        ? 'flex-start'
+                        : 'flex-end'
+                },
+                cssVars
+            ] }, renderMessage ? (renderMessage(this.$props)) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-message ${mergedClsPrefix}-message--${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: () => [createIconVNode(icon, type, mergedClsPrefix)]
-                })),
+                    default: () => iconNode
+                }))) : null,
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-message__content` }, (0, _utils_1.render)(content)),
             closable ? ((0, vue_1.h)(_internal_1.NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-message__close`, onClick: handleClose })) : null))));
     }
@@ -84,8 +98,11 @@ function createIconVNode(icon, type, clsPrefix) {
         return icon();
     }
     else {
+        const innerIcon = type === 'loading' ? ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: clsPrefix, strokeWidth: 24, scale: 0.85 })) : (iconMap[type]);
+        if (!innerIcon)
+            return null;
         return ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, key: type }, {
-            default: () => type === 'loading' ? ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: clsPrefix, strokeWidth: 24, scale: 0.85 })) : (iconMap[type])
+            default: () => innerIcon
         }));
     }
 }

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

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "info";
     };
     content: PropType<string | number | (() => import("vue").VNodeChild)>;
+    showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     closable: BooleanConstructor;
     keepAliveOnHover: BooleanConstructor;
     onClose: PropType<() => void>;
@@ -52,6 +56,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "info";
     };
     content: PropType<string | number | (() => import("vue").VNodeChild)>;
+    showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
     closable: BooleanConstructor;
     keepAliveOnHover: BooleanConstructor;
     onClose: PropType<() => void>;
@@ -60,6 +68,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: import("./types").MessageType;
     duration: number;
+    showIcon: boolean;
     closable: boolean;
     keepAliveOnHover: boolean;
 }>;

package/lib/message/src/MessageEnvironment.js

@@ -89,7 +89,7 @@ exports.default = (0, vue_1.defineComponent)({
     render() {
         return ((0, vue_1.h)(_internal_1.NFadeInExpandTransition, { appear: true, onAfterLeave: this.handleAfterLeave, onLeave: this.onLeave }, {
             default: () => [
-                this.show ? ((0, vue_1.h)(Message_1.default, { content: this.content, type: this.type, icon: this.icon, closable: this.closable, onClose: this.handleClose, onMouseenter: this.keepAliveOnHover ? this.handleMouseenter : undefined, onMouseleave: this.keepAliveOnHover ? this.handleMouseleave : undefined })) : null
+                this.show ? ((0, vue_1.h)(Message_1.default, { content: this.content, type: this.type, icon: this.icon, showIcon: this.showIcon, closable: this.closable, onClose: this.handleClose, onMouseenter: this.keepAliveOnHover ? this.handleMouseenter : undefined, onMouseleave: this.keepAliveOnHover ? this.handleMouseleave : undefined })) : null
             ]
         }));
     }