ele-admin-plus 1.1.9-beta.9 → 1.2.0-beta.1

package/es/utils/message.d.ts

@@ -1,41 +1,66 @@
-import type { AppContext } from 'vue';
-import type { MessageHandler, MessageOptions, MessageParams, MessageFn } from 'element-plus/es/components/message';
+import { MessageHandler as ElMessageHandler, MessageOptions as ElMessageOptions, MessageFn as ElMessageFn } from 'element-plus/es/components/message';
+import { AppContext, InjectionKey } from 'vue';
+
 /**
- * 消息提示对象型参数
+ * 消息提示配置
  */
-export interface ProMessageOptions extends MessageOptions {
+export interface MessageOptions extends ElMessageOptions {
     /** 是否为原始风格 */
-    original?: boolean | null;
-    /** 是否为简约风格 */
-    plain?: boolean | null;
+    original?: boolean | 'plain';
     /** 是否显示遮罩层 */
-    mask?: boolean | null;
+    mask?: boolean;
     /** 是否居中显示 */
-    centered?: boolean | null;
+    centered?: boolean;
+    /** 是否限制在主体内部 */
+    inner?: boolean;
+    /** 限制在主体内部的分组标识 */
+    groupKey?: string;
 }
 /**
- * 消息提示参数
+ * 消息提示方法参数
  */
-export type ProMessageParams = ProMessageOptions | MessageParams;
+export type MessageParams = MessageOptions | ElMessageOptions['message'];
 /**
  * 消息提示方法
  */
-export type ProMessageFn = (options?: ProMessageParams, context?: null | AppContext) => MessageHandler;
+export type MessageFn = (options?: MessageParams, context?: null | AppContext) => ElMessageHandler;
 /**
  * 消息提示
  */
-export interface ProMessage extends ProMessageFn {
-    closeAll: MessageFn['closeAll'];
-    success: ProMessageFn;
-    warning: ProMessageFn;
-    error: ProMessageFn;
-    info: ProMessageFn;
-    loading: ProMessageFn;
+export interface Message extends MessageFn {
+    closeAll: ElMessageFn['closeAll'];
+    success: MessageFn;
+    warning: MessageFn;
+    error: MessageFn;
+    info: MessageFn;
+    loading: MessageFn;
 }
+/**
+ * 消息提示依赖注入
+ */
+interface MessageProvide {
+    /** 限制在主体内部的分组标识 */
+    groupKey: string;
+    /** 获取限制在主体内部的容器 */
+    getInnerWrap: () => HTMLElement;
+}
+/**
+ * 消息提示依赖注入key
+ */
+type MessageKey = InjectionKey<MessageProvide>;
 /**
  * 提供各种调用方法
  * @param options 参数
  * @param context 上下文
  */
-declare const EleMessage: ProMessage;
+declare const EleMessage: Message;
 export { EleMessage };
+/**
+ * 消息提示依赖注入key
+ */
+export declare const MESSAGE_KEY: MessageKey;
+/**
+ * 带当前上下文的消息提示
+ * @param options 参数
+ */
+export declare function useMessage(globalOpt?: MessageOptions): Message;

package/es/utils/message.js

@@ -1,60 +1,243 @@
-import { isVNode, h } from "vue";
-import { ElMessage, ElIcon } from "element-plus";
-import { LoadingOutlined } from "../icons";
-import { omit } from "./core";
-const normalizeOptions = function(options, loading) {
+import { getCurrentInstance, provide, inject, onActivated, onDeactivated, isVNode, h, mergeProps } from "vue";
+import { ElMessage } from "element-plus";
+import { useLayoutState, useGlobalProps } from "../ele-config-provider/receiver";
+import MessageBody from "../ele-app/components/message-body";
+import { queryChild, omit } from "./core";
+function blurCurrentFocus() {
   var _a;
-  const isObj = typeof options === "object" && options != null && !isVNode(options);
-  const opt = isObj ? { ...options } : { message: options };
-  const classes = [];
-  if (!opt.original) {
-    classes.push("ele-message");
-    if (opt.plain) {
-      classes.push("is-plain");
-    }
+  if (typeof ((_a = document == null ? void 0 : document.body) == null ? void 0 : _a.querySelector) === "function") {
+    const el = document.body.querySelector(":focus");
+    typeof (el == null ? void 0 : el.blur) === "function" && el.blur();
+  }
+}
+function getWrapEl(bodyEl, force, groupKey) {
+  const parent = bodyEl || document.body;
+  const className = "ele-message-wrapper";
+  const attr = "data-group";
+  const attrSelector = groupKey == null ? void 0 : [attr, groupKey];
+  const el = force ? void 0 : queryChild(parent, className, attrSelector);
+  if (el != null) {
+    return el;
+  }
+  const elem = document.createElement("div");
+  elem.classList.add(className);
+  if (groupKey) {
+    elem.setAttribute(attr, groupKey);
+  }
+  parent.appendChild(elem);
+  return elem;
+}
+function getDefaultGroupKey() {
+  const url = location == null ? void 0 : location.href;
+  const pi = url.indexOf("?");
+  return url.substring(0, pi < 0 ? void 0 : pi);
+}
+function getOffsetStyle(offset, userStyle) {
+  const mt = typeof offset === "number" ? `${offset}px` : offset;
+  return mergeProps({ style: { marginTop: mt } }, { style: userStyle }).style;
+}
+function isObjOpt(params) {
+  return params != null && typeof params === "object" && !isVNode(params);
+}
+function normalizeOption(params, globalOpt, onClose, type, loading, getWrapEl2, groupKey) {
+  const opt = { ...globalOpt || {} };
+  if (isObjOpt(params)) {
+    Object.assign(opt, params);
+  } else {
+    opt.message = params;
+  }
+  opt.type = type ?? opt.type;
+  opt.appendTo = opt.appendTo ?? (getWrapEl2 == null ? void 0 : getWrapEl2(opt.inner));
+  const classes = ["ele-message"];
+  if (opt.original === "plain") {
+    classes.push("is-plain-alert");
+  } else if (opt.original) {
+    classes.push("is-alert");
+  } else if (opt.plain) {
+    classes.push("is-plain");
   }
   if (loading) {
-    classes.push("ele-message-loading");
+    classes.push("is-loading");
+    opt.duration = opt.duration ?? 0;
     if (opt.mask) {
-      classes.push("ele-message-mask");
+      classes.push("is-show-mask");
     }
-    opt.duration = opt.duration ?? 0;
-    opt.icon = opt.icon ?? h(ElIcon, () => h(LoadingOutlined));
-    if (typeof ((_a = document == null ? void 0 : document.body) == null ? void 0 : _a.querySelector) === "function") {
-      const el = document.body.querySelector(":focus");
-      typeof (el == null ? void 0 : el.blur) === "function" && el.blur();
+    if (opt.centered) {
+      classes.push("is-centered");
     }
   }
-  if (opt.centered) {
-    classes.push("is-centered");
+  if (opt.inner) {
+    classes.push("is-inner");
   }
   if (opt.customClass) {
     classes.push(opt.customClass);
   }
   opt.customClass = classes.join(" ");
-  return omit(opt, ["original", "plain", "mask", "centered"]);
-};
-const EleMessage = function(options, context) {
-  return ElMessage(normalizeOptions(options), context);
+  if (opt.offset != null && opt.offset !== "") {
+    opt.style = getOffsetStyle(opt.offset, opt.style);
+  }
+  const content = opt.message;
+  const isFn = typeof content === "function";
+  const isStr = !(isFn || isVNode(content));
+  opt.icon = h(
+    MessageBody,
+    {
+      message: isStr && content != null ? String(content) : void 0,
+      type: opt.type,
+      icon: opt.icon,
+      showClose: opt.showClose,
+      dangerouslyUseHTMLString: opt.dangerouslyUseHTMLString,
+      loading,
+      onClose
+    },
+    { default: isFn ? content : isStr ? void 0 : () => content }
+  );
+  const key = (opt.inner ? groupKey : void 0) ?? "";
+  opt.message = isStr ? `${key}_${content ?? ""}` : void 0;
+  opt.grouping = isStr ? opt.grouping : false;
+  return omit(opt, [
+    "showClose",
+    "dangerouslyUseHTMLString",
+    "offset",
+    "original",
+    "plain",
+    "mask",
+    "centered",
+    "inner",
+    "groupKey"
+  ]);
+}
+const EleMessage = function(params, context) {
+  const onClose = () => ins.close();
+  const getWrap = () => getWrapEl();
+  const opt = normalizeOption(params, null, onClose, null, null, getWrap);
+  const ins = ElMessage(opt, context);
+  return ins;
 };
-EleMessage.success = function(options, context) {
-  return ElMessage.success(normalizeOptions(options), context);
+EleMessage.success = function(params, context) {
+  const onClose = () => ins.close();
+  const getWrap = () => getWrapEl();
+  const opt = normalizeOption(params, null, onClose, "success", null, getWrap);
+  const ins = ElMessage(opt, context);
+  return ins;
 };
-EleMessage.warning = function(options, context) {
-  return ElMessage.warning(normalizeOptions(options), context);
+EleMessage.warning = function(params, context) {
+  const onClose = () => ins.close();
+  const getWrap = () => getWrapEl();
+  const opt = normalizeOption(params, null, onClose, "warning", null, getWrap);
+  const ins = ElMessage(opt, context);
+  return ins;
 };
-EleMessage.error = function(options, context) {
-  return ElMessage.error(normalizeOptions(options), context);
+EleMessage.error = function(params, context) {
+  const onClose = () => ins.close();
+  const getWrap = () => getWrapEl();
+  const opt = normalizeOption(params, null, onClose, "error", null, getWrap);
+  const ins = ElMessage(opt, context);
+  return ins;
 };
-EleMessage.info = function(options, context) {
-  return ElMessage.info(normalizeOptions(options), context);
+EleMessage.info = function(params, context) {
+  const onClose = () => ins.close();
+  const getWrap = () => getWrapEl();
+  const opt = normalizeOption(params, null, onClose, null, null, getWrap);
+  const ins = ElMessage(opt, context);
+  return ins;
 };
-EleMessage.loading = function(options, context) {
-  return ElMessage.info(normalizeOptions(options, true), context);
+EleMessage.loading = function(params, context) {
+  blurCurrentFocus();
+  const onClose = () => ins.close();
+  const getWrap = () => getWrapEl();
+  const opt = normalizeOption(params, null, onClose, null, true, getWrap);
+  const ins = ElMessage(opt, context);
+  return ins;
 };
 EleMessage.closeAll = function(type) {
   return ElMessage.closeAll(type);
 };
+const MESSAGE_KEY = Symbol("message");
+function useMessage(globalOpt) {
+  var _a, _b;
+  const layoutState = useLayoutState();
+  const globalProps = useGlobalProps("message");
+  const appContext = (_b = (_a = getCurrentInstance) == null ? void 0 : _a()) == null ? void 0 : _b.appContext;
+  const groupKey = (globalOpt == null ? void 0 : globalOpt.groupKey) || getDefaultGroupKey();
+  const state = { wrapEl: null, isActivated: true };
+  const hideClass = "is-hide";
+  provide(MESSAGE_KEY, { groupKey, getInnerWrap: () => getWrap(true) });
+  const parentMsg = inject(MESSAGE_KEY, null);
+  onActivated(() => {
+    state.isActivated = true;
+    state.wrapEl && state.wrapEl.classList.remove(hideClass);
+  });
+  onDeactivated(() => {
+    state.isActivated = false;
+    state.wrapEl && state.wrapEl.classList.add(hideClass);
+  });
+  const getWrap = (inner) => {
+    if (inner) {
+      if (parentMsg != null && parentMsg.groupKey === groupKey) {
+        return parentMsg.getInnerWrap();
+      }
+      if (state.wrapEl == null && layoutState.modalsEl != null) {
+        state.wrapEl = getWrapEl(layoutState.modalsEl, false, groupKey);
+        if (!state.isActivated) {
+          state.wrapEl.classList.add(hideClass);
+        }
+      }
+      if (state.wrapEl != null) {
+        return state.wrapEl;
+      }
+    }
+    return getWrapEl();
+  };
+  const getOption = function(params, onClose, type, loading) {
+    return normalizeOption(
+      params,
+      { ...globalProps.value || {}, ...globalOpt || {} },
+      onClose,
+      type,
+      loading,
+      getWrap,
+      groupKey
+    );
+  };
+  const message = function(params) {
+    const opt = getOption(params, () => ins.close());
+    const ins = ElMessage(opt, appContext);
+    return ins;
+  };
+  message.success = function(params) {
+    const opt = getOption(params, () => ins.close(), "success", false);
+    const ins = ElMessage(opt, appContext);
+    return ins;
+  };
+  message.warning = function(params) {
+    const opt = getOption(params, () => ins.close(), "warning", false);
+    const ins = ElMessage(opt, appContext);
+    return ins;
+  };
+  message.error = function(params) {
+    const opt = getOption(params, () => ins.close(), "error", false);
+    const ins = ElMessage(opt, appContext);
+    return ins;
+  };
+  message.info = function(params) {
+    const opt = getOption(params, () => ins.close());
+    const ins = ElMessage(opt, appContext);
+    return ins;
+  };
+  message.loading = function(params) {
+    blurCurrentFocus();
+    const opt = getOption(params, () => ins.close(), void 0, true);
+    const ins = ElMessage(opt, appContext);
+    return ins;
+  };
+  message.closeAll = function(type) {
+    return ElMessage.closeAll(type);
+  };
+  return message;
+}
 export {
-  EleMessage
+  EleMessage,
+  MESSAGE_KEY,
+  useMessage
 };

package/es/utils/resolvers.d.ts

@@ -1,5 +1,5 @@
-/** 组件按需加载 */
-import type { ComponentResolver } from 'unplugin-vue-components/types';
+import { ComponentResolver } from 'unplugin-vue-components/types';
+
 /**
  * 参数类型
  */

package/lib/core-export.cjs

@@ -5,6 +5,7 @@ const chartTheme = require("./utils/chart-theme");
 const core = require("./utils/core");
 const menuUtil = require("./utils/menu-util");
 const message = require("./utils/message");
+const messageBox = require("./utils/message-box");
 const validate = require("./utils/validate");
 const headerTool = require("./ele-pro-layout/components/header-tool");
 const sidebarTool = require("./ele-pro-layout/components/sidebar-tool");
@@ -47,6 +48,13 @@ Object.keys(message).forEach((k) => {
       get: () => message[k]
     });
 });
+Object.keys(messageBox).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
+    Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: () => messageBox[k]
+    });
+});
 Object.keys(validate).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
     Object.defineProperty(exports, k, {

package/lib/core-export.d.ts

@@ -3,6 +3,7 @@ export * from './utils/chart-theme';
 export * from './utils/core';
 export * from './utils/menu-util';
 export * from './utils/message';
+export * from './utils/message-box';
 export * from './utils/validate';
 export { default as HeaderTool } from "./ele-pro-layout/components/header-tool";
 export { default as SidebarTool } from "./ele-pro-layout/components/sidebar-tool";

package/lib/core-installer.d.ts

@@ -1,3 +1,3 @@
-/** 全局安装核心组件 */
-import type { Plugin } from 'vue';
+import { Plugin } from 'vue';
+
 export declare const installer: Plugin;

package/lib/ele-alert/index.cjs

@@ -70,7 +70,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           style: vue.normalizeStyle(_ctx.iconStyle)
         }, [
           vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-            vue.createVNode(_component_ElIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.iconProps)), {
+            vue.createVNode(_component_ElIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.iconProps || {})), {
               default: vue.withCtx(() => [
                 _ctx.type === "success" ? (vue.openBlock(), vue.createBlock(_component_CheckCircleFilled, { key: 0 })) : _ctx.type === "warning" ? (vue.openBlock(), vue.createBlock(_component_ExclamationCircleFilled, { key: 1 })) : _ctx.type === "error" ? (vue.openBlock(), vue.createBlock(_component_CloseCircleFilled, { key: 2 })) : (vue.openBlock(), vue.createBlock(_component_InfoCircleFilled, { key: 3 }))
               ]),
@@ -109,7 +109,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
         }, [
           vue.renderSlot(_ctx.$slots, "closeIcon", {}, () => [
-            _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.closeIconProps)), {
+            _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.closeIconProps || {})), {
               default: vue.withCtx(() => [
                 vue.createVNode(_component_CloseOutlined)
               ]),

package/lib/ele-alert/index.d.ts

@@ -1,6 +1,6 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<{
     title: StringConstructor;
-    type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
+    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -9,28 +9,28 @@ declare const _default: import("vue").DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
-    closeIconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    closeIconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
-    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    descriptionStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
+    closeIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    closeIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
+    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    descriptionStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     transitionName: {
         type: StringConstructor;
         default: string;
     };
 }, {
-    visible: import("vue").Ref<boolean>;
-    isRich: import("vue").ComputedRef<boolean>;
+    visible: import('vue').Ref<boolean>;
+    isRich: import('vue').ComputedRef<boolean>;
     onClose: (e: MouseEvent) => void;
     open: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (_e: MouseEvent) => boolean;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     title: StringConstructor;
-    type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
+    type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
     description: StringConstructor;
     closable: {
         type: BooleanConstructor;
@@ -39,14 +39,14 @@ declare const _default: import("vue").DefineComponent<{
     center: BooleanConstructor;
     closeText: StringConstructor;
     showIcon: BooleanConstructor;
-    effect: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
-    closeIconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    closeIconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
-    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    descriptionStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    effect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
+    closeIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    closeIconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>;
+    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    descriptionStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     transitionName: {
         type: StringConstructor;
         default: string;

package/lib/ele-alert/props.d.ts

@@ -1,5 +1,6 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { ElIconProps } from '../ele-app/el';
+import { ElIconProps } from '../ele-app/el';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
@@ -7,7 +8,7 @@ export declare const alertProps: {
     /** 标题 */
     title: StringConstructor;
     /** 类型 */
-    type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "error", unknown> | undefined>;
+    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "error" | "info", unknown> | undefined>;
     /** 描述 */
     description: StringConstructor;
     /** 是否可关闭 */
@@ -22,21 +23,21 @@ export declare const alertProps: {
     /** 是否显示图标 */
     showIcon: BooleanConstructor;
     /** 主题 */
-    effect: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    effect: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
     /** 图标样式 */
-    iconStyle: PropType<Partial<import("vue").CSSProperties>>;
+    iconStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 图标组件属性 */
     iconProps: PropType<ElIconProps>;
     /** 关闭图标样式 */
-    closeIconStyle: PropType<Partial<import("vue").CSSProperties>>;
+    closeIconStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 关闭图标组件属性 */
     closeIconProps: PropType<ElIconProps>;
     /** 内容区样式 */
-    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 标题样式 */
-    titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 描述样式 */
-    descriptionStyle: PropType<Partial<import("vue").CSSProperties>>;
+    descriptionStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 过渡动画名称 */
     transitionName: {
         type: StringConstructor;

package/lib/ele-app/components/message-body.cjs

@@ -0,0 +1,91 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../../icons");
+const _sfc_main = vue.defineComponent({
+  name: "MessageBody",
+  components: {
+    ElIcon: elementPlus.ElIcon,
+    CloseOutlined: icons.CloseOutlined,
+    InfoCircleFilled: icons.InfoCircleFilled,
+    CheckCircleFilled: icons.CheckCircleFilled,
+    ExclamationCircleFilled: icons.ExclamationCircleFilled,
+    CloseCircleFilled: icons.CloseCircleFilled,
+    LoadingOutlined: icons.LoadingOutlined
+  },
+  props: {
+    /** 内容 */
+    message: String,
+    /** 类型 */
+    type: String,
+    /** 图标 */
+    icon: [String, Object, Function],
+    /** 是否显示关闭按钮 */
+    showClose: Boolean,
+    /** 内容是否是富文本 */
+    dangerouslyUseHTMLString: Boolean,
+    /** 是否是加载框 */
+    loading: Boolean
+  },
+  emits: {
+    close: () => true
+  },
+  setup(_props, { emit }) {
+    return { onClose: () => emit("close") };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-message-icon" };
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = {
+  key: 1,
+  class: "ele-message-content"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_LoadingOutlined = vue.resolveComponent("LoadingOutlined");
+  const _component_CheckCircleFilled = vue.resolveComponent("CheckCircleFilled");
+  const _component_ExclamationCircleFilled = vue.resolveComponent("ExclamationCircleFilled");
+  const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
+  const _component_InfoCircleFilled = vue.resolveComponent("InfoCircleFilled");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_CloseOutlined = vue.resolveComponent("CloseOutlined");
+  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+    vue.createElementVNode("div", _hoisted_1, [
+      vue.createVNode(_component_ElIcon, {
+        class: vue.normalizeClass({ "is-loading": _ctx.loading })
+      }, {
+        default: vue.withCtx(() => [
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_LoadingOutlined, { key: 1 })) : _ctx.type === "success" ? (vue.openBlock(), vue.createBlock(_component_CheckCircleFilled, { key: 2 })) : _ctx.type === "warning" ? (vue.openBlock(), vue.createBlock(_component_ExclamationCircleFilled, { key: 3 })) : _ctx.type === "error" ? (vue.openBlock(), vue.createBlock(_component_CloseCircleFilled, { key: 4 })) : (vue.openBlock(), vue.createBlock(_component_InfoCircleFilled, { key: 5 }))
+        ]),
+        _: 1
+      }, 8, ["class"])
+    ]),
+    vue.renderSlot(_ctx.$slots, "default", {}, () => [
+      _ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        innerHTML: _ctx.message,
+        class: "ele-message-content"
+      }, null, 8, _hoisted_2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(_ctx.message), 1))
+    ]),
+    _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      class: "ele-message-close",
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
+    }, [
+      vue.createVNode(_component_ElIcon, null, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_CloseOutlined)
+        ]),
+        _: 1
+      })
+    ])) : vue.createCommentVNode("", true)
+  ], 64);
+}
+const messageBody = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = messageBody;