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

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

@@ -10,6 +10,7 @@ const BodyRow = require("./components/body-row");
 const ExpandRow = require("./components/expand-row");
 const FooterRow = require("./components/footer-row");
 const props = require("./props");
+const ownSlots = ["default", "empty", "append"];
 const _sfc_main = vue.defineComponent({
   name: "EleVirtualTable",
   components: {
@@ -266,20 +267,20 @@ const _sfc_main = vue.defineComponent({
       tableTooltipProps.visible = false;
       tableTooltipProps.disabled = true;
     };
-    const onTableFilterChange = (params) => {
+    const handleTableFilterChange = (params) => {
       const key = util$1.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 = util$1.transformTableData(
           children,
@@ -306,7 +307,7 @@ const _sfc_main = vue.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;
@@ -331,26 +332,26 @@ const _sfc_main = vue.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 = util$1.getSortBy(sortBy.value, col);
         events.onSortChange({
@@ -361,22 +362,22 @@ const _sfc_main = vue.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) {
@@ -897,6 +898,7 @@ const _sfc_main = vue.defineComponent({
       }
     );
     return {
+      ownSlots,
       rootRef,
       tableRef,
       tableKey,
@@ -929,21 +931,21 @@ const _sfc_main = vue.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,
@@ -1007,12 +1009,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 ? (vue.openBlock(), vue.createBlock(_component_ElTableV2, vue.mergeProps({ key: 0 }, _ctx.tableProps, {
       key: _ctx.tableKey,
       ref: "tableRef",
-      onScroll: _ctx.onTableScroll
+      onScroll: _ctx.handleTableScroll
     }), vue.createSlots({
       header: vue.withCtx((headerProps) => [
         headerProps && _ctx.headerRows[headerProps.headerIndex] ? (vue.openBlock(), vue.createBlock(_component_HeaderRow, {
@@ -1031,13 +1033,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
         }, vue.createSlots({ _: 2 }, [
           vue.renderList(Object.keys(_ctx.$slots).filter(
-            (k) => !["default", "empty", "append"].includes(k)
+            (k) => !_ctx.ownSlots.includes(k)
           ), (name) => {
             return {
               name,
@@ -1056,10 +1058,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
           }, vue.createSlots({ _: 2 }, [
             vue.renderList(Object.keys(_ctx.$slots).filter(
-              (k) => !["default", "empty", "append"].includes(k)
+              (k) => !_ctx.ownSlots.includes(k)
             ), (name) => {
               return {
                 name,
@@ -1091,16 +1093,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
           }, vue.createSlots({ _: 2 }, [
             vue.renderList(Object.keys(_ctx.$slots).filter(
-              (k) => !["default", "empty", "append"].includes(k)
+              (k) => !_ctx.ownSlots.includes(k)
             ), (name) => {
               return {
                 name,
@@ -1133,7 +1135,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/lib/ele-virtual-table/index.d.ts

@@ -52,7 +52,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     fit: {
         type: BooleanConstructor;
-        default: boolean; /** 表格是否有展开列 */
+        default: boolean;
     };
     width: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
@@ -109,7 +109,7 @@ declare const _default: import('vue').DefineComponent<{
     treeProps: {
         type: import('vue').PropType<{
             hasChildren?: string | undefined;
-            children?: string | undefined;
+            children?: string | undefined; /** 是否钉住左侧固定列 */
         } | undefined>;
         default: () => {
             hasChildren: string;
@@ -125,6 +125,7 @@ declare const _default: import('vue').DefineComponent<{
     flexible: BooleanConstructor;
     showOverflowTooltip: import('vue').PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
 }, {
+    ownSlots: string[];
     rootRef: Ref<HTMLElement | null>;
     tableRef: Ref<ElTableV2Instance>;
     tableKey: Ref<number>;
@@ -157,21 +158,21 @@ declare const _default: import('vue').DefineComponent<{
     tableEmptyProps: import('vue').ComputedRef<import('../ele-app/el').ElEmptyProps>;
     isLayoutFixedHead: import('vue').ComputedRef<boolean | undefined>;
     isLayoutMaximized: import('vue').ComputedRef<boolean | undefined>;
-    onTableFilterChange: (params: CellFilterChangeParams) => void;
-    onCellCheckedChange: (row: VirtualRow, checked: boolean) => void;
-    onCellExpandChange: (row: VirtualRow, expanded: boolean, children?: DataItem[]) => void;
-    onCellClick: (row: VirtualRow, col: Column, e: MouseEvent) => void;
-    onCellDblclick: (row: VirtualRow, col: Column, e: MouseEvent) => void;
-    onCellContextmenu: (row: VirtualRow, col: Column, e: MouseEvent) => void;
-    onCellMouseenter: (row: VirtualRow, col: Column, e: MouseEvent) => void;
-    onCellMouseleave: (row: VirtualRow, col: Column, e: MouseEvent) => void;
-    onHeaderCellClick: (col: Column | undefined, e: MouseEvent) => void;
-    onHeaderCellContextmenu: (col: Column, e: MouseEvent) => void;
-    onHeaderCellMouseenter: () => void;
-    onFooterCellMouseenter: (e: MouseEvent) => void;
-    onExpandCellMouseenter: () => void;
-    onTableMouseleave: () => void;
-    onTableScroll: (option: ScrollPos) => void;
+    handleTableFilterChange: (params: CellFilterChangeParams) => void;
+    handleCellCheckedChange: (row: VirtualRow, checked: boolean) => void;
+    handleCellExpandChange: (row: VirtualRow, expanded: boolean, children?: DataItem[]) => void;
+    handleCellClick: (row: VirtualRow, col: Column, e: MouseEvent) => void;
+    handleCellDblclick: (row: VirtualRow, col: Column, e: MouseEvent) => void;
+    handleCellContextmenu: (row: VirtualRow, col: Column, e: MouseEvent) => void;
+    handleCellMouseenter: (row: VirtualRow, col: Column, e: MouseEvent) => void;
+    handleCellMouseleave: (row: VirtualRow, col: Column, e: MouseEvent) => void;
+    handleHeaderCellClick: (col: Column | undefined, e: MouseEvent) => void;
+    handleHeaderCellContextmenu: (col: Column, e: MouseEvent) => void;
+    handleHeaderCellMouseenter: () => void;
+    handleFooterCellMouseenter: (e: MouseEvent) => void;
+    handleExpandCellMouseenter: () => void;
+    handleTableMouseleave: () => void;
+    handleTableScroll: (option: ScrollPos) => void;
     updateWrapSize: () => void;
     updateTableData: () => void;
     updateSelectedAndChecked: () => void;
@@ -208,11 +209,12 @@ declare const _default: import('vue').DefineComponent<{
     rowContextmenu: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
     rowDblclick: (_row: DataItem, _column: Column, _e: MouseEvent) => boolean;
     headerClick: (_column: Column, _e: MouseEvent) => boolean;
-    headerContextmenu: (_column: Column, _e: MouseEvent) => boolean; /** 表格组件 */
+    headerContextmenu: (_column: Column, _e: MouseEvent) => boolean;
     sortChange: (_sorter: import('../ele-data-table/types').Sorter) => boolean;
     filterChange: (_filter: Filter) => boolean;
     currentChange: (_current?: DataItem | null | undefined, _old?: DataItem | null | undefined) => boolean;
     headerDragend: (_width: number, _old: number, _column: Column, _e: MouseEvent) => boolean;
+    /** 主体区域列 */
     expandChange: (_row: DataItem, _expanded: boolean) => boolean;
     'update:currentRowKey': (_currentRowKey?: DataKey | undefined) => boolean;
     'update:selectedRowKeys': (_selectedRowKeys?: DataKey[] | undefined) => boolean;
@@ -265,7 +267,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     fit: {
         type: BooleanConstructor;
-        default: boolean; /** 表格是否有展开列 */
+        default: boolean;
     };
     width: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
@@ -322,7 +324,7 @@ declare const _default: import('vue').DefineComponent<{
     treeProps: {
         type: import('vue').PropType<{
             hasChildren?: string | undefined;
-            children?: string | undefined;
+            children?: string | undefined; /** 是否钉住左侧固定列 */
         } | undefined>;
         default: () => {
             hasChildren: string;
@@ -373,7 +375,7 @@ declare const _default: import('vue').DefineComponent<{
     indent: number;
     treeProps: {
         hasChildren?: string | undefined;
-        children?: string | undefined;
+        children?: string | undefined; /** 是否钉住左侧固定列 */
     } | undefined;
     tableLayout: "auto" | "fixed";
     scrollbarAlwaysOn: boolean;

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

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

package/lib/ele-watermark/index.cjs

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

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/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/lib/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/lib/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/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) {