vxe-table 3.4.5 → 3.4.7-beta.2

package/lib/index.umd.js

@@ -8452,7 +8452,7 @@ var iconPrefix = 'vxe-icon--';
     //  storage: false,
     //  checkMethod () {}
     // },
-    // rowId: '_XID', // 行数据的唯一主键字段名
+    // rowId: '_X_ID', // 行数据的唯一主键字段名
     sortConfig: {
       // remote: false,
       // trigger: 'default',
@@ -8470,6 +8470,7 @@ var iconPrefix = 'vxe-icon--';
       parentField: 'parentId',
       children: 'children',
       hasChild: 'hasChild',
+      mapChildren: '_X_CHILD',
       indent: 20,
       showIcon: true
     },
@@ -8494,6 +8495,9 @@ var iconPrefix = 'vxe-icon--';
     mouseConfig: {
       extension: true
     },
+    keyboardConfig: {
+      isEsc: true
+    },
     areaConfig: {
       selectCellByHeader: true
     },
@@ -8754,6 +8758,9 @@ var es_object_to_string = __webpack_require__("d3b7");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.iterator.js
 var es_symbol_iterator = __webpack_require__("d28b");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.iterator.js
+var es_array_iterator = __webpack_require__("e260");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.iterator.js
 var es_string_iterator = __webpack_require__("3ca3");
 
@@ -8771,6 +8778,7 @@ var es_array_from = __webpack_require__("a630");
 
 
 
+
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -8807,6 +8815,9 @@ function _nonIterableSpread() {
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
+var es_object_assign = __webpack_require__("cca6");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.fixed.js
 var es_string_fixed = __webpack_require__("c7cd");
 
@@ -8821,6 +8832,7 @@ var es_array_splice = __webpack_require__("a434");
 
 
 
+
 /**
  * 创建数据仓库
  */
@@ -8866,6 +8878,7 @@ var store_Store = /*#__PURE__*/function () {
 /* harmony default export */ var store = (store_Store);
 // CONCATENATED MODULE: ./packages/v-x-e-table/src/formats.js
 
+
 var formats = new store();
 
 if (false) {}
@@ -8882,6 +8895,7 @@ if (false) {}
 
 
 
+
 var zindexIndex = 0;
 var lastZindex = 1;
 
@@ -9045,7 +9059,7 @@ var UtilTools = {
   },
   // 行主键 key
   getRowkey: function getRowkey($xetable) {
-    return $xetable.rowId || '_XID';
+    return $xetable.rowId || '_X_ID';
   },
   // 行主键 value
   getRowid: function getRowid($xetable, row) {
@@ -9162,6 +9176,9 @@ var es_string_match = __webpack_require__("466d");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
 var es_array_concat = __webpack_require__("99af");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
+var es_promise = __webpack_require__("e6cf");
+
 // CONCATENATED MODULE: ./packages/tools/src/dom.js
 
 
@@ -9172,6 +9189,7 @@ var es_array_concat = __webpack_require__("99af");
 
 
 
+
 var dom_getRowid = utils.getRowid;
 var browse = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.browse();
 var reClsMap = {};
@@ -9413,16 +9431,9 @@ var DomTools = {
     }
   },
   triggerEvent: function triggerEvent(targetElem, type) {
-    var evnt;
-
-    if (typeof Event === 'function') {
-      evnt = new Event(type);
-    } else {
-      evnt = document.createEvent('Event');
-      evnt.initEvent(type, true, true);
+    if (targetElem) {
+      targetElem.dispatchEvent(new Event(type));
     }
-
-    targetElem.dispatchEvent(evnt);
   },
   calcHeight: function calcHeight($xetable, key) {
     var val = $xetable[key];
@@ -9758,6 +9769,7 @@ var es_number_to_fixed = __webpack_require__("b680");
 
 
 
+
 var defaultCompProps = {
   transfer: true
 };
@@ -10547,11 +10559,13 @@ var renderer = {
 };
 // CONCATENATED MODULE: ./packages/v-x-e-table/src/commands.js
 
+
 var commands = new store();
 
 if (false) {}
 // CONCATENATED MODULE: ./packages/v-x-e-table/src/menus.js
 
+
 var menus = new store();
 
 if (false) {}
@@ -10711,6 +10725,9 @@ var es_string_includes = __webpack_require__("2532");
 
 
 
+
+
+
 var lineOffsetSizes = {
   mini: 3,
   small: 2,
@@ -10727,6 +10744,11 @@ function restoreScrollLocation(_vm, scrollLeft, scrollTop) {
     }
   });
 }
+function toTreePathSeq(path) {
+  return path.map(function (num, i) {
+    return i % 2 === 0 ? Number(num) + 1 : '.';
+  }).join('');
+}
 function removeScrollListener(scrollElem) {
   if (scrollElem && scrollElem._onscroll) {
     scrollElem.onscroll = null;
@@ -10941,6 +10963,7 @@ function clearTableAllStatus(_vm) {
 
 
 
+
 var renderType = 'body'; // 滚动、拖动过程中不需要触发
 
 function isOperateMouse($xetable) {
@@ -10977,7 +11000,7 @@ function renderLine(h, _vm, $xetable, rowLevel, items, params) {
  */
 
 
-function renderColumn(h, _vm, $xetable, $seq, seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) {
+function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) {
   var _ref2;
 
   var tableListeners = $xetable.$listeners,
@@ -11047,7 +11070,6 @@ function renderColumn(h, _vm, $xetable, $seq, seq, rowid, fixedType, rowLevel, r
   var triggerDblclick = editRender && editConfig && editOpts.trigger === 'dblclick';
   var params = {
     $table: $xetable,
-    $seq: $seq,
     seq: seq,
     rowid: rowid,
     row: row,
@@ -11238,7 +11260,7 @@ function renderColumn(h, _vm, $xetable, $seq, seq, rowid, fixedType, rowLevel, r
   }, tdVNs);
 }
 
-function renderRows(h, _vm, $xetable, $seq, fixedType, tableData, tableColumn) {
+function renderRows(h, _vm, $xetable, fixedType, tableData, tableColumn) {
   var stripe = $xetable.stripe,
       rowKey = $xetable.rowKey,
       highlightHoverRow = $xetable.highlightHoverRow,
@@ -11251,24 +11273,18 @@ function renderRows(h, _vm, $xetable, $seq, fixedType, tableData, tableColumn) {
       editOpts = $xetable.editOpts,
       treeExpandeds = $xetable.treeExpandeds,
       scrollYLoad = $xetable.scrollYLoad,
-      scrollYStore = $xetable.scrollYStore,
       editStore = $xetable.editStore,
       rowExpandeds = $xetable.rowExpandeds,
       radioOpts = $xetable.radioOpts,
       checkboxOpts = $xetable.checkboxOpts,
       expandColumn = $xetable.expandColumn,
       hasFixedColumn = $xetable.hasFixedColumn,
-      fullAllDataRowIdData = $xetable.fullAllDataRowIdData,
+      fullDataRowIdData = $xetable.fullDataRowIdData,
       rowOpts = $xetable.rowOpts;
   var rows = [];
   tableData.forEach(function (row, $rowIndex) {
     var trOn = {};
     var rowIndex = $rowIndex;
-    var seq = rowIndex + 1;
-
-    if (scrollYLoad) {
-      seq += scrollYStore.startIndex;
-    }
 
     var _rowIndex = $xetable.getVTRowIndex(row); // 确保任何情况下 rowIndex 都精准指向真实 data 索引
 
@@ -11297,11 +11313,11 @@ function renderRows(h, _vm, $xetable, $seq, fixedType, tableData, tableColumn) {
     }
 
     var rowid = UtilTools.getRowid($xetable, row);
-    var rest = fullAllDataRowIdData[rowid];
+    var rest = fullDataRowIdData[rowid];
     var rowLevel = rest ? rest.level : 0;
+    var seq = rest ? rest.seq : -1;
     var params = {
       $table: $xetable,
-      $seq: $seq,
       seq: seq,
       rowid: rowid,
       fixed: fixedType,
@@ -11332,7 +11348,7 @@ function renderRows(h, _vm, $xetable, $seq, fixedType, tableData, tableColumn) {
       key: rowKey || treeConfig ? rowid : $rowIndex,
       on: trOn
     }, tableColumn.map(function (column, $columnIndex) {
-      return renderColumn(h, _vm, $xetable, $seq, seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
+      return renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
     }))); // 如果行被展开了
 
     if (expandColumn && rowExpandeds.length && rowExpandeds.indexOf(row) > -1) {
@@ -11348,7 +11364,6 @@ function renderRows(h, _vm, $xetable, $seq, fixedType, tableData, tableColumn) {
       var hasEllipsis = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(showOverflow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isNull(showOverflow) ? allColumnOverflow : showOverflow;
       var expandParams = {
         $table: $xetable,
-        $seq: $seq,
         seq: seq,
         column: expandColumn,
         fixed: fixedType,
@@ -11378,11 +11393,11 @@ function renderRows(h, _vm, $xetable, $seq, fixedType, tableData, tableColumn) {
     } // 如果是树形表格
 
 
-    if (treeConfig && !scrollYLoad && treeExpandeds.length) {
+    if (treeConfig && !scrollYLoad && !treeOpts.transform && treeExpandeds.length) {
       var rowChildren = row[treeOpts.children];
 
       if (rowChildren && rowChildren.length && treeExpandeds.indexOf(row) > -1) {
-        rows.push.apply(rows, _toConsumableArray(renderRows(h, _vm, $xetable, $seq ? "".concat($seq, ".").concat(seq) : "".concat(seq), fixedType, rowChildren, tableColumn)));
+        rows.push.apply(rows, _toConsumableArray(renderRows(h, _vm, $xetable, fixedType, rowChildren, tableColumn)));
       }
     }
   });
@@ -11557,7 +11572,7 @@ function syncBodyScroll(scrollTop, elem1, elem2) {
      */
     h('tbody', {
       ref: 'tbody'
-    }, renderRows(h, this, $xetable, '', fixedType, tableData, tableColumn))]), h('div', {
+    }, renderRows(h, this, $xetable, fixedType, tableData, tableColumn))]), h('div', {
       class: 'vxe-table--checkbox-range'
     }), mouseConfig && mouseOpts.area ? h('div', {
       class: 'vxe-table--cell-area'
@@ -11869,21 +11884,12 @@ function _objectSpread2(target) {
 
   return target;
 }
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
-var es_promise = __webpack_require__("e6cf");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
-var es_object_assign = __webpack_require__("cca6");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.trim.js
 var es_string_trim = __webpack_require__("498a");
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
 var es_array_sort = __webpack_require__("4e82");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.iterator.js
-var es_array_iterator = __webpack_require__("e260");
-
 // CONCATENATED MODULE: ./packages/table/src/cell.js
 
 
@@ -11894,6 +11900,7 @@ var es_array_iterator = __webpack_require__("e260");
 
 
 
+
 function renderHelpIcon(h, params) {
   var $table = params.$table,
       column = params.column;
@@ -12013,8 +12020,8 @@ var Cell = {
 
     switch (type) {
       case 'seq':
-        renMaps.renderHeader = this.renderIndexHeader;
-        renMaps.renderCell = treeNode ? this.renderTreeIndexCell : this.renderIndexCell;
+        renMaps.renderHeader = this.renderSeqHeader;
+        renMaps.renderCell = treeNode ? this.renderTreeIndexCell : this.renderSeqCell;
         break;
 
       case 'radio':
@@ -12023,8 +12030,8 @@ var Cell = {
         break;
 
       case 'checkbox':
-        renMaps.renderHeader = this.renderSelectionHeader;
-        renMaps.renderCell = checkboxOpts.checkField ? treeNode ? this.renderTreeSelectionCellByProp : this.renderSelectionCellByProp : treeNode ? this.renderTreeSelectionCell : this.renderSelectionCell;
+        renMaps.renderHeader = this.renderCheckboxHeader;
+        renMaps.renderCell = checkboxOpts.checkField ? treeNode ? this.renderTreeSelectionCellByProp : this.renderCheckboxCellByProp : treeNode ? this.renderTreeSelectionCell : this.renderCheckboxCell;
         break;
 
       case 'expand':
@@ -12199,30 +12206,29 @@ var Cell = {
   /**
    * 索引
    */
-  renderIndexHeader: function renderIndexHeader(h, params) {
+  renderSeqHeader: function renderSeqHeader(h, params) {
     var $table = params.$table,
         column = params.column;
     var slots = column.slots;
     return renderTitleContent(h, params, slots && slots.header ? $table.callSlot(slots.header, params, h) : UtilTools.formatText(column.getTitle(), 1));
   },
-  renderIndexCell: function renderIndexCell(h, params) {
+  renderSeqCell: function renderSeqCell(h, params) {
     var $table = params.$table,
         column = params.column;
-    var seqOpts = $table.seqOpts;
+    var treeConfig = $table.treeConfig,
+        seqOpts = $table.seqOpts;
     var slots = column.slots;
 
     if (slots && slots.default) {
       return $table.callSlot(slots.default, params, h);
     }
 
-    var $seq = params.$seq,
-        seq = params.seq,
-        level = params.level;
+    var seq = params.seq;
     var seqMethod = seqOpts.seqMethod;
-    return [UtilTools.formatText(seqMethod ? seqMethod(params) : level ? "".concat($seq, ".").concat(seq) : seqOpts.startIndex + seq, 1)];
+    return [UtilTools.formatText(seqMethod ? seqMethod(params) : treeConfig ? seq : (seqOpts.startIndex || 0) + seq, 1)];
   },
   renderTreeIndexCell: function renderTreeIndexCell(h, params) {
-    return Cell.renderTreeIcon(h, params, Cell.renderIndexCell(h, params));
+    return Cell.renderTreeIcon(h, params, Cell.renderSeqCell(h, params));
   },
 
   /**
@@ -12315,7 +12321,7 @@ var Cell = {
   /**
    * 多选
    */
-  renderSelectionHeader: function renderSelectionHeader(h, params) {
+  renderCheckboxHeader: function renderCheckboxHeader(h, params) {
     var $table = params.$table,
         column = params.column,
         isHidden = params.isHidden;
@@ -12376,7 +12382,7 @@ var Cell = {
       class: 'vxe-checkbox--label'
     }, titleSlot ? $table.callSlot(titleSlot, checkboxParams, h) : headerTitle)] : []))]);
   },
-  renderSelectionCell: function renderSelectionCell(h, params) {
+  renderCheckboxCell: function renderCheckboxCell(h, params) {
     var $table = params.$table,
         row = params.row,
         column = params.column,
@@ -12458,9 +12464,9 @@ var Cell = {
     }, checkVNs)];
   },
   renderTreeSelectionCell: function renderTreeSelectionCell(h, params) {
-    return Cell.renderTreeIcon(h, params, Cell.renderSelectionCell(h, params));
+    return Cell.renderTreeIcon(h, params, Cell.renderCheckboxCell(h, params));
   },
-  renderSelectionCellByProp: function renderSelectionCellByProp(h, params) {
+  renderCheckboxCellByProp: function renderCheckboxCellByProp(h, params) {
     var $table = params.$table,
         row = params.row,
         column = params.column,
@@ -12544,7 +12550,7 @@ var Cell = {
     }, checkVNs)];
   },
   renderTreeSelectionCellByProp: function renderTreeSelectionCellByProp(h, params) {
-    return Cell.renderTreeIcon(h, params, Cell.renderSelectionCellByProp(h, params));
+    return Cell.renderTreeIcon(h, params, Cell.renderCheckboxCellByProp(h, params));
   },
 
   /**
@@ -12840,6 +12846,7 @@ var Cell = {
 
 
 
+
 
 
 var methods_getRowid = UtilTools.getRowid,
@@ -13232,10 +13239,45 @@ var Methods = {
     return this.handleTableData(true).then(this.updateFooter).then(this.recalculate);
   },
   handleTableData: function handleTableData(force) {
-    var scrollYLoad = this.scrollYLoad,
-        scrollYStore = this.scrollYStore;
-    var fullData = force ? this.updateAfterFullData() : this.afterFullData;
-    this.tableData = scrollYLoad ? fullData.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullData.slice(0);
+    var _this2 = this;
+
+    var treeConfig = this.treeConfig,
+        scrollYLoad = this.scrollYLoad,
+        scrollYStore = this.scrollYStore,
+        fullDataRowIdData = this.fullDataRowIdData,
+        treeExpandeds = this.treeExpandeds,
+        treeOpts = this.treeOpts;
+    var fullList = []; // 是否进行数据处理
+
+    if (force) {
+      this.updateAfterFullData();
+    } // 如果为虚拟树，将树结构拍平
+
+
+    if (treeConfig && treeOpts.transform) {
+      var expandMaps = new Map();
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eachTree(this.afterTreeFullData, function (row, index, items, path, parent) {
+        if (!parent || expandMaps.has(parent) && treeExpandeds.indexOf(parent) > -1) {
+          expandMaps.set(row, 1);
+          fullList.push(row);
+        }
+      }, {
+        children: treeOpts.mapChildren
+      });
+    } else {
+      fullList = this.afterFullData;
+    }
+
+    var tableData = scrollYLoad ? fullList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullList.slice(0);
+    tableData.forEach(function (row, $index) {
+      var rowid = methods_getRowid(_this2, row);
+      var rest = fullDataRowIdData[rowid];
+
+      if (rest) {
+        rest.$index = $index;
+      }
+    });
+    this.tableData = tableData;
     return this.$nextTick();
   },
   updateScrollYStatus: function updateScrollYStatus(fullData) {
@@ -13253,7 +13295,7 @@ var Methods = {
    * @param {Array} datas 数据
    */
   loadTableData: function loadTableData(datas) {
-    var _this2 = this;
+    var _this3 = this;
 
     var keepSource = this.keepSource,
         treeConfig = this.treeConfig,
@@ -13275,7 +13317,8 @@ var Methods = {
         treeData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toArrayTree(fullData, {
           key: treeOpts.rowField,
           parentKey: treeOpts.parentField,
-          children: treeOpts.children
+          children: treeOpts.children,
+          mapChildren: treeOpts.mapChildren
         });
         fullData = treeData.slice(0);
       } else {
@@ -13293,7 +13336,7 @@ var Methods = {
     this.scrollYLoad = sYLoad; // 全量数据
 
     this.tableFullData = fullData;
-    this.treeFullData = treeData; // 缓存数据
+    this.tableFullTreeData = treeData; // 缓存数据
 
     this.cacheRowMap(true); // 原始数据
 
@@ -13315,31 +13358,31 @@ var Methods = {
     this.handleTableData(true);
     this.updateFooter();
     return this.$nextTick().then(function () {
-      _this2.updateHeight();
+      _this3.updateHeight();
 
-      _this2.updateStyle();
+      _this3.updateStyle();
     }).then(function () {
-      _this2.computeScrollLoad();
+      _this3.computeScrollLoad();
     }).then(function () {
       // 是否启用了虚拟滚动
       if (sYLoad) {
         scrollYStore.endIndex = scrollYStore.visibleSize;
       }
 
-      _this2.handleReserveStatus();
+      _this3.handleReserveStatus();
 
-      _this2.checkSelectionStatus();
+      _this3.checkSelectionStatus();
 
       return new Promise(function (resolve) {
-        _this2.$nextTick().then(function () {
-          return _this2.recalculate();
+        _this3.$nextTick().then(function () {
+          return _this3.recalculate();
         }).then(function () {
           // 是否变更虚拟滚动
           if (oldScrollYLoad === sYLoad) {
-            restoreScrollLocation(_this2, lastScrollLeft, lastScrollTop).then(resolve);
+            restoreScrollLocation(_this3, lastScrollLeft, lastScrollTop).then(resolve);
           } else {
             setTimeout(function () {
-              return restoreScrollLocation(_this2, lastScrollLeft, lastScrollTop).then(resolve);
+              return restoreScrollLocation(_this3, lastScrollLeft, lastScrollTop).then(resolve);
             });
           }
         });
@@ -13352,23 +13395,23 @@ var Methods = {
    * @param {Array} datas 数据
    */
   loadData: function loadData(datas) {
-    var _this3 = this;
+    var _this4 = this;
 
     var inited = this.inited,
         initStatus = this.initStatus;
     return this.loadTableData(datas).then(function () {
-      _this3.inited = true;
-      _this3.initStatus = true;
+      _this4.inited = true;
+      _this4.initStatus = true;
 
       if (!initStatus) {
-        _this3.handleLoadDefaults();
+        _this4.handleLoadDefaults();
       }
 
       if (!inited) {
-        _this3.handleInitDefaults();
+        _this4.handleInitDefaults();
       }
 
-      return _this3.recalculate();
+      return _this4.recalculate();
     });
   },
 
@@ -13377,21 +13420,21 @@ var Methods = {
    * @param {Array} datas 数据
    */
   reloadData: function reloadData(datas) {
-    var _this4 = this;
+    var _this5 = this;
 
     var inited = this.inited;
     return this.clearAll().then(function () {
-      _this4.inited = true;
-      _this4.initStatus = true;
-      return _this4.loadTableData(datas);
+      _this5.inited = true;
+      _this5.initStatus = true;
+      return _this5.loadTableData(datas);
     }).then(function () {
-      _this4.handleLoadDefaults();
+      _this5.handleLoadDefaults();
 
       if (!inited) {
-        _this4.handleInitDefaults();
+        _this5.handleInitDefaults();
       }
 
-      return _this4.recalculate();
+      return _this5.recalculate();
     });
   },
 
@@ -13436,10 +13479,10 @@ var Methods = {
    * @param {ColumnInfo} columns 列配置
    */
   loadColumn: function loadColumn(columns) {
-    var _this5 = this;
+    var _this6 = this;
 
     var collectColumn = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.mapTree(columns, function (column) {
-      return src_cell.createColumn(_this5, column);
+      return src_cell.createColumn(_this6, column);
     }, {
       children: 'children'
     });
@@ -13452,14 +13495,14 @@ var Methods = {
    * @param {ColumnInfo} columns 列配置
    */
   reloadColumn: function reloadColumn(columns) {
-    var _this6 = this;
+    var _this7 = this;
 
     return this.clearAll().then(function () {
-      return _this6.loadColumn(columns);
+      return _this7.loadColumn(columns);
     });
   },
   handleColumn: function handleColumn(collectColumn) {
-    var _this7 = this;
+    var _this8 = this;
 
     this.collectColumn = collectColumn;
     var tableFullColumn = methods_getColumnList(collectColumn);
@@ -13467,8 +13510,8 @@ var Methods = {
     this.cacheColumnMap();
     this.restoreCustomStorage();
     this.parseColumns().then(function () {
-      if (_this7.scrollXLoad) {
-        _this7.loadScrollXData(true);
+      if (_this8.scrollXLoad) {
+        _this8.loadScrollXData(true);
       }
     });
     this.clearMergeCells();
@@ -13478,14 +13521,14 @@ var Methods = {
     if (false) {}
 
     return this.$nextTick().then(function () {
-      if (_this7.$toolbar) {
-        _this7.$toolbar.syncUpdate({
+      if (_this8.$toolbar) {
+        _this8.$toolbar.syncUpdate({
           collectColumn: collectColumn,
-          $table: _this7
+          $table: _this8
         });
       }
 
-      return _this7.recalculate();
+      return _this8.recalculate();
     });
   },
 
@@ -13494,20 +13537,23 @@ var Methods = {
    * 牺牲数据组装的耗时，用来换取使用过程中的流畅
    */
   cacheRowMap: function cacheRowMap(source) {
-    var _this8 = this;
+    var _this9 = this;
 
     var treeConfig = this.treeConfig,
         treeOpts = this.treeOpts,
         tableFullData = this.tableFullData,
         fullDataRowMap = this.fullDataRowMap,
-        fullAllDataRowMap = this.fullAllDataRowMap;
+        fullAllDataRowMap = this.fullAllDataRowMap,
+        tableFullTreeData = this.tableFullTreeData;
     var fullDataRowIdData = this.fullDataRowIdData,
         fullAllDataRowIdData = this.fullAllDataRowIdData;
     var rowkey = getRowkey(this);
     var isLazy = treeConfig && treeOpts.lazy;
 
     var handleCache = function handleCache(row, index, items, path, parent, nodes) {
-      var rowid = methods_getRowid(_this8, row);
+      var rowid = methods_getRowid(_this9, row);
+      var seq = treeConfig && path ? toTreePathSeq(path) : index + 1;
+      var level = nodes ? nodes.length - 1 : 0;
 
       if (eqEmptyValue(rowid)) {
         rowid = getRowUniqueId();
@@ -13521,10 +13567,13 @@ var Methods = {
       var rest = {
         row: row,
         rowid: rowid,
+        seq: seq,
         index: treeConfig && parent ? -1 : index,
+        _index: -1,
+        $index: -1,
         items: items,
         parent: parent,
-        level: nodes ? nodes.length - 1 : 0
+        level: level
       };
 
       if (source) {
@@ -13545,13 +13594,13 @@ var Methods = {
     fullAllDataRowMap.clear();
 
     if (treeConfig) {
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eachTree(tableFullData, handleCache, treeOpts);
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eachTree(tableFullTreeData, handleCache, treeOpts);
     } else {
       tableFullData.forEach(handleCache);
     }
   },
   loadTreeChildren: function loadTreeChildren(row, childRecords) {
-    var _this9 = this;
+    var _this10 = this;
 
     var keepSource = this.keepSource,
         tableSourceData = this.tableSourceData,
@@ -13560,14 +13609,16 @@ var Methods = {
         fullDataRowMap = this.fullDataRowMap,
         fullAllDataRowMap = this.fullAllDataRowMap,
         fullAllDataRowIdData = this.fullAllDataRowIdData;
-    var children = treeOpts.children;
+    var transform = treeOpts.transform,
+        children = treeOpts.children,
+        mapChildren = treeOpts.mapChildren;
     var rest = fullAllDataRowIdData[methods_getRowid(this, row)];
     var parentLevel = rest ? rest.level : 0;
     return this.createData(childRecords).then(function (rows) {
       if (keepSource) {
-        var rowid = methods_getRowid(_this9, row);
+        var rowid = methods_getRowid(_this10, row);
         var matchObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(tableSourceData, function (item) {
-          return rowid === methods_getRowid(_this9, item);
+          return rowid === methods_getRowid(_this10, item);
         }, treeOpts);
 
         if (matchObj) {
@@ -13576,11 +13627,14 @@ var Methods = {
       }
 
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eachTree(rows, function (childRow, index, items, path, parent, nodes) {
-        var rowid = methods_getRowid(_this9, childRow);
+        var rowid = methods_getRowid(_this10, childRow);
         var rest = {
           row: childRow,
           rowid: rowid,
+          seq: -1,
           index: -1,
+          _index: -1,
+          $index: -1,
           items: items,
           parent: parent,
           level: parentLevel + nodes.length
@@ -13591,6 +13645,11 @@ var Methods = {
         fullAllDataRowMap.set(childRow, rest);
       }, treeOpts);
       row[children] = rows;
+
+      if (transform) {
+        row[mapChildren] = rows;
+      }
+
       return rows;
     });
   },
@@ -13600,7 +13659,7 @@ var Methods = {
    * 牺牲数据组装的耗时，用来换取使用过程中的流畅
    */
   cacheColumnMap: function cacheColumnMap() {
-    var _this10 = this;
+    var _this11 = this;
 
     var tableFullColumn = this.tableFullColumn,
         collectColumn = this.collectColumn,
@@ -13737,6 +13796,25 @@ var Methods = {
     return null;
   },
 
+  /**
+   * 根据 row 获取序号
+   * @param {Row} row 行对象
+   */
+  getRowSeq: function getRowSeq(row) {
+    var fullDataRowIdData = this.fullDataRowIdData;
+
+    if (row) {
+      var rowid = methods_getRowid(this, row);
+      var rest = fullDataRowIdData[rowid];
+
+      if (rest) {
+        return rest.seq;
+      }
+    }
+
+    return -1;
+  },
+
   /**
    * 根据 row 获取相对于 data 中的索引
    * @param {Row} row 行对象
@@ -13875,13 +13953,13 @@ var Methods = {
    * @param {Array} records 新数据
    */
   createData: function createData(records) {
-    var _this11 = this;
+    var _this12 = this;
 
     var treeConfig = this.treeConfig,
         treeOpts = this.treeOpts;
 
     var handleRrecord = function handleRrecord(record) {
-      return _this11.defineField(Object.assign({}, record));
+      return _this12.defineField(Object.assign({}, record));
     };
 
     var rows = treeConfig ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.mapTree(records, handleRrecord, treeOpts) : records.map(handleRrecord);
@@ -13896,7 +13974,7 @@ var Methods = {
    * @param {Array/Object} records 新数据
    */
   createRow: function createRow(records) {
-    var _this12 = this;
+    var _this13 = this;
 
     var isArr = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isArray(records);
 
@@ -13905,7 +13983,7 @@ var Methods = {
     }
 
     return this.$nextTick().then(function () {
-      return _this12.createData(records).then(function (rows) {
+      return _this13.createData(records).then(function (rows) {
         return isArr ? rows : rows[0];
       });
     });
@@ -13919,7 +13997,7 @@ var Methods = {
    * 如果还额外传了 field 则还原指定的单元格数据
    */
   revertData: function revertData(rows, field) {
-    var _this13 = this;
+    var _this14 = this;
 
     var keepSource = this.keepSource,
         tableSourceData = this.tableSourceData,
@@ -13943,8 +14021,8 @@ var Methods = {
 
     if (targetRows.length) {
       targetRows.forEach(function (row) {
-        if (!_this13.isInsertByRow(row)) {
-          var rowIndex = _this13.getRowIndex(row);
+        if (!_this14.isInsertByRow(row)) {
+          var rowIndex = _this14.getRowIndex(row);
 
           if (treeConfig && rowIndex === -1) {
             throw new Error(UtilTools.getLog('vxe.error.noTree', ['revertData']));
@@ -14028,7 +14106,7 @@ var Methods = {
    * @param {String} field 字段名
    */
   isUpdateByRow: function isUpdateByRow(row, field) {
-    var _this14 = this;
+    var _this15 = this;
 
     var visibleColumn = this.visibleColumn,
         keepSource = this.keepSource,
@@ -14048,7 +14126,7 @@ var Methods = {
       if (treeConfig) {
         var children = treeOpts.children;
         var matchObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(tableSourceData, function (item) {
-          return rowid === methods_getRowid(_this14, item);
+          return rowid === methods_getRowid(_this15, item);
         }, treeOpts);
         row = Object.assign({}, row, _defineProperty({}, children, null));
 
@@ -14171,18 +14249,23 @@ var Methods = {
    * 如果存在筛选条件，继续处理
    */
   updateAfterFullData: function updateAfterFullData() {
-    var _this15 = this;
+    var _this16 = this;
 
     var tableFullColumn = this.tableFullColumn,
         tableFullData = this.tableFullData,
         filterOpts = this.filterOpts,
-        sortOpts = this.sortOpts;
+        sortOpts = this.sortOpts,
+        treeConfig = this.treeConfig,
+        treeOpts = this.treeOpts,
+        tableFullTreeData = this.tableFullTreeData;
     var allRemoteFilter = filterOpts.remote,
         allFilterMethod = filterOpts.filterMethod;
     var allRemoteSort = sortOpts.remote,
         allSortMethod = sortOpts.sortMethod,
         sortMultiple = sortOpts.multiple;
-    var tableData = tableFullData.slice(0);
+    var transform = treeOpts.transform;
+    var tableData = [];
+    var tableTree = [];
     var filterColumns = [];
     var orderColumns = [];
     tableFullColumn.forEach(function (column) {
@@ -14219,7 +14302,7 @@ var Methods = {
     });
 
     if (filterColumns.length) {
-      tableData = tableData.filter(function (row) {
+      var handleFilter = function handleFilter(row) {
         return filterColumns.every(function (_ref) {
           var column = _ref.column,
               valueList = _ref.valueList,
@@ -14241,7 +14324,7 @@ var Methods = {
                   cellValue: cellValue,
                   row: row,
                   column: column,
-                  $table: _this15
+                  $table: _this16
                 });
               });
             } else if (compFilterMethod) {
@@ -14252,7 +14335,7 @@ var Methods = {
                   cellValue: cellValue,
                   row: row,
                   column: column,
-                  $table: _this15
+                  $table: _this16
                 });
               });
             } else if (allFilterMethod) {
@@ -14271,7 +14354,7 @@ var Methods = {
                   cellValue: cellValue,
                   row: row,
                   column: column,
-                  $table: _this15
+                  $table: _this16
                 });
               });
             }
@@ -14281,7 +14364,19 @@ var Methods = {
 
           return true;
         });
-      });
+      };
+
+      if (treeConfig && transform) {
+        tableTree = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.searchTree(tableFullTreeData, handleFilter, _objectSpread2(_objectSpread2({}, treeOpts), {}, {
+          original: true
+        }));
+      } else {
+        tableData = treeConfig ? tableFullTreeData.filter(handleFilter) : tableFullData.filter(handleFilter);
+        tableTree = tableData;
+      }
+    } else {
+      tableData = treeConfig ? tableFullTreeData.slice(0) : tableFullData.slice(0);
+      tableTree = tableData;
     }
 
     var firstOrderColumn = orderColumns[0];
@@ -14303,7 +14398,7 @@ var Methods = {
           tableData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.orderBy(tableData, orderColumns.map(function (_ref2) {
             var column = _ref2.column,
                 order = _ref2.order;
-            return [getOrderField(_this15, column), order];
+            return [getOrderField(_this16, column), order];
           }));
         } else {
           // 兼容 v2，在 v4 中废弃， sortBy 不能为数组
@@ -14318,14 +14413,113 @@ var Methods = {
           tableData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.orderBy(tableData, sortByConfs || [firstOrderColumn].map(function (_ref3) {
             var column = _ref3.column,
                 order = _ref3.order;
-            return [getOrderField(_this15, column), order];
+            return [getOrderField(_this16, column), order];
           }));
         }
       }
+
+      tableTree = tableData;
     }
 
     this.afterFullData = tableData;
-    return tableData;
+    this.afterTreeFullData = tableTree;
+    this.updateAfterDataIndex();
+  },
+
+  /**
+   * 预编译
+   * 对渲染中的数据提前解析序号及索引。牺牲提前编译耗时换取渲染中额外损耗，使运行时更加流畅
+   */
+  updateAfterDataIndex: function updateAfterDataIndex() {
+    var _this17 = this;
+
+    var treeConfig = this.treeConfig,
+        afterFullData = this.afterFullData,
+        fullDataRowIdData = this.fullDataRowIdData,
+        fullAllDataRowIdData = this.fullAllDataRowIdData,
+        afterTreeFullData = this.afterTreeFullData,
+        treeOpts = this.treeOpts;
+
+    if (treeConfig) {
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eachTree(afterTreeFullData, function (row, index, items, path) {
+        var rowid = methods_getRowid(_this17, row);
+        var allrest = fullAllDataRowIdData[rowid];
+        var fullrest = fullDataRowIdData[rowid];
+        var seq = path.map(function (num, i) {
+          return i % 2 === 0 ? Number(num) + 1 : '.';
+        }).join('');
+
+        if (allrest) {
+          allrest.seq = seq;
+        }
+
+        if (fullrest) {
+          fullrest.seq = seq;
+        } else {
+          fullAllDataRowIdData[rowid] = {
+            row: row,
+            rowid: rowid,
+            seq: seq,
+            index: -1,
+            $index: -1,
+            _index: index,
+            items: [],
+            parent: null,
+            level: 0
+          };
+          fullDataRowIdData[rowid] = {
+            row: row,
+            rowid: rowid,
+            seq: seq,
+            index: -1,
+            $index: -1,
+            _index: index,
+            items: [],
+            parent: null,
+            level: 0
+          };
+        }
+      }, treeOpts);
+    } else {
+      afterFullData.forEach(function (row, index) {
+        var rowid = methods_getRowid(_this17, row);
+        var allrest = fullAllDataRowIdData[rowid];
+        var fullrest = fullDataRowIdData[rowid];
+        var seq = index + 1;
+
+        if (allrest) {
+          allrest.seq = seq;
+        }
+
+        if (fullrest) {
+          fullrest.seq = seq;
+          fullrest._index = index;
+        } else {
+          fullAllDataRowIdData[rowid] = {
+            row: row,
+            rowid: rowid,
+            seq: seq,
+            index: -1,
+            $index: -1,
+            _index: index,
+            items: [],
+            parent: null,
+            level: 0
+          };
+          fullDataRowIdData[rowid] = {
+            row: row,
+            rowid: rowid,
+            seq: seq,
+            index: -1,
+            $index: -1,
+            _index: index,
+            items: [],
+            parent: null,
+            level: 0
+          };
+        }
+      });
+    }
   },
 
   /**
@@ -14369,7 +14563,7 @@ var Methods = {
    * 默认执行一次，除非被重置
    */
   handleLoadDefaults: function handleLoadDefaults() {
-    var _this16 = this;
+    var _this18 = this;
 
     if (this.checkboxConfig) {
       this.handleDefaultSelectionChecked();
@@ -14396,7 +14590,7 @@ var Methods = {
     }
 
     this.$nextTick(function () {
-      return setTimeout(_this16.recalculate);
+      return setTimeout(_this18.recalculate);
     });
   },
 
@@ -14646,12 +14840,12 @@ var Methods = {
    * 刷新列配置
    */
   refreshColumn: function refreshColumn() {
-    var _this17 = this;
+    var _this19 = this;
 
     return this.parseColumns().then(function () {
-      return _this17.refreshScroll();
+      return _this19.refreshScroll();
     }).then(function () {
-      return _this17.recalculate();
+      return _this19.recalculate();
     });
   },
 
@@ -14660,7 +14854,7 @@ var Methods = {
    * 将固定的列左边、右边分别靠边
    */
   parseColumns: function parseColumns() {
-    var _this18 = this;
+    var _this20 = this;
 
     var leftList = [];
     var centerList = [];
@@ -14767,11 +14961,11 @@ var Methods = {
     this.visibleColumn = visibleColumn;
     this.handleTableColumn();
     return this.updateFooter().then(function () {
-      return _this18.recalculate();
+      return _this20.recalculate();
     }).then(function () {
-      _this18.updateCellAreas();
+      _this20.updateCellAreas();
 
-      return _this18.recalculate();
+      return _this20.recalculate();
     });
   },
 
@@ -14855,7 +15049,7 @@ var Methods = {
    * 支持 width=? width=?px width=?% min-width=? min-width=?px min-width=?%
    */
   recalculate: function recalculate(refull) {
-    var _this19 = this;
+    var _this21 = this;
 
     var $refs = this.$refs;
     var tableBody = $refs.tableBody,
@@ -14871,9 +15065,9 @@ var Methods = {
       if (refull === true) {
         // 初始化时需要在列计算之后再执行优化运算，达到最优显示效果
         return this.computeScrollLoad().then(function () {
-          _this19.autoCellWidth(headerElem, bodyElem, footerElem);
+          _this21.autoCellWidth(headerElem, bodyElem, footerElem);
 
-          return _this19.computeScrollLoad();
+          return _this21.computeScrollLoad();
         });
       }
     }
@@ -15021,7 +15215,7 @@ var Methods = {
     this.customMaxHeight = methods_calcHeight(this, 'maxHeight');
   },
   updateStyle: function updateStyle() {
-    var _this20 = this;
+    var _this22 = this;
 
     var $refs = this.$refs,
         isGroup = this.isGroup,
@@ -15125,7 +15319,7 @@ var Methods = {
 
           if (isGroup && listElem) {
             external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.arrayEach(listElem.querySelectorAll('.col--group'), function (thElem) {
-              var colNode = _this20.getColumnNode(thElem);
+              var colNode = _this22.getColumnNode(thElem);
 
               if (colNode) {
                 var column = colNode.item;
@@ -15306,10 +15500,10 @@ var Methods = {
 
                   if (cellElem) {
                     if (colspan > 1) {
-                      var columnIndex = _this20.getColumnIndex(column);
+                      var columnIndex = _this22.getColumnIndex(column);
 
                       for (var _index = 1; _index < colspan; _index++) {
-                        var nextColumn = _this20.getColumns(columnIndex + _index);
+                        var nextColumn = _this22.getColumns(columnIndex + _index);
 
                         if (nextColumn) {
                           colWidth += nextColumn.renderWidth;
@@ -15359,15 +15553,15 @@ var Methods = {
     }
   },
   preventEvent: function preventEvent(evnt, type, args, next, end) {
-    var _this21 = this;
+    var _this23 = this;
 
     var evntList = v_x_e_table.interceptor.get(type);
     var rest;
 
     if (!evntList.some(function (func) {
       return func(Object.assign({
-        $grid: _this21.$xegrid,
-        $table: _this21,
+        $grid: _this23.$xegrid,
+        $table: _this23,
         $event: evnt
       }, args)) === false;
     })) {
@@ -15387,7 +15581,7 @@ var Methods = {
    * 全局按下事件处理
    */
   handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
-    var _this22 = this;
+    var _this24 = this;
 
     var $el = this.$el,
         $refs = this.$refs,
@@ -15448,7 +15642,7 @@ var Methods = {
                 } // 如果固定了高度且点击了行之外的空白处，则清除激活状态
 
 
-                if (!isClearActived && _this22.height && !_this22.overflowY) {
+                if (!isClearActived && _this24.height && !_this24.overflowY) {
                   var bodyWrapperElem = evnt.target;
 
                   if (methods_hasClass(bodyWrapperElem, 'vxe-table--body-wrapper')) {
@@ -15459,7 +15653,7 @@ var Methods = {
                 if (isClearActived || // 如果点击了当前表格之外
                 !getEventTargetNode(evnt, $el).flag) {
                   setTimeout(function () {
-                    return _this22.clearActived(evnt);
+                    return _this24.clearActived(evnt);
                   });
                 }
               });
@@ -15473,9 +15667,9 @@ var Methods = {
 
         if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-areas-clear').flag) {
           this.preventEvent(evnt, 'event.clearAreas', {}, function () {
-            _this22.clearCellAreas();
+            _this24.clearCellAreas();
 
-            _this22.clearCopyCellArea();
+            _this24.clearCopyCellArea();
           });
         }
       }
@@ -15510,45 +15704,48 @@ var Methods = {
    * 表格键盘事件
    */
   keydownEvent: function keydownEvent(evnt) {
-    var _this23 = this;
+    var _this25 = this;
 
     var filterStore = this.filterStore,
         ctxMenuStore = this.ctxMenuStore,
         editStore = this.editStore,
         keyboardConfig = this.keyboardConfig,
         mouseConfig = this.mouseConfig,
-        mouseOpts = this.mouseOpts;
+        mouseOpts = this.mouseOpts,
+        keyboardOpts = this.keyboardOpts;
     var actived = editStore.actived;
     var keyCode = evnt.keyCode;
     var isEsc = keyCode === 27;
 
     if (isEsc) {
       this.preventEvent(evnt, 'event.keydown', null, function () {
-        if (keyboardConfig && mouseConfig && mouseOpts.area && _this23.handleKeyboardEvent) {
-          _this23.handleKeyboardEvent(evnt);
+        if (keyboardConfig && mouseConfig && mouseOpts.area && _this25.handleKeyboardEvent) {
+          _this25.handleKeyboardEvent(evnt);
         } else if (actived.row || filterStore.visible || ctxMenuStore.visible) {
           evnt.stopPropagation(); // 如果按下了 Esc 键，关闭快捷菜单、筛选
 
-          _this23.closeFilter();
+          _this25.closeFilter();
 
-          _this23.closeMenu(); // 如果是激活编辑状态，则取消编辑
+          _this25.closeMenu();
 
+          if (keyboardConfig && keyboardOpts.isEsc) {
+            // 如果是激活编辑状态，则取消编辑
+            if (actived.row) {
+              var params = actived.args;
 
-          if (actived.row) {
-            var params = actived.args;
-
-            _this23.clearActived(evnt); // 如果配置了选中功能，则为选中状态
+              _this25.clearActived(evnt); // 如果配置了选中功能，则为选中状态
 
 
-            if (mouseConfig && mouseOpts.selected) {
-              _this23.$nextTick(function () {
-                return _this23.handleSelected(params, evnt);
-              });
+              if (mouseConfig && mouseOpts.selected) {
+                _this25.$nextTick(function () {
+                  return _this25.handleSelected(params, evnt);
+                });
+              }
             }
           }
         }
 
-        _this23.emitEvent('keydown', {}, evnt);
+        _this25.emitEvent('keydown', {}, evnt);
       });
     }
   },
@@ -15557,27 +15754,27 @@ var Methods = {
    * 全局键盘事件
    */
   handleGlobalKeydownEvent: function handleGlobalKeydownEvent(evnt) {
-    var _this24 = this;
+    var _this26 = this;
 
     // 该行为只对当前激活的表格有效
     if (this.isActivated) {
       this.preventEvent(evnt, 'event.keydown', null, function () {
-        var filterStore = _this24.filterStore,
-            isCtxMenu = _this24.isCtxMenu,
-            ctxMenuStore = _this24.ctxMenuStore,
-            editStore = _this24.editStore,
-            editOpts = _this24.editOpts,
-            editConfig = _this24.editConfig,
-            mouseConfig = _this24.mouseConfig,
-            mouseOpts = _this24.mouseOpts,
-            keyboardConfig = _this24.keyboardConfig,
-            keyboardOpts = _this24.keyboardOpts,
-            treeConfig = _this24.treeConfig,
-            treeOpts = _this24.treeOpts,
-            highlightCurrentRow = _this24.highlightCurrentRow,
-            currentRow = _this24.currentRow,
-            bodyCtxMenu = _this24.bodyCtxMenu,
-            rowOpts = _this24.rowOpts;
+        var filterStore = _this26.filterStore,
+            isCtxMenu = _this26.isCtxMenu,
+            ctxMenuStore = _this26.ctxMenuStore,
+            editStore = _this26.editStore,
+            editOpts = _this26.editOpts,
+            editConfig = _this26.editConfig,
+            mouseConfig = _this26.mouseConfig,
+            mouseOpts = _this26.mouseOpts,
+            keyboardConfig = _this26.keyboardConfig,
+            keyboardOpts = _this26.keyboardOpts,
+            treeConfig = _this26.treeConfig,
+            treeOpts = _this26.treeOpts,
+            highlightCurrentRow = _this26.highlightCurrentRow,
+            currentRow = _this26.currentRow,
+            bodyCtxMenu = _this26.bodyCtxMenu,
+            rowOpts = _this26.rowOpts;
         var selected = editStore.selected,
             actived = editStore.actived;
         var keyCode = evnt.keyCode;
@@ -15604,7 +15801,7 @@ var Methods = {
 
         if (filterStore.visible) {
           if (isEsc) {
-            _this24.closeFilter();
+            _this26.closeFilter();
           }
 
           return;
@@ -15615,20 +15812,20 @@ var Methods = {
           evnt.preventDefault();
 
           if (ctxMenuStore.showChild && hasChildrenList(ctxMenuStore.selected)) {
-            _this24.moveCtxMenu(evnt, keyCode, ctxMenuStore, 'selectChild', 37, false, ctxMenuStore.selected.children);
+            _this26.moveCtxMenu(evnt, keyCode, ctxMenuStore, 'selectChild', 37, false, ctxMenuStore.selected.children);
           } else {
-            _this24.moveCtxMenu(evnt, keyCode, ctxMenuStore, 'selected', 39, true, _this24.ctxMenuList);
+            _this26.moveCtxMenu(evnt, keyCode, ctxMenuStore, 'selected', 39, true, _this26.ctxMenuList);
           }
-        } else if (keyboardConfig && mouseConfig && mouseOpts.area && _this24.handleKeyboardEvent) {
-          _this24.handleKeyboardEvent(evnt);
+        } else if (keyboardConfig && mouseConfig && mouseOpts.area && _this26.handleKeyboardEvent) {
+          _this26.handleKeyboardEvent(evnt);
         } else if (keyboardConfig && isSpacebar && keyboardOpts.isChecked && selected.row && selected.column && (selected.column.type === 'checkbox' || selected.column.type === 'radio')) {
           // 空格键支持选中复选框
           evnt.preventDefault();
 
           if (selected.column.type === 'checkbox') {
-            _this24.handleToggleCheckRowEvent(evnt, selected.args);
+            _this26.handleToggleCheckRowEvent(evnt, selected.args);
           } else {
-            _this24.triggerRadioRowEvent(evnt, selected.args);
+            _this26.triggerRadioRowEvent(evnt, selected.args);
           }
         } else if (isF2 && isEnableConf(editConfig)) {
           if (!isEditStatus) {
@@ -15637,15 +15834,15 @@ var Methods = {
               evnt.stopPropagation();
               evnt.preventDefault();
 
-              _this24.handleActived(selected.args, evnt);
+              _this26.handleActived(selected.args, evnt);
             }
           }
         } else if (isContextMenu) {
           // 如果按下上下文键
-          _this24._keyCtx = selected.row && selected.column && bodyCtxMenu.length;
-          clearTimeout(_this24.keyCtxTimeout);
-          _this24.keyCtxTimeout = setTimeout(function () {
-            _this24._keyCtx = false;
+          _this26._keyCtx = selected.row && selected.column && bodyCtxMenu.length;
+          clearTimeout(_this26.keyCtxTimeout);
+          _this26.keyCtxTimeout = setTimeout(function () {
+            _this26._keyCtx = false;
           }, 1000);
         } else if (isEnter && !hasAltKey && keyboardConfig && keyboardOpts.isEnter && (selected.row || actived.row || treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow)) {
           // 退出选中
@@ -15654,12 +15851,12 @@ var Methods = {
             if (actived.row) {
               params = actived.args;
 
-              _this24.clearActived(evnt); // 如果配置了选中功能，则为选中状态
+              _this26.clearActived(evnt); // 如果配置了选中功能，则为选中状态
 
 
               if (mouseConfig && mouseOpts.selected) {
-                _this24.$nextTick(function () {
-                  return _this24.handleSelected(params, evnt);
+                _this26.$nextTick(function () {
+                  return _this26.handleSelected(params, evnt);
                 });
               }
             }
@@ -15670,15 +15867,15 @@ var Methods = {
 
               if (hasShiftKey) {
                 if (keyboardOpts.enterToTab) {
-                  _this24.moveTabSelected(targetArgs, hasShiftKey, evnt);
+                  _this26.moveTabSelected(targetArgs, hasShiftKey, evnt);
                 } else {
-                  _this24.moveSelected(targetArgs, isLeftArrow, true, isRightArrow, false, evnt);
+                  _this26.moveSelected(targetArgs, isLeftArrow, true, isRightArrow, false, evnt);
                 }
               } else {
                 if (keyboardOpts.enterToTab) {
-                  _this24.moveTabSelected(targetArgs, hasShiftKey, evnt);
+                  _this26.moveTabSelected(targetArgs, hasShiftKey, evnt);
                 } else {
-                  _this24.moveSelected(targetArgs, isLeftArrow, false, isRightArrow, true, evnt);
+                  _this26.moveSelected(targetArgs, isLeftArrow, false, isRightArrow, true, evnt);
                 }
               }
             } else if (treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
@@ -15689,14 +15886,14 @@ var Methods = {
                 evnt.preventDefault();
                 var targetRow = childrens[0];
                 params = {
-                  $table: _this24,
+                  $table: _this26,
                   row: targetRow
                 };
 
-                _this24.setTreeExpand(currentRow, true).then(function () {
-                  return _this24.scrollToRow(targetRow);
+                _this26.setTreeExpand(currentRow, true).then(function () {
+                  return _this26.scrollToRow(targetRow);
                 }).then(function () {
-                  return _this24.triggerCurrentRowEvent(evnt, params);
+                  return _this26.triggerCurrentRowEvent(evnt, params);
                 });
               }
             }
@@ -15705,18 +15902,18 @@ var Methods = {
           if (!isEditStatus) {
             // 如果按下了方向键
             if (selected.row && selected.column) {
-              _this24.moveSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
+              _this26.moveSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
             } else if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
               // 当前行按键上下移动
-              _this24.moveCurrentRow(isUpArrow, isDwArrow, evnt);
+              _this26.moveCurrentRow(isUpArrow, isDwArrow, evnt);
             }
           }
         } else if (isTab && keyboardConfig && keyboardOpts.isTab) {
           // 如果按下了 Tab 键切换
           if (selected.row || selected.column) {
-            _this24.moveTabSelected(selected.args, hasShiftKey, evnt);
+            _this26.moveTabSelected(selected.args, hasShiftKey, evnt);
           } else if (actived.row || actived.column) {
-            _this24.moveTabSelected(actived.args, hasShiftKey, evnt);
+            _this26.moveTabSelected(actived.args, hasShiftKey, evnt);
           }
         } else if (keyboardConfig && (isDel || (treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow ? isBack && keyboardOpts.isArrow : isBack))) {
           if (!isEditStatus) {
@@ -15727,10 +15924,10 @@ var Methods = {
               if (delMethod) {
                 delMethod({
                   row: selected.row,
-                  rowIndex: _this24.getRowIndex(selected.row),
+                  rowIndex: _this26.getRowIndex(selected.row),
                   column: selected.column,
-                  columnIndex: _this24.getColumnIndex(selected.column),
-                  $table: _this24
+                  columnIndex: _this26.getColumnIndex(selected.column),
+                  $table: _this26
                 });
               } else {
                 methods_setCellValue(selected.row, selected.column, null);
@@ -15740,21 +15937,21 @@ var Methods = {
                 if (backMethod) {
                   backMethod({
                     row: selected.row,
-                    rowIndex: _this24.getRowIndex(selected.row),
+                    rowIndex: _this26.getRowIndex(selected.row),
                     column: selected.column,
-                    columnIndex: _this24.getColumnIndex(selected.column),
-                    $table: _this24
+                    columnIndex: _this26.getColumnIndex(selected.column),
+                    $table: _this26
                   });
                 } else {
-                  _this24.handleActived(selected.args, evnt);
+                  _this26.handleActived(selected.args, evnt);
                 }
               } else if (isDel) {
                 // 如果按下 del 键，更新表尾数据
-                _this24.updateFooter();
+                _this26.updateFooter();
               }
             } else if (isBack && keyboardOpts.isArrow && treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
               // 如果树形表格回退键关闭当前行返回父节点
-              var _XEUtils$findTree = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(_this24.afterFullData, function (item) {
+              var _XEUtils$findTree = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(_this26.afterFullData, function (item) {
                 return item === currentRow;
               }, treeOpts),
                   parentRow = _XEUtils$findTree.parent;
@@ -15762,14 +15959,14 @@ var Methods = {
               if (parentRow) {
                 evnt.preventDefault();
                 params = {
-                  $table: _this24,
+                  $table: _this26,
                   row: parentRow
                 };
 
-                _this24.setTreeExpand(parentRow, false).then(function () {
-                  return _this24.scrollToRow(parentRow);
+                _this26.setTreeExpand(parentRow, false).then(function () {
+                  return _this26.scrollToRow(parentRow);
                 }).then(function () {
-                  return _this24.triggerCurrentRowEvent(evnt, params);
+                  return _this26.triggerCurrentRowEvent(evnt, params);
                 });
               }
             }
@@ -15786,21 +15983,21 @@ var Methods = {
               if (editMethod) {
                 editMethod({
                   row: selected.row,
-                  rowIndex: _this24.getRowIndex(selected.row),
+                  rowIndex: _this26.getRowIndex(selected.row),
                   column: selected.column,
-                  columnIndex: _this24.getColumnIndex(selected.column),
-                  $table: _this24
+                  columnIndex: _this26.getColumnIndex(selected.column),
+                  $table: _this26
                 });
               } else {
                 methods_setCellValue(selected.row, selected.column, null);
 
-                _this24.handleActived(selected.args, evnt);
+                _this26.handleActived(selected.args, evnt);
               }
             }
           }
         }
 
-        _this24.emitEvent('keydown', {}, evnt);
+        _this26.emitEvent('keydown', {}, evnt);
       });
     }
   },
@@ -15870,12 +16067,12 @@ var Methods = {
     this.recalculate(true);
   },
   handleTooltipLeaveMethod: function handleTooltipLeaveMethod() {
-    var _this25 = this;
+    var _this27 = this;
 
     var tooltipOpts = this.tooltipOpts;
     setTimeout(function () {
-      if (!_this25.tooltipActive) {
-        _this25.closeTooltip();
+      if (!_this27.tooltipActive) {
+        _this27.closeTooltip();
       }
     }, tooltipOpts.leaveDelay);
     return false;
@@ -15886,17 +16083,17 @@ var Methods = {
     this.closeTooltip();
   },
   handleTargetLeaveEvent: function handleTargetLeaveEvent() {
-    var _this26 = this;
+    var _this28 = this;
 
     var tooltipOpts = this.tooltipOpts;
     this.tooltipActive = false;
 
     if (tooltipOpts.enterable) {
       this.tooltipTimeout = setTimeout(function () {
-        var tooltip = _this26.$refs.tooltip;
+        var tooltip = _this28.$refs.tooltip;
 
         if (tooltip && !tooltip.isHover) {
-          _this26.closeTooltip();
+          _this28.closeTooltip();
         }
       }, tooltipOpts.leaveDelay);
     } else {
@@ -16126,14 +16323,14 @@ var Methods = {
    * @param {Boolean} value 是否选中
    */
   setCheckboxRow: function setCheckboxRow(rows, value) {
-    var _this27 = this;
+    var _this29 = this;
 
     if (rows && !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isArray(rows)) {
       rows = [rows];
     }
 
     rows.forEach(function (row) {
-      return _this27.handleSelectRow({
+      return _this29.handleSelectRow({
         row: row
       }, !!value);
     });
@@ -16157,7 +16354,7 @@ var Methods = {
    * value 选中true 不选false 半选-1
    */
   handleSelectRow: function handleSelectRow(_ref5, value) {
-    var _this28 = this;
+    var _this30 = this;
 
     var row = _ref5.row;
     var selection = this.selection,
@@ -16189,7 +16386,7 @@ var Methods = {
                 return half === item;
               });
 
-              _this28.handleCheckboxReserveRow(row, value);
+              _this30.handleCheckboxReserveRow(row, value);
             }
           }, treeOpts);
         } // 如果存在父节点，更新父节点状态
@@ -16261,7 +16458,7 @@ var Methods = {
                 return half === item;
               });
 
-              _this28.handleCheckboxReserveRow(row, value);
+              _this30.handleCheckboxReserveRow(row, value);
             }
           }, treeOpts);
         } // 如果存在父节点，更新父节点状态
@@ -16365,7 +16562,7 @@ var Methods = {
    * @param {Boolean} value 是否选中
    */
   setAllCheckboxRow: function setAllCheckboxRow(value) {
-    var _this29 = this;
+    var _this31 = this;
 
     var afterFullData = this.afterFullData,
         treeConfig = this.treeConfig,
@@ -16478,11 +16675,11 @@ var Methods = {
       if (reserve) {
         if (value) {
           selectRows.forEach(function (row) {
-            checkboxReserveRowMap[methods_getRowid(_this29, row)] = row;
+            checkboxReserveRowMap[methods_getRowid(_this31, row)] = row;
           });
         } else {
           afterFullData.forEach(function (row) {
-            return _this29.handleCheckboxReserveRow(row, false);
+            return _this31.handleCheckboxReserveRow(row, false);
           });
         }
       }
@@ -16677,7 +16874,7 @@ var Methods = {
    * 获取复选框保留选中的行
    */
   getCheckboxReserveRecords: function getCheckboxReserveRecords(isFull) {
-    var _this30 = this;
+    var _this32 = this;
 
     var fullDataRowIdData = this.fullDataRowIdData,
         afterFullData = this.afterFullData,
@@ -16692,11 +16889,11 @@ var Methods = {
 
       if (treeConfig) {
         external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eachTree(afterFullData, function (row) {
-          afterFullIdMaps[methods_getRowid(_this30, row)] = 1;
+          afterFullIdMaps[methods_getRowid(_this32, row)] = 1;
         }, treeOpts);
       } else {
         afterFullData.forEach(function (row) {
-          afterFullIdMaps[methods_getRowid(_this30, row)] = 1;
+          afterFullIdMaps[methods_getRowid(_this32, row)] = 1;
         });
       }
 
@@ -16762,7 +16959,7 @@ var Methods = {
    * 清空行为不管是否被禁用还是保留记录，都将彻底清空选中状态
    */
   clearCheckboxRow: function clearCheckboxRow() {
-    var _this31 = this;
+    var _this33 = this;
 
     var tableFullData = this.tableFullData,
         treeConfig = this.treeConfig,
@@ -16785,7 +16982,7 @@ var Methods = {
 
     if (reserve) {
       tableFullData.forEach(function (row) {
-        return _this31.handleCheckboxReserveRow(row, false);
+        return _this33.handleCheckboxReserveRow(row, false);
       });
     }
 
@@ -17076,13 +17273,13 @@ var Methods = {
    * 如果存在规则，则校验
    */
   handleChangeCell: function handleChangeCell(evnt, params) {
-    var _this32 = this;
+    var _this34 = this;
 
     this.checkValidate('blur').catch(function (e) {
       return e;
     }).then(function () {
-      _this32.handleActived(params, evnt).then(function () {
-        return _this32.checkValidate('change');
+      _this34.handleActived(params, evnt).then(function () {
+        return _this34.checkValidate('change');
       }).catch(function (e) {
         return e;
       });
@@ -17185,7 +17382,7 @@ var Methods = {
    * 如果是双击模式，则激活为编辑状态
    */
   triggerCellDblclickEvent: function triggerCellDblclickEvent(evnt, params) {
-    var _this33 = this;
+    var _this35 = this;
 
     var editStore = this.editStore,
         editConfig = this.editConfig,
@@ -17200,15 +17397,15 @@ var Methods = {
           this.checkValidate('blur').catch(function (e) {
             return e;
           }).then(function () {
-            _this33.handleActived(params, evnt).then(function () {
-              return _this33.checkValidate('change');
+            _this35.handleActived(params, evnt).then(function () {
+              return _this35.checkValidate('change');
             }).catch(function (e) {
               return e;
             });
           });
         } else if (editOpts.mode === 'cell') {
           this.handleActived(params, evnt).then(function () {
-            return _this33.checkValidate('change');
+            return _this35.checkValidate('change');
           }).catch(function (e) {
             return e;
           });
@@ -17219,7 +17416,7 @@ var Methods = {
     this.emitEvent('cell-dblclick', params, evnt);
   },
   handleDefaultSort: function handleDefaultSort() {
-    var _this34 = this;
+    var _this36 = this;
 
     var sortConfig = this.sortConfig,
         sortOpts = this.sortOpts;
@@ -17236,7 +17433,7 @@ var Methods = {
               order = item.order;
 
           if (field && order) {
-            var column = _this34.getColumnByField(field);
+            var column = _this36.getColumnByField(field);
 
             if (column && column.sortable) {
               column.order = order;
@@ -17279,7 +17476,7 @@ var Methods = {
     }
   },
   sort: function sort(sortConfs, sortOrder) {
-    var _this35 = this;
+    var _this37 = this;
 
     var sortOpts = this.sortOpts;
     var multiple = sortOpts.multiple,
@@ -17312,7 +17509,7 @@ var Methods = {
         var column = field;
 
         if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isString(field)) {
-          column = _this35.getColumnByField(field);
+          column = _this37.getColumnByField(field);
         }
 
         if (column && (column.sortable || column.remoteSort)) {
@@ -17321,7 +17518,7 @@ var Methods = {
           }
 
           if (orders.indexOf(order) === -1) {
-            order = getNextSortOrder(_this35, column);
+            order = getNextSortOrder(_this37, column);
           }
 
           if (column.order !== order) {
@@ -17469,7 +17666,7 @@ var Methods = {
    * @param {Row} row 行对象
    */
   reloadRowExpand: function reloadRowExpand(row) {
-    var _this36 = this;
+    var _this38 = this;
 
     var expandOpts = this.expandOpts,
         expandLazyLoadeds = this.expandLazyLoadeds;
@@ -17477,7 +17674,7 @@ var Methods = {
 
     if (lazy && expandLazyLoadeds.indexOf(row) === -1) {
       this.clearRowExpandLoaded(row).then(function () {
-        return _this36.handleAsyncRowExpand(row);
+        return _this38.handleAsyncRowExpand(row);
       });
     }
 
@@ -17554,28 +17751,28 @@ var Methods = {
     return this.setRowExpand(this.expandOpts.lazy ? this.tableData : this.tableFullData, expanded);
   },
   handleAsyncRowExpand: function handleAsyncRowExpand(row) {
-    var _this37 = this;
+    var _this39 = this;
 
     var rest = this.fullAllDataRowMap.get(row);
     return new Promise(function (resolve) {
-      _this37.expandLazyLoadeds.push(row);
+      _this39.expandLazyLoadeds.push(row);
 
-      _this37.expandOpts.loadMethod({
-        $table: _this37,
+      _this39.expandOpts.loadMethod({
+        $table: _this39,
         row: row,
-        rowIndex: _this37.getRowIndex(row),
-        $rowIndex: _this37.getVMRowIndex(row)
+        rowIndex: _this39.getRowIndex(row),
+        $rowIndex: _this39.getVMRowIndex(row)
       }).catch(function (e) {
         return e;
       }).then(function () {
         rest.expandLoaded = true;
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.remove(_this37.expandLazyLoadeds, function (item) {
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.remove(_this39.expandLazyLoadeds, function (item) {
           return item === row;
         });
 
-        _this37.rowExpandeds.push(row);
+        _this39.rowExpandeds.push(row);
 
-        resolve(_this37.$nextTick().then(_this37.recalculate));
+        resolve(_this39.$nextTick().then(_this39.recalculate));
       });
     });
   },
@@ -17588,7 +17785,7 @@ var Methods = {
    * @param {Boolean} expanded 是否展开
    */
   setRowExpand: function setRowExpand(rows, expanded) {
-    var _this38 = this;
+    var _this40 = this;
 
     var fullAllDataRowMap = this.fullAllDataRowMap,
         expandLazyLoadeds = this.expandLazyLoadeds,
@@ -17621,8 +17818,8 @@ var Methods = {
           columnIndex: columnIndex,
           $columnIndex: $columnIndex,
           row: row,
-          rowIndex: _this38.getRowIndex(row),
-          $rowIndex: _this38.getVMRowIndex(row)
+          rowIndex: _this40.getRowIndex(row),
+          $rowIndex: _this40.getVMRowIndex(row)
         });
       }) : rows;
 
@@ -17633,7 +17830,7 @@ var Methods = {
             var isLoad = lazy && !rest.expandLoaded && expandLazyLoadeds.indexOf(row) === -1;
 
             if (isLoad) {
-              lazyRests.push(_this38.handleAsyncRowExpand(row));
+              lazyRests.push(_this40.handleAsyncRowExpand(row));
             } else {
               rowExpandeds.push(row);
             }
@@ -17647,7 +17844,7 @@ var Methods = {
 
       if (reserve) {
         validRows.forEach(function (row) {
-          return _this38.handleRowExpandReserve(row, expanded);
+          return _this40.handleRowExpandReserve(row, expanded);
         });
       }
     }
@@ -17668,7 +17865,7 @@ var Methods = {
    * 手动清空展开行状态，数据会恢复成未展开的状态
    */
   clearRowExpand: function clearRowExpand() {
-    var _this39 = this;
+    var _this41 = this;
 
     var expandOpts = this.expandOpts,
         rowExpandeds = this.rowExpandeds,
@@ -17679,13 +17876,13 @@ var Methods = {
 
     if (reserve) {
       tableFullData.forEach(function (row) {
-        return _this39.handleRowExpandReserve(row, false);
+        return _this41.handleRowExpandReserve(row, false);
       });
     }
 
     return this.$nextTick().then(function () {
       if (isExists) {
-        _this39.recalculate();
+        _this41.recalculate();
       }
     });
   },
@@ -17758,7 +17955,7 @@ var Methods = {
    * @param {Row} row 行对象
    */
   reloadTreeExpand: function reloadTreeExpand(row) {
-    var _this40 = this;
+    var _this42 = this;
 
     var treeOpts = this.treeOpts,
         treeLazyLoadeds = this.treeLazyLoadeds;
@@ -17768,13 +17965,13 @@ var Methods = {
 
     if (lazy && row[hasChild] && treeLazyLoadeds.indexOf(row) === -1) {
       this.clearTreeExpandLoaded(row).then(function () {
-        return _this40.handleAsyncTreeExpandChilds(row);
+        return _this42.handleAsyncTreeExpandChilds(row);
       }).then(function () {
         if (transform) {
-          return _this40.updateVirtualTreeData();
+          return _this42.handleTableData();
         }
       }).then(function () {
-        return _this40.recalculate();
+        return _this42.recalculate();
       });
     }
 
@@ -17850,20 +18047,21 @@ var Methods = {
     }
   },
   handleAsyncTreeExpandChilds: function handleAsyncTreeExpandChilds(row) {
-    var _this41 = this;
+    var _this43 = this;
 
     var fullAllDataRowMap = this.fullAllDataRowMap,
         treeExpandeds = this.treeExpandeds,
         treeOpts = this.treeOpts,
         treeLazyLoadeds = this.treeLazyLoadeds,
         checkboxOpts = this.checkboxOpts;
-    var loadMethod = treeOpts.loadMethod;
+    var transform = treeOpts.transform,
+        loadMethod = treeOpts.loadMethod;
     var checkStrictly = checkboxOpts.checkStrictly;
     var rest = fullAllDataRowMap.get(row);
     return new Promise(function (resolve) {
       treeLazyLoadeds.push(row);
       loadMethod({
-        $table: _this41,
+        $table: _this43,
         row: row
       }).catch(function () {
         return [];
@@ -17878,19 +18076,33 @@ var Methods = {
         }
 
         if (childRecords) {
-          _this41.loadTreeChildren(row, childRecords).then(function (childRows) {
+          _this43.loadTreeChildren(row, childRecords).then(function (childRows) {
             if (childRows.length && treeExpandeds.indexOf(row) === -1) {
               treeExpandeds.push(row);
             } // 如果当前节点已选中，则展开后子节点也被选中
 
 
-            if (!checkStrictly && _this41.isCheckedByCheckboxRow(row)) {
-              _this41.setCheckboxRow(childRows, true);
+            if (!checkStrictly && _this43.isCheckedByCheckboxRow(row)) {
+              _this43.setCheckboxRow(childRows, true);
             }
+
+            _this43.$nextTick().then(function () {
+              if (transform) {
+                return _this43.handleTableData();
+              }
+            }).then(function () {
+              return _this43.recalculate();
+            }).then(function () {
+              return resolve();
+            });
+          });
+        } else {
+          _this43.$nextTick().then(function () {
+            return _this43.recalculate();
+          }).then(function () {
+            return resolve();
           });
         }
-
-        resolve(_this41.$nextTick().then(_this41.recalculate));
       });
     });
   },
@@ -17922,7 +18134,7 @@ var Methods = {
    * @returns
    */
   handleBaseTreeExpand: function handleBaseTreeExpand(rows, expanded) {
-    var _this42 = this;
+    var _this44 = this;
 
     var fullAllDataRowMap = this.fullAllDataRowMap,
         tableFullData = this.tableFullData,
@@ -17970,7 +18182,7 @@ var Methods = {
           var isLoad = lazy && row[hasChild] && !rest.treeLoaded && treeLazyLoadeds.indexOf(row) === -1; // 是否使用懒加载
 
           if (isLoad) {
-            result.push(_this42.handleAsyncTreeExpandChilds(row));
+            result.push(_this44.handleAsyncTreeExpandChilds(row));
           } else {
             if (row[children] && row[children].length) {
               treeExpandeds.push(row);
@@ -17986,38 +18198,12 @@ var Methods = {
 
     if (reserve) {
       validRows.forEach(function (row) {
-        return _this42.handleTreeExpandReserve(row, expanded);
+        return _this44.handleTreeExpandReserve(row, expanded);
       });
     }
 
     return Promise.all(result).then(this.recalculate);
   },
-  updateVirtualTreeData: function updateVirtualTreeData() {
-    var _this43 = this;
-
-    var oldScrollYLoad = this.scrollYLoad,
-        treeExpandeds = this.treeExpandeds,
-        treeOpts = this.treeOpts,
-        treeFullData = this.treeFullData;
-    var fullData = [];
-    var expandMaps = new Map();
-    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eachTree(treeFullData, function (row, index, items, path, parent) {
-      if (!parent || expandMaps.has(parent) && treeExpandeds.indexOf(parent) > -1) {
-        expandMaps.set(row, 1);
-        fullData.push(row);
-      }
-    }, treeOpts);
-    var scrollYLoad = this.updateScrollYStatus(fullData);
-    this.tableFullData = scrollYLoad ? fullData : treeFullData;
-
-    if (scrollYLoad || oldScrollYLoad !== scrollYLoad) {
-      return this.handleTableData(true).then(function () {
-        return _this43.recalculate();
-      });
-    }
-
-    return this.$nextTick();
-  },
 
   /**
    * 虚拟树的展开与收起
@@ -18026,12 +18212,12 @@ var Methods = {
    * @returns
    */
   handleVirtualTreeExpand: function handleVirtualTreeExpand(rows, expanded) {
-    var _this44 = this;
+    var _this45 = this;
 
     return this.handleBaseTreeExpand(rows, expanded).then(function () {
-      return _this44.updateVirtualTreeData();
+      return _this45.handleTableData();
     }).then(function () {
-      return _this44.recalculate();
+      return _this45.recalculate();
     });
   },
 
@@ -18076,7 +18262,7 @@ var Methods = {
    * 手动清空树形节点的展开状态，数据会恢复成未展开的状态
    */
   clearTreeExpand: function clearTreeExpand() {
-    var _this45 = this;
+    var _this46 = this;
 
     var treeOpts = this.treeOpts,
         treeExpandeds = this.treeExpandeds,
@@ -18087,13 +18273,13 @@ var Methods = {
 
     if (reserve) {
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eachTree(tableFullData, function (row) {
-        return _this45.handleTreeExpandReserve(row, false);
+        return _this46.handleTreeExpandReserve(row, false);
       }, treeOpts);
     }
 
-    return this.updateVirtualTreeData().then(function () {
+    return this.handleTableData().then(function () {
       if (isExists) {
-        _this45.recalculate();
+        _this46.recalculate();
       }
     });
   },
@@ -18223,18 +18409,18 @@ var Methods = {
   },
   // 计算可视渲染相关数据
   computeScrollLoad: function computeScrollLoad() {
-    var _this46 = this;
+    var _this47 = this;
 
     return this.$nextTick().then(function () {
-      var sYOpts = _this46.sYOpts,
-          sXOpts = _this46.sXOpts,
-          scrollXLoad = _this46.scrollXLoad,
-          scrollYLoad = _this46.scrollYLoad,
-          scrollXStore = _this46.scrollXStore,
-          scrollYStore = _this46.scrollYStore; // 计算 X 逻辑
+      var sYOpts = _this47.sYOpts,
+          sXOpts = _this47.sXOpts,
+          scrollXLoad = _this47.scrollXLoad,
+          scrollYLoad = _this47.scrollYLoad,
+          scrollXStore = _this47.scrollXStore,
+          scrollYStore = _this47.scrollYStore; // 计算 X 逻辑
 
       if (scrollXLoad) {
-        var _computeVirtualX3 = computeVirtualX(_this46),
+        var _computeVirtualX3 = computeVirtualX(_this47),
             visibleXSize = _computeVirtualX3.visibleSize;
 
         var offsetXSize = sXOpts.oSize ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toNumber(sXOpts.oSize) : browse.msie ? 10 : browse.edge ? 5 : 0;
@@ -18242,13 +18428,13 @@ var Methods = {
         scrollXStore.visibleSize = visibleXSize;
         scrollXStore.endIndex = Math.max(scrollXStore.startIndex + scrollXStore.visibleSize + offsetXSize, scrollXStore.endIndex);
 
-        _this46.updateScrollXData();
+        _this47.updateScrollXData();
       } else {
-        _this46.updateScrollXSpace();
+        _this47.updateScrollXSpace();
       } // 计算 Y 逻辑
 
 
-      var _computeVirtualY = computeVirtualY(_this46),
+      var _computeVirtualY = computeVirtualY(_this47),
           rowHeight = _computeVirtualY.rowHeight,
           visibleYSize = _computeVirtualY.visibleSize;
 
@@ -18260,14 +18446,14 @@ var Methods = {
         scrollYStore.visibleSize = visibleYSize;
         scrollYStore.endIndex = Math.max(scrollYStore.startIndex + visibleYSize + offsetYSize, scrollYStore.endIndex);
 
-        _this46.updateScrollYData();
+        _this47.updateScrollYData();
       } else {
-        _this46.updateScrollYSpace();
+        _this47.updateScrollYSpace();
       }
 
-      _this46.rowHeight = rowHeight;
+      _this47.rowHeight = rowHeight;
 
-      _this46.$nextTick(_this46.updateStyle);
+      _this47.$nextTick(_this47.updateStyle);
     });
   },
   handleTableColumn: function handleTableColumn() {
@@ -18381,7 +18567,7 @@ var Methods = {
    * @param {Number} scrollTop 上距离
    */
   scrollTo: function scrollTo(scrollLeft, scrollTop) {
-    var _this47 = this;
+    var _this48 = this;
 
     var $refs = this.$refs;
     var tableBody = $refs.tableBody,
@@ -18402,7 +18588,7 @@ var Methods = {
     if (this.scrollXLoad || this.scrollYLoad) {
       return new Promise(function (resolve) {
         return setTimeout(function () {
-          return resolve(_this47.$nextTick());
+          return resolve(_this48.$nextTick());
         }, 50);
       });
     }
@@ -18453,7 +18639,7 @@ var Methods = {
    * @param {Row} row 行对象
    */
   scrollToTreeRow: function scrollToTreeRow(row) {
-    var _this48 = this;
+    var _this49 = this;
 
     var tableFullData = this.tableFullData,
         treeConfig = this.treeConfig,
@@ -18468,15 +18654,15 @@ var Methods = {
       if (matchObj) {
         var nodes = matchObj.nodes;
         nodes.forEach(function (row, index) {
-          if (index < nodes.length - 1 && !_this48.isTreeExpandByRow(row)) {
-            rests.push(_this48.setTreeExpand(row, true));
+          if (index < nodes.length - 1 && !_this49.isTreeExpandByRow(row)) {
+            rests.push(_this49.setTreeExpand(row, true));
           }
         });
       }
     }
 
     return Promise.all(rests).then(function () {
-      return DomTools.rowToVisible(_this48, row);
+      return DomTools.rowToVisible(_this49, row);
     });
   },
 
@@ -18540,29 +18726,29 @@ var Methods = {
    * 如果单元格配置了校验规则，则会进行校验
    */
   updateStatus: function updateStatus(scope, cellValue) {
-    var _this49 = this;
+    var _this50 = this;
 
     var customVal = !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.isUndefined(cellValue);
     return this.$nextTick().then(function () {
-      var $refs = _this49.$refs,
-          editRules = _this49.editRules,
-          validStore = _this49.validStore;
+      var $refs = _this50.$refs,
+          editRules = _this50.editRules,
+          validStore = _this50.validStore;
 
       if (scope && $refs.tableBody && editRules) {
         var row = scope.row,
             column = scope.column;
         var type = 'change';
 
-        if (_this49.hasCellRules(type, row, column)) {
-          var cell = _this49.getCell(row, column);
+        if (_this50.hasCellRules(type, row, column)) {
+          var cell = _this50.getCell(row, column);
 
           if (cell) {
-            return _this49.validCellRules(type, row, column, cellValue).then(function () {
+            return _this50.validCellRules(type, row, column, cellValue).then(function () {
               if (customVal && validStore.visible) {
                 methods_setCellValue(row, column, cellValue);
               }
 
-              _this49.clearValidate();
+              _this50.clearValidate();
             }).catch(function (_ref7) {
               var rule = _ref7.rule;
 
@@ -18570,7 +18756,7 @@ var Methods = {
                 methods_setCellValue(row, column, cellValue);
               }
 
-              _this49.showValidTooltip({
+              _this50.showValidTooltip({
                 rule: rule,
                 row: row,
                 column: column,
@@ -18591,7 +18777,7 @@ var Methods = {
    * @param {TableMergeConfig[]} merges { row: Row|number, column: ColumnInfo|number, rowspan: number, colspan: number }
    */
   setMergeCells: function setMergeCells(merges) {
-    var _this50 = this;
+    var _this51 = this;
 
     if (this.spanMethod) {
       UtilTools.error('vxe.error.errConflicts', ['merge-cells', 'span-method']);
@@ -18599,7 +18785,7 @@ var Methods = {
 
     setMerges(this, merges, this.mergeList, this.afterFullData);
     return this.$nextTick().then(function () {
-      return _this50.updateCellAreas();
+      return _this51.updateCellAreas();
     });
   },
 
@@ -18608,7 +18794,7 @@ var Methods = {
    * @param {TableMergeConfig[]} merges 多个或数组 [{row:Row|number, col:ColumnInfo|number}]
    */
   removeMergeCells: function removeMergeCells(merges) {
-    var _this51 = this;
+    var _this52 = this;
 
     if (this.spanMethod) {
       UtilTools.error('vxe.error.errConflicts', ['merge-cells', 'span-method']);
@@ -18616,7 +18802,7 @@ var Methods = {
 
     var rest = removeMerges(this, merges, this.mergeList, this.afterFullData);
     return this.$nextTick().then(function () {
-      _this51.updateCellAreas();
+      _this52.updateCellAreas();
 
       return rest;
     });
@@ -18640,7 +18826,7 @@ var Methods = {
     this.setMergeFooterItems(this.mergeFooterItems);
   },
   setMergeFooterItems: function setMergeFooterItems(merges) {
-    var _this52 = this;
+    var _this53 = this;
 
     if (this.footerSpanMethod) {
       UtilTools.error('vxe.error.errConflicts', ['merge-footer-items', 'footer-span-method']);
@@ -18648,11 +18834,11 @@ var Methods = {
 
     setMerges(this, merges, this.mergeFooterList, null);
     return this.$nextTick().then(function () {
-      return _this52.updateCellAreas();
+      return _this53.updateCellAreas();
     });
   },
   removeMergeFooterItems: function removeMergeFooterItems(merges) {
-    var _this53 = this;
+    var _this54 = this;
 
     if (this.footerSpanMethod) {
       UtilTools.error('vxe.error.errConflicts', ['merge-footer-items', 'footer-span-method']);
@@ -18660,7 +18846,7 @@ var Methods = {
 
     var rest = removeMerges(this, merges, this.mergeFooterList, null);
     return this.$nextTick().then(function () {
-      _this53.updateCellAreas();
+      _this54.updateCellAreas();
 
       return rest;
     });
@@ -18797,7 +18983,7 @@ var Methods = {
 
 }; // Module methods
 
-var funcs = 'setFilter,clearFilter,getCheckedFilters,closeMenu,setActiveCellArea,getActiveCellArea,getCellAreas,clearCellAreas,copyCellArea,cutCellArea,pasteCellArea,getCopyCellArea,clearCopyCellArea,setCellAreas,openFind,openReplace,getSelectedCell,clearSelected,insert,insertAt,remove,removeCheckboxRow,removeRadioRow,removeCurrentRow,getRecordset,getInsertRecords,getRemoveRecords,getUpdateRecords,clearActived,getActiveRecord,isActiveByRow,setActiveRow,setActiveCell,setSelectCell,clearValidate,fullValidate,validate,openExport,openPrint,exportData,openImport,importData,saveFile,readFile,importByFile,print'.split(',');
+var funcs = 'setFilter,openFilter,clearFilter,getCheckedFilters,closeMenu,setActiveCellArea,getActiveCellArea,getCellAreas,clearCellAreas,copyCellArea,cutCellArea,pasteCellArea,getCopyCellArea,clearCopyCellArea,setCellAreas,openFind,openReplace,getSelectedCell,clearSelected,insert,insertAt,remove,removeCheckboxRow,removeRadioRow,removeCurrentRow,getRecordset,getInsertRecords,getRemoveRecords,getUpdateRecords,clearActived,getActiveRecord,isActiveByRow,setActiveRow,setActiveCell,setSelectCell,clearValidate,fullValidate,validate,openExport,openPrint,exportData,openImport,importData,saveFile,readFile,importByFile,print'.split(',');
 funcs.forEach(function (name) {
   Methods[name] = function () {
     if (false) {}
@@ -18825,6 +19011,8 @@ funcs.forEach(function (name) {
 
 
 
+
+
 /**
  * 渲染浮固定列
  * 分别渲染左边固定列和右边固定列
@@ -18995,35 +19183,35 @@ function handleUupdateResize(_vm) {
         return conf.table.showHeader;
       }
     },
-    // 是否要高亮当前选中行
+    // （即将废弃）是否要高亮当前选中行
     highlightCurrentRow: {
       type: Boolean,
       default: function _default() {
         return conf.table.highlightCurrentRow;
       }
     },
-    // 鼠标移到行是否要高亮显示
+    // （即将废弃）鼠标移到行是否要高亮显示
     highlightHoverRow: {
       type: Boolean,
       default: function _default() {
         return conf.table.highlightHoverRow;
       }
     },
-    // 是否要高亮当前选中列
+    // （即将废弃）是否要高亮当前选中列
     highlightCurrentColumn: {
       type: Boolean,
       default: function _default() {
         return conf.table.highlightCurrentColumn;
       }
     },
-    // 鼠标移到列是否要高亮显示
+    // （即将废弃）鼠标移到列是否要高亮显示
     highlightHoverColumn: {
       type: Boolean,
       default: function _default() {
         return conf.table.highlightHoverColumn;
       }
     },
-    // 激活单元格编辑时是否高亮显示
+    // （即将废弃）激活单元格编辑时是否高亮显示
     highlightCell: Boolean,
     // 是否显示表尾合计
     showFooter: Boolean,
@@ -19171,7 +19359,7 @@ function handleUupdateResize(_vm) {
     scrollX: Object,
     // 纵向虚拟滚动配置项
     scrollY: Object,
-    // 优化相关
+    // （即将废弃）优化相关
     animat: {
       type: Boolean,
       default: function _default() {
@@ -20089,6 +20277,7 @@ function handleUupdateResize(_vm) {
 
 
 
+
 var Table = Object.assign(table, {
   install: function install(Vue) {
     if (typeof window !== 'undefined' && window.VXETableMixin) {
@@ -20125,6 +20314,7 @@ var Table = Object.assign(table, {
 
 
 
+
 /* harmony default export */ var panel = ({
   name: 'VxeTableFilter',
   props: {
@@ -20336,8 +20526,32 @@ var Table = Object.assign(table, {
 
 
 
+
 /* harmony default export */ var src_mixin = ({
   methods: {
+    /**
+     * 手动弹出筛选面板
+     * @param column
+     */
+    _openFilter: function _openFilter(fieldOrColumn) {
+      var column = handleFieldOrColumn(this, fieldOrColumn);
+
+      if (column && column.filters) {
+        var elemStore = this.elemStore;
+        var fixed = column.fixed;
+        return this.scrollToColumn(column).then(function () {
+          var headerWrapperElem = elemStore["".concat(fixed || 'main', "-header-wrapper")] || elemStore['main-header-wrapper'];
+
+          if (headerWrapperElem) {
+            var filterBtnElem = headerWrapperElem.querySelector(".vxe-header--column.".concat(column.id, " .vxe-filter--btn"));
+            DomTools.triggerEvent(filterBtnElem, 'click');
+          }
+        });
+      }
+
+      return this.$nextTick();
+    },
+
     /**
      * 修改筛选条件列表
      * @param {ColumnInfo} fieldOrColumn 列
@@ -20443,7 +20657,7 @@ var Table = Object.assign(table, {
           var maxHeight = null;
 
           if (filterHeight >= bodyElem.clientHeight) {
-            maxHeight = Math.max(40, bodyElem.clientHeight - (filterFootElem ? filterFootElem.offsetHeight : 0) - (filterHeadElem ? filterHeadElem.offsetHeight : 0));
+            maxHeight = Math.max(60, bodyElem.clientHeight - (filterFootElem ? filterFootElem.offsetHeight : 0) - (filterHeadElem ? filterHeadElem.offsetHeight : 0));
           }
 
           if (column.fixed === 'left') {
@@ -20758,6 +20972,7 @@ var Filter = {
 
 
 
+
 /* harmony default export */ var menu_src_mixin = ({
   methods: {
     /**
@@ -21147,10 +21362,11 @@ var Menu = {
 
 
 
+
 var mixin_getRowid = UtilTools.getRowid;
 
 function insertTreeRow(_vm, newRecords, isAppend) {
-  var treeFullData = _vm.treeFullData,
+  var tableFullTreeData = _vm.tableFullTreeData,
       afterFullData = _vm.afterFullData,
       fullDataRowIdData = _vm.fullDataRowIdData,
       fullAllDataRowIdData = _vm.fullAllDataRowIdData,
@@ -21159,7 +21375,7 @@ function insertTreeRow(_vm, newRecords, isAppend) {
   newRecords.forEach(function (item) {
     var parentRowId = item[treeOpts.parentField];
     var rowid = mixin_getRowid(_vm, item);
-    var matchObj = parentRowId ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(treeFullData, function (item) {
+    var matchObj = parentRowId ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(tableFullTreeData, function (item) {
       return parentRowId === item[treeOpts.rowField];
     }, treeOpts) : null;
 
@@ -21177,6 +21393,7 @@ function insertTreeRow(_vm, newRecords, isAppend) {
       var rest = {
         row: item,
         rowid: rowid,
+        seq: -1,
         index: -1,
         _index: -1,
         $index: -1,
@@ -21190,14 +21407,15 @@ function insertTreeRow(_vm, newRecords, isAppend) {
       if (false) {}
 
       afterFullData[funcName](item);
-      treeFullData[funcName](item);
+      tableFullTreeData[funcName](item);
       var _rest = {
         row: item,
         rowid: rowid,
+        seq: -1,
         index: -1,
         _index: -1,
         $index: -1,
-        items: treeFullData,
+        items: tableFullTreeData,
         parent: null,
         level: 0
       };
@@ -21205,8 +21423,6 @@ function insertTreeRow(_vm, newRecords, isAppend) {
       fullAllDataRowIdData[rowid] = _rest;
     }
   });
-
-  _vm.updateVirtualTreeData();
 }
 
 /* harmony default export */ var edit_src_mixin = ({
@@ -21232,12 +21448,10 @@ function insertTreeRow(_vm, newRecords, isAppend) {
       var _this = this,
           _editStore$insertList;
 
-      var treeFullData = this.treeFullData,
+      var tableFullTreeData = this.tableFullTreeData,
           mergeList = this.mergeList,
           afterFullData = this.afterFullData,
           editStore = this.editStore,
-          sYOpts = this.sYOpts,
-          scrollYLoad = this.scrollYLoad,
           tableFullData = this.tableFullData,
           treeConfig = this.treeConfig,
           fullDataRowIdData = this.fullDataRowIdData,
@@ -21290,7 +21504,7 @@ function insertTreeRow(_vm, newRecords, isAppend) {
         } else {
           // 如果为虚拟树
           if (treeConfig && transform) {
-            var matchObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(treeFullData, function (item) {
+            var matchObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(tableFullTreeData, function (item) {
               return row[treeOpts.rowField] === item[treeOpts.rowField];
             }, treeOpts);
 
@@ -21312,6 +21526,7 @@ function insertTreeRow(_vm, newRecords, isAppend) {
                 var rest = {
                   row: item,
                   rowid: rowid,
+                  seq: -1,
                   index: -1,
                   _index: -1,
                   $index: -1,
@@ -21322,7 +21537,6 @@ function insertTreeRow(_vm, newRecords, isAppend) {
                 fullDataRowIdData[rowid] = rest;
                 fullAllDataRowIdData[rowid] = rest;
               });
-              this.updateVirtualTreeData();
             } else {
               if (false) {}
 
@@ -21358,13 +21572,13 @@ function insertTreeRow(_vm, newRecords, isAppend) {
 
       (_editStore$insertList = editStore.insertList).unshift.apply(_editStore$insertList, _toConsumableArray(newRecords));
 
-      this.scrollYLoad = !treeConfig && sYOpts.gt > -1 && sYOpts.gt < tableFullData.length;
-      this.handleTableData(transform);
+      this.handleTableData(treeConfig && treeOpts.transform);
       this.updateFooter();
       this.cacheRowMap();
+      this.updateAfterDataIndex();
       this.checkSelectionStatus();
 
-      if (scrollYLoad) {
+      if (this.scrollYLoad) {
         this.updateScrollYSpace();
       }
 
@@ -21391,15 +21605,13 @@ function insertTreeRow(_vm, newRecords, isAppend) {
 
       var afterFullData = this.afterFullData,
           tableFullData = this.tableFullData,
-          treeFullData = this.treeFullData,
+          tableFullTreeData = this.tableFullTreeData,
           treeConfig = this.treeConfig,
           mergeList = this.mergeList,
           editStore = this.editStore,
           checkboxOpts = this.checkboxOpts,
           selection = this.selection,
           isInsertByRow = this.isInsertByRow,
-          sYOpts = this.sYOpts,
-          scrollYLoad = this.scrollYLoad,
           treeOpts = this.treeOpts;
       var transform = treeOpts.transform;
       var actived = editStore.actived,
@@ -21442,7 +21654,7 @@ function insertTreeRow(_vm, newRecords, isAppend) {
         if (treeConfig && transform) {
           rows.forEach(function (row) {
             var rowid = mixin_getRowid(_this2, row);
-            var matchObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(treeFullData, function (item) {
+            var matchObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(tableFullTreeData, function (item) {
               return rowid === mixin_getRowid(_this2, item);
             }, treeOpts);
 
@@ -21456,8 +21668,6 @@ function insertTreeRow(_vm, newRecords, isAppend) {
             if (afIndex > -1) {
               afterFullData.splice(afIndex, 1);
             }
-
-            _this2.updateVirtualTreeData();
           });
         } else {
           rows.forEach(function (row) {
@@ -21501,13 +21711,13 @@ function insertTreeRow(_vm, newRecords, isAppend) {
           insertList.splice(iIndex, 1);
         }
       });
-      this.scrollYLoad = !treeConfig && sYOpts.gt > -1 && sYOpts.gt < tableFullData.length;
-      this.handleTableData(transform);
+      this.handleTableData(treeConfig && treeOpts.transform);
       this.updateFooter();
       this.cacheRowMap();
+      this.updateAfterDataIndex();
       this.checkSelectionStatus();
 
-      if (scrollYLoad) {
+      if (this.scrollYLoad) {
         this.updateScrollYSpace();
       }
 
@@ -21582,7 +21792,7 @@ function insertTreeRow(_vm, newRecords, isAppend) {
       var _this6 = this;
 
       var treeConfig = this.treeConfig,
-          treeFullData = this.treeFullData,
+          tableFullTreeData = this.tableFullTreeData,
           tableFullData = this.tableFullData,
           treeOpts = this.treeOpts;
       var insertList = this.editStore.insertList;
@@ -21593,7 +21803,7 @@ function insertTreeRow(_vm, newRecords, isAppend) {
         if (treeConfig && treeOpts.transform) {
           insertList.forEach(function (row) {
             var rowid = mixin_getRowid(_this6, row);
-            var matchObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(treeFullData, function (item) {
+            var matchObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.findTree(tableFullTreeData, function (item) {
               return rowid === mixin_getRowid(_this6, item);
             }, treeOpts);
 
@@ -22080,6 +22290,7 @@ function _arrayWithHoles(arr) {
 
 
 
+
 function _iterableToArrayLimit(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
 
@@ -22136,6 +22347,8 @@ function _slicedToArray(arr, i) {
 
 
 
+
+
 var allActivedModals = [];
 var msgQueue = [];
 /* harmony default export */ var modal = ({
@@ -23336,6 +23549,7 @@ var es_string_pad_start = __webpack_require__("4d90");
 
 
 
+
 var yearSize = 20;
 var monthSize = 20;
 var quarterSize = 8;
@@ -25874,6 +26088,7 @@ function renderExtraSuffixIcon(h, _vm) {
 
 
 
+
 function isOptionVisible(option) {
   return option.visible !== false;
 }
@@ -25883,7 +26098,7 @@ function getOptUniqueId() {
 }
 
 function getOptkey(_vm) {
-  return _vm.optionId || '_XID';
+  return _vm.optionId || '_X_ID';
 }
 
 function getOptid(_vm, option) {
@@ -26768,6 +26983,7 @@ function select_renderOpts(h, _vm) {
 
 
 
+
 var util_OptionConfig = /*#__PURE__*/function () {
   function OptionConfig($xeselect, _vm) {
     _classCallCheck(this, OptionConfig);
@@ -26892,6 +27108,7 @@ Object.keys(option_props).forEach(function (name) {
 
 
 
+
 /* harmony default export */ var export_panel = ({
   name: 'VxeExportPanel',
   props: {
@@ -27431,6 +27648,7 @@ Object.keys(option_props).forEach(function (name) {
 
 
 
+
 /* harmony default export */ var import_panel = ({
   name: 'VxeImportPanel',
   props: {
@@ -27638,6 +27856,10 @@ var es_string_repeat = __webpack_require__("38cf");
 
 
 
+
+
+
+
 
 
 
@@ -27676,15 +27898,24 @@ function hasTreeChildren($xetable, row) {
   return row[treeOpts.children] && row[treeOpts.children].length > 0;
 }
 
-function getSeq($xetable, row, rowIndex, column, columnIndex) {
+function getSeq($xetable, row, rowIndex, column, columnIndex, path) {
   var seqOpts = $xetable.seqOpts;
   var seqMethod = seqOpts.seqMethod || column.seqMethod;
-  return seqMethod ? seqMethod({
-    row: row,
-    rowIndex: rowIndex,
-    column: column,
-    columnIndex: columnIndex
-  }) : seqOpts.startIndex + rowIndex + 1;
+
+  if (seqMethod) {
+    return seqMethod({
+      row: row,
+      rowIndex: rowIndex,
+      column: column,
+      columnIndex: columnIndex
+    });
+  }
+
+  if (path) {
+    return toTreePathSeq(path);
+  }
+
+  return seqOpts.startIndex + rowIndex + 1;
 }
 
 function defaultFilterExportColumn(column) {
@@ -27721,11 +27952,12 @@ function getLabelData($xetable, opts, columns, datas) {
   if (treeConfig) {
     // 如果是树表格只允许导出数据源
     var rest = [];
+    var expandMaps = new Map();
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.eachTree(datas, function (item, rowIndex, items, path, parent, nodes) {
       var row = item._row || item;
       var parentRow = parent && parent._row ? parent._row : parent;
 
-      if (isAllExpand || !parentRow || $xetable.isTreeExpandByRow(parentRow)) {
+      if (isAllExpand || !parentRow || expandMaps.has(parentRow) && $xetable.isTreeExpandByRow(parentRow)) {
         var hasRowChild = hasTreeChildren($xetable, row);
         var _item = {
           _row: row,
@@ -27756,7 +27988,7 @@ function getLabelData($xetable, opts, columns, datas) {
           } else {
             switch (column.type) {
               case 'seq':
-                cellValue = getSeq($xetable, row, rowIndex, column, columnIndex);
+                cellValue = getSeq($xetable, row, rowIndex, column, columnIndex, path);
                 break;
 
               case 'checkbox':
@@ -27798,6 +28030,7 @@ function getLabelData($xetable, opts, columns, datas) {
 
           _item[column.id] = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default.a.toValueString(cellValue);
         });
+        expandMaps.set(row, 1);
         rest.push(Object.assign(_item, row));
       }
     }, treeOpts);
@@ -27831,7 +28064,7 @@ function getLabelData($xetable, opts, columns, datas) {
       } else {
         switch (column.type) {
           case 'seq':
-            cellValue = getSeq($xetable, row, rowIndex, column, columnIndex);
+            cellValue = getSeq($xetable, row, rowIndex, column, columnIndex, null);
             break;
 
           case 'checkbox':
@@ -27939,6 +28172,10 @@ function getFooterData(opts, footerTableData) {
 
 function getCsvCellTypeLabel(column, cellValue) {
   if (cellValue) {
+    if (column.type === 'seq') {
+      return "\t".concat(cellValue);
+    }
+
     switch (column.cellType) {
       case 'string':
         if (!isNaN(cellValue)) {
@@ -29486,6 +29723,7 @@ var convertToRows = function convertToRows(originColumns) {
 
 
 
+
 function print(options) {
   var opts = Object.assign({}, options, {
     type: 'html'
@@ -29524,6 +29762,7 @@ var Export = {
 
 
 
+
 function getTargetOffset(target, container) {
   var offsetTop = 0;
   var offsetLeft = 0;
@@ -30012,6 +30251,9 @@ var Keyboard = {
 
 
 
+
+
+
 /**
  * 校验规则
  */
@@ -30909,6 +31151,7 @@ var cellType = 'header';
 // CONCATENATED MODULE: ./packages/header/index.js
 
 
+
 var Header = Object.assign(header, {
   install: function install(Vue) {
     Vue.component(header.name, header);
@@ -30922,6 +31165,7 @@ var Header = Object.assign(header, {
 
 
 
+
 var footer_cellType = 'footer';
 
 function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
@@ -31270,6 +31514,7 @@ function mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex) {
 // CONCATENATED MODULE: ./packages/footer/index.js
 
 
+
 var Footer = Object.assign(footer, {
   install: function install(Vue) {
     Vue.component(footer.name, footer);
@@ -31427,6 +31672,7 @@ Object.keys(column_props).forEach(function (name) {
 // CONCATENATED MODULE: ./packages/column/index.js
 
 
+
 var Column = Object.assign(src_column, {
   install: function install(Vue) {
     Vue.component(src_column.name, src_column); // 兼容旧用法
@@ -31450,6 +31696,7 @@ var Column = Object.assign(src_column, {
 // CONCATENATED MODULE: ./packages/colgroup/index.js
 
 
+
 var Colgroup = Object.assign(src_group, {
   install: function install(Vue) {
     Vue.component(src_group.name, src_group); // 兼容旧用法
@@ -31476,6 +31723,8 @@ var Colgroup = Object.assign(src_group, {
 
 
 
+
+
 var grid_methods = {};
 var propKeys = Object.keys(packages_table.props);
 
@@ -32328,7 +32577,12 @@ Object.keys(packages_table.methods).forEach(function (name) {
               } // 只校验新增和修改的数据
 
 
-              return this.validate(_body.insertRecords.concat(updateRecords)).then(function () {
+              return this.validate(_body.insertRecords.concat(updateRecords)).then(function (errMap) {
+                if (errMap) {
+                  // 如果校验不通过
+                  return;
+                }
+
                 if (_body.insertRecords.length || _removeRecords.length || updateRecords.length || _body.pendingRecords.length) {
                   _this5.tableLoading = true;
                   return Promise.resolve((beforeSave || _ajaxMethods2).apply(void 0, _toConsumableArray(_applyArgs2))).then(function (rest) {
@@ -32376,8 +32630,6 @@ Object.keys(packages_table.methods).forEach(function (name) {
                     });
                   }
                 }
-              }).catch(function (errMap) {
-                return errMap;
               });
             } else {
               if (false) {}
@@ -32672,6 +32924,7 @@ Object.keys(packages_table.methods).forEach(function (name) {
 
 
 
+
 var Grid = Object.assign(grid, {
   install: function install(Vue) {
     v_x_e_table.Grid = grid;
@@ -32693,6 +32946,8 @@ var Grid = Object.assign(grid, {
 
 
 
+
+
 var renderDropdowns = function renderDropdowns(h, _vm, item, isBtn) {
   var _e = _vm._e;
   var dropdowns = item.dropdowns;
@@ -33464,6 +33719,7 @@ function renderCustoms(h, _vm) {
 // CONCATENATED MODULE: ./packages/toolbar/index.js
 
 
+
 var Toolbar = Object.assign(src_toolbar, {
   install: function install(Vue) {
     Vue.component(src_toolbar.name, src_toolbar);
@@ -33953,6 +34209,7 @@ var Toolbar = Object.assign(src_toolbar, {
 // CONCATENATED MODULE: ./packages/pager/index.js
 
 
+
 var Pager = Object.assign(pager, {
   install: function install(Vue) {
     Vue.component(pager.name, pager);
@@ -33962,6 +34219,7 @@ var Pager = Object.assign(pager, {
 // CONCATENATED MODULE: ./packages/checkbox/index.js
 
 
+
 var Checkbox = Object.assign(src_checkbox, {
   install: function install(Vue) {
     Vue.component(src_checkbox.name, src_checkbox);
@@ -33971,6 +34229,7 @@ var Checkbox = Object.assign(src_checkbox, {
 // CONCATENATED MODULE: ./packages/checkbox/src/group.js
 
 
+
 /* harmony default export */ var checkbox_src_group = ({
   name: 'VxeCheckboxGroup',
   props: {
@@ -34024,6 +34283,7 @@ var Checkbox = Object.assign(src_checkbox, {
 // CONCATENATED MODULE: ./packages/checkbox-group/index.js
 
 
+
 var CheckboxGroup = Object.assign(checkbox_src_group, {
   install: function install(Vue) {
     Vue.component(checkbox_src_group.name, checkbox_src_group);
@@ -34033,6 +34293,7 @@ var CheckboxGroup = Object.assign(checkbox_src_group, {
 // CONCATENATED MODULE: ./packages/radio/index.js
 
 
+
 var Radio = Object.assign(src_radio, {
   install: function install(Vue) {
     Vue.component(src_radio.name, src_radio);
@@ -34086,6 +34347,7 @@ var Radio = Object.assign(src_radio, {
 // CONCATENATED MODULE: ./packages/radio-group/index.js
 
 
+
 var RadioGroup = Object.assign(radio_src_group, {
   install: function install(Vue) {
     Vue.component(radio_src_group.name, radio_src_group);
@@ -34189,6 +34451,7 @@ var RadioGroup = Object.assign(radio_src_group, {
 // CONCATENATED MODULE: ./packages/radio-button/index.js
 
 
+
 var RadioButton = Object.assign(src_button, {
   install: function install(Vue) {
     Vue.component(src_button.name, src_button);
@@ -34198,6 +34461,7 @@ var RadioButton = Object.assign(src_button, {
 // CONCATENATED MODULE: ./packages/input/index.js
 
 
+
 var Input = Object.assign(input, {
   install: function install(Vue) {
     Vue.component(input.name, input);
@@ -34216,6 +34480,7 @@ var Input = Object.assign(input, {
 
 
 
+
 var autoTxtElem;
 /* harmony default export */ var src_textarea = ({
   name: 'VxeTextarea',
@@ -34484,6 +34749,7 @@ var autoTxtElem;
 // CONCATENATED MODULE: ./packages/textarea/index.js
 
 
+
 var Textarea = Object.assign(src_textarea, {
   install: function install(Vue) {
     Vue.component(src_textarea.name, src_textarea);
@@ -34499,6 +34765,7 @@ var Textarea = Object.assign(src_textarea, {
 
 
 
+
 /* harmony default export */ var button_src_button = ({
   name: 'VxeButton',
   mixins: [size],
@@ -34806,48 +35073,49 @@ var Textarea = Object.assign(src_textarea, {
           };
 
           var _DomTools$getAbsolute = DomTools.getAbsolutePos(targetElem),
+              top = _DomTools$getAbsolute.top,
+              left = _DomTools$getAbsolute.left,
               boundingTop = _DomTools$getAbsolute.boundingTop,
-              boundingLeft = _DomTools$getAbsolute.boundingLeft,
               visibleHeight = _DomTools$getAbsolute.visibleHeight,
               visibleWidth = _DomTools$getAbsolute.visibleWidth;
 
           var panelPlacement = 'bottom';
 
           if (transfer) {
-            var left = boundingLeft + targetWidth - panelWidth;
-            var top = boundingTop + targetHeight;
+            var btnLeft = left + targetWidth - panelWidth;
+            var btnTop = top + targetHeight;
 
             if (placement === 'top') {
               panelPlacement = 'top';
-              top = boundingTop - panelHeight;
+              btnTop = top - panelHeight;
             } else if (!placement) {
               // 如果下面不够放，则向上
-              if (top + panelHeight + marginSize > visibleHeight) {
+              if (boundingTop + targetHeight + panelHeight + marginSize > visibleHeight) {
                 panelPlacement = 'top';
-                top = boundingTop - panelHeight;
+                btnTop = top - panelHeight;
               } // 如果上面不够放，则向下（优先）
 
 
-              if (top < marginSize) {
+              if (btnTop < marginSize) {
                 panelPlacement = 'bottom';
-                top = boundingTop + targetHeight;
+                btnTop = top + targetHeight;
               }
             } // 如果溢出右边
 
 
-            if (left + panelWidth + marginSize > visibleWidth) {
-              left -= left + panelWidth + marginSize - visibleWidth;
+            if (btnLeft + panelWidth + marginSize > visibleWidth) {
+              btnLeft -= btnLeft + panelWidth + marginSize - visibleWidth;
             } // 如果溢出左边
 
 
-            if (left < marginSize) {
-              left = marginSize;
+            if (btnLeft < marginSize) {
+              btnLeft = marginSize;
             }
 
             Object.assign(panelStyle, {
-              left: "".concat(left, "px"),
+              left: "".concat(btnLeft, "px"),
               right: 'auto',
-              top: "".concat(top, "px"),
+              top: "".concat(btnTop, "px"),
               minWidth: "".concat(targetWidth, "px")
             });
           } else {
@@ -34885,6 +35153,7 @@ var Textarea = Object.assign(src_textarea, {
 // CONCATENATED MODULE: ./packages/button/index.js
 
 
+
 var Button = Object.assign(button_src_button, {
   install: function install(Vue) {
     Vue.component(button_src_button.name, button_src_button);
@@ -34899,6 +35168,8 @@ var Button = Object.assign(button_src_button, {
 
 
 
+
+
 /* eslint-disable @typescript-eslint/no-use-before-define */
 
 var ModalClass = null;
@@ -35034,6 +35305,7 @@ var Modal = Object.assign(modal, {
 
 
 
+
 function updateTipStyle(_vm) {
   var wrapperElem = _vm.$el,
       tipTarget = _vm.tipTarget,
@@ -35354,6 +35626,7 @@ function updateTipStyle(_vm) {
 
 
 
+
 var Tooltip = Object.assign(src_tooltip, {
   install: function install(Vue) {
     v_x_e_table._tooltip = 1;
@@ -35370,6 +35643,7 @@ var Tooltip = Object.assign(src_tooltip, {
 
 
 
+
 var util_ItemConfig = /*#__PURE__*/function () {
   function ItemConfig($xeform, item) {
     _classCallCheck(this, ItemConfig);
@@ -35547,6 +35821,9 @@ function renderTitle(h, _vm, item) {
 
 
 
+
+
+
 
 
 
@@ -36379,6 +36656,7 @@ function renderItems(h, _vm, itemList) {
 // CONCATENATED MODULE: ./packages/form/index.js
 
 
+
 var Form = Object.assign(src_form, {
   install: function install(Vue) {
     Vue.component(src_form.name, src_form);
@@ -36568,6 +36846,7 @@ var form_item_renderItem = function renderItem(h, _vm, item, slots) {
 // CONCATENATED MODULE: ./packages/form-item/index.js
 
 
+
 var FormItem = Object.assign(form_item, {
   install: function install(Vue) {
     Vue.component(form_item.name, form_item);
@@ -36597,6 +36876,7 @@ var FormItem = Object.assign(form_item, {
 // CONCATENATED MODULE: ./packages/form-gather/index.js
 
 
+
 var FormGather = Object.assign(form_gather, {
   install: function install(Vue) {
     Vue.component(form_gather.name, form_gather);
@@ -36663,6 +36943,7 @@ Object.keys(optgroup_props).forEach(function (name) {
 
 
 
+
 var Select = Object.assign(src_select, {
   Option: src_option,
   Optgroup: optgroup,
@@ -36676,6 +36957,7 @@ var Select = Object.assign(src_select, {
 // CONCATENATED MODULE: ./packages/optgroup/index.js
 
 
+
 var Optgroup = Object.assign(optgroup, {
   install: function install(Vue) {
     Vue.component(optgroup.name, optgroup);
@@ -36685,6 +36967,7 @@ var Optgroup = Object.assign(optgroup, {
 // CONCATENATED MODULE: ./packages/option/index.js
 
 
+
 var Option = Object.assign(src_option, {
   install: function install(Vue) {
     Vue.component(src_option.name, src_option);
@@ -36839,6 +37122,7 @@ var Option = Object.assign(src_option, {
 // CONCATENATED MODULE: ./packages/switch/index.js
 
 
+
 var Switch = Object.assign(src_switch, {
   install: function install(Vue) {
     Vue.component(src_switch.name, src_switch);
@@ -36854,6 +37138,8 @@ var Switch = Object.assign(src_switch, {
 
 
 
+
+
 /* harmony default export */ var src_list = ({
   name: 'VxeList',
   mixins: [size],
@@ -37220,6 +37506,7 @@ var Switch = Object.assign(src_switch, {
 // CONCATENATED MODULE: ./packages/list/index.js
 
 
+
 var List = Object.assign(src_list, {
   install: function install(Vue) {
     Vue.component(src_list.name, src_list);
@@ -37232,6 +37519,8 @@ var List = Object.assign(src_list, {
 
 
 
+
+
 /* harmony default export */ var pulldown = ({
   name: 'VxePulldown',
   mixins: [size],
@@ -37532,6 +37821,7 @@ var List = Object.assign(src_list, {
 // CONCATENATED MODULE: ./packages/pulldown/index.js
 
 
+
 var Pulldown = Object.assign(pulldown, {
   install: function install(Vue) {
     Vue.component(pulldown.name, pulldown);