@visactor/vtable 0.10.2 → 0.10.3-alpha.1

package/dist/vtable.js

@@ -40107,10 +40107,10 @@
 	  parse(data, options) {
 	    let emit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
 	    var _a;
-	    this.isRunning = !0, emit && this.target.emit("beforeParse", []);
+	    this.isRunning = !0, emit && this.target.emit("beforeParse", []), options && (this.parseOption = options);
 	    const cloneData = this.cloneParseData(data, options);
 	    if (null == options ? void 0 : options.type) {
-	      this.parseOption = options, options = cloneDeep(options);
+	      options = cloneDeep(options);
 	      const parserData = (null !== (_a = this.dataSet.getParser(options.type)) && void 0 !== _a ? _a : this.dataSet.getParser("bytejson"))(cloneData, options.options, this);
 	      this.rawData = cloneData, this.parserData = parserData, this.history && this.historyData.push(cloneData, parserData), this.latestData = parserData;
 	    } else this.parserData = cloneData, this.rawData = cloneData, this.history && this.historyData.push(cloneData), this.latestData = cloneData;
@@ -40835,6 +40835,7 @@
 	            else if (isNil(this.domain?.min) && isValid(this.domain?.max)) {
 	                this._scale.niceMin(tickCount);
 	            }
+	            else ;
 	        }
 	    }
 	    includeZero(domain) {
@@ -46880,10 +46881,22 @@
 	            const range = data
 	                ? data[layout.getColKeysPath()[index][Math.max(0, layout.columnHeaderLevelCount - 1 - layout.topAxesCount)]]
 	                : { max: 1, min: 0 };
-	            const axisOption = getAxisOption(col, row, 'top', layout);
+	            const { axisOption, isPercent } = getAxisOption(col, row + 1, 'top', layout);
+	            if (range.min === range.max) {
+	                if (range.min > 0) {
+	                    range.min = 0;
+	                }
+	                else {
+	                    range.max = 0;
+	                }
+	            }
 	            if (axisOption?.visible === false) {
 	                return;
 	            }
+	            if (isPercent) {
+	                range.min = 0;
+	                range.max = 1;
+	            }
 	            if (isNumber$1(axisOption?.min)) {
 	                range.min = axisOption.min;
 	            }
@@ -46913,7 +46926,15 @@
 	                ? layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
 	                : layout.dataset.collectedValues[defaultKey];
 	            const index = layout.getRecordIndexByCol(col);
-	            const range = data?.[layout.getColKeysPath()[index][Math.max(0, layout.columnHeaderLevelCount - 1 - layout.topAxesCount)]] ?? { min: 0, max: 1 };
+	            const range = data?.[layout.getColKeysPath()?.[index]?.[Math.max(0, layout.columnHeaderLevelCount - 1 - layout.topAxesCount)]] ?? { min: 0, max: 1 };
+	            if (range.min === range.max) {
+	                if (range.min > 0) {
+	                    range.min = 0;
+	                }
+	                else {
+	                    range.max = 0;
+	                }
+	            }
 	            let indicatorInfo = null;
 	            indicatorKeys.forEach(key => {
 	                const info = layout.getIndicatorInfo(key);
@@ -46921,10 +46942,14 @@
 	                    indicatorInfo = info;
 	                }
 	            });
-	            const axisOption = getAxisOption(col, row, 'bottom', layout);
+	            const { axisOption, isPercent } = getAxisOption(col, row - 1, 'bottom', layout);
 	            if (axisOption?.visible === false) {
 	                return;
 	            }
+	            if (isPercent) {
+	                range.min = 0;
+	                range.max = 1;
+	            }
 	            if (isNumber$1(axisOption?.min)) {
 	                range.min = axisOption.min;
 	            }
@@ -46948,7 +46973,7 @@
 	        else if (col === layout.rowHeaderLevelCount - 1 &&
 	            row >= layout.columnHeaderLevelCount &&
 	            row < layout.rowCount - layout.bottomFrozenRowCount) {
-	            let rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.rowHeaderLevelCount, row)[0];
+	            let rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.rowHeaderLevelCount, row)?.[0];
 	            if (isArray(rowDimensionKey)) {
 	                rowDimensionKey = rowDimensionKey[0];
 	            }
@@ -46956,7 +46981,7 @@
 	            const recordRow = layout.getRecordIndexByRow(row);
 	            const rowPath = layout.getRowKeysPath()[recordRow];
 	            const domain = data[rowPath[rowPath.length - 1]] ?? [];
-	            const axisOption = getAxisOption(col, row, 'left', layout);
+	            const { axisOption, isPercent } = getAxisOption(col + 1, row, 'left', layout);
 	            if (axisOption?.visible === false) {
 	                return;
 	            }
@@ -46985,7 +47010,15 @@
 	                ? layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
 	                : layout.dataset.collectedValues[defaultKey];
 	            const index = layout.getRecordIndexByRow(row);
-	            const range = data?.[layout.getRowKeysPath()[index][Math.max(0, layout.rowHeaderLevelCount - 1 - layout.leftAxesCount)]] ?? { min: 0, max: 1 };
+	            const range = data?.[layout.getRowKeysPath()[index]?.[Math.max(0, layout.rowHeaderLevelCount - 1 - layout.leftAxesCount)] ?? ''] ?? { min: 0, max: 1 };
+	            if (range.min === range.max) {
+	                if (range.min > 0) {
+	                    range.min = 0;
+	                }
+	                else {
+	                    range.max = 0;
+	                }
+	            }
 	            let indicatorInfo = null;
 	            indicatorKeys.forEach(key => {
 	                const info = layout.getIndicatorInfo(key);
@@ -46993,10 +47026,14 @@
 	                    indicatorInfo = info;
 	                }
 	            });
-	            const axisOption = getAxisOption(col, row, 'left', layout);
+	            const { axisOption, isPercent } = getAxisOption(col + 1, row, 'left', layout);
 	            if (axisOption?.visible === false) {
 	                return;
 	            }
+	            if (isPercent) {
+	                range.min = 0;
+	                range.max = 1;
+	            }
 	            if (isNumber$1(axisOption?.min)) {
 	                range.min = axisOption.min;
 	            }
@@ -47034,11 +47071,23 @@
 	                ? layout.dataset.collectedValues[defaultKey + (isZeroAlign ? '_align' : '')]
 	                : layout.dataset.collectedValues[defaultKey];
 	            const index = layout.getRecordIndexByRow(row);
-	            const range = data?.[layout.getRowKeysPath()[index][Math.max(0, layout.rowHeaderLevelCount - 1 - layout.leftAxesCount)]] ?? { min: 0, max: 1 };
-	            const axisOption = getAxisOption(col, row, 'right', layout);
+	            const range = data?.[layout.getRowKeysPath()[index]?.[Math.max(0, layout.rowHeaderLevelCount - 1 - layout.leftAxesCount)] ?? ''] ?? { min: 0, max: 1 };
+	            const { axisOption, isPercent } = getAxisOption(col - 1, row, 'right', layout);
+	            if (range.min === range.max) {
+	                if (range.min > 0) {
+	                    range.min = 0;
+	                }
+	                else {
+	                    range.max = 0;
+	                }
+	            }
 	            if (axisOption?.visible === false) {
 	                return;
 	            }
+	            if (isPercent) {
+	                range.min = 0;
+	                range.max = 1;
+	            }
 	            if (isNumber$1(axisOption?.min)) {
 	                range.min = axisOption.min;
 	            }
@@ -47061,15 +47110,15 @@
 	        else if (row === layout.rowCount - layout.bottomFrozenRowCount &&
 	            col >= layout.rowHeaderLevelCount &&
 	            col < layout.colCount - layout.rightFrozenColCount) {
-	            let columnDimensionKey = layout.getDimensionKeyInChartSpec(col, layout.columnHeaderLevelCount)[0];
+	            let columnDimensionKey = layout.getDimensionKeyInChartSpec(col, layout.columnHeaderLevelCount)?.[0];
 	            if (isArray(columnDimensionKey)) {
 	                columnDimensionKey = columnDimensionKey[0];
 	            }
 	            const data = layout.dataset.collectedValues[columnDimensionKey] ?? [];
 	            const recordCol = layout.getRecordIndexByCol(col);
 	            const colPath = layout.getColKeysPath()[recordCol];
-	            const domain = data?.[colPath[colPath.length - 1]] ?? [];
-	            const axisOption = getAxisOption(col, row, 'bottom', layout);
+	            const domain = data?.[colPath?.[colPath?.length - 1] ?? ''] ?? [];
+	            const { axisOption, isPercent } = getAxisOption(col, row - 1, 'bottom', layout);
 	            if (axisOption?.visible === false) {
 	                return;
 	            }
@@ -47090,13 +47139,19 @@
 	            return axis.orient === orient;
 	        });
 	        if (axisOption) {
-	            return axisOption;
+	            return {
+	                axisOption,
+	                isPercent: spec.percent
+	            };
 	        }
 	    }
 	    const axisOption = layout._table.pivotChartAxes.find(axisOption => {
 	        return axisOption.orient === orient;
 	    });
-	    return axisOption;
+	    return {
+	        axisOption,
+	        isPercent: false
+	    };
 	}
 	function checkZeroAlign(col, row, orient, layout) {
 	    const orients = [];
@@ -50018,12 +50073,14 @@
 	        for (let i = 0; i < scene.table.frozenColCount - scene.table.rowHeaderLevelCount; i++) {
 	            moveColumnFromBodyToRowHeader(scene);
 	            moveColumnFromColHeaderToCornerHeader(scene);
+	            moveColumnFromBottomToLeftBottomCorner(scene);
 	        }
 	    }
 	    else if (scene.table.frozenColCount < scene.table.rowHeaderLevelCount) {
 	        for (let i = 0; i < scene.table.rowHeaderLevelCount - scene.table.frozenColCount; i++) {
 	            moveColumnFromRowHeaderToBody(scene);
 	            moveColumnFromCornerHeaderToColHeader(scene);
+	            moveColumnFromLeftBottomCornerToBottom(scene);
 	        }
 	    }
 	    scene.bodyGroup.setAttribute('x', scene.rowHeaderGroup.attribute.width);
@@ -50042,6 +50099,7 @@
 	        for (let i = 0; i < scene.frozenColCount - scene.table.rowHeaderLevelCount; i++) {
 	            moveColumnFromRowHeaderToBody(scene);
 	            moveColumnFromCornerHeaderToColHeader(scene);
+	            moveColumnFromLeftBottomCornerToBottom(scene);
 	        }
 	    }
 	    else if (scene.frozenColCount < scene.table.rowHeaderLevelCount) {
@@ -50051,6 +50109,7 @@
 	        for (let i = 0; i < scene.table.rowHeaderLevelCount - scene.frozenColCount; i++) {
 	            moveColumnFromBodyToRowHeader(scene);
 	            moveColumnFromColHeaderToCornerHeader(scene);
+	            moveColumnFromBottomToLeftBottomCorner(scene);
 	        }
 	    }
 	    scene.bodyGroup.setAttribute('x', scene.rowHeaderGroup.attribute.width);
@@ -50100,6 +50159,24 @@
 	        scene.cornerHeaderGroup.setAttribute('width', scene.cornerHeaderGroup.attribute.width - headerColumn.attribute.width);
 	    }
 	}
+	function moveColumnFromBottomToLeftBottomCorner(scene) {
+	    const column = scene.bottomFrozenGroup.firstChild instanceof Group ? scene.bottomFrozenGroup.firstChild : null;
+	    if (column) {
+	        scene.leftBottomCornerGroup.appendChild(column);
+	        scene.leftBottomCornerGroup.setAttribute('width', scene.leftBottomCornerGroup.attribute.width + column.attribute.width);
+	        scene.bottomFrozenGroup.setAttribute('width', scene.bottomFrozenGroup.attribute.width - column.attribute.width);
+	    }
+	}
+	function moveColumnFromLeftBottomCornerToBottom(scene) {
+	    const column = scene.leftBottomCornerGroup.lastChild instanceof Group
+	        ? scene.leftBottomCornerGroup.lastChild
+	        : scene.leftBottomCornerGroup.lastChild?._prev;
+	    if (column) {
+	        insertBefore(scene.bottomFrozenGroup, column, scene.bottomFrozenGroup.firstChild);
+	        scene.bottomFrozenGroup.setAttribute('width', scene.bottomFrozenGroup.attribute.width + column.attribute.width);
+	        scene.leftBottomCornerGroup.setAttribute('width', scene.leftBottomCornerGroup.attribute.width - column.attribute.width);
+	    }
+	}
 	function dealRightFrozen(distRightFrozenCol, scene) {
 	    const { table, proxy, rightTopCornerGroup, rightFrozenGroup, rightBottomCornerGroup, bottomFrozenGroup, bodyGroup, colHeaderGroup } = scene;
 	    const currentRightFrozenCol = scene.table.rightFrozenColCount;
@@ -52060,8 +52137,8 @@
 	                            { x: 0, y: max },
 	                            { x: 0, y: min }
 	                        ],
-	                        lineWidth: line.hover.strokeWidth,
-	                        stroke: line.hover.stroke
+	                        lineWidth: line.hover?.strokeWidth,
+	                        stroke: line.hover?.stroke
 	                    });
 	                    highlightLine.name = 'highlight-line';
 	                    sparkline.addChild(highlightLine);
@@ -55283,6 +55360,9 @@
 	        if (this._table.isPivotTable() || this._table.transpose) {
 	            return null;
 	        }
+	        if (this._table.rightFrozenColCount && col >= this._table.colCount - this._table.rightFrozenColCount) {
+	            return null;
+	        }
 	        const headerC = this._table.getHeaderDefine(col, row);
 	        if (headerC.columns && headerC.columns.length > 0) {
 	            return null;
@@ -57234,7 +57314,7 @@
 	        }
 	    }
 	    release() {
-	        this.table.scenegraph.stage.defaultLayer.removeChild(this._titleComponent);
+	        this._titleComponent && this.table.scenegraph.stage.defaultLayer.removeChild(this._titleComponent);
 	        this._titleComponent = null;
 	    }
 	    _getTitleAttrs() {
@@ -57300,7 +57380,7 @@
 	        return TABLE_EVENT_TYPE;
 	    }
 	    options;
-	    version = "0.10.2";
+	    version = "0.10.3-alpha.1";
 	    pagination;
 	    id = `VTable${Date.now()}`;
 	    headerStyleCache;
@@ -58800,10 +58880,14 @@
 	                return cacheStyle;
 	            }
 	            const hd = layoutMap.getHeader(col, row);
-	            if (!hd || hd.isEmpty) {
+	            if ((!hd || hd.isEmpty) &&
+	                (layoutMap.isLeftBottomCorner(col, row) ||
+	                    layoutMap.isRightBottomCorner(col, row) ||
+	                    layoutMap.isCornerHeader(col, row) ||
+	                    layoutMap.isRightTopCorner(col, row))) {
 	                return EMPTY_STYLE;
 	            }
-	            const styleClass = this.internalProps.headerHelper.getStyleClass(hd.headerType);
+	            const styleClass = this.internalProps.headerHelper.getStyleClass(hd?.headerType || 'text');
 	            if (layoutMap.isBottomFrozenRow(col, row) && this.theme.bottomFrozenStyle) {
 	                cacheStyle = of$1({}, this.theme.bottomFrozenStyle, {
 	                    col,
@@ -58825,7 +58909,7 @@
 	                }, styleClass, this.options.autoWrapText);
 	            }
 	            else {
-	                const { style } = hd;
+	                const style = hd?.style || {};
 	                cacheStyle = of$1(style, layoutMap.isColumnHeader(col, row) || layoutMap.isBottomFrozenRow(col, row)
 	                    ? this.theme.headerStyle
 	                    : layoutMap.isRowHeader(col, row) || layoutMap.isRightFrozenColumn(col, row)
@@ -59457,9 +59541,13 @@
 	            const data = layout.dataset.collectedValues[key + (isZeroAlign ? '_align' : '')]
 	                ? layout.dataset.collectedValues[key + (isZeroAlign ? '_align' : '')]
 	                : layout.dataset.collectedValues[key];
-	            const range = data?.[layout.getColKeysPath()[colIndex][Math.max(0, layout.columnHeaderLevelCount - 1 - layout.topAxesCount)]] ?? { min: 0, max: 1 };
-	            const axisOption = getAxisOption(col, row, index === 0 ? 'bottom' : 'top', layout);
-	            if (axisOption?.zero) {
+	            const range = data?.[layout.getColKeysPath()?.[colIndex]?.[Math.max(0, layout.columnHeaderLevelCount - 1 - layout.topAxesCount)]] ?? { min: 0, max: 1 };
+	            const { axisOption, isPercent } = getAxisOption(col, row, index === 0 ? 'bottom' : 'top', layout);
+	            if (isPercent) {
+	                range.min = 0;
+	                range.max = 1;
+	            }
+	            if (axisOption?.zero || range.min === range.max) {
 	                range.min = Math.min(range.min, 0);
 	                range.max = Math.max(range.max, 0);
 	            }
@@ -59486,7 +59574,7 @@
 	        const recordRow = layout.getRecordIndexByRow(row);
 	        const rowPath = layout.getRowKeysPath()[recordRow];
 	        const domain = data[rowPath[rowPath.length - 1]];
-	        const axisOption = getAxisOption(col, row, 'left', layout);
+	        const { axisOption, isPercent } = getAxisOption(col, row, 'left', layout);
 	        axes.push(merge$2({
 	            domain: Array.from(domain)
 	        }, axisOption, {
@@ -59511,9 +59599,13 @@
 	            const data = layout.dataset.collectedValues[key + (isZeroAlign ? '_align' : '')]
 	                ? layout.dataset.collectedValues[key + (isZeroAlign ? '_align' : '')]
 	                : layout.dataset.collectedValues[key];
-	            const range = data?.[layout.getRowKeysPath()[rowIndex][Math.max(0, layout.rowHeaderLevelCount - 1 - layout.leftAxesCount)]] ?? { min: 0, max: 1 };
-	            const axisOption = getAxisOption(col, row, index === 0 ? 'left' : 'right', layout);
-	            if (axisOption?.zero) {
+	            const range = data?.[layout.getRowKeysPath()[rowIndex]?.[Math.max(0, layout.rowHeaderLevelCount - 1 - layout.leftAxesCount)] ?? ''] ?? { min: 0, max: 1 };
+	            const { axisOption, isPercent } = getAxisOption(col, row, index === 0 ? 'left' : 'right', layout);
+	            if (isPercent) {
+	                range.min = 0;
+	                range.max = 1;
+	            }
+	            if (axisOption?.zero || range.min === range.max) {
 	                range.min = Math.min(range.min, 0);
 	                range.max = Math.max(range.max, 0);
 	            }
@@ -59539,8 +59631,8 @@
 	            [];
 	        const recordCol = layout.getRecordIndexByCol(col);
 	        const colPath = layout.getColKeysPath()[recordCol];
-	        const domain = data?.[colPath[colPath.length - 1]] ?? [];
-	        const axisOption = getAxisOption(col, row, 'bottom', layout);
+	        const domain = data?.[colPath?.[colPath?.length - 1] ?? ''] ?? [];
+	        const { axisOption, isPercent } = getAxisOption(col, row, 'bottom', layout);
 	        axes.push(merge$2({
 	            domain: Array.from(domain)
 	        }, axisOption, {
@@ -61047,8 +61139,8 @@
 	                if (indicatorInfo.customRender) {
 	                    hd.customRender = indicatorInfo.customRender;
 	                }
-	                if (!isValid$1(this._indicators.find(indicator => indicator.indicatorKey === indicatorInfo.indicatorKey))) {
-	                    this._indicators.push({
+	                if (!isValid$1(this._indicators?.find(indicator => indicator.indicatorKey === indicatorInfo.indicatorKey))) {
+	                    this._indicators?.push({
 	                        id: ++seqId,
 	                        indicatorKey: indicatorInfo.indicatorKey,
 	                        field: indicatorInfo.indicatorKey,
@@ -61070,8 +61162,8 @@
 	                }
 	            }
 	            else if (hd.indicatorKey) {
-	                if (!isValid$1(this._indicators.find(indicator => indicator.indicatorKey === hd.indicatorKey))) {
-	                    this._indicators.push({
+	                if (!isValid$1(this._indicators?.find(indicator => indicator.indicatorKey === hd.indicatorKey))) {
+	                    this._indicators?.push({
 	                        id: ++seqId,
 	                        indicatorKey: hd.indicatorKey,
 	                        field: hd.indicatorKey,
@@ -61274,7 +61366,7 @@
 	            let maxWidth;
 	            let minWidth;
 	            let isAuto;
-	            this._indicators.forEach((obj, index) => {
+	            this._indicators?.forEach((obj, index) => {
 	                if (typeof obj.width === 'number') {
 	                    width = Math.max(obj.width, width);
 	                }
@@ -61580,7 +61672,7 @@
 	        const paths = this.getCellHeaderPaths(_col, _row);
 	        if (this.indicatorsAsCol) {
 	            const indicatorKey = paths.colHeaderPaths.find(colPath => colPath.indicatorKey)?.indicatorKey;
-	            return (this._indicators.find(indicator => indicator.indicatorKey === indicatorKey) ??
+	            return (this._indicators?.find(indicator => indicator.indicatorKey === indicatorKey) ??
 	                this._indicators[0] ?? {
 	                id: '',
 	                field: undefined,
@@ -61590,7 +61682,7 @@
 	            });
 	        }
 	        const indicatorKey = paths.rowHeaderPaths.find(rowPath => rowPath.indicatorKey)?.indicatorKey;
-	        return (this._indicators.find(indicator => indicator.indicatorKey === indicatorKey) ??
+	        return (this._indicators?.find(indicator => indicator.indicatorKey === indicatorKey) ??
 	            this._indicators[0] ?? {
 	            id: '',
 	            field: undefined,
@@ -62158,11 +62250,11 @@
 	        let indicatorObj;
 	        if (this.indicatorsAsCol) {
 	            const indicatorKey = paths.colHeaderPaths.find(colPath => colPath.indicatorKey)?.indicatorKey;
-	            indicatorObj = this._indicators.find(indicator => indicator.indicatorKey === indicatorKey);
+	            indicatorObj = this._indicators?.find(indicator => indicator.indicatorKey === indicatorKey);
 	        }
 	        else {
 	            const indicatorKey = paths.rowHeaderPaths.find(rowPath => rowPath.indicatorKey)?.indicatorKey;
-	            indicatorObj = this._indicators.find(indicator => indicator.indicatorKey === indicatorKey);
+	            indicatorObj = this._indicators?.find(indicator => indicator.indicatorKey === indicatorKey);
 	        }
 	        indicatorObj && (indicatorObj.chartInstance = chartInstance);
 	    }
@@ -62171,11 +62263,11 @@
 	        let indicatorObj;
 	        if (this.indicatorsAsCol) {
 	            const indicatorKey = paths.colHeaderPaths.find(colPath => colPath.indicatorKey)?.indicatorKey;
-	            indicatorObj = this._indicators.find(indicator => indicator.indicatorKey === indicatorKey);
+	            indicatorObj = this._indicators?.find(indicator => indicator.indicatorKey === indicatorKey);
 	        }
 	        else {
 	            const indicatorKey = paths.rowHeaderPaths.find(rowPath => rowPath.indicatorKey)?.indicatorKey;
-	            indicatorObj = this._indicators.find(indicator => indicator.indicatorKey === indicatorKey);
+	            indicatorObj = this._indicators?.find(indicator => indicator.indicatorKey === indicatorKey);
 	        }
 	        return indicatorObj?.chartInstance;
 	    }
@@ -62205,7 +62297,7 @@
 	    release() {
 	        const activeChartInstance = this._table._getActiveChartInstance();
 	        activeChartInstance?.release();
-	        this._indicators.forEach(indicatorObject => {
+	        this._indicators?.forEach(indicatorObject => {
 	            indicatorObject.chartInstance?.release();
 	        });
 	    }
@@ -62973,17 +63065,20 @@
 	            }
 	            else if (this.isColumnHeader(col, row)) {
 	                if (row < this.columns.length + (this.columnHeaderTitle ? 1 : 0)) {
-	                    return this.convertColKeys[row][this.indicatorsAsCol
+	                    return (this.convertColKeys[row]?.[this.indicatorsAsCol
 	                        ? Math.floor((col - this.rowHeaderLevelCount) / this.indicatorKeys.length)
-	                        : col - this.rowHeaderLevelCount];
+	                        : col - this.rowHeaderLevelCount] ?? `colHeaderAxis-${col}-${row}`);
 	                }
 	                return this.indicatorKeys[(col - this.rowHeaderLevelCount) % this.indicatorKeys.length];
 	            }
 	            else if (this.isRowHeader(col, row)) {
 	                if (col < this.rows.length + (this.rowHeaderTitle ? 1 : 0)) {
-	                    return this.rowKeysPath[!this.indicatorsAsCol
+	                    return (this.rowKeysPath[!this.indicatorsAsCol
 	                        ? Math.floor((row - this.columnHeaderLevelCount) / this.indicatorKeys.length)
-	                        : row - this.columnHeaderLevelCount][col];
+	                        : row - this.columnHeaderLevelCount]?.[col] ?? `rowHeaderAxis-${col}-${row}`);
+	                }
+	                if (this.indicatorsAsCol && col === this.rowHeaderLevelCount - 1) {
+	                    return `rowHeaderAxis-${col}-${row}`;
 	                }
 	                return this.indicatorKeys[(row - this.columnHeaderLevelCount) % this.indicatorKeys.length];
 	            }
@@ -62997,7 +63092,7 @@
 	                if (this.indicatorsAsCol) {
 	                    return this.indicatorKeys[(col - this.rowHeaderLevelCount) % this.indicatorKeys.length];
 	                }
-	                return this.convertColKeys[this.convertColKeys.length - 1][Math.floor((col - this.rowHeaderLevelCount) / this.indicatorKeys.length)];
+	                return this.convertColKeys[this.convertColKeys.length - 1]?.[Math.floor((col - this.rowHeaderLevelCount) / this.indicatorKeys.length)];
 	            }
 	        }
 	        return 0;
@@ -63014,7 +63109,10 @@
 	        return this.indicatorKeys[bodyRow % this.indicatorKeys.length];
 	    }
 	    getHeader(col, row) {
-	        const id = this.getCellId(col, row);
+	        let id = this.getCellId(col, row);
+	        if (id?.toString().startsWith('rowHeaderAxis')) {
+	            id = 'rowHeaderEmpty';
+	        }
 	        return this._headerObjectMap[id] ?? EMPTY_HEADER;
 	    }
 	    getHeaderField(col, row) {
@@ -63139,6 +63237,9 @@
 	            if (colHeaderPaths && this.showColumnHeader && row < this.columns.length - 1) {
 	                colHeaderPaths = colHeaderPaths.slice(0, row + 1);
 	            }
+	            else if (!colHeaderPaths) {
+	                colHeaderPaths = [];
+	            }
 	        }
 	        if (recordRow >= 0) {
 	            rowPath = this.rowKeysPath[recordRow];
@@ -63146,6 +63247,9 @@
 	            if (rowHeaderPaths && this.showRowHeader && col < this.rows.length - 1) {
 	                rowHeaderPaths = rowHeaderPaths.slice(0, col + 1);
 	            }
+	            else if (!rowHeaderPaths) {
+	                rowHeaderPaths = [];
+	            }
 	        }
 	        if (colHeaderPaths && this.indicatorsAsCol && col >= this.rowHeaderLevelCount) {
 	            colHeaderPaths.push(this.indicatorKeys[(col - this.rowHeaderLevelCount) % this.indicatorKeys.length]);
@@ -63551,7 +63655,7 @@
 	                colKey.push(record[colAttr]);
 	            }
 	        }
-	        this.dataConfig.indicators.forEach((indicatorKey) => {
+	        this.dataConfig.indicators?.forEach((indicatorKey) => {
 	            const recordValue = record[indicatorKey];
 	            if (recordValue !== undefined) {
 	                if (this.dataConfig.indicatorsAsCol) {
@@ -64204,6 +64308,9 @@
 	            const dimensionIndex = this.columns.indexOf(dimension);
 	            this.colsIsTotal[dimensionIndex] = true;
 	        }
+	        this.rowKeysPath = [];
+	        this.rowKeysPath_FULL = [];
+	        this.colKeysPath = [];
 	        if (records) {
 	            this.records = records;
 	            const t0 = typeof window !== 'undefined' ? window.performance.now() : 0;
@@ -64411,17 +64518,17 @@
 	                }
 	                else if (aggRule?.field) {
 	                    if (typeof aggRule?.field === 'string') {
-	                        isValid$1(record[aggRule?.field]) && this.tree[flatRowKey]?.[flatColKey]?.[i].push(record);
+	                        aggRule?.field in record && this.tree[flatRowKey]?.[flatColKey]?.[i].push(record);
 	                    }
 	                    else {
 	                        const isPush = aggRule?.field.find((field) => {
-	                            return record[field];
+	                            return field in record;
 	                        });
 	                        isPush && this.tree[flatRowKey]?.[flatColKey]?.[i].push(record);
 	                    }
 	                }
 	                else {
-	                    isValid$1(record[this.indicatorKeys[i]]) && this.tree[flatRowKey]?.[flatColKey]?.[i].push(record);
+	                    this.indicatorKeys[i] in record && this.tree[flatRowKey]?.[flatColKey]?.[i].push(record);
 	                }
 	            }
 	        }
@@ -64923,8 +65030,8 @@
 	        this.internalProps.columnResizeType = options.columnResizeType ?? 'column';
 	        this.internalProps.dataConfig = options.dataConfig;
 	        this.internalProps.enableDataAnalysis = options.enableDataAnalysis;
-	        if (this.internalProps.enableDataAnalysis && (options.rows || options.columns)) {
-	            const rowKeys = options.rows.reduce((keys, rowObj) => {
+	        if (this.internalProps.enableDataAnalysis) {
+	            const rowKeys = options.rows?.reduce((keys, rowObj) => {
 	                if (typeof rowObj === 'string') {
 	                    keys.push(rowObj);
 	                }
@@ -64932,8 +65039,8 @@
 	                    keys.push(rowObj.dimensionKey);
 	                }
 	                return keys;
-	            }, []);
-	            const columnKeys = options.columns.reduce((keys, columnObj) => {
+	            }, []) ?? [];
+	            const columnKeys = options.columns?.reduce((keys, columnObj) => {
 	                if (typeof columnObj === 'string') {
 	                    keys.push(columnObj);
 	                }
@@ -64941,7 +65048,7 @@
 	                    keys.push(columnObj.dimensionKey);
 	                }
 	                return keys;
-	            }, []);
+	            }, []) ?? [];
 	            const indicatorKeys = options.indicators?.reduce((keys, indicatorObj) => {
 	                if (typeof indicatorObj === 'string') {
 	                    keys.push(indicatorObj);
@@ -65026,7 +65133,7 @@
 	                }
 	                return keys;
 	            }, []);
-	            const indicatorKeys = options.indicators.reduce((keys, indicatorObj) => {
+	            const indicatorKeys = options.indicators?.reduce((keys, indicatorObj) => {
 	                if (typeof indicatorObj === 'string') {
 	                    keys.push(indicatorObj);
 	                }
@@ -65391,39 +65498,37 @@
 	        this.internalProps.columnResizeType = options.columnResizeType ?? 'column';
 	        this.internalProps.dataConfig = { isPivotChart: true };
 	        this._axes = isArray(options.axes) ? options.axes : [];
-	        if (options.rows || options.columns) {
-	            const rowKeys = options.rows.reduce((keys, rowObj) => {
-	                if (typeof rowObj === 'string') {
-	                    keys.push(rowObj);
-	                }
-	                else {
-	                    keys.push(rowObj.dimensionKey);
-	                }
-	                return keys;
-	            }, []);
-	            const columnKeys = options.columns.reduce((keys, columnObj) => {
-	                if (typeof columnObj === 'string') {
-	                    keys.push(columnObj);
-	                }
-	                else {
-	                    keys.push(columnObj.dimensionKey);
-	                }
-	                return keys;
-	            }, []);
-	            const indicatorKeys = options.indicators?.reduce((keys, indicatorObj) => {
-	                if (typeof indicatorObj === 'string') {
-	                    keys.push(indicatorObj);
-	                }
-	                else {
-	                    keys.push(indicatorObj.indicatorKey);
-	                }
-	                return keys;
-	            }, []) ?? [];
-	            this.internalProps.dataConfig.collectValuesBy = this._generateCollectValuesConfig(columnKeys, rowKeys);
-	            this.internalProps.dataConfig.aggregationRules = this._generateAggregationRules();
-	            this.internalProps.dataConfig.dimensionSortArray = this._getDimensionSortArray();
-	            this.dataset = new Dataset(this.internalProps.dataConfig, null, rowKeys, columnKeys, indicatorKeys, options.records, options.columnTree, options.rowTree);
-	        }
+	        const rowKeys = options.rows?.reduce((keys, rowObj) => {
+	            if (typeof rowObj === 'string') {
+	                keys.push(rowObj);
+	            }
+	            else {
+	                keys.push(rowObj.dimensionKey);
+	            }
+	            return keys;
+	        }, []) ?? [];
+	        const columnKeys = options.columns?.reduce((keys, columnObj) => {
+	            if (typeof columnObj === 'string') {
+	                keys.push(columnObj);
+	            }
+	            else {
+	                keys.push(columnObj.dimensionKey);
+	            }
+	            return keys;
+	        }, []) ?? [];
+	        const indicatorKeys = options.indicators?.reduce((keys, indicatorObj) => {
+	            if (typeof indicatorObj === 'string') {
+	                keys.push(indicatorObj);
+	            }
+	            else {
+	                keys.push(indicatorObj.indicatorKey);
+	            }
+	            return keys;
+	        }, []) ?? [];
+	        this.internalProps.dataConfig.collectValuesBy = this._generateCollectValuesConfig(columnKeys, rowKeys);
+	        this.internalProps.dataConfig.aggregationRules = this._generateAggregationRules();
+	        this.internalProps.dataConfig.dimensionSortArray = this._getDimensionSortArray();
+	        this.dataset = new Dataset(this.internalProps.dataConfig, null, rowKeys, columnKeys, indicatorKeys, options.records, options.columnTree, options.rowTree);
 	        this.refreshHeader();
 	        if (options.dataSource) {
 	            _setDataSource(this, options.dataSource);
@@ -65488,7 +65593,7 @@
 	                }
 	                return keys;
 	            }, []);
-	            const indicatorKeys = options.indicators.reduce((keys, indicatorObj) => {
+	            const indicatorKeys = options.indicators?.reduce((keys, indicatorObj) => {
 	                if (typeof indicatorObj === 'string') {
 	                    keys.push(indicatorObj);
 	                }
@@ -65763,7 +65868,7 @@
 	    _generateCollectValuesConfig(columnKeys, rowKeys) {
 	        const option = this.options;
 	        const collectValuesBy = {};
-	        for (let i = 0, len = option.indicators.length; i < len; i++) {
+	        for (let i = 0, len = option.indicators?.length; i < len; i++) {
 	            if (typeof option.indicators[i] !== 'string' && option.indicators[i].chartSpec) {
 	                if (option.indicatorsAsCol === false) {
 	                    const indicatorDefine = option.indicators[i];
@@ -65881,7 +65986,7 @@
 	    }
 	    _generateAggregationRules() {
 	        const aggregationRules = [];
-	        this.options.indicators.forEach((indicator) => {
+	        this.options.indicators?.forEach((indicator) => {
 	            if (typeof indicator === 'string') {
 	                aggregationRules.push({
 	                    indicatorKey: indicator,
@@ -65945,7 +66050,7 @@
 	                delete spec.area.state.selected_reverse;
 	            }
 	        };
-	        this.options.indicators.forEach((indicator) => {
+	        this.options.indicators?.forEach((indicator) => {
 	            if (indicator.chartSpec) {
 	                const spec = indicator.chartSpec;
 	                if (spec.series) {
@@ -66660,7 +66765,7 @@
 		percentCalc: percentCalc
 	});
 
-	const version = "0.10.2";
+	const version = "0.10.3-alpha.1";
 	function getIcons() {
 	    return get$1();
 	}