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

package/lib/ele-table/style/index.scss

@@ -185,6 +185,22 @@
     table-layout: fixed;
     border-collapse: collapse;
     word-break: break-all;
+
+    &.is-border {
+      border-left: none;
+      border-right: 1px solid eleVar('table', 'border-color');
+
+      & > tr,
+      & > thead > tr,
+      & > tbody > tr,
+      & > tfoot > tr {
+        & > th,
+        & > td {
+          border-right-width: 0;
+          border-left-width: 1px;
+        }
+      }
+    }
   }
 }
 

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

@@ -7,6 +7,7 @@ declare const _default: import('vue').DefineComponent<{
     width: (StringConstructor | NumberConstructor)[];
     isPopover: BooleanConstructor;
     offset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
+    zIndex: NumberConstructor;
     trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "dark", boolean>;
     placement: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, import('element-plus').Placement, unknown, "bottom", boolean>;
@@ -36,7 +37,6 @@ declare const _default: import('vue').DefineComponent<{
     visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
     transition: StringConstructor;
     enterable: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    zIndex: NumberConstructor;
     gpuAcceleration: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     showAfter: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     hideAfter: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
@@ -68,6 +68,7 @@ declare const _default: import('vue').DefineComponent<{
     width: (StringConstructor | NumberConstructor)[];
     isPopover: BooleanConstructor;
     offset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
+    zIndex: NumberConstructor;
     trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import('element-plus').TooltipTriggerType[]) | (() => import('element-plus/es/utils/typescript').Arrayable<import('element-plus').TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "dark", boolean>;
     placement: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, import('element-plus').Placement, unknown, "bottom", boolean>;
@@ -97,7 +98,6 @@ declare const _default: import('vue').DefineComponent<{
     visible: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => boolean) | (() => boolean | null) | ((new (...args: any[]) => boolean) | (() => boolean | null))[], unknown, unknown, null, boolean>;
     transition: StringConstructor;
     enterable: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    zIndex: NumberConstructor;
     gpuAcceleration: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     showAfter: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     hideAfter: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
@@ -106,10 +106,10 @@ declare const _default: import('vue').DefineComponent<{
     popperClass: StringConstructor;
     popperStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
 }>> & {
+    onClose?: ((e: any) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     onHide?: ((e: Event) => any) | undefined;
     onOpen?: ((e: any) => any) | undefined;
-    onClose?: ((e: any) => any) | undefined;
     onShow?: ((e: Event) => any) | undefined;
     "onBefore-show"?: ((e: Event) => any) | undefined;
     "onBefore-hide"?: ((e: Event) => any) | undefined;

package/lib/ele-virtual-table/util.cjs

@@ -425,8 +425,10 @@ function getIndexValue(rowIndex, index, pageIndex) {
   return String(index + rowIndex);
 }
 function getCellSpan(params, spanMethod) {
+  var _a;
   const span = { rowspan: 1, colspan: 1 };
-  if (typeof spanMethod === "function") {
+  const type = (_a = params.column) == null ? void 0 : _a.type;
+  if ((!type || !["index", "selection", "expand"].includes(type)) && typeof spanMethod === "function") {
     const result = spanMethod(params);
     if (result != null) {
       if (Array.isArray(result)) {
@@ -458,7 +460,10 @@ function getUserSums(summaryMethod, bodyCols, data) {
   });
   return summaryMethod({ columns, data });
 }
-function getSumValue(data, prop) {
+function getSumValue(data, prop, index, sumText) {
+  if (index === 0) {
+    return sumText ?? "Sum";
+  }
   if (!data || !prop) {
     return "";
   }

package/lib/ele-virtual-table/util.d.ts

@@ -197,8 +197,10 @@ export declare function getUserSums(summaryMethod?: SummaryMethod, bodyCols?: Bo
  * 计算列合计值
  * @param data 表格数据
  * @param prop 列字段名称
+ * @param index 列索引
+ * @param sumText 第一列文本
  */
-export declare function getSumValue(data?: DataItem[], prop?: string): string;
+export declare function getSumValue(data?: DataItem[], prop?: string, index?: number, sumText?: string): string;
 /**
  * 获取原始列配置
  * @param columns 列配置

package/lib/icons/LoadingOutlined.cjs

@@ -17,7 +17,7 @@ const _hoisted_1 = {
   "stroke-width": "4",
   "stroke-linecap": "round"
 };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M24 2C36 2 46 12 46 24" }, null, -1);
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M 22 6 C 34 6 42 14 42 26" }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
 ];

package/lib/lang/en_US.cjs

@@ -43,6 +43,8 @@ const localeValues = {
     columnTitle: "Check all",
     columnReset: "Reset",
     columnUntitled: "Untitled",
+    columnIndex: "Index",
+    columnExpand: "Expand",
     columnFixedLeft: "Pin to left",
     columnFixedRight: "Pin to right",
     exportOk: "Ok",
@@ -53,7 +55,11 @@ const localeValues = {
     exportSelectColumn: "Columns",
     exportDataTypePage: "Current",
     exportDataTypeSelected: "Selected",
-    exportDataTypeAll: "All"
+    exportDataTypeAll: "All",
+    exportOther: "Options",
+    exportOtherHeader: "Header",
+    exportOtherFooter: "Footer",
+    exportOtherTreeIndex: "Tree index"
   },
   copyable: {
     copy: "Copy",

package/lib/lang/zh_CN.cjs

@@ -43,6 +43,8 @@ const localeValues = {
     columnTitle: "全选",
     columnReset: "重置",
     columnUntitled: "无标题",
+    columnIndex: "序号列",
+    columnExpand: "展开列",
     columnFixedLeft: "固定在左侧",
     columnFixedRight: "固定在右侧",
     exportOk: "确定",
@@ -53,7 +55,11 @@ const localeValues = {
     exportSelectColumn: "选择字段",
     exportDataTypePage: "当前页数据",
     exportDataTypeSelected: "选中数据",
-    exportDataTypeAll: "全部数据"
+    exportDataTypeAll: "全部数据",
+    exportOther: "其它选项",
+    exportOtherHeader: "表头",
+    exportOtherFooter: "表尾",
+    exportOtherTreeIndex: "层级序号"
   },
   copyable: {
     copy: "复制",

package/lib/lang/zh_TW.cjs

@@ -43,6 +43,8 @@ const localeValues = {
     columnTitle: "列展示",
     columnReset: "重置",
     columnUntitled: "無標題",
+    columnIndex: "序號列",
+    columnExpand: "展開列",
     columnFixedLeft: "固定在左側",
     columnFixedRight: "固定在右側",
     exportOk: "確認",
@@ -53,7 +55,11 @@ const localeValues = {
     exportSelectColumn: "選擇字段",
     exportDataTypePage: "當前頁數據",
     exportDataTypeSelected: "選中數據",
-    exportDataTypeAll: "全部數據"
+    exportDataTypeAll: "全部數據",
+    exportOther: "更多選項",
+    exportOtherHeader: "表頭",
+    exportOtherFooter: "表尾",
+    exportOtherTreeIndex: "層級序號"
   },
   copyable: {
     copy: "複製",

package/lib/style/themes/default.scss

@@ -123,6 +123,7 @@ $ele: map.deep-merge(
       // 消息提示
       'color': elVar('text-color', 'regular'),
       'size': elVar('font-size', 'base'),
+      'space': 16px,
       'padding': 12px 14px,
       'radius': elVar('border-radius', 'base'),
       'shadow': elVar('box-shadow', 'light'),
@@ -135,12 +136,9 @@ $ele: map.deep-merge(
       'close-color': elVar('text-color', 'placeholder'),
       'close-hover-color': elVar('text-color', 'primary'),
       'close-hover-bg': transparent,
-      'plain-bg': elVar('bg-color', 'overlay')
-    ),
-    'message-mask': (
-      // 消息提示遮罩层
-      'color': elVar('overlay-color', 'lighter'),
-      'size': 1000vw
+      'plain-bg': elVar('bg-color', 'overlay'),
+      'alert-padding': 10px 14px,
+      'mask-color': elVar('overlay-color', 'lighter')
     ),
     'bottom-bar': (
       // 底部工具栏
@@ -971,85 +969,84 @@ $ele: map.deep-merge(
       'danger-border-color': elVar('color-error', 'light-7'),
       'danger-close-color': elVar('color-error'),
       'danger-close-hover-color': elVar('color-error'),
-      'danger-close-hover-bg': transparent
-    ),
-    'tag-sm': (
-      // 标签小尺寸
-      'size': 12px,
-      'height': 20px,
-      'padding': 0 4px,
-      'radius': elVar('border-radius', 'small'),
-      'close-size': 13px,
-      'close-padding': 0,
-      'close-margin': 0 -2px 0 2px,
-      'close-radius': 2px
-    ),
-    'tag-lg': (
-      // 标签大尺寸
-      'size': 14px,
-      'height': 32px,
-      'padding': 0 12px,
-      'radius': elVar('border-radius', 'base'),
-      'close-size': 15px,
-      'close-padding': 2px,
-      'close-margin': 0 -8px 0 4px,
-      'close-radius': 4px
-    ),
-    'tag-dark': (
-      // 标签暗色风格
-      'color': #fff,
-      'bg': elVar('color-primary'),
-      'close-color': #fff,
-      'close-hover-color': #fff,
-      'close-hover-bg': transparent,
-      'info-color': elVar('text-color', 'primary'),
-      'info-bg': elVar('color-info', 'light-7'),
-      'info-close-color': elVar('text-color', 'secondary'),
-      'info-close-hover-color': elVar('text-color', 'primary'),
-      'info-close-hover-bg': transparent,
-      'success-color': #fff,
-      'success-bg': elVar('color-success'),
-      'success-close-color': #fff,
-      'success-close-hover-color': #fff,
-      'success-close-hover-bg': transparent,
-      'warning-color': #fff,
-      'warning-bg': elVar('color-warning'),
-      'warning-close-color': #fff,
-      'warning-close-hover-color': #fff,
-      'warning-close-hover-bg': transparent,
-      'danger-color': #fff,
-      'danger-bg': elVar('color-error'),
-      'danger-close-color': #fff,
-      'danger-close-hover-color': #fff,
-      'danger-close-hover-bg': transparent
-    ),
-    'tag-plain': (
-      // 标签朴素风格
-      'color': elVar('color-primary'),
-      'border-color': elVar('color-primary'),
-      'close-color': elVar('color-primary'),
-      'close-hover-color': elVar('color-primary'),
-      'close-hover-bg': transparent,
-      'info-color': elVar('text-color', 'regular'),
-      'info-border-color': elVar('color-info', 'light-3'),
-      'info-close-color': elVar('text-color', 'secondary'),
-      'info-close-hover-color': elVar('text-color', 'primary'),
-      'info-close-hover-bg': transparent,
-      'success-color': elVar('color-success'),
-      'success-border-color': elVar('color-success'),
-      'success-close-color': elVar('color-success'),
-      'success-close-hover-color': elVar('color-success'),
-      'success-close-hover-bg': transparent,
-      'warning-color': elVar('color-warning'),
-      'warning-border-color': elVar('color-warning'),
-      'warning-close-color': elVar('color-warning'),
-      'warning-close-hover-color': elVar('color-warning'),
-      'warning-close-hover-bg': transparent,
-      'danger-color': elVar('color-error'),
-      'danger-border-color': elVar('color-error'),
-      'danger-close-color': elVar('color-error'),
-      'danger-close-hover-color': elVar('color-error'),
-      'danger-close-hover-bg': transparent
+      'danger-close-hover-bg': transparent,
+      'round-radius': 12px,
+      'round-padding': 0 10px,
+      'sm-size': 12px,
+      'sm-height': 20px,
+      'sm-padding': 0 4px,
+      'sm-radius': elVar('border-radius', 'small'),
+      'sm-close-size': 13px,
+      'sm-close-padding': 0,
+      'sm-close-margin': 0 -2px 0 2px,
+      'sm-close-radius': 2px,
+      'sm-round-radius': 10px,
+      'sm-round-padding': 0 6px,
+      'lg-size': 14px,
+      'lg-height': 32px,
+      'lg-padding': 0 12px,
+      'lg-radius': elVar('border-radius', 'base'),
+      'lg-close-size': 15px,
+      'lg-close-padding': 2px,
+      'lg-close-margin': 0 -8px 0 4px,
+      'lg-close-radius': 4px,
+      'lg-round-radius': 16px,
+      'lg-round-padding': 0 14px,
+      'dark-color': #fff,
+      'dark-bg': elVar('color-primary'),
+      'dark-close-color': #fff,
+      'dark-close-hover-color': #fff,
+      'dark-close-hover-bg': transparent,
+      'dark-info-color': elVar('text-color', 'primary'),
+      'dark-info-bg': elVar('color-info', 'light-7'),
+      'dark-info-close-color': elVar('text-color', 'secondary'),
+      'dark-info-close-hover-color': elVar('text-color', 'primary'),
+      'dark-info-close-hover-bg': transparent,
+      'dark-success-color': #fff,
+      'dark-success-bg': elVar('color-success'),
+      'dark-success-close-color': #fff,
+      'dark-success-close-hover-color': #fff,
+      'dark-success-close-hover-bg': transparent,
+      'dark-warning-color': #fff,
+      'dark-warning-bg': elVar('color-warning'),
+      'dark-warning-close-color': #fff,
+      'dark-warning-close-hover-color': #fff,
+      'dark-warning-close-hover-bg': transparent,
+      'dark-danger-color': #fff,
+      'dark-danger-bg': elVar('color-error'),
+      'dark-danger-close-color': #fff,
+      'dark-danger-close-hover-color': #fff,
+      'dark-danger-close-hover-bg': transparent,
+      'plain-color': elVar('color-primary'),
+      'plain-border-color': elVar('color-primary'),
+      'plain-close-color': elVar('color-primary'),
+      'plain-close-hover-color': elVar('color-primary'),
+      'plain-close-hover-bg': transparent,
+      'plain-info-color': elVar('text-color', 'regular'),
+      'plain-info-border-color': elVar('color-info', 'light-3'),
+      'plain-info-close-color': elVar('text-color', 'secondary'),
+      'plain-info-close-hover-color': elVar('text-color', 'primary'),
+      'plain-info-close-hover-bg': transparent,
+      'plain-success-color': elVar('color-success'),
+      'plain-success-border-color': elVar('color-success'),
+      'plain-success-close-color': elVar('color-success'),
+      'plain-success-close-hover-color': elVar('color-success'),
+      'plain-success-close-hover-bg': transparent,
+      'plain-warning-color': elVar('color-warning'),
+      'plain-warning-border-color': elVar('color-warning'),
+      'plain-warning-close-color': elVar('color-warning'),
+      'plain-warning-close-hover-color': elVar('color-warning'),
+      'plain-warning-close-hover-bg': transparent,
+      'plain-danger-color': elVar('color-error'),
+      'plain-danger-border-color': elVar('color-error'),
+      'plain-danger-close-color': elVar('color-error'),
+      'plain-danger-close-hover-color': elVar('color-error'),
+      'plain-danger-close-hover-bg': transparent,
+      'hit-border-color': elVar('color-primary'),
+      'hit-info-border-color': elVar('color-info', 'light-3'),
+      'hit-success-border-color': elVar('color-success'),
+      'hit-warning-border-color': elVar('color-warning'),
+      'hit-danger-border-color': elVar('color-error')
     ),
     'tree': (
       // 树

package/lib/style/themes/rounded.scss

@@ -218,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/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;