vxe-table 3.14.0 → 3.14.2

package/lib/index.umd.js

@@ -2220,7 +2220,7 @@ function getClass(property, params) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "3.14.0";
+const version = "3.14.2";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -2661,7 +2661,6 @@ var es_array_push = __webpack_require__(4114);
 ;// CONCATENATED MODULE: ./packages/ui/src/dom.ts
 
 const reClsMap = {};
-const browse = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().browse();
 let tpImgEl;
 function initTpImg() {
   if (!tpImgEl) {
@@ -2844,7 +2843,7 @@ function isNodeElement(elem) {
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"3.14.0"}`;
+const log_version = `table v${"3.14.2"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -5174,6 +5173,7 @@ const {
   interceptor: methods_interceptor,
   createEvent
 } = core_.VxeUI;
+const browseObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().browse();
 const supportMaxRow = 5e6;
 const customStorageKey = 'VXE_CUSTOM_STORE';
 const maxYHeight = 5e6;
@@ -5525,14 +5525,14 @@ const updateScrollYStatus = ($xeTable, fullData) => {
   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;
 };
@@ -5693,7 +5693,6 @@ function updateStyle($xeTable) {
   const reactData = $xeTable;
   const internalData = $xeTable;
   const {
-    border,
     showHeaderOverflow: allColumnHeaderOverflow,
     showFooterOverflow: allColumnFooterOverflow,
     mouseConfig,
@@ -5872,36 +5871,6 @@ function updateStyle($xeTable) {
         if (tableElem) {
           tableElem.style.width = tWidth ? `${tWidth}px` : '';
         }
-        const listElem = getRefElem(elemStore[`${name}-${layout}-list`]);
-        if (isGroup && listElem) {
-          external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(listElem.querySelectorAll('.col--group'), thElem => {
-            const colNode = $xeTable.getColumnNode(thElem);
-            if (colNode) {
-              const column = colNode.item;
-              const {
-                showHeaderOverflow
-              } = column;
-              const cellOverflow = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(showHeaderOverflow) ? showHeaderOverflow : allColumnHeaderOverflow;
-              const showEllipsis = cellOverflow === 'ellipsis';
-              const showTitle = cellOverflow === 'title';
-              const showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
-              const hasEllipsis = showTitle || showTooltip || showEllipsis;
-              let childWidth = 0;
-              let countChild = 0;
-              if (hasEllipsis) {
-                external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(column.children, item => {
-                  if (!item.children || !column.children.length) {
-                    countChild++;
-                  }
-                  childWidth += item.renderWidth;
-                }, {
-                  children: 'children'
-                });
-              }
-              thElem.style.width = hasEllipsis ? `${childWidth - countChild - (border ? 2 : 0)}px` : '';
-            }
-          });
-        }
       } else if (layout === 'body') {
         if (currScrollElem) {
           currScrollElem.style.maxHeight = customMaxHeight ? `${bodyMaxHeight}px` : '';
@@ -5947,7 +5916,7 @@ function updateStyle($xeTable) {
         if (tableElem) {
           tableElem.style.width = tWidth ? `${tWidth}px` : '';
           // 兼容性处理
-          tableElem.style.paddingRight = osbWidth && fixedType && (browse['-moz'] || browse.safari) ? `${osbWidth}px` : '';
+          tableElem.style.paddingRight = osbWidth && fixedType && (browseObj['-moz'] || browseObj.safari) ? `${osbWidth}px` : '';
         }
         const emptyBlockElem = getRefElem(elemStore[`${name}-${layout}-emptyBlock`]);
         if (emptyBlockElem) {
@@ -6020,6 +5989,134 @@ function handleChangeCell($xeTable, evnt, params) {
     $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 (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().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;
@@ -6582,21 +6679,19 @@ function calculateMergerOffsetIndex(list, offsetItem, type) {
   }
 }
 function setMerges($xeTable, merges, mList, rowList) {
-  const props = $xeTable;
+  // const props = $xeTable
   const internalData = $xeTable;
   if (merges) {
-    const {
-      treeConfig
-    } = props;
+    // const { treeConfig } = props
     const {
       visibleColumn
     } = internalData;
     if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().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,
@@ -6641,22 +6736,20 @@ function setMerges($xeTable, merges, mList, rowList) {
   }
 }
 function removeMerges($xeTable, merges, mList, rowList) {
-  const props = $xeTable;
+  // const props = $xeTable
   const internalData = $xeTable;
   const rest = [];
   if (merges) {
-    const {
-      treeConfig
-    } = props;
+    // const { treeConfig } = props
     const {
       visibleColumn
     } = internalData;
     if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().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,
@@ -7143,7 +7236,7 @@ function hideDropTip($xeTable) {
  * @param {Event} evnt 事件
  * @param {Row} row 行对象
  */
-function handleTooltip($xeTable, evnt, tdEl, overflowElem, params) {
+function handleTooltip($xeTable, evnt, tdEl, overflowElem, tipElem, params) {
   const reactData = $xeTable;
   const tipOverEl = overflowElem || tdEl;
   if (!tipOverEl) {
@@ -7165,7 +7258,8 @@ function handleTooltip($xeTable, evnt, tdEl, overflowElem, params) {
   const customContent = contentMethod ? contentMethod(params) : null;
   const useCustom = contentMethod && !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(customContent);
   const content = useCustom ? customContent : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toString(column.type === 'html' ? tipOverEl.innerText : tipOverEl.textContent).trim();
-  if (content && (showAll || useCustom || tipOverEl.scrollWidth > tipOverEl.clientWidth)) {
+  const isOver = tipOverEl.scrollWidth > tipOverEl.clientWidth;
+  if (content && (showAll || useCustom || isOver)) {
     Object.assign(tooltipStore, {
       row,
       column,
@@ -7175,7 +7269,7 @@ function handleTooltip($xeTable, evnt, tdEl, overflowElem, params) {
     $xeTable.$nextTick(() => {
       const $tooltip = $xeTable.$refs.refTooltip;
       if ($tooltip && $tooltip.open) {
-        $tooltip.open(tipOverEl, formatText(content));
+        $tooltip.open(isOver ? tipOverEl : tipElem, formatText(content));
       }
     });
   }
@@ -7192,7 +7286,7 @@ function handleScrollToRowColumn($xeTable, fieldOrColumn, row) {
   }
   return $xeTable.$nextTick();
 }
-const handleRowExpandReserve = ($xeTable, row, expanded) => {
+function handleRowExpandReserve($xeTable, row, expanded) {
   const internalData = $xeTable;
   const {
     rowExpandedReserveRowMap
@@ -7206,7 +7300,25 @@ 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;
@@ -7304,6 +7416,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;
@@ -7395,7 +7527,7 @@ function parseColumns($xeTable, isReset) {
     isGroup,
     columnStore
   } = reactData;
-  const sXOpts = $xeTable.computeSXOpts;
+  const virtualXOpts = $xeTable.computeVirtualXOpts;
   const {
     collectColumn,
     tableFullColumn,
@@ -7456,7 +7588,7 @@ 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,
@@ -8110,21 +8242,26 @@ const Methods = {
    */
   loadTableData(datas, isReset) {
     const $xeTable = this;
+    const props = $xeTable;
     const reactData = $xeTable;
     const internalData = $xeTable;
     const {
       keepSource,
-      treeConfig,
-      treeOpts,
-      editStore,
+      treeConfig
+    } = props;
+    const {
+      scrollYLoad: oldScrollYLoad
+    } = reactData;
+    const {
       scrollYStore,
       scrollXStore,
       lastScrollLeft,
-      lastScrollTop,
-      scrollYLoad: oldScrollYLoad,
-      sXOpts,
-      sYOpts
-    } = this;
+      lastScrollTop
+    } = internalData;
+    const treeOpts = $xeTable.computeTreeOpts;
+    const {
+      transform
+    } = treeOpts;
     const childrenField = treeOpts.children || treeOpts.childrenField;
     let treeData = [];
     let fullData = datas ? datas.slice(0) : [];
@@ -8133,7 +8270,7 @@ const Methods = {
     }
     if (treeConfig) {
       // 树结构自动转换
-      if (treeOpts.transform) {
+      if (transform) {
         if (!treeOpts.rowField) {
           errLog('vxe.error.reqProp', ['table.tree-config.rowField']);
         }
@@ -8171,8 +8308,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;
@@ -8190,15 +8327,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(() => {
@@ -8211,45 +8348,47 @@ 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(() => {
+        this.$nextTick().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).then(() => {
+            restoreScrollLocation($xeTable, targetScrollLeft, targetScrollTop).then(() => {
               resolve();
             });
           } else {
             setTimeout(() => {
-              restoreScrollLocation(this, targetScrollLeft, targetScrollTop).then(() => {
+              restoreScrollLocation($xeTable, targetScrollLeft, targetScrollTop).then(() => {
                 resolve();
               });
             });
@@ -8263,6 +8402,7 @@ const Methods = {
    * @param {Array} datas 数据
    */
   loadData(datas) {
+    const $xeTable = this;
     const {
       initStatus
     } = this;
@@ -8270,7 +8410,7 @@ const Methods = {
       this.inited = true;
       this.initStatus = true;
       if (!initStatus) {
-        this.handleLoadDefaults();
+        handleLoadDefaults($xeTable);
       }
       return this.recalculate();
     });
@@ -8280,12 +8420,13 @@ const Methods = {
    * @param {Array} datas 数据
    */
   reloadData(datas) {
+    const $xeTable = this;
     return this.clearAll().then(() => {
       this.inited = true;
       this.initStatus = true;
       return this.loadTableData(datas, true);
     }).then(() => {
-      this.handleLoadDefaults();
+      handleLoadDefaults($xeTable);
       return this.recalculate();
     });
   },
@@ -8481,18 +8622,24 @@ const Methods = {
     internalData.tableSourceData = sourceData;
   },
   getParams() {
-    return this.params;
+    const $xeTable = this;
+    const props = $xeTable;
+    return props.params;
   },
   loadTreeChildren(row, childRecords) {
     const $xeTable = this;
+    const props = $xeTable;
+    const internalData = $xeTable;
+    const {
+      keepSource
+    } = props;
     const {
-      keepSource,
       tableSourceData,
-      treeOpts,
       fullDataRowIdData,
       fullAllDataRowIdData,
       sourceDataRowIdData
-    } = this;
+    } = internalData;
+    const treeOpts = $xeTable.computeTreeOpts;
     const {
       transform,
       mapChildrenField
@@ -8551,20 +8698,24 @@ const Methods = {
    * @param {Element} tr 元素
    */
   getRowNode(tr) {
+    const $xeTable = this;
+    const internalData = $xeTable;
     if (tr) {
       const {
         fullAllDataRowIdData
-      } = this;
+      } = 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;
@@ -8574,10 +8725,12 @@ const Methods = {
    * @param {Element} cell 元素
    */
   getColumnNode(cell) {
+    const $xeTable = this;
+    const internalData = $xeTable;
     if (cell) {
       const {
         fullColumnIdData
-      } = this;
+      } = internalData;
       const colid = cell.getAttribute('colid');
       if (colid) {
         const colRest = fullColumnIdData[colid];
@@ -8669,20 +8822,23 @@ const Methods = {
    * @param {Row} records 行数据
    */
   defineField(records) {
+    const $xeTable = this;
+    const props = $xeTable;
+    const internalData = $xeTable;
     const {
-      radioOpts,
-      checkboxOpts,
-      treeConfig,
-      treeOpts,
-      expandOpts
-    } = this;
+      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 (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(records)) {
       records = [records || {}];
     }
     return records.map(record => {
-      this.tableFullColumn.forEach(column => {
+      internalData.tableFullColumn.forEach(column => {
         const {
           field,
           editRender
@@ -8726,8 +8882,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);
     });
   },
   /**
@@ -8736,11 +8893,12 @@ const Methods = {
    * @param {Array/Object} records 新数据
    */
   createRow(records) {
+    const $xeTable = this;
     const isArr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().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]);
   },
   /**
    * 还原数据
@@ -8758,20 +8916,15 @@ const Methods = {
       keepSource,
       treeConfig
     } = props;
-    const {
-      editStore
-    } = reactData;
     const {
       fullAllDataRowIdData,
       fullDataRowIdData,
       tableSourceData,
       sourceDataRowIdData,
       tableFullData,
-      afterFullData
+      afterFullData,
+      removeRowMaps
     } = internalData;
-    const removeTempMaps = {
-      ...editStore.removeMaps
-    };
     const treeOpts = $xeTable.computeTreeOpts;
     const {
       transform
@@ -8809,7 +8962,9 @@ const Methods = {
                 external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().destructuring(row, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(oRow, true));
               }
               if (!fullDataRowIdData[rowid] && $xeTable.isRemoveByRow(row)) {
-                delete removeTempMaps[rowid];
+                if (removeRowMaps[rowid]) {
+                  delete removeRowMaps[rowid];
+                }
                 tableFullData.unshift(row);
                 afterFullData.unshift(row);
                 reDelFlag = true;
@@ -8821,7 +8976,7 @@ const Methods = {
     }
     if (rows) {
       if (reDelFlag) {
-        editStore.removeMaps = removeTempMaps;
+        reactData.removeRowFlag++;
         $xeTable.updateFooter();
         $xeTable.cacheRowMap(false);
         $xeTable.handleTableData(treeConfig && transform);
@@ -8850,10 +9005,12 @@ const Methods = {
    * @param {String} field 字段名
    */
   clearData(rows, field) {
+    const $xeTable = this;
+    const internalData = $xeTable;
     const {
       tableFullData,
       visibleColumn
-    } = this;
+    } = internalData;
     if (!arguments.length) {
       rows = tableFullData;
     } else if (rows && !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(rows)) {
@@ -8870,7 +9027,7 @@ const Methods = {
         });
       });
     }
-    return this.$nextTick();
+    return $xeTable.$nextTick();
   },
   getCellElement(row, fieldOrColumn) {
     const $xeTable = this;
@@ -8971,20 +9128,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];
   },
   /**
    * 删除所有新增的临时数据
@@ -8992,11 +9145,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());
   },
   /**
@@ -9044,14 +9194,19 @@ const Methods = {
    * @param {Number} columnIndex 索引
    */
   getColumns(columnIndex) {
-    const columns = this.visibleColumn;
-    return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(columnIndex) ? columns.slice(0) : columns[columnIndex];
+    const $xeTable = this;
+    const internalData = $xeTable;
+    const {
+      visibleColumn
+    } = internalData;
+    return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().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;
   },
   /**
@@ -9059,7 +9214,11 @@ 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;
   },
   /**
@@ -9067,7 +9226,11 @@ 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) {
@@ -9080,11 +9243,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)
     };
   },
   /**
@@ -9615,16 +9781,21 @@ const Methods = {
    * 如果存在排序，继续处理
    */
   getTableData() {
+    const $xeTable = this;
+    const props = $xeTable;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    const {
+      tableData,
+      footerTableData
+    } = reactData;
     const {
-      treeConfig,
       tableFullData,
       afterFullData,
-      tableData,
-      footerTableData,
       tableFullTreeData
-    } = this;
+    } = 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)
@@ -9673,37 +9844,15 @@ const Methods = {
    */
   handleLoadDefaults() {
     const $xeTable = this;
-    if (this.checkboxConfig) {
-      this.handleDefaultSelectionChecked();
-    }
-    if (this.radioConfig) {
-      this.handleDefaultRadioChecked();
-    }
-    if (this.expandConfig) {
-      this.handleDefaultRowExpand();
-    }
-    if (this.treeConfig) {
-      handleDefaultTreeExpand($xeTable);
-    }
-    if (this.mergeCells) {
-      this.handleDefaultMergeCells();
-    }
-    if (this.mergeFooterItems) {
-      this.handleDefaultMergeFooterItems();
-    }
-    this.$nextTick(() => setTimeout(this.recalculate));
+    handleLoadDefaults($xeTable);
   },
   /**
    * 处理初始化的默认行为
    * 只会执行一次
    */
   handleInitDefaults() {
-    const {
-      sortConfig
-    } = this;
-    if (sortConfig) {
-      this.handleDefaultSort();
-    }
+    const $xeTable = this;
+    handleInitDefaults($xeTable);
   },
   /**
    * 设置为固定列
@@ -9862,79 +10011,37 @@ const Methods = {
    */
   resetColumn(options) {
     warnLog('vxe.error.delFunc', ['resetColumn', 'resetCustom']);
-    return this.resetCustom(options);
-  },
-  handleCustom() {
-    const {
-      mouseConfig
-    } = this;
-    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) {
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(collectColumn, (column, index, items, path, parentRow) => {
-        const colKey = column.getKey();
-        // 支持一级
-        if (!parentRow) {
-          if (fixedData && fixedData[colKey] !== undefined) {
-            column.fixed = fixedData[colKey];
-          }
-          if (sortData && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(sortData[colKey])) {
-            hasCustomSort = true;
-            column.renderSortNumber = sortData[colKey];
-          }
-        }
-        if (resizableData && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(resizableData[colKey])) {
-          column.resizeWidth = resizableData[colKey];
-        }
-        if (visibleData && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(visibleData[colKey])) {
-          column.visible = visibleData[colKey];
-        }
-      });
-      // 如果自定义了顺序
-      if (hasCustomSort) {
-        collectColumn = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(collectColumn, 'renderSortNumber');
-        internalData.collectColumn = collectColumn;
-        internalData.tableFullColumn = getColumnList(collectColumn);
+    return this.resetCustom(options);
+  },
+  handleCustom() {
+    const $xeTable = this;
+    const props = $xeTable;
+    const {
+      mouseConfig
+    } = props;
+    if (mouseConfig) {
+      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 $xeTable = this;
+    const props = $xeTable;
     const {
-      tableId,
-      customConfig,
-      customOpts
-    } = this;
+      customConfig
+    } = props;
+    const tableId = $xeTable.computeTableId;
+    const customOpts = $xeTable.computeCustomOpts;
     const {
       storage,
       restoreStore
@@ -9960,10 +10067,10 @@ 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);
       }
     }
   },
@@ -11473,7 +11580,7 @@ const Methods = {
       return;
     }
     if (tooltipStore.column !== column || !tooltipStore.visible) {
-      handleTooltip($xeTable, evnt, thEl, thEl.querySelector('.vxe-cell--title') || cellEl, params);
+      handleTooltip($xeTable, evnt, thEl, thEl.querySelector('.vxe-cell--wrapper'), thEl.querySelector('.vxe-cell--title') || cellEl, params);
     }
   },
   /**
@@ -11514,7 +11621,7 @@ const Methods = {
       }
     }
     if (tooltipStore.column !== column || tooltipStore.row !== row || !tooltipStore.visible) {
-      handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
+      handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--wrapper'), tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
     }
   },
   /**
@@ -11532,7 +11639,7 @@ const Methods = {
     const tdEl = evnt.currentTarget;
     handleTargetEnterEvent($xeTable, tooltipStore.column !== column || !!tooltipStore.row);
     if (tooltipStore.column !== column || !tooltipStore.visible) {
-      handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
+      handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--wrapper'), tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
     }
   },
   openTooltip(target, content) {
@@ -11621,31 +11728,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);
@@ -12344,31 +12426,6 @@ const Methods = {
     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
-        };
-      }
-    }
-  },
   /**
    * 单选，行选中事件
    */
@@ -12831,39 +12888,6 @@ const Methods = {
     }
     this.emitEvent('cell-dblclick', params, evnt);
   },
-  handleDefaultSort() {
-    const $xeTable = this;
-    const {
-      sortConfig,
-      sortOpts
-    } = this;
-    let {
-      defaultSort
-    } = sortOpts;
-    if (defaultSort) {
-      if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().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;
@@ -14179,30 +14203,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 是否展开
@@ -14891,8 +14891,8 @@ const Methods = {
    */
   triggerScrollXEvent() {
     const $xeTable = this;
-    const sXOpts = $xeTable.computeSXOpts;
-    if (sXOpts.immediate) {
+    const virtualXOpts = $xeTable.computeVirtualXOpts;
+    if (virtualXOpts.immediate) {
       loadScrollXData($xeTable);
     } else {
       lazyScrollXData($xeTable);
@@ -14903,8 +14903,8 @@ const Methods = {
    */
   triggerScrollYEvent() {
     const $xeTable = this;
-    const sYOpts = $xeTable.computeSYOpts;
-    if (sYOpts.immediate) {
+    const virtualYOpts = $xeTable.computeVirtualYOpts;
+    if (virtualYOpts.immediate) {
       loadScrollYData($xeTable);
     } else {
       lazyScrollYData($xeTable);
@@ -15155,8 +15155,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;
     // 如果滚动位置已经是顶部或底部，则不需要触发
@@ -15729,9 +15729,6 @@ const Methods = {
       }
     });
   },
-  handleDefaultMergeCells() {
-    this.setMergeCells(this.mergeCells);
-  },
   /**
    * 设置合并单元格
    * @param {TableMergeConfig[]} merges { row: Row|number, column: ColumnInfo|number, rowspan: number, colspan: number }
@@ -15779,9 +15776,6 @@ const Methods = {
       return updateStyle($xeTable);
     });
   },
-  handleDefaultMergeFooterItems() {
-    this.setMergeFooterItems(this.mergeFooterItems);
-  },
   setMergeFooterItems(merges) {
     const $xeTable = this;
     if (this.footerSpanMethod) {
@@ -16446,9 +16440,12 @@ function renderRows(h, _vm, fixedType, isOptimizeMode, tableData, tableColumn) {
   } = createHandleGetRowId($xeTable);
   tableData.forEach((row, $rowIndex) => {
     const trOn = {};
+    const rowid = handleGetRowId(row);
+    const rowRest = fullAllDataRowIdData[rowid] || {};
     let rowIndex = $rowIndex;
-    // 确保任何情况下 rowIndex 都精准指向真实 data 索引
-    rowIndex = $xeTable.getRowIndex(row);
+    let rowLevel = 0;
+    let seq = -1;
+    let _rowIndex = -1;
     // 当前行事件
     if (rowOpts.isHover || highlightHoverRow) {
       trOn.mouseenter = evnt => {
@@ -16467,11 +16464,6 @@ function renderRows(h, _vm, fixedType, isOptimizeMode, tableData, tableColumn) {
         $xeTable.clearHoverRow();
       };
     }
-    const rowid = handleGetRowId(row);
-    const rowRest = fullAllDataRowIdData[rowid] || {};
-    let rowLevel = 0;
-    let seq = -1;
-    let _rowIndex = 0;
     if (rowRest) {
       rowLevel = rowRest.level;
       if (treeConfig && transform && seqMode === 'increasing') {
@@ -16479,6 +16471,7 @@ function renderRows(h, _vm, fixedType, isOptimizeMode, tableData, tableColumn) {
       } else {
         seq = rowRest.seq;
       }
+      rowIndex = rowRest.index;
       _rowIndex = rowRest._index;
     }
     const params = {
@@ -21127,6 +21120,7 @@ const {
   renderer: edit_mixin_renderer,
   getI18n: mixin_getI18n
 } = core_.VxeUI;
+const mixin_browseObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().browse();
 function getEditColumnModel(row, column) {
   const {
     model,
@@ -21179,14 +21173,15 @@ function syncActivedCell($xeTable) {
     }
   }
 }
-function insertTreeRow(_vm, newRecords, isAppend) {
+function insertTreeRow($xeTable, newRecords, isAppend) {
+  const internalData = $xeTable;
   const {
     tableFullTreeData,
     afterFullData,
     fullDataRowIdData,
-    fullAllDataRowIdData,
-    treeOpts
-  } = _vm;
+    fullAllDataRowIdData
+  } = internalData;
+  const treeOpts = $xeTable.computeTreeOpts;
   const {
     rowField,
     parentField,
@@ -21196,7 +21191,7 @@ function insertTreeRow(_vm, newRecords, isAppend) {
   const funcName = isAppend ? 'push' : 'unshift';
   newRecords.forEach(item => {
     const parentRowId = item[parentField];
-    const rowid = getRowid(_vm, item);
+    const rowid = getRowid($xeTable, item);
     const matchObj = parentRowId ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(tableFullTreeData, item => parentRowId === item[rowField], {
       children: mapChildrenField
     }) : null;
@@ -21204,7 +21199,7 @@ function insertTreeRow(_vm, newRecords, isAppend) {
       const {
         item: parentRow
       } = matchObj;
-      const parentRest = fullAllDataRowIdData[getRowid(_vm, parentRow)];
+      const parentRest = fullAllDataRowIdData[getRowid($xeTable, parentRow)];
       const parentLevel = parentRest ? parentRest.level : 0;
       let parentChilds = parentRow[childrenField];
       let mapChilds = parentRow[mapChildrenField];
@@ -21271,15 +21266,15 @@ function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
     treeConfig
   } = props;
   const {
-    mergeList,
-    editStore
+    mergeList
   } = reactData;
   const {
     tableFullTreeData,
     afterFullData,
     tableFullData,
     fullDataRowIdData,
-    fullAllDataRowIdData
+    fullAllDataRowIdData,
+    insertRowMaps
   } = internalData;
   const treeOpts = $xeTable.computeTreeOpts;
   const {
@@ -21484,13 +21479,11 @@ function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
       }
     }
   }
-  const {
-    insertMaps
-  } = editStore;
   newRecords.forEach(newRow => {
     const rowid = getRowid($xeTable, newRow);
-    insertMaps[rowid] = newRow;
+    insertRowMaps[rowid] = newRow;
   });
+  reactData.insertRowFlag++;
   $xeTable.cacheRowMap(false);
   $xeTable.updateScrollYStatus();
   $xeTable.handleTableData(treeConfig && transform);
@@ -21499,7 +21492,7 @@ function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
   }
   $xeTable.updateFooter();
   $xeTable.checkSelectionStatus();
-  if ($xeTable.scrollYLoad) {
+  if (reactData.scrollYLoad) {
     $xeTable.updateScrollYSpace();
   }
   return $xeTable.$nextTick().then(() => {
@@ -21797,7 +21790,9 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
         selectCheckboxMaps,
         afterFullData,
         tableFullData,
-        pendingRowMaps
+        pendingRowMaps,
+        insertRowMaps,
+        removeRowMaps
       } = internalData;
       const checkboxOpts = $xeTable.computeCheckboxOpts;
       const treeOpts = $xeTable.computeTreeOpts;
@@ -21807,10 +21802,8 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
       } = treeOpts;
       const childrenField = treeOpts.children || treeOpts.childrenField;
       const {
-        actived,
-        removeMaps
+        actived
       } = editStore;
-      const insertDataRowMaps = Object.assign({}, editStore.insertMaps);
       const {
         checkField
       } = checkboxOpts;
@@ -21824,7 +21817,7 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
       rows.forEach(row => {
         if (!$xeTable.isInsertByRow(row)) {
           const rowid = getRowid($xeTable, row);
-          removeMaps[rowid] = row;
+          removeRowMaps[rowid] = row;
         }
       });
       // 如果绑定了多选属性，则更新状态
@@ -21899,14 +21892,15 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
       // 从新增中移除已删除的数据
       rows.forEach(row => {
         const rowid = getRowid($xeTable, row);
-        if (insertDataRowMaps[rowid]) {
-          delete insertDataRowMaps[rowid];
+        if (insertRowMaps[rowid]) {
+          delete insertRowMaps[rowid];
         }
         if (pendingRowMaps[rowid]) {
           delete pendingRowMaps[rowid];
         }
       });
-      editStore.insertMaps = insertDataRowMaps;
+      reactData.removeRowFlag++;
+      reactData.insertRowFlag++;
       reactData.pendingRowFlag++;
       $xeTable.updateFooter();
       $xeTable.cacheRowMap(false);
@@ -21980,19 +21974,13 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
      */
     _getInsertRecords() {
       const $xeTable = this;
-      const reactData = $xeTable;
       const internalData = $xeTable;
       const {
-        editStore
-      } = reactData;
-      const {
-        fullAllDataRowIdData
+        fullAllDataRowIdData,
+        insertRowMaps
       } = internalData;
-      const {
-        insertMaps
-      } = editStore;
       const insertRecords = [];
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(insertMaps, (row, rowid) => {
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(insertRowMaps, (row, rowid) => {
         if (fullAllDataRowIdData[rowid]) {
           insertRecords.push(row);
         }
@@ -22004,15 +21992,12 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
      */
     _getRemoveRecords() {
       const $xeTable = this;
-      const reactData = $xeTable;
-      const {
-        editStore
-      } = reactData;
+      const internalData = $xeTable;
       const {
-        removeMaps
-      } = editStore;
+        removeRowMaps
+      } = internalData;
       const removeRecords = [];
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(removeMaps, row => {
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(removeRowMaps, row => {
         removeRecords.push(row);
       });
       return removeRecords;
@@ -22024,29 +22009,22 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
      */
     _getUpdateRecords() {
       const $xeTable = this;
+      const props = $xeTable;
+      const internalData = $xeTable;
       const {
         keepSource,
-        tableFullData,
-        isUpdateByRow,
-        treeConfig,
-        treeOpts,
-        editStore
-      } = this;
+        treeConfig
+      } = props;
+      const {
+        tableFullData
+      } = internalData;
+      const treeOpts = $xeTable.computeTreeOpts;
       if (keepSource) {
-        const {
-          actived
-        } = editStore;
-        const {
-          row,
-          column
-        } = actived;
-        if (row || column) {
-          syncActivedCell($xeTable);
-        }
+        syncActivedCell($xeTable);
         if (treeConfig) {
-          return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().filterTree(tableFullData, row => isUpdateByRow(row), treeOpts);
+          return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().filterTree(tableFullData, row => $xeTable.isUpdateByRow(row), treeOpts);
         }
-        return tableFullData.filter(row => isUpdateByRow(row));
+        return tableFullData.filter(row => $xeTable.isUpdateByRow(row));
       }
       return [];
     },
@@ -22095,51 +22073,58 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
       return handleClearEdit($xeTable, evnt, targetRow);
     },
     _getActiveRecord() {
+      const $xeTable = this;
       if (true) {
         warnLog('vxe.error.delFunc', ['getActiveRecord', 'getEditRecord']);
       }
       // 即将废弃
-      return this.getEditRecord();
+      return $xeTable.getEditRecord();
     },
     _getEditRecord() {
+      const $xeTable = this;
+      const reactData = $xeTable;
+      const internalData = $xeTable;
       const {
-        $el,
-        editStore,
-        afterFullData
-      } = this;
+        editStore
+      } = reactData;
       const {
-        actived
-      } = editStore;
+        afterFullData
+      } = internalData;
+      const el = $xeTable.$refs.refElem;
       const {
         args,
         row
-      } = actived;
-      if (args && this.findRowIndexOf(afterFullData, row) > -1 && $el.querySelectorAll('.vxe-body--column.col--active').length) {
+      } = editStore.actived;
+      if (args && $xeTable.findRowIndexOf(afterFullData, row) > -1 && el.querySelectorAll('.vxe-body--column.col--active').length) {
         return Object.assign({}, args);
       }
       return null;
     },
     _isActiveByRow(row) {
+      const $xeTable = this;
       if (true) {
         warnLog('vxe.error.delFunc', ['isActiveByRow', 'isEditByRow']);
       }
       // 即将废弃
-      return this.isEditByRow(row);
+      return $xeTable.isEditByRow(row);
     },
     /**
      * 判断行是否为激活编辑状态
      * @param {Row} row 行对象
      */
     _isEditByRow(row) {
-      return this.editStore.actived.row === row;
+      const $xeTable = this;
+      const reactData = $xeTable;
+      const {
+        editStore
+      } = reactData;
+      return editStore.actived.row === row;
     },
     /**
      * 处理聚焦
      */
     handleFocus(params) {
-      const {
-        editOpts
-      } = this;
+      const $xeTable = this;
       const {
         row,
         column,
@@ -22148,6 +22133,7 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
       const {
         editRender
       } = column;
+      const editOpts = $xeTable.computeEditOpts;
       if (isEnableConf(editRender)) {
         const compRender = edit_mixin_renderer.get(editRender.name);
         let autoFocus = editRender.autofocus || editRender.autoFocus;
@@ -22163,7 +22149,7 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
           }
           // 如果指定了聚焦 class
           if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(autoFocus)) {
-            inputElem = autoFocus.call(this, params);
+            inputElem = autoFocus.call($xeTable, params);
           } else if (autoFocus) {
             if (autoFocus === true) {
               // 自动匹配模式，会自动匹配第一个可输入元素
@@ -22181,7 +22167,7 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
             inputElem.select();
           } else {
             // 保持一致行为，光标移到末端
-            if (browse.msie) {
+            if (mixin_browseObj.msie) {
               const textRange = inputElem.createTextRange();
               textRange.collapse(false);
               textRange.select();
@@ -22192,18 +22178,19 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
           if (editOpts.autoPos) {
             if (!column.fixed) {
               // 显示到可视区中
-              this.scrollToRow(row, column);
+              $xeTable.scrollToRow(row, column);
             }
           }
         }
       }
     },
     _setActiveRow(row) {
+      const $xeTable = this;
       if (true) {
         warnLog('vxe.error.delFunc', ['setActiveRow', 'setEditRow']);
       }
       // 即将废弃
-      return this.setEditRow(row);
+      return $xeTable.setEditRow(row);
     },
     /**
      * 激活行编辑
@@ -22215,7 +22202,7 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
       if (fieldOrColumn) {
         isPos = true;
         if (fieldOrColumn !== true) {
-          column = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(fieldOrColumn) ? this.getColumnByField(fieldOrColumn) : fieldOrColumn;
+          column = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(fieldOrColumn) ? $xeTable.getColumnByField(fieldOrColumn) : fieldOrColumn;
         }
       }
       return handleEditCell($xeTable, row, column, isPos);
@@ -22238,39 +22225,44 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
      * 只对 trigger=dblclick 有效，选中单元格
      */
     _setSelectCell(row, fieldOrColumn) {
+      const $xeTable = this;
+      const reactData = $xeTable;
       const {
-        tableData,
-        editOpts,
-        visibleColumn
-      } = this;
-      const column = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(fieldOrColumn) ? this.getColumnByField(fieldOrColumn) : fieldOrColumn;
+        tableData
+      } = reactData;
+      const editOpts = $xeTable.computeEditOpts;
+      const column = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(fieldOrColumn) ? $xeTable.getColumnByField(fieldOrColumn) : fieldOrColumn;
       if (row && column && editOpts.trigger !== 'manual') {
-        const rowIndex = this.findRowIndexOf(tableData, row);
+        const rowIndex = $xeTable.findRowIndexOf(tableData, row);
         if (rowIndex > -1) {
-          const cell = this.getCellElement(row, column);
+          const cell = $xeTable.getCellElement(row, column);
           const params = {
             row,
             rowIndex,
             column,
-            columnIndex: visibleColumn.indexOf(column),
+            columnIndex: $xeTable.getColumnIndex(column),
             cell
           };
-          this.handleSelected(params, {});
+          $xeTable.handleSelected(params, {});
         }
       }
-      return this.$nextTick();
+      return $xeTable.$nextTick();
     },
     /**
      * 处理选中源
      */
     handleSelected(params, evnt) {
       const $xeTable = this;
+      const props = $xeTable;
+      const reactData = $xeTable;
+      const {
+        mouseConfig
+      } = props;
       const {
-        mouseConfig,
-        mouseOpts,
-        editOpts,
         editStore
-      } = this;
+      } = reactData;
+      const mouseOpts = $xeTable.computeMouseOpts;
+      const editOpts = $xeTable.computeEditOpts;
       const {
         actived,
         selected
@@ -22284,22 +22276,24 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
         if (isMouseSelected && (selected.row !== row || selected.column !== column)) {
           if (actived.row !== row || (editOpts.mode === 'cell' ? actived.column !== column : false)) {
             handleClearEdit($xeTable, evnt);
-            this.clearSelected(evnt);
-            this.clearCellAreas(evnt);
-            this.clearCopyCellArea(evnt);
+            $xeTable.clearSelected();
+            if ($xeTable.clearCellAreas) {
+              $xeTable.clearCellAreas();
+              $xeTable.clearCopyCellArea();
+            }
             selected.args = params;
             selected.row = row;
             selected.column = column;
             if (isMouseSelected) {
               this.addCellSelectedClass();
             }
-            this.focus();
+            $xeTable.focus();
             if (evnt) {
-              this.emitEvent('cell-selected', params, evnt);
+              $xeTable.dispatchEvent('cell-selected', params, evnt);
             }
           }
         }
-        return this.$nextTick();
+        return $xeTable.$nextTick();
       };
       return selectMethod();
     },
@@ -22307,10 +22301,15 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
      * 获取选中的单元格
      */
     _getSelectedCell() {
+      const $xeTable = this;
+      const reactData = $xeTable;
+      const {
+        editStore
+      } = reactData;
       const {
         args,
         column
-      } = this.editStore.selected;
+      } = editStore.selected;
       if (args && column) {
         return Object.assign({}, args);
       }
@@ -22321,14 +22320,17 @@ function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
      */
     _clearSelected() {
       const $xeTable = this;
+      const reactData = $xeTable;
+      const {
+        editStore
+      } = reactData;
       const {
         selected
-      } = this.editStore;
+      } = editStore;
       selected.row = null;
       selected.column = null;
-      this.reColTitleSdCls();
       removeCellSelectedClass($xeTable);
-      return this.$nextTick();
+      return $xeTable.$nextTick();
     },
     reColTitleSdCls() {
       const headerElem = this.elemStore['main-header-list'];
@@ -24295,10 +24297,11 @@ const convertToRows = originColumns => {
 
 
 
+const keyboard_mixin_browseObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().browse();
 function getTargetOffset(target, container) {
   let offsetTop = 0;
   let offsetLeft = 0;
-  const triggerCheckboxLabel = !browse.firefox && hasClass(target, 'vxe-checkbox--label');
+  const triggerCheckboxLabel = !keyboard_mixin_browseObj.firefox && hasClass(target, 'vxe-checkbox--label');
   if (triggerCheckboxLabel) {
     const checkboxLabelStyle = getComputedStyle(target);
     offsetTop -= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(checkboxLabelStyle.paddingTop);
@@ -25048,23 +25051,17 @@ function validErrorRuleValue(rule, val) {
     beginValidate(rows, cols, cb, isFull) {
       const $xeTable = this;
       const props = $xeTable;
-      const reactData = $xeTable;
       const internalData = $xeTable;
       const validRest = {};
       const {
         editRules,
         treeConfig
       } = props;
-      const {
-        editStore
-      } = reactData;
       const {
         afterFullData,
-        pendingRowMaps
+        pendingRowMaps,
+        removeRowMaps
       } = internalData;
-      const {
-        removeMaps
-      } = editStore;
       const treeOpts = $xeTable.computeTreeOpts;
       const childrenField = treeOpts.children || treeOpts.childrenField;
       let validList;
@@ -25090,7 +25087,7 @@ function validErrorRuleValue(rule, val) {
         const handleVaild = row => {
           const rowid = getRowid($xeTable, row);
           // 是否删除
-          if (removeMaps[rowid]) {
+          if (removeRowMaps[rowid]) {
             return;
           }
           // 是否标记删除
@@ -26347,9 +26344,7 @@ function renderBody(h, $xeTable) {
         focused: {
           row: null,
           column: null
-        },
-        insertMaps: {},
-        removeMaps: {}
+        }
       },
       // 存放 tooltip 相关信息
       tooltipStore: {
@@ -26469,24 +26464,24 @@ function renderBody(h, $xeTable) {
       }, table_getConfig().table.validConfig, this.validConfig);
     },
     sXOpts() {
-      return this.computeSXOpts;
+      return this.computeVirtualXOpts;
     },
     computeSXOpts() {
       return this.computeVirtualXOpts;
     },
     computeScrollXThreshold() {
       const $xeTable = this;
-      const sXOpts = $xeTable.computeSXOpts;
+      const virtualXOpts = $xeTable.computeVirtualXOpts;
       const {
         threshold
-      } = sXOpts;
+      } = virtualXOpts;
       if (threshold) {
         return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(threshold);
       }
       return 0;
     },
     sYOpts() {
-      return this.computeSYOpts;
+      return this.computeVirtualYOpts;
     },
     computeSYOpts() {
       return this.computeVirtualYOpts;
@@ -26518,10 +26513,10 @@ function renderBody(h, $xeTable) {
     },
     computeScrollYThreshold() {
       const $xeTable = this;
-      const sYOpts = $xeTable.computeSYOpts;
+      const virtualYOpts = $xeTable.computeVirtualYOpts;
       const {
         threshold
-      } = sYOpts;
+      } = virtualYOpts;
       if (threshold) {
         return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(threshold);
       }
@@ -27001,6 +26996,9 @@ function renderBody(h, $xeTable) {
       const $xeTable = this;
       const $xeTabs = $xeTable.$xeTabs;
       return $xeTabs ? $xeTabs.reactData.resizeFlag : null;
+    },
+    computeVxeLanguage() {
+      return core_.VxeUI.getLanguage();
     }
   },
   watch: {
@@ -27080,6 +27078,9 @@ function renderBody(h, $xeTable) {
     computeScrollbarYToLeft() {
       this.reLayoutFlag++;
     },
+    computeVxeLanguage() {
+      this.reLayoutFlag++;
+    },
     reLayoutFlag() {
       const $xeTable = this;
       $xeTable.$nextTick(() => $xeTable.recalculate(true));
@@ -27173,11 +27174,11 @@ function renderBody(h, $xeTable) {
       tableFullColumn: [],
       // 渲染所有列
       visibleColumn: [],
-      // 缓存数据集
+      // 总的缓存数据集
       fullAllDataRowIdData: {},
-      fullDataRowMap: new Map(),
+      // 渲染中缓存数据
+      sourceDataRowIdData: {},
       fullDataRowIdData: {},
-      fullColumnMap: new Map(),
       fullColumnIdData: {},
       fullColumnFieldData: {},
       // 已展开的行集合
@@ -27192,6 +27193,10 @@ function renderBody(h, $xeTable) {
       selectCheckboxMaps: {},
       // 已标记的对象集
       pendingRowMaps: {},
+      // 已新增的临时行
+      insertRowMaps: {},
+      // 已删除行
+      removeRowMaps: {},
       swYSize: 0,
       swYInterval: 0,
       swYTotal: 0
@@ -27207,7 +27212,6 @@ function renderBody(h, $xeTable) {
       scrollXStore,
       scrollYStore
     } = internalData;
-    const sYOpts = $xeTable.computeSYOpts;
     const editOpts = $xeTable.computeEditOpts;
     const treeOpts = $xeTable.computeTreeOpts;
     const radioOpts = $xeTable.computeRadioOpts;
@@ -27367,8 +27371,7 @@ function renderBody(h, $xeTable) {
     Object.assign(scrollYStore, {
       startIndex: 0,
       endIndex: 1,
-      visibleSize: 0,
-      adaptive: sYOpts.adaptive !== false
+      visibleSize: 0
     });
     Object.assign(scrollXStore, {
       startIndex: 0,