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

package/es/ele-virtual-table/components/header-cell.js

@@ -168,19 +168,19 @@ const _sfc_main = defineComponent({
       }
       return {};
     });
-    const onCheckedChange = (checked) => {
+    const handleCheckedChange = (checked) => {
       emit("checkedChange", checked);
     };
-    const onFilterChange = (value) => {
+    const handleFilterChange = (value) => {
       emit("filterChange", { column: originalCol.value, value });
     };
-    const onClick = (e) => {
+    const handleClick = (e) => {
       emit("click", originalCol.value, e);
     };
-    const onContextmenu = (e) => {
+    const handleContextmenu = (e) => {
       emit("contextmenu", originalCol.value, e);
     };
-    const onMouseenter = (e) => {
+    const handleMouseenter = (e) => {
       emit("mouseenter", originalCol.value, e);
     };
     return {
@@ -189,11 +189,11 @@ const _sfc_main = defineComponent({
       cellStyle,
       cellTitle,
       renderOpt,
-      onCheckedChange,
-      onFilterChange,
-      onClick,
-      onContextmenu,
-      onMouseenter
+      handleCheckedChange,
+      handleFilterChange,
+      handleClick,
+      handleContextmenu,
+      handleMouseenter
     };
   }
 });
@@ -220,9 +220,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.cellClass),
     style: normalizeStyle(_ctx.cellStyle),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
-    onContextmenu: _cache[1] || (_cache[1] = (...args) => _ctx.onContextmenu && _ctx.onContextmenu(...args)),
-    onMouseenter: _cache[2] || (_cache[2] = (...args) => _ctx.onMouseenter && _ctx.onMouseenter(...args))
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+    onContextmenu: _cache[1] || (_cache[1] = (...args) => _ctx.handleContextmenu && _ctx.handleContextmenu(...args)),
+    onMouseenter: _cache[2] || (_cache[2] = (...args) => _ctx.handleMouseenter && _ctx.handleMouseenter(...args))
   }, [
     _ctx.originalCol ? (openBlock(), createElementBlock("div", _hoisted_1, [
       createElementVNode("div", {
@@ -235,7 +235,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           indeterminate: _ctx.isIndeterminate,
           disabled: _ctx.disabledCheckbox,
           size: _ctx.tableSize,
-          onChange: _ctx.onCheckedChange
+          onChange: _ctx.handleCheckedChange
         }, null, 8, ["checked", "indeterminate", "disabled", "size", "onChange"])) : (openBlock(), createBlock(_component_CellRender, normalizeProps(mergeProps({ key: 1 }, _ctx.renderOpt)), {
           default: withCtx(() => [
             createTextVNode(toDisplayString(_ctx.cellTitle), 1)
@@ -250,7 +250,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         filterMultiple: _ctx.originalCol.filterMultiple,
         filters: _ctx.originalCol.filters,
         filterPlacement: _ctx.originalCol.filterPlacement,
-        onChange: _ctx.onFilterChange
+        onChange: _ctx.handleFilterChange
       }, null, 8, ["filtered", "filterMultiple", "filters", "filterPlacement", "onChange"])) : createCommentVNode("", true)
     ])) : createCommentVNode("", true)
   ], 38);

package/es/ele-virtual-table/components/header-row.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { Column, Filter } from '../../ele-data-table/types';
+import { Column, Filter, TableSize, HeaderCellClass, HeaderCellStyle } from '../../ele-data-table/types';
 import { VirtualColumn, HeaderColumns, SortBy, CellFilterChangeParams, ColSize } from '../types';
 
 declare const _default: import('vue').DefineComponent<{
@@ -20,11 +20,11 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否禁用表头选择框 */
     disabledCheckbox: BooleanConstructor;
     /** 表格尺寸 */
-    tableSize: PropType<"" | "default" | "small" | "large" | undefined>;
+    tableSize: PropType<TableSize>;
     /** 表头单元格类名自定义 */
-    headerCellClass: PropType<import('element-plus').CellCls<import('../../ele-data-table/types').DataItem> | undefined>;
+    headerCellClass: PropType<HeaderCellClass>;
     /** 表头单元样式自定义 */
-    headerCellStyle: PropType<import('element-plus').CellStyle<import('../../ele-data-table/types').DataItem> | undefined>;
+    headerCellStyle: PropType<HeaderCellStyle>;
     /** 表头单元格是否溢出省略 */
     headerEllipsis: BooleanConstructor;
     /** 表格行高 */
@@ -32,11 +32,11 @@ declare const _default: import('vue').DefineComponent<{
 }, {
     getKey: (column: VirtualColumn, columnIndex: number) => string;
     getFiltered: (column: VirtualColumn) => import('../../ele-data-table/types').FilterValue;
-    onCellCheckedChange: (checked: boolean) => void;
-    onCellFilterChange: (params: CellFilterChangeParams) => void;
-    onCellClick: (col: Column, e: MouseEvent) => void;
-    onCellContextmenu: (col: Column, e: MouseEvent) => void;
-    onCellMouseenter: (col: Column, e: MouseEvent) => void;
+    handleCellCheckedChange: (checked: boolean) => void;
+    handleCellFilterChange: (params: CellFilterChangeParams) => void;
+    handleCellClick: (col: Column, e: MouseEvent) => void;
+    handleCellContextmenu: (col: Column, e: MouseEvent) => void;
+    handleCellMouseenter: (col: Column, e: MouseEvent) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     /** 多选框选中改变事件 */
     checkedChange: (_checked: boolean) => true;
@@ -66,11 +66,11 @@ declare const _default: import('vue').DefineComponent<{
     /** 是否禁用表头选择框 */
     disabledCheckbox: BooleanConstructor;
     /** 表格尺寸 */
-    tableSize: PropType<"" | "default" | "small" | "large" | undefined>;
+    tableSize: PropType<TableSize>;
     /** 表头单元格类名自定义 */
-    headerCellClass: PropType<import('element-plus').CellCls<import('../../ele-data-table/types').DataItem> | undefined>;
+    headerCellClass: PropType<HeaderCellClass>;
     /** 表头单元样式自定义 */
-    headerCellStyle: PropType<import('element-plus').CellStyle<import('../../ele-data-table/types').DataItem> | undefined>;
+    headerCellStyle: PropType<HeaderCellStyle>;
     /** 表头单元格是否溢出省略 */
     headerEllipsis: BooleanConstructor;
     /** 表格行高 */

package/es/ele-virtual-table/components/header-row.js

@@ -51,29 +51,29 @@ const _sfc_main = defineComponent({
     const getFiltered = (column) => {
       return getColFiltered(column.originalCol, props.filtered);
     };
-    const onCellCheckedChange = (checked) => {
+    const handleCellCheckedChange = (checked) => {
       emit("checkedChange", checked);
     };
-    const onCellFilterChange = (params) => {
+    const handleCellFilterChange = (params) => {
       emit("filterChange", params);
     };
-    const onCellClick = (col, e) => {
+    const handleCellClick = (col, e) => {
       emit("cellClick", col, e);
     };
-    const onCellContextmenu = (col, e) => {
+    const handleCellContextmenu = (col, e) => {
       emit("cellContextmenu", col, e);
     };
-    const onCellMouseenter = (col, e) => {
+    const handleCellMouseenter = (col, e) => {
       emit("cellMouseenter", col, e);
     };
     return {
       getKey,
       getFiltered,
-      onCellCheckedChange,
-      onCellFilterChange,
-      onCellClick,
-      onCellContextmenu,
-      onCellMouseenter
+      handleCellCheckedChange,
+      handleCellFilterChange,
+      handleCellClick,
+      handleCellContextmenu,
+      handleCellMouseenter
     };
   }
 });
@@ -103,11 +103,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       headerCellStyle: _ctx.headerCellStyle,
       headerEllipsis: _ctx.headerEllipsis,
       rowHeight: _ctx.rowHeight,
-      onCheckedChange: _ctx.onCellCheckedChange,
-      onFilterChange: _ctx.onCellFilterChange,
-      onClick: _ctx.onCellClick,
-      onContextmenu: _ctx.onCellContextmenu,
-      onMouseenter: _ctx.onCellMouseenter
+      onCheckedChange: _ctx.handleCellCheckedChange,
+      onFilterChange: _ctx.handleCellFilterChange,
+      onClick: _ctx.handleCellClick,
+      onContextmenu: _ctx.handleCellContextmenu,
+      onMouseenter: _ctx.handleCellMouseenter
     }, createSlots({ _: 2 }, [
       renderList(Object.keys(_ctx.$slots), (name) => {
         return {

package/es/ele-virtual-table/index.d.ts

@@ -14,7 +14,7 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     rowKey: {
-        type: import('vue').PropType<string | ((row: DataItem) => string) | undefined>;
+        type: import('vue').PropType<import('../ele-data-table/types').RowKey>;
         required: boolean;
     };
     columns: {
@@ -52,16 +52,16 @@ declare const _default: import('vue').DefineComponent<{
     };
     fit: {
         type: BooleanConstructor;
-        default: boolean; /** 表格是否有展开列 */
+        default: boolean;
     };
-    width: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
+    width: (NumberConstructor | StringConstructor)[];
+    maxHeight: (NumberConstructor | StringConstructor)[];
     lazy: BooleanConstructor;
     className: {
         type: StringConstructor;
         default: string;
     };
-    height: (StringConstructor | NumberConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
     data: {
         type: import('vue').PropType<any[]>;
         default: () => never[];
@@ -82,13 +82,13 @@ declare const _default: import('vue').DefineComponent<{
     headerCellClassName: import('vue').PropType<import('element-plus').CellCls<any> | undefined>;
     headerCellStyle: import('vue').PropType<import('element-plus').CellStyle<any> | undefined>;
     highlightCurrentRow: BooleanConstructor;
-    currentRowKey: (StringConstructor | NumberConstructor)[];
+    currentRowKey: (NumberConstructor | StringConstructor)[];
     emptyText: StringConstructor;
     expandRowKeys: import('vue').PropType<any[] | undefined>;
     defaultExpandAll: BooleanConstructor;
     defaultSort: import('vue').PropType<import('element-plus').Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: import('vue').PropType<Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
+    tooltipOptions: import('vue').PropType<Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "appendTo" | "transition" | "showArrow">> | undefined>;
     spanMethod: import('vue').PropType<((data: {
         row: any;
         rowIndex: number;
@@ -123,8 +123,9 @@ declare const _default: import('vue').DefineComponent<{
     };
     scrollbarAlwaysOn: BooleanConstructor;
     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>;
+    showOverflowTooltip: import('vue').PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "appendTo" | "transition" | "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,14 +209,14 @@ 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;
+    currentChange: (_current?: DataItem | null, _old?: DataItem | null) => 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;
+    'update:currentRowKey': (_currentRowKey?: DataKey) => boolean;
+    'update:selectedRowKeys': (_selectedRowKeys?: DataKey[]) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     rowHeight: NumberConstructor;
     stripe: {
@@ -227,7 +228,7 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
     rowKey: {
-        type: import('vue').PropType<string | ((row: DataItem) => string) | undefined>;
+        type: import('vue').PropType<import('../ele-data-table/types').RowKey>;
         required: boolean;
     };
     columns: {
@@ -265,16 +266,16 @@ declare const _default: import('vue').DefineComponent<{
     };
     fit: {
         type: BooleanConstructor;
-        default: boolean; /** 表格是否有展开列 */
+        default: boolean;
     };
-    width: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
+    width: (NumberConstructor | StringConstructor)[];
+    maxHeight: (NumberConstructor | StringConstructor)[];
     lazy: BooleanConstructor;
     className: {
         type: StringConstructor;
         default: string;
     };
-    height: (StringConstructor | NumberConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
     data: {
         type: import('vue').PropType<any[]>;
         default: () => never[];
@@ -295,13 +296,13 @@ declare const _default: import('vue').DefineComponent<{
     headerCellClassName: import('vue').PropType<import('element-plus').CellCls<any> | undefined>;
     headerCellStyle: import('vue').PropType<import('element-plus').CellStyle<any> | undefined>;
     highlightCurrentRow: BooleanConstructor;
-    currentRowKey: (StringConstructor | NumberConstructor)[];
+    currentRowKey: (NumberConstructor | StringConstructor)[];
     emptyText: StringConstructor;
     expandRowKeys: import('vue').PropType<any[] | undefined>;
     defaultExpandAll: BooleanConstructor;
     defaultSort: import('vue').PropType<import('element-plus').Sort | undefined>;
     tooltipEffect: StringConstructor;
-    tooltipOptions: import('vue').PropType<Partial<Pick<import('element-plus').ElTooltipProps, "effect" | "placement" | "popperClass" | "offset" | "popperOptions" | "appendTo" | "transition" | "enterable" | "showAfter" | "hideAfter" | "showArrow">> | undefined>;
+    tooltipOptions: import('vue').PropType<Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "appendTo" | "transition" | "showArrow">> | undefined>;
     spanMethod: import('vue').PropType<((data: {
         row: any;
         rowIndex: number;
@@ -336,7 +337,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     scrollbarAlwaysOn: BooleanConstructor;
     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>;
+    showOverflowTooltip: import('vue').PropType<boolean | Partial<Pick<import('element-plus').ElTooltipProps, "offset" | "effect" | "placement" | "popperClass" | "showAfter" | "hideAfter" | "popperOptions" | "enterable" | "appendTo" | "transition" | "showArrow">> | undefined>;
 }>> & {
     onSelect?: ((_selection: DataItem[], _row: DataItem) => any) | undefined;
     onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;

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"