ele-admin-plus 1.2.1-beta.1 → 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/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/lib/ele-admin-layout/index.d.ts

@@ -3,7 +3,10 @@ import { MenuItem } from '../ele-menus/types';
 import { TabPaneItem, TabEventOption } from '../ele-tabs/types';
 
 declare const _default: import('vue').DefineComponent<{
-    height: (StringConstructor | NumberConstructor)[];
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
     headerMenus: import('vue').PropType<MenuItem[]>;
     headerActive: StringConstructor;
     sidebarMenus: import('vue').PropType<MenuItem[]>;
@@ -28,6 +31,7 @@ declare const _default: import('vue').DefineComponent<{
     sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
+        /** 是否禁用过渡动画 */
         default: string;
     };
     fixedHeader: BooleanConstructor;
@@ -42,8 +46,8 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     headerTitleSlot: {
         type: StringConstructor;
-        default: string;
-    };
+        default: string; /** 是否仅侧栏导航布局 */
+    }; /** 是否仅侧栏导航布局 */
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -56,13 +60,13 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    /** 是否双侧栏布局 */
     sideboxTitleSlot: {
         type: StringConstructor;
         default: string;
     };
     sideboxIconSlot: {
         type: StringConstructor;
+        /** 是否是移动端风格 */
         default: string;
     };
     headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
@@ -81,7 +85,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    mobile: BooleanConstructor;
+    mobile: BooleanConstructor; /** 是否是暗色侧栏 */
 }, {
     ownSlots: string[];
     tabSlots: string[];
@@ -161,7 +165,10 @@ declare const _default: import('vue').DefineComponent<{
     tabSortChange: (_data: TabPaneItem[]) => boolean;
     contentMounted: (_contentEl: HTMLElement, _modalsEl: HTMLElement) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    height: (StringConstructor | NumberConstructor)[];
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
     headerMenus: import('vue').PropType<MenuItem[]>;
     headerActive: StringConstructor;
     sidebarMenus: import('vue').PropType<MenuItem[]>;
@@ -186,6 +193,7 @@ declare const _default: import('vue').DefineComponent<{
     sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
+        /** 是否禁用过渡动画 */
         default: string;
     };
     fixedHeader: BooleanConstructor;
@@ -200,8 +208,8 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     headerTitleSlot: {
         type: StringConstructor;
-        default: string;
-    };
+        default: string; /** 是否仅侧栏导航布局 */
+    }; /** 是否仅侧栏导航布局 */
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -214,13 +222,13 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    /** 是否双侧栏布局 */
     sideboxTitleSlot: {
         type: StringConstructor;
         default: string;
     };
     sideboxIconSlot: {
         type: StringConstructor;
+        /** 是否是移动端风格 */
         default: string;
     };
     headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
@@ -239,7 +247,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    mobile: BooleanConstructor;
+    mobile: BooleanConstructor; /** 是否是暗色侧栏 */
 }>> & {
     onTabClick?: ((_option: TabEventOption) => any) | undefined;
     onTabRemove?: ((_name: string) => any) | undefined;
@@ -266,6 +274,7 @@ declare const _default: import('vue').DefineComponent<{
     onSideMouseleave?: ((_e: MouseEvent) => any) | undefined;
     onContentMounted?: ((_contentEl: HTMLElement, _modalsEl: HTMLElement) => any) | undefined;
 }, {
+    height: string | number;
     collapse: boolean;
     compact: boolean;
     tabStyle: import('./types').TabStyle;

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

@@ -2,7 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const adminLayoutProps = {
   /** 高度 */
-  height: [String, Number],
+  height: {
+    type: [String, Number],
+    default: "100%"
+  },
   /** 顶栏菜单数据 */
   headerMenus: Array,
   /** 顶栏菜单选中 */

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

@@ -10,7 +10,10 @@ import { Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, TabBar, Max
  */
 export declare const adminLayoutProps: {
     /** 高度 */
-    height: (StringConstructor | NumberConstructor)[];
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
     /** 顶栏菜单数据 */
     headerMenus: PropType<MenuItem[]>;
     /** 顶栏菜单选中 */

package/lib/ele-admin-layout/style/index.scss

@@ -14,7 +14,8 @@
   background: eleVar('layout', 'bg');
   box-sizing: border-box;
   position: relative;
-  min-height: 100%;
+  min-height: 100vh;
+  min-height: 100dvh;
 
   & > .ele-admin-header {
     z-index: calc(#{eleVar('layout', 'index')} + 4);
@@ -103,7 +104,11 @@
 
 .ele-admin-layout {
   /* 固定主体 */
-  &.is-fixed-body,
+  &.is-fixed-body {
+    height: 100vh;
+    height: 100dvh;
+  }
+
   &.is-fixed-body > .ele-admin-main,
   &.is-fixed-body > .ele-admin-main > .ele-admin-body,
   &.is-fixed-body > .ele-admin-main > .ele-admin-side,

package/lib/ele-admin-layout/style/sidebar.scss

@@ -139,6 +139,8 @@
   position: sticky;
   left: 0;
   top: 0;
+  height: 100vh;
+  height: 100dvh;
 }
 
 .ele-admin-side.show-placeholder {

package/lib/ele-alert/index.cjs

@@ -20,7 +20,7 @@ const _sfc_main = vue.defineComponent({
     const isRich = vue.computed(() => {
       return !!props2.description || !!slots.default;
     });
-    const onClose = (e) => {
+    const handleClose = (e) => {
       if (!visible.value || !props2.closable) {
         return;
       }
@@ -32,7 +32,7 @@ const _sfc_main = vue.defineComponent({
         visible.value = true;
       }
     };
-    return { visible, isRich, onClose, open };
+    return { visible, isRich, handleClose, open };
   }
 });
 const _export_sfc = (sfc, props2) => {
@@ -106,7 +106,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 1,
           class: "ele-alert-close",
           style: vue.normalizeStyle(_ctx.closeIconStyle),
-          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
         }, [
           vue.renderSlot(_ctx.$slots, "closeIcon", {}, () => [
             _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.closeText), 1)) : (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.closeIconProps || {})), {

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

@@ -24,7 +24,7 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     visible: import('vue').Ref<boolean>;
     isRich: import('vue').ComputedRef<boolean>;
-    onClose: (e: MouseEvent) => void;
+    handleClose: (e: MouseEvent) => void;
     open: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (_e: MouseEvent) => boolean;

package/lib/ele-app/components/message-body.cjs

@@ -37,7 +37,7 @@ const _sfc_main = vue.defineComponent({
     vue.onBeforeUnmount(() => {
       emit("messageDestroy", props.messageId);
     });
-    return { onClose: () => emit("close") };
+    return { handleClose: () => emit("close") };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -82,7 +82,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
       class: "ele-message-close",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClose && _ctx.onClose(...args))
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
     }, [
       vue.createVNode(_component_ElIcon, null, {
         default: vue.withCtx(() => [

package/lib/ele-app/components/message-body.d.ts

@@ -16,7 +16,7 @@ declare const _default: import('vue').DefineComponent<{
     /** 标识id */
     messageId: StringConstructor;
 }, {
-    onClose: () => void;
+    handleClose: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => true;
     messageDestroy: (_messageId?: string) => true;

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

@@ -23,6 +23,7 @@ import type { TableProps } from '../ele-table/props';
 import type EleTabs from '../ele-tabs/index';
 import type EleText from '../ele-text/index';
 import type { TextProps } from '../ele-text/props';
+import type EleTool from '../ele-tool/index';
 import type { ToolProps } from '../ele-tool/props';
 import type { ToolbarProps } from '../ele-toolbar/props';
 import type EleTooltip from '../ele-tooltip/index';
@@ -137,6 +138,8 @@ export type EleTextProps = ComponentProps<TextProps>;
 /**
  * EleTool
  */
+export type EleToolInstance = InstanceType<typeof EleTool> | null;
+
 export type EleToolProps = Partial<ToolProps>;
 
 /**