vxe-table 4.1.8 → 4.1.9

package/es/button/src/button.js

@@ -127,39 +127,39 @@ export default defineComponent({
                     var panelStyle = {
                         zIndex: panelIndex
                     };
-                    var _a = getAbsolutePos(targetElem), boundingTop = _a.boundingTop, boundingLeft = _a.boundingLeft, visibleHeight = _a.visibleHeight, visibleWidth = _a.visibleWidth;
+                    var _a = getAbsolutePos(targetElem), top_1 = _a.top, left = _a.left, boundingTop = _a.boundingTop, visibleHeight = _a.visibleHeight, visibleWidth = _a.visibleWidth;
                     var panelPlacement = 'bottom';
                     if (transfer) {
-                        var left = boundingLeft + targetWidth - panelWidth;
-                        var top_1 = boundingTop + targetHeight;
+                        var btnLeft = left + targetWidth - panelWidth;
+                        var btnTop = top_1 + targetHeight;
                         if (placement === 'top') {
                             panelPlacement = 'top';
-                            top_1 = boundingTop - panelHeight;
+                            btnTop = top_1 - panelHeight;
                         }
                         else if (!placement) {
                             // 如果下面不够放，则向上
-                            if (top_1 + panelHeight + marginSize > visibleHeight) {
+                            if (boundingTop + targetHeight + panelHeight + marginSize > visibleHeight) {
                                 panelPlacement = 'top';
-                                top_1 = boundingTop - panelHeight;
+                                btnTop = top_1 - panelHeight;
                             }
                             // 如果上面不够放，则向下（优先）
-                            if (top_1 < marginSize) {
+                            if (btnTop < marginSize) {
                                 panelPlacement = 'bottom';
-                                top_1 = boundingTop + targetHeight;
+                                btnTop = top_1 + 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: left + "px",
+                            left: btnLeft + "px",
                             right: 'auto',
-                            top: top_1 + "px",
+                            top: btnTop + "px",
                             minWidth: targetWidth + "px"
                         });
                     }

package/es/edit/src/hook.js

@@ -83,7 +83,7 @@ var editHook = {
                         parentChilds = parentRow[treeOpts.children] = [];
                     }
                     parentChilds[funcName](item);
-                    var rest = { row: item, rowid: rowid, index: -1, _index: -1, $index: -1, items: parentChilds, parent: parent, level: parentLevel + 1 };
+                    var rest = { row: item, rowid: rowid, seq: -1, index: -1, _index: -1, $index: -1, items: parentChilds, parent: parent, level: parentLevel + 1 };
                     fullDataRowIdData[rowid] = rest;
                     fullAllDataRowIdData[rowid] = rest;
                 }
@@ -95,7 +95,7 @@ var editHook = {
                     }
                     afterFullData[funcName](item);
                     treeFullData[funcName](item);
-                    var rest = { row: item, rowid: rowid, index: -1, _index: -1, $index: -1, items: treeFullData, parent: null, level: 0 };
+                    var rest = { row: item, rowid: rowid, seq: -1, index: -1, _index: -1, $index: -1, items: treeFullData, parent: null, level: 0 };
                     fullDataRowIdData[rowid] = rest;
                     fullAllDataRowIdData[rowid] = rest;
                 }
@@ -188,7 +188,7 @@ var editHook = {
                                         item[treeOpts.parentField] = parentRow_1[treeOpts.rowField];
                                     }
                                     parentChilds_1.splice(matchObj_1.index + i, 0, item);
-                                    var rest = { row: item, rowid: rowid, index: -1, _index: -1, $index: -1, items: parentChilds_1, parent: parentRow_1, level: parentLevel_1 + 1 };
+                                    var rest = { row: item, rowid: rowid, seq: -1, index: -1, _index: -1, $index: -1, items: parentChilds_1, parent: parentRow_1, level: parentLevel_1 + 1 };
                                     fullDataRowIdData[rowid] = rest;
                                     fullAllDataRowIdData[rowid] = rest;
                                 });

package/es/export/src/hook.js

@@ -2,7 +2,7 @@ import { inject, nextTick } from 'vue';
 import XEUtils from 'xe-utils';
 import GlobalConfig from '../../v-x-e-table/src/conf';
 import { VXETable } from '../../v-x-e-table';
-import { isColumnInfo, mergeBodyMethod, getCellValue } from '../../table/src/util';
+import { isColumnInfo, mergeBodyMethod, getCellValue, toTreePathSeq } from '../../table/src/util';
 import { errLog, warnLog, parseFile, formatText } from '../../tools/utils';
 import { readLocalFile, handlePrint, saveLocalFile, createHtmlPage, getExportBlobByContent } from './util';
 var htmlCellElem;
@@ -265,14 +265,14 @@ var tableExportHook = {
             var treeOpts = computeTreeOpts.value;
             return row[treeOpts.children] && row[treeOpts.children].length;
         };
-        var getSeq = function (row, rowIndex, column, columnIndex, paths) {
+        var getSeq = function (row, rowIndex, column, columnIndex, path) {
             var seqOpts = computeSeqOpts.value;
             var seqMethod = seqOpts.seqMethod || column.seqMethod;
             if (seqMethod) {
                 return seqMethod({ row: row, rowIndex: rowIndex, column: column, columnIndex: columnIndex });
             }
-            if (paths) {
-                return paths.map(function (num, i) { return i % 2 === 0 ? (Number(num) + 1) : '.'; }).join('');
+            if (path) {
+                return toTreePathSeq(path);
             }
             return seqOpts.startIndex + rowIndex + 1;
         };

package/es/filter/src/hook.js

@@ -13,7 +13,7 @@ import { nextTick } from 'vue';
 import XEUtils from 'xe-utils';
 import { VXETable } from '../../v-x-e-table';
 import { toFilters, handleFieldOrColumn } from '../../table/src/util';
-import { getDomNode } from '../../tools/dom';
+import { getDomNode, triggerEvent } from '../../tools/dom';
 var tableFilterMethodKeys = ['setFilter', 'clearFilter', 'getCheckedFilters'];
 var tableFilterHook = {
     setupTable: function ($xetable) {
@@ -181,6 +181,25 @@ var tableFilterHook = {
             }
         };
         var filterMethods = {
+            /**
+             * 手动弹出筛选面板
+             * @param column
+             */
+            openFilter: function (fieldOrColumn) {
+                var column = handleFieldOrColumn($xetable, fieldOrColumn);
+                if (column && column.filters) {
+                    var elemStore_1 = internalData.elemStore;
+                    var fixed_1 = column.fixed;
+                    return $xetable.scrollToColumn(column).then(function () {
+                        var headerWrapperElem = elemStore_1[(fixed_1 || 'main') + "-header-wrapper"] || elemStore_1['main-header-wrapper'];
+                        if (headerWrapperElem) {
+                            var filterBtnElem = headerWrapperElem.querySelector(".vxe-header--column." + column.id + " .vxe-filter--btn");
+                            triggerEvent(filterBtnElem, 'click');
+                        }
+                    });
+                }
+                return nextTick();
+            },
             /**
              * 修改筛选条件列表
              * @param {ColumnInfo} fieldOrColumn 列或字段名

package/es/table/src/body.js

@@ -110,7 +110,7 @@ export default defineComponent({
         /**
          * 渲染列
          */
-        var renderColumn = function ($seq, seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) {
+        var renderColumn = function (seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, columns, items) {
             var _a;
             var columnKey = tableProps.columnKey, height = tableProps.height, allColumnOverflow = tableProps.showOverflow, cellClassName = tableProps.cellClassName, cellStyle = tableProps.cellStyle, allAlign = tableProps.align, spanMethod = tableProps.spanMethod, mouseConfig = tableProps.mouseConfig, editConfig = tableProps.editConfig, editRules = tableProps.editRules, tooltipConfig = tableProps.tooltipConfig;
             var tableData = tableReactData.tableData, overflowX = tableReactData.overflowX, scrollYLoad = tableReactData.scrollYLoad, currentColumn = tableReactData.currentColumn, mergeList = tableReactData.mergeList, editStore = tableReactData.editStore, validStore = tableReactData.validStore, isAllOverflow = tableReactData.isAllOverflow;
@@ -141,7 +141,7 @@ export default defineComponent({
             var hasValidError = validStore.row === row && validStore.column === column;
             var showValidTip = editRules && validOpts.showMessage && (validOpts.message === 'default' ? (height || tableData.length > 1) : validOpts.message === 'inline');
             var attrs = { colid: column.id };
-            var params = { $table: $xetable, $seq: $seq, seq: seq, rowid: rowid, row: row, rowIndex: rowIndex, $rowIndex: $rowIndex, _rowIndex: _rowIndex, column: column, columnIndex: columnIndex, $columnIndex: $columnIndex, _columnIndex: _columnIndex, fixed: fixedType, type: renderType, isHidden: fixedHiddenColumn, level: rowLevel, visibleData: afterFullData, data: tableData, items: items };
+            var params = { $table: $xetable, seq: seq, rowid: rowid, row: row, rowIndex: rowIndex, $rowIndex: $rowIndex, _rowIndex: _rowIndex, column: column, columnIndex: columnIndex, $columnIndex: $columnIndex, _columnIndex: _columnIndex, fixed: fixedType, type: renderType, isHidden: fixedHiddenColumn, level: rowLevel, visibleData: afterFullData, data: tableData, items: items };
             // 虚拟滚动不支持动态高度
             if (scrollYLoad && !hasEllipsis) {
                 showEllipsis = hasEllipsis = true;
@@ -282,10 +282,10 @@ export default defineComponent({
                     height: hasEllipsis && (scrollYRHeight || rowHeight) ? (scrollYRHeight || rowHeight) + "px" : ''
                 }, cellStyle ? (XEUtils.isFunction(cellStyle) ? cellStyle(params) : cellStyle) : null) }), tdOns), tdVNs);
         };
-        var renderRows = function ($seq, fixedType, tableData, tableColumn) {
+        var renderRows = function (fixedType, tableData, tableColumn) {
             var stripe = tableProps.stripe, rowKey = tableProps.rowKey, highlightHoverRow = tableProps.highlightHoverRow, rowClassName = tableProps.rowClassName, rowStyle = tableProps.rowStyle, allColumnOverflow = tableProps.showOverflow, editConfig = tableProps.editConfig, treeConfig = tableProps.treeConfig;
             var hasFixedColumn = tableReactData.hasFixedColumn, treeExpandeds = tableReactData.treeExpandeds, scrollYLoad = tableReactData.scrollYLoad, editStore = tableReactData.editStore, rowExpandeds = tableReactData.rowExpandeds, expandColumn = tableReactData.expandColumn, selectRow = tableReactData.selectRow;
-            var fullAllDataRowIdData = tableInternalData.fullAllDataRowIdData, scrollYStore = tableInternalData.scrollYStore;
+            var fullDataRowIdData = tableInternalData.fullDataRowIdData;
             var checkboxOpts = computeCheckboxOpts.value;
             var radioOpts = computeRadioOpts.value;
             var treeOpts = computeTreeOpts.value;
@@ -295,10 +295,6 @@ export default defineComponent({
             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 索引
                 rowIndex = $xetable.getRowIndex(row);
@@ -318,9 +314,10 @@ export default defineComponent({
                     };
                 }
                 var rowid = getRowid($xetable, row);
-                var rest = fullAllDataRowIdData[rowid];
+                var rest = fullDataRowIdData[rowid];
                 var rowLevel = rest ? rest.level : 0;
-                var params = { $table: $xetable, $seq: $seq, seq: seq, rowid: rowid, fixed: fixedType, type: renderType, level: rowLevel, row: row, rowIndex: rowIndex, $rowIndex: $rowIndex, _rowIndex: _rowIndex };
+                var seq = rest ? rest.seq : -1;
+                var params = { $table: $xetable, seq: seq, rowid: rowid, fixed: fixedType, type: renderType, level: rowLevel, row: row, rowIndex: rowIndex, $rowIndex: $rowIndex, _rowIndex: _rowIndex };
                 var isNewRow = false;
                 if (editConfig) {
                     isNewRow = $xetable.findRowIndexOf(editStore.insertList, row) > -1;
@@ -332,7 +329,7 @@ export default defineComponent({
                             'row--radio': radioOpts.highlight && selectRow === row,
                             'row--checked': checkboxOpts.highlight && $xetable.isCheckedByCheckboxRow(row)
                         }, rowClassName ? (XEUtils.isFunction(rowClassName) ? rowClassName(params) : rowClassName) : ''], rowid: rowid, style: rowStyle ? (XEUtils.isFunction(rowStyle) ? rowStyle(params) : rowStyle) : null, key: rowKey || treeConfig ? rowid : $rowIndex }, trOn), tableColumn.map(function (column, $columnIndex) {
-                    return renderColumn($seq, seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
+                    return renderColumn(seq, rowid, fixedType, rowLevel, row, rowIndex, $rowIndex, _rowIndex, column, $columnIndex, tableColumn, tableData);
                 })));
                 // 如果行被展开了
                 if (expandColumn && rowExpandeds.length && $xetable.findRowIndexOf(rowExpandeds, row) > -1) {
@@ -344,7 +341,7 @@ export default defineComponent({
                     }
                     var showOverflow = expandColumn.showOverflow;
                     var hasEllipsis = (XEUtils.isUndefined(showOverflow) || XEUtils.isNull(showOverflow)) ? allColumnOverflow : showOverflow;
-                    var expandParams = { $table: $xetable, $seq: $seq, seq: seq, column: expandColumn, fixed: fixedType, type: renderType, level: rowLevel, row: row, rowIndex: rowIndex, $rowIndex: $rowIndex, _rowIndex: _rowIndex };
+                    var expandParams = { $table: $xetable, seq: seq, column: expandColumn, fixed: fixedType, type: renderType, level: rowLevel, row: row, rowIndex: rowIndex, $rowIndex: $rowIndex, _rowIndex: _rowIndex };
                     rows.push(h('tr', __assign({ class: 'vxe-body--expanded-row', key: "expand_" + rowid, style: rowStyle ? (XEUtils.isFunction(rowStyle) ? rowStyle(expandParams) : rowStyle) : null }, trOn), [
                         h('td', {
                             class: ['vxe-body--expanded-column', {
@@ -366,7 +363,7 @@ export default defineComponent({
                 if (treeConfig && !scrollYLoad && treeExpandeds.length) {
                     var rowChildren = row[treeOpts.children];
                     if (rowChildren && rowChildren.length && $xetable.findRowIndexOf(treeExpandeds, row) > -1) {
-                        rows.push.apply(rows, renderRows($seq ? $seq + "." + seq : "" + seq, fixedType, rowChildren, tableColumn));
+                        rows.push.apply(rows, renderRows(fixedType, rowChildren, tableColumn));
                     }
                 }
             });
@@ -655,7 +652,7 @@ export default defineComponent({
                      */
                     h('tbody', {
                         ref: refBodyTBody
-                    }, renderRows('', fixedType, tableData, tableColumn))
+                    }, renderRows(fixedType, tableData, tableColumn))
                 ]),
                 h('div', {
                     class: 'vxe-table--checkbox-range'

package/es/table/src/cell.js

@@ -105,16 +105,16 @@ export var Cell = {
         };
         switch (type) {
             case 'seq':
-                renConfs.renderHeader = Cell.renderIndexHeader;
-                renConfs.renderCell = treeNode ? Cell.renderTreeIndexCell : Cell.renderIndexCell;
+                renConfs.renderHeader = Cell.renderSeqHeader;
+                renConfs.renderCell = treeNode ? Cell.renderTreeIndexCell : Cell.renderSeqCell;
                 break;
             case 'radio':
                 renConfs.renderHeader = Cell.renderRadioHeader;
                 renConfs.renderCell = treeNode ? Cell.renderTreeRadioCell : Cell.renderRadioCell;
                 break;
             case 'checkbox':
-                renConfs.renderHeader = Cell.renderSelectionHeader;
-                renConfs.renderCell = checkboxOpts.checkField ? (treeNode ? Cell.renderTreeSelectionCellByProp : Cell.renderSelectionCellByProp) : (treeNode ? Cell.renderTreeSelectionCell : Cell.renderSelectionCell);
+                renConfs.renderHeader = Cell.renderCheckboxHeader;
+                renConfs.renderCell = checkboxOpts.checkField ? (treeNode ? Cell.renderTreeSelectionCellByProp : Cell.renderCheckboxCellByProp) : (treeNode ? Cell.renderTreeSelectionCell : Cell.renderCheckboxCell);
                 break;
             case 'expand':
                 renConfs.renderCell = Cell.renderExpandCell;
@@ -266,14 +266,16 @@ export var Cell = {
     /**
      * 索引
      */
-    renderIndexHeader: function (params) {
+    renderSeqHeader: function (params) {
         var $table = params.$table, column = params.column;
         var slots = column.slots;
         var headerSlot = slots ? slots.header : null;
         return renderTitleContent(params, headerSlot ? $table.callSlot(headerSlot, params) : formatText(column.getTitle(), 1));
     },
-    renderIndexCell: function (params) {
+    renderSeqCell: function (params) {
         var $table = params.$table, column = params.column;
+        var props = $table.props;
+        var treeConfig = props.treeConfig;
         var computeSeqOpts = $table.getComputeMaps().computeSeqOpts;
         var seqOpts = computeSeqOpts.value;
         var slots = column.slots;
@@ -281,12 +283,12 @@ export var Cell = {
         if (defaultSlot) {
             return $table.callSlot(defaultSlot, params);
         }
-        var $seq = params.$seq, seq = params.seq, level = params.level;
+        var seq = params.seq;
         var seqMethod = seqOpts.seqMethod;
-        return [formatText(seqMethod ? seqMethod(params) : level ? $seq + "." + seq : (seqOpts.startIndex || 0) + seq, 1)];
+        return [formatText(seqMethod ? seqMethod(params) : treeConfig ? seq : (seqOpts.startIndex || 0) + seq, 1)];
     },
     renderTreeIndexCell: function (params) {
-        return Cell.renderTreeIcon(params, Cell.renderIndexCell(params));
+        return Cell.renderTreeIcon(params, Cell.renderSeqCell(params));
     },
     /**
      * 单选
@@ -359,7 +361,7 @@ export var Cell = {
     /**
      * 多选
      */
-    renderSelectionHeader: function (params) {
+    renderCheckboxHeader: function (params) {
         var $table = params.$table, column = params.column, isHidden = params.isHidden;
         var reactData = $table.reactData;
         var _a = $table.getComputeMaps(), computeIsAllCheckboxDisabled = _a.computeIsAllCheckboxDisabled, computeCheckboxOpts = _a.computeCheckboxOpts;
@@ -415,7 +417,7 @@ export var Cell = {
             ] : []))
         ]);
     },
-    renderSelectionCell: function (params) {
+    renderCheckboxCell: function (params) {
         var $table = params.$table, row = params.row, column = params.column, isHidden = params.isHidden;
         var props = $table.props, reactData = $table.reactData;
         var treeConfig = props.treeConfig;
@@ -475,9 +477,9 @@ export var Cell = {
         ];
     },
     renderTreeSelectionCell: function (params) {
-        return Cell.renderTreeIcon(params, Cell.renderSelectionCell(params));
+        return Cell.renderTreeIcon(params, Cell.renderCheckboxCell(params));
     },
-    renderSelectionCellByProp: function (params) {
+    renderCheckboxCellByProp: function (params) {
         var $table = params.$table, row = params.row, column = params.column, isHidden = params.isHidden;
         var props = $table.props, reactData = $table.reactData;
         var treeConfig = props.treeConfig;
@@ -537,7 +539,7 @@ export var Cell = {
         ];
     },
     renderTreeSelectionCellByProp: function (params) {
-        return Cell.renderTreeIcon(params, Cell.renderSelectionCellByProp(params));
+        return Cell.renderTreeIcon(params, Cell.renderCheckboxCellByProp(params));
     },
     /**
      * 展开行

package/es/table/src/table.js

@@ -27,7 +27,7 @@ import Cell from './cell';
 import TableBodyComponent from './body';
 import tableProps from './props';
 import tableEmits from './emits';
-import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleFieldOrColumn, restoreScrollLocation, restoreScrollListener } from './util';
+import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible, colToVisible, getCellValue, setCellValue, handleFieldOrColumn, toTreePathSeq, restoreScrollLocation, restoreScrollListener } from './util';
 var isWebkit = browse['-webkit'] && !browse.edge;
 var resizableStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_WIDTH';
 var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
@@ -276,8 +276,9 @@ export default defineComponent({
             tableFullColumn: [],
             // 渲染所有列
             visibleColumn: [],
-            // 缓存数据集
+            // 总的缓存数据集
             fullAllDataRowIdData: {},
+            // 渲染中缓存数据
             fullDataRowIdData: {},
             fullColumnIdData: {},
             fullColumnFieldData: {},
@@ -1081,18 +1082,52 @@ export default defineComponent({
                 return cellValue;
             };
         };
+        /**
+         * 预编译
+         * 对渲染中的数据提前解析序号及索引。牺牲提前编译耗时换取渲染中额外损耗，使运行时更加流畅
+         */
         var updateAfterDataIndex = function () {
-            var afterFullData = internalData.afterFullData, fullDataRowIdData = internalData.fullDataRowIdData;
-            afterFullData.forEach(function (row, _index) {
-                var rowid = getRowid($xetable, row);
-                var rest = fullDataRowIdData[rowid];
-                if (rest) {
-                    rest._index = _index;
-                }
-                else {
-                    fullDataRowIdData[rowid] = { row: row, rowid: rowid, index: -1, $index: -1, _index: _index, items: [], parent: null, level: 0 };
-                }
-            });
+            var treeConfig = props.treeConfig;
+            var afterFullData = internalData.afterFullData, fullDataRowIdData = internalData.fullDataRowIdData, fullAllDataRowIdData = internalData.fullAllDataRowIdData;
+            var treeFullData = internalData.treeFullData;
+            var treeOpts = computeTreeOpts.value;
+            if (treeConfig) {
+                XEUtils.eachTree(treeFullData, function (row, index, items, path) {
+                    var rowid = getRowid($xetable, 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 = getRowid($xetable, 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 };
+                    }
+                });
+            }
         };
         /**
          * 获取处理后全量的表格数据
@@ -2016,11 +2051,11 @@ export default defineComponent({
                 tableMethods.clearMergeFooterItems();
             }
             reactData.scrollXLoad = scrollXLoad;
-            visibleColumn.forEach(function (column, _index) {
+            visibleColumn.forEach(function (column, index) {
                 var colid = column.id;
                 var rest = fullColumnIdData[colid];
                 if (rest) {
-                    rest._index = _index;
+                    rest._index = index;
                 }
             });
             internalData.visibleColumn = visibleColumn;
@@ -2173,6 +2208,31 @@ export default defineComponent({
                 }
             }
         };
+        var createGetRowCacheProp = function (prop) {
+            return function (row) {
+                var fullDataRowIdData = internalData.fullDataRowIdData;
+                if (row) {
+                    var rowid = getRowid($xetable, row);
+                    var rest = fullDataRowIdData[rowid];
+                    if (rest) {
+                        return rest[prop];
+                    }
+                }
+                return -1;
+            };
+        };
+        var createGetColumnCacheProp = function (prop) {
+            return function (column) {
+                var fullColumnIdData = internalData.fullColumnIdData;
+                if (column) {
+                    var rest = fullColumnIdData[column.id];
+                    if (rest) {
+                        return rest[prop];
+                    }
+                }
+                return -1;
+            };
+        };
         var debounceScrollY = XEUtils.debounce(function (evnt) {
             loadScrollYData(evnt);
         }, 20, { leading: false, trailing: true });
@@ -2298,7 +2358,7 @@ export default defineComponent({
                     }
                     XEUtils.eachTree(rows, function (childRow, index, items, path, parent, nodes) {
                         var rowid = getRowid($xetable, childRow);
-                        var rest = { row: childRow, rowid: rowid, index: -1, _index: -1, $index: -1, items: items, parent: parent, level: parentLevel + nodes.length };
+                        var rest = { row: childRow, rowid: rowid, seq: -1, index: -1, _index: -1, $index: -1, items: items, parent: parent, level: parentLevel + nodes.length };
                         fullDataRowIdData[rowid] = rest;
                         fullAllDataRowIdData[rowid] = rest;
                     }, treeOpts);
@@ -2359,93 +2419,41 @@ export default defineComponent({
                 }
                 return null;
             },
+            /**
+             * 根据 row 获取序号
+             * @param {Row} row 行对象
+             */
+            getRowSeq: createGetRowCacheProp('seq'),
             /**
              * 根据 row 获取相对于 data 中的索引
              * @param {Row} row 行对象
              */
-            getRowIndex: function (row) {
-                var fullDataRowIdData = internalData.fullDataRowIdData;
-                if (row) {
-                    var rowid = getRowid($xetable, row);
-                    var rest = fullDataRowIdData[rowid];
-                    if (rest) {
-                        return rest.index;
-                    }
-                }
-                return -1;
-            },
+            getRowIndex: createGetRowCacheProp('index'),
             /**
              * 根据 row 获取相对于当前数据中的索引
              * @param {Row} row 行对象
              */
-            getVTRowIndex: function (row) {
-                var fullDataRowIdData = internalData.fullDataRowIdData;
-                if (row) {
-                    var rowid = getRowid($xetable, row);
-                    var rest = fullDataRowIdData[rowid];
-                    if (rest) {
-                        return rest._index;
-                    }
-                }
-                return -1;
-            },
+            getVTRowIndex: createGetRowCacheProp('_index'),
             /**
              * 根据 row 获取渲染中的虚拟索引
              * @param {Row} row 行对象
              */
-            getVMRowIndex: function (row) {
-                var fullDataRowIdData = internalData.fullDataRowIdData;
-                if (row) {
-                    var rowid = getRowid($xetable, row);
-                    var rest = fullDataRowIdData[rowid];
-                    if (rest) {
-                        return rest.$index;
-                    }
-                }
-                return -1;
-            },
+            getVMRowIndex: createGetRowCacheProp('$index'),
             /**
              * 根据 column 获取相对于 columns 中的索引
              * @param {ColumnInfo} column 列配置
              */
-            getColumnIndex: function (column) {
-                var fullColumnIdData = internalData.fullColumnIdData;
-                if (column) {
-                    var rest = fullColumnIdData[column.id];
-                    if (rest) {
-                        return rest.index;
-                    }
-                }
-                return -1;
-            },
+            getColumnIndex: createGetColumnCacheProp('index'),
             /**
              * 根据 column 获取相对于当前表格列中的索引
              * @param {ColumnInfo} column 列配置
              */
-            getVTColumnIndex: function (column) {
-                var fullColumnIdData = internalData.fullColumnIdData;
-                if (column) {
-                    var rest = fullColumnIdData[column.id];
-                    if (rest) {
-                        return rest._index;
-                    }
-                }
-                return -1;
-            },
+            getVTColumnIndex: createGetColumnCacheProp('_index'),
             /**
              * 根据 column 获取渲染中的虚拟索引
              * @param {ColumnInfo} column 列配置
              */
-            getVMColumnIndex: function (column) {
-                var fullColumnIdData = internalData.fullColumnIdData;
-                if (column) {
-                    var rest = fullColumnIdData[column.id];
-                    if (rest) {
-                        return rest.$index;
-                    }
-                }
-                return -1;
-            },
+            getVMColumnIndex: createGetColumnCacheProp('$index'),
             /**
              * 创建 data 对象
              * 对于某些特殊场景可能会用到，会自动对数据的字段名进行检测，如果不存在就自动定义
@@ -4463,6 +4471,8 @@ export default defineComponent({
                 var isLazy = treeConfig && treeOpts.lazy;
                 var handleCache = function (row, index, items, path, parent, nodes) {
                     var rowid = getRowid($xetable, row);
+                    var seq = treeConfig && path ? toTreePathSeq(path) : index + 1;
+                    var level = nodes ? nodes.length - 1 : 0;
                     if (eqEmptyValue(rowid)) {
                         rowid = getRowUniqueId();
                         XEUtils.set(row, rowkey, rowid);
@@ -4470,7 +4480,7 @@ export default defineComponent({
                     if (isLazy && row[treeOpts.hasChild] && XEUtils.isUndefined(row[treeOpts.children])) {
                         row[treeOpts.children] = null;
                     }
-                    var rest = { row: row, rowid: rowid, index: treeConfig && parent ? -1 : index, _index: -1, $index: -1, items: items, parent: parent, level: nodes ? nodes.length - 1 : 0 };
+                    var rest = { row: row, rowid: rowid, seq: seq, index: treeConfig && parent ? -1 : index, _index: -1, $index: -1, items: items, parent: parent, level: level };
                     if (isSource) {
                         fullDataRowIdData[rowid] = rest;
                     }

package/es/table/src/util.js

@@ -77,6 +77,9 @@ export function toFilters(filters) {
     }
     return filters;
 }
+export function toTreePathSeq(path) {
+    return path.map(function (num, i) { return i % 2 === 0 ? (Number(num) + 1) : '.'; }).join('');
+}
 export function getCellValue(row, column) {
     return XEUtils.get(row, column.property);
 }

package/es/tools/dom.js

@@ -123,13 +123,7 @@ export function scrollToView(elem) {
     }
 }
 export function triggerEvent(targetElem, type) {
-    var evnt;
-    if (typeof Event === 'function') {
-        evnt = new Event(type);
+    if (targetElem) {
+        targetElem.dispatchEvent(new Event(type));
     }
-    else {
-        evnt = document.createEvent('Event');
-        evnt.initEvent(type, true, true);
-    }
-    targetElem.dispatchEvent(evnt);
 }