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

package/lib/style/themes/rounded.scss

@@ -10,12 +10,7 @@ $ele-rounded: map.deep-merge(
       'menu-height': 38px,
       'tool-height': 38px,
       'tool-radius': elVar('border-radius', 'base'),
-      'tool-hover-bg': elVar('fill-color', 'light'),
-      'dark-tool-hover-bg': rgba(255, 255, 255, 0.12)
-    ),
-    'header-primary': (
-      'hover-bg': rgba(255, 255, 255, 0.12),
-      'active-bg': rgba(255, 255, 255, 0.24)
+      'primary-active-bg': rgba(255, 255, 255, 0.24)
     ),
     'sidebar': (
       'tool-height': 38px
@@ -135,30 +130,21 @@ $ele-rounded: map.deep-merge(
       'close-radius': elVar('border-radius', 'small'),
       'close-hover-color': elVar('text-color', 'primary'),
       'close-hover-bg': hsla(0, 0%, 60%, 0.15),
-      'transition': (color, border-color, box-shadow)
-    ),
-    'tab-sm': (
-      'close-size': 14px
-    ),
-    'tab-lg': (
-      'close-size': 20px
-    ),
-    'tab-simple': (
-      'radius': 8px 8px 0px 0px,
-      'active-weight': bold,
-      'active-line': 0px,
-      'line-display': none,
-      'angle-size': 10px,
-      'angle-display': block,
-      'tool-hover-bg': transparent
-    ),
-    'tab-indicator': (
-      'hover-color': elVar('color-primary')
-    ),
-    'tab-button': (
-      'radius': $radius-large,
-      'active-shadow': 0 0 4px 2px rgba(0, 0, 0, 0.04),
-      'active-weight': bold
+      'active-close-hover-color': elVar('text-color', 'primary'),
+      'active-close-hover-bg': hsla(0, 0%, 60%, 0.15),
+      'transition': (color, box-shadow),
+      'sm-close-size': 14px,
+      'lg-close-size': 20px,
+      'simple-radius': 8px 8px 0px 0px,
+      'simple-active-weight': bold,
+      'simple-active-line': 0px,
+      'simple-line-display': none,
+      'simple-angle-size': 10px,
+      'simple-angle-display': block,
+      'simple-tool-hover-bg': transparent,
+      'button-radius': $radius-large,
+      'button-active-shadow': 0 0 4px 2px rgba(0, 0, 0, 0.04),
+      'button-active-weight': bold
     ),
     'text': (
       'heading-weight': bold
@@ -232,21 +218,17 @@ $ele-rounded: map.deep-merge(
       'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
       'success-close-hover-bg': elVar('color-success', 'light-8'),
       'warning-close-hover-bg': elVar('color-warning', 'light-8'),
-      'danger-close-hover-bg': elVar('color-error', 'light-8')
-    ),
-    'tag-dark': (
-      'close-hover-bg': rgba(255, 255, 255, 0.2),
-      'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
-      'success-close-hover-bg': rgba(255, 255, 255, 0.2),
-      'warning-close-hover-bg': rgba(255, 255, 255, 0.2),
-      'danger-close-hover-bg': rgba(255, 255, 255, 0.2)
-    ),
-    'tag-plain': (
-      'close-hover-bg': elVar('color-primary', 'light-8'),
-      'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
-      'success-close-hover-bg': elVar('color-success', 'light-8'),
-      'warning-close-hover-bg': elVar('color-warning', 'light-8'),
-      'danger-close-hover-bg': elVar('color-error', 'light-8')
+      'danger-close-hover-bg': elVar('color-error', 'light-8'),
+      'dark-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'dark-info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
+      'dark-success-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'dark-warning-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'dark-danger-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'plain-close-hover-bg': elVar('color-primary', 'light-8'),
+      'plain-info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
+      'plain-success-close-hover-bg': elVar('color-success', 'light-8'),
+      'plain-warning-close-hover-bg': elVar('color-warning', 'light-8'),
+      'plain-danger-close-hover-bg': elVar('color-error', 'light-8')
     ),
     'tree': (
       'item-margin': 2px,

package/lib/utils/core.cjs

@@ -223,9 +223,9 @@ function contentIsEllipsis(el, direction) {
   range.setEnd(el, el.childNodes.length);
   const { width, height } = range.getBoundingClientRect();
   const floorW = Math.floor(width);
-  const rangeWidth = width - floorW < 1e-3 ? floorW : width;
+  const rangeWidth = width - floorW < 8e-3 ? floorW : width;
   const floorH = Math.floor(height);
-  const rangeHeight = height - floorH < 1e-3 ? floorH : height;
+  const rangeHeight = height - floorH < 8e-3 ? floorH : height;
   const style = getCurrentStyle(el);
   const top = Number.parseInt(style.paddingTop) || 0;
   const left = Number.parseInt(style.paddingLeft) || 0;
@@ -241,6 +241,19 @@ function contentIsEllipsis(el, direction) {
   }
   return rangeWidth + horizontalPadding > el.offsetWidth || rangeHeight + verticalPadding > el.offsetHeight || el.scrollWidth > el.offsetWidth;
 }
+function queryChild(parentEl, className, attr) {
+  return Array.from(parentEl.children).find((el) => {
+    if (className && !el.classList.contains(className)) {
+      return false;
+    }
+    if (attr != null && attr[0] != null) {
+      if (el.getAttribute(attr[0]) != attr[1]) {
+        return false;
+      }
+    }
+    return true;
+  });
+}
 exports.assignObject = assignObject;
 exports.bd09ToGcj02 = bd09ToGcj02;
 exports.checkFullscreen = checkFullscreen;
@@ -256,6 +269,7 @@ exports.isExternalLink = isExternalLink;
 exports.mapTree = mapTree;
 exports.omit = omit;
 exports.pick = pick;
+exports.queryChild = queryChild;
 exports.random = random;
 exports.requestFullscreen = requestFullscreen;
 exports.throttle = throttle;

package/lib/utils/core.d.ts

@@ -142,3 +142,10 @@ export declare function pick<T extends object, K extends keyof T>(obj: T, fields
  * @param el 元素节点
  */
 export declare function contentIsEllipsis(el: HTMLElement, direction?: 'horizontal' | 'vertical'): boolean;
+/**
+ * 查找子元素
+ * @param parentEl 父元素
+ * @param className 类名
+ * @param attr 属性
+ */
+export declare function queryChild(parentEl: Element, className?: string, attr?: string[]): Element | undefined;

package/lib/utils/menu-util.cjs

@@ -35,10 +35,7 @@ function getRouteComponent(menu, name, func) {
         const src = menu.component;
         const isAlive = ((_a = menu.meta) == null ? void 0 : _a.keepAlive) !== false;
         const layoutProvide = receiver.useLayoutState();
-        const keepAlive = vue.computed(() => {
-          var _a2;
-          return !!((_a2 = vue.unref(layoutProvide)) == null ? void 0 : _a2.keepAlive);
-        });
+        const keepAlive = vue.computed(() => !!layoutProvide.keepAlive);
         return () => {
           if (!isAlive || !keepAlive.value) {
             return vue.h("iframe", { src, class: "ele-admin-iframe" });

package/lib/utils/menu-util.d.ts

@@ -1,5 +1,6 @@
-import type { RouteRecordRaw, _RouteRecordBase, RouteComponent } from 'vue-router';
-import type { MenuItem } from '../ele-pro-layout/types';
+import { MenuItem } from '../ele-pro-layout/types';
+import { RouteRecordRaw, _RouteRecordBase, RouteComponent } from 'vue-router';
+
 /**
  * 获取路由组件方法
  */

package/lib/utils/message-box.cjs

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const receiver = require("../ele-config-provider/receiver");
+const core = require("./core");
+function getWrapEl(bodyEl) {
+  const parent = bodyEl || document.body;
+  const className = "ele-message-box-wrapper";
+  const el = core.queryChild(parent, className);
+  if (el != null) {
+    return el;
+  }
+  const elem = document.createElement("div");
+  elem.classList.add(className);
+  parent.appendChild(elem);
+  return elem;
+}
+function useMessageBox(globalOpt) {
+  var _a, _b;
+  const layoutState = receiver.useLayoutState();
+  const globalProps = receiver.useGlobalProps("messageBox");
+  const appContext = (_b = (_a = vue.getCurrentInstance) == null ? void 0 : _a.call(vue)) == null ? void 0 : _b.appContext;
+  const state = { wrapEl: null, isActivated: true };
+  const hideClass = "is-hide";
+  vue.onActivated(() => {
+    state.isActivated = true;
+    state.wrapEl && state.wrapEl.classList.remove(hideClass);
+  });
+  vue.onDeactivated(() => {
+    state.isActivated = false;
+    state.wrapEl && state.wrapEl.classList.add(hideClass);
+  });
+  const getOption = (options) => {
+    const opt = {
+      ...globalProps.value || {},
+      ...globalOpt || {},
+      ...options || {}
+    };
+    if (opt.inner) {
+      if (opt.appendTo == null && layoutState.modalsEl != null) {
+        if (state.wrapEl == null) {
+          state.wrapEl = getWrapEl(layoutState.modalsEl);
+        }
+        opt.appendTo = state.wrapEl;
+      }
+      opt.lockScroll = false;
+    }
+    return core.omit(opt, ["inner"]);
+  };
+  const messageBox = function(options) {
+    return elementPlus.ElMessageBox(getOption(options), appContext);
+  };
+  messageBox.alert = function(message, title, options, context) {
+    const ctx = context ?? appContext;
+    return elementPlus.ElMessageBox.alert(message, title, getOption(options), ctx);
+  };
+  messageBox.confirm = function(message, title, options, context) {
+    const ctx = context ?? appContext;
+    return elementPlus.ElMessageBox.confirm(message, title, getOption(options), ctx);
+  };
+  messageBox.prompt = function(message, title, options, context) {
+    const ctx = context ?? appContext;
+    return elementPlus.ElMessageBox.prompt(message, title, getOption(options), ctx);
+  };
+  messageBox.close = function() {
+    return elementPlus.ElMessageBox.close();
+  };
+  return messageBox;
+}
+exports.useMessageBox = useMessageBox;

package/lib/utils/message-box.d.ts

@@ -0,0 +1,25 @@
+import { ElMessageBoxOptions, MessageBoxData as ElMessageBoxData } from 'element-plus';
+import { AppContext } from 'vue';
+
+/**
+ * 消息弹窗配置
+ */
+export interface MessageBoxOptions extends ElMessageBoxOptions {
+    /** 是否限制在主体内部 */
+    inner?: boolean;
+}
+/**
+ * 消息弹窗方法
+ */
+export type MessageBoxMethod = (message: ElMessageBoxOptions['message'], title: ElMessageBoxOptions['title'], options?: MessageBoxOptions, context?: AppContext | null) => Promise<ElMessageBoxData>;
+/**
+ * 消息弹窗
+ */
+export interface MessageBox {
+    (options?: MessageBoxOptions, context?: AppContext | null): Promise<ElMessageBoxData>;
+    alert: MessageBoxMethod;
+    confirm: MessageBoxMethod;
+    prompt: MessageBoxMethod;
+    close: () => void;
+}
+export declare function useMessageBox(globalOpt?: MessageBoxOptions): MessageBox;

package/lib/utils/message.cjs

@@ -2,59 +2,242 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const icons = require("../icons");
+const receiver = require("../ele-config-provider/receiver");
+const MessageBody = require("../ele-app/components/message-body");
 const core = require("./core");
-const normalizeOptions = function(options, loading) {
+function blurCurrentFocus() {
   var _a;
-  const isObj = typeof options === "object" && options != null && !vue.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 : core.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 vue.mergeProps({ style: { marginTop: mt } }, { style: userStyle }).style;
+}
+function isObjOpt(params) {
+  return params != null && typeof params === "object" && !vue.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 ?? vue.h(elementPlus.ElIcon, () => vue.h(icons.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 core.omit(opt, ["original", "plain", "mask", "centered"]);
-};
-const EleMessage = function(options, context) {
-  return elementPlus.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 || vue.isVNode(content));
+  opt.icon = vue.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 core.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 = elementPlus.ElMessage(opt, context);
+  return ins;
 };
-EleMessage.success = function(options, context) {
-  return elementPlus.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 = elementPlus.ElMessage(opt, context);
+  return ins;
 };
-EleMessage.warning = function(options, context) {
-  return elementPlus.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 = elementPlus.ElMessage(opt, context);
+  return ins;
 };
-EleMessage.error = function(options, context) {
-  return elementPlus.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 = elementPlus.ElMessage(opt, context);
+  return ins;
 };
-EleMessage.info = function(options, context) {
-  return elementPlus.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 = elementPlus.ElMessage(opt, context);
+  return ins;
 };
-EleMessage.loading = function(options, context) {
-  return elementPlus.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 = elementPlus.ElMessage(opt, context);
+  return ins;
 };
 EleMessage.closeAll = function(type) {
   return elementPlus.ElMessage.closeAll(type);
 };
+const MESSAGE_KEY = Symbol("message");
+function useMessage(globalOpt) {
+  var _a, _b;
+  const layoutState = receiver.useLayoutState();
+  const globalProps = receiver.useGlobalProps("message");
+  const appContext = (_b = (_a = vue.getCurrentInstance) == null ? void 0 : _a.call(vue)) == null ? void 0 : _b.appContext;
+  const groupKey = (globalOpt == null ? void 0 : globalOpt.groupKey) || getDefaultGroupKey();
+  const state = { wrapEl: null, isActivated: true };
+  const hideClass = "is-hide";
+  vue.provide(MESSAGE_KEY, { groupKey, getInnerWrap: () => getWrap(true) });
+  const parentMsg = vue.inject(MESSAGE_KEY, null);
+  vue.onActivated(() => {
+    state.isActivated = true;
+    state.wrapEl && state.wrapEl.classList.remove(hideClass);
+  });
+  vue.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 = elementPlus.ElMessage(opt, appContext);
+    return ins;
+  };
+  message.success = function(params) {
+    const opt = getOption(params, () => ins.close(), "success", false);
+    const ins = elementPlus.ElMessage(opt, appContext);
+    return ins;
+  };
+  message.warning = function(params) {
+    const opt = getOption(params, () => ins.close(), "warning", false);
+    const ins = elementPlus.ElMessage(opt, appContext);
+    return ins;
+  };
+  message.error = function(params) {
+    const opt = getOption(params, () => ins.close(), "error", false);
+    const ins = elementPlus.ElMessage(opt, appContext);
+    return ins;
+  };
+  message.info = function(params) {
+    const opt = getOption(params, () => ins.close());
+    const ins = elementPlus.ElMessage(opt, appContext);
+    return ins;
+  };
+  message.loading = function(params) {
+    blurCurrentFocus();
+    const opt = getOption(params, () => ins.close(), void 0, true);
+    const ins = elementPlus.ElMessage(opt, appContext);
+    return ins;
+  };
+  message.closeAll = function(type) {
+    return elementPlus.ElMessage.closeAll(type);
+  };
+  return message;
+}
 exports.EleMessage = EleMessage;
+exports.MESSAGE_KEY = MESSAGE_KEY;
+exports.useMessage = useMessage;

package/lib/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/lib/utils/resolvers.d.ts

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