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

package/lib/ele-app/el.d.ts

@@ -54,6 +54,8 @@ import type {
   MenuItemGroupProps,
   // ElMessage
   MessageOptions,
+  // ElMessageBox
+  ElMessageBoxOptions as MessageBoxOptions,
   // ElPopper
   ElPopper,
   ElPopover,
@@ -220,6 +222,11 @@ export type ElMenuItemGroupProps = ComponentProps<MenuItemGroupProps>;
  */
 export type ElMessageOptions = Partial<MessageOptions>;
 
+/**
+ * ElMessageBox
+ */
+export type ElMessageBoxOptions = Partial<MessageBoxOptions>;
+
 /**
  * ElPopper
  */

package/lib/ele-app/style/overwrite/message-box/index.scss

@@ -101,6 +101,25 @@ body .el-overlay.is-message-box > .el-overlay-message-box {
   }
 }
 
+/* useMessageBox */
+.ele-message-box > .el-message-box__content > .el-message-box__container {
+  gap: 0;
+
+  & > .el-message-box__status {
+    width: auto;
+    height: auto;
+  }
+}
+
+.ele-message-box-icon {
+  width: 1em;
+  height: 1em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 12px;
+}
+
 /* 容器 */
 .ele-message-box-wrapper {
   position: absolute;

package/lib/ele-card/index.cjs

@@ -90,7 +90,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "ele-card-collapse-icon",
         onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleCollapseClick && _ctx.handleCollapseClick(...args), ["stop"]))
       }, [
-        vue.renderSlot(_ctx.$slots, "collapseIcon", {}, () => [
+        vue.renderSlot(_ctx.$slots, "collapseIcon", { collapse: _ctx.isCollapse }, () => [
           vue.createVNode(_component_ElIcon, null, {
             default: vue.withCtx(() => [
               vue.createVNode(_component_ArrowUp)

package/lib/ele-pro-layout/index.cjs

@@ -902,6 +902,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     sideboxCustomStyle: _ctx.sideboxCustomStyle,
     tabsCustomStyle: _ctx.tabsCustomStyle,
     contentCustomStyle: _ctx.contentCustomStyle,
+    logoStyle: _ctx.logoStyle,
+    logoTitleStyle: _ctx.logoTitleStyle,
+    headerMenusStyle: _ctx.headerMenusStyle,
+    sidebarMenusStyle: _ctx.sidebarMenusStyle,
+    sideboxMenusStyle: _ctx.sideboxMenusStyle,
     mobile: _ctx.mobile,
     class: vue.normalizeClass(["ele-pro-layout", { "ele-admin-limited": !_ctx.fluid }]),
     "onUpdate:collapse": _ctx.updateCollapse,
@@ -1015,7 +1020,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       };
     })
-  ]), 1032, ["height", "headerMenus", "headerActive", "sidebarMenus", "sidebarActive", "sideboxMenus", "sideboxActive", "tabs", "tabActive", "levels", "collapse", "compact", "maximized", "tabBar", "breadcrumb", "backTop", "headerMenuProps", "sidebarMenuProps", "sideboxMenuProps", "layout", "sidebarLayout", "headerStyle", "sidebarStyle", "tabStyle", "fixedHeader", "fixedSidebar", "fixedBody", "logoInHeader", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "headerTitleSlot", "headerIconSlot", "sidebarTitleSlot", "sidebarIconSlot", "sideboxTitleSlot", "sideboxIconSlot", "headerCustomStyle", "sidebarCustomStyle", "sideboxCustomStyle", "tabsCustomStyle", "contentCustomStyle", "mobile", "class", "onUpdate:collapse", "onLogoClick", "onHeadMenuOpen", "onHeadMenuClose", "onHeadMenuItemClick", "onHeadMenuItemMouseenter", "onHeadMouseenter", "onHeadMouseleave", "onBoxMenuItemClick", "onBoxMenuItemMouseenter", "onBoxMouseenter", "onBoxMouseleave", "onSideMenuOpen", "onSideMenuClose", "onSideMenuItemClick", "onSideMouseenter", "onSideMouseleave", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"]);
+  ]), 1032, ["height", "headerMenus", "headerActive", "sidebarMenus", "sidebarActive", "sideboxMenus", "sideboxActive", "tabs", "tabActive", "levels", "collapse", "compact", "maximized", "tabBar", "breadcrumb", "backTop", "headerMenuProps", "sidebarMenuProps", "sideboxMenuProps", "layout", "sidebarLayout", "headerStyle", "sidebarStyle", "tabStyle", "fixedHeader", "fixedSidebar", "fixedBody", "logoInHeader", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "headerTitleSlot", "headerIconSlot", "sidebarTitleSlot", "sidebarIconSlot", "sideboxTitleSlot", "sideboxIconSlot", "headerCustomStyle", "sidebarCustomStyle", "sideboxCustomStyle", "tabsCustomStyle", "contentCustomStyle", "logoStyle", "logoTitleStyle", "headerMenusStyle", "sidebarMenusStyle", "sideboxMenusStyle", "mobile", "class", "onUpdate:collapse", "onLogoClick", "onHeadMenuOpen", "onHeadMenuClose", "onHeadMenuItemClick", "onHeadMenuItemMouseenter", "onHeadMouseenter", "onHeadMouseleave", "onBoxMenuItemClick", "onBoxMenuItemMouseenter", "onBoxMouseenter", "onBoxMouseleave", "onSideMenuOpen", "onSideMenuClose", "onSideMenuItemClick", "onSideMouseenter", "onSideMouseleave", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

package/lib/ele-pro-layout/index.d.ts

@@ -123,6 +123,11 @@ declare const _default: import('vue').DefineComponent<{
     sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    logoStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    logoTitleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sidebarMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideboxMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     headerMenuProps: import('vue').PropType<EleMenusProps>;
     sidebarMenuProps: import('vue').PropType<EleMenusProps>;
     sideboxMenuProps: import('vue').PropType<EleMenusProps>;
@@ -145,7 +150,7 @@ declare const _default: import('vue').DefineComponent<{
     backTopVisibilityHeight: NumberConstructor;
     backTopRight: NumberConstructor;
     backTopBottom: NumberConstructor;
-    backTopTarget: StringConstructor;
+    backTopTarget: StringConstructor; /** 当前路由布局风格 */
 }, {
     layoutRef: import('vue').Ref<EleAdminLayoutInstance>;
     navActive: import('vue').Ref<string | undefined>;
@@ -327,6 +332,11 @@ declare const _default: import('vue').DefineComponent<{
     sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    logoStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    logoTitleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sidebarMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideboxMenusStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     headerMenuProps: import('vue').PropType<EleMenusProps>;
     sidebarMenuProps: import('vue').PropType<EleMenusProps>;
     sideboxMenuProps: import('vue').PropType<EleMenusProps>;
@@ -349,7 +359,7 @@ declare const _default: import('vue').DefineComponent<{
     backTopVisibilityHeight: NumberConstructor;
     backTopRight: NumberConstructor;
     backTopBottom: NumberConstructor;
-    backTopTarget: StringConstructor;
+    backTopTarget: StringConstructor; /** 当前路由布局风格 */
 }>> & {
     onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
     onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;

package/lib/ele-pro-layout/props.cjs

@@ -165,6 +165,16 @@ const proLayoutProps = {
   tabsCustomStyle: Object,
   /** 内容区样式 */
   contentCustomStyle: Object,
+  /** logo样式 */
+  logoStyle: Object,
+  /** logo文字样式 */
+  logoTitleStyle: Object,
+  /** 顶栏菜单样式 */
+  headerMenusStyle: Object,
+  /** 侧栏菜单样式 */
+  sidebarMenusStyle: Object,
+  /** 双侧栏一级菜单样式 */
+  sideboxMenusStyle: Object,
   /** 顶栏菜单属性 */
   headerMenuProps: Object,
   /** 侧栏菜单属性 */

package/lib/ele-pro-layout/props.d.ts

@@ -174,6 +174,16 @@ export declare const proLayoutProps: {
     tabsCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 内容区样式 */
     contentCustomStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** logo样式 */
+    logoStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** logo文字样式 */
+    logoTitleStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 顶栏菜单样式 */
+    headerMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 侧栏菜单样式 */
+    sidebarMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
+    /** 双侧栏一级菜单样式 */
+    sideboxMenusStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 顶栏菜单属性 */
     headerMenuProps: PropType<EleMenusProps>;
     /** 侧栏菜单属性 */

package/lib/ele-pro-table/types.d.ts

@@ -327,7 +327,7 @@ export interface ExportDataItem {
   rowspan?: number;
   /** 是否是展开行的单元格 */
   isExpandCell?: boolean;
-  /** 是否显示树展开图标 */
+  /** 是否显示树展开图标的单元格 */
   isTreeCell?: boolean;
   /** 是否是树叶子节点 */
   isTreeLeaf?: boolean;
@@ -335,9 +335,9 @@ export interface ExportDataItem {
   indent?: number;
   /** 是否是层级序号 */
   isTreeIndex?: boolean;
-  /** 层级序号是否显示左边框 */
+  /** 层级序号是否隐藏左边框 */
   hideLeftBorder?: boolean;
-  /** 层级序号是否显示右边框 */
+  /** 层级序号是否隐藏右边框 */
   hideRightBorder?: boolean;
 }
 

package/lib/ele-qr-code/qrcodegen.cjs

@@ -1,10 +1,7 @@
 "use strict";
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var qrcodegen;
 ((qrcodegen2) => {
   const _QrCode = class _QrCode {
@@ -31,12 +28,10 @@ var qrcodegen;
       this.errorCorrectionLevel = errorCorrectionLevel;
       if (version < _QrCode.MIN_VERSION || version > _QrCode.MAX_VERSION)
         throw "Version value out of range";
-      if (msk < -1 || msk > 7)
-        throw "Mask value out of range";
+      if (msk < -1 || msk > 7) throw "Mask value out of range";
       this.size = version * 4 + 17;
       let row = [];
-      for (let i = 0; i < this.size; i++)
-        row.push(false);
+      for (let i = 0; i < this.size; i++) row.push(false);
       for (let i = 0; i < this.size; i++) {
         this.modules.push(row.slice());
         this.isFunction.push(row.slice());
@@ -118,8 +113,7 @@ var qrcodegen;
       for (const seg of segs) {
         appendBits(seg.mode.modeBits, 4, bb);
         appendBits(seg.numChars, seg.mode.numCharCountBits(version), bb);
-        for (const b of seg.getData())
-          bb.push(b);
+        for (const b of seg.getData()) bb.push(b);
       }
       assert(bb.length == dataUsedBits);
       const dataCapacityBits = _QrCode.getNumDataCodewords(version, ecl) * 8;
@@ -130,8 +124,7 @@ var qrcodegen;
       for (let padByte = 236; bb.length < dataCapacityBits; padByte ^= 236 ^ 17)
         appendBits(padByte, 8, bb);
       let dataCodewords = [];
-      while (dataCodewords.length * 8 < bb.length)
-        dataCodewords.push(0);
+      while (dataCodewords.length * 8 < bb.length) dataCodewords.push(0);
       bb.forEach(
         (b, i) => dataCodewords[i >>> 3] |= b << 7 - (i & 7)
       );
@@ -174,8 +167,7 @@ var qrcodegen;
     drawFormatBits(mask) {
       const data = this.errorCorrectionLevel.formatBits << 3 | mask;
       let rem = data;
-      for (let i = 0; i < 10; i++)
-        rem = rem << 1 ^ (rem >>> 9) * 1335;
+      for (let i = 0; i < 10; i++) rem = rem << 1 ^ (rem >>> 9) * 1335;
       const bits = (data << 10 | rem) ^ 21522;
       assert(bits >>> 15 == 0);
       for (let i = 0; i <= 5; i++)
@@ -194,11 +186,9 @@ var qrcodegen;
     // Draws two copies of the version bits (with its own error correction code),
     // based on this object's version field, iff 7 <= version <= 40.
     drawVersion() {
-      if (this.version < 7)
-        return;
+      if (this.version < 7) return;
       let rem = this.version;
-      for (let i = 0; i < 12; i++)
-        rem = rem << 1 ^ (rem >>> 11) * 7973;
+      for (let i = 0; i < 12; i++) rem = rem << 1 ^ (rem >>> 11) * 7973;
       const bits = this.version << 12 | rem;
       assert(bits >>> 18 == 0);
       for (let i = 0; i < 18; i++) {
@@ -264,8 +254,7 @@ var qrcodegen;
         );
         k += dat.length;
         const ecc = _QrCode.reedSolomonComputeRemainder(dat, rsDiv);
-        if (i < numShortBlocks)
-          dat.push(0);
+        if (i < numShortBlocks) dat.push(0);
         blocks.push(dat.concat(ecc));
       }
       let result = [];
@@ -285,8 +274,7 @@ var qrcodegen;
         throw "Invalid argument";
       let i = 0;
       for (let right = this.size - 1; right >= 1; right -= 2) {
-        if (right == 6)
-          right = 5;
+        if (right == 6) right = 5;
         for (let vert = 0; vert < this.size; vert++) {
           for (let j = 0; j < 2; j++) {
             const x = right - j;
@@ -307,8 +295,7 @@ var qrcodegen;
     // the same mask value a second time will undo the mask. A final well-formed
     // QR Code needs exactly one (not zero, two, etc.) mask applied.
     applyMask(mask) {
-      if (mask < 0 || mask > 7)
-        throw "Mask value out of range";
+      if (mask < 0 || mask > 7) throw "Mask value out of range";
       for (let y = 0; y < this.size; y++) {
         for (let x = 0; x < this.size; x++) {
           let invert;
@@ -356,10 +343,8 @@ var qrcodegen;
         for (let x = 0; x < this.size; x++) {
           if (this.modules[y][x] == runColor) {
             runX++;
-            if (runX == 5)
-              result += _QrCode.PENALTY_N1;
-            else if (runX > 5)
-              result++;
+            if (runX == 5) result += _QrCode.PENALTY_N1;
+            else if (runX > 5) result++;
           } else {
             this.finderPenaltyAddHistory(runX, runHistory);
             if (!runColor)
@@ -377,10 +362,8 @@ var qrcodegen;
         for (let y = 0; y < this.size; y++) {
           if (this.modules[y][x] == runColor) {
             runY++;
-            if (runY == 5)
-              result += _QrCode.PENALTY_N1;
-            else if (runY > 5)
-              result++;
+            if (runY == 5) result += _QrCode.PENALTY_N1;
+            else if (runY > 5) result++;
           } else {
             this.finderPenaltyAddHistory(runY, runHistory);
             if (!runColor)
@@ -413,8 +396,7 @@ var qrcodegen;
     // Each position is in the range [0,177), and are used on both the x and y axes.
     // This could be implemented as lookup table of 40 variable-length lists of integers.
     getAlignmentPatternPositions() {
-      if (this.version == 1)
-        return [];
+      if (this.version == 1) return [];
       else {
         const numAlign = Math.floor(this.version / 7) + 2;
         const step = this.version == 32 ? 26 : Math.ceil((this.version * 4 + 4) / (numAlign * 2 - 2)) * 2;
@@ -434,8 +416,7 @@ var qrcodegen;
       if (ver >= 2) {
         const numAlign = Math.floor(ver / 7) + 2;
         result -= (25 * numAlign - 10) * numAlign - 55;
-        if (ver >= 7)
-          result -= 36;
+        if (ver >= 7) result -= 36;
       }
       assert(208 <= result && result <= 29648);
       return result;
@@ -449,18 +430,15 @@ var qrcodegen;
     // Returns a Reed-Solomon ECC generator polynomial for the given degree. This could be
     // implemented as a lookup table over all possible parameter values, instead of as an algorithm.
     static reedSolomonComputeDivisor(degree) {
-      if (degree < 1 || degree > 255)
-        throw "Degree out of range";
+      if (degree < 1 || degree > 255) throw "Degree out of range";
       let result = [];
-      for (let i = 0; i < degree - 1; i++)
-        result.push(0);
+      for (let i = 0; i < degree - 1; i++) result.push(0);
       result.push(1);
       let root = 1;
       for (let i = 0; i < degree; i++) {
         for (let j = 0; j < result.length; j++) {
           result[j] = _QrCode.reedSolomonMultiply(result[j], root);
-          if (j + 1 < result.length)
-            result[j] ^= result[j + 1];
+          if (j + 1 < result.length) result[j] ^= result[j + 1];
         }
         root = _QrCode.reedSolomonMultiply(root, 2);
       }
@@ -481,8 +459,7 @@ var qrcodegen;
     // Returns the product of the two given field elements modulo GF(2^8/0x11D). The arguments and result
     // are unsigned 8-bit integers. This could be implemented as a lookup table of 256*256 entries of uint8.
     static reedSolomonMultiply(x, y) {
-      if (x >>> 8 != 0 || y >>> 8 != 0)
-        throw "Byte out of range";
+      if (x >>> 8 != 0 || y >>> 8 != 0) throw "Byte out of range";
       let z = 0;
       for (let i = 7; i >= 0; i--) {
         z = z << 1 ^ (z >>> 7) * 285;
@@ -511,8 +488,7 @@ var qrcodegen;
     }
     // Pushes the given value to the front and drops the last value. A helper function for getPenaltyScore().
     finderPenaltyAddHistory(currentRunLength, runHistory) {
-      if (runHistory[0] == 0)
-        currentRunLength += this.size;
+      if (runHistory[0] == 0) currentRunLength += this.size;
       runHistory.pop();
       runHistory.unshift(currentRunLength);
     }
@@ -890,8 +866,7 @@ var qrcodegen;
   let QrCode = _QrCode;
   qrcodegen2.QrCode = QrCode;
   function appendBits(val, len, bb) {
-    if (len < 0 || len > 31 || val >>> len != 0)
-      throw "Value out of range";
+    if (len < 0 || len > 31 || val >>> len != 0) throw "Value out of range";
     for (let i = len - 1; i >= 0; i--)
       bb.push(val >>> i & 1);
   }
@@ -899,8 +874,7 @@ var qrcodegen;
     return (x >>> i & 1) != 0;
   }
   function assert(cond) {
-    if (!cond)
-      throw "Assertion error";
+    if (!cond) throw "Assertion error";
   }
   const _QrSegment = class _QrSegment {
     /*-- Constructor (low level) and fields --*/
@@ -911,8 +885,7 @@ var qrcodegen;
       this.mode = mode;
       this.numChars = numChars;
       this.bitData = bitData;
-      if (numChars < 0)
-        throw "Invalid argument";
+      if (numChars < 0) throw "Invalid argument";
       this.bitData = bitData.slice();
     }
     /*-- Static factory functions (mid level) --*/
@@ -921,8 +894,7 @@ var qrcodegen;
     // can be converted to UTF-8 bytes and encoded as a byte mode segment.
     static makeBytes(data) {
       let bb = [];
-      for (const b of data)
-        appendBits(b, 8, bb);
+      for (const b of data) appendBits(b, 8, bb);
       return new _QrSegment(_QrSegment.Mode.BYTE, data.length, bb);
     }
     // Returns a segment representing the given string of decimal digits encoded in numeric mode.
@@ -961,31 +933,25 @@ var qrcodegen;
     // Returns a new mutable list of zero or more segments to represent the given Unicode text string.
     // The result may use various segment modes and switch modes to optimize the length of the bit stream.
     static makeSegments(text) {
-      if (text == "")
-        return [];
-      else if (_QrSegment.isNumeric(text))
-        return [_QrSegment.makeNumeric(text)];
+      if (text == "") return [];
+      else if (_QrSegment.isNumeric(text)) return [_QrSegment.makeNumeric(text)];
       else if (_QrSegment.isAlphanumeric(text))
         return [_QrSegment.makeAlphanumeric(text)];
-      else
-        return [_QrSegment.makeBytes(_QrSegment.toUtf8ByteArray(text))];
+      else return [_QrSegment.makeBytes(_QrSegment.toUtf8ByteArray(text))];
     }
     // Returns a segment representing an Extended Channel Interpretation
     // (ECI) designator with the given assignment value.
     static makeEci(assignVal) {
       let bb = [];
-      if (assignVal < 0)
-        throw "ECI assignment value out of range";
-      else if (assignVal < 1 << 7)
-        appendBits(assignVal, 8, bb);
+      if (assignVal < 0) throw "ECI assignment value out of range";
+      else if (assignVal < 1 << 7) appendBits(assignVal, 8, bb);
       else if (assignVal < 1 << 14) {
         appendBits(2, 2, bb);
         appendBits(assignVal, 14, bb);
       } else if (assignVal < 1e6) {
         appendBits(6, 3, bb);
         appendBits(assignVal, 21, bb);
-      } else
-        throw "ECI assignment value out of range";
+      } else throw "ECI assignment value out of range";
       return new _QrSegment(_QrSegment.Mode.ECI, 0, bb);
     }
     // Tests whether the given string can be encoded as a segment in numeric mode.
@@ -1010,8 +976,7 @@ var qrcodegen;
       let result = 0;
       for (const seg of segs) {
         const ccbits = seg.mode.numCharCountBits(version);
-        if (seg.numChars >= 1 << ccbits)
-          return Infinity;
+        if (seg.numChars >= 1 << ccbits) return Infinity;
         result += 4 + ccbits + seg.bitData.length;
       }
       return result;
@@ -1021,8 +986,7 @@ var qrcodegen;
       str = encodeURI(str);
       let result = [];
       for (let i = 0; i < str.length; i++) {
-        if (str.charAt(i) != "%")
-          result.push(str.charCodeAt(i));
+        if (str.charAt(i) != "%") result.push(str.charCodeAt(i));
         else {
           result.push(Number.parseInt(str.substr(i + 1, 2), 16));
           i += 2;

package/lib/icons/MenuOutlined.cjs

@@ -0,0 +1,31 @@
+"use strict";
+const vue = require("vue");
+const _sfc_main = vue.defineComponent({
+  name: "MenuOutlined"
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = {
+  viewBox: "0 0 48 48",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "4"
+};
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M3 7H45" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M3 24H44" }, null, -1);
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M3 41H45" }, null, -1);
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_5);
+}
+const MenuOutlined = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = MenuOutlined;

package/lib/icons/MenuOutlined.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/icons/index.cjs

@@ -67,6 +67,7 @@ const LogOutlined = require("./LogOutlined");
 const MailOutlined = require("./MailOutlined");
 const LogoutOutlined = require("./LogoutOutlined");
 const MenuFoldOutlined = require("./MenuFoldOutlined");
+const MenuOutlined = require("./MenuOutlined");
 const MenuUnfoldOutlined = require("./MenuUnfoldOutlined");
 const MessageOutlined = require("./MessageOutlined");
 const MinusCircleOutlined = require("./MinusCircleOutlined");
@@ -175,6 +176,7 @@ exports.LogOutlined = LogOutlined;
 exports.MailOutlined = MailOutlined;
 exports.LogoutOutlined = LogoutOutlined;
 exports.MenuFoldOutlined = MenuFoldOutlined;
+exports.MenuOutlined = MenuOutlined;
 exports.MenuUnfoldOutlined = MenuUnfoldOutlined;
 exports.MessageOutlined = MessageOutlined;
 exports.MinusCircleOutlined = MinusCircleOutlined;

package/lib/icons/index.d.ts

@@ -65,6 +65,7 @@ export { default as LogOutlined } from './LogOutlined';
 export { default as MailOutlined } from './MailOutlined';
 export { default as LogoutOutlined } from './LogoutOutlined';
 export { default as MenuFoldOutlined } from './MenuFoldOutlined';
+export { default as MenuOutlined } from './MenuOutlined';
 export { default as MenuUnfoldOutlined } from './MenuUnfoldOutlined';
 export { default as MessageOutlined } from './MessageOutlined';
 export { default as MinusCircleOutlined } from './MinusCircleOutlined';

package/lib/index.cjs

@@ -8,16 +8,14 @@ Object.defineProperty(exports, "default", {
   get: () => installer.installer
 });
 Object.keys(components).forEach((k) => {
-  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
-    Object.defineProperty(exports, k, {
-      enumerable: true,
-      get: () => components[k]
-    });
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => components[k]
+  });
 });
 Object.keys(coreExport).forEach((k) => {
-  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
-    Object.defineProperty(exports, k, {
-      enumerable: true,
-      get: () => coreExport[k]
-    });
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => coreExport[k]
+  });
 });

package/lib/utils/message-box.cjs

@@ -4,6 +4,7 @@ const vue = require("vue");
 const elementPlus = require("element-plus");
 const receiver = require("../ele-config-provider/receiver");
 const util = require("../ele-pro-layout/util");
+const MessageBoxIcon = require("../ele-app/components/message-box-icon");
 const core = require("./core");
 function getWrapEl(bodyEl) {
   const parent = bodyEl || document.body;
@@ -18,7 +19,8 @@ function useMessageBox(globalOpt) {
   const layoutState = util.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 state = { wrapEl: null, isActivated: true, id: 0 };
+  const instances = /* @__PURE__ */ new Map();
   const hideClass = "is-hide";
   vue.onActivated(() => {
     state.isActivated = true;
@@ -28,7 +30,15 @@ function useMessageBox(globalOpt) {
     state.isActivated = false;
     state.wrapEl && state.wrapEl.classList.add(hideClass);
   });
+  vue.onBeforeUnmount(() => {
+    for (const [_key, insDoClose] of instances) {
+      insDoClose && insDoClose();
+    }
+    instances.clear();
+  });
   const getOption = (options) => {
+    state.id++;
+    const msgId = `m_${state.id}`;
     const opt = {
       ...globalProps.value || {},
       ...globalOpt || {},
@@ -43,6 +53,22 @@ function useMessageBox(globalOpt) {
       }
       opt.lockScroll = false;
     }
+    const classes = ["ele-message-box"];
+    if (opt.customClass) {
+      classes.push(opt.customClass);
+    }
+    opt.customClass = classes.join(" ");
+    opt.icon = vue.h(MessageBoxIcon, {
+      type: opt.type,
+      icon: opt.icon,
+      boxId: msgId,
+      onBoxDestroy: (boxId) => {
+        boxId && instances.delete(boxId);
+      },
+      onBoxMounted: ({ boxId, doClose }) => {
+        boxId && instances.set(boxId, doClose);
+      }
+    });
     return core.omit(opt, ["inner"]);
   };
   const messageBox = function(options) {