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

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

@@ -23,20 +23,17 @@ const _sfc_main = vue.defineComponent({
   },
   props: props.virtualTableProps,
   emits: props.virtualTableEmits,
-  setup(props2, { emit, slots }) {
+  setup(props2, { emit }) {
     const { t } = elementPlus.useLocale();
     const events = util.useEmits(emit);
-    const {
-      getCurrent,
-      setCurrent,
-      getSelected,
-      addSelected,
-      removeSelected,
-      clearSelected,
-      getScrollTop,
-      cacheScrollTop
-    } = util$1.useState();
-    const { wrapWidth, wrapHeight } = util$1.useAutoResize(() => rootRef.value);
+    const { wrapWidth, wrapHeight, updateWrapSize } = util$1.useAutoResize(
+      () => rootRef.value
+    );
+    const tableState = {
+      checked: /* @__PURE__ */ new Map(),
+      reserveChecked: false,
+      scrollTop: 0
+    };
     const rootRef = vue.ref(null);
     const tableRef = vue.ref(null);
     const tableKey = vue.ref(1);
@@ -50,12 +47,18 @@ const _sfc_main = vue.defineComponent({
     const tableData = vue.ref([]);
     const tableColumns = vue.ref([]);
     const tableScrollLeft = vue.ref(0);
-    const currentRowKey = vue.ref(props2.currentRowKey ?? null);
-    const selectedRowKeys = vue.ref(/* @__PURE__ */ new Set([]));
+    const selectedRowKey = vue.ref(props2.currentRowKey ?? null);
+    const checkedRowKeys = vue.ref(
+      new Set(props2.selectedRowKeys || [])
+    );
     const isCheckAll = vue.ref(false);
     const expandedRowKeys = vue.ref([]);
-    const sortBy = vue.ref(util$1.getDefaultSort(props2.defaultSort));
-    const filtered = vue.reactive(util$1.getDefaultFiltered(props2.columns));
+    const sortBy = vue.ref(
+      util$1.getDefaultSort(props2.defaultSort)
+    );
+    const filtered = vue.reactive(
+      util$1.getDefaultFiltered(props2.columns)
+    );
     const tableTooltipProps = vue.reactive({
       placement: "top",
       trigger: "click",
@@ -69,11 +72,6 @@ const _sfc_main = vue.defineComponent({
       teleported: false,
       transition: "ele-transition-none"
     });
-    const slotKeys = vue.computed(() => {
-      return Object.keys(slots).filter(
-        (k) => !["default", "empty", "append"].includes(k)
-      );
-    });
     const treeTableProps = vue.computed(() => {
       return util$1.getTreeProps(props2.treeProps);
     });
@@ -165,7 +163,7 @@ const _sfc_main = vue.defineComponent({
             if (props2.stripe && (rowIndex + 1) % 2 === 0) {
               classes.push("is-even");
             }
-            if (props2.highlightCurrentRow && currentRowKey.value != null && currentRowKey.value === row._rowKey) {
+            if (props2.highlightCurrentRow && selectedRowKey.value != null && selectedRowKey.value === row._rowKey) {
               classes.push("is-current");
             }
             const rowClass = props2.rowClassName;
@@ -210,7 +208,7 @@ const _sfc_main = vue.defineComponent({
       return opt;
     });
     const isIndeterminate = vue.computed(() => {
-      return !!(selectedRowKeys.value.size && !isCheckAll.value);
+      return !!(checkedRowKeys.value.size && !isCheckAll.value);
     });
     const isPingLeft = vue.computed(() => {
       return tableScrollLeft.value > 1;
@@ -273,7 +271,7 @@ const _sfc_main = vue.defineComponent({
     };
     const onCellCheckedChange = (row, checked) => {
       toggleSelected(row, checked);
-      const selection = getSelected();
+      const selection = getSelectionRows();
       events.onSelect(selection, row);
       events.onSelectionChange(selection);
     };
@@ -284,7 +282,7 @@ const _sfc_main = vue.defineComponent({
           hasExpandCol.value,
           treeChildrenName.value,
           props2.rowKey,
-          util$1.getSelectableFunc(bodyCols.value)
+          util$1.getSelectableFunction(bodyCols.value)
         );
         let index2 = -1;
         core.eachTree(tableData.value, (d) => {
@@ -310,10 +308,19 @@ const _sfc_main = vue.defineComponent({
         setCurrentRow(row);
       }
       if (props2.rowClickChecked && !row._rowDisabled) {
-        if (props2.rowClickChecked === "smart" && selectedRowKeys.value.size === 1) {
-          setSelectedRows([row]);
+        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]);
+            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);
@@ -364,7 +371,7 @@ const _sfc_main = vue.defineComponent({
       hideTooltip();
     };
     const onTableScroll = (option) => {
-      cacheScrollTop(option.scrollTop);
+      tableState.scrollTop = option.scrollTop;
       const scrollLeft = option.scrollLeft;
       if (tableScrollLeft.value !== scrollLeft) {
         tableScrollLeft.value = scrollLeft;
@@ -390,7 +397,7 @@ const _sfc_main = vue.defineComponent({
         hasExpandCol.value,
         treeChildrenName.value,
         props2.rowKey,
-        util$1.getSelectableFunc(bodyCols.value)
+        util$1.getSelectableFunction(bodyCols.value)
       );
       if (props2.defaultExpandAll) {
         toggleRowExpansionAll(true);
@@ -399,32 +406,110 @@ const _sfc_main = vue.defineComponent({
       } else {
         toggleRowExpansionAll(false);
       }
-      updateCurrentRowKey(currentRowKey.value);
     };
-    const updateCurrentRowKey = (currentKey) => {
-      if (currentKey != null) {
-        if (!tableData.value.length) {
-          setCurrentRow();
+    const updateSelectedState = (key, item) => {
+      if (!util.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 = util$1.getRowByKey(key, tableData.value);
+        if (row != null || props2.reserveCurrent) {
+          tableState.oldRow = tableState.row;
+          tableState.row = row || item || void 0;
+          if (tableState.row == null && props2.cacheData != null) {
+            tableState.row = util$1.getRowByKey(
+              key,
+              props2.cacheData,
+              props2.rowKey,
+              treeChildrenName.value
+            );
+          }
+          selectedRowKey.value = key;
+          updateCurrentRowKey(key);
+          events.onCurrentChange(tableState.row, tableState.oldRow);
           return;
         }
-        core.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 = util$1.getRowByKey(key, tableData.value);
+        if (row != null) {
+          updateSelectedState(key, row);
+        } else if (!props2.reserveCurrent) {
+          updateSelectedState(null);
+        } else if (props2.cacheData != null) {
+          const temp = util$1.getRowByKey(
+            key,
+            props2.cacheData,
+            props2.rowKey,
+            treeChildrenName.value
+          );
+          if (temp != null) {
+            updateSelectedState(key, temp);
+          }
+        }
+      }
+      if (checkedRowKeys.value.size) {
+        const oldSelection = getSelectionRows();
+        const deletedKeys = [];
+        const [dataKeys, list] = util$1.getKeysAndList(tableData.value);
+        const [cacheKeys, cacheList] = util$1.getKeysAndList(
+          props2.cacheData,
+          props2.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 (props2.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 (util.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;
       core.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;
         }
@@ -436,52 +521,89 @@ const _sfc_main = vue.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 || !util.arrayIsChanged(getSelectionRows(), rows)) {
         return;
       }
-      selectedRowKeys.value.clear();
-      clearSelected();
-      rows.forEach((r) => {
-        const k = util.getValue(r, props2.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 = util.getValue(r, props2.rowKey);
+          if (k != null) {
+            checkedRowKeys.value.add(k);
+            tableState.checked.set(k, r);
+          }
+        });
+        updateIsCheckAll();
+        updateSelectedRowKeys(Array.from(checkedRowKeys.value));
+        const selection = getSelectionRows();
+        if (util.arrayIsChanged(oldSelection, selection)) {
+          events.onSelectionChange(selection);
         }
-      });
-      updateIsCheckAll();
-      events.onSelectionChange(getSelected());
+        return;
+      }
+      setSelectedRowKeys(util.getRowKeys(rows, props2.rowKey));
     };
     const setSelectedRowKeys = (keys) => {
-      if (!keys) {
+      if (!keys || !util.arrayIsChanged(Array.from(checkedRowKeys.value), keys)) {
         return;
       }
-      selectedRowKeys.value.clear();
-      clearSelected();
-      if (keys.length) {
-        core.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] = util$1.getKeysAndList(tableData.value);
+        const [cacheKeys, cacheList] = util$1.getKeysAndList(
+          props2.cacheData,
+          props2.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 (props2.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) {
+          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);
+            }
+          });
+        }
       }
       updateIsCheckAll();
-      events.onSelectionChange(getSelected());
+      updateSelectedRowKeys(Array.from(checkedRowKeys.value));
+      const selection = getSelectionRows();
+      if (util.arrayIsChanged(oldSelection, selection)) {
+        events.onSelectionChange(selection);
+      }
     };
     const toggleRowExpansionAll = (expanded) => {
       if (!expanded) {
@@ -503,40 +625,66 @@ const _sfc_main = vue.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 = util.getValue(row, props2.rowKey);
+      if (key == null || !tableState.reserveChecked && !util$1.getRowByKey(key, tableData.value)) {
+        return;
+      }
+      const oldSelection = getSelectionRows();
       toggleSelected(row, selected);
-      events.onSelectionChange(getSelected());
+      const selection = getSelectionRows();
+      if (util.arrayIsChanged(oldSelection, selection)) {
+        events.onSelectionChange(selection);
+      }
     };
     const toggleAllSelection = () => {
       if (!tableData.value.length) {
         return;
       }
       if (isCheckAll.value || isIndeterminate.value && !props2.selectOnIndeterminate) {
-        if (selectedRowKeys.value.size) {
-          selectedRowKeys.value.clear();
-          clearSelected();
-          isCheckAll.value = false;
-          events.onSelectionChange([]);
-          events.onSelectAll([]);
+        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);
+              }
+            });
+            isCheckAll.value = false;
+            updateSelectedRowKeys(Array.from(checkedRowKeys.value));
+            const selection2 = getSelectionRows();
+            events.onSelectionChange(selection2);
+            events.onSelectAll(selection2);
+          } else {
+            clearSelection();
+            events.onSelectAll([]);
+          }
         }
         return;
       }
       core.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);
     };
@@ -559,22 +707,13 @@ const _sfc_main = vue.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 = util.getValue(row, props2.rowKey);
-        if (dataKey != null && currentRowKey.value !== dataKey) {
-          currentRowKey.value = dataKey;
-        }
-      }
-      setCurrent(row);
-      events.onCurrentChange(row, oldCurrentRow);
+      updateSelectedState(util.getValue(row, props2.rowKey), row);
+    };
+    const setCurrentRowKey = (key) => {
+      updateSelectedState(key);
+    };
+    const getCurrentRow = () => {
+      return tableState.row;
     };
     const clearSort = () => {
       if (sortBy.value != null) {
@@ -596,6 +735,9 @@ const _sfc_main = vue.defineComponent({
         headerRows.value,
         wrapWidth.value
       );
+      if (!width) {
+        return;
+      }
       const isUpdate = colsSumWidth.value && colsSumWidth.value !== sumWidth;
       const isSizesChanged = util$1.colSizesIsChanged(bodyColSizes.value, colSizes);
       tableWidth.value = width;
@@ -650,16 +792,27 @@ const _sfc_main = vue.defineComponent({
       }
       tableRef.value.scrollToRow(row, strategy);
     };
-    vue.onDeactivated(() => {
-      hideTooltip();
-    });
+    const updateCurrentRowKey = (key) => {
+      if (util.valueIsChanged(props2.currentRowKey, key)) {
+        events["onUpdate:currentRowKey"](key);
+      }
+    };
+    const updateSelectedRowKeys = (keys) => {
+      const selected = props2.selectedRowKeys || [];
+      if (util.arrayIsChanged(selected, keys)) {
+        events["onUpdate:selectedRowKeys"](keys);
+      }
+    };
     vue.onActivated(() => {
-      const top = getScrollTop();
+      const top = tableState.scrollTop;
       const left = tableScrollLeft.value;
       if (top || left) {
         scrollTo(top ? top - 1 : 0, left ? left - 1 : 0);
       }
     });
+    vue.onDeactivated(() => {
+      hideTooltip();
+    });
     vue.watch(
       [
         () => props2.height,
@@ -686,16 +839,10 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       () => props2.columns,
       (columns) => {
+        tableState.reserveChecked = util.isReserveChecked(columns);
         const { cols, rows } = util$1.analyseColumns(columns);
         bodyCols.value = cols;
         headerRows.value = rows;
-        tableData.value = util$1.transformTableData(
-          props2.data,
-          hasExpandCol.value,
-          treeChildrenName.value,
-          props2.rowKey,
-          util$1.getSelectableFunc(bodyCols.value)
-        );
         doLayout(true);
       },
       {
@@ -707,48 +854,42 @@ const _sfc_main = vue.defineComponent({
       doLayout();
     });
     vue.watch(
-      [hasExpandCol, treeChildrenName],
+      [() => props2.data, hasExpandCol, treeChildrenName],
       () => {
         updateTableData();
       },
       { immediate: true }
     );
-    vue.watch(
-      () => props2.data,
-      () => {
-        updateTableData();
-        if (selectedRowKeys.value.size && !util.isReserveSelected(props2.columns)) {
-          selectedRowKeys.value.clear();
-          clearSelected();
-          isCheckAll.value = false;
-          events.onSelectionChange(getSelected());
-        } else {
-          updateIsCheckAll();
-        }
-      },
-      { deep: true }
-    );
     vue.watch(
       () => props2.rowKey,
       () => {
-        isCheckAll.value = false;
-        clearSelection();
         setCurrentRow();
+        clearSelection();
         toggleRowExpansionAll(false);
         updateTableData();
       }
     );
+    vue.watch([tableData, () => props2.cacheData], () => {
+      updateSelectedAndChecked();
+    });
     vue.watch(
       () => props2.currentRowKey,
-      (currentKey) => {
-        updateCurrentRowKey(currentKey);
+      (key) => {
+        updateSelectedState(key);
       }
     );
+    vue.watch(
+      () => props2.selectedRowKeys,
+      (selectedRowKeys) => {
+        setSelectedRowKeys(selectedRowKeys || []);
+      },
+      { deep: true }
+    );
     vue.watch(
       () => props2.expandRowKeys,
       (expandKeys) => {
         if (expandKeys != null) {
-          expandedRowKeys.value = expandKeys;
+          expandedRowKeys.value = [...expandKeys];
         }
       },
       { deep: true }
@@ -767,12 +908,11 @@ const _sfc_main = vue.defineComponent({
       tableData,
       isCheckAll,
       isIndeterminate,
-      selectedRowKeys,
+      checkedRowKeys,
       expandedRowKeys,
       sortBy,
       filtered,
       tableTooltipProps,
-      slotKeys,
       treeHasChildrenName,
       tableExpandCol,
       hasExpandCol,
@@ -801,6 +941,9 @@ const _sfc_main = vue.defineComponent({
       onExpandCellMouseenter,
       onTableMouseleave,
       onTableScroll,
+      updateWrapSize,
+      updateTableData,
+      updateSelectedAndChecked,
       setSelectedRows,
       setSelectedRowKeys,
       toggleRowExpansionAll,
@@ -810,6 +953,8 @@ const _sfc_main = vue.defineComponent({
       toggleAllSelection,
       toggleRowExpansion,
       setCurrentRow,
+      setCurrentRowKey,
+      getCurrentRow,
       clearSort,
       clearFilter,
       doLayout,
@@ -817,7 +962,8 @@ const _sfc_main = vue.defineComponent({
       scrollTo,
       setScrollTop,
       setScrollLeft,
-      scrollToRow
+      scrollToRow,
+      hideTooltip
     };
   }
 });
@@ -885,7 +1031,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onCellContextmenu: _ctx.onHeaderCellContextmenu,
           onCellMouseenter: _ctx.onHeaderCellMouseenter
         }, vue.createSlots({ _: 2 }, [
-          vue.renderList(_ctx.slotKeys, (name) => {
+          vue.renderList(Object.keys(_ctx.$slots).filter(
+            (k) => !["default", "empty", "append"].includes(k)
+          ), (name) => {
             return {
               name,
               fn: vue.withCtx((slotProps) => [
@@ -903,7 +1051,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           rowData: rowProps.rowData._expandParent,
           onMouseenter: _ctx.onExpandCellMouseenter
         }, vue.createSlots({ _: 2 }, [
-          vue.renderList(_ctx.slotKeys, (name) => {
+          vue.renderList(Object.keys(_ctx.$slots).filter(
+            (k) => !["default", "empty", "append"].includes(k)
+          ), (name) => {
             return {
               name,
               fn: vue.withCtx((slotProps) => [
@@ -917,7 +1067,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,
@@ -942,7 +1092,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onCellMouseenter: _ctx.onCellMouseenter,
           onCellMouseleave: _ctx.onCellMouseleave
         }, vue.createSlots({ _: 2 }, [
-          vue.renderList(_ctx.slotKeys, (name) => {
+          vue.renderList(Object.keys(_ctx.$slots).filter(
+            (k) => !["default", "empty", "append"].includes(k)
+          ), (name) => {
             return {
               name,
               fn: vue.withCtx((slotProps) => [
@@ -950,7 +1102,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"])) : vue.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"])) : vue.createCommentVNode("", true)
       ]),
       empty: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "empty", {