vxe-table 3.14.0-beta.9 → 3.14.1

package/es/table/src/methods.js

@@ -3,10 +3,11 @@ import { browse, getTpImg, isPx, isScale, hasClass, addClass, removeClass, getEv
 import { getLastZIndex, nextZIndex, hasChildrenList, getFuncText, isEnableConf, formatText, eqEmptyValue } from '../../ui/src/utils';
 import { VxeUI } from '../../ui';
 import Cell from './cell';
-import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getColReMinWidth, updateDeepRowKey, updateFastRowKey, getRefElem } from './util';
+import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleRowidOrRow, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, getRootColumn, getColReMinWidth, createHandleUpdateRowId, createHandleGetRowId, getRefElem } from './util';
 import { getSlotVNs } from '../../ui/src/vn';
 import { warnLog, errLog } from '../../ui/src/log';
 const { getConfig, getI18n, renderer, formats, interceptor, createEvent } = VxeUI;
+const supportMaxRow = 5e6;
 const customStorageKey = 'VXE_CUSTOM_STORE';
 const maxYHeight = 5e6;
 const maxXWidth = 5e6;
@@ -218,7 +219,7 @@ function cacheColumnMap($xeTable) {
         }
         else {
             if ((storage && !type) || (columnOpts.drag && (isCrossDrag || isSelfToChildDrag))) {
-                errLog('vxe.error.reqProp', [`${column.getTitle() || type || ''} -> column.field`]);
+                errLog('vxe.error.reqProp', [`${column.getTitle() || type || ''} -> column.field=?`]);
             }
         }
         if (!hasFixed && fixed) {
@@ -303,12 +304,12 @@ const updateScrollYStatus = ($xeTable, fullData) => {
     const reactData = $xeTable;
     const internalData = $xeTable;
     const { treeConfig } = props;
-    const sYOpts = $xeTable.computeSYOpts;
+    const virtualYOpts = $xeTable.computeVirtualYOpts;
     const treeOpts = $xeTable.computeTreeOpts;
     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;
 };
@@ -317,9 +318,10 @@ function updateAfterListIndex($xeTable) {
     const internalData = $xeTable;
     const { treeConfig } = props;
     const { afterFullData, fullDataRowIdData, fullAllDataRowIdData } = internalData;
+    const { handleGetRowId } = createHandleGetRowId($xeTable);
     const fullMaps = {};
     afterFullData.forEach((row, index) => {
-        const rowid = getRowid($xeTable, row);
+        const rowid = handleGetRowId(row);
         const rowRest = fullAllDataRowIdData[rowid];
         const seq = index + 1;
         if (rowRest) {
@@ -351,8 +353,9 @@ function updateAfterDataIndex($xeTable) {
     const childrenField = treeOpts.children || treeOpts.childrenField;
     const fullMaps = {};
     if (treeConfig) {
+        const { handleGetRowId } = createHandleGetRowId($xeTable);
         XEUtils.eachTree(afterTreeFullData, (row, index, items, path) => {
-            const rowid = 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) {
@@ -379,19 +382,18 @@ function updateAfterDataIndex($xeTable) {
  */
 function handleVirtualTreeToList($xeTable) {
     const props = $xeTable;
-    const reactData = $xeTable;
     const internalData = $xeTable;
     const { treeConfig } = props;
-    const { treeExpandedMaps } = reactData;
-    const { fullAllDataRowIdData } = internalData;
+    const { fullAllDataRowIdData, treeExpandedMaps } = internalData;
     const treeOpts = $xeTable.computeTreeOpts;
     const childrenField = treeOpts.children || treeOpts.childrenField;
     if (treeConfig && treeOpts.transform) {
+        const { handleGetRowId } = createHandleGetRowId($xeTable);
         const fullData = [];
         const expandMaps = {};
         XEUtils.eachTree(internalData.afterTreeFullData, (row, index, items, path, parentRow) => {
-            const rowid = getRowid($xeTable, row);
-            const parentRowid = getRowid($xeTable, parentRow);
+            const rowid = handleGetRowId(row);
+            const parentRowid = handleGetRowId(parentRow);
             if (!parentRow || (expandMaps[parentRowid] && treeExpandedMaps[parentRowid])) {
                 const rowRest = fullAllDataRowIdData[rowid];
                 if (rowRest) {
@@ -411,9 +413,9 @@ function updateStyle($xeTable) {
     const props = $xeTable;
     const reactData = $xeTable;
     const internalData = $xeTable;
-    const { border, showHeaderOverflow: allColumnHeaderOverflow, showFooterOverflow: allColumnFooterOverflow, mouseConfig, spanMethod, footerSpanMethod } = props;
+    const { showHeaderOverflow: allColumnHeaderOverflow, showFooterOverflow: allColumnFooterOverflow, mouseConfig, spanMethod, footerSpanMethod } = props;
     const { isGroup, currentRow, tableColumn, scrollXLoad, scrollYLoad, overflowX, scrollbarWidth, overflowY, scrollbarHeight, scrollXWidth, columnStore, editStore, isAllOverflow, expandColumn } = reactData;
-    const { visibleColumn, fullColumnIdData, tableHeight, headerHeight, footerHeight, elemStore, customHeight, customMinHeight, customMaxHeight } = internalData;
+    const { visibleColumn, tableHeight, headerHeight, footerHeight, elemStore, customHeight, customMinHeight, customMaxHeight } = internalData;
     const el = $xeTable.$refs.refElem;
     if (!el) {
         return;
@@ -422,7 +424,6 @@ function updateStyle($xeTable) {
     const osbWidth = overflowY ? scrollbarWidth : 0;
     const osbHeight = overflowX ? scrollbarHeight : 0;
     const emptyPlaceholderElem = $xeTable.$refs.refEmptyPlaceholder;
-    const cellOffsetWidth = $xeTable.computeCellOffsetWidth;
     const mouseOpts = $xeTable.computeMouseOpts;
     const expandOpts = $xeTable.computeExpandOpts;
     const bodyWrapperElem = getRefElem(elemStore['main-body-wrapper']);
@@ -565,32 +566,6 @@ function updateStyle($xeTable) {
                 if (tableElem) {
                     tableElem.style.width = tWidth ? `${tWidth}px` : '';
                 }
-                const listElem = getRefElem(elemStore[`${name}-${layout}-list`]);
-                if (isGroup && listElem) {
-                    XEUtils.arrayEach(listElem.querySelectorAll('.col--group'), (thElem) => {
-                        const colNode = $xeTable.getColumnNode(thElem);
-                        if (colNode) {
-                            const column = colNode.item;
-                            const { showHeaderOverflow } = column;
-                            const cellOverflow = XEUtils.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.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) {
@@ -690,56 +665,6 @@ function updateStyle($xeTable) {
                     tableElem.style.width = tWidth ? `${tWidth}px` : '';
                 }
             }
-            const colgroupElem = getRefElem(elemStore[`${name}-${layout}-colgroup`]);
-            if (colgroupElem) {
-                XEUtils.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.isUndefined(showHeaderOverflow) || XEUtils.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
-                        }
-                        else if (layout === 'footer') {
-                            cellOverflow = XEUtils.isUndefined(showFooterOverflow) || XEUtils.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
-                        }
-                        else {
-                            cellOverflow = XEUtils.isUndefined(showOverflow) || XEUtils.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 = getRefElem(elemStore[`${name}-${layout}-list`]);
-                        // 纵向虚拟滚动不支持动态行高
-                        if (scrollYLoad && !hasEllipsis) {
-                            hasEllipsis = true;
-                        }
-                        if (listElem) {
-                            XEUtils.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) {
@@ -750,6 +675,125 @@ function updateStyle($xeTable) {
     }
     return $xeTable.$nextTick();
 }
+function checkValidate($xeTable, type) {
+    if ($xeTable.triggerValidate) {
+        return $xeTable.triggerValidate(type);
+    }
+    return $xeTable.$nextTick();
+}
+/**
+ * 当单元格发生改变时
+ * 如果存在规则，则校验
+ */
+function handleChangeCell($xeTable, evnt, params) {
+    checkValidate($xeTable, 'blur')
+        .catch((e) => e)
+        .then(() => {
+        $xeTable.handleEdit(params, evnt)
+            .then(() => checkValidate($xeTable, 'change'))
+            .catch((e) => e);
+    });
+}
+function handleDefaultSort($xeTable) {
+    const props = $xeTable;
+    const { sortConfig } = props;
+    if (sortConfig) {
+        const sortOpts = $xeTable.computeSortOpts;
+        let { defaultSort } = sortOpts;
+        if (defaultSort) {
+            if (!XEUtils.isArray(defaultSort)) {
+                defaultSort = [defaultSort];
+            }
+            if (defaultSort.length) {
+                (sortConfig.multiple ? defaultSort : defaultSort.slice(0, 1)).forEach((item, index) => {
+                    const { field, order } = item;
+                    if (field && order) {
+                        const column = $xeTable.getColumnByField(field);
+                        if (column && column.sortable) {
+                            column.order = order;
+                            column.sortTime = Date.now() + index;
+                        }
+                    }
+                });
+                if (!sortOpts.remote) {
+                    $xeTable.handleTableData(true).then(updateStyle);
+                }
+            }
+        }
+    }
+}
+/**
+ * 处理默认勾选
+ */
+function handleDefaultSelectionChecked($xeTable) {
+    const props = $xeTable;
+    const internalData = $xeTable;
+    const { checkboxConfig } = props;
+    if (checkboxConfig) {
+        const { fullDataRowIdData } = internalData;
+        const checkboxOpts = $xeTable.computeCheckboxOpts;
+        const { checkAll, checkRowKeys } = checkboxOpts;
+        if (checkAll) {
+            handleCheckedAllCheckboxRow($xeTable, true, true);
+        }
+        else if (checkRowKeys) {
+            const defSelection = [];
+            checkRowKeys.forEach((rowid) => {
+                if (fullDataRowIdData[rowid]) {
+                    defSelection.push(fullDataRowIdData[rowid].row);
+                }
+            });
+            handleCheckedCheckboxRow($xeTable, defSelection, true, true);
+        }
+    }
+}
+/**
+ * 处理单选框默认勾选
+ */
+function handleDefaultRadioChecked($xeTable) {
+    const props = $xeTable;
+    const internalData = $xeTable;
+    const { radioConfig } = props;
+    if (radioConfig) {
+        const { fullDataRowIdData } = internalData;
+        const radioOpts = $xeTable.computeRadioOpts;
+        const { checkRowKey: rowid, reserve } = radioOpts;
+        if (rowid) {
+            if (fullDataRowIdData[rowid]) {
+                handleCheckedRadioRow(fullDataRowIdData[rowid].row, true);
+            }
+            if (reserve) {
+                const rowkey = getRowkey($xeTable);
+                internalData.radioReserveRow = { [rowkey]: rowid };
+            }
+        }
+    }
+}
+/**
+ * 处理默认展开行
+ */
+function handleDefaultRowExpand($xeTable) {
+    const props = $xeTable;
+    const internalData = $xeTable;
+    const { expandConfig } = props;
+    if (expandConfig) {
+        const { fullDataRowIdData } = internalData;
+        const expandOpts = $xeTable.computeExpandOpts;
+        const { expandAll, expandRowKeys } = expandOpts;
+        if (expandAll) {
+            $xeTable.setAllRowExpand(true);
+        }
+        else if (expandRowKeys) {
+            const defExpandeds = [];
+            expandRowKeys.forEach((rowid) => {
+                if (fullDataRowIdData[rowid]) {
+                    defExpandeds.push(fullDataRowIdData[rowid].row);
+                }
+            });
+            $xeTable.setRowExpand(defExpandeds, true);
+        }
+    }
+}
 function handleRadioReserveRow($xeTable, row) {
     const internalData = $xeTable;
     const radioOpts = $xeTable.computeRadioOpts;
@@ -794,12 +838,12 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
     const reactData = $xeTable;
     const internalData = $xeTable;
     const { treeConfig } = props;
-    const { selectCheckboxMaps } = reactData;
-    const { afterFullData, checkboxReserveRowMap } = internalData;
+    const { afterFullData, checkboxReserveRowMap, selectCheckboxMaps } = internalData;
     const treeOpts = $xeTable.computeTreeOpts;
     const childrenField = treeOpts.children || treeOpts.childrenField;
     const checkboxOpts = $xeTable.computeCheckboxOpts;
     const { checkField, reserve, checkMethod } = checkboxOpts;
+    const { handleGetRowId } = createHandleGetRowId($xeTable);
     // indeterminateField 仅支持读取
     const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
     const selectRowMaps = {};
@@ -811,7 +855,7 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
         const checkValFn = (row) => {
             if (isForce || (!checkMethod || checkMethod({ row }))) {
                 if (checked) {
-                    selectRowMaps[getRowid($xeTable, row)] = row;
+                    selectRowMaps[handleGetRowId(row)] = row;
                 }
                 XEUtils.set(row, checkField, checked);
             }
@@ -841,7 +885,8 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
                    */
                 XEUtils.eachTree(afterFullData, (row) => {
                     if (isForce || (!checkMethod || checkMethod({ row }))) {
-                        selectRowMaps[getRowid($xeTable, row)] = row;
+                        const rowid = handleGetRowId(row);
+                        selectRowMaps[rowid] = row;
                     }
                 }, { children: childrenField });
             }
@@ -852,7 +897,7 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
                    */
                 if (!isForce && checkMethod) {
                     XEUtils.eachTree(afterFullData, (row) => {
-                        const rowid = getRowid($xeTable, row);
+                        const rowid = handleGetRowId(row);
                         if (checkMethod({ row }) ? 0 : selectCheckboxMaps[rowid]) {
                             selectRowMaps[rowid] = row;
                         }
@@ -869,7 +914,7 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
                    */
                 if (!isForce && checkMethod) {
                     afterFullData.forEach((row) => {
-                        const rowid = getRowid($xeTable, row);
+                        const rowid = handleGetRowId(row);
                         if (selectCheckboxMaps[rowid] || checkMethod({ row })) {
                             selectRowMaps[rowid] = row;
                         }
@@ -877,7 +922,8 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
                 }
                 else {
                     afterFullData.forEach(row => {
-                        selectRowMaps[getRowid($xeTable, row)] = row;
+                        const rowid = handleGetRowId(row);
+                        selectRowMaps[rowid] = row;
                     });
                 }
             }
@@ -889,7 +935,7 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
                    */
                 if (!isForce && checkMethod) {
                     afterFullData.forEach((row) => {
-                        const rowid = getRowid($xeTable, row);
+                        const rowid = handleGetRowId(row);
                         if (checkMethod({ row }) ? 0 : selectCheckboxMaps[rowid]) {
                             selectRowMaps[rowid] = row;
                         }
@@ -908,10 +954,10 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
             afterFullData.forEach((row) => handleCheckboxReserveRow($xeTable, 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 $xeTable.$nextTick();
@@ -922,8 +968,8 @@ function handleReserveStatus($xeTable) {
     const reactData = $xeTable;
     const internalData = $xeTable;
     const { treeConfig } = props;
-    const { expandColumn, currentRow, selectCheckboxMaps, selectRadioRow, rowExpandedMaps, treeExpandedMaps } = reactData;
-    const { fullDataRowIdData, fullAllDataRowIdData, radioReserveRow } = internalData;
+    const { expandColumn, currentRow, selectRadioRow } = reactData;
+    const { fullDataRowIdData, fullAllDataRowIdData, radioReserveRow, selectCheckboxMaps, treeExpandedMaps, rowExpandedMaps } = internalData;
     const expandOpts = $xeTable.computeExpandOpts;
     const treeOpts = $xeTable.computeTreeOpts;
     const radioOpts = $xeTable.computeRadioOpts;
@@ -940,7 +986,8 @@ function handleReserveStatus($xeTable) {
         }
     }
     // 复选框
-    reactData.selectCheckboxMaps = getRecoverRowMaps($xeTable, selectCheckboxMaps); // 刷新多选行状态
+    internalData.selectCheckboxMaps = getRecoverRowMaps($xeTable, selectCheckboxMaps); // 刷新多选行状态
+    reactData.updateCheckboxFlag++;
     // 还原保留选中状态
     if (checkboxOpts.reserve) {
         handleCheckedCheckboxRow($xeTable, handleReserveRow($xeTable, internalData.checkboxReserveRowMap), true, true);
@@ -949,17 +996,161 @@ function handleReserveStatus($xeTable) {
         reactData.currentRow = null; // 刷新当前行状态
     }
     // 行展开
-    reactData.rowExpandedMaps = expandColumn ? getRecoverRowMaps($xeTable, rowExpandedMaps) : {}; // 刷新行展开状态
+    internalData.rowExpandedMaps = expandColumn ? getRecoverRowMaps($xeTable, rowExpandedMaps) : {}; // 刷新行展开状态
+    reactData.rowExpandedFlag++;
     // 还原保留状态
     if (expandColumn && expandOpts.reserve) {
         $xeTable.setRowExpand(handleReserveRow($xeTable, internalData.rowExpandedReserveRowMap), true);
     }
     // 树展开
-    reactData.treeExpandedMaps = treeConfig ? getRecoverRowMaps($xeTable, treeExpandedMaps) : {}; // 刷新树展开状态
+    internalData.treeExpandedMaps = treeConfig ? getRecoverRowMaps($xeTable, treeExpandedMaps) : {}; // 刷新树展开状态
+    reactData.treeExpandedFlag++;
     if (treeConfig && treeOpts.reserve) {
         $xeTable.setTreeExpand(handleReserveRow($xeTable, internalData.treeExpandedReserveRowMap), true);
     }
 }
+/**
+ * 处理默认展开树节点
+ */
+const handleDefaultTreeExpand = ($xeTable) => {
+    const props = $xeTable;
+    const internalData = $xeTable;
+    const { treeConfig } = props;
+    if (treeConfig) {
+        const { tableFullData } = internalData;
+        const treeOpts = $xeTable.computeTreeOpts;
+        const { expandAll, expandRowKeys } = treeOpts;
+        const childrenField = treeOpts.children || treeOpts.childrenField;
+        if (expandAll) {
+            $xeTable.setAllTreeExpand(true);
+        }
+        else if (expandRowKeys) {
+            const defExpandeds = [];
+            const rowkey = getRowkey($xeTable);
+            expandRowKeys.forEach((rowid) => {
+                const matchObj = XEUtils.findTree(tableFullData, item => rowid === XEUtils.get(item, rowkey), { children: childrenField });
+                if (matchObj) {
+                    defExpandeds.push(matchObj.item);
+                }
+            });
+            $xeTable.setTreeExpand(defExpandeds, true);
+        }
+    }
+};
+const handleAsyncTreeExpandChilds = ($xeTable, row) => {
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    const treeOpts = $xeTable.computeTreeOpts;
+    const checkboxOpts = $xeTable.computeCheckboxOpts;
+    const { transform, loadMethod } = treeOpts;
+    const { checkStrictly } = checkboxOpts;
+    return new Promise(resolve => {
+        if (loadMethod) {
+            const { fullAllDataRowIdData, treeExpandLazyLoadedMaps } = internalData;
+            const rowid = getRowid($xeTable, row);
+            const rowRest = fullAllDataRowIdData[rowid];
+            treeExpandLazyLoadedMaps[rowid] = row;
+            Promise.resolve(loadMethod({ $table: $xeTable, row })).then((childRecords) => {
+                if (rowRest) {
+                    rowRest.treeLoaded = true;
+                }
+                if (treeExpandLazyLoadedMaps[rowid]) {
+                    delete treeExpandLazyLoadedMaps[rowid];
+                }
+                if (!XEUtils.isArray(childRecords)) {
+                    childRecords = [];
+                }
+                if (childRecords) {
+                    return $xeTable.loadTreeChildren(row, childRecords).then(childRows => {
+                        const { treeExpandedMaps } = internalData;
+                        if (childRows.length && !treeExpandedMaps[rowid]) {
+                            treeExpandedMaps[rowid] = row;
+                        }
+                        reactData.treeExpandedFlag++;
+                        // 如果当前节点已选中，则展开后子节点也被选中
+                        if (!checkStrictly && $xeTable.isCheckedByCheckboxRow(row)) {
+                            handleCheckedCheckboxRow($xeTable, childRows, true);
+                        }
+                        return $xeTable.$nextTick().then(() => {
+                            if (transform) {
+                                $xeTable.handleTableData();
+                                updateAfterDataIndex($xeTable);
+                                return $xeTable.$nextTick();
+                            }
+                        });
+                    });
+                }
+            }).catch(() => {
+                const { treeExpandLazyLoadedMaps } = internalData;
+                if (rowRest) {
+                    rowRest.treeLoaded = false;
+                }
+                if (treeExpandLazyLoadedMaps[rowid]) {
+                    delete treeExpandLazyLoadedMaps[rowid];
+                }
+            }).finally(() => {
+                reactData.treeExpandedFlag++;
+                $xeTable.$nextTick().then(() => $xeTable.recalculate()).then(() => resolve());
+            });
+        }
+        else {
+            resolve();
+        }
+    });
+};
+const handleTreeExpandReserve = ($xeTable, row, expanded) => {
+    const internalData = $xeTable;
+    const { treeExpandedReserveRowMap } = internalData;
+    const treeOpts = $xeTable.computeTreeOpts;
+    if (treeOpts.reserve) {
+        const rowid = getRowid($xeTable, row);
+        if (expanded) {
+            treeExpandedReserveRowMap[rowid] = row;
+        }
+        else if (treeExpandedReserveRowMap[rowid]) {
+            delete treeExpandedReserveRowMap[rowid];
+        }
+    }
+};
+const handleAsyncRowExpand = ($xeTable, row) => {
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    return new Promise(resolve => {
+        const expandOpts = $xeTable.computeExpandOpts;
+        const { loadMethod } = expandOpts;
+        if (loadMethod) {
+            const { fullAllDataRowIdData, rowExpandLazyLoadedMaps } = internalData;
+            const rowid = getRowid($xeTable, row);
+            const rowRest = fullAllDataRowIdData[rowid];
+            rowExpandLazyLoadedMaps[rowid] = row;
+            loadMethod({ $table: $xeTable, row, rowIndex: $xeTable.getRowIndex(row), $rowIndex: $xeTable.getVMRowIndex(row) }).then(() => {
+                const { rowExpandedMaps } = internalData;
+                if (rowRest) {
+                    rowRest.expandLoaded = true;
+                }
+                rowExpandedMaps[rowid] = row;
+                reactData.rowExpandedFlag++;
+            }).catch(() => {
+                if (rowRest) {
+                    rowRest.expandLoaded = false;
+                }
+            }).finally(() => {
+                const { rowExpandLazyLoadedMaps } = internalData;
+                if (rowExpandLazyLoadedMaps[rowid]) {
+                    delete rowExpandLazyLoadedMaps[rowid];
+                }
+                reactData.rowExpandedFlag++;
+                $xeTable.$nextTick()
+                    .then(() => $xeTable.recalculate())
+                    .then(() => $xeTable.updateCellAreas())
+                    .then(() => resolve());
+            });
+        }
+        else {
+            resolve();
+        }
+    });
+};
 function calcVarRowHeightConfig($xeTable, sizeKey, sizeEl) {
     const reactData = $xeTable;
     const { rowHeightStore } = reactData;
@@ -1022,12 +1213,13 @@ function handleVirtualYVisible($xeTable) {
             visibleSize = Math.ceil(clientHeight / defaultRowHeight) + 1;
         }
         else {
+            const { handleGetRowId } = 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 = getRowid($xeTable, row);
+                const rowid = handleGetRowId(row);
                 const rowRest = fullAllDataRowIdData[rowid] || {};
                 if (rowRest.oTop <= startTop) {
                     leftIndex = rIndex + 1;
@@ -1039,7 +1231,7 @@ function handleVirtualYVisible($xeTable) {
             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 = getRowid($xeTable, row);
+                const rowid = handleGetRowId(row);
                 const rowRest = fullAllDataRowIdData[rowid] || {};
                 visibleSize++;
                 if (rowRest.oTop > endTop || visibleSize >= 100) {
@@ -1069,15 +1261,18 @@ function calculateMergerOffsetIndex(list, offsetItem, type) {
         }
     }
 }
-function setMerges(_vm, merges, mList, rowList) {
+function setMerges($xeTable, merges, mList, rowList) {
+    // const props = $xeTable
+    const internalData = $xeTable;
     if (merges) {
-        const { treeConfig, visibleColumn } = _vm;
+        // const { treeConfig } = props
+        const { visibleColumn } = internalData;
         if (!XEUtils.isArray(merges)) {
             merges = [merges];
         }
-        if (treeConfig && merges.length) {
-            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, col, rowspan, colspan } = item;
             if (rowList && XEUtils.isNumber(row)) {
@@ -1117,16 +1312,19 @@ function setMerges(_vm, merges, mList, rowList) {
         });
     }
 }
-function removeMerges(_vm, merges, mList, rowList) {
+function removeMerges($xeTable, merges, mList, rowList) {
+    // const props = $xeTable
+    const internalData = $xeTable;
     const rest = [];
     if (merges) {
-        const { treeConfig, visibleColumn } = _vm;
+        // const { treeConfig } = props
+        const { visibleColumn } = internalData;
         if (!XEUtils.isArray(merges)) {
             merges = [merges];
         }
-        if (treeConfig && merges.length) {
-            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, col } = item;
             if (rowList && XEUtils.isNumber(row)) {
@@ -1300,6 +1498,7 @@ function autoCellWidth($xeTable) {
     internalData.headerHeight = headerHeight;
     internalData.footerHeight = footerHeight;
     reactData.overflowX = overflowX;
+    reactData.resizeWidthFlag++;
     updateColumnOffsetLeft($xeTable);
     updateHeight($xeTable);
     reactData.parentHeight = Math.max(internalData.headerHeight + footerHeight + 20, $xeTable.getParentHeight());
@@ -1327,8 +1526,9 @@ const calcCellHeight = ($xeTable) => {
     const defaultRowHeight = $xeTable.computeDefaultRowHeight;
     const el = $xeTable.$refs.refElem;
     if (!isAllOverflow && scrollYLoad && el) {
+        const { handleGetRowId } = createHandleGetRowId($xeTable);
         tableData.forEach(row => {
-            const rowid = getRowid($xeTable, row);
+            const rowid = handleGetRowId(row);
             const rowRest = fullAllDataRowIdData[rowid];
             if (rowRest) {
                 const height = calcCellAutoHeight(rowRest, el);
@@ -1569,9 +1769,10 @@ function hideDropTip($xeTable) {
  * @param {Event} evnt 事件
  * @param {Row} row 行对象
  */
-function handleTooltip($xeTable, evnt, tdEl, overflowElem, tipElem, params) {
+function handleTooltip($xeTable, evnt, tdEl, overflowElem, params) {
     const reactData = $xeTable;
-    if (!overflowElem) {
+    const tipOverEl = overflowElem || tdEl;
+    if (!tipOverEl) {
         return $xeTable.$nextTick();
     }
     params.cell = tdEl;
@@ -1581,9 +1782,8 @@ function handleTooltip($xeTable, evnt, tdEl, overflowElem, tipElem, params) {
     const { showAll, contentMethod } = tooltipOpts;
     const customContent = contentMethod ? contentMethod(params) : null;
     const useCustom = contentMethod && !XEUtils.eqNull(customContent);
-    const content = useCustom ? customContent : XEUtils.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.toString(column.type === 'html' ? tipOverEl.innerText : tipOverEl.textContent).trim();
+    if (content && (showAll || useCustom || (tipOverEl.scrollWidth > tipOverEl.clientWidth))) {
         Object.assign(tooltipStore, {
             row,
             column,
@@ -1593,7 +1793,7 @@ function handleTooltip($xeTable, evnt, tdEl, overflowElem, tipElem, params) {
         $xeTable.$nextTick(() => {
             const $tooltip = $xeTable.$refs.refTooltip;
             if ($tooltip && $tooltip.open) {
-                $tooltip.open(isCellOverflow ? overflowElem : (tipElem || overflowElem), formatText(content));
+                $tooltip.open(tipOverEl, formatText(content));
             }
         });
     }
@@ -1608,7 +1808,7 @@ function handleScrollToRowColumn($xeTable, fieldOrColumn, row) {
     }
     return $xeTable.$nextTick();
 }
-const handleRowExpandReserve = ($xeTable, row, expanded) => {
+function handleRowExpandReserve($xeTable, row, expanded) {
     const internalData = $xeTable;
     const { rowExpandedReserveRowMap } = internalData;
     const expandOpts = $xeTable.computeExpandOpts;
@@ -1621,7 +1821,21 @@ const handleRowExpandReserve = ($xeTable, row, expanded) => {
             delete rowExpandedReserveRowMap[rowid];
         }
     }
-};
+}
+function handleDefaultMergeCells($xeTable) {
+    const props = $xeTable;
+    const { mergeCells } = props;
+    if (mergeCells) {
+        $xeTable.setMergeCells(mergeCells);
+    }
+}
+function handleDefaultMergeFooterItems($xeTable) {
+    const props = $xeTable;
+    const { mergeFooterItems } = props;
+    if (mergeFooterItems) {
+        $xeTable.setMergeFooterItems(mergeFooterItems);
+    }
+}
 // 计算可视渲染相关数据
 function computeScrollLoad($xeTable) {
     const reactData = $xeTable;
@@ -1709,6 +1923,26 @@ function handleRecalculateLayout($xeTable, reFull) {
         }
     });
 }
+/**
+ * 处理数据加载默认行为
+ * 默认执行一次，除非被重置
+ */
+function handleLoadDefaults($xeTable) {
+    handleDefaultSelectionChecked($xeTable);
+    handleDefaultRadioChecked($xeTable);
+    handleDefaultRowExpand($xeTable);
+    handleDefaultTreeExpand($xeTable);
+    handleDefaultMergeCells($xeTable);
+    handleDefaultMergeFooterItems($xeTable);
+    $xeTable.$nextTick(() => setTimeout(() => $xeTable.recalculate()));
+}
+/**
+ * 处理初始化的默认行为
+ * 只会执行一次
+ */
+function handleInitDefaults($xeTable) {
+    handleDefaultSort($xeTable);
+}
 function handleTableColumn($xeTable) {
     const reactData = $xeTable;
     const internalData = $xeTable;
@@ -1768,13 +2002,13 @@ function parseColumns($xeTable, isReset) {
     const props = $xeTable;
     const reactData = $xeTable;
     const internalData = $xeTable;
-    const { showOverflow } = props;
-    const rowOpts = $xeTable.computeRowOpts;
+    // const { showOverflow } = props
+    // const rowOpts = $xeTable.computeRowOpts
     const leftList = [];
     const centerList = [];
     const rightList = [];
     const { isGroup, columnStore } = reactData;
-    const sXOpts = $xeTable.computeSXOpts;
+    const virtualXOpts = $xeTable.computeVirtualXOpts;
     const { collectColumn, tableFullColumn, scrollXStore, fullColumnIdData } = internalData;
     // 如果是分组表头，如果子列全部被隐藏，则根列也隐藏
     if (isGroup) {
@@ -1838,32 +2072,32 @@ function parseColumns($xeTable, isReset) {
     }
     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, centerList, rightList });
     if (scrollXLoad) {
-        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) {
-                warnLog('vxe.error.scrollErrProp', ['span-method']);
-            }
-            if (props.footerSpanMethod) {
-                warnLog('vxe.error.scrollErrProp', ['footer-span-method']);
-            }
-        }
+        // 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) {
+            warnLog('vxe.error.scrollErrProp', ['span-method']);
+        }
+        if (props.footerSpanMethod) {
+            warnLog('vxe.error.scrollErrProp', ['footer-span-method']);
+        }
+        // }
         if (isReset) {
             const { visibleSize } = handleVirtualXVisible($xeTable);
             scrollXStore.startIndex = 0;
@@ -1975,6 +2209,35 @@ function loadScrollYData($xeTable) {
         }
     }
 }
+const createGetRowCacheProp = (prop) => {
+    return function (row) {
+        const $xeTable = this;
+        const internalData = $xeTable;
+        const { fullAllDataRowIdData } = internalData;
+        if (row) {
+            const rowid = getRowid($xeTable, row);
+            const rowRest = fullAllDataRowIdData[rowid];
+            if (rowRest) {
+                return rowRest[prop];
+            }
+        }
+        return -1;
+    };
+};
+const createGetColumnCacheProp = (prop) => {
+    return function (column) {
+        const $xeTable = this;
+        const internalData = $xeTable;
+        const { fullColumnIdData } = internalData;
+        if (column) {
+            const colRest = fullColumnIdData[column.id];
+            if (colRest) {
+                return colRest[prop];
+            }
+        }
+        return -1;
+    };
+};
 function lazyScrollXData($xeTable) {
     const internalData = $xeTable;
     const { lxTimeout, lxRunTime, scrollXStore } = internalData;
@@ -2132,7 +2395,7 @@ function calcCellWidth($xeTable) {
 }
 function handleUpdateColResize($xeTable, evnt, params) {
     $xeTable.analyColumnWidth();
-    $xeTable.recalculate(true).then(() => {
+    $xeTable.recalculate().then(() => {
         $xeTable.saveCustomStore('update:width');
         $xeTable.updateCellAreas();
         $xeTable.dispatchEvent('column-resizable-change', params, evnt);
@@ -2144,7 +2407,7 @@ function handleUpdateColResize($xeTable, evnt, params) {
 function handleUpdateRowResize($xeTable, evnt, params) {
     const reactData = $xeTable;
     reactData.resizeHeightFlag++;
-    $xeTable.recalculate(true).then(() => {
+    $xeTable.recalculate().then(() => {
         $xeTable.updateCellAreas();
         $xeTable.dispatchEvent('row-resizable-change', params, evnt);
         setTimeout(() => $xeTable.recalculate(true), 300);
@@ -2165,16 +2428,17 @@ function updateColumnOffsetLeft($xeTable) {
 function updateRowOffsetTop($xeTable) {
     const reactData = $xeTable;
     const internalData = $xeTable;
-    const { expandColumn, rowExpandedMaps } = reactData;
-    const { afterFullData, fullAllDataRowIdData } = internalData;
+    const { expandColumn } = reactData;
+    const { afterFullData, fullAllDataRowIdData, rowExpandedMaps } = internalData;
     const expandOpts = $xeTable.computeExpandOpts;
     const rowOpts = $xeTable.computeRowOpts;
     const cellOpts = $xeTable.computeCellOpts;
     const defaultRowHeight = $xeTable.computeDefaultRowHeight;
+    const { handleGetRowId } = createHandleGetRowId($xeTable);
     let offsetTop = 0;
     for (let rIndex = 0, rLen = afterFullData.length; rIndex < rLen; rIndex++) {
         const row = afterFullData[rIndex];
-        const rowid = getRowid($xeTable, row);
+        const rowid = handleGetRowId(row);
         const rowRest = fullAllDataRowIdData[rowid] || {};
         rowRest.oTop = offsetTop;
         offsetTop += rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
@@ -2187,47 +2451,43 @@ function updateRowOffsetTop($xeTable) {
 function updateRowExpandStyle($xeTable) {
     const reactData = $xeTable;
     const internalData = $xeTable;
-    const { expandColumn, scrollYLoad, rowExpandedMaps } = reactData;
+    const { expandColumn, scrollYLoad, scrollYTop, isScrollYBig } = reactData;
     const expandOpts = $xeTable.computeExpandOpts;
     const rowOpts = $xeTable.computeRowOpts;
     const cellOpts = $xeTable.computeCellOpts;
     const defaultRowHeight = $xeTable.computeDefaultRowHeight;
     const { mode } = expandOpts;
     if (expandColumn && mode === 'fixed') {
-        const { elemStore, afterFullData, fullAllDataRowIdData } = internalData;
+        const { elemStore, fullAllDataRowIdData } = internalData;
         const rowExpandEl = $xeTable.$refs.refRowExpandElem;
         const bodyScrollElem = getRefElem(elemStore['main-body-scroll']);
         if (rowExpandEl && bodyScrollElem) {
             let isUpdateHeight = false;
-            if (scrollYLoad) {
-                let offsetTop = 0;
-                for (let rIndex = 0, rLen = afterFullData.length; rIndex < rLen; rIndex++) {
-                    const row = afterFullData[rIndex];
-                    const rowid = getRowid($xeTable, row);
-                    const rowRest = fullAllDataRowIdData[rowid] || {};
-                    rowRest.oTop = offsetTop;
-                    offsetTop += rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight;
-                    // 是否展开行
-                    if (expandColumn && rowExpandedMaps[rowid]) {
-                        offsetTop += rowRest.expandHeight || expandOpts.height || 0;
-                    }
-                }
-            }
             XEUtils.arrayEach(rowExpandEl.children, reEl => {
                 const expandEl = reEl;
                 const rowid = expandEl.getAttribute('rowid') || '';
                 const rowRest = fullAllDataRowIdData[rowid];
                 if (rowRest) {
                     const expandHeight = expandEl.offsetHeight + 1;
+                    const trEl = bodyScrollElem.querySelector(`.vxe-body--row[rowid="${rowid}"]`);
+                    let offsetTop = 0;
                     if (scrollYLoad) {
-                        expandEl.style.top = toCssUnit(rowRest.oTop + (rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight));
+                        if (isScrollYBig && trEl) {
+                            offsetTop = trEl.offsetTop + trEl.offsetHeight;
+                        }
+                        else {
+                            offsetTop = rowRest.oTop + (rowRest.resizeHeight || cellOpts.height || rowOpts.height || rowRest.height || defaultRowHeight);
+                        }
                     }
                     else {
-                        const trEl = bodyScrollElem.querySelector(`.vxe-body--row[rowid="${rowid}"]`);
                         if (trEl) {
-                            expandEl.style.top = toCssUnit(trEl.offsetTop + trEl.offsetHeight);
+                            offsetTop = trEl.offsetTop + trEl.offsetHeight;
                         }
                     }
+                    if (isScrollYBig) {
+                        offsetTop += scrollYTop;
+                    }
+                    expandEl.style.top = toCssUnit(offsetTop);
                     if (!isUpdateHeight) {
                         if (rowRest.expandHeight !== expandHeight) {
                             isUpdateHeight = true;
@@ -2238,6 +2498,9 @@ function updateRowExpandStyle($xeTable) {
             });
             if (isUpdateHeight) {
                 reactData.rowExpandHeightFlag++;
+                $xeTable.$nextTick(() => {
+                    updateRowOffsetTop($xeTable);
+                });
             }
         }
     }
@@ -2253,10 +2516,11 @@ function handleRowExpandScroll($xeTable) {
 }
 const Methods = {
     callSlot(slotFunc, params, h, vNodes) {
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
         if (slotFunc) {
-            const { $xegrid } = this;
-            if ($xegrid) {
-                return $xegrid.callSlot(slotFunc, params, h, vNodes);
+            if ($xeGrid) {
+                return $xeGrid.callSlot(slotFunc, params, h, vNodes);
             }
             if (XEUtils.isFunction(slotFunc)) {
                 return getSlotVNs(slotFunc.call(this, params, h, vNodes));
@@ -2272,8 +2536,10 @@ const Methods = {
      * 获取父容器元素
      */
     getParentElem() {
-        const { $el, $xegrid } = this;
-        return $xegrid ? $xegrid.$el.parentNode : $el.parentNode;
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
+        const { $el } = this;
+        return $xeGrid ? $xeGrid.$el.parentNode : $el.parentNode;
     },
     /**
      * 获取父容器的高度
@@ -2306,8 +2572,9 @@ const Methods = {
      * 如果存在表尾合计滚动条，则需要排除滚动条高度
      */
     getExcludeHeight() {
-        const { $xegrid } = this;
-        return $xegrid ? $xegrid.getExcludeHeight() : 0;
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
+        return $xeGrid ? $xeGrid.getExcludeHeight() : 0;
     },
     /**
      * 重置表格的一切数据状态
@@ -2380,15 +2647,23 @@ const Methods = {
      */
     loadTableData(datas, isReset) {
         const $xeTable = this;
+        const props = $xeTable;
         const reactData = $xeTable;
         const internalData = $xeTable;
-        const { keepSource, treeConfig, treeOpts, editStore, scrollYStore, scrollXStore, lastScrollLeft, lastScrollTop, scrollYLoad: oldScrollYLoad, sXOpts, sYOpts } = this;
+        const { keepSource, treeConfig } = props;
+        const { scrollYLoad: oldScrollYLoad } = reactData;
+        const { scrollYStore, scrollXStore, lastScrollLeft, lastScrollTop } = internalData;
+        const treeOpts = $xeTable.computeTreeOpts;
+        const { transform } = treeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         let treeData = [];
         let fullData = datas ? datas.slice(0) : [];
+        if (fullData.length > supportMaxRow) {
+            errLog('vxe.error.errMaxRow', [supportMaxRow]);
+        }
         if (treeConfig) {
             // 树结构自动转换
-            if (treeOpts.transform) {
+            if (transform) {
                 if (!treeOpts.rowField) {
                     errLog('vxe.error.reqProp', ['table.tree-config.rowField']);
                 }
@@ -2427,8 +2702,8 @@ const Methods = {
         scrollXStore.endIndex = 1;
         reactData.isRowLoading = true;
         reactData.scrollVMLoading = false;
-        editStore.insertMaps = {};
-        editStore.removeMaps = {};
+        internalData.insertRowMaps = {};
+        internalData.removeRowMaps = {};
         const sYLoad = updateScrollYStatus($xeTable, fullData);
         reactData.isDragColMove = false;
         reactData.isDragRowMove = false;
@@ -2446,15 +2721,15 @@ const Methods = {
         if (keepSource) {
             $xeTable.cacheSourceMap(fullData);
         }
-        if (this.clearCellAreas && this.mouseConfig) {
-            this.clearCellAreas();
-            this.clearCopyCellArea();
+        if ($xeTable.clearCellAreas && props.mouseConfig) {
+            $xeTable.clearCellAreas();
+            $xeTable.clearCopyCellArea();
         }
-        this.clearMergeCells();
-        this.clearMergeFooterItems();
-        this.handleTableData(true);
-        this.updateFooter();
-        return this.$nextTick().then(() => {
+        $xeTable.clearMergeCells();
+        $xeTable.clearMergeFooterItems();
+        $xeTable.handleTableData(true);
+        $xeTable.updateFooter();
+        return $xeTable.$nextTick().then(() => {
             updateHeight($xeTable);
             updateStyle($xeTable);
         }).then(() => {
@@ -2467,49 +2742,51 @@ const Methods = {
             if (sYLoad) {
                 // if (showOverflow) {
                 //   if (!rowOpts.height) {
-                //     const errColumn = this.tableFullColumn.find((column: any) => column.showOverflow === false)
+                //     const errColumn = internalData.tableFullColumn.find((column: any) => column.showOverflow === false)
                 //     if (errColumn) {
                 //       errLog('vxe.error.errProp', [`column[field="${errColumn.field}"].show-overflow=false`, 'show-overflow=true'])
                 //     }
                 //   }
                 // }
-                if (!(this.height || this.maxHeight)) {
+                if (!(props.height || props.maxHeight)) {
                     errLog('vxe.error.reqProp', ['table.height | table.max-height | table.scroll-y={enabled: false}']);
                 }
-                // if (!this.showOverflow) {
+                // if (!props.showOverflow) {
                 //   warnLog('vxe.error.reqProp', ['table.show-overflow'])
                 // }
-                if (this.spanMethod) {
+                if (props.spanMethod) {
                     errLog('vxe.error.scrollErrProp', ['table.span-method']);
                 }
             }
             handleReserveStatus($xeTable);
-            this.checkSelectionStatus();
+            $xeTable.checkSelectionStatus();
             return new Promise(resolve => {
                 this.$nextTick()
-                    .then(() => this.recalculate())
+                    .then(() => $xeTable.recalculate())
                     .then(() => {
                     let targetScrollLeft = lastScrollLeft;
                     let targetScrollTop = lastScrollTop;
+                    const virtualXOpts = $xeTable.computeVirtualXOpts;
+                    const virtualYOpts = $xeTable.computeVirtualYOpts;
                     // 是否在更新数据之后自动滚动重置滚动条
-                    if (sXOpts.scrollToLeftOnChange) {
+                    if (virtualXOpts.scrollToLeftOnChange) {
                         targetScrollLeft = 0;
                     }
-                    if (sYOpts.scrollToTopOnChange) {
+                    if (virtualYOpts.scrollToTopOnChange) {
                         targetScrollTop = 0;
                     }
                     reactData.isRowLoading = false;
                     calcCellHeight($xeTable);
                     // 是否变更虚拟滚动
                     if (oldScrollYLoad === sYLoad) {
-                        restoreScrollLocation(this, targetScrollLeft, targetScrollTop)
+                        restoreScrollLocation($xeTable, targetScrollLeft, targetScrollTop)
                             .then(() => {
                             resolve();
                         });
                     }
                     else {
                         setTimeout(() => {
-                            restoreScrollLocation(this, targetScrollLeft, targetScrollTop)
+                            restoreScrollLocation($xeTable, targetScrollLeft, targetScrollTop)
                                 .then(() => {
                                 resolve();
                             });
@@ -2524,12 +2801,13 @@ const Methods = {
      * @param {Array} datas 数据
      */
     loadData(datas) {
+        const $xeTable = this;
         const { initStatus } = this;
         return this.loadTableData(datas, false).then(() => {
             this.inited = true;
             this.initStatus = true;
             if (!initStatus) {
-                this.handleLoadDefaults();
+                handleLoadDefaults($xeTable);
             }
             return this.recalculate();
         });
@@ -2539,6 +2817,7 @@ const Methods = {
      * @param {Array} datas 数据
      */
     reloadData(datas) {
+        const $xeTable = this;
         return this.clearAll()
             .then(() => {
             this.inited = true;
@@ -2546,7 +2825,7 @@ const Methods = {
             return this.loadTableData(datas, true);
         })
             .then(() => {
-            this.handleLoadDefaults();
+            handleLoadDefaults($xeTable);
             return this.recalculate();
         });
     },
@@ -2628,18 +2907,14 @@ const Methods = {
         const reactData = $xeTable;
         const internalData = $xeTable;
         const { treeConfig } = props;
-        const { treeExpandedMaps } = reactData;
-        const { fullAllDataRowIdData, tableFullData, tableFullTreeData } = internalData;
+        const { fullAllDataRowIdData, tableFullData, tableFullTreeData, treeExpandedMaps } = internalData;
         const treeOpts = $xeTable.computeTreeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
         const { lazy } = treeOpts;
-        const rowkey = getRowkey($xeTable);
-        const isDeepKey = rowkey.indexOf('.') > -1;
         const fullAllDataRowIdMaps = Object.assign({}, fullAllDataRowIdData); // 存在已删除数据
         const fullDataRowIdMaps = {};
-        const treeTempExpandedMaps = Object.assign({}, treeExpandedMaps);
-        const handleRowId = isDeepKey ? updateDeepRowKey : updateFastRowKey;
+        const { handleUpdateRowId } = createHandleUpdateRowId($xeTable);
         const handleRowCache = (row, index, items, currIndex, parentRow, rowid, level, seq) => {
             let rowRest = fullAllDataRowIdMaps[rowid];
             if (!rowRest) {
@@ -2658,15 +2933,14 @@ const Methods = {
         };
         if (treeConfig) {
             XEUtils.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];
                         }
                     }
                 }
@@ -2675,12 +2949,12 @@ const Methods = {
         }
         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 $xeTable = this;
@@ -2688,17 +2962,12 @@ const Methods = {
         const internalData = $xeTable;
         const { treeConfig } = props;
         const treeOpts = $xeTable.computeTreeOpts;
-        let { sourceDataRowIdData } = internalData;
         const sourceData = XEUtils.clone(fullData, true);
-        const rowkey = getRowkey($xeTable);
-        sourceDataRowIdData = internalData.sourceDataRowIdData = {};
+        const { handleUpdateRowId } = createHandleUpdateRowId($xeTable);
+        const sourceRowIdData = {};
         const handleSourceRow = (row) => {
-            let rowid = getRowid($xeTable, row);
-            if (eqEmptyValue(rowid)) {
-                rowid = getRowUniqueId();
-                XEUtils.set(row, rowkey, rowid);
-            }
-            sourceDataRowIdData[rowid] = row;
+            const rowid = handleUpdateRowId(row);
+            sourceRowIdData[rowid] = row;
         };
         // 源数据缓存
         if (treeConfig) {
@@ -2708,14 +2977,21 @@ const Methods = {
         else {
             sourceData.forEach(handleSourceRow);
         }
+        internalData.sourceDataRowIdData = sourceRowIdData;
         internalData.tableSourceData = sourceData;
     },
     getParams() {
-        return this.params;
+        const $xeTable = this;
+        const props = $xeTable;
+        return props.params;
     },
     loadTreeChildren(row, childRecords) {
         const $xeTable = this;
-        const { keepSource, tableSourceData, treeOpts, fullDataRowIdData, fullAllDataRowIdData, sourceDataRowIdData } = this;
+        const props = $xeTable;
+        const internalData = $xeTable;
+        const { keepSource } = props;
+        const { tableSourceData, fullDataRowIdData, fullAllDataRowIdData, sourceDataRowIdData } = internalData;
+        const treeOpts = $xeTable.computeTreeOpts;
         const { transform, mapChildrenField } = treeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const parentRest = fullAllDataRowIdData[getRowid($xeTable, row)];
@@ -2752,18 +3028,22 @@ const Methods = {
      * @param {Element} tr 元素
      */
     getRowNode(tr) {
+        const $xeTable = this;
+        const internalData = $xeTable;
         if (tr) {
-            const { fullAllDataRowIdData } = this;
+            const { fullAllDataRowIdData } = internalData;
             const rowid = tr.getAttribute('rowid');
-            const rowRest = fullAllDataRowIdData[rowid];
-            if (rowRest) {
-                return {
-                    rowid: rowRest.rowid,
-                    item: rowRest.row,
-                    index: rowRest.index,
-                    items: rowRest.items,
-                    parent: rowRest.parent
-                };
+            if (rowid) {
+                const rowRest = fullAllDataRowIdData[rowid];
+                if (rowRest) {
+                    return {
+                        rowid: rowRest.rowid,
+                        item: rowRest.row,
+                        index: rowRest.index,
+                        items: rowRest.items,
+                        parent: rowRest.parent
+                    };
+                }
             }
         }
         return null;
@@ -2773,8 +3053,10 @@ const Methods = {
      * @param {Element} cell 元素
      */
     getColumnNode(cell) {
+        const $xeTable = this;
+        const internalData = $xeTable;
         if (cell) {
-            const { fullColumnIdData } = this;
+            const { fullColumnIdData } = internalData;
             const colid = cell.getAttribute('colid');
             if (colid) {
                 const colRest = fullColumnIdData[colid];
@@ -2795,47 +3077,22 @@ const Methods = {
      * 根据 row 获取序号
      * @param {Row} row 行对象
      */
-    getRowSeq(row) {
-        const { fullAllDataRowIdData } = this;
-        if (row) {
-            const rowid = getRowid(this, row);
-            const rest = fullAllDataRowIdData[rowid];
-            if (rest) {
-                return rest.seq;
-            }
-        }
-        return -1;
-    },
+    getRowSeq: createGetRowCacheProp('seq'),
     /**
      * 根据 row 获取相对于 data 中的索引
      * @param {Row} row 行对象
      */
-    getRowIndex(row) {
-        const { fullAllDataRowIdData } = this;
-        if (row) {
-            const rowid = getRowid(this, row);
-            const rest = fullAllDataRowIdData[rowid];
-            if (rest) {
-                return rest.index;
-            }
-        }
-        return -1;
-    },
+    getRowIndex: createGetRowCacheProp('index'),
     /**
      * 根据 row 获取相对于当前数据中的索引
      * @param {Row} row 行对象
      */
-    getVTRowIndex(row) {
-        const { fullAllDataRowIdData } = this;
-        if (row) {
-            const rowid = getRowid(this, row);
-            const rest = fullAllDataRowIdData[rowid];
-            if (rest) {
-                return rest._index;
-            }
-        }
-        return -1;
-    },
+    getVTRowIndex: createGetRowCacheProp('_index'),
+    /**
+     * 根据 row 获取渲染中的虚拟索引
+     * @param {Row} row 行对象
+     */
+    getVMRowIndex: createGetRowCacheProp('$index'),
     // 在 v3 中废弃
     _getRowIndex(row) {
         if (process.env.NODE_ENV === 'development') {
@@ -2843,21 +3100,6 @@ const Methods = {
         }
         return this.getVTRowIndex(row);
     },
-    /**
-     * 根据 row 获取渲染中的虚拟索引
-     * @param {Row} row 行对象
-     */
-    getVMRowIndex(row) {
-        const { fullAllDataRowIdData } = this;
-        if (row) {
-            const rowid = getRowid(this, row);
-            const rest = fullAllDataRowIdData[rowid];
-            if (rest) {
-                return rest.$index;
-            }
-        }
-        return -1;
-    },
     // 在 v3 中废弃
     $getRowIndex(row) {
         if (process.env.NODE_ENV === 'development') {
@@ -2869,30 +3111,17 @@ const Methods = {
      * 根据 column 获取相对于 columns 中的索引
      * @param {ColumnInfo} column 列配置
      */
-    getColumnIndex(column) {
-        const { fullColumnIdData } = this;
-        if (column) {
-            const rest = fullColumnIdData[column.id];
-            if (rest) {
-                return rest.index;
-            }
-        }
-        return -1;
-    },
+    getColumnIndex: createGetColumnCacheProp('index'),
     /**
      * 根据 column 获取相对于当前表格列中的索引
      * @param {ColumnInfo} column 列配置
      */
-    getVTColumnIndex(column) {
-        const { fullColumnIdData } = this;
-        if (column) {
-            const rest = fullColumnIdData[column.id];
-            if (rest) {
-                return rest._index;
-            }
-        }
-        return -1;
-    },
+    getVTColumnIndex: createGetColumnCacheProp('_index'),
+    /**
+     * 根据 column 获取渲染中的虚拟索引
+     * @param {ColumnInfo} column 列配置
+     */
+    getVMColumnIndex: createGetColumnCacheProp('$index'),
     // 在 v3 中废弃
     _getColumnIndex(column) {
         if (process.env.NODE_ENV === 'development') {
@@ -2900,20 +3129,6 @@ const Methods = {
         }
         return this.getVTColumnIndex(column);
     },
-    /**
-     * 根据 column 获取渲染中的虚拟索引
-     * @param {ColumnInfo} column 列配置
-     */
-    getVMColumnIndex(column) {
-        const { fullColumnIdData } = this;
-        if (column) {
-            const rest = fullColumnIdData[column.id];
-            if (rest) {
-                return rest.$index;
-            }
-        }
-        return -1;
-    },
     // 在 v3 中废弃
     $getColumnIndex(column) {
         if (process.env.NODE_ENV === 'development') {
@@ -2933,14 +3148,21 @@ const Methods = {
      * @param {Row} records 行数据
      */
     defineField(records) {
-        const { radioOpts, checkboxOpts, treeConfig, treeOpts, expandOpts } = this;
+        const $xeTable = this;
+        const props = $xeTable;
+        const internalData = $xeTable;
+        const { treeConfig } = props;
+        const expandOpts = $xeTable.computeExpandOpts;
+        const treeOpts = $xeTable.computeTreeOpts;
+        const radioOpts = $xeTable.computeRadioOpts;
+        const checkboxOpts = $xeTable.computeCheckboxOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
-        const rowkey = getRowkey(this);
+        const rowkey = getRowkey($xeTable);
         if (!XEUtils.isArray(records)) {
             records = [records || {}];
         }
         return records.map((record) => {
-            this.tableFullColumn.forEach((column) => {
+            internalData.tableFullColumn.forEach(column => {
                 const { field, editRender } = column;
                 if (field && !XEUtils.has(record, field)) {
                     let cellValue = null;
@@ -2978,8 +3200,9 @@ const Methods = {
      * @param {Array} records 新数据
      */
     createData(records) {
-        return this.$nextTick().then(() => {
-            return this.defineField(records);
+        const $xeTable = this;
+        return $xeTable.$nextTick().then(() => {
+            return $xeTable.defineField(records);
         });
     },
     /**
@@ -2988,11 +3211,12 @@ const Methods = {
      * @param {Array/Object} records 新数据
      */
     createRow(records) {
+        const $xeTable = this;
         const isArr = XEUtils.isArray(records);
         if (!isArr) {
             records = [records];
         }
-        return this.createData(records).then((rows) => isArr ? rows : rows[0]);
+        return $xeTable.createData(records).then((rows) => isArr ? rows : rows[0]);
     },
     /**
      * 还原数据
@@ -3007,11 +3231,10 @@ const Methods = {
         const reactData = $xeTable;
         const internalData = $xeTable;
         const { keepSource, treeConfig } = props;
-        const { editStore } = reactData;
-        const { fullAllDataRowIdData, fullDataRowIdData, tableSourceData, sourceDataRowIdData, tableFullData, afterFullData } = internalData;
-        const removeTempMaps = Object.assign({}, editStore.removeMaps);
+        const { fullAllDataRowIdData, fullDataRowIdData, tableSourceData, sourceDataRowIdData, tableFullData, afterFullData, removeRowMaps } = internalData;
         const treeOpts = $xeTable.computeTreeOpts;
         const { transform } = treeOpts;
+        const { handleGetRowId } = createHandleGetRowId($xeTable);
         if (!keepSource) {
             if (process.env.NODE_ENV === 'development') {
                 errLog('vxe.error.reqProp', ['keep-source']);
@@ -3030,7 +3253,7 @@ const Methods = {
         let reDelFlag = false;
         if (targetRows.length) {
             targetRows.forEach((item) => {
-                const rowid = getRowid($xeTable, item);
+                const rowid = handleGetRowId(item);
                 const rowRest = fullAllDataRowIdData[rowid];
                 if (rowRest) {
                     const row = rowRest.row;
@@ -3044,7 +3267,9 @@ const Methods = {
                                 XEUtils.destructuring(row, XEUtils.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;
@@ -3056,7 +3281,7 @@ const Methods = {
         }
         if (rows) {
             if (reDelFlag) {
-                editStore.removeMaps = removeTempMaps;
+                reactData.removeRowFlag++;
                 $xeTable.updateFooter();
                 $xeTable.cacheRowMap(false);
                 $xeTable.handleTableData(treeConfig && transform);
@@ -3085,7 +3310,9 @@ const Methods = {
      * @param {String} field 字段名
      */
     clearData(rows, field) {
-        const { tableFullData, visibleColumn } = this;
+        const $xeTable = this;
+        const internalData = $xeTable;
+        const { tableFullData, visibleColumn } = internalData;
         if (!arguments.length) {
             rows = tableFullData;
         }
@@ -3104,7 +3331,7 @@ const Methods = {
                 });
             });
         }
-        return this.$nextTick();
+        return $xeTable.$nextTick();
     },
     getCellElement(row, fieldOrColumn) {
         const $xeTable = this;
@@ -3195,16 +3422,16 @@ const Methods = {
     isInsertByRow(row) {
         const $xeTable = this;
         const reactData = $xeTable;
-        const { editStore } = reactData;
+        const internalData = $xeTable;
         const rowid = getRowid($xeTable, row);
-        return !!editStore.insertMaps[rowid];
+        return !!reactData.insertRowFlag && !!internalData.insertRowMaps[rowid];
     },
     isRemoveByRow(row) {
         const $xeTable = this;
         const reactData = $xeTable;
-        const { editStore } = reactData;
+        const internalData = $xeTable;
         const rowid = getRowid($xeTable, row);
-        return !!editStore.removeMaps[rowid];
+        return !!reactData.removeRowFlag && !!internalData.removeRowMaps[rowid];
     },
     /**
      * 删除所有新增的临时数据
@@ -3212,9 +3439,8 @@ const Methods = {
      */
     removeInsertRow() {
         const $xeTable = this;
-        const reactData = $xeTable;
-        const { editStore } = reactData;
-        editStore.insertMaps = {};
+        const internalData = $xeTable;
+        internalData.insertRowMaps = {};
         return $xeTable.remove($xeTable.getInsertRecords());
     },
     /**
@@ -3256,14 +3482,17 @@ const Methods = {
      * @param {Number} columnIndex 索引
      */
     getColumns(columnIndex) {
-        const columns = this.visibleColumn;
-        return XEUtils.isUndefined(columnIndex) ? columns.slice(0) : columns[columnIndex];
+        const $xeTable = this;
+        const internalData = $xeTable;
+        const { visibleColumn } = internalData;
+        return XEUtils.isUndefined(columnIndex) ? visibleColumn.slice(0) : visibleColumn[columnIndex];
     },
     /**
      * 根据列获取列的唯一主键
      */
     getColid(fieldOrColumn) {
-        const column = handleFieldOrColumn(this, fieldOrColumn);
+        const $xeTable = this;
+        const column = handleFieldOrColumn($xeTable, fieldOrColumn);
         return column ? column.id : null;
     },
     /**
@@ -3271,7 +3500,9 @@ const Methods = {
      * @param {String} colid 列主键
      */
     getColumnById(colid) {
-        const fullColumnIdData = this.fullColumnIdData;
+        const $xeTable = this;
+        const internalData = $xeTable;
+        const { fullColumnIdData } = internalData;
         return fullColumnIdData[colid] ? fullColumnIdData[colid].column : null;
     },
     /**
@@ -3279,7 +3510,9 @@ const Methods = {
      * @param {String} field 字段名
      */
     getColumnByField(field) {
-        const fullColumnFieldData = this.fullColumnFieldData;
+        const $xeTable = this;
+        const internalData = $xeTable;
+        const { fullColumnFieldData } = internalData;
         return fullColumnFieldData[field] ? fullColumnFieldData[field].column : null;
     },
     getParentColumn(fieldOrColumn) {
@@ -3292,11 +3525,14 @@ const Methods = {
      * 收集到的全量列、全量表头列、处理条件之后的全量表头列、当前渲染中的表头列
      */
     getTableColumn() {
+        const $xeTable = this;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
         return {
-            collectColumn: this.collectColumn.slice(0),
-            fullColumn: this.tableFullColumn.slice(0),
-            visibleColumn: this.visibleColumn.slice(0),
-            tableColumn: this.tableColumn.slice(0)
+            collectColumn: internalData.collectColumn.slice(0),
+            fullColumn: internalData.tableFullColumn.slice(0),
+            visibleColumn: internalData.visibleColumn.slice(0),
+            tableColumn: reactData.tableColumn.slice(0)
         };
     },
     /**
@@ -3414,11 +3650,9 @@ const Methods = {
     getCheckboxRecords(isFull) {
         const $xeTable = this;
         const props = $xeTable;
-        const reactData = $xeTable;
         const internalData = $xeTable;
         const { treeConfig } = props;
-        const { selectCheckboxMaps } = reactData;
-        const { tableFullData, afterFullData, afterTreeFullData, tableFullTreeData, fullDataRowIdData, afterFullRowMaps } = internalData;
+        const { tableFullData, afterFullData, afterTreeFullData, tableFullTreeData, fullDataRowIdData, afterFullRowMaps, selectCheckboxMaps } = internalData;
         const treeOpts = $xeTable.computeTreeOpts;
         const checkboxOpts = $xeTable.computeCheckboxOpts;
         const { transform, mapChildrenField } = treeOpts;
@@ -3466,7 +3700,7 @@ const Methods = {
         const treeOpts = $xeTable.computeTreeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const { transform, rowField, parentField, mapChildrenField } = treeOpts;
-        const { remote: allRemoteFilter, filterMethod: allFilterMethod } = filterOpts;
+        const { isEvery, remote: allRemoteFilter, filterMethod: allFilterMethod } = filterOpts;
         const { remote: allRemoteSort, sortMethod: allSortMethod, multiple: sortMultiple, chronological } = sortOpts;
         let tableData = [];
         let tableTree = [];
@@ -3525,7 +3759,7 @@ const Methods = {
                     // 筛选虚拟树
                     tableTree = XEUtils.searchTree(tableFullTreeData, handleFilter, {
                         original: true,
-                        isEvery: true,
+                        isEvery,
                         children: mapChildrenField,
                         mapChildren: childrenField
                     });
@@ -3541,7 +3775,7 @@ const Methods = {
                     // 还原虚拟树
                     tableTree = XEUtils.searchTree(tableFullTreeData, () => true, {
                         original: true,
-                        isEvery: true,
+                        isEvery,
                         children: mapChildrenField,
                         mapChildren: childrenField
                     });
@@ -3604,7 +3838,7 @@ const Methods = {
                 // 还原虚拟树
                 tableTree = XEUtils.searchTree(tableFullTreeData, () => true, {
                     original: true,
-                    isEvery: true,
+                    isEvery,
                     children: treeOpts.mapChildrenField,
                     mapChildren: childrenField
                 });
@@ -3711,9 +3945,14 @@ const Methods = {
      * 如果存在排序，继续处理
      */
     getTableData() {
-        const { treeConfig, tableFullData, afterFullData, tableData, footerTableData, tableFullTreeData } = this;
+        const $xeTable = this;
+        const props = $xeTable;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
+        const { tableData, footerTableData } = reactData;
+        const { tableFullData, afterFullData, tableFullTreeData } = internalData;
         return {
-            fullData: treeConfig ? tableFullTreeData.slice(0) : tableFullData.slice(0),
+            fullData: props.treeConfig ? tableFullTreeData.slice(0) : tableFullData.slice(0),
             visibleData: afterFullData.slice(0),
             tableData: tableData.slice(0),
             footerData: footerTableData.slice(0)
@@ -3751,35 +3990,16 @@ const Methods = {
      * 默认执行一次，除非被重置
      */
     handleLoadDefaults() {
-        if (this.checkboxConfig) {
-            this.handleDefaultSelectionChecked();
-        }
-        if (this.radioConfig) {
-            this.handleDefaultRadioChecked();
-        }
-        if (this.expandConfig) {
-            this.handleDefaultRowExpand();
-        }
-        if (this.treeConfig) {
-            this.handleDefaultTreeExpand();
-        }
-        if (this.mergeCells) {
-            this.handleDefaultMergeCells();
-        }
-        if (this.mergeFooterItems) {
-            this.handleDefaultMergeFooterItems();
-        }
-        this.$nextTick(() => setTimeout(this.recalculate));
+        const $xeTable = this;
+        handleLoadDefaults($xeTable);
     },
     /**
      * 处理初始化的默认行为
      * 只会执行一次
      */
     handleInitDefaults() {
-        const { sortConfig } = this;
-        if (sortConfig) {
-            this.handleDefaultSort();
-        }
+        const $xeTable = this;
+        handleInitDefaults($xeTable);
     },
     /**
      * 设置为固定列
@@ -3935,64 +4155,30 @@ const Methods = {
         return this.resetCustom(options);
     },
     handleCustom() {
-        const { mouseConfig } = this;
+        const $xeTable = this;
+        const props = $xeTable;
+        const { mouseConfig } = props;
         if (mouseConfig) {
-            if (this.clearSelected) {
-                this.clearSelected();
-            }
-            if (this.clearCellAreas) {
-                this.clearCellAreas();
-                this.clearCopyCellArea();
-            }
-        }
-        this.analyColumnWidth();
-        return this.refreshColumn(true);
-    },
-    handleCustomRestore(storeData) {
-        const $xetable = this;
-        const reactData = $xetable;
-        const internalData = $xetable;
-        let { collectColumn } = internalData;
-        const { resizableData, sortData, visibleData, fixedData } = storeData;
-        let hasCustomSort = false;
-        // 处理还原
-        if (resizableData || sortData || visibleData || fixedData) {
-            XEUtils.eachTree(collectColumn, (column, index, items, path, parentRow) => {
-                const colKey = column.getKey();
-                // 支持一级
-                if (!parentRow) {
-                    if (fixedData && fixedData[colKey] !== undefined) {
-                        column.fixed = fixedData[colKey];
-                    }
-                    if (sortData && XEUtils.isNumber(sortData[colKey])) {
-                        hasCustomSort = true;
-                        column.renderSortNumber = sortData[colKey];
-                    }
-                }
-                if (resizableData && XEUtils.isNumber(resizableData[colKey])) {
-                    column.resizeWidth = resizableData[colKey];
-                }
-                if (visibleData && XEUtils.isBoolean(visibleData[colKey])) {
-                    column.visible = visibleData[colKey];
-                }
-            });
-            // 如果自定义了顺序
-            if (hasCustomSort) {
-                collectColumn = XEUtils.orderBy(collectColumn, 'renderSortNumber');
-                internalData.collectColumn = collectColumn;
-                internalData.tableFullColumn = getColumnList(collectColumn);
+            if ($xeTable.clearSelected) {
+                $xeTable.clearSelected();
+            }
+            if ($xeTable.clearCellAreas) {
+                $xeTable.clearCellAreas();
+                $xeTable.clearCopyCellArea();
             }
-            reactData.isCustomStatus = true;
-        }
-        else {
-            reactData.isCustomStatus = false;
         }
+        $xeTable.analyColumnWidth();
+        return $xeTable.refreshColumn(true);
     },
     /**
      * 还原自定义列操作状态
      */
     restoreCustomStorage() {
-        const { tableId, customConfig, customOpts } = this;
+        const $xeTable = this;
+        const props = $xeTable;
+        const { customConfig } = props;
+        const tableId = $xeTable.computeTableId;
+        const customOpts = $xeTable.computeCustomOpts;
         const { storage, restoreStore } = customOpts;
         const isAllCustom = storage === true;
         const storageOpts = isAllCustom ? {} : Object.assign({}, storage || {});
@@ -4011,17 +4197,28 @@ const Methods = {
                     if (!storeData) {
                         return;
                     }
-                    return this.handleCustomRestore(storeData);
+                    return handleCustomRestore($xeTable, storeData);
                 }).catch(e => e);
             }
             else {
-                return this.handleCustomRestore(storeData);
+                return handleCustomRestore($xeTable, storeData);
             }
         }
     },
     getCustomStoreData() {
-        const { id, customOpts, collectColumn } = this;
-        const { checkMethod } = customOpts;
+        const $xeTable = this;
+        const props = $xeTable;
+        const internalData = $xeTable;
+        const { id } = props;
+        const customOpts = $xeTable.computeCustomOpts;
+        const { 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 = {};
@@ -4038,47 +4235,37 @@ const Methods = {
         }
         let hasResizable = 0;
         let hasSort = 0;
-        let hasFixedt = 0;
+        let hasFixed = 0;
         let hasVisible = 0;
         XEUtils.eachTree(collectColumn, (column, index, items, path, parentColumn) => {
+            const colKey = column.getKey();
+            if (!colKey) {
+                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) {
-                        hasFixedt = 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({ column })) {
+            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;
                 }
             }
         });
@@ -4088,7 +4275,7 @@ const Methods = {
         if (hasSort) {
             storeData.sortData = sortData;
         }
-        if (hasFixedt) {
+        if (hasFixed) {
             storeData.fixedData = fixedData;
         }
         if (hasVisible) {
@@ -4576,12 +4763,13 @@ const Methods = {
         const $xeTable = this;
         const internalData = $xeTable;
         const { fullAllDataRowIdData, afterFullData } = internalData;
+        const { handleGetRowId } = createHandleGetRowId($xeTable);
         const rowOpts = $xeTable.computeRowOpts;
         const cellOpts = $xeTable.computeCellOpts;
         const defaultRowHeight = $xeTable.computeDefaultRowHeight;
         const rest = {};
         afterFullData.forEach(row => {
-            const rowid = getRowid($xeTable, row);
+            const rowid = handleGetRowId(row);
             const rowRest = fullAllDataRowIdData[rowid];
             if (rowRest) {
                 const resizeHeight = rowRest.resizeHeight;
@@ -4608,8 +4796,9 @@ const Methods = {
             rHeight = Math.floor(rHeight * bodyHeight);
         }
         if (rHeight) {
+            const { handleGetRowId } = createHandleGetRowId($xeTable);
             rows.forEach(row => {
-                const rowid = XEUtils.isString(row) || XEUtils.isNumber(row) ? row : getRowid($xeTable, row);
+                const rowid = XEUtils.isString(row) || XEUtils.isNumber(row) ? row : handleGetRowId(row);
                 const rowRest = fullAllDataRowIdData[rowid];
                 if (rowRest) {
                     rowRest.resizeHeight = rHeight;
@@ -4750,6 +4939,8 @@ const Methods = {
         }
     },
     preventEvent(evnt, type, args, next, end) {
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
         let evntList = interceptor.get(type);
         // 兼容老版本
         if (!evntList.length && type === 'event.clearEdit') {
@@ -4761,8 +4952,22 @@ const Methods = {
             }
         }
         // 兼容老版本
-        let rest;
-        if (!evntList.some(func => func(Object.assign({ $grid: this.$xegrid, $table: this, $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();
             }
@@ -4776,7 +4981,9 @@ const Methods = {
      * 全局按下事件处理
      */
     handleGlobalMousedownEvent(evnt) {
-        const { $el, $refs, $xegrid, $toolbar, mouseConfig, editStore, ctxMenuStore, editRules, editOpts, validOpts, areaOpts, filterStore, customStore, getRowNode } = this;
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
+        const { $el, $refs, $toolbar, mouseConfig, editStore, ctxMenuStore, editRules, editOpts, validOpts, areaOpts, filterStore, customStore, getRowNode } = this;
         const { actived } = editStore;
         const { customWrapper, refValidTooltip } = $refs;
         const tableFilter = $refs.refTableFilter;
@@ -4866,7 +5073,7 @@ const Methods = {
             }
         }
         else if (mouseConfig) {
-            if (!getEventTargetNode(evnt, $el).flag && !($xegrid && getEventTargetNode(evnt, $xegrid.$el).flag) && !(tableMenu && getEventTargetNode(evnt, tableMenu.$el).flag) && !($toolbar && getEventTargetNode(evnt, $toolbar.$el).flag)) {
+            if (!getEventTargetNode(evnt, $el).flag && !($xeGrid && getEventTargetNode(evnt, $xeGrid.$el).flag) && !(tableMenu && getEventTargetNode(evnt, tableMenu.$el).flag) && !($toolbar && getEventTargetNode(evnt, $toolbar.$el).flag)) {
                 if (this.clearSelected) {
                     this.clearSelected();
                 }
@@ -4888,7 +5095,7 @@ const Methods = {
         if (ctxMenuStore.visible && tableMenu && !getEventTargetNode(evnt, tableMenu.$el).flag) {
             this.closeMenu();
         }
-        const isActivated = getEventTargetNode(evnt, ($xegrid || this).$el).flag;
+        const isActivated = getEventTargetNode(evnt, ($xeGrid || this).$el).flag;
         // 如果存在校验，点击了表格之外则清除
         if (!isActivated && editRules && validOpts.autoClear) {
             this.validErrorMaps = {};
@@ -4952,6 +5159,7 @@ const Methods = {
     handleGlobalKeydownEvent(evnt) {
         const $xeTable = this;
         const internalData = $xeTable;
+        const $xeGrid = $xeTable.$xeGrid;
         // 该行为只对当前激活的表格有效
         if (this.isActivated) {
             this.preventEvent(evnt, 'event.keydown', null, () => {
@@ -5050,7 +5258,7 @@ const Methods = {
                                     this.moveTabSelected(activeParams, hasShiftKey, evnt);
                                 }
                                 else {
-                                    this.moveSelected(activeParams, isLeftArrow, true, isRightArrow, false, evnt);
+                                    this.moveEnterSelected(activeParams, isLeftArrow, true, isRightArrow, false, evnt);
                                 }
                             }
                             else {
@@ -5084,7 +5292,7 @@ const Methods = {
                                                 return;
                                             }
                                         }
-                                        this.moveSelected(activeParams, isLeftArrow, false, isRightArrow, true, evnt);
+                                        this.moveEnterSelected(activeParams, isLeftArrow, false, isRightArrow, true, evnt);
                                         if (enterMethod) {
                                             enterMethod(etrParams);
                                         }
@@ -5110,11 +5318,7 @@ const Methods = {
                     if (!isEditStatus) {
                         // 如果按下了方向键
                         if (selected.row && selected.column) {
-                            this.moveSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
-                        }
-                        else if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
-                            // 当前行按键上下移动
-                            this.moveCurrentRow(isUpArrow, isDwArrow, evnt);
+                            $xeTable.moveArrowSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
                         }
                     }
                 }
@@ -5137,7 +5341,7 @@ const Methods = {
                             column: selected.column,
                             columnIndex: this.getColumnIndex(selected.column),
                             $table: this,
-                            $grid: this.$xegrid
+                            $grid: $xeGrid
                         };
                         // 是否被禁用
                         if (!beforeEditMethod || beforeEditMethod(params)) {
@@ -5164,7 +5368,7 @@ const Methods = {
                                 column: selected.column,
                                 columnIndex: this.getColumnIndex(selected.column),
                                 $table: this,
-                                $grid: this.$xegrid
+                                $grid: $xeGrid
                             };
                             // 是否被禁用
                             if (!beforeEditMethod || beforeEditMethod(params)) {
@@ -5193,7 +5397,7 @@ const Methods = {
                             rowIndex: this.getRowIndex(parentRow),
                             $rowIndex: this.getVMRowIndex(parentRow),
                             $table: this,
-                            $grid: this.$xegrid
+                            $grid: $xeGrid
                         };
                         this.setTreeExpand(parentRow, false)
                             .then(() => this.scrollToRow(parentRow))
@@ -5215,7 +5419,7 @@ const Methods = {
                             column: selected.column,
                             columnIndex: this.getColumnIndex(selected.column),
                             $table: this,
-                            $grid: this.$xegrid
+                            $grid: $xeGrid
                         };
                         if (!beforeEditMethod || beforeEditMethod(params)) {
                             if (editMethod) {
@@ -5336,7 +5540,7 @@ const Methods = {
             return;
         }
         if (tooltipStore.column !== column || !tooltipStore.visible) {
-            handleTooltip($xeTable, evnt, thEl, cellEl, null, params);
+            handleTooltip($xeTable, evnt, thEl, thEl.querySelector('.vxe-cell--title') || cellEl, params);
         }
     },
     /**
@@ -5366,7 +5570,7 @@ const Methods = {
             }
         }
         if (tooltipStore.column !== column || tooltipStore.row !== row || !tooltipStore.visible) {
-            handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--wrapper'), null, params);
+            handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
         }
     },
     /**
@@ -5377,10 +5581,10 @@ const Methods = {
         const reactData = $xeTable;
         const { column } = params;
         const { tooltipStore } = reactData;
-        const cell = evnt.currentTarget;
+        const tdEl = evnt.currentTarget;
         handleTargetEnterEvent($xeTable, tooltipStore.column !== column || !!tooltipStore.row);
         if (tooltipStore.column !== column || !tooltipStore.visible) {
-            handleTooltip($xeTable, evnt, cell, cell.querySelector('.vxe-cell--wrapper') || cell.children[0], null, params);
+            handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
         }
     },
     openTooltip(target, content) {
@@ -5437,11 +5641,15 @@ const Methods = {
      * 获取复选框半选状态的行数据
      */
     getCheckboxIndeterminateRecords(isFull) {
-        const { treeConfig, treeIndeterminateMaps, fullDataRowIdData } = this;
+        const $xeTable = this;
+        const props = $xeTable;
+        const internalData = $xeTable;
+        const { treeConfig } = props;
+        const { fullDataRowIdData, treeIndeterminateRowMaps } = internalData;
         if (treeConfig) {
             const fullRest = [];
             const defRest = [];
-            XEUtils.each(treeIndeterminateMaps, (item, rowid) => {
+            XEUtils.each(treeIndeterminateRowMaps, (item, rowid) => {
                 if (item) {
                     fullRest.push(item);
                     if (fullDataRowIdData[rowid]) {
@@ -5456,26 +5664,6 @@ const Methods = {
         }
         return [];
     },
-    /**
-     * 处理默认勾选
-     */
-    handleDefaultSelectionChecked() {
-        const $xeTable = this;
-        const { fullDataRowIdData, checkboxOpts } = this;
-        const { checkAll, checkRowKeys } = checkboxOpts;
-        if (checkAll) {
-            handleCheckedAllCheckboxRow($xeTable, true, true);
-        }
-        else if (checkRowKeys) {
-            const defSelection = [];
-            checkRowKeys.forEach((rowid) => {
-                if (fullDataRowIdData[rowid]) {
-                    defSelection.push(fullDataRowIdData[rowid].row);
-                }
-            });
-            handleCheckedCheckboxRow($xeTable, defSelection, true, true);
-        }
-    },
     handleCheckedCheckboxRow(rows, value, isForce) {
         const $xeTable = this;
         return handleCheckedCheckboxRow($xeTable, rows, value, isForce);
@@ -5511,20 +5699,22 @@ const Methods = {
     isCheckedByCheckboxRow(row) {
         const $xeTable = this;
         const reactData = $xeTable;
-        const { selectCheckboxMaps } = reactData;
+        const internalData = $xeTable;
+        const { updateCheckboxFlag } = reactData;
+        const { selectCheckboxMaps } = internalData;
         const checkboxOpts = $xeTable.computeCheckboxOpts;
         const { checkField } = checkboxOpts;
         if (checkField) {
             return XEUtils.get(row, checkField);
         }
-        return !!selectCheckboxMaps[getRowid($xeTable, row)];
+        return !!updateCheckboxFlag && !!selectCheckboxMaps[getRowid($xeTable, row)];
     },
     isCheckedByCheckboxRowKey(rowid) {
         const $xeTable = this;
         const reactData = $xeTable;
         const internalData = $xeTable;
-        const { selectCheckboxMaps } = reactData;
-        const { fullAllDataRowIdData } = internalData;
+        const { updateCheckboxFlag } = reactData;
+        const { fullAllDataRowIdData, selectCheckboxMaps } = internalData;
         const checkboxOpts = $xeTable.computeCheckboxOpts;
         const { checkField } = checkboxOpts;
         if (checkField) {
@@ -5534,19 +5724,19 @@ const Methods = {
             }
             return false;
         }
-        return !!selectCheckboxMaps[rowid];
+        return !!updateCheckboxFlag && !!selectCheckboxMaps[rowid];
     },
     isIndeterminateByCheckboxRow(row) {
         const $xeTable = this;
-        const reactData = $xeTable;
-        const { treeIndeterminateMaps } = reactData;
-        return !!treeIndeterminateMaps[getRowid($xeTable, row)] && !$xeTable.isCheckedByCheckboxRow(row);
+        const internalData = $xeTable;
+        const { treeIndeterminateRowMaps } = internalData;
+        return !!treeIndeterminateRowMaps[getRowid($xeTable, row)] && !$xeTable.isCheckedByCheckboxRow(row);
     },
     isIndeterminateByCheckboxRowKey(rowid) {
         const $xeTable = this;
-        const reactData = $xeTable;
-        const { treeIndeterminateMaps } = reactData;
-        return !!treeIndeterminateMaps[rowid] && !$xeTable.isCheckedByCheckboxRowKey(rowid);
+        const internalData = $xeTable;
+        const { treeIndeterminateRowMaps } = internalData;
+        return !!treeIndeterminateRowMaps[rowid] && !$xeTable.isCheckedByCheckboxRowKey(rowid);
     },
     /**
      * 切换选中
@@ -5556,14 +5746,15 @@ const Methods = {
         const $xeTable = this;
         const props = $xeTable;
         const reactData = $xeTable;
+        const internalData = $xeTable;
         const { treeConfig } = props;
-        const { selectCheckboxMaps } = reactData;
-        const selectRowMaps = Object.assign({}, selectCheckboxMaps);
+        const { selectCheckboxMaps } = internalData;
         const treeOpts = $xeTable.computeTreeOpts;
         const { transform, mapChildrenField } = treeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const checkboxOpts = $xeTable.computeCheckboxOpts;
         const { checkField, checkStrictly, checkMethod } = checkboxOpts;
+        const { handleGetRowId } = createHandleGetRowId($xeTable);
         // indeterminateField 仅支持读取
         const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
         if (checkField) {
@@ -5578,60 +5769,58 @@ const Methods = {
                         }
                         handleCheckboxReserveRow($xeTable, row, checked);
                     }
-                }, { children: transform ? mapChildrenField : childrenField });
-                reactData.selectCheckboxMaps = selectRowMaps;
-                return;
-            }
-            else {
-                // 列表
-                rows.forEach(row => {
-                    if (isForce || (!checkMethod || checkMethod({ row }))) {
-                        XEUtils.set(row, checkField, checked);
-                        handleCheckboxReserveRow($xeTable, row, checked);
-                    }
-                });
+                }, { children: transform ? mapChildrenField : childrenField });
+                reactData.updateCheckboxFlag++;
+                return;
             }
-            reactData.selectCheckboxMaps = selectRowMaps;
+            // 列表
+            rows.forEach(row => {
+                if (isForce || (!checkMethod || checkMethod({ row }))) {
+                    XEUtils.set(row, checkField, checked);
+                    handleCheckboxReserveRow($xeTable, row, checked);
+                }
+            });
+            reactData.updateCheckboxFlag++;
             return;
         }
         // 树结构
         if (treeConfig && !checkStrictly) {
             // 更新子节点状态
             XEUtils.eachTree(rows, (row) => {
-                const rowid = 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($xeTable, row, checked);
                 }
             }, { children: transform ? mapChildrenField : childrenField });
-            reactData.selectCheckboxMaps = selectRowMaps;
+            reactData.updateCheckboxFlag++;
             return;
         }
         // 列表
         rows.forEach(row => {
-            const rowid = 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($xeTable, row, checked);
+                reactData.updateCheckboxFlag++;
             }
         });
-        reactData.selectCheckboxMaps = selectRowMaps;
     },
     /**
      * 即将移除
@@ -5642,7 +5831,10 @@ const Methods = {
         $xeTable.handleBatchSelectRows([row], checked, isForce);
     },
     handleToggleCheckRowEvent(evnt, params) {
-        const { selectCheckboxMaps, checkboxOpts } = this;
+        const $xeTable = this;
+        const internalData = $xeTable;
+        const { selectCheckboxMaps } = internalData;
+        const checkboxOpts = $xeTable.computeCheckboxOpts;
         const { checkField, trigger } = checkboxOpts;
         const { row } = params;
         if (trigger === 'manual') {
@@ -5653,47 +5845,52 @@ const Methods = {
             checked = !XEUtils.get(row, checkField);
         }
         else {
-            checked = !selectCheckboxMaps[getRowid(this, row)];
+            checked = !selectCheckboxMaps[getRowid($xeTable, row)];
         }
         if (evnt) {
-            this.triggerCheckRowEvent(evnt, params, checked);
+            $xeTable.triggerCheckRowEvent(evnt, params, checked);
         }
         else {
-            this.handleSelectRow(params, checked);
-            this.checkSelectionStatus();
+            $xeTable.handleBatchSelectRows([row], checked);
+            $xeTable.checkSelectionStatus();
         }
     },
     triggerCheckRowEvent(evnt, params, checked) {
         const $xeTable = this;
-        const { checkboxOpts, afterFullData } = this;
-        const { checkMethod, trigger } = checkboxOpts;
+        const props = $xeTable;
+        const internalData = $xeTable;
         const { row } = params;
+        const { afterFullData } = internalData;
+        const checkboxOpts = $xeTable.computeCheckboxOpts;
+        const { checkMethod, trigger } = checkboxOpts;
         if (trigger === 'manual') {
             return;
         }
         evnt.stopPropagation();
-        if (checkboxOpts.isShiftKey && evnt.shiftKey && !this.treeConfig) {
-            const checkboxRecords = this.getCheckboxRecords();
+        if (checkboxOpts.isShiftKey && evnt.shiftKey && !props.treeConfig) {
+            const checkboxRecords = $xeTable.getCheckboxRecords();
             if (checkboxRecords.length) {
                 const firstRow = checkboxRecords[0];
-                const _rowIndex = this.getVTRowIndex(row);
-                const _firstRowIndex = this.getVTRowIndex(firstRow);
+                const _rowIndex = $xeTable.getVTRowIndex(row);
+                const _firstRowIndex = $xeTable.getVTRowIndex(firstRow);
                 if (_rowIndex !== _firstRowIndex) {
-                    this.setAllCheckboxRow(false);
+                    $xeTable.setAllCheckboxRow(false);
                     const rangeRows = _rowIndex < _firstRowIndex ? afterFullData.slice(_rowIndex, _firstRowIndex + 1) : afterFullData.slice(_firstRowIndex, _rowIndex + 1);
-                    handleCheckedCheckboxRow($xeTable, rangeRows, true, false);
-                    this.emitEvent('checkbox-range-select', Object.assign({ rangeRecords: rangeRows }, params), evnt);
+                    $xeTable.$nextTick(() => {
+                        handleCheckedCheckboxRow($xeTable, rangeRows, true, false);
+                    });
+                    $xeTable.dispatchEvent('checkbox-range-select', Object.assign({ rangeRecords: rangeRows }, params), evnt);
                     return;
                 }
             }
         }
         if (!checkMethod || checkMethod({ row })) {
-            this.handleSelectRow(params, checked);
-            this.checkSelectionStatus();
-            this.emitEvent('checkbox-change', Object.assign({
-                records: this.getCheckboxRecords(),
-                reserves: this.getCheckboxReserveRecords(),
-                indeterminates: this.getCheckboxIndeterminateRecords(),
+            $xeTable.handleBatchSelectRows([row], checked);
+            $xeTable.checkSelectionStatus();
+            $xeTable.dispatchEvent('checkbox-change', Object.assign({
+                records: () => $xeTable.getCheckboxRecords(),
+                reserves: () => $xeTable.getCheckboxReserveRecords(),
+                indeterminates: () => $xeTable.getCheckboxIndeterminateRecords(),
                 checked
             }, params), evnt);
         }
@@ -5703,7 +5900,9 @@ const Methods = {
      */
     toggleCheckboxRow(row) {
         const $xeTable = this;
-        const { selectCheckboxMaps, checkboxOpts } = this;
+        const internalData = $xeTable;
+        const { selectCheckboxMaps } = internalData;
+        const checkboxOpts = $xeTable.computeCheckboxOpts;
         const { checkField } = checkboxOpts;
         const checked = checkField ? !XEUtils.get(row, checkField) : !selectCheckboxMaps[getRowid($xeTable, row)];
         $xeTable.handleBatchSelectRows([row], checked, true);
@@ -5724,9 +5923,7 @@ const Methods = {
         const reactData = $xeTable;
         const internalData = $xeTable;
         const { treeConfig } = props;
-        const { selectCheckboxMaps, treeIndeterminateMaps } = reactData;
-        const selectRowMaps = Object.assign({}, selectCheckboxMaps);
-        const halfRowMaps = Object.assign({}, treeIndeterminateMaps);
+        const { selectCheckboxMaps, treeIndeterminateRowMaps } = internalData;
         const treeOpts = $xeTable.computeTreeOpts;
         const { transform, mapChildrenField } = treeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
@@ -5738,10 +5935,11 @@ const Methods = {
         }
         // 树结构
         if (treeConfig) {
+            const { handleGetRowId } = createHandleGetRowId($xeTable);
             const childRowMaps = {};
             const childRowList = [];
             XEUtils.eachTree(afterTreeFullData, (row) => {
-                const rowid = getRowid($xeTable, row);
+                const rowid = handleGetRowId(row);
                 const childList = row[transform ? mapChildrenField : childrenField];
                 if (childList && childList.length && !childRowMaps[rowid]) {
                     childRowMaps[rowid] = 1;
@@ -5757,13 +5955,13 @@ const Methods = {
                 let vLen = 0; // 有效行
                 childList.forEach(checkMethod
                     ? (item) => {
-                        const childRowid = getRowid($xeTable, item);
-                        const isSelect = checkField ? XEUtils.get(item, checkField) : selectRowMaps[childRowid];
+                        const childRowid = handleGetRowId(item);
+                        const isSelect = checkField ? XEUtils.get(item, checkField) : selectCheckboxMaps[childRowid];
                         if (checkMethod({ row: item })) {
                             if (isSelect) {
                                 sLen++;
                             }
-                            else if (halfRowMaps[childRowid]) {
+                            else if (treeIndeterminateRowMaps[childRowid]) {
                                 hLen++;
                             }
                             vLen++;
@@ -5772,18 +5970,18 @@ const Methods = {
                             if (isSelect) {
                                 sLen++;
                             }
-                            else if (halfRowMaps[childRowid]) {
+                            else if (treeIndeterminateRowMaps[childRowid]) {
                                 hLen++;
                             }
                         }
                     }
                     : item => {
-                        const childRowid = getRowid($xeTable, item);
-                        const isSelect = checkField ? XEUtils.get(item, checkField) : selectRowMaps[childRowid];
+                        const childRowid = handleGetRowId(item);
+                        const isSelect = checkField ? XEUtils.get(item, checkField) : selectCheckboxMaps[childRowid];
                         if (isSelect) {
                             sLen++;
                         }
-                        else if (halfRowMaps[childRowid]) {
+                        else if (treeIndeterminateRowMaps[childRowid]) {
                             hLen++;
                         }
                         vLen++;
@@ -5795,31 +5993,30 @@ const Methods = {
                 }
                 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 $xeTable = this;
@@ -5827,23 +6024,23 @@ const Methods = {
         const reactData = $xeTable;
         const internalData = $xeTable;
         const { treeConfig } = props;
-        const { selectCheckboxMaps, treeIndeterminateMaps } = reactData;
+        const { afterFullData, afterTreeFullData, checkboxReserveRowMap, selectCheckboxMaps, treeIndeterminateRowMaps } = internalData;
         const checkboxOpts = $xeTable.computeCheckboxOpts;
         const { checkField, checkMethod, showReserveStatus } = checkboxOpts;
-        const { afterFullData, afterTreeFullData, checkboxReserveRowMap } = internalData;
+        const { handleGetRowId } = createHandleGetRowId($xeTable);
         let sLen = 0; // 已选
         let hLen = 0; // 半选
         let vLen = 0; // 有效行
         const rootList = (treeConfig ? afterTreeFullData : afterFullData);
         rootList.forEach(checkMethod
             ? row => {
-                const childRowid = getRowid($xeTable, row);
+                const childRowid = handleGetRowId(row);
                 const selected = checkField ? XEUtils.get(row, checkField) : selectCheckboxMaps[childRowid];
                 if (checkMethod({ row })) {
                     if (selected) {
                         sLen++;
                     }
-                    else if (treeIndeterminateMaps[childRowid]) {
+                    else if (treeIndeterminateRowMaps[childRowid]) {
                         hLen++;
                     }
                     vLen++;
@@ -5852,18 +6049,18 @@ const Methods = {
                     if (selected) {
                         sLen++;
                     }
-                    else if (treeIndeterminateMaps[childRowid]) {
+                    else if (treeIndeterminateRowMaps[childRowid]) {
                         hLen++;
                     }
                 }
             }
             : row => {
-                const childRowid = getRowid($xeTable, row);
+                const childRowid = handleGetRowId(row);
                 const selected = checkField ? XEUtils.get(row, checkField) : selectCheckboxMaps[childRowid];
                 if (selected) {
                     sLen++;
                 }
-                else if (treeIndeterminateMaps[childRowid]) {
+                else if (treeIndeterminateRowMaps[childRowid]) {
                     hLen++;
                 }
                 vLen++;
@@ -5920,19 +6117,26 @@ const Methods = {
      * 获取复选框保留选中的行
      */
     getCheckboxReserveRecords(isFull) {
-        const { fullDataRowIdData, afterFullData, checkboxReserveRowMap, checkboxOpts, treeConfig, treeOpts } = this;
+        const $xeTable = this;
+        const props = $xeTable;
+        const internalData = $xeTable;
+        const { treeConfig } = props;
+        const { afterFullData, fullDataRowIdData, checkboxReserveRowMap } = internalData;
+        const checkboxOpts = $xeTable.computeCheckboxOpts;
+        const treeOpts = $xeTable.computeTreeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const reserveSelection = [];
         if (checkboxOpts.reserve) {
+            const { handleGetRowId } = createHandleGetRowId($xeTable);
             const afterFullIdMaps = {};
             if (treeConfig) {
                 XEUtils.eachTree(afterFullData, row => {
-                    afterFullIdMaps[getRowid(this, row)] = 1;
+                    afterFullIdMaps[handleGetRowId(row)] = 1;
                 }, { children: childrenField });
             }
             else {
                 afterFullData.forEach((row) => {
-                    afterFullIdMaps[getRowid(this, row)] = 1;
+                    afterFullIdMaps[handleGetRowId(row)] = 1;
                 });
             }
             XEUtils.each(checkboxReserveRowMap, (oldRow, oldRowid) => {
@@ -5973,9 +6177,9 @@ const Methods = {
         handleCheckedAllCheckboxRow($xeTable, value);
         if (evnt) {
             $xeTable.dispatchEvent('checkbox-all', {
-                records: $xeTable.getCheckboxRecords(),
-                reserves: $xeTable.getCheckboxReserveRecords(),
-                indeterminates: $xeTable.getCheckboxIndeterminateRecords(),
+                records: () => $xeTable.getCheckboxRecords(),
+                reserves: () => $xeTable.getCheckboxReserveRecords(),
+                indeterminates: () => $xeTable.getCheckboxIndeterminateRecords(),
                 checked: value
             }, evnt);
         }
@@ -6007,9 +6211,16 @@ const Methods = {
      * 清空行为不管是否被禁用还是保留记录，都将彻底清空选中状态
      */
     clearCheckboxRow() {
-        const { tableFullData, treeConfig, treeOpts, checkboxOpts } = this;
-        const { checkField, reserve } = checkboxOpts;
+        const $xeTable = this;
+        const props = $xeTable;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
+        const { treeConfig } = props;
+        const { tableFullData } = internalData;
+        const treeOpts = $xeTable.computeTreeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
+        const checkboxOpts = $xeTable.computeCheckboxOpts;
+        const { checkField, reserve } = checkboxOpts;
         // indeterminateField 仅支持读取
         const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
         if (checkField) {
@@ -6029,29 +6240,13 @@ const Methods = {
         if (reserve) {
             tableFullData.forEach((row) => this.handleCheckboxReserveRow(row, false));
         }
-        this.isAllSelected = false;
-        this.isIndeterminate = false;
-        this.selectCheckboxMaps = {};
-        this.treeIndeterminateMaps = {};
+        reactData.isAllSelected = false;
+        reactData.isIndeterminate = false;
+        internalData.selectCheckboxMaps = {};
+        internalData.treeIndeterminateRowMaps = {};
+        reactData.updateCheckboxFlag++;
         return this.$nextTick();
     },
-    /**
-     * 处理单选框默认勾选
-     */
-    handleDefaultRadioChecked() {
-        const $xeTable = this;
-        const { radioOpts, fullDataRowIdData } = this;
-        const { checkRowKey: rowid, reserve } = radioOpts;
-        if (rowid) {
-            if (fullDataRowIdData[rowid]) {
-                handleCheckedRadioRow($xeTable, fullDataRowIdData[rowid].row, true);
-            }
-            if (reserve) {
-                const rowkey = getRowkey(this);
-                this.radioReserveRow = { [rowkey]: rowid };
-            }
-        }
-    },
     /**
      * 单选，行选中事件
      */
@@ -6229,10 +6424,12 @@ const Methods = {
     },
     triggerHeaderCellClickEvent(evnt, params) {
         const $xeTable = this;
+        const props = $xeTable;
         const internalData = $xeTable;
         const { _lastResizeTime } = internalData;
         const sortOpts = $xeTable.computeSortOpts;
         const columnOpts = $xeTable.computeColumnOpts;
+        const currentColumnOpts = $xeTable.computeCurrentColumnOpts;
         const { column } = params;
         const cell = evnt.currentTarget;
         const triggerResizable = _lastResizeTime && _lastResizeTime > Date.now() - 300;
@@ -6242,7 +6439,7 @@ const Methods = {
             $xeTable.triggerSortEvent(evnt, column, getNextSortOrder($xeTable, column));
         }
         $xeTable.dispatchEvent('header-cell-click', Object.assign({ triggerResizable, triggerSort, triggerFilter, cell }, params), evnt);
-        if (columnOpts.isCurrent || $xeTable.highlightCurrentColumn) {
+        if ((columnOpts.isCurrent || props.highlightCurrentColumn) && (!currentColumnOpts.trigger || ['header', 'default'].includes(currentColumnOpts.trigger))) {
             $xeTable.triggerCurrentColumnEvent(evnt, params);
         }
         return $xeTable.$nextTick();
@@ -6258,13 +6455,23 @@ const Methods = {
      * @param {ColumnInfo} fieldOrColumn 列配置
      */
     setCurrentColumn(fieldOrColumn) {
-        const column = handleFieldOrColumn(this, fieldOrColumn);
+        const $xeTable = this;
+        const props = $xeTable;
+        const reactData = $xeTable;
+        const { mouseConfig } = props;
+        const mouseOpts = $xeTable.computeMouseOpts;
+        const isMouseSelected = mouseConfig && mouseOpts.selected;
+        const column = handleFieldOrColumn($xeTable, fieldOrColumn);
         if (column) {
-            // this.clearCurrentRow()
-            this.clearCurrentColumn();
-            this.currentColumn = column;
+            $xeTable.clearCurrentColumn();
+            reactData.currentColumn = column;
         }
-        return this.$nextTick();
+        return $xeTable.$nextTick().then(() => {
+            // 更新状选中态
+            if (isMouseSelected) {
+                $xeTable.addCellSelectedClass();
+            }
+        });
     },
     /**
      * 用于当前列，手动清空当前高亮的状态
@@ -6273,25 +6480,6 @@ const Methods = {
         this.currentColumn = null;
         return this.$nextTick();
     },
-    checkValidate(type) {
-        if (this.triggerValidate) {
-            return this.triggerValidate(type);
-        }
-        return this.$nextTick();
-    },
-    /**
-     * 当单元格发生改变时
-     * 如果存在规则，则校验
-     */
-    handleChangeCell(evnt, params) {
-        this.checkValidate('blur')
-            .catch((e) => e)
-            .then(() => {
-            this.handleEdit(params, evnt)
-                .then(() => this.checkValidate('change'))
-                .catch((e) => e);
-        });
-    },
     /**
      * 列点击事件
      * 如果是单击模式，则激活为编辑状态
@@ -6301,7 +6489,7 @@ const Methods = {
         const $xeTable = this;
         const props = $xeTable;
         const reactData = $xeTable;
-        const { highlightCurrentRow, editConfig } = props;
+        const { highlightCurrentRow, highlightCurrentColumn, editConfig } = props;
         const { editStore, isDragResize } = reactData;
         if (isDragResize) {
             return;
@@ -6313,6 +6501,8 @@ const Methods = {
         const checkboxOpts = $xeTable.computeCheckboxOpts;
         const keyboardOpts = $xeTable.computeKeyboardOpts;
         const rowOpts = $xeTable.computeRowOpts;
+        const columnOpts = $xeTable.computeColumnOpts;
+        const currentColumnOpts = $xeTable.computeCurrentColumnOpts;
         const { actived, focused } = editStore;
         const { row, column } = params;
         const { type, treeNode } = column;
@@ -6328,11 +6518,11 @@ const Methods = {
         if (!triggerCheckbox && !triggerRadio) {
             // 如果是展开行
             if (!triggerExpandNode && (expandOpts.trigger === 'row' || (isExpandType && expandOpts.trigger === 'cell'))) {
-                this.triggerRowExpandEvent(evnt, params);
+                $xeTable.triggerRowExpandEvent(evnt, params);
             }
             // 如果是树形表格
             if ((treeOpts.trigger === 'row' || (treeNode && treeOpts.trigger === 'cell'))) {
-                this.triggerTreeExpandEvent(evnt, params);
+                $xeTable.triggerTreeExpandEvent(evnt, params);
             }
         }
         // 如果点击了树节点
@@ -6341,16 +6531,22 @@ const Methods = {
                 // 如果是高亮行
                 if (rowOpts.isCurrent || highlightCurrentRow) {
                     if (!triggerCheckbox && !triggerRadio) {
-                        this.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'))) {
-                    this.triggerRadioRowEvent(evnt, params);
+                    $xeTable.triggerRadioRowEvent(evnt, params);
                 }
                 // 如果是复选框
                 if (!triggerCheckbox && (checkboxOpts.trigger === 'row' || (isCheckboxType && checkboxOpts.trigger === 'cell'))) {
-                    this.handleToggleCheckRowEvent(evnt, params);
+                    $xeTable.handleToggleCheckRowEvent(evnt, params);
                 }
             }
             // 如果设置了单元格选中功能，则不会使用点击事件去处理（只能支持双击模式）
@@ -6362,16 +6558,16 @@ const Methods = {
                 }
                 if (editOpts.trigger === 'manual') {
                     if (actived.args && actived.row === row && column !== actived.column) {
-                        this.handleChangeCell(evnt, params);
+                        handleChangeCell($xeTable, evnt, params);
                     }
                 }
                 else if (!actived.args || row !== actived.row || column !== actived.column) {
                     if (editOpts.trigger === 'click') {
-                        this.handleChangeCell(evnt, params);
+                        handleChangeCell($xeTable, evnt, params);
                     }
                     else if (editOpts.trigger === 'dblclick') {
                         if (editOpts.mode === 'row' && actived.row === row) {
-                            this.handleChangeCell(evnt, params);
+                            handleChangeCell($xeTable, evnt, params);
                         }
                     }
                 }
@@ -6392,7 +6588,7 @@ const Methods = {
                 }
             }
         }
-        this.emitEvent('cell-click', params, evnt);
+        $xeTable.dispatchEvent('cell-click', params, evnt);
     },
     /**
      * 列双击点击事件
@@ -6414,48 +6610,23 @@ const Methods = {
         if (isEnableConf(editConfig) && editOpts.trigger === 'dblclick') {
             if (!actived.args || evnt.currentTarget !== actived.args.cell) {
                 if (editOpts.mode === 'row') {
-                    this.checkValidate('blur')
+                    checkValidate($xeTable, 'blur')
                         .catch((e) => e)
                         .then(() => {
                         this.handleEdit(params, evnt)
-                            .then(() => this.checkValidate('change'))
+                            .then(() => checkValidate($xeTable, 'change'))
                             .catch((e) => e);
                     });
                 }
                 else if (editOpts.mode === 'cell') {
                     this.handleEdit(params, evnt)
-                        .then(() => this.checkValidate('change'))
+                        .then(() => checkValidate($xeTable, 'change'))
                         .catch((e) => e);
                 }
             }
         }
         this.emitEvent('cell-dblclick', params, evnt);
     },
-    handleDefaultSort() {
-        const $xeTable = this;
-        const { sortConfig, sortOpts } = this;
-        let { defaultSort } = sortOpts;
-        if (defaultSort) {
-            if (!XEUtils.isArray(defaultSort)) {
-                defaultSort = [defaultSort];
-            }
-            if (defaultSort.length) {
-                (sortConfig.multiple ? defaultSort : defaultSort.slice(0, 1)).forEach((item, index) => {
-                    const { field, order } = item;
-                    if (field && order) {
-                        const column = this.getColumnByField(field);
-                        if (column && column.sortable) {
-                            column.order = order;
-                            column.sortTime = Date.now() + index;
-                        }
-                    }
-                });
-                if (!sortOpts.remote) {
-                    this.handleTableData(true).then(() => updateStyle($xeTable));
-                }
-            }
-        }
-    },
     handleColumnSortEvent(evnt, column) {
         const $xeTable = this;
         const props = $xeTable;
@@ -6610,12 +6781,11 @@ const Methods = {
         const internalData = $xeTable;
         const { treeConfig, dragConfig } = props;
         const rowDragOpts = $xeTable.computeRowDragOpts;
-        const { fullAllDataRowIdData } = internalData;
+        const { afterFullData, tableFullData, fullAllDataRowIdData } = internalData;
         const { isPeerDrag, isCrossDrag, isSelfToChildDrag, dragEndMethod, dragToChildMethod } = rowDragOpts;
         const treeOpts = $xeTable.computeTreeOpts;
         const { transform, rowField, mapChildrenField, 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 = {
@@ -7219,48 +7389,52 @@ const Methods = {
     setPendingRow(rows, status) {
         const $xeTable = this;
         const reactData = $xeTable;
-        const pendingMaps = Object.assign({}, reactData.pendingRowMaps);
+        const internalData = $xeTable;
+        const { handleGetRowId } = createHandleGetRowId($xeTable);
+        const { pendingRowMaps } = internalData;
         if (rows && !XEUtils.isArray(rows)) {
             rows = [rows];
         }
         if (status) {
             rows.forEach((row) => {
-                const rowid = 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 = 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 $xeTable.$nextTick();
     },
     togglePendingRow(rows) {
         const $xeTable = this;
         const reactData = $xeTable;
-        const pendingMaps = Object.assign({}, reactData.pendingRowMaps);
+        const internalData = $xeTable;
+        const { handleGetRowId } = createHandleGetRowId($xeTable);
+        const { pendingRowMaps } = internalData;
         if (rows && !XEUtils.isArray(rows)) {
             rows = [rows];
         }
         rows.forEach((row) => {
-            const rowid = 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 $xeTable.$nextTick();
     },
     hasPendingByRow(row) {
@@ -7276,10 +7450,8 @@ const Methods = {
     },
     getPendingRecords() {
         const $xeTable = this;
-        const reactData = $xeTable;
         const internalData = $xeTable;
-        const { pendingRowMaps } = reactData;
-        const { fullAllDataRowIdData } = internalData;
+        const { fullAllDataRowIdData, pendingRowMaps } = internalData;
         const insertRecords = [];
         XEUtils.each(pendingRowMaps, (row, rowid) => {
             if (fullAllDataRowIdData[rowid]) {
@@ -7289,8 +7461,12 @@ const Methods = {
         return insertRecords;
     },
     clearPendingRow() {
-        this.pendingRowMaps = {};
-        return this.$nextTick();
+        const $xeTable = this;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
+        internalData.pendingRowMaps = {};
+        reactData.pendingRowFlag++;
+        return $xeTable.$nextTick();
     },
     sort(sortConfs, sortOrder) {
         const $xeTable = this;
@@ -7441,7 +7617,9 @@ const Methods = {
      * @param {Event} evnt 事件
      */
     closeFilter() {
-        const { filterStore } = this;
+        const $xeTable = this;
+        const reactData = $xeTable;
+        const { filterStore } = reactData;
         const { column, visible } = filterStore;
         Object.assign(filterStore, {
             isAllSelected: false,
@@ -7450,9 +7628,15 @@ const Methods = {
             visible: false
         });
         if (visible) {
-            this.emitEvent('filter-visible', { column, field: column.field, property: column.field, filterList: this.getCheckedFilters(), visible: false }, null);
+            $xeTable.dispatchEvent('filter-visible', {
+                column,
+                field: column.field,
+                property: column.field,
+                filterList: () => $xeTable.getCheckedFilters(),
+                visible: false
+            }, null);
         }
-        return this.$nextTick();
+        return $xeTable.$nextTick();
     },
     /**
      * 判断指定列是否为筛选状态，如果为空则判断所有列
@@ -7483,17 +7667,16 @@ const Methods = {
         const $xeTable = this;
         const reactData = $xeTable;
         const internalData = $xeTable;
-        const rExpandLazyLoadedMaps = Object.assign({}, reactData.rowExpandLazyLoadedMaps);
-        const { fullAllDataRowIdData } = internalData;
+        const { fullAllDataRowIdData, rowExpandLazyLoadedMaps } = internalData;
         const expandOpts = $xeTable.computeExpandOpts;
         const { lazy } = expandOpts;
         const rowid = getRowid($xeTable, row);
         const rowRest = fullAllDataRowIdData[rowid];
         if (lazy && rowRest) {
             rowRest.expandLoaded = false;
-            delete rExpandLazyLoadedMaps[rowid];
+            delete rowExpandLazyLoadedMaps[rowid];
         }
-        reactData.rowExpandLazyLoadedMaps = rExpandLazyLoadedMaps;
+        reactData.rowExpandedFlag++;
         return $xeTable.$nextTick();
     },
     /**
@@ -7501,14 +7684,17 @@ const Methods = {
      * @param {Row} row 行对象
      */
     reloadRowExpand(row) {
-        const { expandOpts, rowExpandLazyLoadedMaps } = this;
+        const $xeTable = this;
+        const internalData = $xeTable;
+        const { rowExpandLazyLoadedMaps } = internalData;
+        const expandOpts = $xeTable.computeExpandOpts;
         const { lazy } = expandOpts;
         const rowid = getRowid(this, row);
         if (lazy && !rowExpandLazyLoadedMaps[rowid]) {
-            this.clearRowExpandLoaded(row)
-                .then(() => this.handleAsyncRowExpand(row));
+            $xeTable.clearRowExpandLoaded(row)
+                .then(() => handleAsyncRowExpand($xeTable, row));
         }
-        return this.$nextTick();
+        return $xeTable.$nextTick();
     },
     reloadExpandContent(row) {
         if (process.env.NODE_ENV === 'development') {
@@ -7521,20 +7707,33 @@ const Methods = {
      * 展开行事件
      */
     triggerRowExpandEvent(evnt, params) {
-        const { expandOpts, rowExpandLazyLoadedMaps, expandColumn: column } = this;
+        const $xeTable = this;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
+        const { expandColumn: column } = reactData;
+        const { rowExpandLazyLoadedMaps } = internalData;
+        const expandOpts = $xeTable.computeExpandOpts;
         const { row } = params;
         const { lazy, trigger } = expandOpts;
         if (trigger === 'manual') {
             return;
         }
         evnt.stopPropagation();
-        const rowid = getRowid(this, row);
+        const rowid = getRowid($xeTable, row);
         if (!lazy || !rowExpandLazyLoadedMaps[rowid]) {
-            const expanded = !this.isRowExpandByRow(row);
-            const columnIndex = this.getColumnIndex(column);
-            const $columnIndex = this.getVMColumnIndex(column);
-            this.setRowExpand(row, expanded);
-            this.emitEvent('toggle-row-expand', { expanded, column, columnIndex, $columnIndex, row, rowIndex: this.getRowIndex(row), $rowIndex: this.getVMRowIndex(row) }, evnt);
+            const expanded = !$xeTable.isRowExpandByRow(row);
+            const columnIndex = $xeTable.getColumnIndex(column);
+            const $columnIndex = $xeTable.getVMColumnIndex(column);
+            $xeTable.setRowExpand(row, expanded);
+            $xeTable.dispatchEvent('toggle-row-expand', {
+                expanded,
+                column,
+                columnIndex,
+                $columnIndex,
+                row,
+                rowIndex: $xeTable.getRowIndex(row),
+                $rowIndex: $xeTable.getVMRowIndex(row)
+            }, evnt);
         }
     },
     /**
@@ -7543,25 +7742,6 @@ const Methods = {
     toggleRowExpand(row) {
         return this.setRowExpand(row, !this.isRowExpandByRow(row));
     },
-    /**
-     * 处理默认展开行
-     */
-    handleDefaultRowExpand() {
-        const { expandOpts, fullDataRowIdData } = this;
-        const { expandAll, expandRowKeys } = expandOpts;
-        if (expandAll) {
-            this.setAllRowExpand(true);
-        }
-        else if (expandRowKeys) {
-            const defExpandeds = [];
-            expandRowKeys.forEach((rowid) => {
-                if (fullDataRowIdData[rowid]) {
-                    defExpandeds.push(fullDataRowIdData[rowid].row);
-                }
-            });
-            this.setRowExpand(defExpandeds, true);
-        }
-    },
     /**
      * 设置所有行的展开与否
      * @param {Boolean} expanded 是否展开
@@ -7580,48 +7760,6 @@ const Methods = {
         }
         return this.setRowExpand(expandedRows, expanded);
     },
-    handleAsyncRowExpand(row) {
-        const $xeTable = this;
-        const reactData = $xeTable;
-        const internalData = $xeTable;
-        return new Promise(resolve => {
-            const { expandOpts } = this;
-            const { loadMethod } = expandOpts;
-            if (loadMethod) {
-                const { fullAllDataRowIdData } = internalData;
-                const rExpandLazyLoadedMaps = Object.assign({}, reactData.rowExpandLazyLoadedMaps);
-                const rowid = getRowid($xeTable, row);
-                const rowRest = fullAllDataRowIdData[rowid];
-                rExpandLazyLoadedMaps[rowid] = row;
-                reactData.rowExpandLazyLoadedMaps = rExpandLazyLoadedMaps;
-                loadMethod({ $table: $xeTable, row, rowIndex: $xeTable.getRowIndex(row), $rowIndex: $xeTable.getVMRowIndex(row) }).then(() => {
-                    const rExpandedMaps = Object.assign({}, reactData.rowExpandedMaps);
-                    if (rowRest) {
-                        rowRest.expandLoaded = true;
-                    }
-                    rExpandedMaps[rowid] = row;
-                    reactData.rowExpandedMaps = rExpandedMaps;
-                }).catch(() => {
-                    if (rowRest) {
-                        rowRest.expandLoaded = false;
-                    }
-                }).finally(() => {
-                    const rExpandLazyLoadedMaps = Object.assign({}, reactData.rowExpandLazyLoadedMaps);
-                    if (rExpandLazyLoadedMaps[rowid]) {
-                        delete rExpandLazyLoadedMaps[rowid];
-                    }
-                    reactData.rowExpandLazyLoadedMaps = rExpandLazyLoadedMaps;
-                    $xeTable.$nextTick()
-                        .then(() => $xeTable.recalculate())
-                        .then(() => $xeTable.updateCellAreas())
-                        .then(() => resolve());
-                });
-            }
-            else {
-                resolve();
-            }
-        });
-    },
     /**
      * 设置展开行，二个参数设置这一行展开与否
      * 支持单行
@@ -7631,8 +7769,12 @@ const Methods = {
      */
     setRowExpand(rows, expanded) {
         const $xeTable = this;
-        const { rowExpandedMaps, fullAllDataRowIdData, rowExpandLazyLoadedMaps, expandOpts, expandColumn } = this;
-        let rExpandedMaps = Object.assign({}, rowExpandedMaps);
+        const reactData = $xeTable;
+        const internalData = $xeTable;
+        const { expandColumn } = reactData;
+        let { fullAllDataRowIdData, rowExpandedMaps, rowExpandLazyLoadedMaps } = internalData;
+        const { handleGetRowId } = createHandleGetRowId($xeTable);
+        const expandOpts = $xeTable.computeExpandOpts;
         const { reserve, lazy, accordion, toggleMethod } = expandOpts;
         const lazyRests = [];
         const columnIndex = $xeTable.getColumnIndex(expandColumn);
@@ -7643,30 +7785,31 @@ const Methods = {
             }
             if (accordion) {
                 // 只能同时展开一个
-                rExpandedMaps = {};
+                rowExpandedMaps = {};
+                internalData.rowExpandedMaps = rowExpandedMaps;
                 rows = rows.slice(rows.length - 1, rows.length);
             }
-            const validRows = toggleMethod ? rows.filter((row) => toggleMethod({ expanded, column: expandColumn, columnIndex, $columnIndex, row, rowIndex: this.getRowIndex(row), $rowIndex: this.getVMRowIndex(row) })) : rows;
+            const validRows = toggleMethod ? rows.filter((row) => toggleMethod({ $table: $xeTable, expanded, column: expandColumn, columnIndex, $columnIndex, row, rowIndex: this.getRowIndex(row), $rowIndex: this.getVMRowIndex(row) })) : rows;
             if (expanded) {
                 validRows.forEach((row) => {
-                    const rowid = getRowid(this, 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(this.handleAsyncRowExpand(row));
+                            lazyRests.push(handleAsyncRowExpand($xeTable, row));
                         }
                         else {
-                            rExpandedMaps[rowid] = row;
+                            rowExpandedMaps[rowid] = row;
                         }
                     }
                 });
             }
             else {
                 validRows.forEach((item) => {
-                    const rowid = getRowid(this, item);
-                    if (rExpandedMaps[rowid]) {
-                        delete rExpandedMaps[rowid];
+                    const rowid = handleGetRowId(item);
+                    if (rowExpandedMaps[rowid]) {
+                        delete rowExpandedMaps[rowid];
                     }
                 });
             }
@@ -7674,7 +7817,7 @@ const Methods = {
                 validRows.forEach((row) => handleRowExpandReserve($xeTable, row, expanded));
             }
         }
-        this.rowExpandedMaps = rExpandedMaps;
+        reactData.rowExpandedFlag++;
         return Promise.all(lazyRests)
             .then(() => $xeTable.$nextTick())
             .then(() => $xeTable.recalculate(true))
@@ -7690,9 +7833,13 @@ const Methods = {
      * @param {Row} row 行对象
      */
     isRowExpandByRow(row) {
-        const { rowExpandedMaps } = this;
+        const $xeTable = this;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
+        const { rowExpandedFlag } = reactData;
+        const { rowExpandedMaps } = internalData;
         const rowid = getRowid(this, row);
-        return !!rowExpandedMaps[rowid];
+        return !!rowExpandedFlag && !!rowExpandedMaps[rowid];
     },
     isExpandByRow(row) {
         if (process.env.NODE_ENV === 'development') {
@@ -7712,7 +7859,8 @@ const Methods = {
         const expandOpts = $xeTable.computeExpandOpts;
         const { reserve } = expandOpts;
         const expList = $xeTable.getRowExpandRecords();
-        reactData.rowExpandedMaps = {};
+        internalData.rowExpandedMaps = {};
+        reactData.rowExpandedFlag++;
         if (reserve) {
             tableFullData.forEach((row) => handleRowExpandReserve($xeTable, row, false));
         }
@@ -7732,8 +7880,10 @@ const Methods = {
         return this.$nextTick();
     },
     getRowExpandRecords() {
+        const $xeTable = this;
+        const internalData = $xeTable;
         const rest = [];
-        XEUtils.each(this.rowExpandedMaps, item => {
+        XEUtils.each(internalData.rowExpandedMaps, item => {
             if (item) {
                 rest.push(item);
             }
@@ -7741,8 +7891,10 @@ const Methods = {
         return rest;
     },
     getTreeExpandRecords() {
+        const $xeTable = this;
+        const internalData = $xeTable;
         const rest = [];
-        XEUtils.each(this.treeExpandedMaps, item => {
+        XEUtils.each(internalData.treeExpandedMaps, item => {
             if (item) {
                 rest.push(item);
             }
@@ -7775,12 +7927,10 @@ const Methods = {
         const $xeTable = this;
         const reactData = $xeTable;
         const internalData = $xeTable;
-        const { fullAllDataRowIdData } = internalData;
+        const { fullAllDataRowIdData, treeExpandedMaps } = internalData;
         const treeOpts = $xeTable.computeTreeOpts;
         const { transform } = treeOpts;
-        let tExpandedMaps = {};
         if (rows) {
-            tExpandedMaps = Object.assign({}, reactData.treeExpandedMaps);
             if (!XEUtils.isArray(rows)) {
                 rows = [rows];
             }
@@ -7789,8 +7939,8 @@ const Methods = {
                 const rowRest = fullAllDataRowIdData[rowid];
                 if (rowRest) {
                     rowRest.treeLoaded = false;
-                    if (tExpandedMaps[rowid]) {
-                        delete tExpandedMaps[rowid];
+                    if (treeExpandedMaps[rowid]) {
+                        delete treeExpandedMaps[rowid];
                     }
                 }
             });
@@ -7800,7 +7950,8 @@ const Methods = {
                 rowRest.treeLoaded = false;
             });
         }
-        reactData.treeExpandedMaps = {};
+        internalData.treeExpandedMaps = {};
+        reactData.treeExpandedFlag++;
         if (transform) {
             handleVirtualTreeToList($xeTable);
             return $xeTable.handleTableData();
@@ -7813,36 +7964,42 @@ const Methods = {
      */
     reloadTreeExpand(row) {
         const $xeTable = this;
-        const { treeOpts, treeExpandLazyLoadedMaps } = this;
+        const internalData = $xeTable;
+        const { treeExpandLazyLoadedMaps } = internalData;
+        const treeOpts = $xeTable.computeTreeOpts;
         const { transform, lazy } = treeOpts;
         const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
-        const rowid = getRowid(this, row);
+        const rowid = getRowid($xeTable, row);
         if (lazy && row[hasChildField] && !treeExpandLazyLoadedMaps[rowid]) {
-            return this.clearTreeExpandLoaded(row).then(() => {
-                return this.handleAsyncTreeExpandChilds(row);
+            return $xeTable.clearTreeExpandLoaded(row).then(() => {
+                return handleAsyncTreeExpandChilds($xeTable, row);
             }).then(() => {
                 if (transform) {
                     handleVirtualTreeToList($xeTable);
-                    return this.handleTableData();
+                    return $xeTable.handleTableData();
                 }
             }).then(() => {
-                return this.recalculate();
+                return $xeTable.recalculate();
             });
         }
-        return this.$nextTick();
+        return $xeTable.$nextTick();
     },
     reloadTreeChilds(row) {
+        const $xeTable = this;
         if (process.env.NODE_ENV === 'development') {
             warnLog('vxe.error.delFunc', ['reloadTreeChilds', 'reloadTreeExpand']);
         }
         // 即将废弃
-        return this.reloadTreeExpand(row);
+        return $xeTable.reloadTreeExpand(row);
     },
     /**
      * 展开树节点事件
      */
     triggerTreeExpandEvent(evnt, params) {
-        const { treeOpts, treeExpandLazyLoadedMaps } = this;
+        const $xeTable = this;
+        const internalData = $xeTable;
+        const { treeExpandLazyLoadedMaps } = internalData;
+        const treeOpts = $xeTable.computeTreeOpts;
         const { row, column } = params;
         const { lazy, trigger } = treeOpts;
         if (trigger === 'manual') {
@@ -7851,11 +8008,11 @@ const Methods = {
         evnt.stopPropagation();
         const rowid = getRowid(this, row);
         if (!lazy || !treeExpandLazyLoadedMaps[rowid]) {
-            const expanded = !this.isTreeExpandByRow(row);
-            const columnIndex = this.getColumnIndex(column);
-            const $columnIndex = this.getVMColumnIndex(column);
-            this.setTreeExpand(row, expanded);
-            this.emitEvent('toggle-tree-expand', { expanded, column, columnIndex, $columnIndex, row }, evnt);
+            const expanded = !$xeTable.isTreeExpandByRow(row);
+            const columnIndex = $xeTable.getColumnIndex(column);
+            const $columnIndex = $xeTable.getVMColumnIndex(column);
+            $xeTable.setTreeExpand(row, expanded);
+            $xeTable.dispatchEvent('toggle-tree-expand', { expanded, column, columnIndex, $columnIndex, row }, evnt);
         }
     },
     /**
@@ -7864,87 +8021,6 @@ const Methods = {
     toggleTreeExpand(row) {
         return this.setTreeExpand(row, !this.isTreeExpandByRow(row));
     },
-    /**
-     * 处理默认展开树节点
-     */
-    handleDefaultTreeExpand() {
-        const { treeConfig, treeOpts, tableFullData } = this;
-        if (treeConfig) {
-            const { expandAll, expandRowKeys } = treeOpts;
-            const childrenField = treeOpts.children || treeOpts.childrenField;
-            if (expandAll) {
-                this.setAllTreeExpand(true);
-            }
-            else if (expandRowKeys) {
-                const defExpandeds = [];
-                const rowkey = getRowkey(this);
-                expandRowKeys.forEach((rowid) => {
-                    const matchObj = XEUtils.findTree(tableFullData, item => rowid === XEUtils.get(item, rowkey), { children: childrenField });
-                    if (matchObj) {
-                        defExpandeds.push(matchObj.item);
-                    }
-                });
-                this.setTreeExpand(defExpandeds, true);
-            }
-        }
-    },
-    handleAsyncTreeExpandChilds(row) {
-        const $xeTable = this;
-        const { treeOpts, checkboxOpts } = this;
-        const { transform, loadMethod } = treeOpts;
-        const { checkStrictly } = checkboxOpts;
-        return new Promise(resolve => {
-            if (loadMethod) {
-                const { treeExpandLazyLoadedMaps, fullAllDataRowIdData } = this;
-                const rowid = getRowid($xeTable, row);
-                const rowRest = fullAllDataRowIdData[rowid];
-                treeExpandLazyLoadedMaps[rowid] = row;
-                Promise.resolve(loadMethod({ $table: $xeTable, row })).then((childRecords) => {
-                    if (rowRest) {
-                        rowRest.treeLoaded = true;
-                    }
-                    if (treeExpandLazyLoadedMaps[rowid]) {
-                        delete treeExpandLazyLoadedMaps[rowid];
-                    }
-                    if (!XEUtils.isArray(childRecords)) {
-                        childRecords = [];
-                    }
-                    if (childRecords) {
-                        return this.loadTreeChildren(row, childRecords).then((childRows) => {
-                            const { treeExpandedMaps } = this;
-                            if (childRows.length && !treeExpandedMaps[rowid]) {
-                                treeExpandedMaps[rowid] = row;
-                            }
-                            // 如果当前节点已选中，则展开后子节点也被选中
-                            if (!checkStrictly && this.isCheckedByCheckboxRow(row)) {
-                                handleCheckedCheckboxRow($xeTable, childRows, true);
-                            }
-                            return this.$nextTick().then(() => {
-                                if (transform) {
-                                    this.handleTableData();
-                                    updateAfterDataIndex($xeTable);
-                                    return this.$nextTick();
-                                }
-                            });
-                        });
-                    }
-                }).catch(() => {
-                    const { treeExpandLazyLoadedMaps } = this;
-                    if (rowRest) {
-                        rowRest.treeLoaded = false;
-                    }
-                    if (treeExpandLazyLoadedMaps[rowid]) {
-                        delete treeExpandLazyLoadedMaps[rowid];
-                    }
-                }).finally(() => {
-                    this.$nextTick().then(() => this.recalculate()).then(() => resolve());
-                });
-            }
-            else {
-                resolve();
-            }
-        });
-    },
     /**
      * 设置所有树节点的展开与否
      * @param {Boolean} expanded 是否展开
@@ -7969,42 +8045,47 @@ const Methods = {
      * @returns
      */
     handleBaseTreeExpand(rows, expanded) {
-        const { fullAllDataRowIdData, tableFullData, treeExpandedMaps, treeOpts, treeExpandLazyLoadedMaps, treeNodeColumn } = this;
+        const $xeTable = this;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
+        const { treeNodeColumn } = reactData;
+        const { fullAllDataRowIdData, tableFullData, treeExpandedMaps, treeExpandLazyLoadedMaps } = internalData;
+        const treeOpts = $xeTable.computeTreeOpts;
         const { reserve, lazy, accordion, toggleMethod } = treeOpts;
-        const treeTempExpandedMaps = Object.assign({}, treeExpandedMaps);
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
         const result = [];
-        const columnIndex = this.getColumnIndex(treeNodeColumn);
-        const $columnIndex = this.getVMColumnIndex(treeNodeColumn);
-        let validRows = toggleMethod ? rows.filter((row) => toggleMethod({ expanded, column: treeNodeColumn, columnIndex, $columnIndex, row })) : rows;
+        const columnIndex = $xeTable.getColumnIndex(treeNodeColumn);
+        const $columnIndex = $xeTable.getVMColumnIndex(treeNodeColumn);
+        const { handleGetRowId } = createHandleGetRowId($xeTable);
+        let validRows = toggleMethod ? rows.filter((row) => toggleMethod({ $table: $xeTable, expanded, column: treeNodeColumn, columnIndex, $columnIndex, row })) : rows;
         if (accordion) {
             validRows = validRows.length ? [validRows[validRows.length - 1]] : [];
             // 同一级只能展开一个
             const matchObj = XEUtils.findTree(tableFullData, item => item === validRows[0], { children: childrenField });
             if (matchObj) {
                 matchObj.items.forEach(item => {
-                    const rowid = getRowid(this, item);
-                    if (treeTempExpandedMaps[rowid]) {
-                        delete treeTempExpandedMaps[rowid];
+                    const rowid = handleGetRowId(item);
+                    if (treeExpandedMaps[rowid]) {
+                        delete treeExpandedMaps[rowid];
                     }
                 });
             }
         }
         if (expanded) {
             validRows.forEach((row) => {
-                const rowid = getRowid(this, 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];
                         // 是否使用懒加载
                         if (isLoad) {
-                            result.push(this.handleAsyncTreeExpandChilds(row));
+                            result.push(handleAsyncTreeExpandChilds($xeTable, row));
                         }
                         else {
                             if (row[childrenField] && row[childrenField].length) {
-                                treeTempExpandedMaps[rowid] = row;
+                                treeExpandedMaps[rowid] = row;
                             }
                         }
                     }
@@ -8013,18 +8094,18 @@ const Methods = {
         }
         else {
             validRows.forEach((item) => {
-                const rowid = getRowid(this, item);
-                if (treeTempExpandedMaps[rowid]) {
-                    delete treeTempExpandedMaps[rowid];
+                const rowid = handleGetRowId(item);
+                if (treeExpandedMaps[rowid]) {
+                    delete treeExpandedMaps[rowid];
                 }
             });
         }
         if (reserve) {
-            validRows.forEach((row) => this.handleTreeExpandReserve(row, expanded));
+            validRows.forEach((row) => handleTreeExpandReserve($xeTable, row, expanded));
         }
-        this.treeExpandedMaps = treeTempExpandedMaps;
+        reactData.treeExpandedFlag++;
         return Promise.all(result).then(() => {
-            return this.recalculate();
+            return $xeTable.recalculate();
         });
     },
     /**
@@ -8078,30 +8159,38 @@ const Methods = {
      * @param {Row} row 行对象
      */
     isTreeExpandByRow(row) {
-        const { treeExpandedMaps } = this;
-        return !!treeExpandedMaps[getRowid(this, row)];
+        const $xeTable = this;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
+        const { treeExpandedFlag } = reactData;
+        const { treeExpandedMaps } = internalData;
+        return !!treeExpandedFlag && !!treeExpandedMaps[getRowid($xeTable, row)];
     },
     /**
      * 手动清空树形节点的展开状态，数据会恢复成未展开的状态
      */
     clearTreeExpand() {
         const $xeTable = this;
-        const { treeOpts, tableFullData } = this;
-        const { transform, reserve } = treeOpts;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
+        const { tableFullTreeData } = internalData;
+        const treeOpts = $xeTable.computeTreeOpts;
         const childrenField = treeOpts.children || treeOpts.childrenField;
-        const expList = this.getTreeExpandRecords();
-        this.treeExpandedMaps = {};
+        const { transform, reserve } = treeOpts;
+        const expList = $xeTable.getTreeExpandRecords();
+        internalData.treeExpandedMaps = {};
+        reactData.treeExpandedFlag++;
         if (reserve) {
-            XEUtils.eachTree(tableFullData, row => this.handleTreeExpandReserve(row, false), { children: childrenField });
+            XEUtils.eachTree(tableFullTreeData, row => handleTreeExpandReserve($xeTable, row, false), { children: childrenField });
         }
-        return this.handleTableData().then(() => {
+        return $xeTable.handleTableData().then(() => {
             if (transform) {
                 handleVirtualTreeToList($xeTable);
-                return this.handleTableData();
+                return $xeTable.handleTableData();
             }
         }).then(() => {
             if (expList.length) {
-                this.recalculate();
+                $xeTable.recalculate();
             }
         });
     },
@@ -8109,18 +8198,6 @@ const Methods = {
         this.treeExpandedReserveRowMap = {};
         return this.$nextTick();
     },
-    handleTreeExpandReserve(row, expanded) {
-        const { treeExpandedReserveRowMap, treeOpts } = this;
-        if (treeOpts.reserve) {
-            const rowid = getRowid(this, row);
-            if (expanded) {
-                treeExpandedReserveRowMap[rowid] = row;
-            }
-            else if (treeExpandedReserveRowMap[rowid]) {
-                delete treeExpandedReserveRowMap[rowid];
-            }
-        }
-    },
     /**
      * 获取表格的滚动状态
      */
@@ -8241,8 +8318,8 @@ const Methods = {
      */
     triggerScrollXEvent() {
         const $xeTable = this;
-        const sXOpts = $xeTable.computeSXOpts;
-        if (sXOpts.immediate) {
+        const virtualXOpts = $xeTable.computeVirtualXOpts;
+        if (virtualXOpts.immediate) {
             loadScrollXData($xeTable);
         }
         else {
@@ -8254,8 +8331,8 @@ const Methods = {
      */
     triggerScrollYEvent() {
         const $xeTable = this;
-        const sYOpts = $xeTable.computeSYOpts;
-        if (sYOpts.immediate) {
+        const virtualYOpts = $xeTable.computeVirtualYOpts;
+        if (virtualYOpts.immediate) {
             loadScrollYData($xeTable);
         }
         else {
@@ -8438,10 +8515,10 @@ const Methods = {
             return;
         }
         const { highlightHoverRow } = tableProps;
-        const { scrollXLoad, scrollYLoad } = reactData;
+        const { scrollXLoad, scrollYLoad, expandColumn } = reactData;
         const leftFixedWidth = $xeTable.computeLeftFixedWidth;
         const rightFixedWidth = $xeTable.computeRightFixedWidth;
-        if (!(scrollYLoad || leftFixedWidth || rightFixedWidth)) {
+        if (!(leftFixedWidth || rightFixedWidth || expandColumn)) {
             return;
         }
         const { elemStore, lastScrollTop, lastScrollLeft } = internalData;
@@ -8464,8 +8541,8 @@ const Methods = {
             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 = Math.ceil((shiftKey ? (deltaY || deltaX) : deltaX) * wheelSpeed);
         const isTopWheel = deltaTop < 0;
         const currScrollTop = bodyScrollElem.scrollTop;
         // 如果滚动位置已经是顶部或底部，则不需要触发
@@ -8693,8 +8770,8 @@ const Methods = {
         const $xeTable = this;
         const reactData = $xeTable;
         const internalData = $xeTable;
-        const { isAllOverflow, scrollYLoad, expandColumn, rowExpandedMaps } = reactData;
-        const { scrollYStore, elemStore, isResizeCellHeight, afterFullData, fullAllDataRowIdData } = internalData;
+        const { isAllOverflow, scrollYLoad, expandColumn } = reactData;
+        const { scrollYStore, elemStore, isResizeCellHeight, afterFullData, fullAllDataRowIdData, rowExpandedMaps } = internalData;
         const { startIndex } = scrollYStore;
         const expandOpts = $xeTable.computeExpandOpts;
         const rowOpts = $xeTable.computeRowOpts;
@@ -8937,13 +9014,15 @@ const Methods = {
      * 更新表尾合计
      */
     updateFooter() {
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
         const { showFooter, visibleColumn, footerData, footerMethod } = this;
         let footData = [];
         if (showFooter && footerData && footerData.length) {
             footData = footerData.slice(0);
         }
         else if (showFooter && footerMethod) {
-            footData = visibleColumn.length ? footerMethod({ columns: visibleColumn, data: this.afterFullData, $table: this, $grid: this.$xegrid }) : [];
+            footData = visibleColumn.length ? footerMethod({ columns: visibleColumn, data: this.afterFullData, $table: $xeTable, $grid: $xeGrid }) : [];
         }
         this.footerTableData = footData;
         return this.$nextTick();
@@ -8963,9 +9042,6 @@ const Methods = {
             }
         });
     },
-    handleDefaultMergeCells() {
-        this.setMergeCells(this.mergeCells);
-    },
     /**
      * 设置合并单元格
      * @param {TableMergeConfig[]} merges { row: Row|number, column: ColumnInfo|number, rowspan: number, colspan: number }
@@ -9013,15 +9089,12 @@ const Methods = {
             return updateStyle($xeTable);
         });
     },
-    handleDefaultMergeFooterItems() {
-        this.setMergeFooterItems(this.mergeFooterItems);
-    },
     setMergeFooterItems(merges) {
         const $xeTable = this;
         if (this.footerSpanMethod) {
             errLog('vxe.error.errConflicts', ['merge-footer-items', 'footer-span-method']);
         }
-        setMerges(this, merges, this.mergeFooterList, null);
+        setMerges(this, merges, this.mergeFooterList);
         return this.$nextTick().then(() => {
             this.updateCellAreas();
             return updateStyle($xeTable);
@@ -9075,11 +9148,14 @@ const Methods = {
     },
     dispatchEvent(type, params, evnt) {
         const $xeTable = this;
-        $xeTable.$emit(type, createEvent(evnt, { $table: $xeTable, $grid: $xeTable.$xegrid }, params));
+        const $xeGrid = $xeTable.$xeGrid;
+        $xeTable.$emit(type, createEvent(evnt, { $table: $xeTable, $grid: $xeGrid }, params));
     },
     // 已废弃，使用 dispatchEvent
     emitEvent(type, params, evnt) {
-        this.$emit(type, Object.assign({ $table: this, $grid: this.$xegrid, $event: evnt }, params));
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
+        this.$emit(type, Object.assign({ $table: $xeTable, $grid: $xeGrid, $event: evnt }, params));
     },
     focus() {
         this.isActivated = true;