@visactor/vtable 0.21.4-alpha.4 → 0.22.0

package/cjs/layout/simple-header-layout.d.ts

@@ -1,7 +1,7 @@
 import type { ListTable } from '../ListTable';
-import type { CellAddress, CellRange, CellLocation, IListTableCellHeaderPaths, LayoutObjectId } from '../ts-types';
+import type { CellAddress, CellRange, CellLocation, IListTableCellHeaderPaths, LayoutObjectId, IRowSeriesNumber } from '../ts-types';
 import type { ColumnsDefine } from '../ts-types/list-table/define';
-import type { ColumnData, HeaderData, LayoutMapAPI, WidthData } from '../ts-types/list-table/layout-map/api';
+import type { ColumnData, HeaderData, LayoutMapAPI, SeriesNumberColumnData, WidthData } from '../ts-types/list-table/layout-map/api';
 import type { Aggregator } from '../dataset/statistics-helper';
 import { DimensionTree } from './tree-helper';
 export declare class SimpleHeaderLayoutMap implements LayoutMapAPI {
@@ -10,6 +10,11 @@ export declare class SimpleHeaderLayoutMap implements LayoutMapAPI {
     private _headerObjectMap;
     private _headerCellIds;
     private _columns;
+    rowSeriesNumberColumn: SeriesNumberColumnData[];
+    leftRowSeriesNumberColumn: SeriesNumberColumnData[];
+    rightRowSeriesNumberColumn: SeriesNumberColumnData[];
+    leftRowSeriesNumberColumnCount: number;
+    rightRowSeriesNumberColumnCount: number;
     columnTree: DimensionTree;
     readonly bodyRowSpanCount: number;
     hierarchyIndent?: number;
@@ -20,12 +25,19 @@ export declare class SimpleHeaderLayoutMap implements LayoutMapAPI {
     _hasAggregation: boolean;
     _hasAggregationOnTopCount: number;
     _hasAggregationOnBottomCount: number;
+    rowHierarchyType?: 'grid' | 'tree';
     private _cellRangeMap;
     constructor(table: ListTable, columns: ColumnsDefine, showHeader: boolean, hierarchyIndent: number);
+    handleRowSeriesNumber(rowSeriesNumber: IRowSeriesNumber): void;
     get transpose(): boolean;
     set transpose(_transpose: boolean);
     get showHeader(): boolean;
     set showHeader(_showHeader: boolean);
+    isSeriesNumberInHeader(col: number, row: number): boolean;
+    isSeriesNumberInBody(col: number, row: number): boolean;
+    isSeriesNumber(col: number, row: number): boolean;
+    getSeriesNumberHeader(col: number, row: number): SeriesNumberColumnData;
+    getSeriesNumberBody(col: number, row: number): SeriesNumberColumnData;
     isHeader(col: number, row: number): boolean;
     isAggregation(col: number, row: number): boolean;
     isTopAggregation(col: number, row: number): boolean;
@@ -73,11 +85,11 @@ export declare class SimpleHeaderLayoutMap implements LayoutMapAPI {
     get columnWidths(): WidthData[];
     getColumnWidthDefined(col: number): WidthData;
     getCellId(col: number, row: number): LayoutObjectId;
-    getHeader(col: number, row: number): HeaderData;
+    getHeader(col: number, row: number): HeaderData | SeriesNumberColumnData;
     getHeaderField(col: number, row: number): import("../ts-types").FieldDef;
     getHeaderCellAdressById(id: number): CellAddress | undefined;
     getHeaderCellAddressByField(field: string): CellAddress | undefined;
-    getBody(col: number, _row: number): ColumnData;
+    getBody(col: number, _row: number): ColumnData | SeriesNumberColumnData;
     getBodyLayoutRangeById(id: LayoutObjectId): CellRange;
     getCellRange(col: number, row: number): CellRange;
     private getCellRangeTranspose;
@@ -128,4 +140,5 @@ export declare class SimpleHeaderLayoutMap implements LayoutMapAPI {
         col: number;
         columnDefine: ColumnData;
     }[];
+    _getColumnDefine(col: number, row: number): ColumnData | SeriesNumberColumnData;
 }

package/cjs/layout/simple-header-layout.js

@@ -8,16 +8,51 @@ const vutils_1 = require("@visactor/vutils"), global_1 = require("../tools/globa
 
 class SimpleHeaderLayoutMap {
     constructor(table, columns, showHeader, hierarchyIndent) {
-        this.seqId = 0, this.bodyRowSpanCount = 1, this._transpose = !1, this._showHeader = !0, 
-        this._recordsCount = 0, this._hasAggregation = !1, this._hasAggregationOnTopCount = 0, 
-        this._hasAggregationOnBottomCount = 0, this._cellRangeMap = new Map, this._showHeader = showHeader, 
-        this._table = table, this._columns = [], this._headerCellIds = [], this.hierarchyIndent = null != hierarchyIndent ? hierarchyIndent : 20, 
+        this.seqId = 0, this.leftRowSeriesNumberColumnCount = 0, this.rightRowSeriesNumberColumnCount = 0, 
+        this.bodyRowSpanCount = 1, this._transpose = !1, this._showHeader = !0, this._recordsCount = 0, 
+        this._hasAggregation = !1, this._hasAggregationOnTopCount = 0, this._hasAggregationOnBottomCount = 0, 
+        this._cellRangeMap = new Map, this._showHeader = showHeader, this._table = table, 
+        this._columns = [], this._headerCellIds = [], this.hierarchyIndent = null != hierarchyIndent ? hierarchyIndent : 20, 
         this.columnTree = new tree_helper_1.DimensionTree(columns, {
             seqId: 0
         }), this._headerObjects = this._addHeaders(0, columns, []), this._headerObjectMap = this._headerObjects.reduce(((o, e) => (o[e.id] = e, 
-        o)), {}), this._hasAggregation = (0, layout_helper_1.checkHasAggregation)(this), 
-        this._hasAggregationOnBottomCount = (0, layout_helper_1.checkHasAggregationOnBottom)(this), 
-        this._hasAggregationOnTopCount = (0, layout_helper_1.checkHasAggregationOnTop)(this);
+        o)), {}), this.rowHierarchyType = (0, layout_helper_1.checkHasTreeDefine)(this) ? "tree" : "grid", 
+        this._hasAggregation = (0, layout_helper_1.checkHasAggregation)(this), this._hasAggregationOnBottomCount = (0, 
+        layout_helper_1.checkHasAggregationOnBottom)(this), this._hasAggregationOnTopCount = (0, 
+        layout_helper_1.checkHasAggregationOnTop)(this), this.handleRowSeriesNumber(table.internalProps.rowSeriesNumber);
+    }
+    handleRowSeriesNumber(rowSeriesNumber) {
+        var _a;
+        rowSeriesNumber && (Array.isArray(rowSeriesNumber) ? this.rowSeriesNumberColumn = rowSeriesNumber.map((seriesNumber => {
+            var _a;
+            return {
+                id: this.seqId++,
+                title: seriesNumber.title,
+                define: seriesNumber,
+                cellType: null !== (_a = seriesNumber.cellType) && void 0 !== _a ? _a : "text",
+                style: seriesNumber.style,
+                width: seriesNumber.width,
+                format: seriesNumber.format,
+                field: seriesNumber.field,
+                icon: seriesNumber.icon,
+                headerIcon: seriesNumber.headerIcon,
+                isChildNode: !1
+            };
+        })) : this.rowSeriesNumberColumn = [ {
+            id: this.seqId++,
+            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,
+            headerIcon: rowSeriesNumber.headerIcon,
+            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);
     }
     get transpose() {
         return this._transpose;
@@ -31,8 +66,55 @@ class SimpleHeaderLayoutMap {
     set showHeader(_showHeader) {
         this._showHeader = _showHeader;
     }
+    isSeriesNumberInHeader(col, row) {
+        if (this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && row >= 0 && col < this.leftRowSeriesNumberColumnCount) {
+            if (this.transpose) return !1;
+            if (row < this.headerLevelCount) return !0;
+        }
+        if (this.rightRowSeriesNumberColumnCount > 0 && row >= 0 && col >= this.colCount - this.rightRowSeriesNumberColumnCount) {
+            if (this.transpose) return !1;
+            if (row < this.headerLevelCount) return !0;
+        }
+        return !1;
+    }
+    isSeriesNumberInBody(col, row) {
+        if (this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && col < this.leftRowSeriesNumberColumnCount) {
+            if (this.transpose) return !0;
+            if (row >= this.headerLevelCount) return !0;
+        }
+        if (this.rightRowSeriesNumberColumnCount > 0 && col >= this.colCount - this.rightRowSeriesNumberColumnCount) {
+            if (this.transpose) return !0;
+            if (row >= this.headerLevelCount) return !0;
+        }
+        return !1;
+    }
+    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) {
+        if (this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && col < this.leftRowSeriesNumberColumnCount) {
+            if (this.transpose) return;
+            if (row < this.headerLevelCount) return Object.assign({}, this.leftRowSeriesNumberColumn[col], {
+                style: this._table.internalProps.rowSeriesNumber.headerStyle
+            });
+        }
+        if (this.rightRowSeriesNumberColumnCount > 0 && col >= this.colCount - this.rightRowSeriesNumberColumnCount && row < this.headerLevelCount) {
+            if (this.transpose) return;
+            if (row < this.headerLevelCount) return this.rightRowSeriesNumberColumn[col - (this.colCount - this.rightRowSeriesNumberColumnCount)];
+        }
+    }
+    getSeriesNumberBody(col, row) {
+        if (this.leftRowSeriesNumberColumnCount > 0 && col >= 0 && col < this.leftRowSeriesNumberColumnCount) {
+            if (this.transpose) return this.leftRowSeriesNumberColumn[col];
+            if (row >= this.headerLevelCount) return this.leftRowSeriesNumberColumn[col];
+        }
+        if (this.rightRowSeriesNumberColumnCount > 0 && col >= this.colCount - this.rightRowSeriesNumberColumnCount) {
+            if (this.transpose) return this.rightRowSeriesNumberColumn[col - (this.colCount - this.rightRowSeriesNumberColumnCount)];
+            if (row >= this.headerLevelCount) return this.rightRowSeriesNumberColumn[col - (this.colCount - this.rightRowSeriesNumberColumnCount)];
+        }
+    }
     isHeader(col, row) {
-        return !!(this.transpose && col >= 0 && col < this.headerLevelCount) || !this.transpose && row >= 0 && row < this.headerLevelCount;
+        return !!(this.transpose && col >= this.leftRowSeriesNumberColumnCount && col < this.headerLevelCount + this.leftRowSeriesNumberColumnCount) || !this.transpose && row >= 0 && row < this.headerLevelCount;
     }
     isAggregation(col, row) {
         if (this.hasAggregation) {
@@ -118,10 +200,10 @@ class SimpleHeaderLayoutMap {
         return this.isHeader(col, row) ? this.transpose ? "rowHeader" : "columnHeader" : "body";
     }
     isRowHeader(col, row) {
-        return !!(this.transpose && col >= 0 && col <= this.headerLevelCount - 1);
+        return !!(this.transpose && col >= this.leftRowSeriesNumberColumnCount && col < this.headerLevelCount + this.leftRowSeriesNumberColumnCount);
     }
     isColumnHeader(col, row) {
-        return !this.transpose && row >= 0 && row <= this.headerLevelCount - 1;
+        return !this.transpose && row >= 0 && row <= this.headerLevelCount - 1 && col >= this.leftRowSeriesNumberColumnCount && col < this.colCount - this.rightRowSeriesNumberColumnCount;
     }
     isFrozenColumn(col, row) {
         if ((0, vutils_1.isValid)(row)) {
@@ -248,7 +330,7 @@ class SimpleHeaderLayoutMap {
         return this._table.internalProps.rightFrozenColCount ? this.colCount - this.frozenColCount >= this._table.internalProps.rightFrozenColCount ? this._table.internalProps.rightFrozenColCount : Math.max(0, this.colCount - this.frozenColCount) : 0;
     }
     get colCount() {
-        return this.transpose ? this.headerLevelCount + this.recordsCount : this._columns.length;
+        return this.transpose ? this.headerLevelCount + this.recordsCount + this.leftRowSeriesNumberColumnCount + this.rightRowSeriesNumberColumnCount : this._columns.length + this.leftRowSeriesNumberColumnCount + this.rightRowSeriesNumberColumnCount;
     }
     get rowCount() {
         return this.transpose ? this._columns.length : this.headerLevelCount + this.recordsCount;
@@ -276,43 +358,47 @@ class SimpleHeaderLayoutMap {
     }
     getColumnWidthDefined(col) {
         var _a;
-        if (this.transpose) {
-            let maxWidth, minWidth, width = 0;
-            if (col >= this.rowHeaderLevelCount) {
-                let isAuto;
-                return this.columnObjects.forEach(((obj, index) => {
-                    "number" == typeof obj.width ? width = Math.max(obj.width, width) : "auto" === obj.width && (isAuto = !0), 
-                    "number" == typeof obj.minWidth && (minWidth = Math.max(obj.minWidth, minWidth)), 
-                    "number" == typeof obj.maxWidth && (maxWidth = Math.max(obj.maxWidth, maxWidth));
-                })), width = width > 0 ? width : isAuto ? "auto" : void 0, {
-                    width: width,
-                    minWidth: minWidth,
-                    maxWidth: maxWidth
-                };
-            }
-            if (this.isRowHeader(col, 0)) {
-                const defaultWidth = Array.isArray(this._table.defaultHeaderColWidth) ? null !== (_a = this._table.defaultHeaderColWidth[col]) && void 0 !== _a ? _a : this._table.defaultColWidth : this._table.defaultHeaderColWidth;
-                return "auto" === defaultWidth ? {
-                    width: "auto"
-                } : {
-                    width: defaultWidth
-                };
+        if (col >= 0) {
+            if (col < this.leftRowSeriesNumberColumnCount) return this.leftRowSeriesNumberColumn[col];
+            if (this.transpose) {
+                let maxWidth, minWidth, width = 0;
+                if (col >= this.rowHeaderLevelCount + this.leftRowSeriesNumberColumnCount) {
+                    let isAuto;
+                    return this.columnObjects.forEach(((obj, index) => {
+                        "number" == typeof obj.width ? width = Math.max(obj.width, width) : "auto" === obj.width && (isAuto = !0), 
+                        "number" == typeof obj.minWidth && (minWidth = Math.max(obj.minWidth, minWidth)), 
+                        "number" == typeof obj.maxWidth && (maxWidth = Math.max(obj.maxWidth, maxWidth));
+                    })), width = width > 0 ? width : isAuto ? "auto" : void 0, {
+                        width: width,
+                        minWidth: minWidth,
+                        maxWidth: maxWidth
+                    };
+                }
+                if (this.isRowHeader(col, 0)) {
+                    const defaultWidth = Array.isArray(this._table.defaultHeaderColWidth) ? null !== (_a = this._table.defaultHeaderColWidth[col]) && void 0 !== _a ? _a : this._table.defaultColWidth : this._table.defaultHeaderColWidth;
+                    return "auto" === defaultWidth ? {
+                        width: "auto"
+                    } : {
+                        width: defaultWidth
+                    };
+                }
             }
+            return this._columns[col - this.leftRowSeriesNumberColumnCount];
         }
-        return this._columns[col];
     }
     getCellId(col, row) {
         var _a, _b, _c, _d;
-        return this.transpose ? this.headerLevelCount <= col ? null === (_a = this._columns[row]) || void 0 === _a ? void 0 : _a.id : null === (_b = this._headerCellIds[col]) || void 0 === _b ? void 0 : _b[row] : this.headerLevelCount <= row ? null === (_c = this._columns[col]) || void 0 === _c ? void 0 : _c.id : null === (_d = this._headerCellIds[row]) || void 0 === _d ? void 0 : _d[col];
+        return this.transpose ? col >= this.headerLevelCount + this.leftRowSeriesNumberColumnCount ? null === (_a = this._columns[row]) || void 0 === _a ? void 0 : _a.id : this.isSeriesNumber(col, row) ? row + "_series_number" : null === (_b = this._headerCellIds[col - this.leftRowSeriesNumberColumnCount]) || void 0 === _b ? void 0 : _b[row] : this.isSeriesNumber(col, row) ? this.rowSeriesNumberColumn[col].id : this.headerLevelCount <= row ? null === (_c = this._columns[col - this.leftRowSeriesNumberColumnCount]) || void 0 === _c ? void 0 : _c.id : null === (_d = this._headerCellIds[row]) || void 0 === _d ? void 0 : _d[col - this.leftRowSeriesNumberColumnCount];
     }
     getHeader(col, row) {
+        if (this.isSeriesNumberInHeader(col, row)) return this.getSeriesNumberHeader(col, row);
         const id = this.getCellId(col, row);
         return this._headerObjectMap[id];
     }
     getHeaderField(col, row) {
         var _a;
         const id = this.getCellId(col, row);
-        return (null === (_a = this._headerObjectMap[id]) || void 0 === _a ? void 0 : _a.field) || (this.transpose ? this._columns[row] && this._columns[row].field : this._columns[col] && this._columns[col].field);
+        return (null === (_a = this._headerObjectMap[id]) || void 0 === _a ? void 0 : _a.field) || (this.transpose ? this._columns[row] && this._columns[row].field : this._columns[col - this.leftRowSeriesNumberColumnCount] && this._columns[col - this.leftRowSeriesNumberColumnCount].field);
     }
     getHeaderCellAdressById(id) {
         for (let i = 0; i < this._headerCellIds.length; i++) {
@@ -321,7 +407,7 @@ class SimpleHeaderLayoutMap {
                 col: i,
                 row: j
             } : {
-                col: j,
+                col: j + this.leftRowSeriesNumberColumnCount,
                 row: i
             };
         }
@@ -331,7 +417,7 @@ class SimpleHeaderLayoutMap {
         return this.getHeaderCellAdressById(hd.id);
     }
     getBody(col, _row) {
-        return this.transpose ? this._columns[_row] : this._columns[col];
+        return this.isSeriesNumber(col, _row) ? this.getSeriesNumberBody(col, _row) : this.transpose ? this._columns[_row] : this._columns[col - this.leftRowSeriesNumberColumnCount];
     }
     getBodyLayoutRangeById(id) {
         var _a, _b;
@@ -346,7 +432,7 @@ class SimpleHeaderLayoutMap {
                     row: row
                 }
             };
-        } else for (let col = 0; col < (null !== (_b = this.colCount) && void 0 !== _b ? _b : 0); col++) if (id === this._columns[col].id) return {
+        } else for (let col = 0; col < (null !== (_b = this.colCount) && void 0 !== _b ? _b : 0); col++) if (id === this._columns[col - this.leftRowSeriesNumberColumnCount].id) return {
             start: {
                 col: col,
                 row: 0
@@ -382,20 +468,20 @@ class SimpleHeaderLayoutMap {
             }
         };
         if (this.transpose) cellRange = this.getCellRangeTranspose(col, row); else if (this.headerLevelCount <= row) {
-            if (this.headerLevelCount <= row && (null === (_b = null === (_a = this.columnObjects[col]) || void 0 === _a ? void 0 : _a.define) || void 0 === _b ? void 0 : _b.mergeCell)) {
+            if (this.headerLevelCount <= row && (null === (_b = null === (_a = this.columnObjects[col - this.leftRowSeriesNumberColumnCount]) || void 0 === _a ? void 0 : _a.define) || void 0 === _b ? void 0 : _b.mergeCell)) {
                 const value = this._table.getCellValue(col, row);
                 for (let r = row - 1; r >= this.headerLevelCount; r--) {
                     const last_Value = this._table.getCellValue(col, r);
-                    if ("boolean" == typeof this.columnObjects[col].define.mergeCell) {
+                    if ("boolean" == typeof this.columnObjects[col - this.leftRowSeriesNumberColumnCount].define.mergeCell) {
                         if (value !== last_Value) break;
-                    } else if (!this.columnObjects[col].define.mergeCell(value, last_Value)) break;
+                    } else if (!this.columnObjects[col - this.leftRowSeriesNumberColumnCount].define.mergeCell(value, last_Value)) break;
                     cellRange.start.row = r;
                 }
                 for (let r = row + 1; r < this.rowCount; r++) {
                     const next_Value = this._table.getCellValue(col, r);
-                    if ("boolean" == typeof this.columnObjects[col].define.mergeCell) {
+                    if ("boolean" == typeof this.columnObjects[col - this.leftRowSeriesNumberColumnCount].define.mergeCell) {
                         if (value !== next_Value) break;
-                    } else if (!this.columnObjects[col].define.mergeCell(value, next_Value)) break;
+                    } else if (!this.columnObjects[col - this.leftRowSeriesNumberColumnCount].define.mergeCell(value, next_Value)) break;
                     cellRange.end.row = r;
                 }
             }
@@ -420,10 +506,10 @@ class SimpleHeaderLayoutMap {
                 row: row
             }
         };
-        if (this.headerLevelCount <= col || -1 === col && -1 === row) {
-            if (this.headerLevelCount <= col && (null === (_b = null === (_a = this.columnObjects[row]) || void 0 === _a ? void 0 : _a.define) || void 0 === _b ? void 0 : _b.mergeCell)) {
+        if (this.headerLevelCount + this.leftRowSeriesNumberColumnCount <= col || -1 === col && -1 === row) {
+            if (this.headerLevelCount + this.leftRowSeriesNumberColumnCount <= col && (null === (_b = null === (_a = this.columnObjects[row]) || void 0 === _a ? void 0 : _a.define) || void 0 === _b ? void 0 : _b.mergeCell)) {
                 const value = this._table.getCellValue(col, row);
-                for (let c = col - 1; c >= this.headerLevelCount; c--) {
+                for (let c = col - 1; c >= this.headerLevelCount + this.leftRowSeriesNumberColumnCount; c--) {
                     const last_Value = this._table.getCellValue(c, row);
                     if ("boolean" == typeof this.columnObjects[row].define.mergeCell) {
                         if (value !== last_Value) break;
@@ -444,7 +530,7 @@ class SimpleHeaderLayoutMap {
         for (let r = row - 1; r >= 0 && id === this.getCellId(col, r); r--) result.start.row = r;
         for (let r = row + 1; r < (null !== (_d = this.rowCount) && void 0 !== _d ? _d : 0) && id === this.getCellId(col, r); r++) result.end.row = r;
         for (let c = col - 1; c >= 0 && id === this.getCellId(c, row); c--) result.start.col = c;
-        for (let c = col + 1; c < this.headerLevelCount && id === this.getCellId(c, row); c++) result.end.col = c;
+        for (let c = col + 1; c < this.headerLevelCount + this.leftRowSeriesNumberColumnCount && id === this.getCellId(c, row); c++) result.end.col = c;
         return result;
     }
     isCellRangeEqual(col, row, targetCol, targetRow) {
@@ -494,7 +580,8 @@ class SimpleHeaderLayoutMap {
                     define: colDef,
                     columnWidthComputeMode: colDef.columnWidthComputeMode,
                     disableColumnResize: null == colDef ? void 0 : colDef.disableColumnResize,
-                    aggregation: this._getAggregationForColumn(colDef, col)
+                    aggregation: this._getAggregationForColumn(colDef, col),
+                    isChildNode: row >= 1
                 });
                 for (let r = row + 1; r < this._headerCellIds.length; r++) this._headerCellIds[r][col] = id;
             }
@@ -524,11 +611,12 @@ class SimpleHeaderLayoutMap {
         return newRow;
     }
     getCellHeaderPaths(col, row) {
+        if (this.isSeriesNumber(col, row)) return;
         let colPath = [], rowPath = [];
         return this.transpose ? rowPath = [ {
             field: this._columns[row].field
         } ] : colPath = [ {
-            field: this._columns[col].field
+            field: this._columns[col - this.leftRowSeriesNumberColumnCount].field
         } ], {
             colHeaderPaths: colPath,
             rowHeaderPaths: rowPath,
@@ -536,10 +624,20 @@ class SimpleHeaderLayoutMap {
         };
     }
     getParentCellId(col, row) {
-        if (0 !== row) return this.isColumnHeader(col, row) ? this.getCellId(col, row - 1) : this.isRowHeader(col, row) ? this.getCellId(col - 1, row) : void 0;
+        if (0 !== row) {
+            if (this.isColumnHeader(col, row)) return this.getCellId(col, row - 1);
+            if (this.isRowHeader(col, row)) {
+                if (this.isSeriesNumberInBody(col - 1, row)) return;
+                return this.getCellId(col - 1, row);
+            }
+        }
     }
     canMoveHeaderPosition(source, target) {
-        if (source.col < 0 || source.row < 0 || target.col < 0 || target.row < 0) return !1;
+        if (this.isSeriesNumberInHeader(target.col, target.row) || this.isSeriesNumberInHeader(source.col, source.row)) return !1;
+        if (!this.transpose && this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row)) return !0;
+        if (this.transpose && this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row) && (this._getColumnDefine(source.col + this.leftRowSeriesNumberColumnCount, source.row).isChildNode && this._getColumnDefine(target.col + this.leftRowSeriesNumberColumnCount, target.row).isChildNode ? (source.col = source.col + this.leftRowSeriesNumberColumnCount + this.rowHeaderLevelCount - 1, 
+        target.col = target.col + this.leftRowSeriesNumberColumnCount + this.rowHeaderLevelCount - 1) : (source.col = source.col + this.leftRowSeriesNumberColumnCount, 
+        target.col = target.col + this.leftRowSeriesNumberColumnCount)), source.col < 0 || source.row < 0 || target.col < 0 || target.row < 0) return !1;
         if ("disabled" === this._table.internalProps.frozenColDragHeaderMode && (this._table.isFrozenColumn(target.col) || this._table.isRightFrozenColumn(target.col))) return !1;
         const sourceCellRange = this.getCellRange(source.col, source.row);
         if (this.isColumnHeader(source.col, source.row)) {
@@ -552,7 +650,7 @@ class SimpleHeaderLayoutMap {
     }
     moveHeaderPosition(source, target) {
         if (this.canMoveHeaderPosition(source, target)) {
-            const sourceCellRange = this.getCellRange(source.col, source.row);
+            let sourceCellRange = this.getCellRange(source.col, source.row);
             if (this.isColumnHeader(source.col, source.row)) {
                 const sourceSize = sourceCellRange.end.col - sourceCellRange.start.col + 1;
                 let targetIndex;
@@ -560,12 +658,12 @@ class SimpleHeaderLayoutMap {
                 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._headerCellIds.length; row++) {
-                    const sourceIds = this._headerCellIds[row].splice(sourceCellRange.start.col, sourceSize);
-                    sourceIds.unshift(targetIndex, 0), Array.prototype.splice.apply(this._headerCellIds[row], sourceIds);
+                    const sourceIds = this._headerCellIds[row].splice(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceSize);
+                    sourceIds.unshift(targetIndex - this.leftRowSeriesNumberColumnCount, 0), Array.prototype.splice.apply(this._headerCellIds[row], sourceIds);
                 }
-                const sourceColumns = this._columns.splice(sourceCellRange.start.col, sourceSize);
-                return sourceColumns.unshift(targetIndex, 0), Array.prototype.splice.apply(this._columns, sourceColumns), 
-                this.columnTree.movePosition(sourceCellRange.start.row, sourceCellRange.start.col, targetIndex), 
+                const sourceColumns = this._columns.splice(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceSize);
+                return sourceColumns.unshift(targetIndex - this.leftRowSeriesNumberColumnCount, 0), 
+                Array.prototype.splice.apply(this._columns, sourceColumns), this.columnTree.movePosition(sourceCellRange.start.row, sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, targetIndex - this.leftRowSeriesNumberColumnCount), 
                 this.columnTree.reset(this.columnTree.tree.children, !0), this._cellRangeMap = new Map, 
                 {
                     sourceIndex: sourceCellRange.start.col,
@@ -575,7 +673,8 @@ class SimpleHeaderLayoutMap {
                     moveType: "column"
                 };
             }
-            if (this.isRowHeader(source.col, source.row)) {
+            if (this.isRowHeader(source.col, source.row) || this.isSeriesNumberInBody(source.col, source.row) && this.transpose) {
+                this.isSeriesNumberInBody(source.col, source.row) && (sourceCellRange = this.getCellRange(source.col + this.leftRowSeriesNumberColumnCount, source.row));
                 const sourceSize = sourceCellRange.end.row - sourceCellRange.start.row + 1;
                 let targetIndex;
                 const targetCellRange = this.getCellRange(sourceCellRange.start.col, target.row);
@@ -587,7 +686,7 @@ class SimpleHeaderLayoutMap {
                 }
                 const sourceColumns = this._columns.splice(sourceCellRange.start.row, sourceSize);
                 return sourceColumns.unshift(targetIndex, 0), Array.prototype.splice.apply(this._columns, sourceColumns), 
-                this.columnTree.movePosition(sourceCellRange.start.col, sourceCellRange.start.row, targetIndex), 
+                this.columnTree.movePosition(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceCellRange.start.row, targetIndex + (target.row > source.row ? sourceCellRange.end.row - sourceCellRange.start.row : 0)), 
                 this.columnTree.reset(this.columnTree.tree.children, !0), this._cellRangeMap = new Map, 
                 {
                     sourceIndex: sourceCellRange.start.row,
@@ -597,6 +696,13 @@ class SimpleHeaderLayoutMap {
                     moveType: "row"
                 };
             }
+            if (this.isSeriesNumberInBody(source.col, source.row)) return {
+                sourceIndex: source.row,
+                targetIndex: target.row,
+                sourceSize: 1,
+                targetSize: 1,
+                moveType: "row"
+            };
         }
         return null;
     }
@@ -613,11 +719,11 @@ class SimpleHeaderLayoutMap {
         };
     }
     setChartInstance(_col, _row, chartInstance) {
-        const columnObj = this.transpose ? this._columns[_row] : this._columns[_col];
+        const columnObj = this.transpose ? this._columns[_row] : this._columns[_col - this.leftRowSeriesNumberColumnCount];
         "function" != typeof columnObj.chartSpec && (columnObj.chartInstance = chartInstance);
     }
     getChartInstance(_col, _row) {
-        return (this.transpose ? this._columns[_row] : this._columns[_col]).chartInstance;
+        return (this.transpose ? this._columns[_row] : this._columns[_col - this.leftRowSeriesNumberColumnCount]).chartInstance;
     }
     checkHasChart() {
         return (0, get_chart_spec_1.checkHasChart)(this);
@@ -677,6 +783,9 @@ class SimpleHeaderLayoutMap {
             columnDefine: cur
         }), pre)), []);
     }
+    _getColumnDefine(col, row) {
+        if (col >= 0) return col < this.leftRowSeriesNumberColumnCount ? this.leftRowSeriesNumberColumn[col] : this.transpose ? this._columns[row] : this._columns[col - this.leftRowSeriesNumberColumnCount];
+    }
 }
 
 exports.SimpleHeaderLayoutMap = SimpleHeaderLayoutMap;