ele-admin-plus 1.1.6-beta.2 → 1.1.6-beta.3

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

@@ -1,9 +1,9 @@
-import { defineComponent, ref, reactive, computed, onDeactivated, onActivated, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, mergeProps, createSlots, withCtx, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, toDisplayString, createVNode } from "vue";
+import { defineComponent, ref, reactive, computed, onActivated, onDeactivated, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, mergeProps, createSlots, withCtx, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, toDisplayString, createVNode } from "vue";
 import { ElTableV2, ElEmpty, useLocale } from "element-plus";
 import { eachTree } from "../utils/core";
 import EleTooltip from "../ele-tooltip/index";
-import { useEmits, getEmptyProps, isReserveSelected, getValue, mergeTooltipProps, getGlobalTooltipProps } from "../ele-data-table/util";
-import { useState, useAutoResize, getDefaultSort, getDefaultFiltered, getTreeProps, getRowHeight, isAutoRowHeight, getTableHeight, analyseColumns, transformTableData, getSelectableFunc, getColKey, getSortBy, getOrderValue, computeColSizes, colSizesIsChanged, getTableColumns, getColumnByKey, getSortOrder, cellIsOverflow } from "./util";
+import { useEmits, getEmptyProps, isReserveChecked, getValue, valueIsChanged, arrayIsChanged, getRowKeys, mergeTooltipProps, getGlobalTooltipProps } from "../ele-data-table/util";
+import { useAutoResize, getDefaultSort, getDefaultFiltered, getTreeProps, getRowHeight, isAutoRowHeight, getTableHeight, analyseColumns, getColKey, transformTableData, getSelectableFunction, getSortBy, getOrderValue, getRowByKey, getKeysAndList, computeColSizes, colSizesIsChanged, getTableColumns, getColumnByKey, getSortOrder, cellIsOverflow } from "./util";
 import HeaderRow from "./components/header-row";
 import BodyRow from "./components/body-row";
 import ExpandRow from "./components/expand-row";
@@ -22,20 +22,17 @@ const _sfc_main = defineComponent({
   },
   props: virtualTableProps,
   emits: virtualTableEmits,
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const { t } = useLocale();
     const events = useEmits(emit);
-    const {
-      getCurrent,
-      setCurrent,
-      getSelected,
-      addSelected,
-      removeSelected,
-      clearSelected,
-      getScrollTop,
-      cacheScrollTop
-    } = useState();
-    const { wrapWidth, wrapHeight } = useAutoResize(() => rootRef.value);
+    const { wrapWidth, wrapHeight, updateWrapSize } = useAutoResize(
+      () => rootRef.value
+    );
+    const tableState = {
+      checked: /* @__PURE__ */ new Map(),
+      reserveChecked: false,
+      scrollTop: 0
+    };
     const rootRef = ref(null);
     const tableRef = ref(null);
     const tableKey = ref(1);
@@ -49,12 +46,18 @@ const _sfc_main = defineComponent({
     const tableData = ref([]);
     const tableColumns = ref([]);
     const tableScrollLeft = ref(0);
-    const currentRowKey = ref(props.currentRowKey ?? null);
-    const selectedRowKeys = ref(/* @__PURE__ */ new Set([]));
+    const selectedRowKey = ref(props.currentRowKey ?? null);
+    const checkedRowKeys = ref(
+      new Set(props.selectedRowKeys || [])
+    );
     const isCheckAll = ref(false);
     const expandedRowKeys = ref([]);
-    const sortBy = ref(getDefaultSort(props.defaultSort));
-    const filtered = reactive(getDefaultFiltered(props.columns));
+    const sortBy = ref(
+      getDefaultSort(props.defaultSort)
+    );
+    const filtered = reactive(
+      getDefaultFiltered(props.columns)
+    );
     const tableTooltipProps = reactive({
       placement: "top",
       trigger: "click",
@@ -68,11 +71,6 @@ const _sfc_main = defineComponent({
       teleported: false,
       transition: "ele-transition-none"
     });
-    const slotKeys = computed(() => {
-      return Object.keys(slots).filter(
-        (k) => !["default", "empty", "append"].includes(k)
-      );
-    });
     const treeTableProps = computed(() => {
       return getTreeProps(props.treeProps);
     });
@@ -164,7 +162,7 @@ const _sfc_main = defineComponent({
             if (props.stripe && (rowIndex + 1) % 2 === 0) {
               classes.push("is-even");
             }
-            if (props.highlightCurrentRow && currentRowKey.value != null && currentRowKey.value === row._rowKey) {
+            if (props.highlightCurrentRow && selectedRowKey.value != null && selectedRowKey.value === row._rowKey) {
               classes.push("is-current");
             }
             const rowClass = props.rowClassName;
@@ -209,7 +207,7 @@ const _sfc_main = defineComponent({
       return opt;
     });
     const isIndeterminate = computed(() => {
-      return !!(selectedRowKeys.value.size && !isCheckAll.value);
+      return !!(checkedRowKeys.value.size && !isCheckAll.value);
     });
     const isPingLeft = computed(() => {
       return tableScrollLeft.value > 1;
@@ -272,7 +270,7 @@ const _sfc_main = defineComponent({
     };
     const onCellCheckedChange = (row, checked) => {
       toggleSelected(row, checked);
-      const selection = getSelected();
+      const selection = getSelectionRows();
       events.onSelect(selection, row);
       events.onSelectionChange(selection);
     };
@@ -283,7 +281,7 @@ const _sfc_main = defineComponent({
           hasExpandCol.value,
           treeChildrenName.value,
           props.rowKey,
-          getSelectableFunc(bodyCols.value)
+          getSelectableFunction(bodyCols.value)
         );
         let index2 = -1;
         eachTree(tableData.value, (d) => {
@@ -309,10 +307,19 @@ const _sfc_main = defineComponent({
         setCurrentRow(row);
       }
       if (props.rowClickChecked && !row._rowDisabled) {
-        if (props.rowClickChecked === "smart" && selectedRowKeys.value.size === 1) {
-          setSelectedRows([row]);
+        if (props.rowClickChecked === "smart" && (!checkedRowKeys.value.size || checkedRowKeys.value.size === 1)) {
+          const key = getValue(row, props.rowKey);
+          if (key != null && !checkedRowKeys.value.has(key)) {
+            checkedRowKeys.value = /* @__PURE__ */ new Set([key]);
+            tableState.checked.clear();
+            tableState.checked.set(key, row);
+            updateIsCheckAll();
+            updateSelectedRowKeys([key]);
+            events.onSelectionChange([row]);
+          }
         } else {
-          toggleRowSelection(row);
+          toggleSelected(row);
+          events.onSelectionChange(getSelectionRows());
         }
       }
       events.onRowClick(row, col, e);
@@ -363,7 +370,7 @@ const _sfc_main = defineComponent({
       hideTooltip();
     };
     const onTableScroll = (option) => {
-      cacheScrollTop(option.scrollTop);
+      tableState.scrollTop = option.scrollTop;
       const scrollLeft = option.scrollLeft;
       if (tableScrollLeft.value !== scrollLeft) {
         tableScrollLeft.value = scrollLeft;
@@ -389,7 +396,7 @@ const _sfc_main = defineComponent({
         hasExpandCol.value,
         treeChildrenName.value,
         props.rowKey,
-        getSelectableFunc(bodyCols.value)
+        getSelectableFunction(bodyCols.value)
       );
       if (props.defaultExpandAll) {
         toggleRowExpansionAll(true);
@@ -398,32 +405,110 @@ const _sfc_main = defineComponent({
       } else {
         toggleRowExpansionAll(false);
       }
-      updateCurrentRowKey(currentRowKey.value);
     };
-    const updateCurrentRowKey = (currentKey) => {
-      if (currentKey != null) {
-        if (!tableData.value.length) {
-          setCurrentRow();
+    const updateSelectedState = (key, item) => {
+      if (!valueIsChanged(selectedRowKey.value, key)) {
+        if (key != null && item != null && tableState.row !== item) {
+          tableState.row = item;
+          events.onCurrentChange(item, tableState.oldRow);
+        }
+        return;
+      }
+      if (key != null) {
+        const row = getRowByKey(key, tableData.value);
+        if (row != null || props.reserveCurrent) {
+          tableState.oldRow = tableState.row;
+          tableState.row = row || item || void 0;
+          if (tableState.row == null && props.cacheData != null) {
+            tableState.row = getRowByKey(
+              key,
+              props.cacheData,
+              props.rowKey,
+              treeChildrenName.value
+            );
+          }
+          selectedRowKey.value = key;
+          updateCurrentRowKey(key);
+          events.onCurrentChange(tableState.row, tableState.oldRow);
           return;
         }
-        eachTree(tableData.value, (d) => {
-          if (d._rowKey === currentKey && !d._isExpandRow) {
-            setCurrentRow(d);
-            return false;
+      }
+      if (selectedRowKey.value != null) {
+        tableState.oldRow = tableState.row;
+        tableState.row = void 0;
+        selectedRowKey.value = null;
+        updateCurrentRowKey();
+        events.onCurrentChange(void 0, tableState.oldRow);
+      }
+    };
+    const updateSelectedAndChecked = () => {
+      const key = selectedRowKey.value;
+      if (key != null) {
+        const row = getRowByKey(key, tableData.value);
+        if (row != null) {
+          updateSelectedState(key, row);
+        } else if (!props.reserveCurrent) {
+          updateSelectedState(null);
+        } else if (props.cacheData != null) {
+          const temp = getRowByKey(
+            key,
+            props.cacheData,
+            props.rowKey,
+            treeChildrenName.value
+          );
+          if (temp != null) {
+            updateSelectedState(key, temp);
+          }
+        }
+      }
+      if (checkedRowKeys.value.size) {
+        const oldSelection = getSelectionRows();
+        const deletedKeys = [];
+        const [dataKeys, list] = getKeysAndList(tableData.value);
+        const [cacheKeys, cacheList] = getKeysAndList(
+          props.cacheData,
+          props.rowKey,
+          treeChildrenName.value
+        );
+        checkedRowKeys.value.forEach((key2) => {
+          const index2 = dataKeys.indexOf(key2);
+          if (index2 !== -1) {
+            const row = list[index2];
+            if (tableState.checked.get(key2) !== row) {
+              tableState.checked.set(key2, row);
+            }
+          } else if (!tableState.reserveChecked) {
+            deletedKeys.push(key2);
+          } else if (props.cacheData != null) {
+            const i = cacheKeys.indexOf(key2);
+            const temp = i !== -1 ? cacheList[i] : void 0;
+            if (i !== -1 && tableState.checked.get(key2) !== temp) {
+              tableState.checked.set(key2, temp);
+            }
           }
         });
-      } else if (currentRowKey.value != null) {
-        setCurrentRow();
+        deletedKeys.forEach((key2) => {
+          checkedRowKeys.value.delete(key2);
+          tableState.checked.delete(key2);
+        });
+        updateIsCheckAll();
+        if (deletedKeys.length) {
+          updateSelectedRowKeys(Array.from(checkedRowKeys.value));
+        }
+        const selection = getSelectionRows();
+        if (arrayIsChanged(oldSelection, selection)) {
+          events.onSelectionChange(selection);
+        }
       }
     };
     const updateIsCheckAll = () => {
-      if (!tableData.value.length || !selectedRowKeys.value.size) {
+      if (!tableData.value.length || !checkedRowKeys.value.size) {
         isCheckAll.value = false;
         return;
       }
       let checked = true;
       eachTree(tableData.value, (d) => {
-        if (!d._isExpandRow && !d._rowDisabled && d._rowKey != null && !selectedRowKeys.value.has(d._rowKey)) {
+        if (!d._isExpandRow && !d._rowDisabled && d._rowKey != null && !checkedRowKeys.value.has(d._rowKey)) {
           checked = false;
           return false;
         }
@@ -435,52 +520,89 @@ const _sfc_main = defineComponent({
       if (dataKey == null) {
         return;
       }
-      const isChecked = selectedRowKeys.value.has(dataKey);
+      const isChecked = checkedRowKeys.value.has(dataKey);
       const checked = selected == null ? !isChecked : selected;
       if (checked === isChecked) {
         return;
       }
       if (checked) {
-        selectedRowKeys.value.add(dataKey);
-        addSelected(dataKey, row);
+        checkedRowKeys.value.add(dataKey);
+        tableState.checked.set(dataKey, row);
       } else {
-        selectedRowKeys.value.delete(dataKey);
-        removeSelected(dataKey);
+        checkedRowKeys.value.delete(dataKey);
+        tableState.checked.delete(dataKey);
       }
       updateIsCheckAll();
+      updateSelectedRowKeys(Array.from(checkedRowKeys.value));
     };
     const setSelectedRows = (rows) => {
-      if (rows == null) {
+      if (!rows || !arrayIsChanged(getSelectionRows(), rows)) {
         return;
       }
-      selectedRowKeys.value.clear();
-      clearSelected();
-      rows.forEach((r) => {
-        const k = getValue(r, props.rowKey);
-        if (k != null) {
-          selectedRowKeys.value.add(k);
-          addSelected(k, r);
+      if (tableState.reserveChecked) {
+        const oldSelection = getSelectionRows();
+        checkedRowKeys.value.clear();
+        tableState.checked.clear();
+        rows.forEach((r) => {
+          const k = getValue(r, props.rowKey);
+          if (k != null) {
+            checkedRowKeys.value.add(k);
+            tableState.checked.set(k, r);
+          }
+        });
+        updateIsCheckAll();
+        updateSelectedRowKeys(Array.from(checkedRowKeys.value));
+        const selection = getSelectionRows();
+        if (arrayIsChanged(oldSelection, selection)) {
+          events.onSelectionChange(selection);
         }
-      });
-      updateIsCheckAll();
-      events.onSelectionChange(getSelected());
+        return;
+      }
+      setSelectedRowKeys(getRowKeys(rows, props.rowKey));
     };
     const setSelectedRowKeys = (keys) => {
-      if (!keys) {
+      if (!keys || !arrayIsChanged(Array.from(checkedRowKeys.value), keys)) {
         return;
       }
-      selectedRowKeys.value.clear();
-      clearSelected();
-      if (keys.length) {
-        eachTree(tableData.value, (d) => {
-          if (!d._isExpandRow && d._rowKey != null && keys.includes(d._rowKey)) {
-            selectedRowKeys.value.add(d._rowKey);
-            addSelected(d._rowKey, d);
+      const oldSelection = getSelectionRows();
+      if (tableState.reserveChecked) {
+        const [dataKeys, list] = getKeysAndList(tableData.value);
+        const [cacheKeys, cacheList] = getKeysAndList(
+          props.cacheData,
+          props.rowKey,
+          treeChildrenName.value
+        );
+        checkedRowKeys.value = new Set(keys);
+        tableState.checked.clear();
+        keys.forEach((key) => {
+          const index2 = dataKeys.indexOf(key);
+          if (index2 !== -1) {
+            tableState.checked.set(key, list[index2]);
+          } else if (props.cacheData != null) {
+            const i = cacheKeys.indexOf(key);
+            if (i !== -1) {
+              tableState.checked.set(key, cacheList[i]);
+            }
           }
         });
+      } else {
+        checkedRowKeys.value.clear();
+        tableState.checked.clear();
+        if (keys.length) {
+          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);
+            }
+          });
+        }
       }
       updateIsCheckAll();
-      events.onSelectionChange(getSelected());
+      updateSelectedRowKeys(Array.from(checkedRowKeys.value));
+      const selection = getSelectionRows();
+      if (arrayIsChanged(oldSelection, selection)) {
+        events.onSelectionChange(selection);
+      }
     };
     const toggleRowExpansionAll = (expanded) => {
       if (!expanded) {
@@ -502,40 +624,66 @@ const _sfc_main = defineComponent({
       events.onExpandChange(void 0, rows);
     };
     const clearSelection = () => {
-      selectedRowKeys.value.clear();
-      clearSelected();
-      isCheckAll.value = false;
-      events.onSelectionChange([]);
+      if (checkedRowKeys.value.size) {
+        const isChanged = !!tableState.checked.size;
+        checkedRowKeys.value.clear();
+        tableState.checked.clear();
+        isCheckAll.value = false;
+        updateSelectedRowKeys([]);
+        if (isChanged) {
+          events.onSelectionChange([]);
+        }
+      }
     };
     const getSelectionRows = () => {
-      return getSelected();
+      return Array.from(tableState.checked.values());
     };
     const toggleRowSelection = (row, selected) => {
+      const key = getValue(row, props.rowKey);
+      if (key == null || !tableState.reserveChecked && !getRowByKey(key, tableData.value)) {
+        return;
+      }
+      const oldSelection = getSelectionRows();
       toggleSelected(row, selected);
-      events.onSelectionChange(getSelected());
+      const selection = getSelectionRows();
+      if (arrayIsChanged(oldSelection, selection)) {
+        events.onSelectionChange(selection);
+      }
     };
     const toggleAllSelection = () => {
       if (!tableData.value.length) {
         return;
       }
       if (isCheckAll.value || isIndeterminate.value && !props.selectOnIndeterminate) {
-        if (selectedRowKeys.value.size) {
-          selectedRowKeys.value.clear();
-          clearSelected();
-          isCheckAll.value = false;
-          events.onSelectionChange([]);
-          events.onSelectAll([]);
+        if (checkedRowKeys.value.size) {
+          if (tableState.reserveChecked) {
+            eachTree(tableData.value, (d) => {
+              if (!d._isExpandRow && d._rowKey != null) {
+                checkedRowKeys.value.delete(d._rowKey);
+                tableState.checked.delete(d._rowKey);
+              }
+            });
+            isCheckAll.value = false;
+            updateSelectedRowKeys(Array.from(checkedRowKeys.value));
+            const selection2 = getSelectionRows();
+            events.onSelectionChange(selection2);
+            events.onSelectAll(selection2);
+          } else {
+            clearSelection();
+            events.onSelectAll([]);
+          }
         }
         return;
       }
       eachTree(tableData.value, (d) => {
         if (!d._isExpandRow && !d._rowDisabled && d._rowKey != null) {
-          selectedRowKeys.value.add(d._rowKey);
-          addSelected(d._rowKey, d);
+          checkedRowKeys.value.add(d._rowKey);
+          tableState.checked.set(d._rowKey, d);
         }
       });
       isCheckAll.value = true;
-      const selection = getSelected();
+      updateSelectedRowKeys(Array.from(checkedRowKeys.value));
+      const selection = getSelectionRows();
       events.onSelectionChange(selection);
       events.onSelectAll(selection);
     };
@@ -558,22 +706,13 @@ const _sfc_main = defineComponent({
       events.onExpandChange(row, spread);
     };
     const setCurrentRow = (row) => {
-      const oldCurrentRow = getCurrent();
-      if (oldCurrentRow == null && row == null || oldCurrentRow === row) {
-        return;
-      }
-      if (row == null) {
-        if (currentRowKey.value != null) {
-          currentRowKey.value = null;
-        }
-      } else {
-        const dataKey = getValue(row, props.rowKey);
-        if (dataKey != null && currentRowKey.value !== dataKey) {
-          currentRowKey.value = dataKey;
-        }
-      }
-      setCurrent(row);
-      events.onCurrentChange(row, oldCurrentRow);
+      updateSelectedState(getValue(row, props.rowKey), row);
+    };
+    const setCurrentRowKey = (key) => {
+      updateSelectedState(key);
+    };
+    const getCurrentRow = () => {
+      return tableState.row;
     };
     const clearSort = () => {
       if (sortBy.value != null) {
@@ -595,6 +734,9 @@ const _sfc_main = defineComponent({
         headerRows.value,
         wrapWidth.value
       );
+      if (!width) {
+        return;
+      }
       const isUpdate = colsSumWidth.value && colsSumWidth.value !== sumWidth;
       const isSizesChanged = colSizesIsChanged(bodyColSizes.value, colSizes);
       tableWidth.value = width;
@@ -649,16 +791,27 @@ const _sfc_main = defineComponent({
       }
       tableRef.value.scrollToRow(row, strategy);
     };
-    onDeactivated(() => {
-      hideTooltip();
-    });
+    const updateCurrentRowKey = (key) => {
+      if (valueIsChanged(props.currentRowKey, key)) {
+        events["onUpdate:currentRowKey"](key);
+      }
+    };
+    const updateSelectedRowKeys = (keys) => {
+      const selected = props.selectedRowKeys || [];
+      if (arrayIsChanged(selected, keys)) {
+        events["onUpdate:selectedRowKeys"](keys);
+      }
+    };
     onActivated(() => {
-      const top = getScrollTop();
+      const top = tableState.scrollTop;
       const left = tableScrollLeft.value;
       if (top || left) {
         scrollTo(top ? top - 1 : 0, left ? left - 1 : 0);
       }
     });
+    onDeactivated(() => {
+      hideTooltip();
+    });
     watch(
       [
         () => props.height,
@@ -685,16 +838,10 @@ const _sfc_main = defineComponent({
     watch(
       () => props.columns,
       (columns) => {
+        tableState.reserveChecked = isReserveChecked(columns);
         const { cols, rows } = analyseColumns(columns);
         bodyCols.value = cols;
         headerRows.value = rows;
-        tableData.value = transformTableData(
-          props.data,
-          hasExpandCol.value,
-          treeChildrenName.value,
-          props.rowKey,
-          getSelectableFunc(bodyCols.value)
-        );
         doLayout(true);
       },
       {
@@ -706,48 +853,42 @@ const _sfc_main = defineComponent({
       doLayout();
     });
     watch(
-      [hasExpandCol, treeChildrenName],
+      [() => props.data, hasExpandCol, treeChildrenName],
       () => {
         updateTableData();
       },
       { immediate: true }
     );
-    watch(
-      () => props.data,
-      () => {
-        updateTableData();
-        if (selectedRowKeys.value.size && !isReserveSelected(props.columns)) {
-          selectedRowKeys.value.clear();
-          clearSelected();
-          isCheckAll.value = false;
-          events.onSelectionChange(getSelected());
-        } else {
-          updateIsCheckAll();
-        }
-      },
-      { deep: true }
-    );
     watch(
       () => props.rowKey,
       () => {
-        isCheckAll.value = false;
-        clearSelection();
         setCurrentRow();
+        clearSelection();
         toggleRowExpansionAll(false);
         updateTableData();
       }
     );
+    watch([tableData, () => props.cacheData], () => {
+      updateSelectedAndChecked();
+    });
     watch(
       () => props.currentRowKey,
-      (currentKey) => {
-        updateCurrentRowKey(currentKey);
+      (key) => {
+        updateSelectedState(key);
       }
     );
+    watch(
+      () => props.selectedRowKeys,
+      (selectedRowKeys) => {
+        setSelectedRowKeys(selectedRowKeys || []);
+      },
+      { deep: true }
+    );
     watch(
       () => props.expandRowKeys,
       (expandKeys) => {
         if (expandKeys != null) {
-          expandedRowKeys.value = expandKeys;
+          expandedRowKeys.value = [...expandKeys];
         }
       },
       { deep: true }
@@ -766,12 +907,11 @@ const _sfc_main = defineComponent({
       tableData,
       isCheckAll,
       isIndeterminate,
-      selectedRowKeys,
+      checkedRowKeys,
       expandedRowKeys,
       sortBy,
       filtered,
       tableTooltipProps,
-      slotKeys,
       treeHasChildrenName,
       tableExpandCol,
       hasExpandCol,
@@ -800,6 +940,9 @@ const _sfc_main = defineComponent({
       onExpandCellMouseenter,
       onTableMouseleave,
       onTableScroll,
+      updateWrapSize,
+      updateTableData,
+      updateSelectedAndChecked,
       setSelectedRows,
       setSelectedRowKeys,
       toggleRowExpansionAll,
@@ -809,6 +952,8 @@ const _sfc_main = defineComponent({
       toggleAllSelection,
       toggleRowExpansion,
       setCurrentRow,
+      setCurrentRowKey,
+      getCurrentRow,
       clearSort,
       clearFilter,
       doLayout,
@@ -816,7 +961,8 @@ const _sfc_main = defineComponent({
       scrollTo,
       setScrollTop,
       setScrollLeft,
-      scrollToRow
+      scrollToRow,
+      hideTooltip
     };
   }
 });
@@ -884,7 +1030,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onCellContextmenu: _ctx.onHeaderCellContextmenu,
           onCellMouseenter: _ctx.onHeaderCellMouseenter
         }, createSlots({ _: 2 }, [
-          renderList(_ctx.slotKeys, (name) => {
+          renderList(Object.keys(_ctx.$slots).filter(
+            (k) => !["default", "empty", "append"].includes(k)
+          ), (name) => {
             return {
               name,
               fn: withCtx((slotProps) => [
@@ -902,7 +1050,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           rowData: rowProps.rowData._expandParent,
           onMouseenter: _ctx.onExpandCellMouseenter
         }, createSlots({ _: 2 }, [
-          renderList(_ctx.slotKeys, (name) => {
+          renderList(Object.keys(_ctx.$slots).filter(
+            (k) => !["default", "empty", "append"].includes(k)
+          ), (name) => {
             return {
               name,
               fn: withCtx((slotProps) => [
@@ -916,7 +1066,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           colSizes: _ctx.bodyColSizes,
           rowIndex: rowProps.rowData._rowIndex,
           rowData: rowProps.rowData,
-          selectedRowKeys: _ctx.selectedRowKeys,
+          checkedRowKeys: _ctx.checkedRowKeys,
           tableSize: _ctx.size,
           bodyCellClass: _ctx.cellClassName,
           bodyCellStyle: _ctx.cellStyle,
@@ -941,7 +1091,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onCellMouseenter: _ctx.onCellMouseenter,
           onCellMouseleave: _ctx.onCellMouseleave
         }, createSlots({ _: 2 }, [
-          renderList(_ctx.slotKeys, (name) => {
+          renderList(Object.keys(_ctx.$slots).filter(
+            (k) => !["default", "empty", "append"].includes(k)
+          ), (name) => {
             return {
               name,
               fn: withCtx((slotProps) => [
@@ -949,7 +1101,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["bodyCols", "colSizes", "rowIndex", "rowData", "selectedRowKeys", "tableSize", "bodyCellClass", "bodyCellStyle", "spanMethod", "tableTooltipProps", "pageIndex", "rowHeight", "expandColumnKey", "expandedRowKeys", "hasChildrenName", "lazy", "load", "level", "indent", "fixedCellHeight", "autoRowHeight", "onCellCheckedChange", "onCellExpandChange", "onCellClick", "onCellDblclick", "onCellContextmenu", "onCellMouseenter", "onCellMouseleave"])) : createCommentVNode("", true)
+        ]), 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"])) : createCommentVNode("", true)
       ]),
       empty: withCtx(() => [
         renderSlot(_ctx.$slots, "empty", {