ele-admin-plus 1.1.9 → 1.2.0-beta.2

package/es/utils/message.d.ts

@@ -1,42 +1,66 @@
-import { MessageHandler, MessageOptions, MessageParams, MessageFn } from 'element-plus/es/components/message';
-import { AppContext } from 'vue';
+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 Omit<MessageOptions, 'plain'> {
+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,244 @@
-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 { useGlobalProps } from "../ele-config-provider/receiver";
+import { useLayoutState } from "../ele-pro-layout/util";
+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/lib/core-components.cjs

@@ -1,100 +1,104 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./ele-alert/index");
-const index$1 = require("./ele-app/index");
-const index$2 = require("./ele-avatar-group/index");
-const index$3 = require("./ele-basic-select/index");
-const index$4 = require("./ele-bottom-bar/index");
-const index$5 = require("./ele-breadcrumb/index");
-const index$6 = require("./ele-card/index");
-const index$7 = require("./ele-check-card/index");
-const index$8 = require("./ele-config-provider/index");
-const index$9 = require("./ele-copyable/index");
-const index$a = require("./ele-dashboard/index");
-const index$b = require("./ele-data-table/index");
-const index$c = require("./ele-dot/index");
-const index$d = require("./ele-drawer/index");
-const index$e = require("./ele-dropdown/index");
-const index$f = require("./ele-edit-tag/index");
-const index$g = require("./ele-ellipsis/index");
-const index$h = require("./ele-file-list/index");
-const index$i = require("./ele-file-list-tool/index");
-const index$j = require("./ele-icon-select/index");
-const index$k = require("./ele-loading/index");
-const index$l = require("./ele-menus/index");
-const index$m = require("./ele-modal/index");
-const index$n = require("./ele-page/index");
-const index$o = require("./ele-pagination/index");
-const index$p = require("./ele-popconfirm/index");
-const index$q = require("./ele-popover/index");
-const index$r = require("./ele-printer/index");
-const index$s = require("./ele-pro-layout/index");
-const index$t = require("./ele-pro-table/index");
-const index$u = require("./ele-qr-code/index");
-const index$v = require("./ele-qr-code-svg/index");
-const index$w = require("./ele-segmented/index");
-const index$x = require("./ele-split-panel/index");
-const index$y = require("./ele-steps/index");
-const index$z = require("./ele-tabs/index");
-const index$A = require("./ele-tab-tool/index");
-const index$B = require("./ele-tab-wrap/index");
-const index$C = require("./ele-table/index");
-const index$D = require("./ele-table-select/index");
-const index$E = require("./ele-text/index");
-const index$F = require("./ele-tool/index");
-const index$G = require("./ele-toolbar/index");
-const index$H = require("./ele-tooltip/index");
-const index$I = require("./ele-tour/index");
-const index$J = require("./ele-tree-select/index");
-const index$K = require("./ele-upload-list/index");
-const index$L = require("./ele-virtual-table/index");
-const index$M = require("./ele-watermark/index");
-exports.EleAlert = index;
-exports.EleApp = index$1;
-exports.EleAvatarGroup = index$2;
-exports.EleBasicSelect = index$3;
-exports.EleBottomBar = index$4;
-exports.EleBreadcrumb = index$5;
-exports.EleCard = index$6;
-exports.EleCheckCard = index$7;
-exports.EleConfigProvider = index$8;
-exports.EleCopyable = index$9;
-exports.EleDashboard = index$a;
-exports.EleDataTable = index$b;
-exports.EleDot = index$c;
-exports.EleDrawer = index$d;
-exports.EleDropdown = index$e;
-exports.EleEditTag = index$f;
-exports.EleEllipsis = index$g;
-exports.EleFileList = index$h;
-exports.EleFileListTool = index$i;
-exports.EleIconSelect = index$j;
-exports.EleLoading = index$k;
-exports.EleMenus = index$l;
-exports.EleModal = index$m;
-exports.ElePage = index$n;
-exports.ElePagination = index$o;
-exports.ElePopconfirm = index$p;
-exports.ElePopover = index$q;
-exports.ElePrinter = index$r;
-exports.EleProLayout = index$s;
-exports.EleProTable = index$t;
-exports.EleQrCode = index$u;
-exports.EleQrCodeSvg = index$v;
-exports.EleSegmented = index$w;
-exports.EleSplitPanel = index$x;
-exports.EleSteps = index$y;
-exports.EleTabs = index$z;
-exports.EleTabTool = index$A;
-exports.EleTabWrap = index$B;
-exports.EleTable = index$C;
-exports.EleTableSelect = index$D;
-exports.EleText = index$E;
-exports.EleTool = index$F;
-exports.EleToolbar = index$G;
-exports.EleTooltip = index$H;
-exports.EleTour = index$I;
-exports.EleTreeSelect = index$J;
-exports.EleUploadList = index$K;
-exports.EleVirtualTable = index$L;
-exports.EleWatermark = index$M;
+const index = require("./ele-admin-layout/index");
+const index$1 = require("./ele-alert/index");
+const index$2 = require("./ele-app/index");
+const index$3 = require("./ele-avatar-group/index");
+const index$4 = require("./ele-backtop/index");
+const index$5 = require("./ele-basic-select/index");
+const index$6 = require("./ele-bottom-bar/index");
+const index$7 = require("./ele-breadcrumb/index");
+const index$8 = require("./ele-card/index");
+const index$9 = require("./ele-check-card/index");
+const index$a = require("./ele-config-provider/index");
+const index$b = require("./ele-copyable/index");
+const index$c = require("./ele-dashboard/index");
+const index$d = require("./ele-data-table/index");
+const index$e = require("./ele-dot/index");
+const index$f = require("./ele-drawer/index");
+const index$g = require("./ele-dropdown/index");
+const index$h = require("./ele-edit-tag/index");
+const index$i = require("./ele-ellipsis/index");
+const index$j = require("./ele-file-list/index");
+const index$k = require("./ele-file-list-tool/index");
+const index$l = require("./ele-icon-select/index");
+const index$m = require("./ele-loading/index");
+const index$n = require("./ele-menus/index");
+const index$o = require("./ele-modal/index");
+const index$p = require("./ele-page/index");
+const index$q = require("./ele-pagination/index");
+const index$r = require("./ele-popconfirm/index");
+const index$s = require("./ele-popover/index");
+const index$t = require("./ele-printer/index");
+const index$u = require("./ele-pro-layout/index");
+const index$v = require("./ele-pro-table/index");
+const index$w = require("./ele-qr-code/index");
+const index$x = require("./ele-qr-code-svg/index");
+const index$y = require("./ele-segmented/index");
+const index$z = require("./ele-split-panel/index");
+const index$A = require("./ele-steps/index");
+const index$B = require("./ele-tabs/index");
+const index$C = require("./ele-tab-tool/index");
+const index$D = require("./ele-tab-wrap/index");
+const index$E = require("./ele-table/index");
+const index$F = require("./ele-table-select/index");
+const index$G = require("./ele-text/index");
+const index$H = require("./ele-tool/index");
+const index$I = require("./ele-toolbar/index");
+const index$J = require("./ele-tooltip/index");
+const index$K = require("./ele-tour/index");
+const index$L = require("./ele-tree-select/index");
+const index$M = require("./ele-upload-list/index");
+const index$N = require("./ele-virtual-table/index");
+const index$O = require("./ele-watermark/index");
+exports.EleAdminLayout = index;
+exports.EleAlert = index$1;
+exports.EleApp = index$2;
+exports.EleAvatarGroup = index$3;
+exports.EleBacktop = index$4;
+exports.EleBasicSelect = index$5;
+exports.EleBottomBar = index$6;
+exports.EleBreadcrumb = index$7;
+exports.EleCard = index$8;
+exports.EleCheckCard = index$9;
+exports.EleConfigProvider = index$a;
+exports.EleCopyable = index$b;
+exports.EleDashboard = index$c;
+exports.EleDataTable = index$d;
+exports.EleDot = index$e;
+exports.EleDrawer = index$f;
+exports.EleDropdown = index$g;
+exports.EleEditTag = index$h;
+exports.EleEllipsis = index$i;
+exports.EleFileList = index$j;
+exports.EleFileListTool = index$k;
+exports.EleIconSelect = index$l;
+exports.EleLoading = index$m;
+exports.EleMenus = index$n;
+exports.EleModal = index$o;
+exports.ElePage = index$p;
+exports.ElePagination = index$q;
+exports.ElePopconfirm = index$r;
+exports.ElePopover = index$s;
+exports.ElePrinter = index$t;
+exports.EleProLayout = index$u;
+exports.EleProTable = index$v;
+exports.EleQrCode = index$w;
+exports.EleQrCodeSvg = index$x;
+exports.EleSegmented = index$y;
+exports.EleSplitPanel = index$z;
+exports.EleSteps = index$A;
+exports.EleTabs = index$B;
+exports.EleTabTool = index$C;
+exports.EleTabWrap = index$D;
+exports.EleTable = index$E;
+exports.EleTableSelect = index$F;
+exports.EleText = index$G;
+exports.EleTool = index$H;
+exports.EleToolbar = index$I;
+exports.EleTooltip = index$J;
+exports.EleTour = index$K;
+exports.EleTreeSelect = index$L;
+exports.EleUploadList = index$M;
+exports.EleVirtualTable = index$N;
+exports.EleWatermark = index$O;

package/lib/core-components.d.ts

@@ -1,6 +1,8 @@
+export { default as EleAdminLayout } from "./ele-admin-layout/index";
 export { default as EleAlert } from "./ele-alert/index";
 export { default as EleApp } from './ele-app/index';
 export { default as EleAvatarGroup } from "./ele-avatar-group/index";
+export { default as EleBacktop } from "./ele-backtop/index";
 export { default as EleBasicSelect } from "./ele-basic-select/index";
 export { default as EleBottomBar } from "./ele-bottom-bar/index";
 export { default as EleBreadcrumb } from "./ele-breadcrumb/index";

package/lib/core-export.cjs

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const layoutTool = require("./ele-admin-layout/components/layout-tool");
+const tabDropdown = require("./ele-tab-wrap/components/tab-dropdown");
 const chartThemeDark = require("./utils/chart-theme-dark");
 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");
-const tabDropdown = require("./ele-pro-layout/components/tab-dropdown");
-exports.HeaderTool = headerTool;
-exports.SidebarTool = sidebarTool;
+exports.HeaderTool = layoutTool;
+exports.LayoutTool = layoutTool;
+exports.SidebarTool = layoutTool;
 exports.TabDropdown = tabDropdown;
 Object.keys(chartThemeDark).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
@@ -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

@@ -1,9 +1,11 @@
+import { default as LayoutTool } from "./ele-admin-layout/components/layout-tool";
+
+export { LayoutTool, LayoutTool as HeaderTool, LayoutTool as SidebarTool };
+export { default as TabDropdown } from "./ele-tab-wrap/components/tab-dropdown";
 export * from './utils/chart-theme-dark';
 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";
-export { default as TabDropdown } from "./ele-pro-layout/components/tab-dropdown";