ele-admin-plus 1.1.9-beta.9 → 1.2.0-beta.1

package/lib/ele-virtual-table/components/header-cell.d.ts

@@ -1,8 +1,9 @@
-import type { PropType } from 'vue';
+import { HeaderColumn, SortBy, CellFilterChangeParams, CustomRenderProps, ColSize } from '../types';
+import { Column, FilterValue } from '../../ele-data-table/types';
 import { StyleValues } from '../../ele-app/types';
-import type { Column, FilterValue } from '../../ele-data-table/types';
-import type { HeaderColumn, SortBy, CellFilterChangeParams, CustomRenderProps, ColSize } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 当前列配置 */
     column: PropType<HeaderColumn>;
     /** 当前列索引 */
@@ -24,25 +25,25 @@ declare const _default: import("vue").DefineComponent<{
     /** 表格尺寸 */
     tableSize: PropType<"" | "default" | "small" | "large" | undefined>;
     /** 单元格类名自定义 */
-    headerCellClass: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<import("../../ele-data-table/types").DataItem> | undefined>;
+    headerCellClass: PropType<import('element-plus').CellCls<import('../../ele-data-table/types').DataItem> | undefined>;
     /** 单元格样式自定义 */
-    headerCellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<import("../../ele-data-table/types").DataItem> | undefined>;
+    headerCellStyle: PropType<import('element-plus').CellStyle<import('../../ele-data-table/types').DataItem> | undefined>;
     /** 表头单元格是否溢出省略 */
     headerEllipsis: BooleanConstructor;
     /** 表格行高 */
     rowHeight: NumberConstructor;
 }, {
-    originalCol: import("vue").ComputedRef<Column | undefined>;
-    cellClass: import("vue").ComputedRef<string>;
-    cellStyle: import("vue").ComputedRef<StyleValues | undefined>;
-    cellTitle: import("vue").ComputedRef<string | undefined>;
-    renderOpt: import("vue").ComputedRef<CustomRenderProps>;
+    originalCol: import('vue').ComputedRef<Column | undefined>;
+    cellClass: import('vue').ComputedRef<string>;
+    cellStyle: import('vue').ComputedRef<StyleValues | undefined>;
+    cellTitle: import('vue').ComputedRef<string | undefined>;
+    renderOpt: import('vue').ComputedRef<CustomRenderProps>;
     onCheckedChange: (checked: boolean) => void;
     onFilterChange: (value: FilterValue) => void;
     onClick: (e: MouseEvent) => void;
     onContextmenu: (e: MouseEvent) => void;
     onMouseenter: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     /** 多选框选中改变事件 */
     checkedChange: (_checked: boolean) => true;
     /** 列筛选改变事件 */
@@ -53,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     contextmenu: (_col: Column, _e: MouseEvent) => true;
     /** 鼠标移入事件 */
     mouseenter: (_col: Column, _e: MouseEvent) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 当前列配置 */
     column: PropType<HeaderColumn>;
     /** 当前列索引 */
@@ -75,9 +76,9 @@ declare const _default: import("vue").DefineComponent<{
     /** 表格尺寸 */
     tableSize: PropType<"" | "default" | "small" | "large" | undefined>;
     /** 单元格类名自定义 */
-    headerCellClass: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<import("../../ele-data-table/types").DataItem> | undefined>;
+    headerCellClass: PropType<import('element-plus').CellCls<import('../../ele-data-table/types').DataItem> | undefined>;
     /** 单元格样式自定义 */
-    headerCellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<import("../../ele-data-table/types").DataItem> | undefined>;
+    headerCellStyle: PropType<import('element-plus').CellStyle<import('../../ele-data-table/types').DataItem> | undefined>;
     /** 表头单元格是否溢出省略 */
     headerEllipsis: BooleanConstructor;
     /** 表格行高 */

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

@@ -1,7 +1,8 @@
-import type { PropType } from 'vue';
-import type { Column, Filter } from '../../ele-data-table/types';
-import type { VirtualColumn, HeaderColumns, SortBy, CellFilterChangeParams, ColSize } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { VirtualColumn, HeaderColumns, SortBy, CellFilterChangeParams, ColSize } from '../types';
+import { Column, Filter } from '../../ele-data-table/types';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 表头行配置 */
     headerCols: PropType<HeaderColumns>;
     /** 表头所有行列宽 */
@@ -21,22 +22,22 @@ declare const _default: import("vue").DefineComponent<{
     /** 表格尺寸 */
     tableSize: PropType<"" | "default" | "small" | "large" | undefined>;
     /** 表头单元格类名自定义 */
-    headerCellClass: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<import("../../ele-data-table/types").DataItem> | undefined>;
+    headerCellClass: PropType<import('element-plus').CellCls<import('../../ele-data-table/types').DataItem> | undefined>;
     /** 表头单元样式自定义 */
-    headerCellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<import("../../ele-data-table/types").DataItem> | undefined>;
+    headerCellStyle: PropType<import('element-plus').CellStyle<import('../../ele-data-table/types').DataItem> | undefined>;
     /** 表头单元格是否溢出省略 */
     headerEllipsis: BooleanConstructor;
     /** 表格行高 */
     rowHeight: NumberConstructor;
 }, {
     getKey: (column: VirtualColumn, columnIndex: number) => string;
-    getFiltered: (column: VirtualColumn) => import("../../ele-data-table/types").FilterValue;
+    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;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     /** 多选框选中改变事件 */
     checkedChange: (_checked: boolean) => true;
     /** 列筛选改变事件 */
@@ -47,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     cellContextmenu: (_col: Column, _e: MouseEvent) => true;
     /** 单元格鼠标移入事件 */
     cellMouseenter: (_col: Column, _e: MouseEvent) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 表头行配置 */
     headerCols: PropType<HeaderColumns>;
     /** 表头所有行列宽 */
@@ -67,9 +68,9 @@ declare const _default: import("vue").DefineComponent<{
     /** 表格尺寸 */
     tableSize: PropType<"" | "default" | "small" | "large" | undefined>;
     /** 表头单元格类名自定义 */
-    headerCellClass: PropType<import("element-plus/es/components/table/src/table/defaults").CellCls<import("../../ele-data-table/types").DataItem> | undefined>;
+    headerCellClass: PropType<import('element-plus').CellCls<import('../../ele-data-table/types').DataItem> | undefined>;
     /** 表头单元样式自定义 */
-    headerCellStyle: PropType<import("element-plus/es/components/table/src/table/defaults").CellStyle<import("../../ele-data-table/types").DataItem> | undefined>;
+    headerCellStyle: PropType<import('element-plus').CellStyle<import('../../ele-data-table/types').DataItem> | undefined>;
     /** 表头单元格是否溢出省略 */
     headerEllipsis: BooleanConstructor;
     /** 表格行高 */

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

@@ -36,7 +36,7 @@ const _sfc_main = vue.defineComponent({
     };
     const rootRef = vue.ref(null);
     const tableRef = vue.ref(null);
-    const tableKey = vue.ref(1);
+    const tableKey = vue.ref(0);
     const headerRows = vue.ref([]);
     const bodyCols = vue.ref([]);
     const headerRowSizes = vue.ref([]);
@@ -82,9 +82,12 @@ const _sfc_main = vue.defineComponent({
       return treeTableProps.value.hasChildrenName;
     });
     const isTreeData = vue.computed(() => {
-      return tableData.value.some((d) => {
-        return d.children && d.children.length || props2.lazy && d[treeHasChildrenName.value] === true;
-      });
+      return tableData.value.some(
+        (d) => {
+          var _a;
+          return ((_a = d.children) == null ? void 0 : _a.length) || props2.lazy && d.hasChildren;
+        }
+      );
     });
     const tableExpandCol = vue.computed(() => {
       return bodyCols.value.find((d) => {
@@ -156,19 +159,19 @@ const _sfc_main = vue.defineComponent({
         rowClass: (params) => {
           const classes = ["ele-table-tr"];
           const row = params.rowData;
-          const rowIndex = row._rowIndex;
-          if (row && row._isExpandRow === true) {
+          const rowIndex = row.rowIndex;
+          if (row && row.isExpandRow === true) {
             classes.push("is-expand-row");
           } else if (row) {
             if (props2.stripe && (rowIndex + 1) % 2 === 0) {
               classes.push("is-even");
             }
-            if (props2.highlightCurrentRow && selectedRowKey.value != null && selectedRowKey.value === row._rowKey) {
+            if (props2.highlightCurrentRow && selectedRowKey.value != null && selectedRowKey.value === row.rowId) {
               classes.push("is-current");
             }
             const rowClass = props2.rowClassName;
             if (typeof rowClass === "function") {
-              const custom = rowClass({ row, rowIndex });
+              const custom = rowClass({ row: row.rowData, rowIndex });
               if (custom) {
                 classes.push(custom);
               }
@@ -178,10 +181,10 @@ const _sfc_main = vue.defineComponent({
           }
           return classes.join(" ");
         },
-        rowKey: "_rowKey",
+        rowKey: "rowId",
         rowProps: (params) => {
           const row = params.rowData;
-          const opt2 = { row, rowIndex: row._rowIndex };
+          const opt2 = { row: row.rowData, rowIndex: row.rowIndex };
           const style = props2.rowStyle;
           return { style: typeof style === "function" ? style(opt2) : style };
         },
@@ -270,9 +273,9 @@ const _sfc_main = vue.defineComponent({
       }
     };
     const onCellCheckedChange = (row, checked) => {
-      toggleSelected(row, checked);
+      toggleSelected(row.rowData, row.rowId, checked);
       const selection = getSelectionRows();
-      events.onSelect(selection, row);
+      events.onSelect(selection, row.rowData);
       events.onSelectionChange(selection);
     };
     const onCellExpandChange = (row, expanded, children) => {
@@ -281,19 +284,20 @@ const _sfc_main = vue.defineComponent({
           children,
           hasExpandCol.value,
           treeChildrenName.value,
+          treeHasChildrenName.value,
           props2.rowKey,
           util$1.getSelectableFunction(bodyCols.value)
         );
         let index2 = -1;
         core.eachTree(tableData.value, (d) => {
           index2++;
-          if (d._rowKey === row._rowKey) {
+          if (d.rowId === row.rowId) {
             d.children = childs;
             if (!childs.length) {
-              d[treeHasChildrenName.value] = false;
+              d.hasChildren = false;
             }
           }
-          d._rowIndex = index2;
+          d.rowIndex = index2;
         });
         if (!childs.length) {
           return;
@@ -303,46 +307,47 @@ const _sfc_main = vue.defineComponent({
     };
     const onCellClick = (row, col, e) => {
       const cell = e.currentTarget;
-      events.onCellClick(row, col, cell, e);
+      const rowData = row.rowData;
+      const rowDataKey = row.rowId;
+      events.onCellClick(rowData, col, cell, e);
       if (props2.highlightCurrentRow) {
-        setCurrentRow(row);
+        setCurrentRow(rowData);
       }
-      if (props2.rowClickChecked && !row._rowDisabled) {
+      if (props2.rowClickChecked && !row.isDisabled) {
         if (props2.rowClickChecked === "smart" && (!checkedRowKeys.value.size || checkedRowKeys.value.size === 1)) {
-          const key = util.getValue(row, props2.rowKey);
-          if (key != null && !checkedRowKeys.value.has(key)) {
-            checkedRowKeys.value = /* @__PURE__ */ new Set([key]);
+          if (rowDataKey != null && !checkedRowKeys.value.has(rowDataKey)) {
+            checkedRowKeys.value = /* @__PURE__ */ new Set([rowDataKey]);
             tableState.checked.clear();
-            tableState.checked.set(key, row);
+            tableState.checked.set(rowDataKey, rowData);
             updateIsCheckAll();
-            updateSelectedRowKeys([key]);
-            events.onSelectionChange([row]);
+            updateSelectedRowKeys([rowDataKey]);
+            events.onSelectionChange([rowData]);
           }
         } else {
-          toggleSelected(row);
+          toggleSelected(rowData, rowDataKey);
           events.onSelectionChange(getSelectionRows());
         }
       }
-      events.onRowClick(row, col, e);
+      events.onRowClick(rowData, col, e);
     };
     const onCellDblclick = (row, col, e) => {
       const cell = e.currentTarget;
-      events.onCellDblclick(row, col, cell, e);
-      events.onRowDblclick(row, col, e);
+      events.onCellDblclick(row.rowData, col, cell, e);
+      events.onRowDblclick(row.rowData, col, e);
     };
     const onCellContextmenu = (row, col, e) => {
       const cell = e.currentTarget;
-      events.onCellContextmenu(row, col, cell, e);
-      events.onRowContextmenu(row, col, e);
+      events.onCellContextmenu(row.rowData, col, cell, e);
+      events.onRowContextmenu(row.rowData, col, e);
     };
     const onCellMouseenter = (row, col, e) => {
       const cell = e.currentTarget;
       triggerTooltip(cell, col);
-      events.onCellMouseEnter(row, col, cell, e);
+      events.onCellMouseEnter(row.rowData, col, cell, e);
     };
     const onCellMouseleave = (row, col, e) => {
       const cell = e.currentTarget;
-      events.onCellMouseLeave(row, col, cell, e);
+      events.onCellMouseLeave(row.rowData, col, cell, e);
     };
     const onHeaderCellClick = (col, e) => {
       if (col && (col.sortable === true || col.sortable === "custom")) {
@@ -396,6 +401,7 @@ const _sfc_main = vue.defineComponent({
         props2.data,
         hasExpandCol.value,
         treeChildrenName.value,
+        treeHasChildrenName.value,
         props2.rowKey,
         util$1.getSelectableFunction(bodyCols.value)
       );
@@ -419,7 +425,7 @@ const _sfc_main = vue.defineComponent({
         const row = util$1.getRowByKey(key, tableData.value);
         if (row != null || props2.reserveCurrent) {
           tableState.oldRow = tableState.row;
-          tableState.row = row || item || void 0;
+          tableState.row = (row == null ? void 0 : row.rowData) || item || void 0;
           if (tableState.row == null && props2.cacheData != null) {
             tableState.row = util$1.getRowByKey(
               key,
@@ -447,7 +453,7 @@ const _sfc_main = vue.defineComponent({
       if (key != null) {
         const row = util$1.getRowByKey(key, tableData.value);
         if (row != null) {
-          updateSelectedState(key, row);
+          updateSelectedState(key, row.rowData);
         } else if (!props2.reserveCurrent) {
           updateSelectedState(null);
         } else if (props2.cacheData != null) {
@@ -474,7 +480,7 @@ const _sfc_main = vue.defineComponent({
         checkedRowKeys.value.forEach((key2) => {
           const index2 = dataKeys.indexOf(key2);
           if (index2 !== -1) {
-            const row = list[index2];
+            const row = list[index2].rowData;
             if (tableState.checked.get(key2) !== row) {
               tableState.checked.set(key2, row);
             }
@@ -507,31 +513,24 @@ const _sfc_main = vue.defineComponent({
         isCheckAll.value = false;
         return;
       }
-      let checked = true;
-      core.eachTree(tableData.value, (d) => {
-        if (!d._isExpandRow && !d._rowDisabled && d._rowKey != null && !checkedRowKeys.value.has(d._rowKey)) {
-          checked = false;
-          return false;
-        }
-      });
-      isCheckAll.value = checked;
+      const unchecked = core.findTree(
+        tableData.value,
+        (d) => !d.isExpandRow && !d.isDisabled && d.rowId != null && !checkedRowKeys.value.has(d.rowId)
+      );
+      isCheckAll.value = unchecked == null;
     };
-    const toggleSelected = (row, selected) => {
-      const dataKey = util.getValue(row, props2.rowKey);
-      if (dataKey == null) {
-        return;
-      }
-      const isChecked = checkedRowKeys.value.has(dataKey);
+    const toggleSelected = (row, rowDataKey, selected) => {
+      const isChecked = checkedRowKeys.value.has(rowDataKey);
       const checked = selected == null ? !isChecked : selected;
       if (checked === isChecked) {
         return;
       }
       if (checked) {
-        checkedRowKeys.value.add(dataKey);
-        tableState.checked.set(dataKey, row);
+        checkedRowKeys.value.add(rowDataKey);
+        tableState.checked.set(rowDataKey, row);
       } else {
-        checkedRowKeys.value.delete(dataKey);
-        tableState.checked.delete(dataKey);
+        checkedRowKeys.value.delete(rowDataKey);
+        tableState.checked.delete(rowDataKey);
       }
       updateIsCheckAll();
       updateSelectedRowKeys(Array.from(checkedRowKeys.value));
@@ -578,7 +577,7 @@ const _sfc_main = vue.defineComponent({
         keys.forEach((key) => {
           const index2 = dataKeys.indexOf(key);
           if (index2 !== -1) {
-            tableState.checked.set(key, list[index2]);
+            tableState.checked.set(key, list[index2].rowData);
           } else if (props2.cacheData != null) {
             const i = cacheKeys.indexOf(key);
             if (i !== -1) {
@@ -591,9 +590,9 @@ const _sfc_main = vue.defineComponent({
         tableState.checked.clear();
         if (keys.length) {
           core.eachTree(tableData.value, (d) => {
-            if (!d._isExpandRow && d._rowKey != null && keys.includes(d._rowKey)) {
-              checkedRowKeys.value.add(d._rowKey);
-              tableState.checked.set(d._rowKey, d);
+            if (!d.isExpandRow && d.rowId != null && keys.includes(d.rowId)) {
+              checkedRowKeys.value.add(d.rowId);
+              tableState.checked.set(d.rowId, d.rowData);
             }
           });
         }
@@ -616,9 +615,9 @@ const _sfc_main = vue.defineComponent({
       const keys = [];
       const rows = [];
       core.eachTree(tableData.value, (row) => {
-        if (row.children && row.children.length && row._rowKey != null) {
-          keys.push(row._rowKey);
-          rows.push(row);
+        if (row.children && row.children.length && row.rowId != null) {
+          keys.push(row.rowId);
+          rows.push(row.rowData);
         }
       });
       expandedRowKeys.value = keys;
@@ -645,7 +644,7 @@ const _sfc_main = vue.defineComponent({
         return;
       }
       const oldSelection = getSelectionRows();
-      toggleSelected(row, selected);
+      toggleSelected(row, key, selected);
       const selection = getSelectionRows();
       if (util.arrayIsChanged(oldSelection, selection)) {
         events.onSelectionChange(selection);
@@ -659,9 +658,9 @@ const _sfc_main = vue.defineComponent({
         if (checkedRowKeys.value.size) {
           if (tableState.reserveChecked) {
             core.eachTree(tableData.value, (d) => {
-              if (!d._isExpandRow && d._rowKey != null) {
-                checkedRowKeys.value.delete(d._rowKey);
-                tableState.checked.delete(d._rowKey);
+              if (!d.isExpandRow && d.rowId != null) {
+                checkedRowKeys.value.delete(d.rowId);
+                tableState.checked.delete(d.rowId);
               }
             });
             isCheckAll.value = false;
@@ -677,9 +676,9 @@ const _sfc_main = vue.defineComponent({
         return;
       }
       core.eachTree(tableData.value, (d) => {
-        if (!d._isExpandRow && !d._rowDisabled && d._rowKey != null) {
-          checkedRowKeys.value.add(d._rowKey);
-          tableState.checked.set(d._rowKey, d);
+        if (!d.isExpandRow && !d.isDisabled && d.rowId != null) {
+          checkedRowKeys.value.add(d.rowId);
+          tableState.checked.set(d.rowId, d.rowData);
         }
       });
       isCheckAll.value = true;
@@ -689,10 +688,7 @@ const _sfc_main = vue.defineComponent({
       events.onSelectAll(selection);
     };
     const toggleRowExpansion = (row, expanded) => {
-      const dataKey = util.getValue(row, props2.rowKey);
-      if (dataKey == null) {
-        return;
-      }
+      const dataKey = row.rowId;
       const isSpread = expandedRowKeys.value.includes(dataKey);
       const spread = expanded == null ? !isSpread : expanded;
       if (spread === isSpread) {
@@ -704,7 +700,7 @@ const _sfc_main = vue.defineComponent({
         const index2 = expandedRowKeys.value.findIndex((t2) => t2 === dataKey);
         expandedRowKeys.value.splice(index2, 1);
       }
-      events.onExpandChange(row, spread);
+      events.onExpandChange(row.rowData, spread);
     };
     const setCurrentRow = (row) => {
       updateSelectedState(util.getValue(row, props2.rowKey), row);
@@ -926,7 +922,6 @@ const _sfc_main = vue.defineComponent({
       sortBy,
       filtered,
       tableTooltipProps,
-      treeHasChildrenName,
       tableExpandCol,
       hasExpandCol,
       tableExpandColumnKey,
@@ -1056,67 +1051,70 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           })
         ]), 1032, ["headerCols", "headerColSizes", "headerIndex", "sortBy", "filtered", "isCheckAll", "isIndeterminate", "disabledCheckbox", "tableSize", "headerCellClass", "headerCellStyle", "rowHeight", "onFilterChange", "onCellClick", "onCellContextmenu", "onCellMouseenter"])) : vue.createCommentVNode("", true)
       ]),
-      row: vue.withCtx((rowProps) => [
-        rowProps && rowProps.rowData && rowProps.rowData._isExpandRow ? (vue.openBlock(), vue.createBlock(_component_ExpandRow, {
-          key: 0,
-          column: _ctx.tableExpandCol,
-          rowIndex: rowProps.rowData._expandParantIndex,
-          rowData: rowProps.rowData._expandParent,
-          onMouseenter: _ctx.onExpandCellMouseenter
-        }, vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(_ctx.$slots).filter(
-            (k) => !["default", "empty", "append"].includes(k)
-          ), (name) => {
-            return {
-              name,
-              fn: vue.withCtx((slotProps) => [
-                vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-              ])
-            };
-          })
-        ]), 1032, ["column", "rowIndex", "rowData", "onMouseenter"])) : rowProps ? (vue.openBlock(), vue.createBlock(_component_BodyRow, {
-          key: 1,
-          bodyCols: _ctx.bodyCols,
-          colSizes: _ctx.bodyColSizes,
-          rowIndex: rowProps.rowData._rowIndex,
-          rowData: rowProps.rowData,
-          checkedRowKeys: _ctx.checkedRowKeys,
-          tableSize: _ctx.size,
-          bodyCellClass: _ctx.cellClassName,
-          bodyCellStyle: _ctx.cellStyle,
-          spanMethod: _ctx.spanMethod,
-          tableTooltipProps: _ctx.showOverflowTooltip,
-          pageIndex: _ctx.pageIndex,
-          rowHeight: _ctx.tableRowHeight,
-          expandColumnKey: _ctx.tableExpandColumnKey,
-          expandedRowKeys: _ctx.expandedRowKeys,
-          hasChildrenName: _ctx.treeHasChildrenName,
-          lazy: _ctx.lazy,
-          load: _ctx.load,
-          level: rowProps.depth,
-          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
-        }, vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(_ctx.$slots).filter(
-            (k) => !["default", "empty", "append"].includes(k)
-          ), (name) => {
-            return {
-              name,
-              fn: vue.withCtx((slotProps) => [
-                vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
-              ])
-            };
-          })
-        ]), 1032, ["bodyCols", "colSizes", "rowIndex", "rowData", "checkedRowKeys", "tableSize", "bodyCellClass", "bodyCellStyle", "spanMethod", "tableTooltipProps", "pageIndex", "rowHeight", "expandColumnKey", "expandedRowKeys", "hasChildrenName", "lazy", "load", "level", "indent", "fixedCellHeight", "autoRowHeight", "onCellCheckedChange", "onCellExpandChange", "onCellClick", "onCellDblclick", "onCellContextmenu", "onCellMouseenter", "onCellMouseleave"])) : vue.createCommentVNode("", true)
-      ]),
+      row: vue.withCtx((rowProps) => {
+        var _a;
+        return [
+          rowProps && rowProps.rowData && rowProps.rowData.isExpandRow ? (vue.openBlock(), vue.createBlock(_component_ExpandRow, {
+            key: 0,
+            column: (_a = _ctx.tableExpandCol) == null ? void 0 : _a.originalCol,
+            rowIndex: rowProps.rowData.rowIndex,
+            rowData: rowProps.rowData.rowData,
+            onMouseenter: _ctx.onExpandCellMouseenter
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots).filter(
+              (k) => !["default", "empty", "append"].includes(k)
+            ), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["column", "rowIndex", "rowData", "onMouseenter"])) : rowProps && rowProps.rowData && rowProps.rowData.rowData ? (vue.openBlock(), vue.createBlock(_component_BodyRow, {
+            key: 1,
+            bodyCols: _ctx.bodyCols,
+            colSizes: _ctx.bodyColSizes,
+            rowIndex: rowProps.rowData.rowIndex,
+            rowItem: rowProps.rowData,
+            rowId: rowProps.rowData.rowId,
+            checkedRowKeys: _ctx.checkedRowKeys,
+            bodyCellClass: _ctx.cellClassName,
+            bodyCellStyle: _ctx.cellStyle,
+            spanMethod: _ctx.spanMethod,
+            tableTooltipProps: _ctx.showOverflowTooltip,
+            pageIndex: _ctx.pageIndex,
+            rowHeight: _ctx.tableRowHeight,
+            tableSize: _ctx.size,
+            expandColumnKey: _ctx.tableExpandColumnKey,
+            expandedRowKeys: _ctx.expandedRowKeys,
+            lazy: _ctx.lazy,
+            load: _ctx.load,
+            level: rowProps.depth,
+            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
+          }, vue.createSlots({ _: 2 }, [
+            vue.renderList(Object.keys(_ctx.$slots).filter(
+              (k) => !["default", "empty", "append"].includes(k)
+            ), (name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["bodyCols", "colSizes", "rowIndex", "rowItem", "rowId", "checkedRowKeys", "bodyCellClass", "bodyCellStyle", "spanMethod", "tableTooltipProps", "pageIndex", "rowHeight", "tableSize", "expandColumnKey", "expandedRowKeys", "lazy", "load", "level", "indent", "fixedCellHeight", "autoRowHeight", "onCellCheckedChange", "onCellExpandChange", "onCellClick", "onCellDblclick", "onCellContextmenu", "onCellMouseenter", "onCellMouseleave"])) : vue.createCommentVNode("", true)
+        ];
+      }),
       empty: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "empty", {
           text: _ctx.emptyText,