vxe-table 3.4.7-beta.0 → 3.4.8

package/lib/table/src/methods.js

@@ -416,7 +416,7 @@ var Methods = {
   },
 
   /**
-   * 同步 data 数据
+   * 同步 data 数据（即将废弃）
    * 如果用了该方法，那么组件将不再记录增删改的状态，只能自行实现对应逻辑
    * 对于某些特殊的场景，比如深层树节点元素发生变动时可能会用到
    */
@@ -439,10 +439,31 @@ var Methods = {
     return this.handleTableData(true).then(this.updateFooter).then(this.recalculate);
   },
   handleTableData: function handleTableData(force) {
+    var _this2 = this;
+
     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);
+        scrollYStore = this.scrollYStore,
+        fullDataRowIdData = this.fullDataRowIdData,
+        afterFullData = this.afterFullData;
+    var fullList = afterFullData; // 是否进行数据处理
+
+    if (force) {
+      // 更新数据，处理筛选和排序
+      this.updateAfterFullData(); // 如果为虚拟树，将树结构拍平
+
+      fullList = this.handleVirtualTreeToList();
+    }
+
+    var tableData = scrollYLoad ? fullList.slice(scrollYStore.startIndex, scrollYStore.endIndex) : fullList.slice(0);
+    tableData.forEach(function (row, $index) {
+      var rowid = getRowid(_this2, row);
+      var rest = fullDataRowIdData[rowid];
+
+      if (rest) {
+        rest.$index = $index;
+      }
+    });
+    this.tableData = tableData;
     return this.$nextTick();
   },
   updateScrollYStatus: function updateScrollYStatus(fullData) {
@@ -460,7 +481,7 @@ var Methods = {
    * @param {Array} datas 数据
    */
   loadTableData: function loadTableData(datas) {
-    var _this2 = this;
+    var _this3 = this;
 
     var keepSource = this.keepSource,
         treeConfig = this.treeConfig,
@@ -490,6 +511,14 @@ var Methods = {
             _tools.UtilTools.error('vxe.error.reqProp', ['tree-config.children']);
           }
 
+          if (!treeOpts.mapChildren) {
+            _tools.UtilTools.error('vxe.error.reqProp', ['tree-config.mapChildren']);
+          }
+
+          if (treeOpts.children === treeOpts.mapChildren) {
+            _tools.UtilTools.error('vxe.error.errConflicts', ['tree-config.children', 'tree-config.mapChildren']);
+          }
+
           fullData.forEach(function (row) {
             if (row[treeOpts.children] && row[treeOpts.children].length) {
               _tools.UtilTools.warn('vxe.error.errConflicts', ['tree-config.transform', "row.".concat(treeOpts.children)]);
@@ -500,7 +529,8 @@ var Methods = {
         treeData = _xeUtils.default.toArrayTree(fullData, {
           key: treeOpts.rowField,
           parentKey: treeOpts.parentField,
-          children: treeOpts.children
+          children: treeOpts.children,
+          mapChildren: treeOpts.mapChildren
         });
         fullData = treeData.slice(0);
       } else {
@@ -518,7 +548,7 @@ var Methods = {
     this.scrollYLoad = sYLoad; // 全量数据
 
     this.tableFullData = fullData;
-    this.treeFullData = treeData; // 缓存数据
+    this.tableFullTreeData = treeData; // 缓存数据
 
     this.cacheRowMap(true); // 原始数据
 
@@ -554,31 +584,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) {
-            (0, _util.restoreScrollLocation)(_this2, lastScrollLeft, lastScrollTop).then(resolve);
+            (0, _util.restoreScrollLocation)(_this3, lastScrollLeft, lastScrollTop).then(resolve);
           } else {
             setTimeout(function () {
-              return (0, _util.restoreScrollLocation)(_this2, lastScrollLeft, lastScrollTop).then(resolve);
+              return (0, _util.restoreScrollLocation)(_this3, lastScrollLeft, lastScrollTop).then(resolve);
             });
           }
         });
@@ -591,23 +621,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();
     });
   },
 
@@ -616,21 +646,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();
     });
   },
 
@@ -680,10 +710,10 @@ var Methods = {
    * @param {ColumnInfo} columns 列配置
    */
   loadColumn: function loadColumn(columns) {
-    var _this5 = this;
+    var _this6 = this;
 
     var collectColumn = _xeUtils.default.mapTree(columns, function (column) {
-      return _cell.default.createColumn(_this5, column);
+      return _cell.default.createColumn(_this6, column);
     }, {
       children: 'children'
     });
@@ -697,14 +727,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 = getColumnList(collectColumn);
@@ -712,8 +742,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();
@@ -727,14 +757,14 @@ var Methods = {
     }
 
     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();
     });
   },
 
@@ -743,20 +773,21 @@ 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 = getRowid(_this8, row);
+      var rowid = getRowid(_this9, row);
       var seq = treeConfig && path ? (0, _util.toTreePathSeq)(path) : index + 1;
       var level = nodes ? nodes.length - 1 : 0;
 
@@ -800,13 +831,13 @@ var Methods = {
     fullAllDataRowMap.clear();
 
     if (treeConfig) {
-      _xeUtils.default.eachTree(tableFullData, handleCache, treeOpts);
+      _xeUtils.default.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,
@@ -815,15 +846,17 @@ 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[getRowid(this, row)];
     var parentLevel = rest ? rest.level : 0;
     return this.createData(childRecords).then(function (rows) {
       if (keepSource) {
-        var rowid = getRowid(_this9, row);
+        var rowid = getRowid(_this10, row);
 
         var matchObj = _xeUtils.default.findTree(tableSourceData, function (item) {
-          return rowid === getRowid(_this9, item);
+          return rowid === getRowid(_this10, item);
         }, treeOpts);
 
         if (matchObj) {
@@ -832,7 +865,7 @@ var Methods = {
       }
 
       _xeUtils.default.eachTree(rows, function (childRow, index, items, path, parent, nodes) {
-        var rowid = getRowid(_this9, childRow);
+        var rowid = getRowid(_this10, childRow);
         var rest = {
           row: childRow,
           rowid: rowid,
@@ -851,6 +884,11 @@ var Methods = {
       }, treeOpts);
 
       row[children] = rows;
+
+      if (transform) {
+        row[mapChildren] = rows;
+      }
+
       return rows;
     });
   },
@@ -860,7 +898,7 @@ var Methods = {
    * 牺牲数据组装的耗时，用来换取使用过程中的流畅
    */
   cacheColumnMap: function cacheColumnMap() {
-    var _this10 = this;
+    var _this11 = this;
 
     var tableFullColumn = this.tableFullColumn,
         collectColumn = this.collectColumn,
@@ -947,16 +985,16 @@ var Methods = {
       }
 
       if (process.env.NODE_ENV === 'development') {
-        if (_this10.showOverflow && column.showOverflow === false) {
-          _tools.UtilTools.warn('vxe.error.errConflicts', ["table.show-overflow=".concat(_this10.showOverflow), "column.show-overflow=".concat(column.showOverflow)]);
+        if (_this11.showOverflow && column.showOverflow === false) {
+          _tools.UtilTools.warn('vxe.error.errConflicts', ["table.show-overflow=".concat(_this11.showOverflow), "column.show-overflow=".concat(column.showOverflow)]);
         }
 
-        if (_this10.showHeaderOverflow && column.showHeaderOverflow === false) {
-          _tools.UtilTools.warn('vxe.error.errConflicts', ["table.show-header-overflow=".concat(_this10.showHeaderOverflow), "column.show-header-overflow=".concat(column.showHeaderOverflow)]);
+        if (_this11.showHeaderOverflow && column.showHeaderOverflow === false) {
+          _tools.UtilTools.warn('vxe.error.errConflicts', ["table.show-header-overflow=".concat(_this11.showHeaderOverflow), "column.show-header-overflow=".concat(column.showHeaderOverflow)]);
         }
 
-        if (_this10.showFooterOverflow && column.showFooterOverflow === false) {
-          _tools.UtilTools.warn('vxe.error.errConflicts', ["table.show-footer-overflow=".concat(_this10.showFooterOverflow), "column.show-footer-overflow=".concat(column.showFooterOverflow)]);
+        if (_this11.showFooterOverflow && column.showFooterOverflow === false) {
+          _tools.UtilTools.warn('vxe.error.errConflicts', ["table.show-footer-overflow=".concat(_this11.showFooterOverflow), "column.show-footer-overflow=".concat(column.showFooterOverflow)]);
         }
       }
 
@@ -1208,13 +1246,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 ? _xeUtils.default.mapTree(records, handleRrecord, treeOpts) : records.map(handleRrecord);
@@ -1229,7 +1267,7 @@ var Methods = {
    * @param {Array/Object} records 新数据
    */
   createRow: function createRow(records) {
-    var _this12 = this;
+    var _this13 = this;
 
     var isArr = _xeUtils.default.isArray(records);
 
@@ -1238,7 +1276,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];
       });
     });
@@ -1252,7 +1290,7 @@ var Methods = {
    * 如果还额外传了 field 则还原指定的单元格数据
    */
   revertData: function revertData(rows, field) {
-    var _this13 = this;
+    var _this14 = this;
 
     var keepSource = this.keepSource,
         tableSourceData = this.tableSourceData,
@@ -1278,8 +1316,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(_tools.UtilTools.getLog('vxe.error.noTree', ['revertData']));
@@ -1363,7 +1401,7 @@ var Methods = {
    * @param {String} field 字段名
    */
   isUpdateByRow: function isUpdateByRow(row, field) {
-    var _this14 = this;
+    var _this15 = this;
 
     var visibleColumn = this.visibleColumn,
         keepSource = this.keepSource,
@@ -1384,7 +1422,7 @@ var Methods = {
         var children = treeOpts.children;
 
         var matchObj = _xeUtils.default.findTree(tableSourceData, function (item) {
-          return rowid === getRowid(_this14, item);
+          return rowid === getRowid(_this15, item);
         }, treeOpts);
 
         row = Object.assign({}, row, _defineProperty({}, children, null));
@@ -1503,23 +1541,60 @@ var Methods = {
     return rowList;
   },
 
+  /**
+   * 如果为虚拟树，将树结构拍平
+   * @returns
+   */
+  handleVirtualTreeToList: function handleVirtualTreeToList() {
+    var treeOpts = this.treeOpts,
+        treeConfig = this.treeConfig,
+        treeExpandeds = this.treeExpandeds,
+        afterTreeFullData = this.afterTreeFullData,
+        afterFullData = this.afterFullData;
+
+    if (treeConfig && treeOpts.transform) {
+      var fullData = [];
+      var expandMaps = new Map();
+
+      _xeUtils.default.eachTree(afterTreeFullData, function (row, index, items, path, parent) {
+        if (!parent || expandMaps.has(parent) && treeExpandeds.indexOf(parent) > -1) {
+          expandMaps.set(row, 1);
+          fullData.push(row);
+        }
+      }, {
+        children: treeOpts.mapChildren
+      });
+
+      this.afterFullData = fullData;
+      this.updateScrollYStatus(fullData);
+      return fullData;
+    }
+
+    return afterFullData;
+  },
+
   /**
    * 获取处理后全量的表格数据
    * 如果存在筛选条件，继续处理
    */
   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) {
@@ -1556,7 +1631,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,
@@ -1579,7 +1654,7 @@ var Methods = {
                   cellValue: cellValue,
                   row: row,
                   column: column,
-                  $table: _this15
+                  $table: _this16
                 });
               });
             } else if (compFilterMethod) {
@@ -1590,7 +1665,7 @@ var Methods = {
                   cellValue: cellValue,
                   row: row,
                   column: column,
-                  $table: _this15
+                  $table: _this16
                 });
               });
             } else if (allFilterMethod) {
@@ -1609,7 +1684,7 @@ var Methods = {
                   cellValue: cellValue,
                   row: row,
                   column: column,
-                  $table: _this15
+                  $table: _this16
                 });
               });
             }
@@ -1619,51 +1694,99 @@ var Methods = {
 
           return true;
         });
-      });
+      };
+
+      if (treeConfig && transform) {
+        // 筛选虚拟树
+        tableTree = _xeUtils.default.searchTree(tableFullTreeData, handleFilter, _objectSpread(_objectSpread({}, treeOpts), {}, {
+          original: true
+        }));
+        tableData = tableTree;
+      } else {
+        tableData = treeConfig ? tableFullTreeData.filter(handleFilter) : tableFullData.filter(handleFilter);
+        tableTree = tableData;
+      }
+    } else {
+      if (treeConfig && transform) {
+        // 还原虚拟树
+        tableTree = _xeUtils.default.searchTree(tableFullTreeData, function () {
+          return true;
+        }, _objectSpread(_objectSpread({}, treeOpts), {}, {
+          original: true
+        }));
+        tableData = tableTree;
+      } else {
+        tableData = treeConfig ? tableFullTreeData.slice(0) : tableFullData.slice(0);
+        tableTree = tableData;
+      }
     }
 
     var firstOrderColumn = orderColumns[0];
 
     if (!allRemoteSort && firstOrderColumn) {
-      if (allSortMethod) {
-        var sortRests = allSortMethod({
-          data: tableData,
-          column: firstOrderColumn.column,
-          property: firstOrderColumn.property,
-          order: firstOrderColumn.order,
-          sortList: orderColumns,
-          $table: this
-        });
-        tableData = _xeUtils.default.isArray(sortRests) ? sortRests : tableData;
-      } else {
-        // 兼容 v4
-        if (sortMultiple) {
-          tableData = _xeUtils.default.orderBy(tableData, orderColumns.map(function (_ref2) {
+      if (treeConfig && transform) {
+        // 虚拟树和列表一样，只能排序根级节点
+        if (allSortMethod) {
+          var sortRests = allSortMethod({
+            data: tableTree,
+            sortList: orderColumns,
+            $table: this
+          });
+          tableTree = _xeUtils.default.isArray(sortRests) ? sortRests : tableTree;
+        } else {
+          tableTree = _xeUtils.default.orderBy(tableTree, orderColumns.map(function (_ref2) {
             var column = _ref2.column,
                 order = _ref2.order;
-            return [getOrderField(_this15, column), order];
+            return [getOrderField(_this16, column), order];
           }));
+        }
+
+        tableData = tableTree;
+      } else {
+        if (allSortMethod) {
+          var _sortRests = allSortMethod({
+            data: tableData,
+            column: firstOrderColumn.column,
+            property: firstOrderColumn.property,
+            order: firstOrderColumn.order,
+            sortList: orderColumns,
+            $table: this
+          });
+
+          tableData = _xeUtils.default.isArray(_sortRests) ? _sortRests : tableData;
         } else {
-          // 兼容 v2，在 v4 中废弃， sortBy 不能为数组
-          var sortByConfs;
+          // 兼容 v4
+          if (sortMultiple) {
+            tableData = _xeUtils.default.orderBy(tableData, orderColumns.map(function (_ref3) {
+              var column = _ref3.column,
+                  order = _ref3.order;
+              return [getOrderField(_this16, column), order];
+            }));
+          } else {
+            // 兼容 v2，在 v4 中废弃， sortBy 不能为数组
+            var sortByConfs;
 
-          if (_xeUtils.default.isArray(firstOrderColumn.sortBy)) {
-            sortByConfs = firstOrderColumn.sortBy.map(function (item) {
-              return [item, firstOrderColumn.order];
-            });
-          }
+            if (_xeUtils.default.isArray(firstOrderColumn.sortBy)) {
+              sortByConfs = firstOrderColumn.sortBy.map(function (item) {
+                return [item, firstOrderColumn.order];
+              });
+            }
 
-          tableData = _xeUtils.default.orderBy(tableData, sortByConfs || [firstOrderColumn].map(function (_ref3) {
-            var column = _ref3.column,
-                order = _ref3.order;
-            return [getOrderField(_this15, column), order];
-          }));
+            tableData = _xeUtils.default.orderBy(tableData, sortByConfs || [firstOrderColumn].map(function (_ref4) {
+              var column = _ref4.column,
+                  order = _ref4.order;
+              return [getOrderField(_this16, column), order];
+            }));
+          }
         }
+
+        tableTree = tableData;
       }
     }
 
     this.afterFullData = tableData;
-    return tableData;
+    this.afterTreeFullData = tableTree;
+    this.updateAfterDataIndex();
   },
 
   /**
@@ -1671,18 +1794,18 @@ var Methods = {
    * 对渲染中的数据提前解析序号及索引。牺牲提前编译耗时换取渲染中额外损耗，使运行时更加流畅
    */
   updateAfterDataIndex: function updateAfterDataIndex() {
-    var _this16 = this;
+    var _this17 = this;
 
     var treeConfig = this.treeConfig,
         afterFullData = this.afterFullData,
         fullDataRowIdData = this.fullDataRowIdData,
         fullAllDataRowIdData = this.fullAllDataRowIdData,
-        treeFullData = this.treeFullData,
+        afterTreeFullData = this.afterTreeFullData,
         treeOpts = this.treeOpts;
 
     if (treeConfig) {
-      _xeUtils.default.eachTree(treeFullData, function (row, index, items, path) {
-        var rowid = getRowid(_this16, row);
+      _xeUtils.default.eachTree(afterTreeFullData, function (row, index, items, path) {
+        var rowid = getRowid(_this17, row);
         var allrest = fullAllDataRowIdData[rowid];
         var fullrest = fullDataRowIdData[rowid];
         var seq = path.map(function (num, i) {
@@ -1691,10 +1814,12 @@ var Methods = {
 
         if (allrest) {
           allrest.seq = seq;
+          allrest._index = index;
         }
 
         if (fullrest) {
           fullrest.seq = seq;
+          fullrest._index = index;
         } else {
           fullAllDataRowIdData[rowid] = {
             row: row,
@@ -1719,16 +1844,19 @@ var Methods = {
             level: 0
           };
         }
-      }, treeOpts);
+      }, {
+        children: treeOpts.mapChildren
+      });
     } else {
       afterFullData.forEach(function (row, index) {
-        var rowid = getRowid(_this16, row);
+        var rowid = getRowid(_this17, row);
         var allrest = fullAllDataRowIdData[rowid];
         var fullrest = fullDataRowIdData[rowid];
         var seq = index + 1;
 
         if (allrest) {
           allrest.seq = seq;
+          allrest._index = index;
         }
 
         if (fullrest) {
@@ -1803,7 +1931,7 @@ var Methods = {
    * 默认执行一次，除非被重置
    */
   handleLoadDefaults: function handleLoadDefaults() {
-    var _this17 = this;
+    var _this18 = this;
 
     if (this.checkboxConfig) {
       this.handleDefaultSelectionChecked();
@@ -1830,7 +1958,7 @@ var Methods = {
     }
 
     this.$nextTick(function () {
-      return setTimeout(_this17.recalculate);
+      return setTimeout(_this18.recalculate);
     });
   },
 
@@ -1983,9 +2111,9 @@ var Methods = {
         }
       });
 
-      _xeUtils.default.each(customMap, function (_ref4, field) {
-        var visible = _ref4.visible,
-            resizeWidth = _ref4.resizeWidth;
+      _xeUtils.default.each(customMap, function (_ref5, field) {
+        var visible = _ref5.visible,
+            resizeWidth = _ref5.resizeWidth;
         var column = keyMap[field];
 
         if (column) {
@@ -2087,12 +2215,12 @@ var Methods = {
    * 刷新列配置
    */
   refreshColumn: function refreshColumn() {
-    var _this18 = this;
+    var _this19 = this;
 
     return this.parseColumns().then(function () {
-      return _this18.refreshScroll();
+      return _this19.refreshScroll();
     }).then(function () {
-      return _this18.recalculate();
+      return _this19.recalculate();
     });
   },
 
@@ -2101,7 +2229,7 @@ var Methods = {
    * 将固定的列左边、右边分别靠边
    */
   parseColumns: function parseColumns() {
-    var _this19 = this;
+    var _this20 = this;
 
     var leftList = [];
     var centerList = [];
@@ -2228,11 +2356,11 @@ var Methods = {
     this.visibleColumn = visibleColumn;
     this.handleTableColumn();
     return this.updateFooter().then(function () {
-      return _this19.recalculate();
+      return _this20.recalculate();
     }).then(function () {
-      _this19.updateCellAreas();
+      _this20.updateCellAreas();
 
-      return _this19.recalculate();
+      return _this20.recalculate();
     });
   },
 
@@ -2316,7 +2444,7 @@ var Methods = {
    * 支持 width=? width=?px width=?% min-width=? min-width=?px min-width=?%
    */
   recalculate: function recalculate(refull) {
-    var _this20 = this;
+    var _this21 = this;
 
     var $refs = this.$refs;
     var tableBody = $refs.tableBody,
@@ -2332,9 +2460,9 @@ var Methods = {
       if (refull === true) {
         // 初始化时需要在列计算之后再执行优化运算，达到最优显示效果
         return this.computeScrollLoad().then(function () {
-          _this20.autoCellWidth(headerElem, bodyElem, footerElem);
+          _this21.autoCellWidth(headerElem, bodyElem, footerElem);
 
-          return _this20.computeScrollLoad();
+          return _this21.computeScrollLoad();
         });
       }
     }
@@ -2482,7 +2610,7 @@ var Methods = {
     this.customMaxHeight = calcHeight(this, 'maxHeight');
   },
   updateStyle: function updateStyle() {
-    var _this21 = this;
+    var _this22 = this;
 
     var $refs = this.$refs,
         isGroup = this.isGroup,
@@ -2586,7 +2714,7 @@ var Methods = {
 
           if (isGroup && listElem) {
             _xeUtils.default.arrayEach(listElem.querySelectorAll('.col--group'), function (thElem) {
-              var colNode = _this21.getColumnNode(thElem);
+              var colNode = _this22.getColumnNode(thElem);
 
               if (colNode) {
                 var column = colNode.item;
@@ -2767,10 +2895,10 @@ var Methods = {
 
                   if (cellElem) {
                     if (colspan > 1) {
-                      var columnIndex = _this21.getColumnIndex(column);
+                      var columnIndex = _this22.getColumnIndex(column);
 
                       for (var _index = 1; _index < colspan; _index++) {
-                        var nextColumn = _this21.getColumns(columnIndex + _index);
+                        var nextColumn = _this22.getColumns(columnIndex + _index);
 
                         if (nextColumn) {
                           colWidth += nextColumn.renderWidth;
@@ -2820,7 +2948,7 @@ var Methods = {
     }
   },
   preventEvent: function preventEvent(evnt, type, args, next, end) {
-    var _this22 = this;
+    var _this23 = this;
 
     var evntList = _vXETable.default.interceptor.get(type);
 
@@ -2828,8 +2956,8 @@ var Methods = {
 
     if (!evntList.some(function (func) {
       return func(Object.assign({
-        $grid: _this22.$xegrid,
-        $table: _this22,
+        $grid: _this23.$xegrid,
+        $table: _this23,
         $event: evnt
       }, args)) === false;
     })) {
@@ -2849,7 +2977,7 @@ var Methods = {
    * 全局按下事件处理
    */
   handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
-    var _this23 = this;
+    var _this24 = this;
 
     var $el = this.$el,
         $refs = this.$refs,
@@ -2910,7 +3038,7 @@ var Methods = {
                 } // 如果固定了高度且点击了行之外的空白处，则清除激活状态
 
 
-                if (!isClearActived && _this23.height && !_this23.overflowY) {
+                if (!isClearActived && _this24.height && !_this24.overflowY) {
                   var bodyWrapperElem = evnt.target;
 
                   if (hasClass(bodyWrapperElem, 'vxe-table--body-wrapper')) {
@@ -2921,7 +3049,7 @@ var Methods = {
                 if (isClearActived || // 如果点击了当前表格之外
                 !getEventTargetNode(evnt, $el).flag) {
                   setTimeout(function () {
-                    return _this23.clearActived(evnt);
+                    return _this24.clearActived(evnt);
                   });
                 }
               });
@@ -2935,9 +3063,9 @@ var Methods = {
 
         if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-areas-clear').flag) {
           this.preventEvent(evnt, 'event.clearAreas', {}, function () {
-            _this23.clearCellAreas();
+            _this24.clearCellAreas();
 
-            _this23.clearCopyCellArea();
+            _this24.clearCopyCellArea();
           });
         }
       }
@@ -2972,7 +3100,7 @@ var Methods = {
    * 表格键盘事件
    */
   keydownEvent: function keydownEvent(evnt) {
-    var _this24 = this;
+    var _this25 = this;
 
     var filterStore = this.filterStore,
         ctxMenuStore = this.ctxMenuStore,
@@ -2987,33 +3115,33 @@ var Methods = {
 
     if (isEsc) {
       this.preventEvent(evnt, 'event.keydown', null, function () {
-        if (keyboardConfig && mouseConfig && mouseOpts.area && _this24.handleKeyboardEvent) {
-          _this24.handleKeyboardEvent(evnt);
+        if (keyboardConfig && mouseConfig && mouseOpts.area && _this25.handleKeyboardEvent) {
+          _this25.handleKeyboardEvent(evnt);
         } else if (actived.row || filterStore.visible || ctxMenuStore.visible) {
           evnt.stopPropagation(); // 如果按下了 Esc 键，关闭快捷菜单、筛选
 
-          _this24.closeFilter();
+          _this25.closeFilter();
 
-          _this24.closeMenu();
+          _this25.closeMenu();
 
           if (keyboardConfig && keyboardOpts.isEsc) {
             // 如果是激活编辑状态，则取消编辑
             if (actived.row) {
               var params = actived.args;
 
-              _this24.clearActived(evnt); // 如果配置了选中功能，则为选中状态
+              _this25.clearActived(evnt); // 如果配置了选中功能，则为选中状态
 
 
               if (mouseConfig && mouseOpts.selected) {
-                _this24.$nextTick(function () {
-                  return _this24.handleSelected(params, evnt);
+                _this25.$nextTick(function () {
+                  return _this25.handleSelected(params, evnt);
                 });
               }
             }
           }
         }
 
-        _this24.emitEvent('keydown', {}, evnt);
+        _this25.emitEvent('keydown', {}, evnt);
       });
     }
   },
@@ -3022,27 +3150,27 @@ var Methods = {
    * 全局键盘事件
    */
   handleGlobalKeydownEvent: function handleGlobalKeydownEvent(evnt) {
-    var _this25 = this;
+    var _this26 = this;
 
     // 该行为只对当前激活的表格有效
     if (this.isActivated) {
       this.preventEvent(evnt, 'event.keydown', null, function () {
-        var filterStore = _this25.filterStore,
-            isCtxMenu = _this25.isCtxMenu,
-            ctxMenuStore = _this25.ctxMenuStore,
-            editStore = _this25.editStore,
-            editOpts = _this25.editOpts,
-            editConfig = _this25.editConfig,
-            mouseConfig = _this25.mouseConfig,
-            mouseOpts = _this25.mouseOpts,
-            keyboardConfig = _this25.keyboardConfig,
-            keyboardOpts = _this25.keyboardOpts,
-            treeConfig = _this25.treeConfig,
-            treeOpts = _this25.treeOpts,
-            highlightCurrentRow = _this25.highlightCurrentRow,
-            currentRow = _this25.currentRow,
-            bodyCtxMenu = _this25.bodyCtxMenu,
-            rowOpts = _this25.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;
@@ -3069,7 +3197,7 @@ var Methods = {
 
         if (filterStore.visible) {
           if (isEsc) {
-            _this25.closeFilter();
+            _this26.closeFilter();
           }
 
           return;
@@ -3080,20 +3208,20 @@ var Methods = {
           evnt.preventDefault();
 
           if (ctxMenuStore.showChild && hasChildrenList(ctxMenuStore.selected)) {
-            _this25.moveCtxMenu(evnt, keyCode, ctxMenuStore, 'selectChild', 37, false, ctxMenuStore.selected.children);
+            _this26.moveCtxMenu(evnt, keyCode, ctxMenuStore, 'selectChild', 37, false, ctxMenuStore.selected.children);
           } else {
-            _this25.moveCtxMenu(evnt, keyCode, ctxMenuStore, 'selected', 39, true, _this25.ctxMenuList);
+            _this26.moveCtxMenu(evnt, keyCode, ctxMenuStore, 'selected', 39, true, _this26.ctxMenuList);
           }
-        } else if (keyboardConfig && mouseConfig && mouseOpts.area && _this25.handleKeyboardEvent) {
-          _this25.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') {
-            _this25.handleToggleCheckRowEvent(evnt, selected.args);
+            _this26.handleToggleCheckRowEvent(evnt, selected.args);
           } else {
-            _this25.triggerRadioRowEvent(evnt, selected.args);
+            _this26.triggerRadioRowEvent(evnt, selected.args);
           }
         } else if (isF2 && (0, _utils.isEnableConf)(editConfig)) {
           if (!isEditStatus) {
@@ -3102,15 +3230,15 @@ var Methods = {
               evnt.stopPropagation();
               evnt.preventDefault();
 
-              _this25.handleActived(selected.args, evnt);
+              _this26.handleActived(selected.args, evnt);
             }
           }
         } else if (isContextMenu) {
           // 如果按下上下文键
-          _this25._keyCtx = selected.row && selected.column && bodyCtxMenu.length;
-          clearTimeout(_this25.keyCtxTimeout);
-          _this25.keyCtxTimeout = setTimeout(function () {
-            _this25._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)) {
           // 退出选中
@@ -3119,12 +3247,12 @@ var Methods = {
             if (actived.row) {
               params = actived.args;
 
-              _this25.clearActived(evnt); // 如果配置了选中功能，则为选中状态
+              _this26.clearActived(evnt); // 如果配置了选中功能，则为选中状态
 
 
               if (mouseConfig && mouseOpts.selected) {
-                _this25.$nextTick(function () {
-                  return _this25.handleSelected(params, evnt);
+                _this26.$nextTick(function () {
+                  return _this26.handleSelected(params, evnt);
                 });
               }
             }
@@ -3135,15 +3263,15 @@ var Methods = {
 
               if (hasShiftKey) {
                 if (keyboardOpts.enterToTab) {
-                  _this25.moveTabSelected(targetArgs, hasShiftKey, evnt);
+                  _this26.moveTabSelected(targetArgs, hasShiftKey, evnt);
                 } else {
-                  _this25.moveSelected(targetArgs, isLeftArrow, true, isRightArrow, false, evnt);
+                  _this26.moveSelected(targetArgs, isLeftArrow, true, isRightArrow, false, evnt);
                 }
               } else {
                 if (keyboardOpts.enterToTab) {
-                  _this25.moveTabSelected(targetArgs, hasShiftKey, evnt);
+                  _this26.moveTabSelected(targetArgs, hasShiftKey, evnt);
                 } else {
-                  _this25.moveSelected(targetArgs, isLeftArrow, false, isRightArrow, true, evnt);
+                  _this26.moveSelected(targetArgs, isLeftArrow, false, isRightArrow, true, evnt);
                 }
               }
             } else if (treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
@@ -3154,14 +3282,14 @@ var Methods = {
                 evnt.preventDefault();
                 var targetRow = childrens[0];
                 params = {
-                  $table: _this25,
+                  $table: _this26,
                   row: targetRow
                 };
 
-                _this25.setTreeExpand(currentRow, true).then(function () {
-                  return _this25.scrollToRow(targetRow);
+                _this26.setTreeExpand(currentRow, true).then(function () {
+                  return _this26.scrollToRow(targetRow);
                 }).then(function () {
-                  return _this25.triggerCurrentRowEvent(evnt, params);
+                  return _this26.triggerCurrentRowEvent(evnt, params);
                 });
               }
             }
@@ -3170,18 +3298,18 @@ var Methods = {
           if (!isEditStatus) {
             // 如果按下了方向键
             if (selected.row && selected.column) {
-              _this25.moveSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
+              _this26.moveSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
             } else if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
               // 当前行按键上下移动
-              _this25.moveCurrentRow(isUpArrow, isDwArrow, evnt);
+              _this26.moveCurrentRow(isUpArrow, isDwArrow, evnt);
             }
           }
         } else if (isTab && keyboardConfig && keyboardOpts.isTab) {
           // 如果按下了 Tab 键切换
           if (selected.row || selected.column) {
-            _this25.moveTabSelected(selected.args, hasShiftKey, evnt);
+            _this26.moveTabSelected(selected.args, hasShiftKey, evnt);
           } else if (actived.row || actived.column) {
-            _this25.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) {
@@ -3192,10 +3320,10 @@ var Methods = {
               if (delMethod) {
                 delMethod({
                   row: selected.row,
-                  rowIndex: _this25.getRowIndex(selected.row),
+                  rowIndex: _this26.getRowIndex(selected.row),
                   column: selected.column,
-                  columnIndex: _this25.getColumnIndex(selected.column),
-                  $table: _this25
+                  columnIndex: _this26.getColumnIndex(selected.column),
+                  $table: _this26
                 });
               } else {
                 setCellValue(selected.row, selected.column, null);
@@ -3205,21 +3333,21 @@ var Methods = {
                 if (backMethod) {
                   backMethod({
                     row: selected.row,
-                    rowIndex: _this25.getRowIndex(selected.row),
+                    rowIndex: _this26.getRowIndex(selected.row),
                     column: selected.column,
-                    columnIndex: _this25.getColumnIndex(selected.column),
-                    $table: _this25
+                    columnIndex: _this26.getColumnIndex(selected.column),
+                    $table: _this26
                   });
                 } else {
-                  _this25.handleActived(selected.args, evnt);
+                  _this26.handleActived(selected.args, evnt);
                 }
               } else if (isDel) {
                 // 如果按下 del 键，更新表尾数据
-                _this25.updateFooter();
+                _this26.updateFooter();
               }
             } else if (isBack && keyboardOpts.isArrow && treeConfig && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
               // 如果树形表格回退键关闭当前行返回父节点
-              var _XEUtils$findTree = _xeUtils.default.findTree(_this25.afterFullData, function (item) {
+              var _XEUtils$findTree = _xeUtils.default.findTree(_this26.afterFullData, function (item) {
                 return item === currentRow;
               }, treeOpts),
                   parentRow = _XEUtils$findTree.parent;
@@ -3227,14 +3355,14 @@ var Methods = {
               if (parentRow) {
                 evnt.preventDefault();
                 params = {
-                  $table: _this25,
+                  $table: _this26,
                   row: parentRow
                 };
 
-                _this25.setTreeExpand(parentRow, false).then(function () {
-                  return _this25.scrollToRow(parentRow);
+                _this26.setTreeExpand(parentRow, false).then(function () {
+                  return _this26.scrollToRow(parentRow);
                 }).then(function () {
-                  return _this25.triggerCurrentRowEvent(evnt, params);
+                  return _this26.triggerCurrentRowEvent(evnt, params);
                 });
               }
             }
@@ -3251,21 +3379,21 @@ var Methods = {
               if (editMethod) {
                 editMethod({
                   row: selected.row,
-                  rowIndex: _this25.getRowIndex(selected.row),
+                  rowIndex: _this26.getRowIndex(selected.row),
                   column: selected.column,
-                  columnIndex: _this25.getColumnIndex(selected.column),
-                  $table: _this25
+                  columnIndex: _this26.getColumnIndex(selected.column),
+                  $table: _this26
                 });
               } else {
                 setCellValue(selected.row, selected.column, null);
 
-                _this25.handleActived(selected.args, evnt);
+                _this26.handleActived(selected.args, evnt);
               }
             }
           }
         }
 
-        _this25.emitEvent('keydown', {}, evnt);
+        _this26.emitEvent('keydown', {}, evnt);
       });
     }
   },
@@ -3335,12 +3463,12 @@ var Methods = {
     this.recalculate(true);
   },
   handleTooltipLeaveMethod: function handleTooltipLeaveMethod() {
-    var _this26 = this;
+    var _this27 = this;
 
     var tooltipOpts = this.tooltipOpts;
     setTimeout(function () {
-      if (!_this26.tooltipActive) {
-        _this26.closeTooltip();
+      if (!_this27.tooltipActive) {
+        _this27.closeTooltip();
       }
     }, tooltipOpts.leaveDelay);
     return false;
@@ -3351,17 +3479,17 @@ var Methods = {
     this.closeTooltip();
   },
   handleTargetLeaveEvent: function handleTargetLeaveEvent() {
-    var _this27 = this;
+    var _this28 = this;
 
     var tooltipOpts = this.tooltipOpts;
     this.tooltipActive = false;
 
     if (tooltipOpts.enterable) {
       this.tooltipTimeout = setTimeout(function () {
-        var tooltip = _this27.$refs.tooltip;
+        var tooltip = _this28.$refs.tooltip;
 
         if (tooltip && !tooltip.isHover) {
-          _this27.closeTooltip();
+          _this28.closeTooltip();
         }
       }, tooltipOpts.leaveDelay);
     } else {
@@ -3594,14 +3722,14 @@ var Methods = {
    * @param {Boolean} value 是否选中
    */
   setCheckboxRow: function setCheckboxRow(rows, value) {
-    var _this28 = this;
+    var _this29 = this;
 
     if (rows && !_xeUtils.default.isArray(rows)) {
       rows = [rows];
     }
 
     rows.forEach(function (row) {
-      return _this28.handleSelectRow({
+      return _this29.handleSelectRow({
         row: row
       }, !!value);
     });
@@ -3624,10 +3752,10 @@ var Methods = {
    * 多选，行选中事件
    * value 选中true 不选false 半选-1
    */
-  handleSelectRow: function handleSelectRow(_ref5, value) {
-    var _this29 = this;
+  handleSelectRow: function handleSelectRow(_ref6, value) {
+    var _this30 = this;
 
-    var row = _ref5.row;
+    var row = _ref6.row;
     var selection = this.selection,
         afterFullData = this.afterFullData,
         treeConfig = this.treeConfig,
@@ -3658,7 +3786,7 @@ var Methods = {
                 return half === item;
               });
 
-              _this29.handleCheckboxReserveRow(row, value);
+              _this30.handleCheckboxReserveRow(row, value);
             }
           }, treeOpts);
         } // 如果存在父节点，更新父节点状态
@@ -3732,7 +3860,7 @@ var Methods = {
                 return half === item;
               });
 
-              _this29.handleCheckboxReserveRow(row, value);
+              _this30.handleCheckboxReserveRow(row, value);
             }
           }, treeOpts);
         } // 如果存在父节点，更新父节点状态
@@ -3836,7 +3964,7 @@ var Methods = {
    * @param {Boolean} value 是否选中
    */
   setAllCheckboxRow: function setAllCheckboxRow(value) {
-    var _this30 = this;
+    var _this31 = this;
 
     var afterFullData = this.afterFullData,
         treeConfig = this.treeConfig,
@@ -3949,11 +4077,11 @@ var Methods = {
       if (reserve) {
         if (value) {
           selectRows.forEach(function (row) {
-            checkboxReserveRowMap[getRowid(_this30, row)] = row;
+            checkboxReserveRowMap[getRowid(_this31, row)] = row;
           });
         } else {
           afterFullData.forEach(function (row) {
-            return _this30.handleCheckboxReserveRow(row, false);
+            return _this31.handleCheckboxReserveRow(row, false);
           });
         }
       }
@@ -4148,7 +4276,7 @@ var Methods = {
    * 获取复选框保留选中的行
    */
   getCheckboxReserveRecords: function getCheckboxReserveRecords(isFull) {
-    var _this31 = this;
+    var _this32 = this;
 
     var fullDataRowIdData = this.fullDataRowIdData,
         afterFullData = this.afterFullData,
@@ -4163,11 +4291,11 @@ var Methods = {
 
       if (treeConfig) {
         _xeUtils.default.eachTree(afterFullData, function (row) {
-          afterFullIdMaps[getRowid(_this31, row)] = 1;
+          afterFullIdMaps[getRowid(_this32, row)] = 1;
         }, treeOpts);
       } else {
         afterFullData.forEach(function (row) {
-          afterFullIdMaps[getRowid(_this31, row)] = 1;
+          afterFullIdMaps[getRowid(_this32, row)] = 1;
         });
       }
 
@@ -4233,7 +4361,7 @@ var Methods = {
    * 清空行为不管是否被禁用还是保留记录，都将彻底清空选中状态
    */
   clearCheckboxRow: function clearCheckboxRow() {
-    var _this32 = this;
+    var _this33 = this;
 
     var tableFullData = this.tableFullData,
         treeConfig = this.treeConfig,
@@ -4256,7 +4384,7 @@ var Methods = {
 
     if (reserve) {
       tableFullData.forEach(function (row) {
-        return _this32.handleCheckboxReserveRow(row, false);
+        return _this33.handleCheckboxReserveRow(row, false);
       });
     }
 
@@ -4447,8 +4575,8 @@ var Methods = {
   /**
    * 行 hover 事件
    */
-  triggerHoverEvent: function triggerHoverEvent(evnt, _ref6) {
-    var row = _ref6.row;
+  triggerHoverEvent: function triggerHoverEvent(evnt, _ref7) {
+    var row = _ref7.row;
     this.setHoverRow(row);
   },
   setHoverRow: function setHoverRow(row) {
@@ -4548,13 +4676,13 @@ var Methods = {
    * 如果存在规则，则校验
    */
   handleChangeCell: function handleChangeCell(evnt, params) {
-    var _this33 = this;
+    var _this34 = this;
 
     this.checkValidate('blur').catch(function (e) {
       return e;
     }).then(function () {
-      _this33.handleActived(params, evnt).then(function () {
-        return _this33.checkValidate('change');
+      _this34.handleActived(params, evnt).then(function () {
+        return _this34.checkValidate('change');
       }).catch(function (e) {
         return e;
       });
@@ -4657,7 +4785,7 @@ var Methods = {
    * 如果是双击模式，则激活为编辑状态
    */
   triggerCellDblclickEvent: function triggerCellDblclickEvent(evnt, params) {
-    var _this34 = this;
+    var _this35 = this;
 
     var editStore = this.editStore,
         editConfig = this.editConfig,
@@ -4672,15 +4800,15 @@ var Methods = {
           this.checkValidate('blur').catch(function (e) {
             return e;
           }).then(function () {
-            _this34.handleActived(params, evnt).then(function () {
-              return _this34.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 _this34.checkValidate('change');
+            return _this35.checkValidate('change');
           }).catch(function (e) {
             return e;
           });
@@ -4691,7 +4819,7 @@ var Methods = {
     this.emitEvent('cell-dblclick', params, evnt);
   },
   handleDefaultSort: function handleDefaultSort() {
-    var _this35 = this;
+    var _this36 = this;
 
     var sortConfig = this.sortConfig,
         sortOpts = this.sortOpts;
@@ -4708,7 +4836,7 @@ var Methods = {
               order = item.order;
 
           if (field && order) {
-            var column = _this35.getColumnByField(field);
+            var column = _this36.getColumnByField(field);
 
             if (column && column.sortable) {
               column.order = order;
@@ -4751,7 +4879,7 @@ var Methods = {
     }
   },
   sort: function sort(sortConfs, sortOrder) {
-    var _this36 = this;
+    var _this37 = this;
 
     var sortOpts = this.sortOpts;
     var multiple = sortOpts.multiple,
@@ -4784,7 +4912,7 @@ var Methods = {
         var column = field;
 
         if (_xeUtils.default.isString(field)) {
-          column = _this36.getColumnByField(field);
+          column = _this37.getColumnByField(field);
         }
 
         if (column && (column.sortable || column.remoteSort)) {
@@ -4793,7 +4921,7 @@ var Methods = {
           }
 
           if (orders.indexOf(order) === -1) {
-            order = getNextSortOrder(_this36, column);
+            order = getNextSortOrder(_this37, column);
           }
 
           if (column.order !== order) {
@@ -4944,7 +5072,7 @@ var Methods = {
    * @param {Row} row 行对象
    */
   reloadRowExpand: function reloadRowExpand(row) {
-    var _this37 = this;
+    var _this38 = this;
 
     var expandOpts = this.expandOpts,
         expandLazyLoadeds = this.expandLazyLoadeds;
@@ -4952,7 +5080,7 @@ var Methods = {
 
     if (lazy && expandLazyLoadeds.indexOf(row) === -1) {
       this.clearRowExpandLoaded(row).then(function () {
-        return _this37.handleAsyncRowExpand(row);
+        return _this38.handleAsyncRowExpand(row);
       });
     }
 
@@ -5031,29 +5159,29 @@ var Methods = {
     return this.setRowExpand(this.expandOpts.lazy ? this.tableData : this.tableFullData, expanded);
   },
   handleAsyncRowExpand: function handleAsyncRowExpand(row) {
-    var _this38 = this;
+    var _this39 = this;
 
     var rest = this.fullAllDataRowMap.get(row);
     return new Promise(function (resolve) {
-      _this38.expandLazyLoadeds.push(row);
+      _this39.expandLazyLoadeds.push(row);
 
-      _this38.expandOpts.loadMethod({
-        $table: _this38,
+      _this39.expandOpts.loadMethod({
+        $table: _this39,
         row: row,
-        rowIndex: _this38.getRowIndex(row),
-        $rowIndex: _this38.getVMRowIndex(row)
+        rowIndex: _this39.getRowIndex(row),
+        $rowIndex: _this39.getVMRowIndex(row)
       }).catch(function (e) {
         return e;
       }).then(function () {
         rest.expandLoaded = true;
 
-        _xeUtils.default.remove(_this38.expandLazyLoadeds, function (item) {
+        _xeUtils.default.remove(_this39.expandLazyLoadeds, function (item) {
           return item === row;
         });
 
-        _this38.rowExpandeds.push(row);
+        _this39.rowExpandeds.push(row);
 
-        resolve(_this38.$nextTick().then(_this38.recalculate));
+        resolve(_this39.$nextTick().then(_this39.recalculate));
       });
     });
   },
@@ -5066,7 +5194,7 @@ var Methods = {
    * @param {Boolean} expanded 是否展开
    */
   setRowExpand: function setRowExpand(rows, expanded) {
-    var _this39 = this;
+    var _this40 = this;
 
     var fullAllDataRowMap = this.fullAllDataRowMap,
         expandLazyLoadeds = this.expandLazyLoadeds,
@@ -5099,8 +5227,8 @@ var Methods = {
           columnIndex: columnIndex,
           $columnIndex: $columnIndex,
           row: row,
-          rowIndex: _this39.getRowIndex(row),
-          $rowIndex: _this39.getVMRowIndex(row)
+          rowIndex: _this40.getRowIndex(row),
+          $rowIndex: _this40.getVMRowIndex(row)
         });
       }) : rows;
 
@@ -5111,7 +5239,7 @@ var Methods = {
             var isLoad = lazy && !rest.expandLoaded && expandLazyLoadeds.indexOf(row) === -1;
 
             if (isLoad) {
-              lazyRests.push(_this39.handleAsyncRowExpand(row));
+              lazyRests.push(_this40.handleAsyncRowExpand(row));
             } else {
               rowExpandeds.push(row);
             }
@@ -5125,7 +5253,7 @@ var Methods = {
 
       if (reserve) {
         validRows.forEach(function (row) {
-          return _this39.handleRowExpandReserve(row, expanded);
+          return _this40.handleRowExpandReserve(row, expanded);
         });
       }
     }
@@ -5146,7 +5274,7 @@ var Methods = {
    * 手动清空展开行状态，数据会恢复成未展开的状态
    */
   clearRowExpand: function clearRowExpand() {
-    var _this40 = this;
+    var _this41 = this;
 
     var expandOpts = this.expandOpts,
         rowExpandeds = this.rowExpandeds,
@@ -5157,13 +5285,13 @@ var Methods = {
 
     if (reserve) {
       tableFullData.forEach(function (row) {
-        return _this40.handleRowExpandReserve(row, false);
+        return _this41.handleRowExpandReserve(row, false);
       });
     }
 
     return this.$nextTick().then(function () {
       if (isExists) {
-        _this40.recalculate();
+        _this41.recalculate();
       }
     });
   },
@@ -5218,7 +5346,8 @@ var Methods = {
     var treeOpts = this.treeOpts,
         treeExpandeds = this.treeExpandeds,
         fullAllDataRowMap = this.fullAllDataRowMap;
-    var lazy = treeOpts.lazy;
+    var transform = treeOpts.transform,
+        lazy = treeOpts.lazy;
     var rest = fullAllDataRowMap.get(row);
 
     if (lazy && rest) {
@@ -5229,6 +5358,11 @@ var Methods = {
       });
     }
 
+    if (transform) {
+      this.handleVirtualTreeToList();
+      return this.handleTableData();
+    }
+
     return this.$nextTick();
   },
 
@@ -5237,7 +5371,7 @@ var Methods = {
    * @param {Row} row 行对象
    */
   reloadTreeExpand: function reloadTreeExpand(row) {
-    var _this41 = this;
+    var _this42 = this;
 
     var treeOpts = this.treeOpts,
         treeLazyLoadeds = this.treeLazyLoadeds;
@@ -5247,13 +5381,13 @@ var Methods = {
 
     if (lazy && row[hasChild] && treeLazyLoadeds.indexOf(row) === -1) {
       this.clearTreeExpandLoaded(row).then(function () {
-        return _this41.handleAsyncTreeExpandChilds(row);
+        return _this42.handleAsyncTreeExpandChilds(row);
       }).then(function () {
         if (transform) {
-          return _this41.updateVirtualTreeData();
+          return _this42.handleTableData();
         }
       }).then(function () {
-        return _this41.recalculate();
+        return _this42.recalculate();
       });
     }
 
@@ -5331,20 +5465,21 @@ var Methods = {
     }
   },
   handleAsyncTreeExpandChilds: function handleAsyncTreeExpandChilds(row) {
-    var _this42 = 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: _this42,
+        $table: _this43,
         row: row
       }).catch(function () {
         return [];
@@ -5360,19 +5495,33 @@ var Methods = {
         }
 
         if (childRecords) {
-          _this42.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 && _this42.isCheckedByCheckboxRow(row)) {
-              _this42.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(_this42.$nextTick().then(_this42.recalculate));
       });
     });
   },
@@ -5406,7 +5555,7 @@ var Methods = {
    * @returns
    */
   handleBaseTreeExpand: function handleBaseTreeExpand(rows, expanded) {
-    var _this43 = this;
+    var _this44 = this;
 
     var fullAllDataRowMap = this.fullAllDataRowMap,
         tableFullData = this.tableFullData,
@@ -5454,7 +5603,7 @@ var Methods = {
           var isLoad = lazy && row[hasChild] && !rest.treeLoaded && treeLazyLoadeds.indexOf(row) === -1; // 是否使用懒加载
 
           if (isLoad) {
-            result.push(_this43.handleAsyncTreeExpandChilds(row));
+            result.push(_this44.handleAsyncTreeExpandChilds(row));
           } else {
             if (row[children] && row[children].length) {
               treeExpandeds.push(row);
@@ -5470,40 +5619,12 @@ var Methods = {
 
     if (reserve) {
       validRows.forEach(function (row) {
-        return _this43.handleTreeExpandReserve(row, expanded);
+        return _this44.handleTreeExpandReserve(row, expanded);
       });
     }
 
     return Promise.all(result).then(this.recalculate);
   },
-  updateVirtualTreeData: function updateVirtualTreeData() {
-    var _this44 = this;
-
-    var oldScrollYLoad = this.scrollYLoad,
-        treeExpandeds = this.treeExpandeds,
-        treeOpts = this.treeOpts,
-        treeFullData = this.treeFullData;
-    var fullData = [];
-    var expandMaps = new Map();
-
-    _xeUtils.default.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 _this44.recalculate();
-      });
-    }
-
-    return this.$nextTick();
-  },
 
   /**
    * 虚拟树的展开与收起
@@ -5515,7 +5636,9 @@ var Methods = {
     var _this45 = this;
 
     return this.handleBaseTreeExpand(rows, expanded).then(function () {
-      return _this45.updateVirtualTreeData();
+      _this45.handleVirtualTreeToList();
+
+      return _this45.handleTableData();
     }).then(function () {
       return _this45.recalculate();
     });
@@ -5567,7 +5690,8 @@ var Methods = {
     var treeOpts = this.treeOpts,
         treeExpandeds = this.treeExpandeds,
         tableFullData = this.tableFullData;
-    var reserve = treeOpts.reserve;
+    var transform = treeOpts.transform,
+        reserve = treeOpts.reserve;
     var isExists = treeExpandeds.length;
     this.treeExpandeds = [];
 
@@ -5577,7 +5701,11 @@ var Methods = {
       }, treeOpts);
     }
 
-    return this.updateVirtualTreeData().then(function () {
+    return this.handleTableData().then(function () {
+      if (transform) {
+        _this46.handleVirtualTreeToList();
+      }
+
       if (isExists) {
         _this46.recalculate();
       }
@@ -6049,8 +6177,8 @@ var Methods = {
               }
 
               _this50.clearValidate();
-            }).catch(function (_ref7) {
-              var rule = _ref7.rule;
+            }).catch(function (_ref8) {
+              var rule = _ref8.rule;
 
               if (customVal) {
                 setCellValue(row, column, cellValue);