vxe-table 4.12.0-beta.9 → 4.12.1

package/lib/table/src/table.js

@@ -39,6 +39,7 @@ const {
   useFns,
   renderEmptyElement
 } = _ui.VxeUI;
+const supportMaxRow = 5e6;
 const customStorageKey = 'VXE_CUSTOM_STORE';
 const maxYHeight = 5e6;
 const maxXWidth = 5e6;
@@ -93,8 +94,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       isAllSelected: false,
       // 复选框属性，有选中且非全选状态
       isIndeterminate: false,
-      // 复选框属性，已选中的行集合
-      selectCheckboxMaps: {},
       // 当前行
       currentRow: null,
       // 单选框属性，选中列
@@ -108,16 +107,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       // 树节点列信息
       treeNodeColumn: null,
       hasFixedColumn: false,
-      // 已展开的行集合
-      rowExpandedMaps: {},
-      // 懒加载中的展开行的集合
-      rowExpandLazyLoadedMaps: {},
-      // 已展开树节点集合
-      treeExpandedMaps: {},
-      // 懒加载中的树节点的集合
-      treeExpandLazyLoadedMaps: {},
-      // 树节点不确定状态的集合
-      treeIndeterminateMaps: {},
       // 合并单元格的对象集
       mergeList: [],
       // 合并表尾数据的对象集
@@ -126,8 +115,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       upDataFlag: 0,
       // 刷新列标识，当列的特定属性被改变时，触发表格刷新列
       reColumnFlag: 0,
-      // 已标记的对象集
-      pendingRowMaps: {},
       // 初始化标识
       initStore: {
         filter: false,
@@ -211,9 +198,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         focused: {
           row: null,
           column: null
-        },
-        insertMaps: {},
-        removeMaps: {}
+        }
       },
       // 存放 tooltip 相关信息
       tooltipStore: {
@@ -271,6 +256,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
         isHeader: false,
         isFooter: false
       },
+      rowExpandedFlag: 1,
+      treeExpandedFlag: 1,
+      updateCheckboxFlag: 1,
+      pendingRowFlag: 1,
+      insertRowFlag: 1,
+      removeRowFlag: 1,
       rowHeightStore: {
         default: 48,
         medium: 44,
@@ -287,6 +278,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       rowExpandHeightFlag: 1,
       calcCellHeightFlag: 1,
       resizeHeightFlag: 1,
+      resizeWidthFlag: 1,
       isCustomStatus: false,
       isDragRowMove: false,
       dragRow: null,
@@ -369,7 +361,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
       fullDataRowIdData: {},
       fullColumnIdData: {},
       fullColumnFieldData: {},
-      // prevDragRow: null,
+      // 已展开的行集合
+      rowExpandedMaps: {},
+      // 懒加载中的展开行的集合
+      rowExpandLazyLoadedMaps: {},
+      // 已展开树节点集合
+      treeExpandedMaps: {},
+      // 懒加载中的树节点的集合
+      treeExpandLazyLoadedMaps: {},
+      // 复选框属性，已选中的行集合
+      selectCheckboxMaps: {},
+      // 已标记的对象集
+      pendingRowMaps: {},
+      // 已新增的临时行
+      insertRowMaps: {},
+      // 已删除行
+      removeRowMaps: {},
       inited: false,
       tooltipTimeout: null,
       initStatus: false,
@@ -445,10 +452,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
       return virtualXOpts;
     });
     const computeScrollXThreshold = (0, _vue.computed)(() => {
-      const sXOpts = computeSXOpts.value;
+      const virtualXOpts = computeVirtualXOpts.value;
       const {
         threshold
-      } = sXOpts;
+      } = virtualXOpts;
       if (threshold) {
         return _xeUtils.default.toNumber(threshold);
       }
@@ -479,10 +486,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
       return !!(scrollbarOpts.y && scrollbarOpts.y.position === 'left');
     });
     const computeScrollYThreshold = (0, _vue.computed)(() => {
-      const sYOpts = computeSYOpts.value;
+      const virtualYOpts = computeVirtualYOpts.value;
       const {
         threshold
-      } = sYOpts;
+      } = virtualYOpts;
       if (threshold) {
         return _xeUtils.default.toNumber(threshold);
       }
@@ -499,18 +506,36 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const computeColumnOpts = (0, _vue.computed)(() => {
       return Object.assign({}, getConfig().table.columnConfig, props.columnConfig);
     });
+    const computeCurrentColumnOpts = (0, _vue.computed)(() => {
+      return Object.assign({}, getConfig().table.currentColumnConfig, props.currentColumnConfig);
+    });
     const computeCellOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, getConfig().table.cellConfig, props.cellConfig);
+      const cellOpts = Object.assign({}, getConfig().table.cellConfig, props.cellConfig);
+      if (cellOpts.height) {
+        cellOpts.height = _xeUtils.default.toNumber(cellOpts.height);
+      }
+      return cellOpts;
     });
     const computeHeaderCellOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, getConfig().table.headerCellConfig, props.headerCellConfig);
+      const headerCellOpts = Object.assign({}, getConfig().table.headerCellConfig, props.headerCellConfig);
+      if (headerCellOpts.height) {
+        headerCellOpts.height = _xeUtils.default.toNumber(headerCellOpts.height);
+      }
+      return headerCellOpts;
     });
     const computeFooterCellOpts = (0, _vue.computed)(() => {
-      return Object.assign({}, getConfig().table.footerCellConfig, props.footerCellConfig);
+      const footerCellOpts = Object.assign({}, getConfig().table.footerCellConfig, props.footerCellConfig);
+      if (footerCellOpts.height) {
+        footerCellOpts.height = _xeUtils.default.toNumber(footerCellOpts.height);
+      }
+      return footerCellOpts;
     });
     const computeRowOpts = (0, _vue.computed)(() => {
       return Object.assign({}, getConfig().table.rowConfig, props.rowConfig);
     });
+    const computeCurrentRowOpts = (0, _vue.computed)(() => {
+      return Object.assign({}, getConfig().table.currentRowConfig, props.currentRowConfig);
+    });
     const computeRowDragOpts = (0, _vue.computed)(() => {
       return Object.assign({}, getConfig().table.rowDragConfig, props.rowDragConfig);
     });
@@ -668,15 +693,21 @@ var _default = exports.default = (0, _vue.defineComponent)({
     });
     const computeTableRowExpandedList = (0, _vue.computed)(() => {
       const {
-        rowExpandedMaps,
+        rowExpandedFlag,
         tableData,
         expandColumn
       } = reactData;
+      const {
+        rowExpandedMaps
+      } = internalData;
+      const {
+        handleGetRowId
+      } = (0, _util.createHandleGetRowId)($xeTable);
       const expandList = [];
-      if (expandColumn) {
+      if (expandColumn && rowExpandedFlag) {
         const rowKeys = {};
         tableData.forEach(row => {
-          rowKeys[(0, _util.getRowid)($xeTable, row)] = true;
+          rowKeys[handleGetRowId(row)] = true;
         });
         _xeUtils.default.each(rowExpandedMaps, (row, rowid) => {
           if (rowKeys[rowid]) {
@@ -817,13 +848,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
       computeScrollbarXToTop,
       computeScrollbarYToLeft,
       computeColumnOpts,
+      computeCurrentColumnOpts,
       computeScrollXThreshold,
       computeScrollYThreshold,
+      computeRowHeightMaps,
       computeDefaultRowHeight,
       computeCellOpts,
       computeHeaderCellOpts,
       computeFooterCellOpts,
       computeRowOpts,
+      computeCurrentRowOpts,
       computeRowDragOpts,
       computeColumnDragOpts,
       computeResizeOpts,
@@ -871,6 +905,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps,
+      xeGrid: $xeGrid,
       xegrid: $xeGrid
     };
     const eqCellValue = (row1, row2, field) => {
@@ -1057,12 +1092,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
           toVisibleIndex = Math.floor(startTop / defaultRowHeight) - 1;
           visibleSize = Math.ceil(clientHeight / defaultRowHeight) + 1;
         } else {
+          const {
+            handleGetRowId
+          } = (0, _util.createHandleGetRowId)($xeTable);
           let leftIndex = 0;
           let rightIndex = afterFullData.length;
           while (leftIndex < rightIndex) {
             const rIndex = Math.floor((leftIndex + rightIndex) / 2);
             const row = afterFullData[rIndex];
-            const rowid = (0, _util.getRowid)($xeTable, row);
+            const rowid = handleGetRowId(row);
             const rowRest = fullAllDataRowIdData[rowid] || {};
             if (rowRest.oTop <= startTop) {
               leftIndex = rIndex + 1;
@@ -1073,7 +1111,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           toVisibleIndex = Math.max(0, leftIndex < afterFullData.length ? leftIndex - 2 : 0);
           for (let rIndex = toVisibleIndex, rLen = afterFullData.length; rIndex < rLen; rIndex++) {
             const row = afterFullData[rIndex];
-            const rowid = (0, _util.getRowid)($xeTable, row);
+            const rowid = handleGetRowId(row);
             const rowRest = fullAllDataRowIdData[rowid] || {};
             visibleSize++;
             if (rowRest.oTop > endTop || visibleSize >= 100) {
@@ -1114,18 +1152,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     const setMerges = (merges, mList, rowList) => {
       if (merges) {
-        const {
-          treeConfig
-        } = props;
+        // const { treeConfig } = props
         const {
           visibleColumn
         } = internalData;
         if (!_xeUtils.default.isArray(merges)) {
           merges = [merges];
         }
-        if (treeConfig && merges.length) {
-          (0, _log.errLog)('vxe.error.noTree', ['merge-cells | merge-footer-items']);
-        }
+        // if (treeConfig && merges.length) {
+        //   errLog('vxe.error.noTree', ['merge-cells | merge-footer-items'])
+        // }
         merges.forEach(item => {
           let {
             row,
@@ -1172,18 +1208,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const removeMerges = (merges, mList, rowList) => {
       const rest = [];
       if (merges) {
-        const {
-          treeConfig
-        } = props;
+        // const { treeConfig } = props
         const {
           visibleColumn
         } = internalData;
         if (!_xeUtils.default.isArray(merges)) {
           merges = [merges];
         }
-        if (treeConfig && merges.length) {
-          (0, _log.errLog)('vxe.error.noTree', ['merge-cells | merge-footer-items']);
-        }
+        // if (treeConfig && merges.length) {
+        //   errLog('vxe.error.noTree', ['merge-cells | merge-footer-items'])
+        // }
         merges.forEach(item => {
           let {
             row,
@@ -1375,7 +1409,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           fullColumnFieldData[field] = rest;
         } else {
           if (storage && !type || columnOpts.drag && (isCrossDrag || isSelfToChildDrag)) {
-            (0, _log.errLog)('vxe.error.reqProp', [`${column.getTitle() || type || ''} -> column.field`]);
+            (0, _log.errLog)('vxe.error.reqProp', [`${column.getTitle() || type || ''} -> column.field=?`]);
           }
         }
         if (!hasFixed && fixed) {
@@ -1632,6 +1666,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       internalData.headerHeight = headerHeight;
       internalData.footerHeight = footerHeight;
       reactData.overflowX = overflowX;
+      reactData.resizeWidthFlag++;
       updateColumnOffsetLeft();
       updateHeight();
       reactData.parentHeight = Math.max(internalData.headerHeight + footerHeight + 20, $xeTable.getParentHeight());
@@ -1664,9 +1699,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const defaultRowHeight = computeDefaultRowHeight.value;
       const el = refElem.value;
       if (!isAllOverflow && scrollYLoad && el) {
+        const {
+          handleGetRowId
+        } = (0, _util.createHandleGetRowId)($xeTable);
         el.setAttribute('data-calc-row', 'Y');
         tableData.forEach(row => {
-          const rowid = (0, _util.getRowid)($xeTable, row);
+          const rowid = handleGetRowId(row);
           const rowRest = fullAllDataRowIdData[rowid];
           if (rowRest) {
             const reHeight = calcCellAutoHeight(rowRest, el);
@@ -1711,9 +1749,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
         fullDataRowIdData,
         fullAllDataRowIdData
       } = internalData;
+      const {
+        handleGetRowId
+      } = (0, _util.createHandleGetRowId)($xeTable);
       const fullMaps = {};
       afterFullData.forEach((row, index) => {
-        const rowid = (0, _util.getRowid)($xeTable, row);
+        const rowid = handleGetRowId(row);
         const rowRest = fullAllDataRowIdData[rowid];
         const seq = index + 1;
         if (rowRest) {
@@ -1765,8 +1806,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const childrenField = treeOpts.children || treeOpts.childrenField;
       const fullMaps = {};
       if (treeConfig) {
+        const {
+          handleGetRowId
+        } = (0, _util.createHandleGetRowId)($xeTable);
         _xeUtils.default.eachTree(afterTreeFullData, (row, index, items, path) => {
-          const rowid = (0, _util.getRowid)($xeTable, row);
+          const rowid = handleGetRowId(row);
           const rowRest = fullAllDataRowIdData[rowid];
           const seq = path.map((num, i) => i % 2 === 0 ? Number(num) + 1 : '.').join('');
           if (rowRest) {
@@ -1811,19 +1855,20 @@ var _default = exports.default = (0, _vue.defineComponent)({
         treeConfig
       } = props;
       const {
+        fullAllDataRowIdData,
         treeExpandedMaps
-      } = reactData;
-      const {
-        fullAllDataRowIdData
       } = internalData;
       const treeOpts = computeTreeOpts.value;
       const childrenField = treeOpts.children || treeOpts.childrenField;
       if (treeConfig && treeOpts.transform) {
+        const {
+          handleGetRowId
+        } = (0, _util.createHandleGetRowId)($xeTable);
         const fullData = [];
         const expandMaps = {};
         _xeUtils.default.eachTree(internalData.afterTreeFullData, (row, index, items, path, parentRow) => {
-          const rowid = (0, _util.getRowid)($xeTable, row);
-          const parentRowid = (0, _util.getRowid)($xeTable, parentRow);
+          const rowid = handleGetRowId(row);
+          const parentRowid = handleGetRowId(parentRow);
           if (!parentRow || expandMaps[parentRowid] && treeExpandedMaps[parentRowid]) {
             const rowRest = fullAllDataRowIdData[rowid];
             if (rowRest) {
@@ -1865,6 +1910,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         mapChildrenField
       } = treeOpts;
       const {
+        isEvery,
         remote: allRemoteFilter,
         filterMethod: allFilterMethod
       } = filterOpts;
@@ -1977,7 +2023,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
             // 筛选虚拟树
             tableTree = _xeUtils.default.searchTree(tableFullTreeData, handleFilter, {
               original: true,
-              isEvery: true,
+              isEvery,
               children: mapChildrenField,
               mapChildren: childrenField
             });
@@ -1991,7 +2037,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
             // 还原虚拟树
             tableTree = _xeUtils.default.searchTree(tableFullTreeData, () => true, {
               original: true,
-              isEvery: true,
+              isEvery,
               children: mapChildrenField,
               mapChildren: childrenField
             });
@@ -2050,7 +2096,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           // 还原虚拟树
           tableTree = _xeUtils.default.searchTree(tableFullTreeData, () => true, {
             original: true,
-            isEvery: true,
+            isEvery,
             children: treeOpts.mapChildrenField,
             mapChildren: childrenField
           });
@@ -2066,7 +2112,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     const updateStyle = () => {
       const {
-        border,
         showHeaderOverflow: allColumnHeaderOverflow,
         showFooterOverflow: allColumnFooterOverflow,
         mouseConfig,
@@ -2091,7 +2136,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = reactData;
       const {
         visibleColumn,
-        fullColumnIdData,
         tableHeight,
         headerHeight,
         footerHeight,
@@ -2108,7 +2152,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const osbWidth = overflowY ? scrollbarWidth : 0;
       const osbHeight = overflowX ? scrollbarHeight : 0;
       const emptyPlaceholderElem = refEmptyPlaceholder.value;
-      const cellOffsetWidth = computeCellOffsetWidth.value;
       const mouseOpts = computeMouseOpts.value;
       const expandOpts = computeExpandOpts.value;
       const bodyWrapperElem = (0, _util.getRefElem)(elemStore['main-body-wrapper']);
@@ -2247,36 +2290,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
             if (tableElem) {
               tableElem.style.width = tWidth ? `${tWidth}px` : '';
             }
-            const listElem = (0, _util.getRefElem)(elemStore[`${name}-${layout}-list`]);
-            if (isGroup && listElem) {
-              _xeUtils.default.arrayEach(listElem.querySelectorAll('.col--group'), thElem => {
-                const colNode = $xeTable.getColumnNode(thElem);
-                if (colNode) {
-                  const column = colNode.item;
-                  const {
-                    showHeaderOverflow
-                  } = column;
-                  const cellOverflow = _xeUtils.default.isBoolean(showHeaderOverflow) ? showHeaderOverflow : allColumnHeaderOverflow;
-                  const showEllipsis = cellOverflow === 'ellipsis';
-                  const showTitle = cellOverflow === 'title';
-                  const showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
-                  const hasEllipsis = showTitle || showTooltip || showEllipsis;
-                  let childWidth = 0;
-                  let countChild = 0;
-                  if (hasEllipsis) {
-                    _xeUtils.default.eachTree(column.children, item => {
-                      if (!item.children || !column.children.length) {
-                        countChild++;
-                      }
-                      childWidth += item.renderWidth;
-                    }, {
-                      children: 'children'
-                    });
-                  }
-                  thElem.style.width = hasEllipsis ? `${childWidth - countChild - (border ? 2 : 0)}px` : '';
-                }
-              });
-            }
           } else if (layout === 'body') {
             if (currScrollElem) {
               currScrollElem.style.maxHeight = customMaxHeight ? `${bodyMaxHeight}px` : '';
@@ -2370,58 +2383,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
               tableElem.style.width = tWidth ? `${tWidth}px` : '';
             }
           }
-          const colgroupElem = (0, _util.getRefElem)(elemStore[`${name}-${layout}-colgroup`]);
-          if (colgroupElem) {
-            _xeUtils.default.arrayEach(colgroupElem.children, colElem => {
-              const colid = colElem.getAttribute('name');
-              if (fullColumnIdData[colid]) {
-                const colRest = fullColumnIdData[colid];
-                const column = colRest.column;
-                const {
-                  showHeaderOverflow,
-                  showFooterOverflow,
-                  showOverflow
-                } = column;
-                let cellOverflow;
-                colElem.style.width = `${column.renderWidth}px`;
-                if (layout === 'header') {
-                  cellOverflow = _xeUtils.default.isUndefined(showHeaderOverflow) || _xeUtils.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
-                } else if (layout === 'footer') {
-                  cellOverflow = _xeUtils.default.isUndefined(showFooterOverflow) || _xeUtils.default.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
-                } else {
-                  cellOverflow = _xeUtils.default.isUndefined(showOverflow) || _xeUtils.default.isNull(showOverflow) ? isAllOverflow : showOverflow;
-                }
-                const showEllipsis = cellOverflow === 'ellipsis';
-                const showTitle = cellOverflow === 'title';
-                const showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
-                let hasEllipsis = showTitle || showTooltip || showEllipsis;
-                const listElem = (0, _util.getRefElem)(elemStore[`${name}-${layout}-list`]);
-                // 纵向虚拟滚动不支持动态行高
-                if (scrollYLoad && !hasEllipsis) {
-                  hasEllipsis = true;
-                }
-                if (listElem) {
-                  _xeUtils.default.arrayEach(listElem.querySelectorAll(`.${column.id}`), elem => {
-                    const colspan = parseInt(elem.getAttribute('colspan') || 1);
-                    const cellElem = elem.querySelector('.vxe-cell');
-                    let colWidth = column.renderWidth;
-                    if (cellElem) {
-                      if (colspan > 1) {
-                        const columnIndex = $xeTable.getColumnIndex(column);
-                        for (let index = 1; index < colspan; index++) {
-                          const nextColumn = $xeTable.getColumns(columnIndex + index);
-                          if (nextColumn) {
-                            colWidth += nextColumn.renderWidth;
-                          }
-                        }
-                      }
-                      cellElem.style.width = hasEllipsis ? `${colWidth - cellOffsetWidth * colspan}px` : '';
-                    }
-                  });
-                }
-              }
-            });
-          }
         });
       });
       if (currentRow) {
@@ -2467,7 +2428,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
                 order
               } = item;
               if (field && order) {
-                const column = tableMethods.getColumnByField(field);
+                const column = $xeTable.getColumnByField(field);
                 if (column && column.sortable) {
                   column.order = order;
                   column.sortTime = Date.now() + index;
@@ -2475,7 +2436,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
               }
             });
             if (!sortOpts.remote) {
-              tablePrivateMethods.handleTableData(true).then(updateStyle);
+              $xeTable.handleTableData(true).then(updateStyle);
             }
           }
         }
@@ -2556,7 +2517,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           expandRowKeys
         } = expandOpts;
         if (expandAll) {
-          tableMethods.setAllRowExpand(true);
+          $xeTable.setAllRowExpand(true);
         } else if (expandRowKeys) {
           const defExpandeds = [];
           expandRowKeys.forEach(rowid => {
@@ -2564,7 +2525,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
               defExpandeds.push(fullDataRowIdData[rowid].row);
             }
           });
-          tableMethods.setRowExpand(defExpandeds, true);
+          $xeTable.setRowExpand(defExpandeds, true);
         }
       }
     };
@@ -2613,12 +2574,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         treeConfig
       } = props;
-      const {
-        selectCheckboxMaps
-      } = reactData;
       const {
         afterFullData,
-        checkboxReserveRowMap
+        checkboxReserveRowMap,
+        selectCheckboxMaps
       } = internalData;
       const treeOpts = computeTreeOpts.value;
       const childrenField = treeOpts.children || treeOpts.childrenField;
@@ -2628,6 +2587,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         reserve,
         checkMethod
       } = checkboxOpts;
+      const {
+        handleGetRowId
+      } = (0, _util.createHandleGetRowId)($xeTable);
       // indeterminateField 仅支持读取
       const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
       const selectRowMaps = {};
@@ -2641,7 +2603,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
             row
           })) {
             if (checked) {
-              selectRowMaps[(0, _util.getRowid)($xeTable, row)] = row;
+              selectRowMaps[handleGetRowId(row)] = row;
             }
             _xeUtils.default.set(row, checkField, checked);
           }
@@ -2673,7 +2635,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
               if (isForce || !checkMethod || checkMethod({
                 row
               })) {
-                selectRowMaps[(0, _util.getRowid)($xeTable, row)] = row;
+                const rowid = handleGetRowId(row);
+                selectRowMaps[rowid] = row;
               }
             }, {
               children: childrenField
@@ -2685,7 +2648,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
                */
             if (!isForce && checkMethod) {
               _xeUtils.default.eachTree(afterFullData, row => {
-                const rowid = (0, _util.getRowid)($xeTable, row);
+                const rowid = handleGetRowId(row);
                 if (checkMethod({
                   row
                 }) ? 0 : selectCheckboxMaps[rowid]) {
@@ -2705,7 +2668,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
                */
             if (!isForce && checkMethod) {
               afterFullData.forEach(row => {
-                const rowid = (0, _util.getRowid)($xeTable, row);
+                const rowid = handleGetRowId(row);
                 if (selectCheckboxMaps[rowid] || checkMethod({
                   row
                 })) {
@@ -2714,7 +2677,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
               });
             } else {
               afterFullData.forEach(row => {
-                selectRowMaps[(0, _util.getRowid)($xeTable, row)] = row;
+                const rowid = handleGetRowId(row);
+                selectRowMaps[rowid] = row;
               });
             }
           } else {
@@ -2725,7 +2689,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
                */
             if (!isForce && checkMethod) {
               afterFullData.forEach(row => {
-                const rowid = (0, _util.getRowid)($xeTable, row);
+                const rowid = handleGetRowId(row);
                 if (checkMethod({
                   row
                 }) ? 0 : selectCheckboxMaps[rowid]) {
@@ -2745,10 +2709,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
           afterFullData.forEach(row => handleCheckboxReserveRow(row, false));
         }
       }
-      reactData.selectCheckboxMaps = checkField ? {} : selectRowMaps;
+      reactData.updateCheckboxFlag++;
+      internalData.selectCheckboxMaps = checkField ? {} : selectRowMaps;
       reactData.isAllSelected = checked;
       reactData.isIndeterminate = false;
-      reactData.treeIndeterminateMaps = {};
       internalData.treeIndeterminateRowMaps = {};
       $xeTable.checkSelectionStatus();
       return (0, _vue.nextTick)();
@@ -2761,15 +2725,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         expandColumn,
         currentRow,
-        selectCheckboxMaps,
-        selectRadioRow,
-        rowExpandedMaps,
-        treeExpandedMaps
+        selectRadioRow
       } = reactData;
       const {
         fullDataRowIdData,
         fullAllDataRowIdData,
-        radioReserveRow
+        radioReserveRow,
+        selectCheckboxMaps,
+        treeExpandedMaps,
+        rowExpandedMaps
       } = internalData;
       const expandOpts = computeExpandOpts.value;
       const treeOpts = computeTreeOpts.value;
@@ -2787,7 +2751,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
       }
       // 复选框
-      reactData.selectCheckboxMaps = getRecoverRowMaps(selectCheckboxMaps); // 刷新多选行状态
+      internalData.selectCheckboxMaps = getRecoverRowMaps(selectCheckboxMaps); // 刷新多选行状态
+      reactData.updateCheckboxFlag++;
       // 还原保留选中状态
       if (checkboxOpts.reserve) {
         handleCheckedCheckboxRow(handleReserveRow(internalData.checkboxReserveRowMap), true, true);
@@ -2796,13 +2761,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
         reactData.currentRow = null; // 刷新当前行状态
       }
       // 行展开
-      reactData.rowExpandedMaps = expandColumn ? getRecoverRowMaps(rowExpandedMaps) : {}; // 刷新行展开状态
+      internalData.rowExpandedMaps = expandColumn ? getRecoverRowMaps(rowExpandedMaps) : {}; // 刷新行展开状态
+      reactData.rowExpandedFlag++;
       // 还原保留状态
       if (expandColumn && expandOpts.reserve) {
         $xeTable.setRowExpand(handleReserveRow(internalData.rowExpandedReserveRowMap), true);
       }
       // 树展开
-      reactData.treeExpandedMaps = treeConfig ? getRecoverRowMaps(treeExpandedMaps) : {}; // 刷新树展开状态
+      internalData.treeExpandedMaps = treeConfig ? getRecoverRowMaps(treeExpandedMaps) : {}; // 刷新树展开状态
+      reactData.treeExpandedFlag++;
       if (treeConfig && treeOpts.reserve) {
         $xeTable.setTreeExpand(handleReserveRow(internalData.treeExpandedReserveRowMap), true);
       }
@@ -2825,7 +2792,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } = treeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         if (expandAll) {
-          tableMethods.setAllTreeExpand(true);
+          $xeTable.setAllTreeExpand(true);
         } else if (expandRowKeys) {
           const defExpandeds = [];
           const rowkey = (0, _util.getRowkey)($xeTable);
@@ -2837,7 +2804,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
               defExpandeds.push(matchObj.item);
             }
           });
-          tableMethods.setTreeExpand(defExpandeds, true);
+          $xeTable.setTreeExpand(defExpandeds, true);
         }
       }
     };
@@ -2854,10 +2821,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
       return new Promise(resolve => {
         if (loadMethod) {
           const {
+            fullAllDataRowIdData,
             treeExpandLazyLoadedMaps
-          } = reactData;
-          const {
-            fullAllDataRowIdData
           } = internalData;
           const rowid = (0, _util.getRowid)($xeTable, row);
           const rowRest = fullAllDataRowIdData[rowid];
@@ -2876,20 +2841,21 @@ var _default = exports.default = (0, _vue.defineComponent)({
               childRecords = [];
             }
             if (childRecords) {
-              return tableMethods.loadTreeChildren(row, childRecords).then(childRows => {
+              return $xeTable.loadTreeChildren(row, childRecords).then(childRows => {
                 const {
                   treeExpandedMaps
-                } = reactData;
+                } = internalData;
                 if (childRows.length && !treeExpandedMaps[rowid]) {
                   treeExpandedMaps[rowid] = row;
                 }
+                reactData.treeExpandedFlag++;
                 // 如果当前节点已选中，则展开后子节点也被选中
-                if (!checkStrictly && tableMethods.isCheckedByCheckboxRow(row)) {
+                if (!checkStrictly && $xeTable.isCheckedByCheckboxRow(row)) {
                   handleCheckedCheckboxRow(childRows, true);
                 }
                 return (0, _vue.nextTick)().then(() => {
                   if (transform) {
-                    tablePrivateMethods.handleTableData();
+                    $xeTable.handleTableData();
                     updateAfterDataIndex();
                     return (0, _vue.nextTick)();
                   }
@@ -2899,7 +2865,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }).catch(() => {
             const {
               treeExpandLazyLoadedMaps
-            } = reactData;
+            } = internalData;
             if (rowRest) {
               rowRest.treeLoaded = false;
             }
@@ -2907,7 +2873,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
               delete treeExpandLazyLoadedMaps[rowid];
             }
           }).finally(() => {
-            (0, _vue.nextTick)().then(() => tableMethods.recalculate()).then(() => resolve());
+            reactData.treeExpandedFlag++;
+            (0, _vue.nextTick)().then(() => $xeTable.recalculate()).then(() => resolve());
           });
         } else {
           resolve();
@@ -2936,35 +2903,38 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } = expandOpts;
         if (loadMethod) {
           const {
-            fullAllDataRowIdData
+            fullAllDataRowIdData,
+            rowExpandLazyLoadedMaps
           } = internalData;
-          const rExpandLazyLoadedMaps = Object.assign({}, reactData.rowExpandLazyLoadedMaps);
           const rowid = (0, _util.getRowid)($xeTable, row);
           const rowRest = fullAllDataRowIdData[rowid];
-          rExpandLazyLoadedMaps[rowid] = row;
-          reactData.rowExpandLazyLoadedMaps = rExpandLazyLoadedMaps;
+          rowExpandLazyLoadedMaps[rowid] = row;
           loadMethod({
             $table: $xeTable,
             row,
-            rowIndex: tableMethods.getRowIndex(row),
-            $rowIndex: tableMethods.getVMRowIndex(row)
+            rowIndex: $xeTable.getRowIndex(row),
+            $rowIndex: $xeTable.getVMRowIndex(row)
           }).then(() => {
-            const rowTempExpandedMaps = Object.assign({}, reactData.rowExpandedMaps);
+            const {
+              rowExpandedMaps
+            } = internalData;
             if (rowRest) {
               rowRest.expandLoaded = true;
             }
-            rowTempExpandedMaps[rowid] = row;
-            reactData.rowExpandedMaps = rowTempExpandedMaps;
+            rowExpandedMaps[rowid] = row;
+            reactData.rowExpandedFlag++;
           }).catch(() => {
             if (rowRest) {
               rowRest.expandLoaded = false;
             }
           }).finally(() => {
-            const rExpandLazyLoadedMaps = Object.assign({}, reactData.rowExpandLazyLoadedMaps);
-            if (rExpandLazyLoadedMaps[rowid]) {
-              delete rExpandLazyLoadedMaps[rowid];
+            const {
+              rowExpandLazyLoadedMaps
+            } = internalData;
+            if (rowExpandLazyLoadedMaps[rowid]) {
+              delete rowExpandLazyLoadedMaps[rowid];
             }
-            reactData.rowExpandLazyLoadedMaps = rExpandLazyLoadedMaps;
+            reactData.rowExpandedFlag++;
             (0, _vue.nextTick)().then(() => $xeTable.recalculate()).then(() => $xeTable.updateCellAreas()).then(() => resolve());
           });
         } else {
@@ -2991,7 +2961,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         mergeCells
       } = props;
       if (mergeCells) {
-        tableMethods.setMergeCells(mergeCells);
+        $xeTable.setMergeCells(mergeCells);
       }
     };
     const handleDefaultMergeFooterItems = () => {
@@ -2999,7 +2969,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         mergeFooterItems
       } = props;
       if (mergeFooterItems) {
-        tableMethods.setMergeFooterItems(mergeFooterItems);
+        $xeTable.setMergeFooterItems(mergeFooterItems);
       }
     };
     // 计算可视渲染相关数据
@@ -3078,9 +3048,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
       calcCellWidth();
       autoCellWidth();
       updateStyle();
-      if (reFull) {
-        updateRowOffsetTop();
-      }
       updateRowExpandStyle();
       return computeScrollLoad().then(() => {
         if (reFull === true) {
@@ -3106,7 +3073,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         treeConfig
       } = props;
       const {
-        editStore,
         scrollYLoad: oldScrollYLoad
       } = reactData;
       const {
@@ -3122,6 +3088,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const childrenField = treeOpts.children || treeOpts.childrenField;
       let treeData = [];
       let fullData = (0, _vue.reactive)(datas ? datas.slice(0) : []); // 转为响应式数据
+      if (fullData.length > supportMaxRow) {
+        (0, _log.errLog)('vxe.error.errMaxRow', [supportMaxRow]);
+      }
       if (treeConfig) {
         if (transform) {
           // 树结构自动转换
@@ -3162,8 +3131,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
       scrollXStore.endIndex = 1;
       reactData.isRowLoading = true;
       reactData.scrollVMLoading = false;
-      editStore.insertMaps = {};
-      editStore.removeMaps = {};
+      internalData.insertRowMaps = {};
+      internalData.removeRowMaps = {};
       const sYLoad = updateScrollYStatus(fullData);
       reactData.isDragColMove = false;
       reactData.isDragRowMove = false;
@@ -3185,10 +3154,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
         $xeTable.clearCellAreas();
         $xeTable.clearCopyCellArea();
       }
-      tableMethods.clearMergeCells();
-      tableMethods.clearMergeFooterItems();
-      tablePrivateMethods.handleTableData(true);
-      tableMethods.updateFooter();
+      $xeTable.clearMergeCells();
+      $xeTable.clearMergeFooterItems();
+      $xeTable.handleTableData(true);
+      $xeTable.updateFooter();
       return (0, _vue.nextTick)().then(() => {
         updateHeight();
         updateStyle();
@@ -3219,18 +3188,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }
         }
         handleReserveStatus();
-        tablePrivateMethods.checkSelectionStatus();
+        $xeTable.checkSelectionStatus();
         return new Promise(resolve => {
-          (0, _vue.nextTick)().then(() => tableMethods.recalculate()).then(() => {
+          (0, _vue.nextTick)().then(() => $xeTable.recalculate()).then(() => {
             let targetScrollLeft = lastScrollLeft;
             let targetScrollTop = lastScrollTop;
-            const sXOpts = computeSXOpts.value;
-            const sYOpts = computeSYOpts.value;
+            const virtualXOpts = computeVirtualXOpts.value;
+            const virtualYOpts = computeVirtualYOpts.value;
             // 是否在更新数据之后自动滚动重置滚动条
-            if (sXOpts.scrollToLeftOnChange) {
+            if (virtualXOpts.scrollToLeftOnChange) {
               targetScrollLeft = 0;
             }
-            if (sYOpts.scrollToTopOnChange) {
+            if (virtualYOpts.scrollToTopOnChange) {
               targetScrollTop = 0;
             }
             reactData.isRowLoading = false;
@@ -3263,7 +3232,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       handleDefaultTreeExpand();
       handleDefaultMergeCells();
       handleDefaultMergeFooterItems();
-      (0, _vue.nextTick)(() => setTimeout(() => tableMethods.recalculate()));
+      (0, _vue.nextTick)(() => setTimeout(() => $xeTable.recalculate()));
     };
     /**
      * 处理初始化的默认行为
@@ -3346,10 +3315,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
       return result;
     };
     const parseColumns = isReset => {
-      const {
-        showOverflow
-      } = props;
-      const rowOpts = computeRowOpts.value;
+      // const { showOverflow } = props
+      // const rowOpts = computeRowOpts.value
       const leftList = [];
       const centerList = [];
       const rightList = [];
@@ -3357,7 +3324,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         isGroup,
         columnStore
       } = reactData;
-      const sXOpts = computeSXOpts.value;
+      const virtualXOpts = computeVirtualXOpts.value;
       const {
         collectColumn,
         tableFullColumn,
@@ -3418,7 +3385,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
       const visibleColumn = leftList.concat(centerList).concat(rightList);
       // 如果gt为0，则总是启用
-      const scrollXLoad = !!sXOpts.enabled && sXOpts.gt > -1 && (sXOpts.gt === 0 || sXOpts.gt < tableFullColumn.length);
+      const scrollXLoad = !!virtualXOpts.enabled && virtualXOpts.gt > -1 && (virtualXOpts.gt === 0 || virtualXOpts.gt < tableFullColumn.length);
       reactData.hasFixedColumn = leftList.length > 0 || rightList.length > 0;
       Object.assign(columnStore, {
         leftList,
@@ -3426,28 +3393,28 @@ var _default = exports.default = (0, _vue.defineComponent)({
         rightList
       });
       if (scrollXLoad) {
-        if (showOverflow) {
-          if (!rowOpts.height) {
-            const errColumn = internalData.tableFullColumn.find(column => column.showOverflow === false);
-            if (errColumn) {
-              (0, _log.errLog)('vxe.error.errProp', [`column[field="${errColumn.field}"].show-overflow=false`, 'show-overflow=true']);
-            }
-          }
+        // if (showOverflow) {
+        //   if (!rowOpts.height) {
+        //     const errColumn = internalData.tableFullColumn.find(column => column.showOverflow === false)
+        //     if (errColumn) {
+        //       errLog('vxe.error.errProp', [`column[field="${errColumn.field}"].show-overflow=false`, 'show-overflow=true'])
+        //     }
+        //   }
+        // }
+        // if (process.env.NODE_ENV === 'development') {
+        // if (props.showHeader && !props.showHeaderOverflow) {
+        //   warnLog('vxe.error.reqProp', ['show-header-overflow'])
+        // }
+        // if (props.showFooter && !props.showFooterOverflow) {
+        //   warnLog('vxe.error.reqProp', ['show-footer-overflow'])
+        // }
+        if (props.spanMethod) {
+          (0, _log.warnLog)('vxe.error.scrollErrProp', ['span-method']);
         }
-        if (process.env.NODE_ENV === 'development') {
-          // if (props.showHeader && !props.showHeaderOverflow) {
-          //   warnLog('vxe.error.reqProp', ['show-header-overflow'])
-          // }
-          // if (props.showFooter && !props.showFooterOverflow) {
-          //   warnLog('vxe.error.reqProp', ['show-footer-overflow'])
-          // }
-          if (props.spanMethod) {
-            (0, _log.warnLog)('vxe.error.scrollErrProp', ['span-method']);
-          }
-          if (props.footerSpanMethod) {
-            (0, _log.warnLog)('vxe.error.scrollErrProp', ['footer-span-method']);
-          }
+        if (props.footerSpanMethod) {
+          (0, _log.warnLog)('vxe.error.scrollErrProp', ['footer-span-method']);
         }
+        // }
         if (isReset) {
           const {
             visibleSize
@@ -3541,14 +3508,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         treeConfig
       } = props;
-      const sYOpts = computeSYOpts.value;
+      const virtualYOpts = computeVirtualYOpts.value;
       const treeOpts = computeTreeOpts.value;
       const {
         transform
       } = treeOpts;
       const allList = fullData || internalData.tableFullData;
       // 如果gt为0，则总是启用
-      const scrollYLoad = (transform || !treeConfig) && !!sYOpts.enabled && sYOpts.gt > -1 && (sYOpts.gt === 0 || sYOpts.gt < allList.length);
+      const scrollYLoad = (transform || !treeConfig) && !!virtualYOpts.enabled && virtualYOpts.gt > -1 && (virtualYOpts.gt === 0 || virtualYOpts.gt < allList.length);
       reactData.scrollYLoad = scrollYLoad;
       return scrollYLoad;
     };
@@ -3560,14 +3527,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
      */
     const handleBaseTreeExpand = (rows, expanded) => {
       const {
-        treeExpandedMaps,
-        treeExpandLazyLoadedMaps,
         treeNodeColumn
       } = reactData;
-      const treeTempExpandedMaps = Object.assign({}, treeExpandedMaps);
       const {
         fullAllDataRowIdData,
-        tableFullData
+        tableFullData,
+        treeExpandedMaps,
+        treeExpandLazyLoadedMaps
       } = internalData;
       const treeOpts = computeTreeOpts.value;
       const {
@@ -3581,6 +3547,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const result = [];
       const columnIndex = tableMethods.getColumnIndex(treeNodeColumn);
       const $columnIndex = tableMethods.getVMColumnIndex(treeNodeColumn);
+      const {
+        handleGetRowId
+      } = (0, _util.createHandleGetRowId)($xeTable);
       let validRows = toggleMethod ? rows.filter(row => toggleMethod({
         $table: $xeTable,
         expanded,
@@ -3597,17 +3566,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
         });
         if (matchObj) {
           matchObj.items.forEach(item => {
-            const rowid = (0, _util.getRowid)($xeTable, item);
-            if (treeTempExpandedMaps[rowid]) {
-              delete treeTempExpandedMaps[rowid];
+            const rowid = handleGetRowId(item);
+            if (treeExpandedMaps[rowid]) {
+              delete treeExpandedMaps[rowid];
             }
           });
         }
       }
       if (expanded) {
         validRows.forEach(row => {
-          const rowid = (0, _util.getRowid)($xeTable, row);
-          if (!treeTempExpandedMaps[rowid]) {
+          const rowid = handleGetRowId(row);
+          if (!treeExpandedMaps[rowid]) {
             const rowRest = fullAllDataRowIdData[rowid];
             if (rowRest) {
               const isLoad = lazy && row[hasChildField] && !rowRest.treeLoaded && !treeExpandLazyLoadedMaps[rowid];
@@ -3616,7 +3585,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
                 result.push(handleAsyncTreeExpandChilds(row));
               } else {
                 if (row[childrenField] && row[childrenField].length) {
-                  treeTempExpandedMaps[rowid] = row;
+                  treeExpandedMaps[rowid] = row;
                 }
               }
             }
@@ -3624,16 +3593,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
         });
       } else {
         validRows.forEach(item => {
-          const rowid = (0, _util.getRowid)($xeTable, item);
-          if (treeTempExpandedMaps[rowid]) {
-            delete treeTempExpandedMaps[rowid];
+          const rowid = handleGetRowId(item);
+          if (treeExpandedMaps[rowid]) {
+            delete treeExpandedMaps[rowid];
           }
         });
       }
       if (reserve) {
         validRows.forEach(row => handleTreeExpandReserve(row, expanded));
       }
-      reactData.treeExpandedMaps = treeTempExpandedMaps;
+      reactData.treeExpandedFlag++;
       return Promise.all(result).then(() => {
         return tableMethods.recalculate();
       });
@@ -3662,9 +3631,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       handleCheckedAllCheckboxRow(value);
       if (evnt) {
         dispatchEvent('checkbox-all', {
-          records: $xeTable.getCheckboxRecords(),
-          reserves: $xeTable.getCheckboxReserveRecords(),
-          indeterminates: $xeTable.getCheckboxIndeterminateRecords(),
+          records: () => $xeTable.getCheckboxRecords(),
+          reserves: () => $xeTable.getCheckboxReserveRecords(),
+          indeterminates: () => $xeTable.getCheckboxIndeterminateRecords(),
           checked: value
         }, evnt);
       }
@@ -3712,12 +3681,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
     };
     const createGetRowCacheProp = prop => {
+      const {
+        handleGetRowId
+      } = (0, _util.createHandleGetRowId)($xeTable);
       return function (row) {
         const {
           fullAllDataRowIdData
         } = internalData;
         if (row) {
-          const rowid = (0, _util.getRowid)($xeTable, row);
+          const rowid = handleGetRowId(row);
           const rowRest = fullAllDataRowIdData[rowid];
           if (rowRest) {
             return rowRest[prop];
@@ -3887,7 +3859,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     const handleUpdateColResize = (evnt, params) => {
       $xeTable.analyColumnWidth();
-      $xeTable.recalculate(true).then(() => {
+      $xeTable.recalculate().then(() => {
         $xeTable.saveCustomStore('update:width');
         $xeTable.updateCellAreas();
         $xeTable.dispatchEvent('column-resizable-change', params, evnt);
@@ -3898,7 +3870,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     const handleUpdateRowResize = (evnt, params) => {
       reactData.resizeHeightFlag++;
-      $xeTable.recalculate(true).then(() => {
+      $xeTable.recalculate().then(() => {
         $xeTable.updateCellAreas();
         $xeTable.dispatchEvent('row-resizable-change', params, evnt);
         setTimeout(() => $xeTable.recalculate(true), 300);
@@ -3920,21 +3892,24 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     const updateRowOffsetTop = () => {
       const {
-        expandColumn,
-        rowExpandedMaps
+        expandColumn
       } = reactData;
       const {
         afterFullData,
-        fullAllDataRowIdData
+        fullAllDataRowIdData,
+        rowExpandedMaps
       } = internalData;
       const expandOpts = computeExpandOpts.value;
       const rowOpts = computeRowOpts.value;
       const cellOpts = computeCellOpts.value;
       const defaultRowHeight = computeDefaultRowHeight.value;
+      const {
+        handleGetRowId
+      } = (0, _util.createHandleGetRowId)($xeTable);
       let offsetTop = 0;
       for (let rIndex = 0, rLen = afterFullData.length; rIndex < rLen; rIndex++) {
         const row = afterFullData[rIndex];
-        const rowid = (0, _util.getRowid)($xeTable, row);
+        const rowid = handleGetRowId(row);
         const rowRest = fullAllDataRowIdData[rowid] || {};
         rowRest.oTop = offsetTop;
         offsetTop += rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
@@ -4368,22 +4343,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
           keepSource,
           treeConfig
         } = props;
-        const {
-          editStore
-        } = reactData;
         const {
           fullAllDataRowIdData,
           fullDataRowIdData,
           tableSourceData,
           sourceDataRowIdData,
           tableFullData,
-          afterFullData
+          afterFullData,
+          removeRowMaps
         } = internalData;
-        const removeTempMaps = Object.assign({}, editStore.removeMaps);
         const treeOpts = computeTreeOpts.value;
         const {
           transform
         } = treeOpts;
+        const {
+          handleGetRowId
+        } = (0, _util.createHandleGetRowId)($xeTable);
         if (!keepSource) {
           if (process.env.NODE_ENV === 'development') {
             (0, _log.errLog)('vxe.error.reqProp', ['keep-source']);
@@ -4401,7 +4376,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         let reDelFlag = false;
         if (targetRows.length) {
           targetRows.forEach(item => {
-            const rowid = (0, _util.getRowid)($xeTable, item);
+            const rowid = handleGetRowId(item);
             const rowRest = fullAllDataRowIdData[rowid];
             if (rowRest) {
               const row = rowRest.row;
@@ -4414,7 +4389,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
                     _xeUtils.default.destructuring(row, _xeUtils.default.clone(oRow, true));
                   }
                   if (!fullDataRowIdData[rowid] && $xeTable.isRemoveByRow(row)) {
-                    delete removeTempMaps[rowid];
+                    if (removeRowMaps[rowid]) {
+                      delete removeRowMaps[rowid];
+                    }
                     tableFullData.unshift(row);
                     afterFullData.unshift(row);
                     reDelFlag = true;
@@ -4426,7 +4403,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
         if (rows) {
           if (reDelFlag) {
-            editStore.removeMaps = removeTempMaps;
+            reactData.removeRowFlag++;
             $xeTable.updateFooter();
             $xeTable.cacheRowMap(false);
             $xeTable.handleTableData(treeConfig && transform);
@@ -4570,28 +4547,19 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * @param {Row} row 行对象
        */
       isInsertByRow(row) {
-        const {
-          editStore
-        } = reactData;
         const rowid = (0, _util.getRowid)($xeTable, row);
-        return !!editStore.insertMaps[rowid];
+        return !!reactData.insertRowFlag && !!internalData.insertRowMaps[rowid];
       },
       isRemoveByRow(row) {
-        const {
-          editStore
-        } = reactData;
         const rowid = (0, _util.getRowid)($xeTable, row);
-        return !!editStore.removeMaps[rowid];
+        return !!reactData.removeRowFlag && !!internalData.removeRowMaps[rowid];
       },
       /**
        * 删除所有新增的临时数据
        * @returns
        */
       removeInsertRow() {
-        const {
-          editStore
-        } = reactData;
-        editStore.insertMaps = {};
+        internalData.insertRowMaps = {};
         return $xeTable.remove($xeTable.getInsertRecords());
       },
       /**
@@ -4636,8 +4604,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * @param {Number} columnIndex 索引
        */
       getColumns(columnIndex) {
-        const columns = internalData.visibleColumn;
-        return _xeUtils.default.isUndefined(columnIndex) ? columns.slice(0) : columns[columnIndex];
+        const {
+          visibleColumn
+        } = internalData;
+        return _xeUtils.default.isUndefined(columnIndex) ? visibleColumn.slice(0) : visibleColumn[columnIndex];
       },
       /**
        * 根据列获取列的唯一主键
@@ -4651,7 +4621,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * @param {String} colid 列主键
        */
       getColumnById(colid) {
-        const fullColumnIdData = internalData.fullColumnIdData;
+        const {
+          fullColumnIdData
+        } = internalData;
         return colid && fullColumnIdData[colid] ? fullColumnIdData[colid].column : null;
       },
       /**
@@ -4663,7 +4635,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         return field && fullColumnFieldData[field] ? fullColumnFieldData[field].column : null;
       },
       getParentColumn(fieldOrColumn) {
-        const fullColumnIdData = internalData.fullColumnIdData;
+        const {
+          fullColumnIdData
+        } = internalData;
         const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
         return column && column.parentId && fullColumnIdData[column.parentId] ? fullColumnIdData[column.parentId].column : null;
       },
@@ -4804,16 +4778,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const {
           treeConfig
         } = props;
-        const {
-          selectCheckboxMaps
-        } = reactData;
         const {
           tableFullData,
           afterFullData,
           afterTreeFullData,
           tableFullTreeData,
           fullDataRowIdData,
-          afterFullRowMaps
+          afterFullRowMaps,
+          selectCheckboxMaps
         } = internalData;
         const treeOpts = computeTreeOpts.value;
         const checkboxOpts = computeCheckboxOpts.value;
@@ -5189,12 +5161,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
           fullAllDataRowIdData,
           afterFullData
         } = internalData;
+        const {
+          handleGetRowId
+        } = (0, _util.createHandleGetRowId)($xeTable);
         const rowOpts = computeRowOpts.value;
         const cellOpts = computeCellOpts.value;
         const defaultRowHeight = computeDefaultRowHeight.value;
         const rest = {};
         afterFullData.forEach(row => {
-          const rowid = (0, _util.getRowid)($xeTable, row);
+          const rowid = handleGetRowId(row);
           const rowRest = fullAllDataRowIdData[rowid];
           if (rowRest) {
             const resizeHeight = rowRest.resizeHeight;
@@ -5220,8 +5195,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
           rHeight = Math.floor(rHeight * bodyHeight);
         }
         if (rHeight) {
+          const {
+            handleGetRowId
+          } = (0, _util.createHandleGetRowId)($xeTable);
           rows.forEach(row => {
-            const rowid = _xeUtils.default.isString(row) || _xeUtils.default.isNumber(row) ? row : (0, _util.getRowid)($xeTable, row);
+            const rowid = _xeUtils.default.isString(row) || _xeUtils.default.isNumber(row) ? row : handleGetRowId(row);
             const rowRest = fullAllDataRowIdData[rowid];
             if (rowRest) {
               rowRest.resizeHeight = rHeight;
@@ -5384,15 +5362,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
           treeConfig
         } = props;
         const {
-          fullDataRowIdData
+          fullDataRowIdData,
+          treeIndeterminateRowMaps
         } = internalData;
-        const {
-          treeIndeterminateMaps
-        } = reactData;
         if (treeConfig) {
           const fullRest = [];
           const defRest = [];
-          _xeUtils.default.each(treeIndeterminateMaps, (item, rowid) => {
+          _xeUtils.default.each(treeIndeterminateRowMaps, (item, rowid) => {
             if (item) {
               fullRest.push(item);
               if (fullDataRowIdData[rowid]) {
@@ -5436,8 +5412,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
       },
       isCheckedByCheckboxRow(row) {
         const {
-          selectCheckboxMaps
+          updateCheckboxFlag
         } = reactData;
+        const {
+          selectCheckboxMaps
+        } = internalData;
         const checkboxOpts = computeCheckboxOpts.value;
         const {
           checkField
@@ -5445,14 +5424,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
         if (checkField) {
           return _xeUtils.default.get(row, checkField);
         }
-        return !!selectCheckboxMaps[(0, _util.getRowid)($xeTable, row)];
+        return !!updateCheckboxFlag && !!selectCheckboxMaps[(0, _util.getRowid)($xeTable, row)];
       },
       isCheckedByCheckboxRowKey(rowid) {
         const {
-          selectCheckboxMaps
+          updateCheckboxFlag
         } = reactData;
         const {
-          fullAllDataRowIdData
+          fullAllDataRowIdData,
+          selectCheckboxMaps
         } = internalData;
         const checkboxOpts = computeCheckboxOpts.value;
         const {
@@ -5465,19 +5445,19 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }
           return false;
         }
-        return !!selectCheckboxMaps[rowid];
+        return !!updateCheckboxFlag && !!selectCheckboxMaps[rowid];
       },
       isIndeterminateByCheckboxRow(row) {
         const {
-          treeIndeterminateMaps
-        } = reactData;
-        return !!treeIndeterminateMaps[(0, _util.getRowid)($xeTable, row)] && !$xeTable.isCheckedByCheckboxRow(row);
+          treeIndeterminateRowMaps
+        } = internalData;
+        return !!treeIndeterminateRowMaps[(0, _util.getRowid)($xeTable, row)] && !$xeTable.isCheckedByCheckboxRow(row);
       },
       isIndeterminateByCheckboxRowKey(rowid) {
         const {
-          treeIndeterminateMaps
-        } = reactData;
-        return !!treeIndeterminateMaps[rowid] && !$xeTable.isCheckedByCheckboxRowKey(rowid);
+          treeIndeterminateRowMaps
+        } = internalData;
+        return !!treeIndeterminateRowMaps[rowid] && !$xeTable.isCheckedByCheckboxRowKey(rowid);
       },
       /**
        * 多选，切换某一行的选中状态
@@ -5485,7 +5465,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       toggleCheckboxRow(row) {
         const {
           selectCheckboxMaps
-        } = reactData;
+        } = internalData;
         const checkboxOpts = computeCheckboxOpts.value;
         const {
           checkField
@@ -5562,16 +5542,19 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const reserveSelection = [];
         if (checkboxOpts.reserve) {
+          const {
+            handleGetRowId
+          } = (0, _util.createHandleGetRowId)($xeTable);
           const afterFullIdMaps = {};
           if (treeConfig) {
             _xeUtils.default.eachTree(afterFullData, row => {
-              afterFullIdMaps[(0, _util.getRowid)($xeTable, row)] = 1;
+              afterFullIdMaps[handleGetRowId(row)] = 1;
             }, {
               children: childrenField
             });
           } else {
             afterFullData.forEach(row => {
-              afterFullIdMaps[(0, _util.getRowid)($xeTable, row)] = 1;
+              afterFullIdMaps[handleGetRowId(row)] = 1;
             });
           }
           _xeUtils.default.each(checkboxReserveRowMap, (oldRow, oldRowid) => {
@@ -5641,8 +5624,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
         reactData.isAllSelected = false;
         reactData.isIndeterminate = false;
-        reactData.selectCheckboxMaps = {};
-        reactData.treeIndeterminateMaps = {};
+        internalData.selectCheckboxMaps = {};
+        internalData.treeIndeterminateRowMaps = {};
+        reactData.updateCheckboxFlag++;
         return (0, _vue.nextTick)();
       },
       /**
@@ -5760,13 +5744,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * 用于当前列，设置某列行为高亮状态
        */
       setCurrentColumn(fieldOrColumn) {
+        const {
+          mouseConfig
+        } = props;
+        const mouseOpts = computeMouseOpts.value;
+        const isMouseSelected = mouseConfig && mouseOpts.selected;
         const column = (0, _util.handleFieldOrColumn)($xeTable, fieldOrColumn);
         if (column) {
-          // tableMethods.clearCurrentRow()
-          tableMethods.clearCurrentColumn();
+          $xeTable.clearCurrentColumn();
           reactData.currentColumn = column;
         }
-        return (0, _vue.nextTick)();
+        return (0, _vue.nextTick)().then(() => {
+          // 更新状选中态
+          if (isMouseSelected) {
+            $xeTable.addCellSelectedClass();
+          }
+        });
       },
       /**
        * 用于当前列，手动清空当前高亮的状态
@@ -5776,44 +5769,54 @@ var _default = exports.default = (0, _vue.defineComponent)({
         return (0, _vue.nextTick)();
       },
       setPendingRow(rows, status) {
-        const pendingMaps = Object.assign({}, reactData.pendingRowMaps);
+        const {
+          handleGetRowId
+        } = (0, _util.createHandleGetRowId)($xeTable);
+        const {
+          pendingRowMaps
+        } = internalData;
         if (rows && !_xeUtils.default.isArray(rows)) {
           rows = [rows];
         }
         if (status) {
           rows.forEach(row => {
-            const rowid = (0, _util.getRowid)($xeTable, row);
-            if (rowid && !pendingMaps[rowid]) {
-              pendingMaps[rowid] = row;
+            const rowid = handleGetRowId(row);
+            if (rowid && !pendingRowMaps[rowid]) {
+              pendingRowMaps[rowid] = row;
             }
           });
         } else {
           rows.forEach(row => {
-            const rowid = (0, _util.getRowid)($xeTable, row);
-            if (rowid && pendingMaps[rowid]) {
-              delete pendingMaps[rowid];
+            const rowid = handleGetRowId(row);
+            if (rowid && pendingRowMaps[rowid]) {
+              delete pendingRowMaps[rowid];
             }
           });
         }
-        reactData.pendingRowMaps = pendingMaps;
+        reactData.pendingRowFlag++;
         return (0, _vue.nextTick)();
       },
       togglePendingRow(rows) {
-        const pendingMaps = Object.assign({}, reactData.pendingRowMaps);
+        const {
+          handleGetRowId
+        } = (0, _util.createHandleGetRowId)($xeTable);
+        const {
+          pendingRowMaps
+        } = internalData;
         if (rows && !_xeUtils.default.isArray(rows)) {
           rows = [rows];
         }
         rows.forEach(row => {
-          const rowid = (0, _util.getRowid)($xeTable, row);
+          const rowid = handleGetRowId(row);
           if (rowid) {
-            if (pendingMaps[rowid]) {
-              delete pendingMaps[rowid];
+            if (pendingRowMaps[rowid]) {
+              delete pendingRowMaps[rowid];
             } else {
-              pendingMaps[rowid] = row;
+              pendingRowMaps[rowid] = row;
             }
           }
         });
-        reactData.pendingRowMaps = pendingMaps;
+        reactData.pendingRowFlag++;
         return (0, _vue.nextTick)();
       },
       hasPendingByRow(row) {
@@ -5822,16 +5825,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
       isPendingByRow(row) {
         const {
           pendingRowMaps
-        } = reactData;
+        } = internalData;
         const rowid = (0, _util.getRowid)($xeTable, row);
         return !!pendingRowMaps[rowid];
       },
       getPendingRecords() {
         const {
+          fullAllDataRowIdData,
           pendingRowMaps
-        } = reactData;
-        const {
-          fullAllDataRowIdData
         } = internalData;
         const insertRecords = [];
         _xeUtils.default.each(pendingRowMaps, (row, rowid) => {
@@ -5842,7 +5843,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
         return insertRecords;
       },
       clearPendingRow() {
-        reactData.pendingRowMaps = {};
+        internalData.pendingRowMaps = {};
+        reactData.pendingRowFlag++;
         return (0, _vue.nextTick)();
       },
       sort(sortConfs, sortOrder) {
@@ -6028,7 +6030,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
             column,
             property: column.field,
             field: column.field,
-            filterList: $xeTable.getCheckedFilters(),
+            filterList: () => $xeTable.getCheckedFilters(),
             visible: false
           }, null);
         }
@@ -6060,9 +6062,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         return rowRest && !!rowRest.expandLoaded;
       },
       clearRowExpandLoaded(row) {
-        const rExpandLazyLoadedMaps = Object.assign({}, reactData.rowExpandLazyLoadedMaps);
         const {
-          fullAllDataRowIdData
+          fullAllDataRowIdData,
+          rowExpandLazyLoadedMaps
         } = internalData;
         const expandOpts = computeExpandOpts.value;
         const {
@@ -6072,9 +6074,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const rowRest = fullAllDataRowIdData[rowid];
         if (lazy && rowRest) {
           rowRest.expandLoaded = false;
-          delete rExpandLazyLoadedMaps[rowid];
+          delete rowExpandLazyLoadedMaps[rowid];
         }
-        reactData.rowExpandLazyLoadedMaps = rExpandLazyLoadedMaps;
+        reactData.rowExpandedFlag++;
         return (0, _vue.nextTick)();
       },
       /**
@@ -6084,14 +6086,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
       reloadRowExpand(row) {
         const {
           rowExpandLazyLoadedMaps
-        } = reactData;
+        } = internalData;
         const expandOpts = computeExpandOpts.value;
         const {
           lazy
         } = expandOpts;
         const rowid = (0, _util.getRowid)($xeTable, row);
         if (lazy && !rowExpandLazyLoadedMaps[rowid]) {
-          tableMethods.clearRowExpandLoaded(row).then(() => handleAsyncRowExpand(row));
+          $xeTable.clearRowExpandLoaded(row).then(() => handleAsyncRowExpand(row));
         }
         return (0, _vue.nextTick)();
       },
@@ -6100,13 +6102,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
           (0, _log.warnLog)('vxe.error.delFunc', ['reloadExpandContent', 'reloadRowExpand']);
         }
         // 即将废弃
-        return tableMethods.reloadRowExpand(row);
+        return $xeTable.reloadRowExpand(row);
       },
       /**
        * 切换展开行
        */
       toggleRowExpand(row) {
-        return tableMethods.setRowExpand(row, !tableMethods.isRowExpandByRow(row));
+        return $xeTable.setRowExpand(row, !$xeTable.isRowExpandByRow(row));
       },
       /**
        * 设置所有行的展开与否
@@ -6140,14 +6142,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
        */
       setRowExpand(rows, expanded) {
         const {
-          rowExpandedMaps,
-          rowExpandLazyLoadedMaps,
           expandColumn
         } = reactData;
-        const {
-          fullAllDataRowIdData
+        let {
+          fullAllDataRowIdData,
+          rowExpandedMaps,
+          rowExpandLazyLoadedMaps
         } = internalData;
-        let rExpandedMaps = Object.assign({}, rowExpandedMaps);
+        const {
+          handleGetRowId
+        } = (0, _util.createHandleGetRowId)($xeTable);
         const expandOpts = computeExpandOpts.value;
         const {
           reserve,
@@ -6164,7 +6168,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }
           if (accordion) {
             // 只能同时展开一个
-            rExpandedMaps = {};
+            rowExpandedMaps = {};
+            internalData.rowExpandedMaps = rowExpandedMaps;
             rows = rows.slice(rows.length - 1, rows.length);
           }
           const validRows = toggleMethod ? rows.filter(row => toggleMethod({
@@ -6179,22 +6184,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
           })) : rows;
           if (expanded) {
             validRows.forEach(row => {
-              const rowid = (0, _util.getRowid)($xeTable, row);
-              if (!rExpandedMaps[rowid]) {
+              const rowid = handleGetRowId(row);
+              if (!rowExpandedMaps[rowid]) {
                 const rowRest = fullAllDataRowIdData[rowid];
                 const isLoad = lazy && !rowRest.expandLoaded && !rowExpandLazyLoadedMaps[rowid];
                 if (isLoad) {
                   lazyRests.push(handleAsyncRowExpand(row));
                 } else {
-                  rExpandedMaps[rowid] = row;
+                  rowExpandedMaps[rowid] = row;
                 }
               }
             });
           } else {
             validRows.forEach(item => {
-              const rowid = (0, _util.getRowid)($xeTable, item);
-              if (rExpandedMaps[rowid]) {
-                delete rExpandedMaps[rowid];
+              const rowid = handleGetRowId(item);
+              if (rowExpandedMaps[rowid]) {
+                delete rowExpandedMaps[rowid];
               }
             });
           }
@@ -6202,7 +6207,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
             validRows.forEach(row => handleRowExpandReserve(row, expanded));
           }
         }
-        reactData.rowExpandedMaps = rExpandedMaps;
+        reactData.rowExpandedFlag++;
         return Promise.all(lazyRests).then(() => (0, _vue.nextTick)()).then(() => $xeTable.recalculate(true)).then(() => {
           updateRowOffsetTop();
           updateRowExpandStyle();
@@ -6216,10 +6221,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
        */
       isRowExpandByRow(row) {
         const {
-          rowExpandedMaps
+          rowExpandedFlag
         } = reactData;
+        const {
+          rowExpandedMaps
+        } = internalData;
         const rowid = (0, _util.getRowid)($xeTable, row);
-        return !!rowExpandedMaps[rowid];
+        return !!rowExpandedFlag && !!rowExpandedMaps[rowid];
       },
       isExpandByRow(row) {
         // 已废弃
@@ -6240,7 +6248,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
           reserve
         } = expandOpts;
         const expList = $xeTable.getRowExpandRecords();
-        reactData.rowExpandedMaps = {};
+        internalData.rowExpandedMaps = {};
+        reactData.rowExpandedFlag++;
         if (reserve) {
           tableFullData.forEach(row => handleRowExpandReserve(row, false));
         }
@@ -6261,7 +6270,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       },
       getRowExpandRecords() {
         const rest = [];
-        _xeUtils.default.each(reactData.rowExpandedMaps, item => {
+        _xeUtils.default.each(internalData.rowExpandedMaps, item => {
           if (item) {
             rest.push(item);
           }
@@ -6270,7 +6279,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       },
       getTreeExpandRecords() {
         const rest = [];
-        _xeUtils.default.each(reactData.treeExpandedMaps, item => {
+        _xeUtils.default.each(internalData.treeExpandedMaps, item => {
           if (item) {
             rest.push(item);
           }
@@ -6290,15 +6299,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
       },
       clearTreeExpandLoaded(rows) {
         const {
-          fullAllDataRowIdData
+          fullAllDataRowIdData,
+          treeExpandedMaps
         } = internalData;
         const treeOpts = computeTreeOpts.value;
         const {
           transform
         } = treeOpts;
-        let tExpandedMaps = {};
         if (rows) {
-          tExpandedMaps = Object.assign({}, reactData.treeExpandedMaps);
           if (!_xeUtils.default.isArray(rows)) {
             rows = [rows];
           }
@@ -6307,8 +6315,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
             const rowRest = fullAllDataRowIdData[rowid];
             if (rowRest) {
               rowRest.treeLoaded = false;
-              if (tExpandedMaps[rowid]) {
-                delete tExpandedMaps[rowid];
+              if (treeExpandedMaps[rowid]) {
+                delete treeExpandedMaps[rowid];
               }
             }
           });
@@ -6317,7 +6325,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
             rowRest.treeLoaded = false;
           });
         }
-        reactData.treeExpandedMaps = {};
+        internalData.treeExpandedMaps = {};
+        reactData.treeExpandedFlag++;
         if (transform) {
           handleVirtualTreeToList();
           return $xeTable.handleTableData();
@@ -6331,7 +6340,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       reloadTreeExpand(row) {
         const {
           treeExpandLazyLoadedMaps
-        } = reactData;
+        } = internalData;
         const treeOpts = computeTreeOpts.value;
         const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
         const {
@@ -6429,9 +6438,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
        */
       isTreeExpandByRow(row) {
         const {
-          treeExpandedMaps
+          treeExpandedFlag
         } = reactData;
-        return !!treeExpandedMaps[(0, _util.getRowid)($xeTable, row)];
+        const {
+          treeExpandedMaps
+        } = internalData;
+        return !!treeExpandedFlag && !!treeExpandedMaps[(0, _util.getRowid)($xeTable, row)];
       },
       /**
        * 手动清空树形节点的展开状态，数据会恢复成未展开的状态
@@ -6446,21 +6458,22 @@ var _default = exports.default = (0, _vue.defineComponent)({
           transform,
           reserve
         } = treeOpts;
-        const expList = tableMethods.getTreeExpandRecords();
-        reactData.treeExpandedMaps = {};
+        const expList = $xeTable.getTreeExpandRecords();
+        internalData.treeExpandedMaps = {};
+        reactData.treeExpandedFlag++;
         if (reserve) {
           _xeUtils.default.eachTree(tableFullTreeData, row => handleTreeExpandReserve(row, false), {
             children: childrenField
           });
         }
-        return tablePrivateMethods.handleTableData().then(() => {
+        return $xeTable.handleTableData().then(() => {
           if (transform) {
             handleVirtualTreeToList();
-            return tablePrivateMethods.handleTableData();
+            return $xeTable.handleTableData();
           }
         }).then(() => {
           if (expList.length) {
-            return tableMethods.recalculate();
+            return $xeTable.recalculate();
           }
         });
       },
@@ -6751,8 +6764,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
           collectColumn
         } = internalData;
         const {
+          storage,
           checkMethod
         } = customOpts;
+        const isAllCustom = storage === true;
+        const storageOpts = isAllCustom ? {} : Object.assign({}, storage || {});
+        const isCustomResizable = isAllCustom || storageOpts.resizable;
+        const isCustomVisible = isAllCustom || storageOpts.visible;
+        const isCustomFixed = isAllCustom || storageOpts.fixed;
+        const isCustomSort = isAllCustom || storageOpts.sort;
         const resizableData = {};
         const sortData = {};
         const visibleData = {};
@@ -6772,45 +6792,35 @@ var _default = exports.default = (0, _vue.defineComponent)({
         let hasFixed = 0;
         let hasVisible = 0;
         _xeUtils.default.eachTree(collectColumn, (column, index, items, path, parentColumn) => {
+          const colKey = column.getKey();
+          if (!colKey) {
+            (0, _log.errLog)('vxe.error.reqProp', [`${column.getTitle() || column.type || ''} -> column.field=?`]);
+            return;
+          }
           // 只支持一级
           if (!parentColumn) {
-            collectColumn.forEach(column => {
-              const colKey = column.getKey();
-              if (colKey) {
-                hasSort = 1;
-                sortData[colKey] = column.renderSortNumber;
-              }
-            });
-            if (column.fixed !== column.defaultFixed) {
-              const colKey = column.getKey();
-              if (colKey) {
-                hasFixed = 1;
-                fixedData[colKey] = column.fixed;
-              }
+            if (isCustomSort) {
+              hasSort = 1;
+              sortData[colKey] = column.renderSortNumber;
             }
-          }
-          if (column.resizeWidth) {
-            const colKey = column.getKey();
-            if (colKey) {
-              hasResizable = 1;
-              resizableData[colKey] = column.renderWidth;
+            if (isCustomFixed && column.fixed !== column.defaultFixed) {
+              hasFixed = 1;
+              fixedData[colKey] = column.fixed;
             }
           }
-          if (!checkMethod || checkMethod({
+          if (isCustomResizable && column.resizeWidth) {
+            hasResizable = 1;
+            resizableData[colKey] = column.renderWidth;
+          }
+          if (isCustomVisible && (!checkMethod || checkMethod({
             column
-          })) {
+          }))) {
             if (!column.visible && column.defaultVisible) {
-              const colKey = column.getKey();
-              if (colKey) {
-                hasVisible = 1;
-                visibleData[colKey] = false;
-              }
+              hasVisible = 1;
+              visibleData[colKey] = false;
             } else if (column.visible && !column.defaultVisible) {
-              const colKey = column.getKey();
-              if (colKey) {
-                hasVisible = 1;
-                visibleData[colKey] = true;
-              }
+              hasVisible = 1;
+              visibleData[colKey] = true;
             }
           }
         });
@@ -7195,7 +7205,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
                   if (keyboardOpts.enterToTab) {
                     $xeTable.moveTabSelected(activeParams, hasShiftKey, evnt);
                   } else {
-                    $xeTable.moveSelected(activeParams, isLeftArrow, true, isRightArrow, false, evnt);
+                    $xeTable.moveEnterSelected(activeParams, isLeftArrow, true, isRightArrow, false, evnt);
                   }
                 } else {
                   if (keyboardOpts.enterToTab) {
@@ -7231,7 +7241,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
                           return;
                         }
                       }
-                      $xeTable.moveSelected(activeParams, isLeftArrow, false, isRightArrow, true, evnt);
+                      $xeTable.moveEnterSelected(activeParams, isLeftArrow, false, isRightArrow, true, evnt);
                       if (enterMethod) {
                         enterMethod(etrParams);
                       }
@@ -7258,10 +7268,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
             if (!isEditStatus) {
               // 如果按下了方向键
               if (selected.row && selected.column) {
-                $xeTable.moveSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
-              } else if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
-                // 当前行按键上下移动
-                $xeTable.moveCurrentRow(isUpArrow, isDwArrow, evnt);
+                $xeTable.moveArrowSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
               }
             }
           } else if (isTab && keyboardConfig && keyboardOpts.isTab) {
@@ -7686,8 +7693,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
      * @param {Event} evnt 事件
      * @param {Row} row 行对象
      */
-    const handleTooltip = (evnt, tdEl, overflowElem, tipElem, params) => {
-      if (!overflowElem) {
+    const handleTooltip = (evnt, tdEl, overflowElem, params) => {
+      const tipOverEl = overflowElem || tdEl;
+      if (!tipOverEl) {
         return (0, _vue.nextTick)();
       }
       params.cell = tdEl;
@@ -7705,9 +7713,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = tooltipOpts;
       const customContent = contentMethod ? contentMethod(params) : null;
       const useCustom = contentMethod && !_xeUtils.default.eqNull(customContent);
-      const content = useCustom ? customContent : _xeUtils.default.toString(column.type === 'html' ? overflowElem.innerText : overflowElem.textContent).trim();
-      const isCellOverflow = overflowElem.scrollWidth > overflowElem.clientWidth;
-      if (content && (showAll || useCustom || isCellOverflow)) {
+      const content = useCustom ? customContent : _xeUtils.default.toString(column.type === 'html' ? tipOverEl.innerText : tipOverEl.textContent).trim();
+      if (content && (showAll || useCustom || tipOverEl.scrollWidth > tipOverEl.clientWidth)) {
         Object.assign(tooltipStore, {
           row,
           column,
@@ -7717,7 +7724,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         (0, _vue.nextTick)(() => {
           const $tooltip = refTooltip.value;
           if ($tooltip && $tooltip.open) {
-            $tooltip.open(isCellOverflow ? overflowElem : tipElem || overflowElem, (0, _utils.formatText)(content));
+            $tooltip.open(tipOverEl, (0, _utils.formatText)(content));
           }
         });
       }
@@ -7875,13 +7882,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const {
           treeConfig
         } = props;
-        const {
-          treeExpandedMaps
-        } = reactData;
         const {
           fullAllDataRowIdData,
           tableFullData,
-          tableFullTreeData
+          tableFullTreeData,
+          treeExpandedMaps
         } = internalData;
         const treeOpts = computeTreeOpts.value;
         const childrenField = treeOpts.children || treeOpts.childrenField;
@@ -7889,12 +7894,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const {
           lazy
         } = treeOpts;
-        const rowkey = (0, _util.getRowkey)($xeTable);
-        const isDeepKey = rowkey.indexOf('.') > -1;
         const fullAllDataRowIdMaps = Object.assign({}, fullAllDataRowIdData); // 存在已删除数据
         const fullDataRowIdMaps = {};
-        const treeTempExpandedMaps = Object.assign({}, treeExpandedMaps);
-        const handleRowId = isDeepKey ? _util.updateDeepRowKey : _util.updateFastRowKey;
+        const {
+          handleUpdateRowId
+        } = (0, _util.createHandleUpdateRowId)($xeTable);
         const handleRowCache = (row, index, items, currIndex, parentRow, rowid, level, seq) => {
           let rowRest = fullAllDataRowIdMaps[rowid];
           if (!rowRest) {
@@ -7930,15 +7934,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
         };
         if (treeConfig) {
           _xeUtils.default.eachTree(tableFullTreeData, (row, index, items, path, parentRow, nodes) => {
-            const rowid = handleRowId(row, rowkey);
+            const rowid = handleUpdateRowId(row);
             if (treeConfig && lazy) {
-              const treeExpRest = treeTempExpandedMaps[rowid];
               if (row[hasChildField] && row[childrenField] === undefined) {
                 row[childrenField] = null;
               }
-              if (treeExpRest) {
+              if (treeExpandedMaps[rowid]) {
                 if (!row[childrenField] || !row[childrenField].length) {
-                  delete treeTempExpandedMaps[rowid];
+                  delete treeExpandedMaps[rowid];
                 }
               }
             }
@@ -7948,31 +7951,26 @@ var _default = exports.default = (0, _vue.defineComponent)({
           });
         } else {
           tableFullData.forEach((row, index, items) => {
-            handleRowCache(row, index, items, index, null, handleRowId(row, rowkey), 0, index + 1);
+            handleRowCache(row, index, items, index, null, handleUpdateRowId(row), 0, index + 1);
           });
         }
         internalData.fullDataRowIdData = fullDataRowIdMaps;
         internalData.fullAllDataRowIdData = fullAllDataRowIdMaps;
-        reactData.treeExpandedMaps = treeTempExpandedMaps;
+        reactData.treeExpandedFlag++;
       },
       cacheSourceMap(fullData) {
         const {
           treeConfig
         } = props;
         const treeOpts = computeTreeOpts.value;
-        let {
-          sourceDataRowIdData
-        } = internalData;
         const sourceData = _xeUtils.default.clone(fullData, true);
-        const rowkey = (0, _util.getRowkey)($xeTable);
-        sourceDataRowIdData = internalData.sourceDataRowIdData = {};
+        const {
+          handleUpdateRowId
+        } = (0, _util.createHandleUpdateRowId)($xeTable);
+        const sourceRowIdData = {};
         const handleSourceRow = row => {
-          let rowid = (0, _util.getRowid)($xeTable, row);
-          if ((0, _utils.eqEmptyValue)(rowid)) {
-            rowid = (0, _util.getRowUniqueId)();
-            _xeUtils.default.set(row, rowkey, rowid);
-          }
-          sourceDataRowIdData[rowid] = row;
+          const rowid = handleUpdateRowId(row);
+          sourceRowIdData[rowid] = row;
         };
         // 源数据缓存
         if (treeConfig) {
@@ -7983,6 +7981,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } else {
           sourceData.forEach(handleSourceRow);
         }
+        internalData.sourceDataRowIdData = sourceRowIdData;
         internalData.tableSourceData = sourceData;
       },
       /**
@@ -8489,12 +8488,25 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }
         }
         // 兼容老版本
-        let rest;
-        if (!evntList.some(func => func(Object.assign({
-          $grid: $xeGrid,
-          $table: $xeTable,
-          $event: evnt
-        }, args)) === false)) {
+        let rest = null;
+        let isStop = false;
+        for (let i = 0; i < evntList.length; i++) {
+          const func = evntList[i];
+          const fnRest = func(Object.assign({
+            $grid: $xeGrid,
+            $table: $xeTable,
+            $event: evnt
+          }, args));
+          if (fnRest === false) {
+            isStop = true;
+            break;
+          } else if (fnRest && fnRest.status === false) {
+            rest = fnRest.result;
+            isStop = true;
+            break;
+          }
+        }
+        if (!isStop) {
           if (next) {
             rest = next();
           }
@@ -8510,10 +8522,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } = props;
         const {
           selectCheckboxMaps,
-          treeIndeterminateMaps
-        } = reactData;
-        const selectRowMaps = Object.assign({}, selectCheckboxMaps);
-        const halfRowMaps = Object.assign({}, treeIndeterminateMaps);
+          treeIndeterminateRowMaps
+        } = internalData;
         const treeOpts = computeTreeOpts.value;
         const {
           transform,
@@ -8534,10 +8544,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
         // 树结构
         if (treeConfig) {
+          const {
+            handleGetRowId
+          } = (0, _util.createHandleGetRowId)($xeTable);
           const childRowMaps = {};
           const childRowList = [];
           _xeUtils.default.eachTree(afterTreeFullData, row => {
-            const rowid = (0, _util.getRowid)($xeTable, row);
+            const rowid = handleGetRowId(row);
             const childList = row[transform ? mapChildrenField : childrenField];
             if (childList && childList.length && !childRowMaps[rowid]) {
               childRowMaps[rowid] = 1;
@@ -8554,30 +8567,30 @@ var _default = exports.default = (0, _vue.defineComponent)({
             let hLen = 0; // 半选
             let vLen = 0; // 有效行
             childList.forEach(checkMethod ? item => {
-              const childRowid = (0, _util.getRowid)($xeTable, item);
-              const isSelect = checkField ? _xeUtils.default.get(item, checkField) : selectRowMaps[childRowid];
+              const childRowid = handleGetRowId(item);
+              const isSelect = checkField ? _xeUtils.default.get(item, checkField) : selectCheckboxMaps[childRowid];
               if (checkMethod({
                 row: item
               })) {
                 if (isSelect) {
                   sLen++;
-                } else if (halfRowMaps[childRowid]) {
+                } else if (treeIndeterminateRowMaps[childRowid]) {
                   hLen++;
                 }
                 vLen++;
               } else {
                 if (isSelect) {
                   sLen++;
-                } else if (halfRowMaps[childRowid]) {
+                } else if (treeIndeterminateRowMaps[childRowid]) {
                   hLen++;
                 }
               }
             } : item => {
-              const childRowid = (0, _util.getRowid)($xeTable, item);
-              const isSelect = checkField ? _xeUtils.default.get(item, checkField) : selectRowMaps[childRowid];
+              const childRowid = handleGetRowId(item);
+              const isSelect = checkField ? _xeUtils.default.get(item, checkField) : selectCheckboxMaps[childRowid];
               if (isSelect) {
                 sLen++;
-              } else if (halfRowMaps[childRowid]) {
+              } else if (treeIndeterminateRowMaps[childRowid]) {
                 hLen++;
               }
               vLen++;
@@ -8589,38 +8602,40 @@ var _default = exports.default = (0, _vue.defineComponent)({
             }
             if (isSelected) {
               if (!checkField) {
-                selectRowMaps[rowid] = row;
+                selectCheckboxMaps[rowid] = row;
               }
-              if (halfRowMaps[rowid]) {
-                delete halfRowMaps[rowid];
+              if (treeIndeterminateRowMaps[rowid]) {
+                delete treeIndeterminateRowMaps[rowid];
               }
             } else {
               if (!checkField) {
-                if (selectRowMaps[rowid]) {
-                  delete selectRowMaps[rowid];
+                if (selectCheckboxMaps[rowid]) {
+                  delete selectCheckboxMaps[rowid];
                 }
               }
               if (halfSelect) {
-                halfRowMaps[rowid] = row;
+                treeIndeterminateRowMaps[rowid] = row;
               } else {
-                if (halfRowMaps[rowid]) {
-                  delete halfRowMaps[rowid];
+                if (treeIndeterminateRowMaps[rowid]) {
+                  delete treeIndeterminateRowMaps[rowid];
                 }
               }
             }
           });
         }
-        reactData.selectCheckboxMaps = selectRowMaps;
-        reactData.treeIndeterminateMaps = halfRowMaps;
+        reactData.updateCheckboxFlag++;
       },
       updateAllCheckboxStatus() {
         const {
           treeConfig
         } = props;
         const {
+          afterFullData,
+          afterTreeFullData,
+          checkboxReserveRowMap,
           selectCheckboxMaps,
-          treeIndeterminateMaps
-        } = reactData;
+          treeIndeterminateRowMaps
+        } = internalData;
         const checkboxOpts = computeCheckboxOpts.value;
         const {
           checkField,
@@ -8628,39 +8643,37 @@ var _default = exports.default = (0, _vue.defineComponent)({
           showReserveStatus
         } = checkboxOpts;
         const {
-          afterFullData,
-          afterTreeFullData,
-          checkboxReserveRowMap
-        } = internalData;
+          handleGetRowId
+        } = (0, _util.createHandleGetRowId)($xeTable);
         let sLen = 0; // 已选
         let hLen = 0; // 半选
         let vLen = 0; // 有效行
         const rootList = treeConfig ? afterTreeFullData : afterFullData;
         rootList.forEach(checkMethod ? row => {
-          const childRowid = (0, _util.getRowid)($xeTable, row);
+          const childRowid = handleGetRowId(row);
           const selected = checkField ? _xeUtils.default.get(row, checkField) : selectCheckboxMaps[childRowid];
           if (checkMethod({
             row
           })) {
             if (selected) {
               sLen++;
-            } else if (treeIndeterminateMaps[childRowid]) {
+            } else if (treeIndeterminateRowMaps[childRowid]) {
               hLen++;
             }
             vLen++;
           } else {
             if (selected) {
               sLen++;
-            } else if (treeIndeterminateMaps[childRowid]) {
+            } else if (treeIndeterminateRowMaps[childRowid]) {
               hLen++;
             }
           }
         } : row => {
-          const childRowid = (0, _util.getRowid)($xeTable, row);
+          const childRowid = handleGetRowId(row);
           const selected = checkField ? _xeUtils.default.get(row, checkField) : selectCheckboxMaps[childRowid];
           if (selected) {
             sLen++;
-          } else if (treeIndeterminateMaps[childRowid]) {
+          } else if (treeIndeterminateRowMaps[childRowid]) {
             hLen++;
           }
           vLen++;
@@ -8688,8 +8701,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } = props;
         const {
           selectCheckboxMaps
-        } = reactData;
-        const selectRowMaps = Object.assign({}, selectCheckboxMaps);
+        } = internalData;
         const treeOpts = computeTreeOpts.value;
         const {
           transform,
@@ -8702,6 +8714,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
           checkStrictly,
           checkMethod
         } = checkboxOpts;
+        const {
+          handleGetRowId
+        } = (0, _util.createHandleGetRowId)($xeTable);
         // indeterminateField 仅支持读取
         const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
         if (checkField) {
@@ -8721,35 +8736,34 @@ var _default = exports.default = (0, _vue.defineComponent)({
             }, {
               children: transform ? mapChildrenField : childrenField
             });
-            reactData.selectCheckboxMaps = selectRowMaps;
+            reactData.updateCheckboxFlag++;
             return;
-          } else {
-            // 列表
-            rows.forEach(row => {
-              if (isForce || !checkMethod || checkMethod({
-                row
-              })) {
-                _xeUtils.default.set(row, checkField, checked);
-                handleCheckboxReserveRow(row, checked);
-              }
-            });
           }
-          reactData.selectCheckboxMaps = selectRowMaps;
+          // 列表
+          rows.forEach(row => {
+            if (isForce || !checkMethod || checkMethod({
+              row
+            })) {
+              _xeUtils.default.set(row, checkField, checked);
+              handleCheckboxReserveRow(row, checked);
+            }
+          });
+          reactData.updateCheckboxFlag++;
           return;
         }
         // 树结构
         if (treeConfig && !checkStrictly) {
           // 更新子节点状态
           _xeUtils.default.eachTree(rows, row => {
-            const rowid = (0, _util.getRowid)($xeTable, row);
+            const rowid = handleGetRowId(row);
             if (isForce || !checkMethod || checkMethod({
               row
             })) {
               if (checked) {
-                selectRowMaps[rowid] = row;
+                selectCheckboxMaps[rowid] = row;
               } else {
-                if (selectRowMaps[rowid]) {
-                  delete selectRowMaps[rowid];
+                if (selectCheckboxMaps[rowid]) {
+                  delete selectCheckboxMaps[rowid];
                 }
               }
               handleCheckboxReserveRow(row, checked);
@@ -8757,28 +8771,28 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }, {
             children: transform ? mapChildrenField : childrenField
           });
-          reactData.selectCheckboxMaps = selectRowMaps;
+          reactData.updateCheckboxFlag++;
           return;
         }
         // 列表
         rows.forEach(row => {
-          const rowid = (0, _util.getRowid)($xeTable, row);
+          const rowid = handleGetRowId(row);
           if (isForce || !checkMethod || checkMethod({
             row
           })) {
             if (checked) {
-              if (!selectRowMaps[rowid]) {
-                selectRowMaps[rowid] = row;
+              if (!selectCheckboxMaps[rowid]) {
+                selectCheckboxMaps[rowid] = row;
               }
             } else {
-              if (selectRowMaps[rowid]) {
-                delete selectRowMaps[rowid];
+              if (selectCheckboxMaps[rowid]) {
+                delete selectCheckboxMaps[rowid];
               }
             }
             handleCheckboxReserveRow(row, checked);
+            reactData.updateCheckboxFlag++;
           }
         });
-        reactData.selectCheckboxMaps = selectRowMaps;
       },
       /**
        * 即将移除
@@ -8836,7 +8850,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           return;
         }
         if (tooltipStore.column !== column || !tooltipStore.visible) {
-          handleTooltip(evnt, thEl, cellEl, null, params);
+          handleTooltip(evnt, thEl, thEl.querySelector('.vxe-cell--title') || cellEl, params);
         }
       },
       /**
@@ -8874,7 +8888,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }
         }
         if (tooltipStore.column !== column || tooltipStore.row !== row || !tooltipStore.visible) {
-          handleTooltip(evnt, tdEl, tdEl.querySelector('.vxe-cell--wrapper'), null, params);
+          handleTooltip(evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
         }
       },
       /**
@@ -8887,10 +8901,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const {
           tooltipStore
         } = reactData;
-        const cell = evnt.currentTarget;
+        const tdEl = evnt.currentTarget;
         handleTargetEnterEvent(tooltipStore.column !== column || !!tooltipStore.row);
         if (tooltipStore.column !== column || !tooltipStore.visible) {
-          handleTooltip(evnt, cell, cell.querySelector('.vxe-cell--wrapper') || cell.children[0], null, params);
+          handleTooltip(evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
         }
       },
       handleTargetLeaveEvent() {
@@ -8916,6 +8930,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } = internalData;
         const sortOpts = computeSortOpts.value;
         const columnOpts = computeColumnOpts.value;
+        const currentColumnOpts = computeCurrentColumnOpts.value;
         const {
           column
         } = params;
@@ -8924,7 +8939,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const triggerSort = (0, _dom.getEventTargetNode)(evnt, cell, 'vxe-cell--sort').flag;
         const triggerFilter = (0, _dom.getEventTargetNode)(evnt, cell, 'vxe-cell--filter').flag;
         if (sortOpts.trigger === 'cell' && !(triggerResizable || triggerSort || triggerFilter)) {
-          tablePrivateMethods.triggerSortEvent(evnt, column, getNextSortOrder(column));
+          $xeTable.triggerSortEvent(evnt, column, getNextSortOrder(column));
         }
         dispatchEvent('header-cell-click', Object.assign({
           triggerResizable,
@@ -8932,8 +8947,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
           triggerFilter,
           cell
         }, params), evnt);
-        if (columnOpts.isCurrent || props.highlightCurrentColumn) {
-          tablePrivateMethods.triggerCurrentColumnEvent(evnt, params);
+        if ((columnOpts.isCurrent || props.highlightCurrentColumn) && (!currentColumnOpts.trigger || ['header', 'default'].includes(currentColumnOpts.trigger))) {
+          $xeTable.triggerCurrentColumnEvent(evnt, params);
         }
       },
       triggerHeaderCellDblclickEvent(evnt, params) {
@@ -8949,6 +8964,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       triggerCellClickEvent(evnt, params) {
         const {
           highlightCurrentRow,
+          highlightCurrentColumn,
           editConfig
         } = props;
         const {
@@ -8965,6 +8981,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const checkboxOpts = computeCheckboxOpts.value;
         const keyboardOpts = computeKeyboardOpts.value;
         const rowOpts = computeRowOpts.value;
+        const columnOpts = computeColumnOpts.value;
+        const currentColumnOpts = computeCurrentColumnOpts.value;
         const {
           actived,
           focused
@@ -8995,29 +9013,35 @@ var _default = exports.default = (0, _vue.defineComponent)({
         if (!triggerCheckbox && !triggerRadio) {
           // 如果是展开行
           if (!triggerExpandNode && (expandOpts.trigger === 'row' || isExpandType && expandOpts.trigger === 'cell')) {
-            tablePrivateMethods.triggerRowExpandEvent(evnt, params);
+            $xeTable.triggerRowExpandEvent(evnt, params);
           }
           // 如果是树形表格
           if (treeOpts.trigger === 'row' || treeNode && treeOpts.trigger === 'cell') {
-            tablePrivateMethods.triggerTreeExpandEvent(evnt, params);
+            $xeTable.triggerTreeExpandEvent(evnt, params);
           }
         }
         // 如果点击了树节点
         if (!triggerTreeNode) {
           if (!triggerExpandNode) {
-            // 如果是高亮行
+            // 如果是当前行
             if (rowOpts.isCurrent || highlightCurrentRow) {
               if (!triggerCheckbox && !triggerRadio) {
-                tablePrivateMethods.triggerCurrentRowEvent(evnt, params);
+                $xeTable.triggerCurrentRowEvent(evnt, params);
+              }
+            }
+            // 如果是当前列
+            if ((columnOpts.isCurrent || highlightCurrentColumn) && (!currentColumnOpts.trigger || ['cell', 'default'].includes(currentColumnOpts.trigger))) {
+              if (!triggerCheckbox && !triggerRadio) {
+                $xeTable.triggerCurrentColumnEvent(evnt, params);
               }
             }
             // 如果是单选框
             if (!triggerRadio && (radioOpts.trigger === 'row' || isRadioType && radioOpts.trigger === 'cell')) {
-              tablePrivateMethods.triggerRadioRowEvent(evnt, params);
+              $xeTable.triggerRadioRowEvent(evnt, params);
             }
             // 如果是复选框
             if (!triggerCheckbox && (checkboxOpts.trigger === 'row' || isCheckboxType && checkboxOpts.trigger === 'cell')) {
-              tablePrivateMethods.handleToggleCheckRowEvent(evnt, params);
+              $xeTable.handleToggleCheckRowEvent(evnt, params);
             }
           }
           // 如果设置了单元格选中功能，则不会使用点击事件去处理（只能支持双击模式）
@@ -9097,7 +9121,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       handleToggleCheckRowEvent(evnt, params) {
         const {
           selectCheckboxMaps
-        } = reactData;
+        } = internalData;
         const checkboxOpts = computeCheckboxOpts.value;
         const {
           checkField,
@@ -9116,20 +9140,20 @@ var _default = exports.default = (0, _vue.defineComponent)({
           checked = !selectCheckboxMaps[(0, _util.getRowid)($xeTable, row)];
         }
         if (evnt) {
-          tablePrivateMethods.triggerCheckRowEvent(evnt, params, checked);
+          $xeTable.triggerCheckRowEvent(evnt, params, checked);
         } else {
-          tablePrivateMethods.handleBatchSelectRows([row], checked);
-          tablePrivateMethods.checkSelectionStatus();
+          $xeTable.handleBatchSelectRows([row], checked);
+          $xeTable.checkSelectionStatus();
         }
       },
       triggerCheckRowEvent(evnt, params, checked) {
-        const checkboxOpts = computeCheckboxOpts.value;
         const {
           row
         } = params;
         const {
           afterFullData
         } = internalData;
+        const checkboxOpts = computeCheckboxOpts.value;
         const {
           checkMethod,
           trigger
@@ -9139,15 +9163,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
         evnt.stopPropagation();
         if (checkboxOpts.isShiftKey && evnt.shiftKey && !props.treeConfig) {
-          const checkboxRecords = tableMethods.getCheckboxRecords();
+          const checkboxRecords = $xeTable.getCheckboxRecords();
           if (checkboxRecords.length) {
             const firstRow = checkboxRecords[0];
-            const _rowIndex = tableMethods.getVTRowIndex(row);
-            const _firstRowIndex = tableMethods.getVTRowIndex(firstRow);
+            const _rowIndex = $xeTable.getVTRowIndex(row);
+            const _firstRowIndex = $xeTable.getVTRowIndex(firstRow);
             if (_rowIndex !== _firstRowIndex) {
-              tableMethods.setAllCheckboxRow(false);
+              $xeTable.setAllCheckboxRow(false);
               const rangeRows = _rowIndex < _firstRowIndex ? afterFullData.slice(_rowIndex, _firstRowIndex + 1) : afterFullData.slice(_firstRowIndex, _rowIndex + 1);
-              handleCheckedCheckboxRow(rangeRows, true, false);
+              (0, _vue.nextTick)(() => {
+                handleCheckedCheckboxRow(rangeRows, true, false);
+              });
               dispatchEvent('checkbox-range-select', Object.assign({
                 rangeRecords: rangeRows
               }, params), evnt);
@@ -9158,12 +9184,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
         if (!checkMethod || checkMethod({
           row
         })) {
-          tablePrivateMethods.handleBatchSelectRows([row], checked);
-          tablePrivateMethods.checkSelectionStatus();
+          $xeTable.handleBatchSelectRows([row], checked);
+          $xeTable.checkSelectionStatus();
           dispatchEvent('checkbox-change', Object.assign({
-            records: tableMethods.getCheckboxRecords(),
-            reserves: tableMethods.getCheckboxReserveRecords(),
-            indeterminates: tableMethods.getCheckboxIndeterminateRecords(),
+            records: () => $xeTable.getCheckboxRecords(),
+            reserves: () => $xeTable.getCheckboxReserveRecords(),
+            indeterminates: () => $xeTable.getCheckboxIndeterminateRecords(),
             checked
           }, params), evnt);
         }
@@ -9263,9 +9289,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
        */
       triggerRowExpandEvent(evnt, params) {
         const {
-          rowExpandLazyLoadedMaps,
           expandColumn: column
         } = reactData;
+        const {
+          rowExpandLazyLoadedMaps
+        } = internalData;
         const expandOpts = computeExpandOpts.value;
         const {
           row
@@ -9280,18 +9308,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
         evnt.stopPropagation();
         const rowid = (0, _util.getRowid)($xeTable, row);
         if (!lazy || !rowExpandLazyLoadedMaps[rowid]) {
-          const expanded = !tableMethods.isRowExpandByRow(row);
-          const columnIndex = tableMethods.getColumnIndex(column);
-          const $columnIndex = tableMethods.getVMColumnIndex(column);
-          tableMethods.setRowExpand(row, expanded);
+          const expanded = !$xeTable.isRowExpandByRow(row);
+          const columnIndex = $xeTable.getColumnIndex(column);
+          const $columnIndex = $xeTable.getVMColumnIndex(column);
+          $xeTable.setRowExpand(row, expanded);
           dispatchEvent('toggle-row-expand', {
             expanded,
             column,
             columnIndex,
             $columnIndex,
             row,
-            rowIndex: tableMethods.getRowIndex(row),
-            $rowIndex: tableMethods.getVMRowIndex(row)
+            rowIndex: $xeTable.getRowIndex(row),
+            $rowIndex: $xeTable.getVMRowIndex(row)
           }, evnt);
         }
       },
@@ -9301,7 +9329,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       triggerTreeExpandEvent(evnt, params) {
         const {
           treeExpandLazyLoadedMaps
-        } = reactData;
+        } = internalData;
         const treeOpts = computeTreeOpts.value;
         const {
           row,
@@ -9317,10 +9345,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
         evnt.stopPropagation();
         const rowid = (0, _util.getRowid)($xeTable, row);
         if (!lazy || !treeExpandLazyLoadedMaps[rowid]) {
-          const expanded = !tableMethods.isTreeExpandByRow(row);
-          const columnIndex = tableMethods.getColumnIndex(column);
-          const $columnIndex = tableMethods.getVMColumnIndex(column);
-          tableMethods.setTreeExpand(row, expanded);
+          const expanded = !$xeTable.isTreeExpandByRow(row);
+          const columnIndex = $xeTable.getColumnIndex(column);
+          const $columnIndex = $xeTable.getVMColumnIndex(column);
+          $xeTable.setTreeExpand(row, expanded);
           dispatchEvent('toggle-tree-expand', {
             expanded,
             column,
@@ -9530,6 +9558,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } = props;
         const rowDragOpts = computeRowDragOpts.value;
         const {
+          afterFullData,
+          tableFullData,
           fullAllDataRowIdData
         } = internalData;
         const {
@@ -9547,10 +9577,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
           parentField
         } = treeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
-        const {
-          afterFullData,
-          tableFullData
-        } = internalData;
         const dEndMethod = dragEndMethod || (dragConfig ? dragConfig.dragEndMethod : null);
         const dragOffsetIndex = prevDragPos === 'bottom' ? 1 : 0;
         const errRest = {
@@ -10293,8 +10319,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * 横向 X 可视渲染事件处理
        */
       triggerScrollXEvent() {
-        const sXOpts = computeSXOpts.value;
-        if (sXOpts.immediate) {
+        const virtualXOpts = computeVirtualXOpts.value;
+        if (virtualXOpts.immediate) {
           loadScrollXData();
         } else {
           lazyScrollXData();
@@ -10304,8 +10330,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
        * 纵向 Y 可视渲染事件处理
        */
       triggerScrollYEvent() {
-        const sYOpts = computeSYOpts.value;
-        if (sYOpts.immediate) {
+        const virtualYOpts = computeVirtualYOpts.value;
+        if (virtualYOpts.immediate) {
           loadScrollYData();
         } else {
           lazyScrollYData();
@@ -10511,11 +10537,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } = _props.default;
         const {
           scrollXLoad,
-          scrollYLoad
+          scrollYLoad,
+          expandColumn
         } = reactData;
         const leftFixedWidth = computeLeftFixedWidth.value;
         const rightFixedWidth = computeRightFixedWidth.value;
-        if (!(scrollYLoad || leftFixedWidth || rightFixedWidth)) {
+        if (!(leftFixedWidth || rightFixedWidth || expandColumn)) {
           return;
         }
         const {
@@ -10542,8 +10569,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
           return;
         }
         const wheelSpeed = getWheelSpeed(reactData.lastScrollTime);
-        const deltaTop = Math.ceil((shiftKey ? deltaX : deltaY) * wheelSpeed);
-        const deltaLeft = Math.ceil((shiftKey ? deltaY : deltaX) * wheelSpeed);
+        const deltaTop = shiftKey ? 0 : Math.ceil(deltaY * wheelSpeed);
+        const deltaLeft = shiftKey ? Math.ceil((shiftKey ? deltaY || deltaX : deltaX) * wheelSpeed) : 0;
         const isTopWheel = deltaTop < 0;
         const currScrollTop = bodyScrollElem.scrollTop;
         // 如果滚动位置已经是顶部或底部，则不需要触发
@@ -10562,6 +10589,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           evnt.preventDefault();
           internalData.inWheelScroll = true;
           wheelScrollLeftTo(scrollLeft, offsetLeft => {
+            internalData.inWheelScroll = true;
             const currLeftNum = offsetLeft;
             (0, _dom.setScrollLeft)(xHandleEl, currLeftNum);
             (0, _dom.setScrollLeft)(bodyScrollElem, currLeftNum);
@@ -10578,9 +10606,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
         if (isRollY) {
           evnt.preventDefault();
+          internalData.inWheelScroll = true;
           wheelScrollTopTo(scrollTop - currScrollTop, offsetTop => {
-            const currTopNum = bodyScrollElem.scrollTop + offsetTop;
             internalData.inWheelScroll = true;
+            const currTopNum = bodyScrollElem.scrollTop + offsetTop;
             (0, _dom.setScrollTop)(yHandleEl, currTopNum);
             (0, _dom.setScrollTop)(bodyScrollElem, currTopNum);
             (0, _dom.setScrollTop)(leftScrollElem, currTopNum);
@@ -10801,15 +10830,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const {
           isAllOverflow,
           scrollYLoad,
-          expandColumn,
-          rowExpandedMaps
+          expandColumn
         } = reactData;
         const {
           scrollYStore,
           elemStore,
           isResizeCellHeight,
           afterFullData,
-          fullAllDataRowIdData
+          fullAllDataRowIdData,
+          rowExpandedMaps
         } = internalData;
         const {
           startIndex
@@ -11161,6 +11190,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         ref: refRowExpandYSpaceElem
       })];
       if (expandColumn) {
+        const {
+          handleGetRowId
+        } = (0, _util.createHandleGetRowId)($xeTable);
         tableRowExpandedList.forEach(row => {
           const expandOpts = computeExpandOpts.value;
           const {
@@ -11176,7 +11208,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
             seqMode
           } = treeOpts;
           const cellStyle = {};
-          const rowid = (0, _util.getRowid)($xeTable, row);
+          const rowid = handleGetRowId(row);
           const rest = fullAllDataRowIdData[rowid];
           let rowLevel = 0;
           let seq = -1;
@@ -11782,7 +11814,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
           scrollXStore,
           scrollYStore
         } = internalData;
-        const sYOpts = computeSYOpts.value;
         const editOpts = computeEditOpts.value;
         const treeOpts = computeTreeOpts.value;
         const radioOpts = computeRadioOpts.value;
@@ -11908,8 +11939,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         Object.assign(scrollYStore, {
           startIndex: 0,
           endIndex: 0,
-          visibleSize: 0,
-          adaptive: sYOpts.adaptive !== false
+          visibleSize: 0
         });
         Object.assign(scrollXStore, {
           startIndex: 0,