@fecp/designer 5.4.104 → 5.4.107

package/es/node_modules/vxe-table/es/table/src/table.mjs

@@ -1,10 +1,10 @@
 import { inject, reactive, ref, computed, watch, nextTick, onActivated, onDeactivated, onMounted, onBeforeUnmount, onUnmounted, provide, h, Teleport } from "vue";
 import { defineVxeComponent } from "../../ui/src/comp.mjs";
-import "../../../../xe-utils/es/index.esm.mjs";
-import { toCssUnit, initTpImg, getEventTargetNode, hasClass, hasControlKey, isScale, setScrollLeft, setScrollTop, removeClass, addClass, checkTargetElement, wheelScrollLeftTo, wheelScrollTopTo, getTpImg, isPx, getPaddingTopBottomSize } from "../../ui/src/dom.mjs";
+import XEUtils from "../../../../../_virtual/index2.mjs";
+import { initTpImg, getEventTargetNode, hasClass, hasControlKey, isScale, toCssUnit, setScrollLeft, setScrollTop, removeClass, addClass, checkTargetElement, getTpImg, isPx, getPaddingTopBottomSize } from "../../ui/src/dom.mjs";
 import { isEnableConf, hasChildrenList, getFuncText, eqEmptyValue, getLastZIndex, nextZIndex, formatText } from "../../ui/src/utils.mjs";
 import "../../ui/index.mjs";
-import { createReactData, createInternalData, getCalcHeight, restoreScrollLocation, getColumnList, hasDeepKey, setCellValue, getRowkey, getRowUniqueId, createRowId, getRefElem, getRowid, createHandleGetRowId, getCellRestHeight, rowToVisible, handleFieldOrColumn, toFilters, getRootColumn, handleRowidOrRow, getCellValue, clearTableAllStatus, getColReMinWidth, getLastChildColumn, createHandleUpdateRowId, toTreePathSeq, colToVisible } from "./util.mjs";
+import { createInternalData, getCalcHeight, restoreScrollLocation, getColumnList, hasDeepKey, setCellValue, getRowkey, getRowUniqueId, getRefElem, getRowid, createHandleGetRowId, getCellRestHeight, handleFieldOrColumn, colToVisible, rowToVisible, toFilters, getRootColumn, handleRowidOrRow, getCellValue, clearTableAllStatus, getColReMinWidth, getLastChildColumn, createHandleUpdateRowId, toTreePathSeq } from "./util.mjs";
 import { getSlotVNs } from "../../ui/src/vn.mjs";
 import { moveColAnimateToLr, moveRowAnimateToTb, clearRowAnimate, clearColAnimate } from "../../ui/src/anime.mjs";
 import { warnLog, errLog } from "../../ui/src/log.mjs";
@@ -29,7 +29,6 @@ import "../module/validator/hook.mjs";
 import "../module/custom/hook.mjs";
 import "../render/index.mjs";
 import { VxeUI } from "../../../../@vxe-ui/core/es/index.esm.mjs";
-import XEUtils from "../../../../xe-utils/es/ctor.mjs";
 const { getConfig, getIcon, getI18n, renderer, formats, createEvent, globalResize, interceptor, hooks, globalEvents, GLOBAL_EVENT_KEYS, useFns, renderEmptyElement } = VxeUI;
 const supportMaxRow = 5e6;
 const customStorageKey = "VXE_CUSTOM_STORE";
@@ -54,7 +53,246 @@ const VxeTableComponent = defineVxeComponent({
     const $xeGGWrapper = $xeGrid || $xeGantt;
     const { computeSize } = useFns.useSize(props);
     const crossTableDragRowInfo = getCrossTableDragRowInfo();
-    const reactData = reactive(createReactData());
+    const reactData = reactive({
+      // 低性能的静态列
+      staticColumns: [],
+      // 渲染的列分组
+      tableGroupColumn: [],
+      // 可视区渲染的列
+      tableColumn: [],
+      // 渲染中的数据
+      tableData: [],
+      // 是否启用了横向 X 可视渲染方式加载
+      scrollXLoad: false,
+      // 是否启用了纵向 Y 可视渲染方式加载
+      scrollYLoad: false,
+      // 是否存在纵向滚动条
+      overflowY: true,
+      // 是否存在横向滚动条
+      overflowX: false,
+      // 纵向滚动条的宽度
+      scrollbarWidth: 0,
+      // 横向滚动条的高度
+      scrollbarHeight: 0,
+      // 最后滚动时间戳
+      lastScrollTime: 0,
+      // 行高
+      rowHeight: 0,
+      // 表格父容器的高度
+      parentHeight: 0,
+      // 是否使用分组表头
+      isGroup: false,
+      isAllOverflow: false,
+      // 复选框属性，是否全选
+      isAllSelected: false,
+      // 复选框属性，有选中且非全选状态
+      isIndeterminate: false,
+      // 当前行
+      currentRow: null,
+      // 单选框属性，选中列
+      currentColumn: null,
+      // 单选框属性，选中行
+      selectRadioRow: null,
+      // 表尾合计数据
+      footerTableData: [],
+      // 行分组列信息
+      rowGroupColumn: null,
+      // 展开列信息
+      expandColumn: null,
+      checkboxColumn: null,
+      radioColumn: null,
+      // 树节点列信息
+      treeNodeColumn: null,
+      hasFixedColumn: false,
+      // 刷新列标识，当列筛选被改变时，触发表格刷新数据
+      upDataFlag: 0,
+      // 刷新列标识，当列的特定属性被改变时，触发表格刷新列
+      reColumnFlag: 0,
+      // 初始化标识
+      initStore: {
+        filter: false,
+        import: false,
+        export: false,
+        custom: false
+      },
+      // 自定义列相关的信息
+      customStore: {
+        btnEl: null,
+        isAll: false,
+        isIndeterminate: false,
+        activeBtn: false,
+        activeWrapper: false,
+        visible: false,
+        maxHeight: 0,
+        oldSortMaps: {},
+        oldFixedMaps: {},
+        oldVisibleMaps: {}
+      },
+      customColumnList: [],
+      // 当前选中的筛选列
+      filterStore: {
+        isAllSelected: false,
+        isIndeterminate: false,
+        style: null,
+        column: null,
+        visible: false,
+        maxHeight: null
+      },
+      // 存放列相关的信息
+      columnStore: {
+        leftList: [],
+        centerList: [],
+        rightList: [],
+        resizeList: [],
+        pxList: [],
+        pxMinList: [],
+        autoMinList: [],
+        scaleList: [],
+        scaleMinList: [],
+        autoList: [],
+        remainList: []
+      },
+      // 存放快捷菜单的信息
+      ctxMenuStore: {
+        selected: null,
+        visible: false,
+        showChild: false,
+        selectChild: null,
+        list: [],
+        style: null
+      },
+      // 存放可编辑相关信息
+      editStore: {
+        indexs: {
+          columns: []
+        },
+        titles: {
+          columns: []
+        },
+        // 选中源
+        selected: {
+          row: null,
+          column: null
+        },
+        // 已复制源
+        copyed: {
+          cut: false,
+          rows: [],
+          columns: []
+        },
+        // 激活
+        actived: {
+          row: null,
+          column: null
+        },
+        // 当前被强制聚焦单元格，只会在鼠标点击后算聚焦
+        focused: {
+          row: null,
+          column: null
+        }
+      },
+      // 存放 tooltip 相关信息
+      tooltipStore: {
+        row: null,
+        column: null,
+        content: null,
+        visible: false,
+        type: null,
+        currOpts: {}
+      },
+      // 存放数据校验相关信息
+      validStore: {
+        visible: false
+      },
+      validErrorMaps: {},
+      // 导入相关信息
+      importStore: {
+        inited: false,
+        file: null,
+        type: "",
+        modeList: [],
+        typeList: [],
+        filename: "",
+        visible: false
+      },
+      importParams: {
+        mode: "",
+        types: null,
+        message: true
+      },
+      // 导出相关信息
+      exportStore: {
+        inited: false,
+        name: "",
+        modeList: [],
+        typeList: [],
+        columns: [],
+        isPrint: false,
+        hasFooter: false,
+        hasMerge: false,
+        hasTree: false,
+        hasColgroup: false,
+        visible: false
+      },
+      exportParams: {
+        filename: "",
+        sheetName: "",
+        mode: "",
+        type: "",
+        isColgroup: false,
+        isMerge: false,
+        isAllExpand: false,
+        useStyle: false,
+        original: false,
+        message: true,
+        isHeader: false,
+        isTitle: false,
+        isFooter: false
+      },
+      visiblwRowsFlag: 1,
+      isRowGroupStatus: false,
+      rowGroupList: [],
+      aggHandleFields: [],
+      aggHandleAggColumns: [],
+      rowGroupExpandedFlag: 1,
+      rowExpandedFlag: 1,
+      treeExpandedFlag: 1,
+      updateCheckboxFlag: 1,
+      pendingRowFlag: 1,
+      insertRowFlag: 1,
+      removeRowFlag: 1,
+      mergeHeadFlag: 1,
+      mergeBodyFlag: 1,
+      mergeFootFlag: 1,
+      rowHeightStore: {
+        large: 52,
+        default: 48,
+        medium: 44,
+        small: 40,
+        mini: 36
+      },
+      scrollVMLoading: false,
+      scrollYHeight: 0,
+      scrollYTop: 0,
+      isScrollYBig: false,
+      scrollXLeft: 0,
+      scrollXWidth: 0,
+      isScrollXBig: false,
+      lazScrollLoading: false,
+      rowExpandHeightFlag: 1,
+      calcCellHeightFlag: 1,
+      resizeHeightFlag: 1,
+      resizeWidthFlag: 1,
+      isCustomStatus: false,
+      isCrossDragRow: false,
+      dragRow: null,
+      isCrossDragCol: false,
+      dragCol: null,
+      dragTipText: "",
+      isDragResize: false,
+      isRowLoading: false,
+      isColLoading: false
+    });
     const internalData = createInternalData();
     let tableMethods = {};
     let tablePrivateMethods = {};
@@ -116,11 +354,7 @@ const VxeTableComponent = defineVxeComponent({
       return `${props.rowId || rowOpts.keyField || "_X_ROW_KEY"}`;
     });
     const computeValidOpts = computed(() => {
-      const opts = Object.assign({}, getConfig().table.validConfig, props.validConfig);
-      if (XEUtils.isBoolean(opts.showMessage)) {
-        opts.showErrorMessage = opts.showMessage;
-      }
-      return opts;
+      return Object.assign({}, getConfig().table.validConfig, props.validConfig);
     });
     const computeSXOpts = computed(() => {
       const virtualXOpts = computeVirtualXOpts.value;
@@ -249,9 +483,6 @@ const VxeTableComponent = defineVxeComponent({
     const computeRowGroupOpts = computed(() => {
       return computeAggregateOpts.value;
     });
-    const computeAggregateAccuracyOpts = computed(() => {
-      return Object.assign({}, getConfig().table.aggregateAccuracyConfig, props.aggregateAccuracyConfig);
-    });
     const computeCurrentRowOpts = computed(() => {
       return Object.assign({}, getConfig().table.currentRowConfig, props.currentRowConfig);
     });
@@ -297,9 +528,6 @@ const VxeTableComponent = defineVxeComponent({
     const computeEditOpts = computed(() => {
       return Object.assign({}, getConfig().table.editConfig, props.editConfig);
     });
-    const computeEditDirtyOpts = computed(() => {
-      return Object.assign({}, getConfig().table.editDirtyConfig, props.editDirtyConfig);
-    });
     const computeSortOpts = computed(() => {
       return Object.assign({ orders: ["asc", "desc", null] }, getConfig().table.sortConfig, props.sortConfig);
     });
@@ -363,9 +591,7 @@ const VxeTableComponent = defineVxeComponent({
         const lecIndex = leftList.length;
         for (let i = 0; i < mergeBodyList.length; i++) {
           const { col, colspan } = mergeBodyList[i];
-          if (col < lecIndex && col + colspan > lecIndex) {
-            return true;
-          } else if (col < rscIndex && col + colspan > rscIndex) {
+          if (col < lecIndex || col + colspan > rscIndex) {
             return true;
           }
         }
@@ -476,38 +702,6 @@ const VxeTableComponent = defineVxeComponent({
     const computeCustomOpts = computed(() => {
       return Object.assign({}, getConfig().table.customConfig, props.customConfig);
     });
-    const computeCustomSimpleMode = computed(() => {
-      const { minHeight, height } = props;
-      const customOpts = computeCustomOpts.value;
-      const { mode, popupOptions, placement } = customOpts;
-      if (!placement || placement === "top-left" || placement === "top-right") {
-        if (!(mode === "modal" || mode === "drawer")) {
-          const { mode: mode2 } = popupOptions || {};
-          if (!mode2 || mode2 === "auto") {
-            if (height || minHeight) {
-              return "inside";
-            }
-            return "outside";
-          }
-          if (mode2) {
-            return mode2;
-          }
-        }
-      }
-      return "";
-    });
-    const computeTableStyle = computed(() => {
-      const scrollbarOpts = computeScrollbarOpts.value;
-      const { width, height } = scrollbarOpts;
-      const tStys = {};
-      if (width) {
-        tStys["--vxe-ui-table-view-scrollbar-width"] = toCssUnit(width);
-      }
-      if (height) {
-        tStys["--vxe-ui-table-view-scrollbar-height"] = toCssUnit(height);
-      }
-      return tStys;
-    });
     const computeTableRowExpandedList = computed(() => {
       const { tableData, rowExpandedFlag, expandColumn, rowGroupExpandedFlag, treeExpandedFlag } = reactData;
       const { visibleDataRowIdData, rowExpandedMaps } = internalData;
@@ -548,32 +742,6 @@ const VxeTableComponent = defineVxeComponent({
       }
       return false;
     });
-    const computeKeepFields = computed(() => {
-      const { tableFullColumn } = internalData;
-      const { updateColFlag } = reactData;
-      const editDirtyOpts = computeEditDirtyOpts.value;
-      const { includeFields, excludeFields } = editDirtyOpts;
-      const kpFields = [];
-      if (updateColFlag) {
-        if (includeFields && includeFields.length) {
-          return includeFields;
-        }
-        const exfMaps = {};
-        if (excludeFields && excludeFields.length) {
-          excludeFields.forEach((field) => {
-            exfMaps[field] = 1;
-          });
-        }
-        for (let i = 0; i < tableFullColumn.length; i++) {
-          const column = tableFullColumn[i];
-          const { field, type, editRender, cellRender } = column;
-          if (field && !type && (editRender || cellRender) && !exfMaps[field]) {
-            kpFields.push(field);
-          }
-        }
-      }
-      return kpFields;
-    });
     const computeTableBorder = computed(() => {
       const { border } = props;
       if (border === true) {
@@ -681,7 +849,6 @@ const VxeTableComponent = defineVxeComponent({
       computeFooterCellOpts,
       computeRowOpts,
       computeAggregateOpts,
-      computeAggregateAccuracyOpts,
       computeRowGroupOpts,
       computeCurrentRowOpts,
       computeRowDragOpts,
@@ -695,7 +862,6 @@ const VxeTableComponent = defineVxeComponent({
       computeHeaderTooltipOpts,
       computeFooterTooltipOpts,
       computeEditOpts,
-      computeEditDirtyOpts,
       computeSortOpts,
       computeFilterOpts,
       computeFloatingFilterOpts,
@@ -720,13 +886,11 @@ const VxeTableComponent = defineVxeComponent({
       computeLoadingOpts,
       computeCellOffsetWidth,
       computeCustomOpts,
-      computeCustomSimpleMode,
       computeLeftFixedWidth,
       computeRightFixedWidth,
       computeBodyMergeCoverFixed,
       computeFixedColumnSize,
       computeIsMaxFixedColumn,
-      computeKeepFields,
       computeIsAllCheckboxDisabled,
       computeIsHeaderRenderOptimize,
       computeIsBodyRenderOptimize,
@@ -938,44 +1102,32 @@ const VxeTableComponent = defineVxeComponent({
       }
       return { toVisibleIndex: 0, visibleSize: 6 };
     };
-    const calculateMergerOffsetIndex = (list, mergeMaps, offsetItem, type) => {
-      const mKey = `${offsetItem.startIndex}:${offsetItem.endIndex}`;
-      const mObj = mergeMaps[mKey];
-      if (mObj) {
-        offsetItem.startIndex = mObj.startIndex;
-        offsetItem.endIndex = mObj.endIndex;
-      } else {
-        for (let mcIndex = 0, len = list.length; mcIndex < len; mcIndex++) {
-          const mergeItem = list[mcIndex];
-          const { startIndex, endIndex } = offsetItem;
-          const mergeStartIndex = mergeItem[type];
-          const mergeSpanNumber = mergeItem[type + "span"];
-          const mergeEndIndex = mergeStartIndex + mergeSpanNumber;
-          if (mergeStartIndex < startIndex && startIndex < mergeEndIndex) {
-            offsetItem.startIndex = mergeStartIndex;
-          }
-          if (mergeStartIndex < endIndex && endIndex < mergeEndIndex) {
-            offsetItem.endIndex = mergeEndIndex;
-          }
-          if (offsetItem.startIndex !== startIndex || offsetItem.endIndex !== endIndex) {
-            mcIndex = -1;
-          }
+    const calculateMergerOffsetIndex = (list, offsetItem, type) => {
+      for (let mcIndex = 0, len = list.length; mcIndex < len; mcIndex++) {
+        const mergeItem = list[mcIndex];
+        const { startIndex, endIndex } = offsetItem;
+        const mergeStartIndex = mergeItem[type];
+        const mergeSpanNumber = mergeItem[type + "span"];
+        const mergeEndIndex = mergeStartIndex + mergeSpanNumber;
+        if (mergeStartIndex < startIndex && startIndex < mergeEndIndex) {
+          offsetItem.startIndex = mergeStartIndex;
+        }
+        if (mergeStartIndex < endIndex && endIndex < mergeEndIndex) {
+          offsetItem.endIndex = mergeEndIndex;
+        }
+        if (offsetItem.startIndex !== startIndex || offsetItem.endIndex !== endIndex) {
+          mcIndex = -1;
         }
-        mergeMaps[mKey] = offsetItem;
       }
     };
     function buildMergeData(mergeConfigs) {
       const mergeMaps = {};
-      const mergeRowMaps = {};
-      const mergeColMaps = {};
       if (mergeConfigs && mergeConfigs.length) {
         for (let mIndex = 0; mIndex < mergeConfigs.length; mIndex++) {
           const { row: _rowIndex, col: _columnIndex, rowspan: mergeRowspan, colspan: mergeColspan } = mergeConfigs[mIndex];
           for (let i = 0; i < mergeRowspan; i++) {
-            const currRIndex = _rowIndex + i;
             for (let j = 0; j < mergeColspan; j++) {
-              const currCIndex = _columnIndex + j;
-              mergeMaps[`${currRIndex}:${currCIndex}`] = !i && !j ? {
+              mergeMaps[`${_rowIndex + i}:${_columnIndex + j}`] = !i && !j ? {
                 rowspan: mergeRowspan,
                 colspan: mergeColspan
               } : {
@@ -986,14 +1138,12 @@ const VxeTableComponent = defineVxeComponent({
           }
         }
       }
-      return { mergeMaps, mergeRowMaps, mergeColMaps };
+      return mergeMaps;
     }
     const handleUpdateMergeBodyCells = (merges) => {
       internalData.mergeBodyList = [];
       internalData.mergeBodyMaps = {};
       internalData.mergeBodyCellMaps = {};
-      internalData.mergeBodyRowMaps = {};
-      internalData.mergeBodyColMaps = {};
       $xeTable.setMergeCells(merges);
     };
     const handleBodyMerge = (merges) => {
@@ -1105,8 +1255,6 @@ const VxeTableComponent = defineVxeComponent({
       internalData.mergeHeaderList = [];
       internalData.mergeHeaderMaps = {};
       internalData.mergeHeaderCellMaps = {};
-      internalData.mergeHeaderRowMaps = {};
-      internalData.mergeBodyColMaps = {};
       $xeTable.setMergeHeaderCells(merges);
     };
     const handleHeaderMerge = (merges) => {
@@ -1205,8 +1353,6 @@ const VxeTableComponent = defineVxeComponent({
       internalData.mergeFooterList = [];
       internalData.mergeFooterMaps = {};
       internalData.mergeFooterCellMaps = {};
-      internalData.mergeFooterRowMaps = {};
-      internalData.mergeFooterColMaps = {};
       $xeTable.setMergeFooterCells(merges);
     };
     const handleFooterMerge = (merges) => {
@@ -1477,7 +1623,6 @@ const VxeTableComponent = defineVxeComponent({
           const newCollectCols = XEUtils.toArrayTree(XEUtils.orderBy(allCols, "renderSortNumber"), { key: "id", parentKey: "parentId", children: "children" });
           internalData.collectColumn = newCollectCols;
           internalData.tableFullColumn = getColumnList(newCollectCols);
-          reactData.updateColFlag++;
         }
         reactData.isCustomStatus = true;
       } else {
@@ -1515,26 +1660,6 @@ const VxeTableComponent = defineVxeComponent({
         }
       }
     };
-    const updateColumnAllOverflow = () => {
-      const { showOverflow } = props;
-      const { isGroup } = reactData;
-      const { fullAllDataRowIdData, tableFullColumn, collectColumn } = internalData;
-      let isAllOverflow = !!showOverflow;
-      const handleFunc = (column) => {
-        if (isAllOverflow && column.showOverflow === false) {
-          isAllOverflow = false;
-        }
-      };
-      if (isGroup) {
-        XEUtils.eachTree(collectColumn, handleFunc);
-      } else {
-        tableFullColumn.forEach(handleFunc);
-      }
-      XEUtils.each(fullAllDataRowIdData, (rowRest) => {
-        rowRest.height = 0;
-      });
-      reactData.isAllOverflow = isAllOverflow;
-    };
     const cacheColumnMap = () => {
       const { treeConfig, showOverflow } = props;
       const { tableFullColumn, collectColumn } = internalData;
@@ -1874,7 +1999,7 @@ const VxeTableComponent = defineVxeComponent({
         if (sortBy) {
           cellValue = XEUtils.isFunction(sortBy) ? sortBy({ row, column }) : XEUtils.get(row, sortBy);
         } else {
-          cellValue = $xeTable.getCellLabel(row, column);
+          cellValue = tableMethods.getCellLabel(row, column);
         }
         if (!sortType || sortType === "auto") {
           return isNaN(cellValue) ? cellValue : XEUtils.toNumber(cellValue);
@@ -1889,7 +2014,7 @@ const VxeTableComponent = defineVxeComponent({
         if (sortBy) {
           cellValue = XEUtils.isFunction(sortBy) ? sortBy({ row, column }) : XEUtils.get(row, sortBy);
         } else {
-          cellValue = $xeTable.getCellLabel(row, column);
+          cellValue = tableMethods.getCellLabel(row, column);
         }
         if (!sortType || sortType === "auto") {
           return isNaN(cellValue) ? cellValue : XEUtils.toNumber(cellValue);
@@ -2024,8 +2149,8 @@ const VxeTableComponent = defineVxeComponent({
       const treeOpts = computeTreeOpts.value;
       const childrenField = treeOpts.children || treeOpts.childrenField;
       const { transform, rowField, parentField, mapChildrenField } = treeOpts;
-      const { isEvery, remote: allRemoteFilter, filterMethod: allFilterMethod, isDeep: isFilterDeep } = filterOpts;
-      const { remote: allRemoteSort, sortMethod: allSortMethod, multiple: sortMultiple, chronological, isDeep: isSortDeep } = sortOpts;
+      const { isEvery, remote: allRemoteFilter, filterMethod: allFilterMethod } = filterOpts;
+      const { remote: allRemoteSort, sortMethod: allSortMethod, multiple: sortMultiple, chronological } = sortOpts;
       let tableData = [];
       let tableTree = [];
       if (!allRemoteFilter || !allRemoteSort) {
@@ -2081,7 +2206,7 @@ const VxeTableComponent = defineVxeComponent({
               mapChildren: aggregateOpts.childrenField
             });
             tableData = tableTree;
-          } else if (treeConfig && transform && isFilterDeep !== false) {
+          } else if (treeConfig && transform) {
             tableTree = XEUtils.searchTree(tableFullTreeData, handleFilter, {
               original: true,
               isEvery,
@@ -2102,7 +2227,7 @@ const VxeTableComponent = defineVxeComponent({
               mapChildren: aggregateOpts.childrenField
             });
             tableData = tableTree;
-          } else if (treeConfig && transform && isFilterDeep !== false) {
+          } else if (treeConfig && transform) {
             tableTree = XEUtils.searchTree(tableFullTreeData, () => true, {
               original: true,
               isEvery,
@@ -2134,7 +2259,7 @@ const VxeTableComponent = defineVxeComponent({
               });
             }
             tableData = tableTree;
-          } else if (treeConfig && transform && isSortDeep !== false) {
+          } else if (treeConfig && transform) {
             if (allSortMethod) {
               const sortRests = allSortMethod({ data: tableTree, sortList: orderColumns, $table: $xeTable });
               tableTree = XEUtils.isArray(sortRests) ? sortRests : tableTree;
@@ -2169,7 +2294,7 @@ const VxeTableComponent = defineVxeComponent({
             mapChildren: aggregateOpts.childrenField
           });
           tableData = tableTree;
-        } else if (treeConfig && transform && isSortDeep !== false) {
+        } else if (treeConfig && transform) {
           tableTree = XEUtils.searchTree(tableFullTreeData, () => true, {
             original: true,
             isEvery,
@@ -3164,7 +3289,6 @@ const VxeTableComponent = defineVxeComponent({
       if (rowGroups) {
         const aggregateOpts = computeAggregateOpts.value;
         const { rowField, parentField, childrenField, mapChildrenField } = aggregateOpts;
-        const rowOpts = computeRowOpts.value;
         const checkboxOpts = computeCheckboxOpts.value;
         const { checkField } = checkboxOpts;
         const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
@@ -3200,10 +3324,10 @@ const VxeTableComponent = defineVxeComponent({
               childCount: 0,
               [rowField]: getRowUniqueId(),
               [parentField]: null,
+              [rowkey]: getRowUniqueId(),
               [childrenField]: childTreeData,
               [mapChildrenField]: childTreeData
             };
-            aggRow[rowkey] = createRowId(rowOpts, aggRow, rowkey);
             if (checkField) {
               aggRow[checkField] = false;
             }
@@ -3349,7 +3473,7 @@ const VxeTableComponent = defineVxeComponent({
           if (reactData.expandColumn && expandOpts.mode !== "fixed") {
             errLog("vxe.error.notConflictProp", ['column.type="expand', 'expand-config.mode="fixed"']);
           }
-          if (virtualYOpts.mode === "scroll" && reactData.expandColumn && expandOpts.mode === "fixed") {
+          if (virtualYOpts.mode === "scroll" && expandOpts.mode === "fixed") {
             warnLog("vxe.error.notConflictProp", ["virtual-y-config.mode=scroll", "expand-config.mode=inside"]);
           }
           if (!(props.height || props.maxHeight)) {
@@ -3452,14 +3576,13 @@ const VxeTableComponent = defineVxeComponent({
     const handleUpdateColumn = () => {
       const columnList = XEUtils.orderBy(internalData.collectColumn, "renderSortNumber");
       internalData.collectColumn = columnList;
-      const tFullColumn = getColumnList(columnList);
-      internalData.tableFullColumn = tFullColumn;
-      reactData.updateColFlag++;
+      const tableFullColumn = getColumnList(columnList);
+      internalData.tableFullColumn = tableFullColumn;
       cacheColumnMap();
     };
     const loadScrollXData = () => {
       const { isScrollXBig } = reactData;
-      const { mergeBodyList, mergeFooterList, mergeBodyRowMaps, scrollXStore } = internalData;
+      const { mergeBodyList, mergeFooterList, scrollXStore } = internalData;
       const { preloadSize, startIndex, endIndex, offsetSize } = scrollXStore;
       const { toVisibleIndex, visibleSize } = handleVirtualXVisible();
       const offsetItem = {
@@ -3468,7 +3591,7 @@ const VxeTableComponent = defineVxeComponent({
       };
       scrollXStore.visibleStartIndex = toVisibleIndex - 1;
       scrollXStore.visibleEndIndex = toVisibleIndex + visibleSize + 1;
-      calculateMergerOffsetIndex(mergeBodyList.concat(mergeFooterList), mergeBodyRowMaps, offsetItem, "col");
+      calculateMergerOffsetIndex(mergeBodyList.concat(mergeFooterList), offsetItem, "col");
       const { startIndex: offsetStartIndex, endIndex: offsetEndIndex } = offsetItem;
       if (toVisibleIndex <= startIndex || toVisibleIndex >= endIndex - visibleSize - 1) {
         if (startIndex !== offsetStartIndex || endIndex !== offsetEndIndex) {
@@ -3608,9 +3731,8 @@ const VxeTableComponent = defineVxeComponent({
     const handleInitColumn = (collectColumn) => {
       const expandOpts = computeExpandOpts.value;
       internalData.collectColumn = collectColumn;
-      const tFullColumn = getColumnList(collectColumn);
-      internalData.tableFullColumn = tFullColumn;
-      reactData.updateColFlag++;
+      const tableFullColumn = getColumnList(collectColumn);
+      internalData.tableFullColumn = tableFullColumn;
       reactData.isColLoading = true;
       initColumnHierarchy();
       return Promise.resolve(restoreCustomStorage()).then(() => {
@@ -3827,7 +3949,7 @@ const VxeTableComponent = defineVxeComponent({
     };
     const loadScrollYData = () => {
       const { isAllOverflow, isScrollYBig } = reactData;
-      const { mergeBodyList, mergeBodyColMaps, scrollYStore } = internalData;
+      const { mergeBodyList, scrollYStore } = internalData;
       const { preloadSize, startIndex, endIndex, offsetSize } = scrollYStore;
       const autoOffsetYSize = isAllOverflow ? offsetSize : offsetSize + 1;
       const { toVisibleIndex, visibleSize } = handleVirtualYVisible();
@@ -3837,7 +3959,7 @@ const VxeTableComponent = defineVxeComponent({
       };
       scrollYStore.visibleStartIndex = toVisibleIndex - 1;
       scrollYStore.visibleEndIndex = toVisibleIndex + visibleSize + 1;
-      calculateMergerOffsetIndex(mergeBodyList, mergeBodyColMaps, offsetItem, "row");
+      calculateMergerOffsetIndex(mergeBodyList, offsetItem, "row");
       const { startIndex: offsetStartIndex, endIndex: offsetEndIndex } = offsetItem;
       if (toVisibleIndex <= startIndex || toVisibleIndex >= endIndex - visibleSize - 1) {
         if (startIndex !== offsetStartIndex || endIndex !== offsetEndIndex) {
@@ -3940,7 +4062,7 @@ const VxeTableComponent = defineVxeComponent({
       return Promise.all([
         xRest,
         yRest,
-        scrollXLoad || scrollYLoad ? $xeTable.updateCellAreas() : null
+        $xeTable.updateCellAreas()
       ]);
     };
     const checkLastSyncScroll = (isRollX, isRollY) => {
@@ -3980,6 +4102,32 @@ const VxeTableComponent = defineVxeComponent({
       }
       return multiple;
     };
+    const wheelScrollLeftTo = (scrollLeft, cb) => {
+      requestAnimationFrame(() => {
+        cb(scrollLeft);
+      });
+    };
+    const wheelScrollTopTo = (diffNum, cb) => {
+      const duration = Math.abs(diffNum);
+      const startTime = performance.now();
+      let countTop = 0;
+      const step = (timestamp) => {
+        let progress = (timestamp - startTime) / duration;
+        if (progress < 0) {
+          progress = 0;
+        } else if (progress > 1) {
+          progress = 1;
+        }
+        const easedProgress = Math.pow(progress, 2);
+        const offsetTop = Math.floor(diffNum * easedProgress) - countTop;
+        countTop += offsetTop;
+        cb(offsetTop);
+        if (progress < 1) {
+          requestAnimationFrame(step);
+        }
+      };
+      requestAnimationFrame(step);
+    };
     const syncGanttScrollTop = (scrollTop) => {
       const $xeGanttView = internalData.xeGanttView;
       if ($xeGanttView) {
@@ -3994,11 +4142,11 @@ const VxeTableComponent = defineVxeComponent({
     const dispatchEvent = (type, params, evnt) => {
       emit(type, createEvent(evnt, { $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }, params));
     };
-    const handleScrollToRowColumn = (fieldOrColumn, row, options) => {
+    const handleScrollToRowColumn = (fieldOrColumn, row) => {
       const { fullColumnIdData } = internalData;
       const column = handleFieldOrColumn($xeTable, fieldOrColumn);
       if (column && fullColumnIdData[column.id]) {
-        return colToVisible($xeTable, options ? options.colAlign !== false : true, column, row);
+        return colToVisible($xeTable, column, row);
       }
       return nextTick();
     };
@@ -4085,7 +4233,7 @@ const VxeTableComponent = defineVxeComponent({
             const rowid = expandEl.getAttribute("rowid") || "";
             const rowRest = fullAllDataRowIdData[rowid];
             if (rowRest) {
-              const expandHeight = expandEl.offsetHeight;
+              const expandHeight = expandEl.offsetHeight + 1;
               const trEl = bodyScrollElem.querySelector(`.vxe-body--row[rowid="${rowid}"]`);
               let offsetTop = 0;
               if (scrollYLoad) {
@@ -4382,7 +4530,7 @@ const VxeTableComponent = defineVxeComponent({
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const parentRest = fullAllDataRowIdData[getRowid($xeTable, row)];
         const parentLevel = parentRest ? parentRest.level : 0;
-        return $xeTable.createData(childRecords).then((rows) => {
+        return tableMethods.createData(childRecords).then((rows) => {
           if (keepSource) {
             const rowid = getRowid($xeTable, row);
             const matchObj = XEUtils.findTree(tableSourceData, (item) => rowid === getRowid($xeTable, item), { children: childrenField });
@@ -4437,8 +4585,8 @@ const VxeTableComponent = defineVxeComponent({
        * @param {ColumnInfo} columns 列配置
        */
       reloadColumn(columns) {
-        return $xeTable.clearAll().then(() => {
-          return $xeTable.loadColumn(columns);
+        return tableMethods.clearAll().then(() => {
+          return tableMethods.loadColumn(columns);
         });
       },
       /**
@@ -4529,7 +4677,7 @@ const VxeTableComponent = defineVxeComponent({
        */
       createData(records) {
         return nextTick().then(() => {
-          return reactive($xeTable.defineField(records));
+          return reactive(tablePrivateMethods.defineField(records));
         });
       },
       /**
@@ -4542,7 +4690,7 @@ const VxeTableComponent = defineVxeComponent({
         if (!isArr) {
           records = [records || {}];
         }
-        return $xeTable.createData(records).then((rows) => isArr ? rows : rows[0]);
+        return tableMethods.createData(records).then((rows) => isArr ? rows : rows[0]);
       },
       /**
        * 还原数据
@@ -4726,7 +4874,7 @@ const VxeTableComponent = defineVxeComponent({
               const tcFormatMethod = gFormatOpts ? gFormatOpts.tableCellFormatMethod || gFormatOpts.cellFormatMethod : null;
               cellLabel = tcFormatMethod ? tcFormatMethod(formatParams, ...formatter.slice(1)) : "";
             } else {
-              cellLabel = formatter(formatParams);
+              cellLabel = `${formatter(formatParams)}`;
             }
           } else if (renderOpts && tcFormatter) {
             cellLabel = tcFormatter(renderOpts, formatParams);
@@ -4737,43 +4885,6 @@ const VxeTableComponent = defineVxeComponent({
         }
         return cellLabel;
       },
-      updateCellLabel(row, fieldOrColumn) {
-        const column = handleFieldOrColumn($xeTable, fieldOrColumn);
-        if (!column) {
-          return null;
-        }
-        const { fullAllDataRowIdData } = internalData;
-        const rowid = getRowid($xeTable, row);
-        if (rowid) {
-          const colid = column.id;
-          const rowid2 = getRowid($xeTable, row);
-          const rowRest = fullAllDataRowIdData[rowid2];
-          if (rowRest) {
-            const formatData = rowRest.formatData;
-            if (formatData) {
-              delete formatData[colid];
-            }
-          }
-        }
-        return $xeTable.getFooterCellLabel(row, column);
-      },
-      clearFormatterCache(isUpdate) {
-        const { tableData, tableColumn } = reactData;
-        const { fullAllDataRowIdData } = internalData;
-        XEUtils.each(fullAllDataRowIdData, (rowRest) => {
-          if (rowRest.formatData) {
-            rowRest.formatData = void 0;
-          }
-        });
-        if (isUpdate) {
-          tableData.forEach((row) => {
-            tableColumn.forEach((column) => {
-              $xeTable.getCellLabel(row, column);
-            });
-          });
-        }
-        return nextTick();
-      },
       getFooterCellLabel(row, fieldOrColumn) {
         const column = handleFieldOrColumn($xeTable, fieldOrColumn);
         if (!column) {
@@ -4838,41 +4949,6 @@ const VxeTableComponent = defineVxeComponent({
         }
         return cellLabel;
       },
-      updateFooterCellLabel(row, fieldOrColumn) {
-        const column = handleFieldOrColumn($xeTable, fieldOrColumn);
-        if (!column) {
-          return null;
-        }
-        const { footerTableData } = reactData;
-        const { footerFullDataRowData } = internalData;
-        const colid = column.id;
-        const $rowIndex = footerTableData.indexOf(row);
-        const rowRest = footerFullDataRowData[$rowIndex];
-        if (rowRest) {
-          const formatData = rowRest.formatData;
-          if (formatData) {
-            delete formatData[colid];
-          }
-        }
-        return $xeTable.getFooterCellLabel(row, column);
-      },
-      clearFooterFormatterCache(isUpdate) {
-        const { tableData, tableColumn } = reactData;
-        const { footerFullDataRowData } = internalData;
-        XEUtils.each(footerFullDataRowData, (rowRest) => {
-          if (rowRest.formatData) {
-            rowRest.formatData = void 0;
-          }
-        });
-        if (isUpdate) {
-          tableData.forEach((row) => {
-            tableColumn.forEach((column) => {
-              $xeTable.getFooterCellLabel(row, column);
-            });
-          });
-        }
-        return nextTick();
-      },
       /**
        * 检查是否为临时行数据
        */
@@ -4896,8 +4972,7 @@ const VxeTableComponent = defineVxeComponent({
        */
       isUpdateByRow(rowidOrRow, field) {
         const { keepSource } = props;
-        const { fullDataRowIdData, sourceDataRowIdData } = internalData;
-        const keepFields = computeKeepFields.value;
+        const { tableFullColumn, fullDataRowIdData, sourceDataRowIdData } = internalData;
         if (keepSource) {
           const rowid = XEUtils.isString(rowidOrRow) || XEUtils.isNumber(rowidOrRow) ? rowidOrRow : getRowid($xeTable, rowidOrRow);
           const rowRest = fullDataRowIdData[rowid];
@@ -4910,8 +4985,9 @@ const VxeTableComponent = defineVxeComponent({
             if (arguments.length > 1) {
               return !eqCellValue(oRow, row, field);
             }
-            for (let i = 0; i < keepFields.length; i++) {
-              if (!eqCellValue(oRow, row, keepFields[i])) {
+            for (let index = 0, len = tableFullColumn.length; index < len; index++) {
+              const property = tableFullColumn[index].field;
+              if (property && !eqCellValue(oRow, row, property)) {
                 return true;
               }
             }
@@ -5243,14 +5319,14 @@ const VxeTableComponent = defineVxeComponent({
               column2.fixed = fixed;
               column2.renderFixed = fixed;
             });
-            $xeTable.saveCustomStore("update:fixed");
+            tablePrivateMethods.saveCustomStore("update:fixed");
             if (!status) {
               status = true;
             }
           }
         }
         if (status) {
-          return $xeTable.refreshColumn();
+          return tableMethods.refreshColumn();
         }
         return nextTick();
       },
@@ -5268,14 +5344,14 @@ const VxeTableComponent = defineVxeComponent({
               column2.fixed = null;
               column2.renderFixed = null;
             });
-            $xeTable.saveCustomStore("update:fixed");
+            tablePrivateMethods.saveCustomStore("update:fixed");
             if (!status) {
               status = true;
             }
           }
         });
         if (status) {
-          return $xeTable.refreshColumn();
+          return tableMethods.refreshColumn();
         }
         return nextTick();
       },
@@ -5631,8 +5707,8 @@ const VxeTableComponent = defineVxeComponent({
         const checkboxOpts = computeCheckboxOpts.value;
         const { checkField } = checkboxOpts;
         const checked = checkField ? !XEUtils.get(row, checkField) : !selectCheckboxMaps[getRowid($xeTable, row)];
-        $xeTable.handleBatchSelectRows([row], checked, true);
-        $xeTable.checkSelectionStatus();
+        tablePrivateMethods.handleBatchSelectRows([row], checked, true);
+        tablePrivateMethods.checkSelectionStatus();
         return nextTick();
       },
       /**
@@ -5769,7 +5845,7 @@ const VxeTableComponent = defineVxeComponent({
         const $xeGanttView = internalData.xeGanttView;
         const rowOpts = computeRowOpts.value;
         const el = refElem.value;
-        $xeTable.clearCurrentRow();
+        tableMethods.clearCurrentRow();
         reactData.currentRow = row;
         if (rowOpts.isCurrent || props.highlightCurrentRow) {
           if (el) {
@@ -5951,7 +6027,7 @@ const VxeTableComponent = defineVxeComponent({
         return nextTick();
       },
       hasPendingByRow(row) {
-        return $xeTable.isPendingByRow(row);
+        return tableMethods.isPendingByRow(row);
       },
       isPendingByRow(row) {
         const { pendingRowMaps } = internalData;
@@ -5994,7 +6070,7 @@ const VxeTableComponent = defineVxeComponent({
             let { field, order } = confs;
             let column = field;
             if (XEUtils.isString(field)) {
-              column = $xeTable.getColumnByField(field);
+              column = tableMethods.getColumnByField(field);
             }
             if (column && column.sortable) {
               if (orders && orders.indexOf(order) === -1) {
@@ -6007,11 +6083,11 @@ const VxeTableComponent = defineVxeComponent({
             }
           });
           if (!remote) {
-            $xeTable.handleTableData(true);
+            tablePrivateMethods.handleTableData(true);
           }
           return nextTick().then(() => {
             updateRowOffsetTop();
-            $xeTable.updateCellAreas();
+            tableMethods.updateCellAreas();
             return updateStyle();
           });
         }
@@ -6090,7 +6166,7 @@ const VxeTableComponent = defineVxeComponent({
           const column = handleFieldOrColumn($xeTable, fieldOrColumn);
           return column ? column.sortable && !!column.order : false;
         }
-        return $xeTable.getSortColumns().length > 0;
+        return tableMethods.getSortColumns().length > 0;
       },
       getSortColumns() {
         const sortOpts = computeSortOpts.value;
@@ -6150,7 +6226,7 @@ const VxeTableComponent = defineVxeComponent({
         return $xeTable.getCheckedFilters().length > 0;
       },
       isFilter(fieldOrColumn) {
-        return $xeTable.isActiveFilterByColumn(fieldOrColumn);
+        return tableMethods.isActiveFilterByColumn(fieldOrColumn);
       },
       clearFilterByEvent(evnt, fieldOrColumn) {
         const { filterStore } = reactData;
@@ -6281,7 +6357,7 @@ const VxeTableComponent = defineVxeComponent({
         } else {
           expandedRows = tableFullData;
         }
-        return $xeTable.setRowExpand(expandedRows, expanded);
+        return tableMethods.setRowExpand(expandedRows, expanded);
       },
       /**
        * 设置展开行，二个参数设置这一行展开与否
@@ -6354,7 +6430,7 @@ const VxeTableComponent = defineVxeComponent({
       },
       isExpandByRow(row) {
         warnLog("vxe.error.delFunc", ["isExpandByRow", "isRowExpandByRow"]);
-        return $xeTable.isRowExpandByRow(row);
+        return tableMethods.isRowExpandByRow(row);
       },
       /**
        * 手动清空展开行状态，数据会恢复成未展开的状态
@@ -6776,45 +6852,37 @@ const VxeTableComponent = defineVxeComponent({
           setScrollLeft(bodyScrollElem, scrollLeft);
           setScrollLeft(headerScrollElem, scrollLeft);
           setScrollLeft(footerScrollElem, scrollLeft);
-          if (reactData.scrollXLoad) {
-            loadScrollXData();
-          }
+          loadScrollXData();
         }
         if (XEUtils.isNumber(scrollTop)) {
           setScrollTop(yHandleEl, scrollTop);
           setScrollTop(bodyScrollElem, scrollTop);
           setScrollTop(leftScrollElem, scrollTop);
           setScrollTop(rightScrollElem, scrollTop);
-          if (reactData.scrollYLoad) {
-            loadScrollYData();
-          }
+          loadScrollYData();
         }
-        return new Promise((resolve) => {
-          setTimeout(() => {
-            nextTick(() => {
-              internalData.intoRunScroll = false;
-              resolve();
-            });
-          }, reactData.scrollXLoad || reactData.scrollYLoad ? 30 : 0);
+        if (reactData.scrollXLoad || reactData.scrollYLoad) {
+          return new Promise((resolve) => {
+            setTimeout(() => {
+              nextTick(() => {
+                internalData.intoRunScroll = false;
+                resolve();
+              });
+            }, 30);
+          });
+        }
+        return nextTick().then(() => {
+          internalData.intoRunScroll = false;
         });
       },
       /**
        * 如果有滚动条，则滚动到对应的行
+       * @param {Row} row 行对象
+       * @param {ColumnInfo} fieldOrColumn 列配置
        */
-      scrollToRow(rowOrRowid, fieldOrColumn, options) {
+      scrollToRow(row, fieldOrColumn) {
         const { isAllOverflow, scrollYLoad, scrollXLoad } = reactData;
-        const { fullAllDataRowIdData, _sToTime } = internalData;
         const rest = [];
-        let row;
-        if (XEUtils.isString(rowOrRowid) || XEUtils.isNumber(rowOrRowid)) {
-          const rowid = rowOrRowid;
-          const rowRest = rowid ? fullAllDataRowIdData[rowid] : null;
-          if (rowRest) {
-            row = rowRest.row;
-          }
-        } else {
-          row = rowOrRowid;
-        }
         if (row) {
           if (props.treeConfig) {
             rest.push($xeTable.scrollToTreeRow(row));
@@ -6823,29 +6891,13 @@ const VxeTableComponent = defineVxeComponent({
           }
         }
         if (fieldOrColumn) {
-          rest.push(handleScrollToRowColumn(fieldOrColumn, row, options));
-        }
-        if (_sToTime) {
-          clearTimeout(_sToTime);
+          rest.push(handleScrollToRowColumn(fieldOrColumn, row));
         }
         return Promise.all(rest).then(() => {
           if (row) {
             if (!isAllOverflow && (scrollYLoad || scrollXLoad)) {
               calcCellHeight();
               calcCellWidth();
-              internalData._sToTime = setTimeout(() => {
-                internalData._sToTime = void 0;
-                if (scrollYLoad) {
-                  if (props.treeConfig) {
-                    $xeTable.scrollToTreeRow(row);
-                  } else {
-                    rowToVisible($xeTable, row);
-                  }
-                }
-                if (scrollXLoad && fieldOrColumn) {
-                  handleScrollToRowColumn(fieldOrColumn, row, options);
-                }
-              }, 350);
             }
             return nextTick();
           }
@@ -6854,36 +6906,41 @@ const VxeTableComponent = defineVxeComponent({
       /**
        * 如果有滚动条，则滚动到第一行
        */
-      scrollToStartRow(fieldOrColumn, options) {
+      scrollToStartRow(fieldOrColumn) {
         const { afterFullData } = internalData;
-        return $xeTable.scrollToRow(afterFullData[0], fieldOrColumn, options);
+        return $xeTable.scrollToRow(afterFullData[0], fieldOrColumn);
       },
       /**
        * 如果有滚动条，则滚动到最后一行
        */
-      scrollToEndRow(fieldOrColumn, options) {
+      scrollToEndRow(fieldOrColumn) {
         const { afterFullData } = internalData;
-        return $xeTable.scrollToRow(afterFullData[afterFullData.length - 1], fieldOrColumn, options);
+        return $xeTable.scrollToRow(afterFullData[afterFullData.length - 1], fieldOrColumn);
       },
       /**
        * 如果有滚动条，则滚动到对应的列
        */
-      scrollToColumn(fieldOrColumn, options) {
-        return handleScrollToRowColumn(fieldOrColumn, null, options);
+      scrollToColumn(fieldOrColumn) {
+        const { fullColumnIdData } = internalData;
+        const column = handleFieldOrColumn($xeTable, fieldOrColumn);
+        if (column && fullColumnIdData[column.id]) {
+          return colToVisible($xeTable, column);
+        }
+        return nextTick();
       },
       /**
        * 如果有滚动条，则滚动到第一列
        */
-      scrollToStartColumn(options) {
+      scrollToStartColumn() {
         const { visibleColumn } = internalData;
-        return $xeTable.scrollToColumn(visibleColumn[0], options);
+        return $xeTable.scrollToColumn(visibleColumn[0]);
       },
       /**
        * 如果有滚动条，则滚动到最后一列
        */
-      scrollToEndColumn(options) {
+      scrollToEndColumn() {
         const { visibleColumn } = internalData;
-        return $xeTable.scrollToColumn(visibleColumn[visibleColumn.length - 1], options);
+        return $xeTable.scrollToColumn(visibleColumn[visibleColumn.length - 1]);
       },
       /**
        * 手动清除滚动相关信息，还原到初始状态
@@ -6948,8 +7005,7 @@ const VxeTableComponent = defineVxeComponent({
       updateStatus(slotParams, cellValue) {
         return nextTick().then(() => {
           const { editRules } = props;
-          const { isActivated } = internalData;
-          if (isActivated && slotParams && editRules) {
+          if (slotParams && editRules) {
             return $xeTable.handleCellRuleUpdateStatus("change", slotParams, cellValue);
           }
         });
@@ -7001,8 +7057,6 @@ const VxeTableComponent = defineVxeComponent({
         internalData.mergeBodyList = [];
         internalData.mergeBodyMaps = {};
         internalData.mergeBodyCellMaps = {};
-        internalData.mergeBodyRowMaps = {};
-        internalData.mergeBodyColMaps = {};
         reactData.mergeBodyFlag++;
         return nextTick().then(() => {
           return updateStyle();
@@ -7039,8 +7093,6 @@ const VxeTableComponent = defineVxeComponent({
         internalData.mergeHeaderList = [];
         internalData.mergeHeaderMaps = {};
         internalData.mergeHeaderCellMaps = {};
-        internalData.mergeHeaderRowMaps = {};
-        internalData.mergeBodyColMaps = {};
         reactData.mergeHeadFlag++;
         return nextTick().then(() => {
           return updateStyle();
@@ -7089,8 +7141,6 @@ const VxeTableComponent = defineVxeComponent({
         internalData.mergeFooterList = [];
         internalData.mergeFooterMaps = {};
         internalData.mergeFooterCellMaps = {};
-        internalData.mergeFooterRowMaps = {};
-        internalData.mergeFooterColMaps = {};
         reactData.mergeFootFlag++;
         return nextTick().then(() => {
           return updateStyle();
@@ -7269,7 +7319,7 @@ const VxeTableComponent = defineVxeComponent({
         else if (getEventTargetNode(evnt, tableFilter.getRefMaps().refElem.value).flag) ;
         else {
           if (!getEventTargetNode(evnt, document.body, "vxe-table--ignore-clear").flag) {
-            $xeTable.preventEvent(evnt, "event.clearFilter", internalData._currFilterParams, $xeTable.closeFilter);
+            tablePrivateMethods.preventEvent(evnt, "event.clearFilter", internalData._currFilterParams, tableMethods.closeFilter);
           }
         }
       }
@@ -7279,7 +7329,7 @@ const VxeTableComponent = defineVxeComponent({
         else {
           if (!getEventTargetNode(evnt, document.body, "vxe-table--ignore-clear").flag) {
             if (customStore.visible && $xeTable.closeCustom) {
-              $xeTable.preventEvent(evnt, "event.clearCustom", {}, () => {
+              tablePrivateMethods.preventEvent(evnt, "event.clearCustom", {}, () => {
                 $xeTable.closeCustom();
                 $xeTable.dispatchEvent("custom", { type: "close" }, evnt);
               });
@@ -7294,11 +7344,11 @@ const VxeTableComponent = defineVxeComponent({
             if ($validTooltip && getEventTargetNode(evnt, $validTooltip.$el).flag) ;
             else if (!internalData._lastCallTime || internalData._lastCallTime + 50 < Date.now()) {
               if (!getEventTargetNode(evnt, document.body, "vxe-table--ignore-clear").flag) {
-                $xeTable.preventEvent(evnt, "event.clearEdit", actived.args, () => {
+                tablePrivateMethods.preventEvent(evnt, "event.clearEdit", actived.args, () => {
                   let isClear;
                   if (editOpts.mode === "row") {
                     const rowTargetNode = getEventTargetNode(evnt, el, "vxe-body--row");
-                    const rowNodeRest = rowTargetNode.flag ? $xeTable.getRowNode(rowTargetNode.targetElem) : null;
+                    const rowNodeRest = rowTargetNode.flag ? tableMethods.getRowNode(rowTargetNode.targetElem) : null;
                     isClear = rowNodeRest ? !$xeTable.eqRow(rowNodeRest.item, actived.args.row) : false;
                   } else {
                     isClear = !getEventTargetNode(evnt, el, "col--edit").flag;
@@ -7339,7 +7389,7 @@ const VxeTableComponent = defineVxeComponent({
             if ($xeTable.getCellAreas) {
               const cellAreas = $xeTable.getCellAreas();
               if (cellAreas && cellAreas.length && !getEventTargetNode(evnt, document.body, "vxe-table--ignore-areas-clear").flag) {
-                $xeTable.preventEvent(evnt, "event.clearAreas", {}, () => {
+                tablePrivateMethods.preventEvent(evnt, "event.clearAreas", {}, () => {
                   $xeTable.clearCellAreas();
                   $xeTable.clearCopyCellArea();
                   dispatchEvent("clear-cell-area-selection", { cellAreas }, evnt);
@@ -7354,22 +7404,20 @@ const VxeTableComponent = defineVxeComponent({
           $xeTable.closeMenu();
         }
       }
-      if (!(actived.row && getEventTargetNode(evnt, document.body, "vxe-table--ignore-clear").flag)) {
-        const isActivated = getEventTargetNode(evnt, $xeGGWrapper ? $xeGGWrapper.getRefMaps().refElem.value : el).flag;
-        if (!isActivated && editRules && validOpts.autoClear) {
-          reactData.validErrorMaps = {};
-        }
-        internalData.isActivated = isActivated;
+      const isActivated = getEventTargetNode(evnt, $xeGGWrapper ? $xeGGWrapper.getRefMaps().refElem.value : el).flag;
+      if (!isActivated && editRules && validOpts.autoClear) {
+        reactData.validErrorMaps = {};
       }
+      internalData.isActivated = isActivated;
     };
     const handleGlobalBlurEvent = () => {
-      $xeTable.closeFilter();
+      tableMethods.closeFilter();
       if ($xeTable.closeMenu) {
         $xeTable.closeMenu();
       }
     };
     const handleGlobalMousewheelEvent = () => {
-      $xeTable.closeTooltip();
+      tableMethods.closeTooltip();
       if ($xeTable.closeMenu) {
         $xeTable.closeMenu();
       }
@@ -7382,7 +7430,7 @@ const VxeTableComponent = defineVxeComponent({
       const { actived } = editStore;
       const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
       if (isEsc) {
-        $xeTable.preventEvent(evnt, "event.keydown", null, () => {
+        tablePrivateMethods.preventEvent(evnt, "event.keydown", null, () => {
           dispatchEvent("keydown-start", {}, evnt);
           if (keyboardConfig && mouseConfig && mouseOpts.area && $xeTable.handleKeyboardCellAreaEvent) {
             $xeTable.handleKeyboardCellAreaEvent(evnt);
@@ -7391,7 +7439,7 @@ const VxeTableComponent = defineVxeComponent({
             if ($xeTable.closeMenu) {
               $xeTable.closeMenu();
             }
-            $xeTable.closeFilter();
+            tableMethods.closeFilter();
             if (keyboardConfig && keyboardOpts.isEsc) {
               if (actived.row) {
                 const params = actived.args;
@@ -7415,7 +7463,7 @@ const VxeTableComponent = defineVxeComponent({
         $xeTable.preventEvent(evnt, "event.keydown", null, () => {
           const { mouseConfig, keyboardConfig, treeConfig, editConfig, highlightCurrentRow, highlightCurrentColumn } = props;
           const { ctxMenuStore, editStore, currentRow } = reactData;
-          const { afterFullData, visibleColumn } = internalData;
+          const { afterFullData } = internalData;
           const isContentMenu = computeIsContentMenu.value;
           const bodyMenu = computeBodyMenu.value;
           const keyboardOpts = computeKeyboardOpts.value;
@@ -7425,7 +7473,6 @@ const VxeTableComponent = defineVxeComponent({
           const menuList = computeMenuList.value;
           const rowOpts = computeRowOpts.value;
           const columnOpts = computeColumnOpts.value;
-          const { isLastEnterAppendRow, beforeEnterMethod, enterMethod, isLastTabAppendRow, beforeTabMethod, tabMethod } = keyboardOpts;
           const { selected, actived } = editStore;
           const childrenField = treeOpts.children || treeOpts.childrenField;
           const keyCode = evnt.keyCode;
@@ -7474,9 +7521,9 @@ const VxeTableComponent = defineVxeComponent({
           } else if (isSpacebar && keyboardConfig && keyboardOpts.isChecked && selected.row && selected.column && (selected.column.type === "checkbox" || selected.column.type === "radio")) {
             evnt.preventDefault();
             if (selected.column.type === "checkbox") {
-              $xeTable.handleToggleCheckRowEvent(evnt, selected.args);
+              tablePrivateMethods.handleToggleCheckRowEvent(evnt, selected.args);
             } else {
-              $xeTable.triggerRadioRowEvent(evnt, selected.args);
+              tablePrivateMethods.triggerRadioRowEvent(evnt, selected.args);
             }
           } else if (isF2 && isEnableConf(editConfig)) {
             if (!isEditStatus) {
@@ -7492,6 +7539,7 @@ const VxeTableComponent = defineVxeComponent({
               internalData._keyCtx = false;
             }, 1e3);
           } else if (isEnter && !isAltKey && keyboardConfig && keyboardOpts.isEnter && (selected.row || actived.row || treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow)) {
+            const { isLastEnterAppendRow, beforeEnterMethod, enterMethod } = keyboardOpts;
             if (isControlKey) {
               if (actived.row) {
                 const params = actived.args;
@@ -7504,8 +7552,6 @@ const VxeTableComponent = defineVxeComponent({
               }
             } else {
               if (selected.row || actived.row) {
-                const activeRow = selected.row || actived.row;
-                const activeColumn = selected.column || actived.column;
                 const activeParams = selected.row ? selected.args : actived.args;
                 if (hasShiftKey) {
                   if (keyboardOpts.enterToTab) {
@@ -7514,43 +7560,12 @@ const VxeTableComponent = defineVxeComponent({
                     $xeTable.moveEnterSelected(activeParams, isLeftArrow, true, isRightArrow, false, evnt);
                   }
                 } else {
-                  const _rowIndex = $xeTable.getVTRowIndex(activeRow);
-                  const _columnIndex = $xeTable.getVTColumnIndex(activeColumn);
                   if (keyboardOpts.enterToTab) {
-                    const ttrParams = {
-                      row: activeRow,
-                      rowIndex: $xeTable.getRowIndex(activeRow),
-                      $rowIndex: $xeTable.getVMRowIndex(activeRow),
-                      _rowIndex,
-                      column: activeColumn,
-                      columnIndex: $xeTable.getColumnIndex(activeColumn),
-                      $columnIndex: $xeTable.getVMColumnIndex(activeColumn),
-                      _columnIndex,
-                      $table: $xeTable
-                    };
-                    if (!beforeTabMethod || beforeTabMethod(ttrParams) !== false) {
-                      evnt.preventDefault();
-                      if (isLastTabAppendRow) {
-                        const newColumn = visibleColumn[0];
-                        if (_rowIndex >= afterFullData.length - 1 && _columnIndex >= visibleColumn.length - 1) {
-                          if (actived.row) {
-                            $xeTable.handleClearEdit(evnt);
-                          }
-                          $xeTable.insertAt({}, -1).then(({ row: newRow }) => {
-                            $xeTable.scrollToRow(newRow, newColumn);
-                            $xeTable.handleSelected(Object.assign(Object.assign({}, activeParams), { row: newRow, column: newColumn }), evnt);
-                          });
-                          $xeTable.dispatchEvent("tab-append-row", ttrParams, evnt);
-                          return;
-                        }
-                      }
-                      if (tabMethod) {
-                        tabMethod(ttrParams);
-                      } else {
-                        $xeTable.moveTabSelected(activeParams, hasShiftKey, evnt);
-                      }
-                    }
+                    $xeTable.moveTabSelected(activeParams, hasShiftKey, evnt);
                   } else {
+                    const activeRow = selected.row || actived.row;
+                    const activeColumn = selected.column || actived.column;
+                    const _rowIndex = $xeTable.getVTRowIndex(activeRow);
                     const etrParams = {
                       row: activeRow,
                       rowIndex: $xeTable.getRowIndex(activeRow),
@@ -7559,11 +7574,10 @@ const VxeTableComponent = defineVxeComponent({
                       column: activeColumn,
                       columnIndex: $xeTable.getColumnIndex(activeColumn),
                       $columnIndex: $xeTable.getVMColumnIndex(activeColumn),
-                      _columnIndex,
+                      _columnIndex: $xeTable.getVTColumnIndex(activeColumn),
                       $table: $xeTable
                     };
                     if (!beforeEnterMethod || beforeEnterMethod(etrParams) !== false) {
-                      evnt.preventDefault();
                       if (isLastEnterAppendRow) {
                         if (_rowIndex >= afterFullData.length - 1) {
                           $xeTable.insertAt({}, -1).then(({ row: newRow }) => {
@@ -7574,13 +7588,9 @@ const VxeTableComponent = defineVxeComponent({
                           return;
                         }
                       }
+                      $xeTable.moveEnterSelected(activeParams, isLeftArrow, false, isRightArrow, true, evnt);
                       if (enterMethod) {
                         enterMethod(etrParams);
-                      } else {
-                        if (actived.row) {
-                          $xeTable.handleClearEdit(evnt);
-                        }
-                        $xeTable.moveEnterSelected(activeParams, isLeftArrow, false, isRightArrow, true, evnt);
                       }
                     }
                   }
@@ -7614,57 +7624,19 @@ const VxeTableComponent = defineVxeComponent({
               }
             }
           } else if (isTab && keyboardConfig && keyboardOpts.isTab) {
-            if (selected.row || actived.row) {
-              const activeRow = selected.row || actived.row;
-              const activeColumn = selected.column || actived.column;
-              const activeParams = selected.row ? selected.args : actived.args;
-              const _rowIndex = $xeTable.getVTRowIndex(activeRow);
-              const _columnIndex = $xeTable.getVTColumnIndex(activeColumn);
-              const ttrParams = {
-                row: activeRow,
-                rowIndex: $xeTable.getRowIndex(activeRow),
-                $rowIndex: $xeTable.getVMRowIndex(activeRow),
-                _rowIndex,
-                column: activeColumn,
-                columnIndex: $xeTable.getColumnIndex(activeColumn),
-                $columnIndex: $xeTable.getVMColumnIndex(activeColumn),
-                _columnIndex,
-                $table: $xeTable
-              };
-              if (!beforeTabMethod || beforeTabMethod(ttrParams) !== false) {
-                evnt.preventDefault();
-                if (isLastTabAppendRow) {
-                  const newColumn = visibleColumn[0];
-                  if (_rowIndex >= afterFullData.length - 1 && _columnIndex >= visibleColumn.length - 1) {
-                    if (actived.row) {
-                      $xeTable.handleClearEdit(evnt);
-                    }
-                    $xeTable.insertAt({}, -1).then(({ row: newRow }) => {
-                      $xeTable.scrollToRow(newRow, newColumn);
-                      $xeTable.handleSelected(Object.assign(Object.assign({}, activeParams), { row: newRow, column: newColumn }), evnt);
-                    });
-                    $xeTable.dispatchEvent("tab-append-row", ttrParams, evnt);
-                    return;
-                  }
-                }
-                if (tabMethod) {
-                  tabMethod(ttrParams);
-                } else {
-                  if (actived.row) {
-                    $xeTable.handleClearEdit(evnt);
-                  }
-                  $xeTable.moveTabSelected(activeParams, hasShiftKey, evnt);
-                }
-              }
+            if (selected.row || selected.column) {
+              $xeTable.moveTabSelected(selected.args, hasShiftKey, evnt);
+            } else if (actived.row || actived.column) {
+              $xeTable.moveTabSelected(actived.args, hasShiftKey, evnt);
             }
           } else if (keyboardConfig && keyboardOpts.isDel && hasDeleteKey && isEnableConf(editConfig) && (selected.row || selected.column)) {
             if (!isEditStatus) {
               const { delMethod } = keyboardOpts;
               const params = {
                 row: selected.row,
-                rowIndex: $xeTable.getRowIndex(selected.row),
+                rowIndex: tableMethods.getRowIndex(selected.row),
                 column: selected.column,
-                columnIndex: $xeTable.getColumnIndex(selected.column),
+                columnIndex: tableMethods.getColumnIndex(selected.column),
                 $table: $xeTable,
                 $grid: $xeGrid,
                 $gantt: $xeGantt
@@ -7675,7 +7647,7 @@ const VxeTableComponent = defineVxeComponent({
                 } else {
                   setCellValue(selected.row, selected.column, null);
                 }
-                $xeTable.updateFooter();
+                tableMethods.updateFooter();
                 dispatchEvent("cell-delete-value", params, evnt);
               }
             }
@@ -7755,8 +7727,8 @@ const VxeTableComponent = defineVxeComponent({
       const { actived } = editStore;
       if (isActivated && !filterStore.visible) {
         if (!(actived.row || actived.column)) {
-          if (keyboardConfig && keyboardOpts.isClip && mouseConfig && mouseOpts.area && $xeTable.handlePeClAreaEvent) {
-            $xeTable.handlePeClAreaEvent(evnt);
+          if (keyboardConfig && keyboardOpts.isClip && mouseConfig && mouseOpts.area && $xeTable.handlePasteCellAreaEvent) {
+            $xeTable.handlePasteCellAreaEvent(evnt);
           }
         }
         dispatchEvent("paste", {}, evnt);
@@ -7771,8 +7743,8 @@ const VxeTableComponent = defineVxeComponent({
       const { actived } = editStore;
       if (isActivated && !filterStore.visible) {
         if (!(actived.row || actived.column)) {
-          if (keyboardConfig && keyboardOpts.isClip && mouseConfig && mouseOpts.area && $xeTable.handleCyClAreaEvent) {
-            $xeTable.handleCyClAreaEvent(evnt);
+          if (keyboardConfig && keyboardOpts.isClip && mouseConfig && mouseOpts.area && $xeTable.handleCopyCellAreaEvent) {
+            $xeTable.handleCopyCellAreaEvent(evnt);
           }
         }
         dispatchEvent("copy", {}, evnt);
@@ -7809,7 +7781,7 @@ const VxeTableComponent = defineVxeComponent({
       const $tooltip = refTooltip.value;
       clearTimeout(internalData.tooltipTimeout);
       if (isClear) {
-        $xeTable.closeTooltip();
+        tableMethods.closeTooltip();
       } else {
         if ($tooltip && $tooltip.setActived) {
           $tooltip.setActived(true);
@@ -8147,7 +8119,6 @@ const VxeTableComponent = defineVxeComponent({
         const expandOpts = computeExpandOpts.value;
         const treeOpts = computeTreeOpts.value;
         const radioOpts = computeRadioOpts.value;
-        const rowOpts = computeRowOpts.value;
         const checkboxOpts = computeCheckboxOpts.value;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const rowkey = getRowkey($xeTable);
@@ -8180,7 +8151,7 @@ const VxeTableComponent = defineVxeComponent({
             record[childrenField] = null;
           }
           if (eqEmptyValue(XEUtils.get(record, rowkey))) {
-            XEUtils.set(record, rowkey, createRowId(rowOpts, record, rowkey));
+            XEUtils.set(record, rowkey, getRowUniqueId());
           }
           return record;
         });
@@ -8193,12 +8164,6 @@ const VxeTableComponent = defineVxeComponent({
         if (force) {
           updateAfterFullData();
           fullList = handleVirtualTreeToList();
-          internalData.mergeHeaderRowMaps = {};
-          internalData.mergeHeaderColMaps = {};
-          internalData.mergeBodyRowMaps = {};
-          internalData.mergeBodyColMaps = {};
-          internalData.mergeFooterRowMaps = {};
-          internalData.mergeFooterColMaps = {};
         }
         const tableData = scrollYLoad ? fullList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullList.slice(0);
         const visibleDataRowIdMaps = {};
@@ -8714,7 +8679,7 @@ const VxeTableComponent = defineVxeComponent({
             fixedData: {},
             aggGroupData: {},
             aggFuncData: {}
-          } : $xeTable.getCustomStoreData();
+          } : tableMethods.getCustomStoreData();
           if (updateStore) {
             return updateStore({
               $table: $xeTable,
@@ -8739,8 +8704,8 @@ const VxeTableComponent = defineVxeComponent({
             $xeTable.clearCopyCellArea();
           }
         }
-        $xeTable.analyColumnWidth();
-        return $xeTable.refreshColumn(true);
+        tablePrivateMethods.analyColumnWidth();
+        return tableMethods.refreshColumn(true);
       },
       handleUpdateDataQueue() {
         reactData.upDataFlag++;
@@ -9089,31 +9054,22 @@ const VxeTableComponent = defineVxeComponent({
       handleSelectRow({ row }, checked, isForce) {
         $xeTable.handleBatchSelectRows([row], checked, isForce);
       },
-      handleUpdateHeaderMerge() {
-        const { mergeHeaderList } = internalData;
-        const { mergeMaps, mergeRowMaps, mergeColMaps } = buildMergeData(mergeHeaderList);
-        internalData.mergeHeaderCellMaps = mergeMaps;
-        internalData.mergeHeaderRowMaps = mergeRowMaps;
-        internalData.mergeHeaderColMaps = mergeColMaps;
-        reactData.mergeHeadFlag++;
-      },
       /**
        * 处理合并
        */
       handleUpdateBodyMerge() {
         const { mergeBodyList } = internalData;
-        const { mergeMaps, mergeRowMaps, mergeColMaps } = buildMergeData(mergeBodyList);
-        internalData.mergeBodyCellMaps = mergeMaps;
-        internalData.mergeBodyRowMaps = mergeRowMaps;
-        internalData.mergeBodyColMaps = mergeColMaps;
+        internalData.mergeBodyCellMaps = buildMergeData(mergeBodyList);
         reactData.mergeBodyFlag++;
       },
+      handleUpdateHeaderMerge() {
+        const { mergeHeaderList } = internalData;
+        internalData.mergeHeaderCellMaps = buildMergeData(mergeHeaderList);
+        reactData.mergeHeadFlag++;
+      },
       handleUpdateFooterMerge() {
         const { mergeFooterList } = internalData;
-        const { mergeMaps, mergeRowMaps, mergeColMaps } = buildMergeData(mergeFooterList);
-        internalData.mergeFooterCellMaps = mergeMaps;
-        internalData.mergeFooterRowMaps = mergeRowMaps;
-        internalData.mergeFooterColMaps = mergeColMaps;
+        internalData.mergeFooterCellMaps = buildMergeData(mergeFooterList);
         reactData.mergeFootFlag++;
       },
       handleAggregateSummaryData() {
@@ -9253,10 +9209,6 @@ const VxeTableComponent = defineVxeComponent({
         if (sortOpts.trigger === "cell" && !(triggerResizable || triggerSort || triggerFilter)) {
           $xeTable.triggerSortEvent(evnt, column, getNextSortOrder(column));
         }
-        if ($xeGantt) {
-          const ganttReactData = $xeGantt.reactData;
-          ganttReactData.activeBarRowid = null;
-        }
         dispatchEvent("header-cell-click", Object.assign({ triggerResizable, triggerSort, triggerFilter, cell }, params), evnt);
         if ((columnOpts.isCurrent || props.highlightCurrentColumn) && (!currentColumnOpts.trigger || ["header", "default"].includes(currentColumnOpts.trigger))) {
           $xeTable.triggerCurrentColumnEvent(evnt, params);
@@ -9362,10 +9314,6 @@ const VxeTableComponent = defineVxeComponent({
             }
           }
         }
-        if ($xeGantt) {
-          const ganttReactData = $xeGantt.reactData;
-          ganttReactData.activeBarRowid = null;
-        }
         dispatchEvent("cell-click", params, evnt);
       },
       /**
@@ -9395,20 +9343,6 @@ const VxeTableComponent = defineVxeComponent({
         }
         dispatchEvent("cell-dblclick", params, evnt);
       },
-      triggerFooterCellClickEvent(evnt, params) {
-        const cell = evnt.currentTarget;
-        params = Object.assign({ cell }, params);
-        if ($xeGantt) {
-          const ganttReactData = $xeGantt.reactData;
-          ganttReactData.activeBarRowid = null;
-        }
-        $xeTable.dispatchEvent("footer-cell-click", params, evnt);
-      },
-      triggerFooterCellDblclickEvent(evnt, params) {
-        const cell = evnt.currentTarget;
-        params = Object.assign({ cell }, params);
-        $xeTable.dispatchEvent("footer-cell-dblclick", params, evnt);
-      },
       handleToggleCheckRowEvent(evnt, params) {
         const { selectCheckboxMaps } = internalData;
         const checkboxOpts = computeCheckboxOpts.value;
@@ -9490,7 +9424,7 @@ const VxeTableComponent = defineVxeComponent({
         const { selectRadioRow: oldValue } = reactData;
         const { row } = params;
         const radioOpts = computeRadioOpts.value;
-        const { trigger, strict, checkMethod } = radioOpts;
+        const { trigger, checkMethod } = radioOpts;
         if (trigger === "manual") {
           return;
         }
@@ -9498,22 +9432,17 @@ const VxeTableComponent = defineVxeComponent({
         if (!checkMethod || checkMethod({ $table: $xeTable, row })) {
           let newValue = row;
           let isChange = oldValue !== newValue;
-          if (strict) {
+          if (isChange) {
             handleCheckedRadioRow(newValue);
-          } else {
-            if (oldValue === newValue) {
-              newValue = null;
-            }
-            isChange = oldValue !== newValue;
-            if (isChange && newValue) {
-              handleCheckedRadioRow(newValue);
-            } else {
+          } else if (!radioOpts.strict) {
+            isChange = oldValue === newValue;
+            if (isChange) {
               newValue = null;
               $xeTable.clearRadioRow();
             }
           }
           if (isChange) {
-            dispatchEvent("radio-change", Object.assign({ oldValue, newValue, selected: !!newValue }, params), evnt);
+            dispatchEvent("radio-change", Object.assign({ oldValue, newValue }, params), evnt);
           }
         }
       },
@@ -9522,29 +9451,16 @@ const VxeTableComponent = defineVxeComponent({
         const columnOpts = computeColumnOpts.value;
         const currentColumnOpts = computeCurrentColumnOpts.value;
         const beforeRowMethod = currentColumnOpts.beforeSelectMethod || columnOpts.currentMethod;
-        let newValue = params.column;
-        const { trigger, strict } = currentColumnOpts;
+        const { column: newValue } = params;
+        const { trigger } = currentColumnOpts;
         if (trigger === "manual") {
           return;
         }
-        let isChange = oldValue !== newValue;
+        const isChange = oldValue !== newValue;
         if (!beforeRowMethod || beforeRowMethod({ column: newValue, $table: $xeTable })) {
-          if (strict) {
-            $xeTable.setCurrentColumn(newValue);
-          } else {
-            if (oldValue === newValue) {
-              newValue = null;
-            }
-            isChange = oldValue !== newValue;
-            if (isChange && newValue) {
-              $xeTable.setCurrentColumn(newValue);
-            } else {
-              newValue = null;
-              $xeTable.clearCurrentColumn();
-            }
-          }
+          $xeTable.setCurrentColumn(newValue);
           if (isChange) {
-            dispatchEvent("current-column-change", Object.assign({ oldValue, newValue, selected: !!newValue }, params), evnt);
+            dispatchEvent("current-column-change", Object.assign({ oldValue, newValue }, params), evnt);
           }
         } else {
           dispatchEvent("current-column-disabled", params, evnt);
@@ -9555,29 +9471,16 @@ const VxeTableComponent = defineVxeComponent({
         const rowOpts = computeRowOpts.value;
         const currentRowOpts = computeCurrentRowOpts.value;
         const beforeRowMethod = currentRowOpts.beforeSelectMethod || rowOpts.currentMethod;
-        let { row: newValue } = params;
-        const { trigger, strict } = currentRowOpts;
+        const { row: newValue } = params;
+        const { trigger } = currentRowOpts;
         if (trigger === "manual") {
           return;
         }
-        let isChange = oldValue !== newValue;
+        const isChange = oldValue !== newValue;
         if (!beforeRowMethod || beforeRowMethod({ row: newValue, $table: $xeTable })) {
-          if (strict) {
-            $xeTable.setCurrentRow(newValue);
-          } else {
-            if (oldValue === newValue) {
-              newValue = null;
-            }
-            isChange = oldValue !== newValue;
-            if (isChange && newValue) {
-              $xeTable.setCurrentRow(newValue);
-            } else {
-              newValue = null;
-              $xeTable.clearCurrentRow();
-            }
-          }
+          $xeTable.setCurrentRow(newValue);
           if (isChange) {
-            dispatchEvent("current-row-change", Object.assign({ oldValue, newValue, selected: !!newValue }, params), evnt);
+            dispatchEvent("current-row-change", Object.assign({ oldValue, newValue }, params), evnt);
             dispatchEvent("current-change", Object.assign({ oldValue, newValue }, params), evnt);
           }
         } else {
@@ -9669,7 +9572,7 @@ const VxeTableComponent = defineVxeComponent({
         const mouseOpts = computeMouseOpts.value;
         const { field, sortable, order } = column;
         if (sortable) {
-          const params = { $table: $xeTable, $event: evnt, column, field, property: field, order, sortList: $xeTable.getSortColumns(), sortTime: column.sortTime };
+          const params = { $table: $xeTable, $event: evnt, column, field, property: field, order, sortList: tableMethods.getSortColumns(), sortTime: column.sortTime };
           if (mouseConfig && mouseOpts.area && $xeTable.handleSortEvent) {
             $xeTable.handleSortEvent(evnt, params);
           }
@@ -9920,7 +9823,6 @@ const VxeTableComponent = defineVxeComponent({
               if (transform) {
                 if (oldRest && newRest) {
                   const fullList = XEUtils.toTreeArray(internalData.afterTreeFullData, {
-                    updated: false,
                     key: rowField,
                     parentKey: parentField,
                     children: mapChildrenField
@@ -10853,7 +10755,7 @@ const VxeTableComponent = defineVxeComponent({
           }
           internalData.lastScrollTop = scrollTop;
         }
-        internalData.lastSTime = Date.now();
+        reactData.lastScrollTime = Date.now();
         const evntParams = Object.assign({
           source: sourceType,
           scrollTop,
@@ -11092,7 +10994,7 @@ const VxeTableComponent = defineVxeComponent({
         if (!bodyScrollElem) {
           return;
         }
-        const wheelSpeed = getWheelSpeed(internalData.lastSTime);
+        const wheelSpeed = getWheelSpeed(reactData.lastScrollTime);
         const deltaTop = shiftKey ? 0 : deltaY * wheelSpeed;
         const deltaLeft = (shiftKey ? deltaX || deltaY : deltaX) * wheelSpeed;
         const currScrollTop = bodyScrollElem.scrollTop;
@@ -11140,9 +11042,8 @@ const VxeTableComponent = defineVxeComponent({
         if (isRollX) {
           evnt.preventDefault();
           internalData.inWheelScroll = true;
-          wheelScrollLeftTo(scrollLeft, (offsetLeft) => {
-            internalData.inWheelScroll = true;
-            const currLeftNum = offsetLeft;
+          if (browseObj.firefox || browseObj.safari) {
+            const currLeftNum = scrollLeft;
             setScrollLeft(xHandleEl, currLeftNum);
             setScrollLeft(bodyScrollElem, currLeftNum);
             setScrollLeft(headerScrollElem, currLeftNum);
@@ -11154,14 +11055,29 @@ const VxeTableComponent = defineVxeComponent({
               type: "table",
               fixed: ""
             });
-          });
+          } else {
+            wheelScrollLeftTo(scrollLeft, (offsetLeft) => {
+              internalData.inWheelScroll = true;
+              const currLeftNum = offsetLeft;
+              setScrollLeft(xHandleEl, currLeftNum);
+              setScrollLeft(bodyScrollElem, currLeftNum);
+              setScrollLeft(headerScrollElem, currLeftNum);
+              setScrollLeft(footerScrollElem, currLeftNum);
+              if (scrollXLoad) {
+                $xeTable.triggerScrollXEvent(evnt);
+              }
+              $xeTable.handleScrollEvent(evnt, isRollY, isRollX, bodyScrollElem.scrollTop, currLeftNum, {
+                type: "table",
+                fixed: ""
+              });
+            });
+          }
         }
         if (isRollY) {
           evnt.preventDefault();
           internalData.inWheelScroll = true;
-          wheelScrollTopTo(scrollTop, (offsetTop) => {
-            internalData.inWheelScroll = true;
-            const currTopNum = offsetTop;
+          if (browseObj.firefox || browseObj.safari) {
+            const currTopNum = scrollTop;
             setScrollTop(yHandleEl, currTopNum);
             setScrollTop(bodyScrollElem, currTopNum);
             setScrollTop(leftScrollElem, currTopNum);
@@ -11171,11 +11087,29 @@ const VxeTableComponent = defineVxeComponent({
             if (scrollYLoad) {
               $xeTable.triggerScrollYEvent(evnt);
             }
-            $xeTable.handleScrollEvent(evnt, isRollY, isRollX, offsetTop, bodyScrollElem.scrollLeft, {
+            $xeTable.handleScrollEvent(evnt, isRollY, isRollX, currTopNum, bodyScrollElem.scrollLeft, {
               type: "table",
               fixed: ""
             });
-          });
+          } else {
+            wheelScrollTopTo(scrollTop - currScrollTop, (offsetTop) => {
+              internalData.inWheelScroll = true;
+              const currTopNum = bodyScrollElem.scrollTop + offsetTop;
+              setScrollTop(yHandleEl, currTopNum);
+              setScrollTop(bodyScrollElem, currTopNum);
+              setScrollTop(leftScrollElem, currTopNum);
+              setScrollTop(rightScrollElem, currTopNum);
+              setScrollTop(rowExpandEl, currTopNum);
+              syncGanttScrollTop(currTopNum);
+              if (scrollYLoad) {
+                $xeTable.triggerScrollYEvent(evnt);
+              }
+              $xeTable.handleScrollEvent(evnt, isRollY, isRollX, currTopNum, bodyScrollElem.scrollLeft, {
+                type: "table",
+                fixed: ""
+              });
+            });
+          }
         }
       },
       triggerVirtualScrollXEvent(evnt) {
@@ -11551,13 +11485,13 @@ const VxeTableComponent = defineVxeComponent({
        * 行 hover 事件
        */
       triggerHoverEvent(evnt, { row }) {
-        $xeTable.setHoverRow(row);
+        tablePrivateMethods.setHoverRow(row);
       },
       setHoverRow(row) {
         const $xeGanttView = internalData.xeGanttView;
         const rowid = getRowid($xeTable, row);
         const el = refElem.value;
-        $xeTable.clearHoverRow();
+        tablePrivateMethods.clearHoverRow();
         if (el) {
           XEUtils.arrayEach(el.querySelectorAll(`.vxe-body--row[rowid="${rowid}"]`), (elem) => addClass(elem, "row--hover"));
         }
@@ -11582,7 +11516,7 @@ const VxeTableComponent = defineVxeComponent({
        * @deprecated
        */
       getCell(row, column) {
-        return $xeTable.getCellElement(row, column);
+        return tableMethods.getCellElement(row, column);
       },
       findRowIndexOf(list, row) {
         return row ? XEUtils.findIndexOf(list, (item) => $xeTable.eqRow(item, row)) : -1;
@@ -11824,11 +11758,7 @@ const VxeTableComponent = defineVxeComponent({
             }],
             rowid,
             style: cellStyle
-          }, [
-            h("div", {
-              class: "vxe-body--row-expanded-content"
-            }, expandColumn.renderData(expandParams))
-          ]));
+          }, expandColumn.renderData(expandParams)));
         });
       }
       return h("div", {
@@ -11983,7 +11913,6 @@ const VxeTableComponent = defineVxeComponent({
         footer: slots.footerTooltip || slots["footer-tooltip"]
       };
       const currTooltipSlot = tooltipStore.visible && tooltipStore.type ? tipSlots[tooltipStore.type] : null;
-      const tableStyle = computeTableStyle.value;
       const rowDragOpts = computeRowDragOpts.value;
       const tableTipConfig = computeTableTipConfig.value;
       const validTipConfig = computeValidTipConfig.value;
@@ -12004,8 +11933,6 @@ const VxeTableComponent = defineVxeComponent({
       const columnDragOpts = computeColumnDragOpts.value;
       const scrollbarXToTop = computeScrollbarXToTop.value;
       const scrollbarYToLeft = computeScrollbarYToLeft.value;
-      const customSimpleMode = computeCustomSimpleMode.value;
-      const showCustomSimpleOutside = customSimpleMode === "outside";
       const { isCrossTableDrag } = rowDragOpts;
       const tbOns = {
         onKeydown: keydownEvent,
@@ -12048,7 +11975,7 @@ const VxeTableComponent = defineVxeComponent({
         "not--scroll-x": !overflowX,
         "is--virtual-x": scrollXLoad,
         "is--virtual-y": scrollYLoad
-      }], style: tableStyle, spellcheck: false }, tbOns), [
+      }], spellcheck: false }, tbOns), [
         /**
          * 隐藏列
          */
@@ -12143,7 +12070,7 @@ const VxeTableComponent = defineVxeComponent({
               /**
                * 自定义列
                */
-              !showCustomSimpleOutside && initStore.custom ? h(TableCustomPanelComponent, {
+              initStore.custom ? h(TableCustomPanelComponent, {
                 key: "cs",
                 ref: refTableCustom,
                 customStore
@@ -12181,14 +12108,6 @@ const VxeTableComponent = defineVxeComponent({
             h("div", {
               ref: refPopupWrapperElem
             }, [
-              /**
-               * 自定义列
-               */
-              showCustomSimpleOutside && initStore.custom ? h(TableCustomPanelComponent, {
-                key: "cs",
-                ref: refTableCustom,
-                customStore
-              }) : renderEmptyElement($xeTable),
               /**
                * 筛选
                */
@@ -12252,10 +12171,7 @@ const VxeTableComponent = defineVxeComponent({
             minWidth: tableTipConfig.minWidth,
             minHeight: tableTipConfig.minHeight,
             maxWidth: tableTipConfig.maxWidth,
-            maxHeight: tableTipConfig.maxHeight,
-            placement: tableTipConfig.placement,
-            defaultPlacement: tableTipConfig.defaultPlacement,
-            popupClassName: tableTipConfig.popupClassName
+            maxHeight: tableTipConfig.maxHeight
           }, currTooltipSlot ? {
             content: () => {
               const { type, row, column, content: tooltipContent } = tooltipStore;
@@ -12282,7 +12198,7 @@ const VxeTableComponent = defineVxeComponent({
           /**
             * 校验提示
             */
-          props.editRules && validOpts.showErrorMessage && (validOpts.message === "default" ? !height : validOpts.message === "tooltip") ? h(VxeUITooltipComponent, {
+          props.editRules && validOpts.showMessage && (validOpts.message === "default" ? !height : validOpts.message === "tooltip") ? h(VxeUITooltipComponent, {
             key: "vtp",
             ref: refValidTooltip,
             class: [{
@@ -12320,7 +12236,7 @@ const VxeTableComponent = defineVxeComponent({
         if ((scrollXLoad || scrollYLoad) && (expandColumn && expandOpts.mode !== "fixed")) {
           warnLog("vxe.error.scrollErrProp", ["column.type=expand"]);
         }
-        return $xeTable.recalculate();
+        return tableMethods.recalculate();
       });
     });
     const staticColumnFlag = ref(0);
@@ -12341,16 +12257,16 @@ const VxeTableComponent = defineVxeComponent({
       tableColumnFlag.value++;
     });
     watch(tableColumnFlag, () => {
-      $xeTable.analyColumnWidth();
+      tablePrivateMethods.analyColumnWidth();
     });
     watch(() => reactData.upDataFlag, () => {
       nextTick(() => {
-        $xeTable.updateData();
+        tableMethods.updateData();
       });
     });
     watch(() => reactData.reColumnFlag, () => {
       nextTick(() => {
-        $xeTable.refreshColumn();
+        tableMethods.refreshColumn();
       });
     });
     const reLayoutFlag = ref(0);
@@ -12363,16 +12279,6 @@ const VxeTableComponent = defineVxeComponent({
     watch(() => props.showFooter, () => {
       reLayoutFlag.value++;
     });
-    watch(() => props.showHeaderOverflow, () => {
-      reLayoutFlag.value++;
-    });
-    watch(() => props.showOverflow, () => {
-      updateColumnAllOverflow();
-      reLayoutFlag.value++;
-    });
-    watch(() => props.showFooterOverflow, () => {
-      reLayoutFlag.value++;
-    });
     watch(() => reactData.overflowX, () => {
       reLayoutFlag.value++;
     });
@@ -12479,21 +12385,6 @@ const VxeTableComponent = defineVxeComponent({
         });
       }
     });
-    const kfFlag = ref(0);
-    watch(() => reactData.updateColFlag, () => {
-      kfFlag.value++;
-    });
-    watch(computeKeepFields, () => {
-      kfFlag.value++;
-    });
-    watch(kfFlag, () => {
-      const keepFields = computeKeepFields.value;
-      const kpfMaps = {};
-      keepFields.forEach((field) => {
-        kpfMaps[field] = 1;
-      });
-      internalData.keepUpdateFieldMaps = kpfMaps;
-    });
     if ($xeTabs) {
       watch(() => $xeTabs ? $xeTabs.reactData.resizeFlag : null, () => {
         handleGlobalResizeEvent();
@@ -12509,11 +12400,11 @@ const VxeTableComponent = defineVxeComponent({
         }
       }
     });
-    $xeTable.preventEvent(null, "created", { $table: $xeTable });
+    tablePrivateMethods.preventEvent(null, "created", { $table: $xeTable });
     let resizeObserver;
     onActivated(() => {
-      $xeTable.recalculate().then(() => $xeTable.refreshScroll());
-      $xeTable.preventEvent(null, "activated", { $table: $xeTable });
+      tableMethods.recalculate().then(() => tableMethods.refreshScroll());
+      tablePrivateMethods.preventEvent(null, "activated", { $table: $xeTable });
     });
     onDeactivated(() => {
       const { filterStore } = reactData;
@@ -12522,7 +12413,7 @@ const VxeTableComponent = defineVxeComponent({
       }
       $xeTable.closeTooltip();
       internalData.isActivated = false;
-      $xeTable.preventEvent(null, "deactivated", { $table: $xeTable });
+      tablePrivateMethods.preventEvent(null, "deactivated", { $table: $xeTable });
     });
     onMounted(() => {
       const { exportConfig, importConfig, treeConfig, minHeight } = props;
@@ -12543,8 +12434,6 @@ const VxeTableComponent = defineVxeComponent({
       const importOpts = computeImportOpts.value;
       const rowDragOpts = computeRowDragOpts.value;
       const areaOpts = computeAreaOpts.value;
-      const sortOpts = computeSortOpts.value;
-      const filterOpts = computeFilterOpts.value;
       const { groupFields } = aggregateOpts;
       if ($xeGantt) {
         const { refClassifyWrapperElem } = $xeGantt.getRefMaps();
@@ -12581,14 +12470,6 @@ const VxeTableComponent = defineVxeComponent({
       if (treeConfig && !treeOpts.transform && props.stripe) {
         warnLog("vxe.error.noTree", ["stripe"]);
       }
-      if (treeConfig && !treeOpts.transform) {
-        if (sortOpts.isDeep) {
-          warnLog("vxe.error.reqSupportProp", ["transform=false", "sort-config.isDeep=false"]);
-        }
-        if (filterOpts.isDeep) {
-          warnLog("vxe.error.reqSupportProp", ["transform=false", "filter-config.isDeep=false"]);
-        }
-      }
       if (props.showFooter && !(props.footerMethod || props.footerData)) {
         warnLog("vxe.error.reqProp", ["footer-data | footer-method"]);
       }
@@ -12630,7 +12511,7 @@ const VxeTableComponent = defineVxeComponent({
       if (rowOpts.height && !props.showOverflow) {
         warnLog("vxe.error.notProp", ["table.show-overflow"]);
       }
-      if (!$xeTable.triggerClAreaModnEvent) {
+      if (!$xeTable.triggerCellAreaModnEvent) {
         if (props.areaConfig) {
           warnLog("vxe.error.notProp", ["area-config"]);
         }
@@ -12732,7 +12613,7 @@ const VxeTableComponent = defineVxeComponent({
       nextTick(() => {
         if (props.autoResize) {
           const el = refElem.value;
-          const parentEl = $xeTable.getParentElem();
+          const parentEl = tablePrivateMethods.getParentElem();
           resizeObserver = globalResize.create(() => {
             if (props.autoResize) {
               handleResizeEvent();
@@ -12764,10 +12645,6 @@ const VxeTableComponent = defineVxeComponent({
       $xeTable.preventEvent(null, "mounted", { $table: $xeTable });
     });
     onBeforeUnmount(() => {
-      const { _sToTime } = internalData;
-      if (_sToTime) {
-        clearTimeout(_sToTime);
-      }
       const tableViewportEl = refTableViewportElem.value;
       if (tableViewportEl) {
         tableViewportEl.removeEventListener("wheel", $xeTable.triggerBodyWheelEvent);
@@ -12779,7 +12656,7 @@ const VxeTableComponent = defineVxeComponent({
         resizeObserver.disconnect();
       }
       $xeTable.closeTooltip();
-      $xeTable.closeFilter();
+      tableMethods.closeFilter();
       if ($xeTable.closeMenu) {
         $xeTable.closeMenu();
       }
@@ -12792,12 +12669,11 @@ const VxeTableComponent = defineVxeComponent({
       globalEvents.off($xeTable, "keydown");
       globalEvents.off($xeTable, "resize");
       globalEvents.off($xeTable, "contextmenu");
-      $xeTable.preventEvent(null, "beforeUnmount", { $table: $xeTable });
-      XEUtils.assign(reactData, createReactData());
-      XEUtils.assign(internalData, createInternalData());
+      tablePrivateMethods.preventEvent(null, "beforeUnmount", { $table: $xeTable });
     });
     onUnmounted(() => {
-      $xeTable.preventEvent(null, "unmounted", { $table: $xeTable });
+      tablePrivateMethods.preventEvent(null, "unmounted", { $table: $xeTable });
+      XEUtils.assign(internalData, createInternalData());
     });
     nextTick(() => {
       if (props.loading) {