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

package/es/ele-virtual-table/index.js

@@ -9,6 +9,7 @@ import BodyRow from "./components/body-row";
 import ExpandRow from "./components/expand-row";
 import FooterRow from "./components/footer-row";
 import { virtualTableProps, virtualTableEmits } from "./props";
+const ownSlots = ["default", "empty", "append"];
 const _sfc_main = defineComponent({
   name: "EleVirtualTable",
   components: {
@@ -265,20 +266,20 @@ const _sfc_main = defineComponent({
       tableTooltipProps.visible = false;
       tableTooltipProps.disabled = true;
     };
-    const onTableFilterChange = (params) => {
+    const handleTableFilterChange = (params) => {
       const key = getColKey(params.column);
       if (key) {
         filtered[key] = params.value;
         events.onFilterChange(filtered);
       }
     };
-    const onCellCheckedChange = (row, checked) => {
+    const handleCellCheckedChange = (row, checked) => {
       toggleSelected(row.rowData, row.rowId, checked);
       const selection = getSelectionRows();
       events.onSelect(selection, row.rowData);
       events.onSelectionChange(selection);
     };
-    const onCellExpandChange = (row, expanded, children) => {
+    const handleCellExpandChange = (row, expanded, children) => {
       if (expanded && children != null) {
         const childs = transformTableData(
           children,
@@ -305,7 +306,7 @@ const _sfc_main = defineComponent({
       }
       toggleRowExpansion(row, expanded);
     };
-    const onCellClick = (row, col, e) => {
+    const handleCellClick = (row, col, e) => {
       const cell = e.currentTarget;
       const rowData = row.rowData;
       const rowDataKey = row.rowId;
@@ -330,26 +331,26 @@ const _sfc_main = defineComponent({
       }
       events.onRowClick(rowData, col, e);
     };
-    const onCellDblclick = (row, col, e) => {
+    const handleCellDblclick = (row, col, e) => {
       const cell = e.currentTarget;
       events.onCellDblclick(row.rowData, col, cell, e);
       events.onRowDblclick(row.rowData, col, e);
     };
-    const onCellContextmenu = (row, col, e) => {
+    const handleCellContextmenu = (row, col, e) => {
       const cell = e.currentTarget;
       events.onCellContextmenu(row.rowData, col, cell, e);
       events.onRowContextmenu(row.rowData, col, e);
     };
-    const onCellMouseenter = (row, col, e) => {
+    const handleCellMouseenter = (row, col, e) => {
       const cell = e.currentTarget;
       triggerTooltip(cell, col);
       events.onCellMouseEnter(row.rowData, col, cell, e);
     };
-    const onCellMouseleave = (row, col, e) => {
+    const handleCellMouseleave = (row, col, e) => {
       const cell = e.currentTarget;
       events.onCellMouseLeave(row.rowData, col, cell, e);
     };
-    const onHeaderCellClick = (col, e) => {
+    const handleHeaderCellClick = (col, e) => {
       if (col && (col.sortable === true || col.sortable === "custom")) {
         sortBy.value = getSortBy(sortBy.value, col);
         events.onSortChange({
@@ -360,22 +361,22 @@ const _sfc_main = defineComponent({
       }
       events.onHeaderClick(col, e);
     };
-    const onHeaderCellContextmenu = (col, e) => {
+    const handleHeaderCellContextmenu = (col, e) => {
       events.onHeaderContextmenu(col, e);
     };
-    const onHeaderCellMouseenter = () => {
+    const handleHeaderCellMouseenter = () => {
       hideTooltip();
     };
-    const onFooterCellMouseenter = (e) => {
+    const handleFooterCellMouseenter = (e) => {
       triggerTooltip(e.currentTarget, { showOverflowTooltip: true });
     };
-    const onExpandCellMouseenter = () => {
+    const handleExpandCellMouseenter = () => {
       hideTooltip();
     };
-    const onTableMouseleave = () => {
+    const handleTableMouseleave = () => {
       hideTooltip();
     };
-    const onTableScroll = (option) => {
+    const handleTableScroll = (option) => {
       tableState.scrollTop = option.scrollTop;
       const scrollLeft = option.scrollLeft;
       if (tableScrollLeft.value !== scrollLeft) {
@@ -896,6 +897,7 @@ const _sfc_main = defineComponent({
       }
     );
     return {
+      ownSlots,
       rootRef,
       tableRef,
       tableKey,
@@ -928,21 +930,21 @@ const _sfc_main = defineComponent({
       tableEmptyProps,
       isLayoutFixedHead,
       isLayoutMaximized,
-      onTableFilterChange,
-      onCellCheckedChange,
-      onCellExpandChange,
-      onCellClick,
-      onCellDblclick,
-      onCellContextmenu,
-      onCellMouseenter,
-      onCellMouseleave,
-      onHeaderCellClick,
-      onHeaderCellContextmenu,
-      onHeaderCellMouseenter,
-      onFooterCellMouseenter,
-      onExpandCellMouseenter,
-      onTableMouseleave,
-      onTableScroll,
+      handleTableFilterChange,
+      handleCellCheckedChange,
+      handleCellExpandChange,
+      handleCellClick,
+      handleCellDblclick,
+      handleCellContextmenu,
+      handleCellMouseenter,
+      handleCellMouseleave,
+      handleHeaderCellClick,
+      handleHeaderCellContextmenu,
+      handleHeaderCellMouseenter,
+      handleFooterCellMouseenter,
+      handleExpandCellMouseenter,
+      handleTableMouseleave,
+      handleTableScroll,
       updateWrapSize,
       updateTableData,
       updateSelectedAndChecked,
@@ -1006,12 +1008,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-small": _ctx.size === "small" },
       { "is-large": _ctx.size === "large" }
     ]),
-    onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.onTableMouseleave && _ctx.onTableMouseleave(...args))
+    onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleTableMouseleave && _ctx.handleTableMouseleave(...args))
   }, [
     _ctx.tableProps.width ? (openBlock(), createBlock(_component_ElTableV2, mergeProps({ key: 0 }, _ctx.tableProps, {
       key: _ctx.tableKey,
       ref: "tableRef",
-      onScroll: _ctx.onTableScroll
+      onScroll: _ctx.handleTableScroll
     }), createSlots({
       header: withCtx((headerProps) => [
         headerProps && _ctx.headerRows[headerProps.headerIndex] ? (openBlock(), createBlock(_component_HeaderRow, {
@@ -1030,13 +1032,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           headerEllipsis: true,
           rowHeight: _ctx.tableRowHeight,
           onCheckedChange: _cache[0] || (_cache[0] = ($event) => _ctx.toggleAllSelection()),
-          onFilterChange: _ctx.onTableFilterChange,
-          onCellClick: _ctx.onHeaderCellClick,
-          onCellContextmenu: _ctx.onHeaderCellContextmenu,
-          onCellMouseenter: _ctx.onHeaderCellMouseenter
+          onFilterChange: _ctx.handleTableFilterChange,
+          onCellClick: _ctx.handleHeaderCellClick,
+          onCellContextmenu: _ctx.handleHeaderCellContextmenu,
+          onCellMouseenter: _ctx.handleHeaderCellMouseenter
         }, createSlots({ _: 2 }, [
           renderList(Object.keys(_ctx.$slots).filter(
-            (k) => !["default", "empty", "append"].includes(k)
+            (k) => !_ctx.ownSlots.includes(k)
           ), (name) => {
             return {
               name,
@@ -1055,10 +1057,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             column: (_a = _ctx.tableExpandCol) == null ? void 0 : _a.originalCol,
             rowIndex: rowProps.rowData.rowIndex,
             rowData: rowProps.rowData.rowData,
-            onMouseenter: _ctx.onExpandCellMouseenter
+            onMouseenter: _ctx.handleExpandCellMouseenter
           }, createSlots({ _: 2 }, [
             renderList(Object.keys(_ctx.$slots).filter(
-              (k) => !["default", "empty", "append"].includes(k)
+              (k) => !_ctx.ownSlots.includes(k)
             ), (name) => {
               return {
                 name,
@@ -1090,16 +1092,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             indent: _ctx.indent,
             fixedCellHeight: _ctx.hasExpandCol,
             autoRowHeight: _ctx.autoRowHeight,
-            onCellCheckedChange: _ctx.onCellCheckedChange,
-            onCellExpandChange: _ctx.onCellExpandChange,
-            onCellClick: _ctx.onCellClick,
-            onCellDblclick: _ctx.onCellDblclick,
-            onCellContextmenu: _ctx.onCellContextmenu,
-            onCellMouseenter: _ctx.onCellMouseenter,
-            onCellMouseleave: _ctx.onCellMouseleave
+            onCellCheckedChange: _ctx.handleCellCheckedChange,
+            onCellExpandChange: _ctx.handleCellExpandChange,
+            onCellClick: _ctx.handleCellClick,
+            onCellDblclick: _ctx.handleCellDblclick,
+            onCellContextmenu: _ctx.handleCellContextmenu,
+            onCellMouseenter: _ctx.handleCellMouseenter,
+            onCellMouseleave: _ctx.handleCellMouseleave
           }, createSlots({ _: 2 }, [
             renderList(Object.keys(_ctx.$slots).filter(
-              (k) => !["default", "empty", "append"].includes(k)
+              (k) => !_ctx.ownSlots.includes(k)
             ), (name) => {
               return {
                 name,
@@ -1132,7 +1134,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             rowHeight: _ctx.tableRowHeight,
             sumText: _ctx.tableSumText,
             summaryMethod: _ctx.summaryMethod,
-            onMouseenter: _ctx.onFooterCellMouseenter
+            onMouseenter: _ctx.handleFooterCellMouseenter
           }, null, 8, ["bodyCols", "colSizes", "sumWidth", "tableData", "rowHeight", "sumText", "summaryMethod", "onMouseenter"])
         ]),
         key: "0"

package/es/ele-virtual-table/util.js

@@ -100,9 +100,9 @@ function analyseColumns(columns) {
     return { cols, rows };
   }
   const sortedCols = [...columns];
-  sortedCols.sort((a, b) => {
-    return getColFixedNumber(a.fixed) - getColFixedNumber(b.fixed);
-  });
+  sortedCols.sort(
+    (a, b) => getColFixedNumber(a.fixed) - getColFixedNumber(b.fixed)
+  );
   generateRowCols(sortedCols, cols, rows, 0);
   computeFixedCols(cols);
   rows.forEach((row, i) => {

package/es/ele-watermark/index.js

@@ -47,6 +47,7 @@ const _sfc_main = defineComponent({
         maxHeight: "none !important",
         zoom: "1 !important",
         mask: "none !important",
+        clipPath: "none !important",
         display: "block !important",
         ...props.customStyle || {}
       };

package/es/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/es/icons/MenuOutlined.js

@@ -0,0 +1,32 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+const _sfc_main = 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__ */ createElementVNode("path", { d: "M3 7H45" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", { d: "M3 24H44" }, null, -1);
+const _hoisted_4 = /* @__PURE__ */ 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 openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
+}
+const MenuOutlined = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  MenuOutlined as default
+};

package/es/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/es/icons/index.js

@@ -65,47 +65,48 @@ import { default as default65 } from "./LogOutlined";
 import { default as default66 } from "./MailOutlined";
 import { default as default67 } from "./LogoutOutlined";
 import { default as default68 } from "./MenuFoldOutlined";
-import { default as default69 } from "./MenuUnfoldOutlined";
-import { default as default70 } from "./MessageOutlined";
-import { default as default71 } from "./MinusCircleOutlined";
-import { default as default72 } from "./MobileOutlined";
-import { default as default73 } from "./MoonOutlined";
-import { default as default74 } from "./MoreOutlined";
-import { default as default75 } from "./PauseFilled";
-import { default as default76 } from "./PieChartOutlined";
-import { default as default77 } from "./PlayFilled";
-import { default as default78 } from "./PlusCircleOutlined";
-import { default as default79 } from "./PlusOutlined";
-import { default as default80 } from "./PrinterOutlined";
-import { default as default81 } from "./ProtectOutlined";
-import { default as default82 } from "./QuestionCircleFilled";
-import { default as default83 } from "./QuestionCircleOutlined";
-import { default as default84 } from "./ReloadOutlined";
-import { default as default85 } from "./ResizeOutlined";
-import { default as default86 } from "./SearchOutlined";
-import { default as default87 } from "./SettingOutlined";
-import { default as default88 } from "./ShoppingOutlined";
-import { default as default89 } from "./SortOutlined";
-import { default as default90 } from "./StarFilled";
-import { default as default91 } from "./StepBackwardFilled";
-import { default as default92 } from "./StepForwardFilled";
-import { default as default93 } from "./SuitcaseOutlined";
-import { default as default94 } from "./SunOutlined";
-import { default as default95 } from "./SwapOutlined";
-import { default as default96 } from "./SyncOutlined";
-import { default as default97 } from "./TableOutlined";
-import { default as default98 } from "./TagOutlined";
-import { default as default99 } from "./TimerOutlined";
-import { default as default100 } from "./UndoOutlined";
-import { default as default101 } from "./UnlockOutlined";
-import { default as default102 } from "./UploadOutlined";
-import { default as default103 } from "./UserOutlined";
-import { default as default104 } from "./VerticalAlignMiddleOutlined";
-import { default as default105 } from "./VerticalLeftOutlined";
-import { default as default106 } from "./VerticalRightOutlined";
-import { default as default107 } from "./WarningOutlined";
-import { default as default108 } from "./ZoomInOutlined";
-import { default as default109 } from "./ZoomOutOutlined";
+import { default as default69 } from "./MenuOutlined";
+import { default as default70 } from "./MenuUnfoldOutlined";
+import { default as default71 } from "./MessageOutlined";
+import { default as default72 } from "./MinusCircleOutlined";
+import { default as default73 } from "./MobileOutlined";
+import { default as default74 } from "./MoonOutlined";
+import { default as default75 } from "./MoreOutlined";
+import { default as default76 } from "./PauseFilled";
+import { default as default77 } from "./PieChartOutlined";
+import { default as default78 } from "./PlayFilled";
+import { default as default79 } from "./PlusCircleOutlined";
+import { default as default80 } from "./PlusOutlined";
+import { default as default81 } from "./PrinterOutlined";
+import { default as default82 } from "./ProtectOutlined";
+import { default as default83 } from "./QuestionCircleFilled";
+import { default as default84 } from "./QuestionCircleOutlined";
+import { default as default85 } from "./ReloadOutlined";
+import { default as default86 } from "./ResizeOutlined";
+import { default as default87 } from "./SearchOutlined";
+import { default as default88 } from "./SettingOutlined";
+import { default as default89 } from "./ShoppingOutlined";
+import { default as default90 } from "./SortOutlined";
+import { default as default91 } from "./StarFilled";
+import { default as default92 } from "./StepBackwardFilled";
+import { default as default93 } from "./StepForwardFilled";
+import { default as default94 } from "./SuitcaseOutlined";
+import { default as default95 } from "./SunOutlined";
+import { default as default96 } from "./SwapOutlined";
+import { default as default97 } from "./SyncOutlined";
+import { default as default98 } from "./TableOutlined";
+import { default as default99 } from "./TagOutlined";
+import { default as default100 } from "./TimerOutlined";
+import { default as default101 } from "./UndoOutlined";
+import { default as default102 } from "./UnlockOutlined";
+import { default as default103 } from "./UploadOutlined";
+import { default as default104 } from "./UserOutlined";
+import { default as default105 } from "./VerticalAlignMiddleOutlined";
+import { default as default106 } from "./VerticalLeftOutlined";
+import { default as default107 } from "./VerticalRightOutlined";
+import { default as default108 } from "./WarningOutlined";
+import { default as default109 } from "./ZoomInOutlined";
+import { default as default110 } from "./ZoomOutOutlined";
 export {
   default2 as AnalysisOutlined,
   default3 as ApplicationOutlined,
@@ -174,45 +175,46 @@ export {
   default67 as LogoutOutlined,
   default66 as MailOutlined,
   default68 as MenuFoldOutlined,
-  default69 as MenuUnfoldOutlined,
-  default70 as MessageOutlined,
-  default71 as MinusCircleOutlined,
-  default72 as MobileOutlined,
-  default73 as MoonOutlined,
-  default74 as MoreOutlined,
-  default75 as PauseFilled,
-  default76 as PieChartOutlined,
-  default77 as PlayFilled,
-  default78 as PlusCircleOutlined,
-  default79 as PlusOutlined,
-  default80 as PrinterOutlined,
-  default81 as ProtectOutlined,
-  default82 as QuestionCircleFilled,
-  default83 as QuestionCircleOutlined,
-  default84 as ReloadOutlined,
-  default85 as ResizeOutlined,
-  default86 as SearchOutlined,
-  default87 as SettingOutlined,
-  default88 as ShoppingOutlined,
-  default89 as SortOutlined,
-  default90 as StarFilled,
-  default91 as StepBackwardFilled,
-  default92 as StepForwardFilled,
-  default93 as SuitcaseOutlined,
-  default94 as SunOutlined,
-  default95 as SwapOutlined,
-  default96 as SyncOutlined,
-  default97 as TableOutlined,
-  default98 as TagOutlined,
-  default99 as TimerOutlined,
-  default100 as UndoOutlined,
-  default101 as UnlockOutlined,
-  default102 as UploadOutlined,
-  default103 as UserOutlined,
-  default104 as VerticalAlignMiddleOutlined,
-  default105 as VerticalLeftOutlined,
-  default106 as VerticalRightOutlined,
-  default107 as WarningOutlined,
-  default108 as ZoomInOutlined,
-  default109 as ZoomOutOutlined
+  default69 as MenuOutlined,
+  default70 as MenuUnfoldOutlined,
+  default71 as MessageOutlined,
+  default72 as MinusCircleOutlined,
+  default73 as MobileOutlined,
+  default74 as MoonOutlined,
+  default75 as MoreOutlined,
+  default76 as PauseFilled,
+  default77 as PieChartOutlined,
+  default78 as PlayFilled,
+  default79 as PlusCircleOutlined,
+  default80 as PlusOutlined,
+  default81 as PrinterOutlined,
+  default82 as ProtectOutlined,
+  default83 as QuestionCircleFilled,
+  default84 as QuestionCircleOutlined,
+  default85 as ReloadOutlined,
+  default86 as ResizeOutlined,
+  default87 as SearchOutlined,
+  default88 as SettingOutlined,
+  default89 as ShoppingOutlined,
+  default90 as SortOutlined,
+  default91 as StarFilled,
+  default92 as StepBackwardFilled,
+  default93 as StepForwardFilled,
+  default94 as SuitcaseOutlined,
+  default95 as SunOutlined,
+  default96 as SwapOutlined,
+  default97 as SyncOutlined,
+  default98 as TableOutlined,
+  default99 as TagOutlined,
+  default100 as TimerOutlined,
+  default101 as UndoOutlined,
+  default102 as UnlockOutlined,
+  default103 as UploadOutlined,
+  default104 as UserOutlined,
+  default105 as VerticalAlignMiddleOutlined,
+  default106 as VerticalLeftOutlined,
+  default107 as VerticalRightOutlined,
+  default108 as WarningOutlined,
+  default109 as ZoomInOutlined,
+  default110 as ZoomOutOutlined
 };

package/es/style/themes/default.scss

@@ -860,7 +860,7 @@ $ele: map.deep-merge(
       'width': 380px,
       'radius': elVar('border-radius', 'base'),
       'header-color': elVar('text-color', 'primary'),
-      'header-font-size': elVar('font-size', 'large'),
+      'header-font-size': elVar('font-size', 'medium'),
       'header-font-weight': normal,
       'header-line-height': 24px,
       'header-padding': 18px 20px 8px 20px,
@@ -872,7 +872,7 @@ $ele: map.deep-merge(
       'icon-hover-bg': transparent,
       'icon-radius': elVar('border-radius', 'small'),
       'body-padding': 12px 20px,
-      'status-size': 24px,
+      'status-size': 22px,
       'input-margin': 8px 0 6px 0,
       'footer-padding': 8px 20px 18px 20px,
       'footer-border': none,
@@ -1170,20 +1170,20 @@ $ele: map.deep-merge(
       // 时间选择器
       'width': 180px,
       'height': 220px,
-      'padding': 8px 0,
+      'padding': 8px 4px,
       'item-size': elVar('font-size', 'base'),
       'item-color': elVar('text-color', 'regular'),
-      'item-height': 32px,
-      'item-radius': 0,
+      'item-height': 28px,
+      'item-radius': 14px,
       'item-hover-bg': elVar('fill-color', 'light'),
       'item-hover-color': elVar('text-color', 'primary'),
-      'item-active-bg': transparent,
+      'item-active-bg': elVar('color-primary', 'light-9'),
       'item-active-color': elVar('color-primary'),
       'item-disabled-color': elVar('disabled', 'text-color'),
       'item-disabled-bg': transparent,
       'line': 1px solid elVar('border-color', 'light'),
-      'line-padding': 0px,
-      'line-margin': 8px,
+      'line-padding': 3px,
+      'line-margin': 4px,
       'arrow-color': elVar('text-color', 'secondary'),
       'arrow-size': elVar('font-size', 'base'),
       'footer-padding': 6px 10px,

package/es/style/themes/rounded.scss

@@ -206,7 +206,6 @@ $ele-rounded: map.deep-merge(
     ),
     'message-box': (
       'radius': $radius-large,
-      'header-font-size': elVar('font-size', 'medium'),
       'header-font-weight': bold,
       'icon-hover-bg': elVar('fill-color', 'light')
     ),
@@ -250,12 +249,7 @@ $ele-rounded: map.deep-merge(
       'shortcut-radius': elVar('border-radius', 'small')
     ),
     'timepicker': (
-      'padding': 8px 4px,
-      'item-height': 28px,
-      'item-radius': elVar('border-radius', 'small'),
-      'item-active-bg': elVar('color-primary', 'light-9'),
-      'line-padding': 3px,
-      'line-margin': 4px
+      'item-radius': elVar('border-radius', 'small')
     )
   ),
   $ele-rounded

package/es/utils/core.d.ts

@@ -29,6 +29,7 @@ export declare function toTree<T>(option: ToTreeOption<T>): T[];
  * @param data 数据
  * @param callback 回调
  * @param childrenField children 字段名
+ * @param parent 当前的父级
  */
 export declare function eachTree<T>(data?: T[], callback?: (item: T, index: number, parent?: T) => void | boolean, childrenField?: string, parent?: T): void;
 /**
@@ -37,6 +38,7 @@ export declare function eachTree<T>(data?: T[], callback?: (item: T, index: numb
  * @param formatter 格式器
  * @param childrenField children 字段名
  * @param resultChildrenField 返回后的 children 字段名
+ * @param parent 当前的父级
  */
 export declare function mapTree<T, K>(data: T[] | undefined | null, formatter: (item: T, index?: number, parent?: K) => K | void | undefined, childrenField?: string, resultChildrenField?: string, parent?: K): K[];
 /**
@@ -90,6 +92,7 @@ export declare function getCurrentStyle(el: Element): CSSStyleDeclaration;
 /**
  * 判断元素内容是否溢出省略
  * @param el 元素节点
+ * @param direction 只判断单个方向是否溢出
  */
 export declare function contentIsEllipsis(el: HTMLElement, direction?: 'horizontal' | 'vertical'): boolean;
 /**
@@ -124,7 +127,10 @@ export declare function bd09ToGcj02(point: Point): Point;
  * @param point 坐标
  */
 export declare function gcj02ToBd09(point: Point): Point;
-/** 复制字符串 */
+/**
+ * 复制字符串
+ * @param text 字符串
+ */
 export declare function copyText(text: string): Promise<undefined>;
 /**
  * 根据字段路径获取值

package/es/utils/message-box.js

@@ -1,7 +1,8 @@
-import { getCurrentInstance, onActivated, onDeactivated } from "vue";
+import { getCurrentInstance, onActivated, onDeactivated, onBeforeUnmount, h } from "vue";
 import { ElMessageBox } from "element-plus";
 import { useGlobalProps } from "../ele-config-provider/receiver";
 import { useLayoutState } from "../ele-pro-layout/util";
+import MessageBoxIcon from "../ele-app/components/message-box-icon";
 import { omit } from "./core";
 function getWrapEl(bodyEl) {
   const parent = bodyEl || document.body;
@@ -16,7 +17,8 @@ function useMessageBox(globalOpt) {
   const layoutState = useLayoutState();
   const globalProps = useGlobalProps("messageBox");
   const appContext = (_b = (_a = getCurrentInstance) == null ? void 0 : _a()) == 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";
   onActivated(() => {
     state.isActivated = true;
@@ -26,7 +28,15 @@ function useMessageBox(globalOpt) {
     state.isActivated = false;
     state.wrapEl && state.wrapEl.classList.add(hideClass);
   });
+  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 || {},
@@ -41,6 +51,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 = 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 omit(opt, ["inner"]);
   };
   const messageBox = function(options) {