@visactor/vtable 0.21.4-alpha.4 → 0.22.0

package/es/layout/pivot-header-layout.js

@@ -32,6 +32,7 @@ export class PivotHeaderLayoutMap {
         this._indicatorShowType = "column", this.rowDimensionKeys = [], this.colDimensionKeys = [], 
         this.indicatorKeys = [], this.indicatorDimensionKey = IndicatorDimensionKeyPlaceholder, 
         this._rowHeaderExtensionTree = {}, this._extensionRowDimensionKeys = [], this.fullRowDimensionKeys = [], 
+        this.leftRowSeriesNumberColumnCount = 0, this.rightRowSeriesNumberColumnCount = 0, 
         this.sharedVar = {
             seqId: 0
         }, this._table = table, "tree" === table.options.rowHierarchyType && (this.extensionRows = table.options.extensionRows), 
@@ -103,10 +104,40 @@ export class PivotHeaderLayoutMap {
             this._chartPaddingOuter = null !== (_g = isArray(bandAxisConfig.paddingOuter) ? bandAxisConfig.paddingOuter[0] : bandAxisConfig.paddingOuter) && void 0 !== _g ? _g : 0), 
             this._chartItemSpanSize > 0 || (null === (_h = indicatorObject.chartSpec.series) || void 0 === _h || _h.find((seriesObject => (seriesObject.barWidth && "number" == typeof seriesObject.barWidth && (this._chartItemSpanSize = seriesObject.barWidth), 
             this._chartItemSpanSize > 0))), !1);
-        }))), this.setColumnWidths();
+        }))), this.handleRowSeriesNumber(table.internalProps.rowSeriesNumber), this.setColumnWidths();
+    }
+    handleRowSeriesNumber(rowSeriesNumber) {
+        var _a;
+        rowSeriesNumber && (Array.isArray(rowSeriesNumber) ? this.rowSeriesNumberColumn = rowSeriesNumber.map((seriesNumber => {
+            var _a;
+            return {
+                id: "",
+                title: seriesNumber.title,
+                define: seriesNumber,
+                cellType: null !== (_a = seriesNumber.cellType) && void 0 !== _a ? _a : "text",
+                width: seriesNumber.width,
+                style: seriesNumber.style,
+                format: seriesNumber.format,
+                field: seriesNumber.field,
+                icon: seriesNumber.icon
+            };
+        })) : this.rowSeriesNumberColumn = [ {
+            id: "",
+            title: rowSeriesNumber.title,
+            define: rowSeriesNumber,
+            cellType: null !== (_a = rowSeriesNumber.cellType) && void 0 !== _a ? _a : "text",
+            style: rowSeriesNumber.style,
+            width: rowSeriesNumber.width,
+            format: rowSeriesNumber.format,
+            field: "",
+            icon: rowSeriesNumber.icon,
+            isChildNode: !1
+        } ], this.leftRowSeriesNumberColumn = this.rowSeriesNumberColumn.filter((rowSeriesNumberItem => !0)), 
+        this.rightRowSeriesNumberColumn = this.rowSeriesNumberColumn.filter((rowSeriesNumberItem => !1)), 
+        this.leftRowSeriesNumberColumnCount = this.leftRowSeriesNumberColumn.length, this.rightRowSeriesNumberColumnCount = this.rightRowSeriesNumberColumn.length);
     }
     _generateColHeaderIds() {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f;
         if ((null === (_a = this.columnDimensionTree.tree.children) || void 0 === _a ? void 0 : _a.length) >= 1 && (this.columnHeaderObjs = this._addHeaders(this._columnHeaderCellIds, 0, this.columnDimensionTree.tree.children, [])), 
         this.columnHeaderTitle) {
             this.sharedVar.seqId = Math.max(this.sharedVar.seqId, this._headerObjects.length);
@@ -116,19 +147,19 @@ export class PivotHeaderLayoutMap {
                 id: id,
                 title: "string" == typeof this.columnHeaderTitle.title ? this.columnHeaderTitle.title : this.columnsDefine.reduce(((title, value) => "string" == typeof value ? title : title + (title ? `/${value.title}` : `${value.title}`)), ""),
                 field: void 0,
-                headerType: null !== (_b = this.columnHeaderTitle.headerType) && void 0 !== _b ? _b : "text",
-                style: this.columnHeaderTitle.headerStyle,
+                headerType: null !== (_c = null === (_b = this.columnHeaderTitle) || void 0 === _b ? void 0 : _b.headerType) && void 0 !== _c ? _c : "text",
+                style: null === (_d = this.columnHeaderTitle) || void 0 === _d ? void 0 : _d.headerStyle,
                 define: {
                     id: id,
-                    disableHeaderHover: !!this.columnHeaderTitle.disableHeaderHover,
-                    disableHeaderSelect: !!this.columnHeaderTitle.disableHeaderSelect
+                    disableHeaderHover: !!(null === (_e = this.columnHeaderTitle) || void 0 === _e ? void 0 : _e.disableHeaderHover),
+                    disableHeaderSelect: !!(null === (_f = this.columnHeaderTitle) || void 0 === _f ? void 0 : _f.disableHeaderSelect)
                 }
             };
             this.columnHeaderObjs.push(cell), this._headerObjects[id] = cell;
         }
     }
     _generateRowHeaderIds() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if ((null === (_a = this.rowDimensionTree.tree.children) || void 0 === _a ? void 0 : _a.length) >= 1 && (this.rowHeaderObjs = "tree" === this.rowHierarchyType ? this._addHeadersForTreeMode(this._rowHeaderCellIds_FULL, 0, this.rowDimensionTree.tree.children, [], this.rowDimensionTree.totalLevel, !0, this.rowsDefine) : this._addHeaders(this._rowHeaderCellIds_FULL, 0, this.rowDimensionTree.tree.children, [])), 
         this.rowHeaderTitle) {
             this.sharedVar.seqId = Math.max(this.sharedVar.seqId, this._headerObjects.length);
@@ -138,12 +169,12 @@ export class PivotHeaderLayoutMap {
                 id: id,
                 title: "string" == typeof this.rowHeaderTitle.title ? this.rowHeaderTitle.title : this.rowsDefine.reduce(((title, value) => "string" == typeof value ? title : title + (title ? `/${value.title}` : `${value.title}`)), ""),
                 field: void 0,
-                headerType: null !== (_d = this.rowHeaderTitle.headerType) && void 0 !== _d ? _d : "text",
-                style: this.rowHeaderTitle.headerStyle,
+                headerType: null !== (_e = null === (_d = this.rowHeaderTitle) || void 0 === _d ? void 0 : _d.headerType) && void 0 !== _e ? _e : "text",
+                style: null === (_f = this.rowHeaderTitle) || void 0 === _f ? void 0 : _f.headerStyle,
                 define: {
                     id: id,
-                    disableHeaderHover: !!this.columnHeaderTitle.disableHeaderHover,
-                    disableHeaderSelect: !!this.columnHeaderTitle.disableHeaderSelect
+                    disableHeaderHover: !!(null === (_g = this.rowHeaderTitle) || void 0 === _g ? void 0 : _g.disableHeaderHover),
+                    disableHeaderSelect: !!(null === (_h = this.rowHeaderTitle) || void 0 === _h ? void 0 : _h.disableHeaderSelect)
                 }
             };
             this.rowHeaderObjs.push(cell), this._headerObjects[id] = cell;
@@ -256,12 +287,13 @@ export class PivotHeaderLayoutMap {
     setColumnWidths() {
         var _a, _b, _c;
         const returnWidths = new Array(this.colCount).fill(void 0);
-        if (this.showHeader && this.showRowHeader) if (this.rowHeaderTitle && (returnWidths[0] = {}), 
+        if (this.leftRowSeriesNumberColumnCount && (returnWidths[0] = this.leftRowSeriesNumberColumn[0]), 
+        this.showHeader && this.showRowHeader) if (this.rowHeaderTitle && (returnWidths[0 + this.leftRowSeriesNumberColumnCount] = {}), 
         "tree" === this.rowHierarchyType) {
             const mainDimensionFirstRowKey = this.rowDimensionKeys[0];
             if (mainDimensionFirstRowKey) {
                 const dimension = null === (_a = this.rowsDefine) || void 0 === _a ? void 0 : _a.find((dimension => "string" != typeof dimension && dimension.dimensionKey === mainDimensionFirstRowKey));
-                dimension && (returnWidths[0 + (this.rowHeaderTitle ? 1 : 0)] = {
+                dimension && (returnWidths[0 + (this.rowHeaderTitle ? 1 : 0) + this.leftRowSeriesNumberColumnCount] = {
                     width: dimension.width,
                     minWidth: dimension.minWidth,
                     maxWidth: dimension.maxWidth
@@ -272,7 +304,7 @@ export class PivotHeaderLayoutMap {
                 const curDimensionFirstRowKey = extensionRowDimensionKeys[0];
                 if (curDimensionFirstRowKey) {
                     const dimension = null === (_a = this.extensionRows[index].rows) || void 0 === _a ? void 0 : _a.find((dimension => "string" != typeof dimension && dimension.dimensionKey === curDimensionFirstRowKey));
-                    dimension && (returnWidths[index + 1 + (this.rowHeaderTitle ? 1 : 0)] = {
+                    dimension && (returnWidths[index + 1 + (this.rowHeaderTitle ? 1 : 0) + this.leftRowSeriesNumberColumnCount] = {
                         width: dimension.width,
                         minWidth: dimension.minWidth,
                         maxWidth: dimension.maxWidth
@@ -282,7 +314,7 @@ export class PivotHeaderLayoutMap {
         } else this.rowDimensionKeys.forEach(((objKey, index) => {
             var _a;
             const dimension = null === (_a = this.rowsDefine) || void 0 === _a ? void 0 : _a.find((dimension => "string" != typeof dimension && dimension.dimensionKey === objKey));
-            dimension && (returnWidths[index + (this.rowHeaderTitle ? 1 : 0)] = {
+            dimension && (returnWidths[index + (this.rowHeaderTitle ? 1 : 0) + this.leftRowSeriesNumberColumnCount] = {
                 width: dimension.width,
                 minWidth: dimension.minWidth,
                 maxWidth: dimension.maxWidth
@@ -350,19 +382,19 @@ export class PivotHeaderLayoutMap {
         return this.isCornerHeader(col, row) ? "cornerHeader" : this.isColumnHeader(col, row) ? "columnHeader" : this.isRowHeader(col, row) ? "rowHeader" : "body";
     }
     isHeader(col, row) {
-        return col >= 0 && col < this.rowHeaderLevelCount || (row >= 0 && row < this.columnHeaderLevelCount || (col >= this.colCount - this.rightHeaderColCount || row >= this.rowCount - this.bottomHeaderRowCount));
+        return col >= this.leftRowSeriesNumberColumnCount && col < this.rowHeaderLevelCount + this.leftRowSeriesNumberColumnCount || (row >= 0 && row < this.columnHeaderLevelCount || (col >= this.colCount - this.rightHeaderColCount || row >= this.rowCount - this.bottomHeaderRowCount));
     }
     isCornerHeader(col, row) {
-        return col >= 0 && col < this.rowHeaderLevelCount && row >= 0 && row < this.columnHeaderLevelCount;
+        return col >= 0 && col < this.rowHeaderLevelCount + this.leftRowSeriesNumberColumnCount && row >= 0 && row < this.columnHeaderLevelCount;
     }
     isColumnHeader(col, row) {
         return col >= this.rowHeaderLevelCount && row >= 0 && row < this.columnHeaderLevelCount;
     }
     isRowHeader(col, row) {
-        return col >= 0 && col < this.rowHeaderLevelCount && row >= this.columnHeaderLevelCount;
+        return col >= this.leftRowSeriesNumberColumnCount && col < this.rowHeaderLevelCount + this.leftRowSeriesNumberColumnCount && row >= this.columnHeaderLevelCount;
     }
     isFrozen(col, row) {
-        return this.isFrozenColumn(col) || this.isRightFrozenColumn(col) || this.isBottomFrozenRow(row) || this.isFrozenRow(row);
+        return this.isFrozenColumn(col) || this.isRightFrozenColumn(col) || this.isBottomFrozenRow(row) || this.isFrozenRow(row) || this.isSeriesNumberInBody(col, row) || this.isSeriesNumberInHeader(col, row);
     }
     isFrozenColumn(col, row) {
         if (isValid(row)) {
@@ -492,7 +524,7 @@ export class PivotHeaderLayoutMap {
         this._rowHeaderLevelCount = count;
     }
     get colCount() {
-        return this.columnDimensionTree.tree.size + this.rowHeaderLevelCount + this.rightHeaderColCount;
+        return this.columnDimensionTree.tree.size + this.rowHeaderLevelCount + this.rightHeaderColCount + this.leftRowSeriesNumberColumnCount;
     }
     get rowCount() {
         var _a, _b, _c, _d;
@@ -530,15 +562,17 @@ export class PivotHeaderLayoutMap {
     getCellId(col, row) {
         var _a, _b;
         if (row >= 0 && col >= 0) {
-            if (this.isCornerHeader(col, row)) return this._cornerHeaderCellIds[row][col];
-            if (this.isColumnHeader(col, row)) return this._columnHeaderCellIds[row][col - this.rowHeaderLevelCount];
-            if (this.isRowHeader(col, row)) return null === (_a = this._rowHeaderCellIds[row - this.columnHeaderLevelCount]) || void 0 === _a ? void 0 : _a[col];
+            if (this.isSeriesNumber(col, row)) return "";
+            if (this.isCornerHeader(col, row)) return this._cornerHeaderCellIds[row][col - this.leftRowSeriesNumberColumnCount];
+            if (this.isColumnHeader(col, row)) return this._columnHeaderCellIds[row][col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount];
+            if (this.isRowHeader(col, row)) return null === (_a = this._rowHeaderCellIds[row - this.columnHeaderLevelCount]) || void 0 === _a ? void 0 : _a[col - this.leftRowSeriesNumberColumnCount];
             if (this.isRightFrozenColumn(col, row)) return this._rowHeaderCellIds[row - this.columnHeaderLevelCount][this.rowHeaderLevelCount - 1];
-            if (this.isBottomFrozenRow(col, row)) return null === (_b = this._columnHeaderCellIds[this.columnHeaderLevelCount - 1]) || void 0 === _b ? void 0 : _b[col - this.rowHeaderLevelCount];
+            if (this.isBottomFrozenRow(col, row)) return null === (_b = this._columnHeaderCellIds[this.columnHeaderLevelCount - 1]) || void 0 === _b ? void 0 : _b[col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount];
         }
     }
     getHeader(col, row) {
         var _a;
+        if (this.isSeriesNumberInHeader(col, row)) return this.getSeriesNumberHeader(col, row);
         const id = this.getCellId(col, row);
         return null !== (_a = this._headerObjectMap[id]) && void 0 !== _a ? _a : {
             id: void 0,
@@ -581,6 +615,7 @@ export class PivotHeaderLayoutMap {
     }
     getBody(_col, _row) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        if (this.isSeriesNumber(_col, _row)) return this.getSeriesNumberBody(_col, _row);
         const paths = this.getCellHeaderPaths(_col, _row);
         if (this.indicatorsAsCol) {
             const indicatorKey = null === (_b = null === (_a = paths.colHeaderPaths) || void 0 === _a ? void 0 : _a.find((colPath => colPath.indicatorKey))) || void 0 === _b ? void 0 : _b.indicatorKey;
@@ -656,7 +691,7 @@ export class PivotHeaderLayoutMap {
             for (let c = col - 1; c >= 0 && id === this.getCellId(c, row); c--) result.start.col = c;
             for (let c = col + 1; c < (null !== (_a = this.colCount) && void 0 !== _a ? _a : 0) && id === this.getCellId(c, row); c++) result.end.col = c;
             for (let r = row - 1; r >= 0 && id === this.getCellId(col, r); r--) result.start.row = r;
-            for (let r = row + 1; r < (null !== (_b = this.rowCount) && void 0 !== _b ? _b : 0) && id === this.getCellId(col, r); r++) result.end.row = r;
+            for (let r = row + 1; r < (null !== (_b = this.rowCount) && void 0 !== _b ? _b : 0) && !(id !== this.getCellId(col, r) || this.isSeriesNumberInHeader(col, row) && r >= this.columnHeaderLevelCount); r++) result.end.row = r;
         }
         return (result.end.col - result.start.col > 100 || result.end.row - result.start.row > 100) && this._largeCellRangeCache.push(result), 
         result;
@@ -675,7 +710,7 @@ export class PivotHeaderLayoutMap {
         return this._table.isPivotChart() ? this.rightFrozenColCount : 0;
     }
     getBodyIndexByCol(col) {
-        return col < this.rowHeaderLevelCount || col >= this.colCount - this.rightHeaderColCount ? -1 : col - this.rowHeaderLevelCount;
+        return col < this.rowHeaderLevelCount + this.leftRowSeriesNumberColumnCount || col >= this.colCount - this.rightHeaderColCount ? -1 : col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount;
     }
     getRecordStartRowByRecordIndex(index) {
         return this.columnHeaderLevelCount + index;
@@ -709,7 +744,7 @@ export class PivotHeaderLayoutMap {
                 rowPath = rowPath.concat(findedRowPath), findTree = this._rowHeaderExtensionTree[row_pathIds[level]], 
                 level++;
             }
-        } else rowPath = this.rowDimensionTree.getTreePath(recordRow, this.showHeader && this.showRowHeader ? col - (this.rowHeaderTitle ? 1 : 0) : this.rowDimensionTree.totalLevel);
+        } else rowPath = this.rowDimensionTree.getTreePath(recordRow, this.showHeader && this.showRowHeader ? col - (this.rowHeaderTitle ? 1 : 0) - this.leftRowSeriesNumberColumnCount : this.rowDimensionTree.totalLevel);
         const p = {
             colHeaderPaths: colPath,
             rowHeaderPaths: rowPath,
@@ -774,7 +809,7 @@ export class PivotHeaderLayoutMap {
         return this.isColumnIndicatorHeader(col, row) || this.isRowIndicatorHeader(col, row);
     }
     toggleHierarchyState(col, row) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f;
         const oldRowHeaderCellIds = this._rowHeaderCellIds_FULL.slice(0), oldRowHeaderCellPositons = oldRowHeaderCellIds.map(((id, row) => ({
             col: col,
             row: row + this.columnHeaderLevelCount
@@ -789,22 +824,22 @@ export class PivotHeaderLayoutMap {
                 id: id,
                 title: "string" == typeof this.rowHeaderTitle.title ? this.rowHeaderTitle.title : this.rowsDefine.reduce(((title, value) => "string" == typeof value ? title : title + (title ? `/${value.title}` : `${value.title}`)), ""),
                 field: void 0,
-                headerType: null !== (_a = this.rowHeaderTitle.headerType) && void 0 !== _a ? _a : "text",
-                style: this.rowHeaderTitle.headerStyle,
+                headerType: null !== (_b = null === (_a = this.rowHeaderTitle) || void 0 === _a ? void 0 : _a.headerType) && void 0 !== _b ? _b : "text",
+                style: null === (_c = this.rowHeaderTitle) || void 0 === _c ? void 0 : _c.headerStyle,
                 define: {
                     field: "",
                     headerType: "text",
                     cellType: "text",
-                    disableHeaderHover: !!this.columnHeaderTitle.disableHeaderHover,
-                    disableHeaderSelect: !!this.columnHeaderTitle.disableHeaderSelect
+                    disableHeaderHover: !!(null === (_d = this.rowHeaderTitle) || void 0 === _d ? void 0 : _d.disableHeaderHover),
+                    disableHeaderSelect: !!(null === (_e = this.rowHeaderTitle) || void 0 === _e ? void 0 : _e.disableHeaderSelect)
                 }
             };
             this.rowHeaderObjs.push(cell), this._headerObjects[id] = cell;
         }
-        this._rowHeaderCellIds_FULL = transpose(this._rowHeaderCellIds_FULL), "tree" === this.rowHierarchyType && (null === (_b = this.extensionRows) || void 0 === _b ? void 0 : _b.length) >= 1 && this.generateExtensionRowTree(), 
+        this._rowHeaderCellIds_FULL = transpose(this._rowHeaderCellIds_FULL), "tree" === this.rowHierarchyType && (null === (_f = this.extensionRows) || void 0 === _f ? void 0 : _f.length) >= 1 && this.generateExtensionRowTree(), 
         this.colIndex = 0, this._headerObjectMap = this._headerObjects.reduce(((o, e) => (o[e.id] = e, 
         o)), {}), this._CellHeaderPathMap = new Map, this._largeCellRangeCache.length = 0;
-        const diffCell = diffCellAddress(col, row, oldRowHeaderCellIds.map((oldCellId => oldCellId[col])), this._rowHeaderCellIds_FULL.map((newCellId => newCellId[col])), oldRowHeaderCellPositons, this);
+        const diffCell = diffCellAddress(col, row, oldRowHeaderCellIds.map((oldCellId => oldCellId[col - this.leftRowSeriesNumberColumnCount])), this._rowHeaderCellIds_FULL.map((newCellId => newCellId[col - this.leftRowSeriesNumberColumnCount])), oldRowHeaderCellPositons, this);
         return this._rowHeaderCellIds = this._rowHeaderCellIds_FULL.slice(), diffCell;
     }
     isHeaderForColWidth(col, row) {
@@ -824,13 +859,13 @@ export class PivotHeaderLayoutMap {
                     let col = 0;
                     return "grid" === this.rowHierarchyType && (col = this.rowDimensionKeys.indexOf(highlightDimension.dimensionKey)), 
                     -1 === col ? void 0 : {
-                        col: this.rowHeaderTitle ? col + 1 : col,
+                        col: (this.rowHeaderTitle ? col + 1 : col) + this.leftRowSeriesNumberColumnCount,
                         row: 0
                     };
                 }
                 const row = this.colDimensionKeys.indexOf(highlightDimension.dimensionKey);
                 return -1 === row ? void 0 : {
-                    col: 0,
+                    col: 0 + this.leftRowSeriesNumberColumnCount,
                     row: this.columnHeaderTitle ? row + 1 : row
                 };
             }
@@ -854,14 +889,14 @@ export class PivotHeaderLayoutMap {
         if (rowDimension) {
             row = this.columnHeaderLevelCount;
             const {startInTotal: startInTotal, level: level} = rowDimension;
-            return row += startInTotal, col = "grid" === this.rowHierarchyType ? this.rowHeaderTitle ? level + 1 : level : 0, 
+            return row += startInTotal, col = "grid" === this.rowHierarchyType ? (this.rowHeaderTitle ? level + 1 : level) + this.leftRowSeriesNumberColumnCount : 0 + this.leftRowSeriesNumberColumnCount, 
             {
                 col: col,
                 row: row
             };
         }
         if (colDimension) {
-            col = this.rowHeaderLevelCount;
+            col = this.rowHeaderLevelCount + this.leftRowSeriesNumberColumnCount;
             const {startInTotal: startInTotal, level: level} = colDimension;
             return col += startInTotal, row = this.columnHeaderTitle ? level + 1 : level, {
                 col: col,
@@ -887,7 +922,7 @@ export class PivotHeaderLayoutMap {
                 indicatorKey: path.indicatorKey
             });
         })) : this.isCornerHeader(col, row) && ("row" === (null === (_a = null == this ? void 0 : this.cornerSetting) || void 0 === _a ? void 0 : _a.titleOnDimension) ? pivotInfo.push({
-            dimensionKey: this.rowDimensionKeys[this.rowHeaderTitle ? col - 1 : col],
+            dimensionKey: this.rowDimensionKeys[(this.rowHeaderTitle ? col - 1 : col) - this.leftRowSeriesNumberColumnCount],
             isPivotCorner: !0
         }) : pivotInfo.push({
             dimensionKey: this.colDimensionKeys[this.columnHeaderTitle ? row - 1 : row],
@@ -910,7 +945,10 @@ export class PivotHeaderLayoutMap {
         };
     }
     canMoveHeaderPosition(source, target) {
+        if (this.isSeriesNumberInHeader(target.col, target.row) || this.isSeriesNumberInHeader(source.col, source.row)) return !1;
         if (source.col < 0 || source.row < 0 || target.col < 0 || target.row < 0) return !1;
+        this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row) && (source.col = source.col + this.leftRowSeriesNumberColumnCount + this.rowHeaderLevelCount - 1, 
+        target.col = target.col + this.leftRowSeriesNumberColumnCount + this.rowHeaderLevelCount - 1);
         const sourceCellRange = this.getCellRange(source.col, source.row);
         if (this.isColumnHeader(source.col, source.row)) {
             return this.getParentCellId(source.col, sourceCellRange.start.row) === this.getParentCellId(target.col, sourceCellRange.start.row);
@@ -940,12 +978,13 @@ export class PivotHeaderLayoutMap {
                 if (targetIndex = target.col >= source.col ? targetCellRange.end.col - sourceSize + 1 : targetCellRange.start.col, 
                 targetIndex === sourceCellRange.start.col) return null;
                 for (let row = 0; row < this._columnHeaderCellIds.length; row++) {
-                    const sourceIds = this._columnHeaderCellIds[row].splice(sourceCellRange.start.col - this.rowHeaderLevelCount, sourceSize);
-                    sourceIds.unshift(targetIndex - this.rowHeaderLevelCount, 0), Array.prototype.splice.apply(this._columnHeaderCellIds[row], sourceIds);
+                    const sourceIds = this._columnHeaderCellIds[row].splice(sourceCellRange.start.col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount, sourceSize);
+                    sourceIds.unshift(targetIndex - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount, 0), 
+                    Array.prototype.splice.apply(this._columnHeaderCellIds[row], sourceIds);
                 }
-                const sourceColumns = this._columnWidths.splice(sourceCellRange.start.col, sourceSize);
-                return sourceColumns.unshift(targetIndex, 0), Array.prototype.splice.apply(this._columnWidths, sourceColumns), 
-                this.columnDimensionTree.movePosition(this.getCellHeaderPathsWidthTreeNode(source.col, source.row).colHeaderPaths.length - 1, sourceCellRange.start.col - this.rowHeaderLevelCount, targetCellRange.start.col - this.rowHeaderLevelCount), 
+                const sourceColumns = this._columnWidths.splice(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceSize);
+                return sourceColumns.unshift(targetIndex - this.leftRowSeriesNumberColumnCount, 0), 
+                Array.prototype.splice.apply(this._columnWidths, sourceColumns), this.columnDimensionTree.movePosition(this.getCellHeaderPathsWidthTreeNode(source.col, source.row).colHeaderPaths.length - 1, sourceCellRange.start.col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount, targetCellRange.start.col - this.rowHeaderLevelCount - this.leftRowSeriesNumberColumnCount), 
                 this.columnDimensionTree.reset(this.columnDimensionTree.tree.children, !0), this._CellHeaderPathMap = new Map, 
                 this._largeCellRangeCache.length = 0, {
                     sourceIndex: sourceCellRange.start.col,
@@ -1021,7 +1060,7 @@ export class PivotHeaderLayoutMap {
             for (let j = 0; j < rowArr.length; j++) {
                 const dimension = rowArr[j];
                 if (!isValid(rowDimension.indicatorKey) && dimension.dimensionKey === rowDimension.dimensionKey && dimension.value === rowDimension.value || isValid(rowDimension.indicatorKey) && dimension.indicatorKey === rowDimension.indicatorKey && (!rowDimension.value || dimension.value === rowDimension.value)) {
-                    rowArr = dimension.children, (!needLowestLevel || rowArr && !rowArr.some((row => "axis" === row.dimensionKey))) && needLowestLevel || (rowDimensionFinded = dimension);
+                    rowArr = dimension.children, needLowestLevel && !rowArr ? rowDimensionFinded = dimension : needLowestLevel || (rowDimensionFinded = dimension);
                     break;
                 }
             }
@@ -1030,7 +1069,7 @@ export class PivotHeaderLayoutMap {
             if (rowDimensionFinded || forceBody) {
                 row = this.columnHeaderLevelCount;
                 const {startInTotal: startInTotal, level: level} = null !== (_a = rowDimensionFinded) && void 0 !== _a ? _a : defaultDimension;
-                row += null != startInTotal ? startInTotal : 0, defaultCol = "grid" === this.rowHierarchyType ? this.rowHeaderTitle ? level + 1 : level : 0;
+                row += null != startInTotal ? startInTotal : 0, defaultCol = "grid" === this.rowHierarchyType ? (this.rowHeaderTitle ? level + 1 : level) + this.leftRowSeriesNumberColumnCount : 0;
             }
             if (colDimensionFinded || forceBody) {
                 col = this.rowHeaderLevelCount;
@@ -1322,6 +1361,23 @@ export class PivotHeaderLayoutMap {
         this._rowHeaderCellIds_FULL = transpose(this._rowHeaderCellIds_FULL), this._headerObjectMap = this._headerObjects.reduce(((o, e) => (o[e.id] = e, 
         o)), {}), this.setPagination(this.pagination);
     }
+    isSeriesNumberInHeader(col, row) {
+        return this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && row >= 0 && col < this.leftRowSeriesNumberColumnCount && row < this.headerLevelCount || this.rightRowSeriesNumberColumnCount > 0 && row >= 0 && col >= this.colCount - this.rightRowSeriesNumberColumnCount && row < this.headerLevelCount;
+    }
+    isSeriesNumberInBody(col, row) {
+        return this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && col < this.leftRowSeriesNumberColumnCount && row >= this.headerLevelCount || this.rightRowSeriesNumberColumnCount > 0 && col >= this.colCount - this.rightRowSeriesNumberColumnCount && row >= this.headerLevelCount;
+    }
+    isSeriesNumber(col, row) {
+        return this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && row >= 0 && col < this.leftRowSeriesNumberColumnCount || this.rightRowSeriesNumberColumnCount > 0 && row >= 0 && col >= this.colCount - this.rightRowSeriesNumberColumnCount;
+    }
+    getSeriesNumberHeader(col, row) {
+        return this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && col < this.leftRowSeriesNumberColumnCount && row < this.headerLevelCount ? Object.assign({}, this.leftRowSeriesNumberColumn[col], {
+            style: this._table.internalProps.rowSeriesNumber.headerStyle
+        }) : this.rightRowSeriesNumberColumnCount > 0 && col >= this.colCount - this.rightRowSeriesNumberColumnCount && row < this.headerLevelCount && row < this.headerLevelCount ? this.rightRowSeriesNumberColumn[col - (this.colCount - this.rightRowSeriesNumberColumnCount)] : void 0;
+    }
+    getSeriesNumberBody(col, row) {
+        return this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && col < this.leftRowSeriesNumberColumnCount && row >= this.headerLevelCount ? this.leftRowSeriesNumberColumn[col] : this.rightRowSeriesNumberColumnCount > 0 && col >= this.colCount - this.rightRowSeriesNumberColumnCount && row >= this.headerLevelCount ? this.rightRowSeriesNumberColumn[col - (this.colCount - this.rightRowSeriesNumberColumnCount)] : void 0;
+    }
 }
 
 function scaleWholeRangeSize(count, bandwidth, paddingInner, paddingOuter) {