@visactor/vtable 0.11.1-alpha.8 → 0.12.0-alpha.0

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

@@ -2,123 +2,74 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.PivotHeaderLayoutMap = void 0;
+}), exports.PivotHeaderLayoutMap = exports.sharedVar = void 0;
 
-const util_1 = require("../tools/util"), ts_types_1 = require("../ts-types"), NumberMap_1 = require("../tools/NumberMap"), global_1 = require("../tools/global"), diff_cell_1 = require("../tools/diff-cell"), get_chart_spec_1 = require("./chart-helper/get-chart-spec");
+const util_1 = require("../tools/util"), ts_types_1 = require("../ts-types"), global_1 = require("../tools/global"), diff_cell_1 = require("../tools/diff-cell"), get_chart_spec_1 = require("./chart-helper/get-chart-spec"), pivot_layout_helper_1 = require("./pivot-layout-helper"), vutils_1 = require("@visactor/vutils"), padding_1 = require("../scenegraph/utils/padding"), get_axis_config_1 = require("./chart-helper/get-axis-config");
 
-class DimensionTree {
-    constructor(tree, hierarchyType = "grid", rowExpandLevel = void 0) {
-        this.sizeIncludeParent = !1, this.tree = {
-            id: 0,
-            dimensionKey: "",
-            value: "",
-            children: [],
-            level: -1,
-            startIndex: 0,
-            size: 0,
-            startInTotal: 0,
-            hierarchyState: void 0
-        }, this.totalLevel = 0, this.dimensionKeys = new NumberMap_1.NumberMap, this.sizeIncludeParent = null != rowExpandLevel, 
-        this.rowExpandLevel = rowExpandLevel, this.hierarchyType = hierarchyType, this.reset(tree);
-    }
-    reset(tree, updateTreeNode = !1) {
-        this.dimensionKeys = new NumberMap_1.NumberMap, this.tree.children = tree, this.setTreeNode(this.tree, 0, this.tree), 
-        this.totalLevel = this.dimensionKeys.count();
-    }
-    setTreeNode(node, startIndex, parent) {
-        var _a, _b;
-        node.startIndex = startIndex, node.startInTotal = (null !== (_a = parent.startInTotal) && void 0 !== _a ? _a : 0) + node.startIndex, 
-        (null !== (_b = node.dimensionKey) && void 0 !== _b ? _b : node.indicatorKey) && (!this.dimensionKeys.contain(node.indicatorKey ? global_1.IndicatorDimensionKeyPlaceholder : node.dimensionKey) && this.dimensionKeys.put(node.level, node.indicatorKey ? global_1.IndicatorDimensionKeyPlaceholder : node.dimensionKey), 
-        node.id || (node.id = ++seqId));
-        let size = node.dimensionKey && this.sizeIncludeParent ? 1 : 0;
-        return "grid" === this.hierarchyType ? node.children ? node.children.forEach((n => {
-            var _a;
-            n.level = (null !== (_a = node.level) && void 0 !== _a ? _a : 0) + 1, size += this.setTreeNode(n, size, node);
-        })) : size = 1 : node.hierarchyState === ts_types_1.HierarchyState.expand && node.children ? node.children.forEach((n => {
-            var _a;
-            n.level = (null !== (_a = node.level) && void 0 !== _a ? _a : 0) + 1, size += this.setTreeNode(n, size, node);
-        })) : node.hierarchyState === ts_types_1.HierarchyState.collapse && node.children ? node.children.forEach((n => {
-            var _a;
-            n.level = (null !== (_a = node.level) && void 0 !== _a ? _a : 0) + 1, this.setTreeNode(n, size, node);
-        })) : !node.hierarchyState && node.level + 1 < this.rowExpandLevel && node.children ? (node.hierarchyState = ts_types_1.HierarchyState.expand, 
-        node.children.forEach((n => {
-            var _a;
-            n.level = (null !== (_a = node.level) && void 0 !== _a ? _a : 0) + 1, size += this.setTreeNode(n, size, node);
-        }))) : node.children ? (node.hierarchyState = ts_types_1.HierarchyState.collapse, 
-        node.children.forEach((n => {
-            var _a;
-            n.level = (null !== (_a = node.level) && void 0 !== _a ? _a : 0) + 1, this.setTreeNode(n, size, node);
-        }))) : (node.hierarchyState = ts_types_1.HierarchyState.none, size = 1), node.size = size, 
-        size;
-    }
-    getTreePath(index, maxDeep = 30) {
-        const path = [];
-        return this.searchPath(index, this.tree, path, maxDeep), path.shift(), path;
-    }
-    searchPath(index, node, path, maxDeep) {
-        if (!node) return !1;
-        if (index < node.startIndex || index >= node.startIndex + node.size) return !1;
-        if (path.push(node), !node.children || 0 === node.children.length) return !0;
-        if (node.level >= maxDeep) return !0;
-        const cIndex = index - node.startIndex;
-        return node.children.some((n => this.searchPath(cIndex, n, path, maxDeep))), !0;
-    }
-    movePosition(level, sourceIndex, targetIndex) {
-        let parNode, sourceSubIndex, targetSubIndex;
-        const findTargetNode = (node, subIndex) => {
-            if ((void 0 === sourceSubIndex || void 0 === targetSubIndex) && (node.level === level && (node.startInTotal === sourceIndex && (sourceSubIndex = subIndex), 
-            node.startInTotal <= targetIndex && targetIndex <= node.startInTotal + node.size - 1 && (targetSubIndex = subIndex)), 
-            node.children && node.level < level)) {
-                parNode = node;
-                for (let i = 0; i < node.children.length; i++) (sourceIndex >= node.children[i].startInTotal && sourceIndex <= node.children[i].startInTotal + node.children[i].size || targetIndex >= node.children[i].startInTotal && targetIndex <= node.children[i].startInTotal + node.children[i].size) && findTargetNode(node.children[i], i);
-            }
-        };
-        findTargetNode(this.tree, 0);
-        const sourceColumns = parNode.children.splice(sourceSubIndex, 1);
-        sourceColumns.unshift(targetSubIndex, 0), Array.prototype.splice.apply(parNode.children, sourceColumns);
-    }
-}
+exports.sharedVar = {
+    seqId: 0
+};
 
-let seqId = 0, colIndex = 0;
+let colIndex = 0;
 
 class PivotHeaderLayoutMap {
-    constructor(table) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    constructor(table, dataset) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
         if (this._showHeader = !0, this.columnHeaderObjs = [], this.rowHeaderObjs = [], 
         this._cornerHeaderCellIds = [], this._columnHeaderCellIds = [], this._rowHeaderCellIds = [], 
-        this._columnWidths = [], this.columnPaths = [], this._headerObjects = [], this._headerObjectMap = {}, 
-        this._indicators = [], this.indicatorsAsCol = !0, this.hideIndicatorName = !1, this._showRowHeader = !0, 
-        this._showColumnHeader = !0, this._indicatorShowType = "column", this.rowDimensionKeys = [], 
-        this.colDimensionKeys = [], this.indicatorKeys = [], this.indicatorDimensionKey = global_1.IndicatorDimensionKeyPlaceholder, 
-        this._table = table, this._cellRangeMap = new Map, this._CellHeaderPathMap = new Map, 
-        this.rowTree = table.options.rowTree, this.columnTree = table.options.columnTree, 
-        this.rowsDefine = null !== (_a = table.options.rows) && void 0 !== _a ? _a : [], 
-        this.columnsDefine = null !== (_b = table.options.columns) && void 0 !== _b ? _b : [], 
-        this.indicatorsDefine = null !== (_c = table.options.indicators) && void 0 !== _c ? _c : [], 
-        this.indicatorTitle = table.options.indicatorTitle, this.hideIndicatorName = null !== (_d = table.options.hideIndicatorName) && void 0 !== _d && _d, 
-        this.showRowHeader = null === (_e = table.options.showRowHeader) || void 0 === _e || _e, 
-        this.showColumnHeader = null === (_f = table.options.showColumnHeader) || void 0 === _f || _f, 
+        this._rowHeaderCellIds_FULL = [], this._columnWidths = [], this.columnPaths = [], 
+        this._headerObjects = [], this._headerObjectMap = {}, this._indicators = [], this.indicatorsAsCol = !0, 
+        this.hideIndicatorName = !1, this._showRowHeader = !0, this._showColumnHeader = !0, 
+        this._indicatorShowType = "column", this.rowDimensionKeys = [], this.colDimensionKeys = [], 
+        this.indicatorKeys = [], this.indicatorDimensionKey = global_1.IndicatorDimensionKeyPlaceholder, 
+        this._rowHeaderExtensionTree = {}, this._extensionRowDimensionKeys = [], this.fullRowDimensionKeys = [], 
+        this._table = table, "tree" === table.options.rowHierarchyType && (this.extensionRows = table.options.extensionRows), 
+        this.dataset = dataset, this._cellRangeMap = new Map, this._CellHeaderPathMap = new Map, 
+        this.rowTree = table.internalProps.rowTree, this.columnTree = table.internalProps.columnTree, 
+        this.rowsDefine = null !== (_a = table.internalProps.rows) && void 0 !== _a ? _a : [], 
+        this.columnsDefine = null !== (_b = table.internalProps.columns) && void 0 !== _b ? _b : [], 
+        this.indicatorsDefine = null !== (_c = table.internalProps.indicators) && void 0 !== _c ? _c : [], 
+        this.indicatorTitle = table.options.indicatorTitle, this.indicatorsAsCol = null === (_d = table.options.indicatorsAsCol) || void 0 === _d || _d, 
+        this.hideIndicatorName = null !== (_e = table.options.hideIndicatorName) && void 0 !== _e && _e, 
+        this.showRowHeader = null === (_f = table.options.showRowHeader) || void 0 === _f || _f, 
+        this.showColumnHeader = null === (_g = table.options.showColumnHeader) || void 0 === _g || _g, 
         this.rowHeaderTitle = table.options.rowHeaderTitle, this.columnHeaderTitle = table.options.columnHeaderTitle, 
-        this.rowHierarchyType = null !== (_g = table.options.rowHierarchyType) && void 0 !== _g ? _g : "grid", 
-        this.rowExpandLevel = null !== (_h = table.options.rowExpandLevel) && void 0 !== _h ? _h : 1, 
-        this.rowHierarchyIndent = null !== (_j = table.options.rowHierarchyIndent) && void 0 !== _j ? _j : 20, 
-        this.cornerSetting = null !== (_k = table.options.corner) && void 0 !== _k ? _k : {
+        this.rowHierarchyType = null !== (_h = table.options.rowHierarchyType) && void 0 !== _h ? _h : "grid", 
+        this.rowExpandLevel = null !== (_j = table.options.rowExpandLevel) && void 0 !== _j ? _j : 1, 
+        this.rowHierarchyIndent = null !== (_k = table.options.rowHierarchyIndent) && void 0 !== _k ? _k : 20, 
+        this.cornerSetting = null !== (_l = table.options.corner) && void 0 !== _l ? _l : {
             titleOnDimension: "column"
-        }, null === (_l = this.indicatorsDefine) || void 0 === _l || _l.forEach((indicator => {
+        }, dataset && (this.rowTree = dataset.rowHeaderTree, this.columnTree = dataset.colHeaderTree, 
+        this.indicatorsAsCol)) {
+            const supplyAxisNode = nodes => {
+                nodes.forEach((node => {
+                    var _a;
+                    (null === (_a = node.children) || void 0 === _a ? void 0 : _a.length) ? supplyAxisNode(node.children) : node.children = [ {
+                        dimensionKey: "axis",
+                        value: ""
+                    } ];
+                }));
+            };
+            (null === (_m = this.rowTree) || void 0 === _m ? void 0 : _m.length) ? supplyAxisNode(this.rowTree) : this.rowTree = [ {
+                dimensionKey: "axis",
+                value: ""
+            } ];
+        }
+        if (null === (_o = this.indicatorsDefine) || void 0 === _o || _o.forEach((indicator => {
             "string" == typeof indicator ? this.indicatorKeys.push(indicator) : this.indicatorKeys.push(indicator.indicatorKey);
-        })), this.columnDimensionTree = new DimensionTree(null !== (_m = this.columnTree) && void 0 !== _m ? _m : []), 
-        this.rowDimensionTree = new DimensionTree(null !== (_o = this.rowTree) && void 0 !== _o ? _o : [], this.rowHierarchyType, "tree" === this.rowHierarchyType ? this.rowExpandLevel : void 0), 
+        })), this.columnDimensionTree = new pivot_layout_helper_1.DimensionTree(null !== (_p = this.columnTree) && void 0 !== _p ? _p : []), 
+        this.rowDimensionTree = new pivot_layout_helper_1.DimensionTree(null !== (_q = this.rowTree) && void 0 !== _q ? _q : [], this.rowHierarchyType, "tree" === this.rowHierarchyType ? this.rowExpandLevel : void 0), 
         this.colDimensionKeys = this.columnDimensionTree.dimensionKeys.valueArr(), this.rowDimensionKeys = this.rowDimensionTree.dimensionKeys.valueArr(), 
-        this.cornerHeaderObjs = "column" === this.cornerSetting.titleOnDimension ? this._addCornerHeaders(this.columnHeaderTitle ? [ "" ].concat(this.colDimensionKeys) : this.colDimensionKeys) : "row" === this.cornerSetting.titleOnDimension ? this._addCornerHeaders(this.rowHeaderTitle ? [ "" ].concat(this.rowDimensionKeys) : this.rowDimensionKeys) : this._addCornerHeaders(null), 
-        this.columnDimensionTree.tree.children && (this.columnHeaderObjs = this._addHeaders(this._columnHeaderCellIds, 0, this.columnDimensionTree.tree.children, []), 
+        this.fullRowDimensionKeys = this.fullRowDimensionKeys.concat(this.rowDimensionKeys), 
+        (null === (_r = this.columnDimensionTree.tree.children) || void 0 === _r ? void 0 : _r.length) >= 1 && (this.columnHeaderObjs = this._addHeaders(this._columnHeaderCellIds, 0, this.columnDimensionTree.tree.children, []), 
         this.columnHeaderTitle)) {
-            const id = ++seqId, firstRowIds = Array(this.colCount - this.rowHeaderLevelCount).fill(id);
+            const id = ++exports.sharedVar.seqId, firstRowIds = Array(this.colCount - this.rowHeaderLevelCount).fill(id);
             this._columnHeaderCellIds.unshift(firstRowIds);
             const cell = {
                 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 !== (_p = this.columnHeaderTitle.headerType) && void 0 !== _p ? _p : "text",
+                headerType: null !== (_s = this.columnHeaderTitle.headerType) && void 0 !== _s ? _s : "text",
                 style: this.columnHeaderTitle.headerStyle,
                 define: {
                     id: id
@@ -126,15 +77,15 @@ class PivotHeaderLayoutMap {
             };
             this.columnHeaderObjs.push(cell), this._headerObjects[id] = cell;
         }
-        if (colIndex = 0, this.rowDimensionTree.tree.children && (this.rowHeaderObjs = "tree" === this.rowHierarchyType ? this._addHeadersForTreeMode(this._rowHeaderCellIds, 0, this.rowDimensionTree.tree.children, [], this.rowDimensionTree.totalLevel, !0) : this._addHeaders(this._rowHeaderCellIds, 0, this.rowDimensionTree.tree.children, [])), 
+        if (colIndex = 0, (null === (_t = this.rowDimensionTree.tree.children) || void 0 === _t ? void 0 : _t.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) {
-            const id = ++seqId, firstColIds = Array(this.rowCount - this.columnHeaderLevelCount).fill(id);
-            this._rowHeaderCellIds.unshift(firstColIds);
+            const id = ++exports.sharedVar.seqId, firstColIds = Array(null !== (_v = null === (_u = this._rowHeaderCellIds_FULL[0]) || void 0 === _u ? void 0 : _u.length) && void 0 !== _v ? _v : this.rowDimensionTree.tree.size).fill(id);
+            this._rowHeaderCellIds_FULL.unshift(firstColIds);
             const cell = {
                 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 !== (_q = this.rowHeaderTitle.headerType) && void 0 !== _q ? _q : "text",
+                headerType: null !== (_w = this.rowHeaderTitle.headerType) && void 0 !== _w ? _w : "text",
                 style: this.rowHeaderTitle.headerStyle,
                 define: {
                     id: id
@@ -142,10 +93,35 @@ class PivotHeaderLayoutMap {
             };
             this.rowHeaderObjs.push(cell), this._headerObjects[id] = cell;
         }
-        colIndex = 0, this.indicatorsAsCol = !(0, util_1.isValid)(this.rowDimensionKeys.find((key => key === this.indicatorDimensionKey))), 
-        this._rowHeaderCellIds = (0, util_1.transpose)(this._rowHeaderCellIds), this._headerObjectMap = this._headerObjects.reduce(((o, e) => (o[e.id] = e, 
+        if (this._rowHeaderCellIds_FULL = (0, util_1.transpose)(this._rowHeaderCellIds_FULL), 
+        "tree" === table.options.rowHierarchyType && (null === (_x = this.extensionRows) || void 0 === _x ? void 0 : _x.length) >= 1 && (this.generateExtensionRowTree(), 
+        this.extensionRows.forEach((extensionRow => {
+            const rowKeys = [];
+            extensionRow.rows.forEach((row => {
+                "string" == typeof row ? rowKeys.push(row) : rowKeys.push(row.dimensionKey);
+            })), this._extensionRowDimensionKeys.push(rowKeys), this.fullRowDimensionKeys = this.fullRowDimensionKeys.concat(rowKeys);
+        }))), "column" === this.cornerSetting.titleOnDimension) this.cornerHeaderObjs = this._addCornerHeaders(this.columnHeaderTitle ? [ "" ].concat(this.colDimensionKeys) : this.colDimensionKeys, this.columnsDefine); else if ("row" === this.cornerSetting.titleOnDimension) if ("tree" === this.rowHierarchyType && (null === (_y = this.extensionRows) || void 0 === _y ? void 0 : _y.length) >= 1) {
+            const rowTreeFirstKey = [];
+            rowTreeFirstKey.push(this.rowDimensionKeys[0]), this._extensionRowDimensionKeys.forEach((extensionRowKeys => {
+                rowTreeFirstKey.push(extensionRowKeys[0]);
+            }));
+            const extensionRowDimensions = this.extensionRows.reduce(((dimensions, cur) => dimensions.concat(cur.rows)), []);
+            this.cornerHeaderObjs = this._addCornerHeaders(this.rowHeaderTitle ? [ "" ].concat(rowTreeFirstKey) : rowTreeFirstKey, this.rowsDefine.concat(extensionRowDimensions));
+        } else this.cornerHeaderObjs = this._addCornerHeaders(this.rowHeaderTitle ? [ "" ].concat(this.rowDimensionKeys) : this.rowDimensionKeys, this.rowsDefine); else this.cornerHeaderObjs = this._addCornerHeaders(null, void 0);
+        colIndex = 0, this._headerObjectMap = this._headerObjects.reduce(((o, e) => (o[e.id] = e, 
         o)), {}), this.indicatorsAsCol && !this.hideIndicatorName ? this._indicatorShowType = "column" : this.indicatorsAsCol || this.hideIndicatorName ? this._indicatorShowType = "none" : this._indicatorShowType = "row", 
-        this.setColumnWidths();
+        this.setPagination(table.options.pagination), this._table.isPivotChart() && (this.hasTwoIndicatorAxes = this._indicators.some((indicatorObject => !!(indicatorObject.chartSpec && indicatorObject.chartSpec.series && indicatorObject.chartSpec.series.length > 1))), 
+        this._chartItemSpanSize = 0, this._chartItemBandSize = 0, this._indicators.find((indicatorObject => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            (null === (_a = null == indicatorObject ? void 0 : indicatorObject.style) || void 0 === _a ? void 0 : _a.padding) && (this._chartPadding = indicatorObject.style.padding), 
+            (null === (_b = indicatorObject.chartSpec) || void 0 === _b ? void 0 : _b.barWidth) && (this._chartItemSpanSize = null === (_c = indicatorObject.chartSpec) || void 0 === _c ? void 0 : _c.barWidth);
+            const bandAxisConfig = null === (_e = null === (_d = indicatorObject.chartSpec) || void 0 === _d ? void 0 : _d.axes) || void 0 === _e ? void 0 : _e.find((axis => "band" === axis.type));
+            return (null == bandAxisConfig ? void 0 : bandAxisConfig.bandSize) && (this._chartItemBandSize = null == bandAxisConfig ? void 0 : bandAxisConfig.bandSize, 
+            this._chartPaddingInner = null !== (_f = (0, vutils_1.isArray)(bandAxisConfig.paddingInner) ? bandAxisConfig.paddingInner[0] : bandAxisConfig.paddingInner) && void 0 !== _f ? _f : 0, 
+            this._chartPaddingOuter = null !== (_g = (0, vutils_1.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 && (this._chartItemSpanSize = seriesObject.barWidth), 
+            this._chartItemSpanSize > 0))), !1);
+        }))), this.setColumnWidths();
     }
     _addHeaders(_headerCellIds, row, header, roots) {
         const results = [];
@@ -155,7 +131,7 @@ class PivotHeaderLayoutMap {
             const prev = _headerCellIds[row - 1];
             for (let col = 0; col < (null == prev ? void 0 : prev.length); col++) newRow[col] = prev[col];
         }(row), header.forEach((hd => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
             const id = hd.id, dimensionInfo = null !== (_b = null === (_a = this.rowsDefine) || void 0 === _a ? void 0 : _a.find((dimension => "string" != typeof dimension && dimension.dimensionKey === hd.dimensionKey))) && void 0 !== _b ? _b : null === (_c = this.columnsDefine) || void 0 === _c ? void 0 : _c.find((dimension => "string" != typeof dimension && dimension.dimensionKey === hd.dimensionKey)), indicatorInfo = null === (_d = this.indicatorsDefine) || void 0 === _d ? void 0 : _d.find((indicator => "string" != typeof indicator && (hd.indicatorKey ? indicator.indicatorKey === hd.indicatorKey : indicator.title === hd.value))), cell = {
                 id: id,
                 title: null !== (_e = hd.value) && void 0 !== _e ? _e : indicatorInfo.title,
@@ -179,7 +155,7 @@ class PivotHeaderLayoutMap {
             };
             indicatorInfo ? (indicatorInfo.customRender && (hd.customRender = indicatorInfo.customRender), 
             (0, util_1.isValid)(null === (_q = this._indicators) || void 0 === _q ? void 0 : _q.find((indicator => indicator.indicatorKey === indicatorInfo.indicatorKey))) || null === (_r = this._indicators) || void 0 === _r || _r.push({
-                id: ++seqId,
+                id: ++exports.sharedVar.seqId,
                 indicatorKey: indicatorInfo.indicatorKey,
                 field: indicatorInfo.indicatorKey,
                 fieldFormat: null == indicatorInfo ? void 0 : indicatorInfo.format,
@@ -197,20 +173,20 @@ class PivotHeaderLayoutMap {
                 maxWidth: null == indicatorInfo ? void 0 : indicatorInfo.maxWidth,
                 disableColumnResize: null == indicatorInfo ? void 0 : indicatorInfo.disableColumnResize
             })) : hd.indicatorKey && ((0, util_1.isValid)(null === (_u = this._indicators) || void 0 === _u ? void 0 : _u.find((indicator => indicator.indicatorKey === hd.indicatorKey))) || null === (_v = this._indicators) || void 0 === _v || _v.push({
-                id: ++seqId,
+                id: ++exports.sharedVar.seqId,
                 indicatorKey: hd.indicatorKey,
                 field: hd.indicatorKey,
                 cellType: "text",
                 define: Object.assign({}, hd)
             })), results[id] = cell, this._headerObjects[id] = cell, _headerCellIds[row][colIndex] = id;
             for (let r = row - 1; r >= 0; r--) _headerCellIds[r][colIndex] = roots[r];
-            if (hd.children) this._addHeaders(_headerCellIds, row + 1, null !== (_w = hd.children) && void 0 !== _w ? _w : [], [ ...roots, id ]).forEach((c => results.push(c))); else {
+            if ((null === (_w = hd.children) || void 0 === _w ? void 0 : _w.length) >= 1) this._addHeaders(_headerCellIds, row + 1, null !== (_x = hd.children) && void 0 !== _x ? _x : [], [ ...roots, id ]).forEach((c => results.push(c))); else {
                 for (let r = row + 1; r < _headerCellIds.length; r++) _headerCellIds[r][colIndex] = id;
                 colIndex++;
             }
         })), results;
     }
-    _addHeadersForTreeMode(_headerCellIds, row, header, roots, totalLevel, show) {
+    _addHeadersForTreeMode(_headerCellIds, row, header, roots, totalLevel, show, dimensions) {
         const results = [];
         return _headerCellIds[row] || function(row) {
             const newRow = _headerCellIds[row] = [];
@@ -218,21 +194,21 @@ class PivotHeaderLayoutMap {
             const prev = _headerCellIds[row - 1];
             for (let col = 0; col < (null == prev ? void 0 : prev.length); col++) newRow[col] = prev[col];
         }(row), header.forEach((hd => {
-            var _a, _b, _c, _d, _e, _f;
-            const id = hd.id, dimensionInfo = null !== (_b = null === (_a = this.rowsDefine) || void 0 === _a ? void 0 : _a.find((dimension => "string" != typeof dimension && dimension.dimensionKey === hd.dimensionKey))) && void 0 !== _b ? _b : null === (_c = this.columnsDefine) || void 0 === _c ? void 0 : _c.find((dimension => "string" != typeof dimension && dimension.dimensionKey === hd.dimensionKey)), cell = {
+            var _a, _b, _c, _d;
+            const id = hd.id, dimensionInfo = dimensions.find((dimension => "string" != typeof dimension && dimension.dimensionKey === hd.dimensionKey)), cell = {
                 id: id,
                 title: hd.value,
                 field: hd.dimensionKey,
                 style: hd.level + 1 === totalLevel || "function" == typeof (null == dimensionInfo ? void 0 : dimensionInfo.headerStyle) ? null == dimensionInfo ? void 0 : dimensionInfo.headerStyle : Object.assign({}, null == dimensionInfo ? void 0 : dimensionInfo.headerStyle, {
                     textAlign: "left"
                 }),
-                headerType: null !== (_d = null == dimensionInfo ? void 0 : dimensionInfo.headerType) && void 0 !== _d ? _d : "text",
+                headerType: null !== (_a = null == dimensionInfo ? void 0 : dimensionInfo.headerType) && void 0 !== _a ? _a : "text",
                 headerIcon: null == dimensionInfo ? void 0 : dimensionInfo.headerIcon,
                 define: Object.assign(hd, {
                     linkJump: null == dimensionInfo ? void 0 : dimensionInfo.linkJump,
                     linkDetect: null == dimensionInfo ? void 0 : dimensionInfo.linkDetect,
                     templateLink: null == dimensionInfo ? void 0 : dimensionInfo.templateLink,
-                    keepAspectRatio: null !== (_e = null == dimensionInfo ? void 0 : dimensionInfo.keepAspectRatio) && void 0 !== _e && _e,
+                    keepAspectRatio: null !== (_b = null == dimensionInfo ? void 0 : dimensionInfo.keepAspectRatio) && void 0 !== _b && _b,
                     imageAutoSizing: null == dimensionInfo ? void 0 : dimensionInfo.imageAutoSizing,
                     headerCustomRender: null == dimensionInfo ? void 0 : dimensionInfo.headerCustomRender,
                     headerCustomLayout: null == dimensionInfo ? void 0 : dimensionInfo.headerCustomLayout,
@@ -250,28 +226,29 @@ class PivotHeaderLayoutMap {
                 hierarchyState: hd.level + 1 === totalLevel ? void 0 : hd.hierarchyState,
                 width: null == dimensionInfo ? void 0 : dimensionInfo.width,
                 minWidth: null == dimensionInfo ? void 0 : dimensionInfo.minWidth,
-                maxWidth: null == dimensionInfo ? void 0 : dimensionInfo.maxWidth
+                maxWidth: null == dimensionInfo ? void 0 : dimensionInfo.maxWidth,
+                parentCellId: roots[roots.length - 1]
             };
             results[id] = cell, this._headerObjects[id] = cell, _headerCellIds[row][colIndex] = id;
             for (let r = row - 1; r >= 0; r--) _headerCellIds[r][colIndex] = roots[r];
-            if (hd.hierarchyState === ts_types_1.HierarchyState.expand && hd.children) show && colIndex++, 
-            this._addHeadersForTreeMode(_headerCellIds, row, null !== (_f = hd.children) && void 0 !== _f ? _f : [], [ ...roots, id ], totalLevel, show && hd.hierarchyState === ts_types_1.HierarchyState.expand).forEach((c => results.push(c))); else {
+            if (hd.hierarchyState === ts_types_1.HierarchyState.expand && (null === (_c = hd.children) || void 0 === _c ? void 0 : _c.length) >= 1) show && colIndex++, 
+            this._addHeadersForTreeMode(_headerCellIds, row, null !== (_d = hd.children) && void 0 !== _d ? _d : [], [ ...roots, id ], totalLevel, show && hd.hierarchyState === ts_types_1.HierarchyState.expand, dimensions).forEach((c => results.push(c))); else {
                 show && colIndex++;
                 for (let r = row + 1; r < _headerCellIds.length; r++) _headerCellIds[r][colIndex] = id;
             }
         })), results;
     }
-    _addCornerHeaders(dimensionKeys) {
+    _addCornerHeaders(dimensionKeys, dimensions) {
         var _a;
         const results = [];
         if (dimensionKeys) dimensionKeys.forEach(((dimensionKey, key) => {
-            var _a, _b, _c, _d, _e, _f;
-            const id = ++seqId, dimensionInfo = null !== (_b = null === (_a = this.rowsDefine) || void 0 === _a ? void 0 : _a.find((dimension => "string" != typeof dimension && dimension.dimensionKey === dimensionKey))) && void 0 !== _b ? _b : null === (_c = this.columnsDefine) || void 0 === _c ? void 0 : _c.find((dimension => "string" != typeof dimension && dimension.dimensionKey === dimensionKey)), cell = {
+            var _a, _b;
+            const id = ++exports.sharedVar.seqId, dimensionInfo = dimensions.find((dimension => "string" != typeof dimension && dimension.dimensionKey === dimensionKey)), cell = {
                 id: id,
-                title: dimensionKey === this.indicatorDimensionKey ? this.indicatorTitle : null !== (_d = null == dimensionInfo ? void 0 : dimensionInfo.title) && void 0 !== _d ? _d : "",
+                title: dimensionKey === this.indicatorDimensionKey ? this.indicatorTitle : dimensionInfo ? dimensionInfo.title : "axis" === dimensionKey ? "" : dimensionKey,
                 field: "维度名称",
                 style: this.cornerSetting.headerStyle,
-                headerType: null !== (_e = this.cornerSetting.headerType) && void 0 !== _e ? _e : "text",
+                headerType: null !== (_a = this.cornerSetting.headerType) && void 0 !== _a ? _a : "text",
                 define: {
                     dimensionKey: "维度名称",
                     id: id,
@@ -279,7 +256,7 @@ class PivotHeaderLayoutMap {
                 },
                 dropDownMenu: null == dimensionInfo ? void 0 : dimensionInfo.cornerDropDownMenu,
                 pivotInfo: {
-                    value: null !== (_f = null == dimensionInfo ? void 0 : dimensionInfo.title) && void 0 !== _f ? _f : "",
+                    value: null !== (_b = null == dimensionInfo ? void 0 : dimensionInfo.title) && void 0 !== _b ? _b : "",
                     dimensionKey: dimensionKey,
                     isPivotCorner: !0
                 },
@@ -291,7 +268,7 @@ class PivotHeaderLayoutMap {
             } else if ("row" === this.cornerSetting.titleOnDimension) for (let r = 0; r < this.columnHeaderLevelCount; r++) this._cornerHeaderCellIds[r] || (this._cornerHeaderCellIds[r] = []), 
             this._cornerHeaderCellIds[r][key] = id;
         })); else {
-            const id = ++seqId, cell = {
+            const id = ++exports.sharedVar.seqId, cell = {
                 id: id,
                 title: "",
                 field: "维度名称",
@@ -309,11 +286,55 @@ class PivotHeaderLayoutMap {
         }
         return results;
     }
+    generateExtensionRowTree() {
+        this.extensionRows.forEach(((extensionRow, indexP) => {
+            const old_rowHeaderCellIds = this._rowHeaderCellIds_FULL;
+            this._rowHeaderCellIds_FULL = [], old_rowHeaderCellIds.forEach(((row_ids, index) => {
+                const key = row_ids[row_ids.length - 1];
+                let tree, rowExtensionDimensionTree;
+                if (colIndex = 0, "function" == typeof extensionRow.rowTree) {
+                    const fullCellIds = this.findFullCellIds(row_ids);
+                    tree = extensionRow.rowTree(fullCellIds.map((id => ({
+                        dimensionKey: this._headerObjects[id].field,
+                        value: this._headerObjects[id].title
+                    }))));
+                } else tree = (0, vutils_1.cloneDeep)(extensionRow.rowTree);
+                this._rowHeaderExtensionTree[key] ? (this._rowHeaderExtensionTree[key].reset(this._rowHeaderExtensionTree[key].tree.children, !0), 
+                rowExtensionDimensionTree = this._rowHeaderExtensionTree[key]) : (rowExtensionDimensionTree = new pivot_layout_helper_1.DimensionTree(null != tree ? tree : [], this.rowHierarchyType, void 0), 
+                this._rowHeaderExtensionTree[key] = rowExtensionDimensionTree);
+                const extensionRowTreeHeaderIds = [];
+                this._addHeadersForTreeMode(extensionRowTreeHeaderIds, 0, rowExtensionDimensionTree.tree.children, [], rowExtensionDimensionTree.totalLevel, !0, extensionRow.rows);
+                for (let i = 0; i < extensionRowTreeHeaderIds[0].length; i++) this._rowHeaderCellIds_FULL.push(row_ids.concat(extensionRowTreeHeaderIds[0][i]));
+            }));
+        }));
+    }
     setColumnWidths() {
-        var _a;
+        var _a, _b, _c;
         const returnWidths = new Array(this.colCount).fill(void 0);
-        if (this.showHeader && this.showRowHeader && (this.rowHeaderTitle && (returnWidths[0] = {}), 
-        this.rowDimensionKeys.forEach(((objKey, index) => {
+        if (this.showHeader && this.showRowHeader) if (this.rowHeaderTitle && (returnWidths[0] = {}), 
+        "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)] = {
+                    width: dimension.width,
+                    minWidth: dimension.minWidth,
+                    maxWidth: dimension.maxWidth
+                });
+            }
+            null === (_b = this._extensionRowDimensionKeys) || void 0 === _b || _b.forEach(((extensionRowDimensionKeys, index) => {
+                var _a;
+                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)] = {
+                        width: dimension.width,
+                        minWidth: dimension.minWidth,
+                        maxWidth: dimension.maxWidth
+                    });
+                }
+            }));
+        } 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)] = {
@@ -321,7 +342,8 @@ class PivotHeaderLayoutMap {
                 minWidth: dimension.minWidth,
                 maxWidth: dimension.maxWidth
             });
-        }))), this.indicatorsAsCol) for (let i = this.rowHeaderLevelCount; i < this.colCount; i++) {
+        }));
+        if (this.indicatorsAsCol) for (let i = this.rowHeaderLevelCount; i < this.colCount; i++) {
             const cellDefine = this.getBody(i, this.columnHeaderLevelCount);
             returnWidths[i] = {
                 width: null == cellDefine ? void 0 : cellDefine.width,
@@ -330,7 +352,7 @@ class PivotHeaderLayoutMap {
             };
         } else {
             let maxWidth, minWidth, isAuto, width = 0;
-            null === (_a = this._indicators) || void 0 === _a || _a.forEach(((obj, index) => {
+            null === (_c = this._indicators) || void 0 === _c || _c.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));
@@ -338,7 +360,7 @@ class PivotHeaderLayoutMap {
                 width: width,
                 minWidth: minWidth,
                 maxWidth: maxWidth
-            }, this.rowHeaderLevelCount, this.colCount);
+            }, this.rowHeaderLevelCount, this.colCount - this.rightFrozenColCount);
         }
         this._columnWidths = returnWidths;
     }
@@ -462,34 +484,46 @@ class PivotHeaderLayoutMap {
         return this.columnHeaderLevelCount;
     }
     get columnHeaderLevelCount() {
+        var _a, _b;
         if (this.showHeader && this.showColumnHeader) {
+            if (this._table.isPivotChart() && this.indicatorsAsCol && !(null === (_b = null === (_a = this.dataset) || void 0 === _a ? void 0 : _a.colKeys) || void 0 === _b ? void 0 : _b.length) && !this.hasTwoIndicatorAxes) return 0;
             let count = this.indicatorsAsCol && this.hideIndicatorName && this.colDimensionKeys[this.colDimensionKeys.length - 1] === this.indicatorDimensionKey ? this.columnDimensionTree.totalLevel - 1 : this.columnDimensionTree.totalLevel;
             return this.columnHeaderTitle && (count += 1), count;
         }
         return 0;
     }
     get rowHeaderLevelCount() {
+        var _a, _b;
         if (this.showHeader && this.showRowHeader) {
-            if ("tree" === this.rowHierarchyType) return this.rowHeaderTitle ? 2 : 1;
-            let count = this.indicatorsAsCol ? this.rowDimensionTree.totalLevel : this.hideIndicatorName && this.rowDimensionKeys[this.rowDimensionKeys.length - 1] === this.indicatorDimensionKey ? this.rowDimensionTree.totalLevel - 1 : this.rowDimensionTree.totalLevel;
+            if ("tree" === this.rowHierarchyType) {
+                const extensionRowCount = null !== (_b = null === (_a = this.extensionRows) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0;
+                return this.rowHeaderTitle ? 2 + extensionRowCount : 1 + extensionRowCount;
+            }
+            const rowLevelCount = this.rowDimensionKeys.length;
+            let count = this.indicatorsAsCol ? rowLevelCount : this.hideIndicatorName && this.rowDimensionKeys[this.rowDimensionKeys.length - 1] === this.indicatorDimensionKey ? rowLevelCount - 1 : rowLevelCount;
             return this.rowHeaderTitle && (count += 1), count;
         }
-        return 0;
+        return this.indicatorsAsCol || this.hideIndicatorName ? 0 : 1;
     }
     get colCount() {
         return this.columnDimensionTree.tree.size + this.rowHeaderLevelCount + this.rightFrozenColCount;
     }
     get rowCount() {
-        return this.rowDimensionTree.tree.size + this.columnHeaderLevelCount + this.bottomFrozenRowCount;
+        return Math.max(this._rowHeaderCellIds.length, 1) + this.columnHeaderLevelCount + this.bottomFrozenRowCount;
     }
     get bodyRowCount() {
         return this.rowDimensionTree.tree.size;
     }
     get bottomFrozenRowCount() {
-        return this.showHeader && this.showColumnHeader && this.indicatorsAsCol && !this.hideIndicatorName && this.indicatorsDefine.find((indicator => null == indicator ? void 0 : indicator.multiIndicator)) ? 1 : 0;
+        if (!this._table.isPivotChart()) return 0;
+        const axisOption = this._table.pivotChartAxes.find((axisOption => "bottom" === axisOption.orient));
+        return !1 === (null == axisOption ? void 0 : axisOption.visible) ? 0 : (this.indicatorsAsCol, 
+        1);
     }
     get rightFrozenColCount() {
-        return this.showHeader && this.showColumnHeader && !this.indicatorsAsCol && !this.hideIndicatorName && this.indicatorsDefine.find((indicator => null == indicator ? void 0 : indicator.multiIndicator)) ? 1 : 0;
+        if (!this._table.isPivotChart()) return 0;
+        const axisOption = this._table.pivotChartAxes.find((axisOption => "right" === axisOption.orient));
+        return !1 === (null == axisOption ? void 0 : axisOption.visible) || this.indicatorsAsCol ? 0 : this.hasTwoIndicatorAxes ? 1 : 0;
     }
     get headerObjects() {
         return this._headerObjects;
@@ -508,15 +542,21 @@ class PivotHeaderLayoutMap {
         }
     }
     getHeader(col, row) {
+        var _a;
         const id = this.getCellId(col, row);
-        return this._headerObjectMap[id];
+        return null !== (_a = this._headerObjectMap[id]) && void 0 !== _a ? _a : {
+            id: void 0,
+            field: "",
+            headerType: "text",
+            define: void 0
+        };
     }
     getHeaderField(col, row) {
         var _a, _b;
         const id = this.getCellId(col, row);
         return (null === (_a = this._headerObjectMap[id]) || void 0 === _a ? void 0 : _a.field) || (null === (_b = this.getBody(col, row)) || void 0 === _b ? void 0 : _b.field);
     }
-    getHeaderCellAdress(id) {
+    getHeaderCellAdressById(id) {
         for (let i = 0; i < this._columnHeaderCellIds.length; i++) {
             const row = this._columnHeaderCellIds[i];
             for (let j = 0; j < row.length; j++) if (row[j] === id) return {
@@ -541,7 +581,7 @@ class PivotHeaderLayoutMap {
     }
     getHeaderCellAddressByField(field) {
         const hd = this.headerObjects.find((col => col && col.field === field));
-        return this.getHeaderCellAdress(hd.id);
+        return this.getHeaderCellAdressById(hd.id);
     }
     getBody(_col, _row) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -565,33 +605,8 @@ class PivotHeaderLayoutMap {
             define: void 0
         };
     }
-    getBodyLayoutRangeById(id) {
-        var _a;
-        for (let col = 0; col < (null !== (_a = this.colCount) && void 0 !== _a ? _a : 0); col++) if (id === this.columnObjects[col].id) return {
-            start: {
-                col: col,
-                row: 0
-            },
-            end: {
-                col: col,
-                row: 0
-            }
-        };
-        throw new Error(`can not found body layout @id=${id}`);
-    }
     getCellRange(col, row) {
         var _a, _b;
-        if (-1 === col || -1 === row) return {
-            start: {
-                col: col,
-                row: row
-            },
-            end: {
-                col: col,
-                row: row
-            }
-        };
-        if (this._cellRangeMap.has(`${col}-${row}`)) return this._cellRangeMap.get(`${col}-${row}`);
         const result = {
             start: {
                 col: col,
@@ -602,6 +617,9 @@ class PivotHeaderLayoutMap {
                 row: row
             }
         };
+        if (!this.isHeader(col, row) || -1 === col || -1 === row || this.isIndicatorHeader(col, row)) return result;
+        if (this.isRightFrozenColumn(col, row) || this.isBottomFrozenRow(col, row)) return result;
+        if (this._cellRangeMap.has(`${col}-${row}`)) return this._cellRangeMap.get(`${col}-${row}`);
         if (this.isHeader(col, row) && -1 !== col && -1 !== row) {
             const id = this.getCellId(col, row);
             for (let c = col - 1; c >= 0 && id === this.getCellId(c, row); c--) result.start.col = c;
@@ -626,12 +644,25 @@ class PivotHeaderLayoutMap {
     }
     getCellHeaderPathsWidthTreeNode(col, row) {
         if (this._CellHeaderPathMap.has(`${col}-${row}`)) return this._CellHeaderPathMap.get(`${col}-${row}`);
-        const recordCol = this.getRecordIndexByCol(col), recordRow = this.getRecordIndexByRow(row);
+        const recordCol = this.getRecordIndexByCol(col), recordRow = this.getRecordIndexByRow(row) + this.currentPageStartIndex;
         let colPath, rowPath;
-        if (col >= 0 && (colPath = this.columnDimensionTree.getTreePath(recordCol, this.showHeader && this.showColumnHeader ? row - (this.columnHeaderTitle ? 1 : 0) : this.columnDimensionTree.totalLevel)), 
-        row >= 0) if ("tree" === this.rowHierarchyType) if (col >= this.rowHeaderLevelCount) rowPath = this.rowDimensionTree.getTreePath(recordRow, col + this.rowDimensionTree.totalLevel); else {
-            const hd = this.getHeader(col, row);
-            rowPath = this.rowDimensionTree.getTreePath(recordRow, col + hd.hierarchyLevel);
+        if (row >= 0 && recordCol >= 0 && (colPath = this.columnDimensionTree.getTreePath(recordCol, this.showHeader && this.showColumnHeader ? row - (this.columnHeaderTitle ? 1 : 0) : this.columnDimensionTree.totalLevel)), 
+        col >= 0 && recordRow >= 0) if ("tree" === this.rowHierarchyType) {
+            rowPath = [];
+            const row_pathIds = this._rowHeaderCellIds[recordRow];
+            let findTree = this.rowDimensionTree, level = 0;
+            for (;findTree; ) {
+                const pathIds = [];
+                let cellId = row_pathIds[level];
+                for (pathIds.push(cellId); ;) {
+                    const hd = this._headerObjectMap[cellId];
+                    if (!(null == hd ? void 0 : hd.parentCellId)) break;
+                    pathIds.unshift(hd.parentCellId), cellId = hd.parentCellId;
+                }
+                const findedRowPath = findTree.getTreePathByCellIds(pathIds);
+                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);
         const p = {
             colHeaderPaths: colPath,
@@ -640,28 +671,43 @@ class PivotHeaderLayoutMap {
         return this._CellHeaderPathMap.set(`${col}-${row}`, p), p;
     }
     getCellHeaderPaths(col, row) {
+        var _a, _b;
         const headerPathsWidthNode = this.getCellHeaderPathsWidthTreeNode(col, row), headerPaths = {
             colHeaderPaths: [],
             rowHeaderPaths: []
         };
-        return headerPathsWidthNode.colHeaderPaths.forEach((colHeader => {
+        return null === (_a = headerPathsWidthNode.colHeaderPaths) || void 0 === _a || _a.forEach((colHeader => {
             var _a, _b, _c;
             const colHeaderPath = {};
             colHeaderPath.dimensionKey = colHeader.dimensionKey, colHeaderPath.indicatorKey = colHeader.indicatorKey, 
             colHeaderPath.value = null !== (_c = null !== (_a = colHeader.value) && void 0 !== _a ? _a : null === (_b = this.getIndicatorInfoByIndicatorKey(colHeader.indicatorKey)) || void 0 === _b ? void 0 : _b.title) && void 0 !== _c ? _c : "", 
             headerPaths.colHeaderPaths.push(colHeaderPath);
-        })), headerPathsWidthNode.rowHeaderPaths.forEach((rowHeader => {
+        })), null === (_b = headerPathsWidthNode.rowHeaderPaths) || void 0 === _b || _b.forEach((rowHeader => {
             var _a, _b, _c;
-            const rowHeaderPath = {};
-            rowHeaderPath.dimensionKey = rowHeader.dimensionKey, rowHeaderPath.indicatorKey = rowHeader.indicatorKey, 
-            rowHeaderPath.value = null !== (_c = null !== (_a = rowHeader.value) && void 0 !== _a ? _a : null === (_b = this.getIndicatorInfoByIndicatorKey(rowHeader.indicatorKey)) || void 0 === _b ? void 0 : _b.title) && void 0 !== _c ? _c : "", 
-            headerPaths.rowHeaderPaths.push(rowHeaderPath);
+            if ("axis" !== rowHeader.dimensionKey) {
+                const rowHeaderPath = {};
+                rowHeaderPath.dimensionKey = rowHeader.dimensionKey, rowHeaderPath.indicatorKey = rowHeader.indicatorKey, 
+                rowHeaderPath.value = null !== (_c = null !== (_a = rowHeader.value) && void 0 !== _a ? _a : null === (_b = this.getIndicatorInfoByIndicatorKey(rowHeader.indicatorKey)) || void 0 === _b ? void 0 : _b.title) && void 0 !== _c ? _c : "", 
+                headerPaths.rowHeaderPaths.push(rowHeaderPath);
+            }
         })), headerPaths;
     }
     getIndicatorInfoByIndicatorKey(indicatorKey) {
         var _a;
         return null === (_a = this.indicatorsDefine) || void 0 === _a ? void 0 : _a.find((indicator => "string" != typeof indicator && (!!indicatorKey && indicator.indicatorKey === indicatorKey)));
     }
+    findFullCellIds(row_pathIds) {
+        const pathIds = [];
+        for (let level = 0; level < row_pathIds.length; level++) {
+            let cellId = row_pathIds[level];
+            for (pathIds.push(cellId); ;) {
+                const hd = this._headerObjectMap[cellId];
+                if (!(null == hd ? void 0 : hd.parentCellId)) break;
+                pathIds.unshift(hd.parentCellId), cellId = hd.parentCellId;
+            }
+        }
+        return pathIds;
+    }
     getHeaderDimension(col, row) {
         var _a, _b, _c;
         if (this.isHeader(col, row)) {
@@ -679,14 +725,17 @@ class PivotHeaderLayoutMap {
         return this.isColumnIndicatorHeader(col, row) || this.isRowIndicatorHeader(col, row);
     }
     toggleHierarchyState(col, row) {
-        var _a;
-        const oldRowHeaderCellIds = this._rowHeaderCellIds.slice(0), oldRowHeaderCellPositons = oldRowHeaderCellIds.map((id => this.getHeaderCellAdress(id[0]))), hd = this.getHeader(col, row);
+        var _a, _b;
+        const oldRowHeaderCellIds = this._rowHeaderCellIds_FULL.slice(0), oldRowHeaderCellPositons = oldRowHeaderCellIds.map(((id, row) => ({
+            col: col,
+            row: row + this.columnHeaderLevelCount
+        }))), hd = this.getHeader(col, row);
         if (hd.define.hierarchyState = hd.define.hierarchyState === ts_types_1.HierarchyState.collapse ? ts_types_1.HierarchyState.expand : ts_types_1.HierarchyState.collapse, 
-        this.rowDimensionTree.reset(this.rowDimensionTree.tree.children, !0), this._rowHeaderCellIds = [], 
-        this.rowHeaderObjs = this._addHeadersForTreeMode(this._rowHeaderCellIds, 0, this.rowDimensionTree.tree.children, [], this.rowDimensionTree.totalLevel, !0), 
+        this.rowDimensionTree.reset(this.rowDimensionTree.tree.children, !0), this._rowHeaderCellIds_FULL = [], 
+        this.rowHeaderObjs = this._addHeadersForTreeMode(this._rowHeaderCellIds_FULL, 0, this.rowDimensionTree.tree.children, [], this.rowDimensionTree.totalLevel, !0, this.rowsDefine), 
         this.rowHeaderTitle) {
-            const id = ++seqId, firstColIds = Array(this.rowCount - this.columnHeaderLevelCount).fill(id);
-            this._rowHeaderCellIds.unshift(firstColIds);
+            const id = ++exports.sharedVar.seqId, firstColIds = Array(this.rowCount - this.columnHeaderLevelCount).fill(id);
+            this._rowHeaderCellIds_FULL.unshift(firstColIds);
             const cell = {
                 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}`)), ""),
@@ -701,9 +750,12 @@ class PivotHeaderLayoutMap {
             };
             this.rowHeaderObjs.push(cell), this._headerObjects[id] = cell;
         }
-        return colIndex = 0, this._rowHeaderCellIds = (0, util_1.transpose)(this._rowHeaderCellIds), 
-        this._headerObjectMap = this._headerObjects.reduce(((o, e) => (o[e.id] = e, o)), {}), 
-        this._CellHeaderPathMap = new Map, (0, diff_cell_1.diffCellAddress)(oldRowHeaderCellIds, this._rowHeaderCellIds, oldRowHeaderCellPositons, this);
+        this._rowHeaderCellIds_FULL = (0, util_1.transpose)(this._rowHeaderCellIds_FULL), 
+        "tree" === this.rowHierarchyType && (null === (_b = this.extensionRows) || void 0 === _b ? void 0 : _b.length) >= 1 && this.generateExtensionRowTree(), 
+        colIndex = 0, this._headerObjectMap = this._headerObjects.reduce(((o, e) => (o[e.id] = e, 
+        o)), {}), this._CellHeaderPathMap = new Map, this._cellRangeMap = new Map;
+        const diffCell = (0, diff_cell_1.diffCellAddress)(col, row, oldRowHeaderCellIds.map((oldCellId => oldCellId[col])), this._rowHeaderCellIds_FULL.map((newCellId => newCellId[col])), oldRowHeaderCellPositons, this);
+        return this._rowHeaderCellIds = this._rowHeaderCellIds_FULL, diffCell;
     }
     isHeaderForColWidth(col, row) {
         return this.isHeader(col, row);
@@ -801,6 +853,17 @@ class PivotHeaderLayoutMap {
     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;
     }
+    getRowHeaderCellAddressByCellId(cellId) {
+        let col, row;
+        if (this._rowHeaderCellIds.find(((cellIds, rowIndex) => {
+            const finded = cellIds.find(((id, colIndex) => id === cellId && (col = colIndex, 
+            !0)));
+            return !!finded && (row = rowIndex, !0);
+        })), (0, util_1.isValid)(col) && (0, util_1.isValid)(row)) return {
+            col: col,
+            row: row + this.columnHeaderLevelCount
+        };
+    }
     canMoveHeaderPosition(source, target) {
         const sourceCellRange = this.getCellRange(source.col, source.row);
         if (this.isColumnHeader(source.col, source.row)) {
@@ -811,8 +874,8 @@ class PivotHeaderLayoutMap {
                 return this.getParentCellId(sourceCellRange.start.col, source.row) === this.getParentCellId(sourceCellRange.start.col, target.row);
             }
             {
-                const sourceRowHeaderPaths = (0, util_1.cloneDeep)(this.getCellHeaderPathsWidthTreeNode(source.col, source.row).rowHeaderPaths), targetRowHeaderPaths = (0, 
-                util_1.cloneDeep)(this.getCellHeaderPathsWidthTreeNode(target.col, target.row).rowHeaderPaths);
+                const sourceRowHeaderPaths = (0, vutils_1.cloneDeep)(this.getCellHeaderPathsWidthTreeNode(source.col, source.row).rowHeaderPaths), targetRowHeaderPaths = (0, 
+                vutils_1.cloneDeep)(this.getCellHeaderPathsWidthTreeNode(target.col, target.row).rowHeaderPaths);
                 if (sourceRowHeaderPaths.pop(), targetRowHeaderPaths.pop(), sourceRowHeaderPaths.length <= targetRowHeaderPaths.length) return sourceRowHeaderPaths.length !== targetRowHeaderPaths.length || !sourceRowHeaderPaths.find(((item, i) => item.dimensionKey !== targetRowHeaderPaths[i].dimensionKey || item.value !== targetRowHeaderPaths[i].value));
             }
         }
@@ -826,7 +889,7 @@ class PivotHeaderLayoutMap {
                 let targetIndex;
                 const targetCellRange = this.getCellRange(target.col, sourceCellRange.start.row);
                 if (targetIndex = target.col >= source.col ? targetCellRange.end.col - moveSize + 1 : targetCellRange.start.col, 
-                targetIndex === sourceCellRange.end.col) return null;
+                targetIndex === sourceCellRange.end.col - this.rowHeaderLevelCount) return null;
                 for (let row = 0; row < this._columnHeaderCellIds.length; row++) {
                     const sourceIds = this._columnHeaderCellIds[row].splice(sourceCellRange.start.col - this.rowHeaderLevelCount, moveSize);
                     sourceIds.unshift(targetIndex - this.rowHeaderLevelCount, 0), Array.prototype.splice.apply(this._columnHeaderCellIds[row], sourceIds);
@@ -846,9 +909,11 @@ class PivotHeaderLayoutMap {
                 let targetIndex;
                 const sourceRowHeaderPaths = this.getCellHeaderPathsWidthTreeNode(source.col, source.row).rowHeaderPaths, targetRowHeaderPaths = this.getCellHeaderPathsWidthTreeNode(target.col, target.row).rowHeaderPaths, sourceRowHeaderNode = sourceRowHeaderPaths[sourceRowHeaderPaths.length - 1], targetRowHeaderNode = targetRowHeaderPaths[sourceRowHeaderPaths.length - 1], moveSize = sourceRowHeaderNode.size;
                 if (targetIndex = target.row >= source.row ? targetRowHeaderNode.startInTotal + targetRowHeaderNode.size - moveSize : targetRowHeaderNode.startInTotal, 
-                targetIndex === source.row || targetIndex === sourceCellRange.end.row) return null;
+                targetIndex === source.row - this.columnHeaderLevelCount || targetIndex === sourceCellRange.end.row - this.columnHeaderLevelCount) return null;
                 const sourceIds = this._rowHeaderCellIds.splice(sourceCellRange.start.row - this.columnHeaderLevelCount, moveSize);
-                return sourceIds.unshift(targetIndex, 0), Array.prototype.splice.apply(this._rowHeaderCellIds, sourceIds), 
+                sourceIds.unshift(targetIndex - this.currentPageStartIndex, 0), Array.prototype.splice.apply(this._rowHeaderCellIds, sourceIds);
+                const sourceIds_FULL = this._rowHeaderCellIds_FULL.splice(sourceCellRange.start.row + this.currentPageStartIndex, moveSize);
+                return sourceIds_FULL.unshift(targetIndex, 0), Array.prototype.splice.apply(this._rowHeaderCellIds_FULL, sourceIds_FULL), 
                 this.rowDimensionTree.movePosition(this.getCellHeaderPathsWidthTreeNode(source.col, source.row).rowHeaderPaths.length - 1, sourceCellRange.start.row - this.columnHeaderLevelCount, targetIndex + (target.row > source.row ? sourceRowHeaderNode.size - 1 : 0)), 
                 this.rowDimensionTree.reset(this.rowDimensionTree.tree.children, !0), this._CellHeaderPathMap = new Map, 
                 this._cellRangeMap = new Map, {
@@ -874,7 +939,7 @@ class PivotHeaderLayoutMap {
             return this.colDimensionKeys.indexOf(null !== (_a = a.dimensionKey) && void 0 !== _a ? _a : this.indicatorDimensionKey) - this.colDimensionKeys.indexOf(null !== (_b = b.dimensionKey) && void 0 !== _b ? _b : this.indicatorDimensionKey);
         })), null == rowHeaderPaths || rowHeaderPaths.sort(((a, b) => {
             var _a, _b;
-            return this.rowDimensionKeys.indexOf(null !== (_a = a.dimensionKey) && void 0 !== _a ? _a : this.indicatorDimensionKey) - this.rowDimensionKeys.indexOf(null !== (_b = b.dimensionKey) && void 0 !== _b ? _b : this.indicatorDimensionKey);
+            return this.fullRowDimensionKeys.indexOf(null !== (_a = a.dimensionKey) && void 0 !== _a ? _a : this.indicatorDimensionKey) - this.fullRowDimensionKeys.indexOf(null !== (_b = b.dimensionKey) && void 0 !== _b ? _b : this.indicatorDimensionKey);
         }));
         let col, row, defaultCol, defaultRow, needLowestLevel = !1;
         (null == colHeaderPaths ? void 0 : colHeaderPaths.length) >= 1 && (null == rowHeaderPaths ? void 0 : rowHeaderPaths.length) >= 1 && (needLowestLevel = !0);
@@ -890,7 +955,16 @@ class PivotHeaderLayoutMap {
                 }
             }
         }
-        if (rowHeaderPaths) for (let i = 0; i < rowHeaderPaths.length; i++) {
+        if ((null == rowHeaderPaths ? void 0 : rowHeaderPaths.length) >= 1) if ("tree" === this.rowHierarchyType) {
+            const rowDimension = rowHeaderPaths[rowHeaderPaths.length - 1], cellIDs = this.headerObjects.filter((hd => ((null == hd ? void 0 : hd.field) === rowDimension.dimensionKey || (null == hd ? void 0 : hd.field) === rowDimension.indicatorKey) && (null == hd ? void 0 : hd.title) === rowDimension.value)).map((hd => hd.id)), findedCellIdPath = this._rowHeaderCellIds.filter((rowHdCellIDs => cellIDs.indexOf(rowHdCellIDs[rowHdCellIDs.length - 1]) >= 0)).find((pathIds => {
+                const fullCellIds = this.findFullCellIds(pathIds);
+                return fullCellIds.length === rowHeaderPaths.length && fullCellIds.every((id => {
+                    const curHd = this._headerObjectMap[id];
+                    return rowHeaderPaths.find((rowDimensionPath => rowDimensionPath.dimensionKey === curHd.field && rowDimensionPath.value === curHd.title));
+                }));
+            }));
+            row = this._rowHeaderCellIds.indexOf(findedCellIdPath) + this.columnHeaderLevelCount;
+        } else for (let i = 0; i < rowHeaderPaths.length; i++) {
             const rowDimension = rowHeaderPaths[i];
             for (let j = 0; j < rowArr.length; j++) {
                 const dimension = rowArr[j];
@@ -901,7 +975,7 @@ class PivotHeaderLayoutMap {
                 }
             }
         }
-        if (!needLowestLevel || rowDimensionFinded && colDimensionFinded) {
+        if (!needLowestLevel || (rowDimensionFinded || (0, util_1.isValid)(row)) && colDimensionFinded) {
             if (rowDimensionFinded) {
                 row = this.columnHeaderLevelCount;
                 const {startInTotal: startInTotal, level: level} = rowDimensionFinded;
@@ -948,12 +1022,14 @@ class PivotHeaderLayoutMap {
         var _a, _b;
         return "column" === type ? null === (_a = this.columnsDefine) || void 0 === _a ? void 0 : _a.find((dimension => "string" != typeof dimension && dimension.dimensionKey === dimensionKey)) : "row" === type ? null === (_b = this.rowsDefine) || void 0 === _b ? void 0 : _b.find((dimension => "string" != typeof dimension && dimension.dimensionKey === dimensionKey)) : void 0;
     }
-    getAxisConfigInPivotChart(col, row) {}
+    getAxisConfigInPivotChart(col, row) {
+        return (0, get_axis_config_1.getAxisConfigInPivotChart)(col, row, this);
+    }
     isEmpty(col, row) {
-        return !1;
+        return !!this._table.isPivotChart() && (col > this.colCount - this.rightFrozenColCount - 1 || row > this.rowCount - this.bottomFrozenRowCount - 1 || !(!this.hasTwoIndicatorAxes || !this.indicatorsAsCol || row !== this.columnHeaderLevelCount - 1));
     }
     getChartAxes(col, row) {
-        return [];
+        return (0, get_chart_spec_1.getChartAxes)(col, row, this);
     }
     getRawChartSpec(col, row) {
         return (0, get_chart_spec_1.getRawChartSpec)(col, row, this);
@@ -961,6 +1037,19 @@ class PivotHeaderLayoutMap {
     getChartDataId(col, row) {
         return (0, get_chart_spec_1.getChartDataId)(col, row, this);
     }
+    setPagination(pagination) {
+        var _a, _b, _c, _d, _e;
+        if (this.clearCellRangeMap(), this.pagination = pagination, "grid" === this.rowHierarchyType && (0, 
+        util_1.isValid)(null === (_a = this.pagination) || void 0 === _a ? void 0 : _a.perPageCount) && (0, 
+        util_1.isValid)(null === (_b = this.pagination) || void 0 === _b ? void 0 : _b.currentPage)) {
+            this.pagination.perPageCount = Math.ceil(this.pagination.perPageCount / this.indicatorKeys.length) * this.indicatorKeys.length;
+            const {perPageCount: perPageCount, currentPage: currentPage} = this.pagination;
+            this.currentPageStartIndex = perPageCount * (currentPage || 0), this.currentPageEndIndex = this.currentPageStartIndex + perPageCount, 
+            this._rowHeaderCellIds = null === (_c = this._rowHeaderCellIds_FULL) || void 0 === _c ? void 0 : _c.slice(this.currentPageStartIndex, this.currentPageEndIndex);
+        } else this.currentPageStartIndex = 0, this.currentPageEndIndex = this._rowHeaderCellIds_FULL.length, 
+        this._rowHeaderCellIds = null === (_d = this._rowHeaderCellIds_FULL) || void 0 === _d ? void 0 : _d.slice(this.currentPageStartIndex, this.currentPageEndIndex);
+        this.pagination && (this.pagination.totalCount = null === (_e = this._rowHeaderCellIds_FULL) || void 0 === _e ? void 0 : _e.length);
+    }
     release() {
         var _a;
         const activeChartInstance = this._table._getActiveChartInstance();
@@ -996,9 +1085,145 @@ class PivotHeaderLayoutMap {
         return rowDimension || (colDimension || void 0);
     }
     clearCellRangeMap() {
-        this._cellRangeMap.clear();
+        this._cellRangeMap.clear(), this._CellHeaderPathMap = new Map;
+    }
+    getDimensionKeyInChartSpec(_col, _row) {
+        var _a, _b, _c, _d;
+        const chartSpec = this.getRawChartSpec(_col, _row), dimensionKeys = [];
+        return chartSpec ? (!1 === this.indicatorsAsCol ? dimensionKeys.push(null !== (_a = chartSpec.xField) && void 0 !== _a ? _a : null === (_b = null == chartSpec ? void 0 : chartSpec.series[0]) || void 0 === _b ? void 0 : _b.xField) : dimensionKeys.push(null !== (_c = chartSpec.yField) && void 0 !== _c ? _c : null === (_d = null == chartSpec ? void 0 : chartSpec.series[0]) || void 0 === _d ? void 0 : _d.yField), 
+        dimensionKeys) : null;
+    }
+    getChartSpec(col, row) {
+        return (0, get_chart_spec_1.getChartSpec)(col, row, this);
     }
+    _generateChartState() {
+        return {
+            vtable_selected: {
+                filter: datum => {
+                    var _a;
+                    if (this._table._selectedDataItemsInChart.length >= 1) {
+                        return !!this._table._selectedDataItemsInChart.find((item => {
+                            for (const itemKey in item) if (item[itemKey] !== datum[itemKey]) return !1;
+                            return !0;
+                        }));
+                    }
+                    if (null === (_a = this._table._selectedDimensionInChart) || void 0 === _a ? void 0 : _a.length) {
+                        return !!this._table._selectedDimensionInChart.every((item => datum[item.key] === item.value));
+                    }
+                    return !1;
+                }
+            },
+            vtable_selected_reverse: {
+                filter: datum => {
+                    var _a;
+                    if (this._table._selectedDataItemsInChart.length >= 1) {
+                        return !this._table._selectedDataItemsInChart.find((item => {
+                            for (const itemKey in item) if (item[itemKey] !== datum[itemKey]) return !1;
+                            return !0;
+                        }));
+                    }
+                    if (null === (_a = this._table._selectedDimensionInChart) || void 0 === _a ? void 0 : _a.length) {
+                        return !this._table._selectedDimensionInChart.every((item => datum[item.key] === item.value));
+                    }
+                    return !1;
+                }
+            }
+        };
+    }
+    updateDataStateToChartInstance(activeChartInstance) {
+        activeChartInstance || (activeChartInstance = this._table._getActiveChartInstance());
+        const state = this._generateChartState();
+        this._indicators.forEach((_indicatorObject => {
+            _indicatorObject.chartInstance.updateState(state);
+        })), null == activeChartInstance || activeChartInstance.updateState(state);
+    }
+    updateDataStateToActiveChartInstance(activeChartInstance) {
+        activeChartInstance || (activeChartInstance = this._table._getActiveChartInstance());
+        const state = this._generateChartState();
+        null == activeChartInstance || activeChartInstance.updateState(state);
+    }
+    getIndicatorKeyInChartSpec(_col, _row) {
+        const chartSpec = this.getRawChartSpec(_col, _row), indicatorKeys = [];
+        return chartSpec ? (!1 === this.indicatorsAsCol ? chartSpec.series ? chartSpec.series.forEach((chartSeries => {
+            const yField = chartSeries.yField;
+            indicatorKeys.push(yField);
+        })) : indicatorKeys.push(chartSpec.yField) : chartSpec.series ? chartSpec.series.forEach((chartSeries => {
+            const xField = chartSeries.xField;
+            indicatorKeys.push(xField);
+        })) : indicatorKeys.push(chartSpec.xField), indicatorKeys) : null;
+    }
+    getOptimunHeightForChart(row) {
+        var _a, _b, _c, _d;
+        const path = this.getCellHeaderPaths(this.rowHeaderLevelCount, row).rowHeaderPaths;
+        let collectedValues, height;
+        for (const key in this.dataset.collectValuesBy) if ("yField" === this.dataset.collectValuesBy[key].type && !this.dataset.collectValuesBy[key].range) {
+            collectedValues = this.dataset.collectedValues[key][path.map((pathObj => pathObj.value)).join(this.dataset.stringJoinChar)];
+            break;
+        }
+        if (this._chartItemBandSize) height = scaleWholeRangeSize(null !== (_a = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _a ? _a : 0, this._chartItemBandSize, this._chartPaddingInner, this._chartPaddingOuter); else {
+            const barWidth = this._chartItemSpanSize || 25;
+            height = (null !== (_b = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _b ? _b : 0) * (barWidth + barWidth / 3);
+        }
+        const padding = (0, padding_1.getQuadProps)(null !== (_d = null !== (_c = this._chartPadding) && void 0 !== _c ? _c : this._table.theme.bodyStyle.padding) && void 0 !== _d ? _d : 0);
+        return height + padding[0] + padding[2];
+    }
+    getOptimunWidthForChart(col) {
+        var _a, _b, _c, _d;
+        const path = this.getCellHeaderPaths(col, this.columnHeaderLevelCount).colHeaderPaths;
+        let collectedValues, width;
+        for (const key in this.dataset.collectValuesBy) if ("xField" === this.dataset.collectValuesBy[key].type && !this.dataset.collectValuesBy[key].range) {
+            collectedValues = this.dataset.collectedValues[key][path.map((pathObj => pathObj.value)).join(this.dataset.stringJoinChar)];
+            break;
+        }
+        if (this._chartItemBandSize) width = scaleWholeRangeSize(null !== (_a = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _a ? _a : 0, this._chartItemBandSize, this._chartPaddingInner, this._chartPaddingOuter); else {
+            const barWidth = this._chartItemSpanSize || 25;
+            width = (null !== (_b = null == collectedValues ? void 0 : collectedValues.length) && void 0 !== _b ? _b : 0) * (barWidth + barWidth / 3);
+        }
+        const padding = (0, padding_1.getQuadProps)(null !== (_d = null !== (_c = this._chartPadding) && void 0 !== _c ? _c : this._table.theme.bodyStyle.padding) && void 0 !== _d ? _d : 0);
+        return width + padding[1] + padding[3];
+    }
+    get leftAxesCount() {
+        if (!this._table.isPivotChart()) return 0;
+        const axisOption = this._table.pivotChartAxes.find((axisOption => "left" === axisOption.orient));
+        return !1 === (null == axisOption ? void 0 : axisOption.visible) ? 0 : (this.indicatorsAsCol, 
+        1);
+    }
+    get topAxesCount() {
+        if (!this._table.isPivotChart()) return 0;
+        const axisOption = this._table.pivotChartAxes.find((axisOption => "top" === axisOption.orient));
+        return !1 === (null == axisOption ? void 0 : axisOption.visible) ? 0 : this.indicatorsAsCol && this.hasTwoIndicatorAxes ? 1 : 0;
+    }
+    get rightAxesCount() {
+        return this.rightFrozenColCount;
+    }
+    get bottomAxesCount() {
+        return this.bottomFrozenRowCount;
+    }
+    getColKeysPath(col) {
+        const index = this.indicatorsAsCol ? Math.floor((col - this.rowHeaderLevelCount) / this.indicatorKeys.length) : col - this.rowHeaderLevelCount, colKey = this.dataset.colKeys[index];
+        return null == colKey ? void 0 : colKey.join(this.dataset.stringJoinChar);
+    }
+    getRowKeysPath(row) {
+        const index = this.indicatorsAsCol ? row - this.columnHeaderLevelCount : Math.floor((row - this.columnHeaderLevelCount) / this.indicatorKeys.length), rowKey = this.dataset.rowKeys[index];
+        return null == rowKey ? void 0 : rowKey.join(this.dataset.stringJoinChar);
+    }
+    getIndicatorInfo(indicatorKey, indicatorValue = "") {
+        var _a;
+        return null === (_a = this.indicatorsDefine) || void 0 === _a ? void 0 : _a.find((indicator => "string" != typeof indicator && (indicatorKey ? indicator.indicatorKey === indicatorKey : !!indicatorValue && indicator.title === indicatorValue)));
+    }
+    updateDataset(dataset) {}
+}
+
+function scaleWholeRangeSize(count, bandwidth, paddingInner, paddingOuter) {
+    1 === paddingInner && (paddingInner = 0);
+    return bandSpace(count, paddingInner, paddingOuter) * (bandwidth / (1 - paddingInner));
+}
+
+function bandSpace(count, paddingInner, paddingOuter) {
+    let space;
+    return space = 1 === count ? count + 2 * paddingOuter : count - paddingInner + 2 * paddingOuter, 
+    count ? space > 0 ? space : 1 : 0;
 }
 
-exports.PivotHeaderLayoutMap = PivotHeaderLayoutMap;
-//# sourceMappingURL=pivot-header-layout.js.map
+//# sourceMappingURL=pivot-header-layout.js.map
+exports.PivotHeaderLayoutMap = PivotHeaderLayoutMap;