@visactor/vtable 1.2.0 → 1.2.1-alpha.0

package/cjs/vrender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAA8F;AAC9F,yDAAqE;AACrE,yDAmBgC;AAIhC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAgB,kBAAkB;IAChC,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IACD,QAAQ,GAAG,IAAI,CAAC;IAEhB,IAAA,+BAAgB,GAAE,CAAC;IAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;QAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;KAC3B;SAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;QACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;KACxB;IACD,IAAA,0BAAW,GAAE,CAAC;IACd,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,8BAAe,GAAE,CAAC;IAClB,IAAA,gCAAiB,GAAE,CAAC;IACpB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,+BAAgB,GAAE,CAAC;IACnB,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,+BAAgB,GAAE,CAAC;AACrB,CAAC;AA/BD,gDA+BC;AAED,yDAAuC;AACvC,yDAAuC","file":"vrender.js","sourcesContent":["import '@visactor/vrender-core';\nimport { container, isBrowserEnv, isNodeEnv, preLoadAllModule } from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\n// export const version = \"1.2.0\";\n\nlet registed = false;\nexport function registerForVrender() {\n  if (registed) {\n    return;\n  }\n  registed = true;\n  // 注册内置组件\n  preLoadAllModule();\n\n  if (isBrowserEnv()) {\n    loadBrowserEnv(container);\n  } else if (isNodeEnv()) {\n    loadNodeEnv(container);\n  }\n  registerArc();\n  registerArc3d();\n  registerArea();\n  registerCircle();\n  registerGlyph();\n  registerGroup();\n  registerImage();\n  registerLine();\n  registerPath();\n  registerPolygon();\n  registerPyramid3d();\n  registerRect();\n  registerRect3d();\n  registerRichtext();\n  registerShadowRoot();\n  registerSymbol();\n  registerText();\n  registerWrapText();\n}\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}
+{"version":3,"sources":["../src/vrender.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAA8F;AAC9F,yDAAqE;AACrE,yDAmBgC;AAIhC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,SAAgB,kBAAkB;IAChC,IAAI,QAAQ,EAAE;QACZ,OAAO;KACR;IACD,QAAQ,GAAG,IAAI,CAAC;IAEhB,IAAA,+BAAgB,GAAE,CAAC;IAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;QAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;KAC3B;SAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;QACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;KACxB;IACD,IAAA,0BAAW,GAAE,CAAC;IACd,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,8BAAe,GAAE,CAAC;IAClB,IAAA,gCAAiB,GAAE,CAAC;IACpB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,+BAAgB,GAAE,CAAC;IACnB,IAAA,iCAAkB,GAAE,CAAC;IACrB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,+BAAgB,GAAE,CAAC;AACrB,CAAC;AA/BD,gDA+BC;AAED,yDAAuC;AACvC,yDAAuC","file":"vrender.js","sourcesContent":["import '@visactor/vrender-core';\nimport { container, isBrowserEnv, isNodeEnv, preLoadAllModule } from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\n// export const version = \"1.2.1-alpha.0\";\n\nlet registed = false;\nexport function registerForVrender() {\n  if (registed) {\n    return;\n  }\n  registed = true;\n  // 注册内置组件\n  preLoadAllModule();\n\n  if (isBrowserEnv()) {\n    loadBrowserEnv(container);\n  } else if (isNodeEnv()) {\n    loadNodeEnv(container);\n  }\n  registerArc();\n  registerArc3d();\n  registerArea();\n  registerCircle();\n  registerGlyph();\n  registerGroup();\n  registerImage();\n  registerLine();\n  registerPath();\n  registerPolygon();\n  registerPyramid3d();\n  registerRect();\n  registerRect3d();\n  registerRichtext();\n  registerShadowRoot();\n  registerSymbol();\n  registerText();\n  registerWrapText();\n}\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}

package/dist/vtable.js

@@ -25209,7 +25209,7 @@
             return hasThemeProperty(obj, names) || hasThemeProperty(superTheme, names);
         }
         extends(obj) {
-            return new TableTheme(obj, this);
+            return new TableTheme(obj, this.internalTheme.superTheme || this.internalTheme.obj);
         }
         getStyle(style) {
             const that = this;
@@ -52705,7 +52705,10 @@
         }
         triggerSort(col, row, iconMark, event) {
             if (this.table.isPivotTable()) {
-                const order = this.table.getPivotSortState(col, row);
+                const sortState = this.table.getPivotSortState(col, row);
+                const order = sortState ? sortState.toUpperCase() : 'DESC';
+                const new_order = order === 'ASC' ? 'DESC' : 'ASC';
+                this.table.sort(col, row, new_order);
                 this.table.fireListeners(PIVOT_TABLE_EVENT_TYPE.PIVOT_SORT_CLICK, {
                     col: col,
                     row: row,
@@ -56064,10 +56067,19 @@
         getIcons(col, row) {
             const icons = [];
             if (this._table.isPivotTable()) {
-                const { showSort } = this._table.internalProps.layoutMap.getHeader(col, row);
+                const { showSort, sort } = this._table.internalProps.layoutMap.getHeader(col, row);
                 if (showSort) {
-                    const order = this._table.getPivotSortState(col, row);
-                    const sortIcon = order === 'asc' ? this.downIcon : order === 'desc' ? this.upIcon : this.normalIcon;
+                    let order = this._table.getPivotSortState(col, row);
+                    if (order) {
+                        order = order.toUpperCase();
+                    }
+                    const sortIcon = order === 'ASC' ? this.downIcon : order === 'DESC' ? this.upIcon : this.normalIcon;
+                    if (sortIcon) {
+                        icons.push(sortIcon);
+                    }
+                }
+                else if (sort) {
+                    const sortIcon = this.getSortIconForPivotTable(this._table.getPivotSortState(col, row), this._table, col, row);
                     if (sortIcon) {
                         icons.push(sortIcon);
                     }
@@ -56190,6 +56202,17 @@
             }
             return icon;
         }
+        getSortIconForPivotTable(order, _table, col, row) {
+            const headerC = _table.getHeaderDefine(col, row);
+            if (!headerC ||
+                headerC.showSort === false ||
+                (!isValid$1(headerC.showSort) && !headerC.sort) ||
+                (headerC.columns && headerC.columns.length > 0)) {
+                return null;
+            }
+            const icon = order === 'ASC' ? this.downIcon : order === 'DESC' ? this.upIcon : this.normalIcon;
+            return icon;
+        }
         getDropDownStateIcons(_table, col, row) {
             const headerC = _table.getHeaderDefine(col, row);
             const headerL = _table._getHeaderLayoutMap(col, row);
@@ -58616,7 +58639,7 @@
                 : Object.assign({}, (indicatorInfo ?? dimensionInfo)?.headerStyle),
             headerType: indicatorInfo?.headerType ?? dimensionInfo?.headerType ?? 'text',
             headerIcon: indicatorInfo?.headerIcon ?? dimensionInfo?.headerIcon,
-            define: Object.assign({}, hd, indicatorInfo ?? dimensionInfo),
+            define: Object.assign({}, hd, indicatorInfo ?? Object.assign({}, dimensionInfo, { sort: undefined })),
             fieldFormat: indicatorInfo?.headerFormat ?? dimensionInfo?.headerFormat,
             dropDownMenu: indicatorInfo?.dropDownMenu ?? dimensionInfo?.dropDownMenu,
             pivotInfo: {
@@ -58628,6 +58651,7 @@
             minWidth: dimensionInfo?.minWidth,
             maxWidth: dimensionInfo?.maxWidth,
             showSort: indicatorInfo?.showSort ?? dimensionInfo?.showSort,
+            sort: indicatorInfo?.sort,
             description: dimensionInfo?.description
         };
         if (indicatorInfo) {
@@ -59044,7 +59068,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.2.0";
+        version = "1.2.1-alpha.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -60248,6 +60272,7 @@
             IconCache.clearAll();
             super.release?.();
             internalProps.handler?.release?.();
+            this.eventManager.release();
             internalProps.focusControl?.release?.();
             internalProps.legends?.forEach(legend => {
                 legend?.release();
@@ -60269,6 +60294,8 @@
             }
             this.editorManager?.editingEditor?.onEnd?.();
             this.isReleased = true;
+            this.scenegraph = null;
+            this.internalProps = null;
         }
         fireListeners(type, event) {
             return super.fireListeners(type, event);
@@ -60966,8 +60993,11 @@
                 let cacheKey;
                 if (this.isPivotTable() && !this.isBottomFrozenRow(row) && !this.isRightFrozenColumn(col)) {
                     const define = this.getHeaderDefine(col, row);
+                    const isCorner = this.isCornerHeader(col, row);
                     cacheKey = define?.dimensionKey
-                        ? `dim-${define.dimensionKey}`
+                        ? isCorner
+                            ? `dim-cor-${define.dimensionKey}`
+                            : `dim-${define.dimensionKey}`
                         : define?.indicatorKey
                             ? `ind-${define.indicatorKey}`
                             : `${col}-${row}`;
@@ -65731,11 +65761,15 @@
                                 : dimensionKey === 'axis'
                                     ? ''
                                     : dimensionKey,
-                        field: '维度名称',
+                        field: dimensionKey,
                         style: this.cornerSetting.headerStyle,
                         headerType: this.cornerSetting.headerType ?? 'text',
+                        showSort: dimensionInfo?.showSortInCorner,
+                        sort: dimensionInfo?.sort,
                         define: {
-                            dimensionKey: '维度名称',
+                            showSort: dimensionInfo?.showSortInCorner,
+                            sort: dimensionInfo?.sort,
+                            dimensionKey: dimensionKey,
                             id,
                             value: dimensionKey,
                             disableHeaderHover: !!this.cornerSetting.disableHeaderHover,
@@ -67019,6 +67053,7 @@
         getCellAdressByHeaderPath(dimensionPaths) {
             let colHeaderPaths;
             let rowHeaderPaths;
+            let isCornerCell = false;
             let forceBody = false;
             if (Array.isArray(dimensionPaths)) {
                 if (dimensionPaths.length > this.rowDimensionKeys.length + this.colDimensionKeys.length) {
@@ -67047,6 +67082,32 @@
                 return (this.fullRowDimensionKeys.indexOf(a.dimensionKey ?? this.indicatorDimensionKey) -
                     this.fullRowDimensionKeys.indexOf(b.dimensionKey ?? this.indicatorDimensionKey));
             });
+            colHeaderPaths?.forEach(a => {
+                if (a.isPivotCorner) {
+                    isCornerCell = true;
+                }
+            });
+            rowHeaderPaths?.forEach(a => {
+                if (a.isPivotCorner) {
+                    isCornerCell = true;
+                }
+            });
+            if (isCornerCell) {
+                if (this.cornerSetting.titleOnDimension === 'row') {
+                    for (let i = 0; i < this.rowDimensionKeys.length; i++) {
+                        if (rowHeaderPaths[0].dimensionKey === this.rowDimensionKeys[i]) {
+                            return { col: i + this.leftRowSeriesNumberColumnCount, row: 0 };
+                        }
+                    }
+                }
+                else {
+                    for (let i = 0; i < this.colDimensionKeys.length; i++) {
+                        if (colHeaderPaths[0].dimensionKey === this.colDimensionKeys[i]) {
+                            return { col: 0, row: i };
+                        }
+                    }
+                }
+            }
             let needLowestLevel = false;
             if (colHeaderPaths?.length >= 1 && rowHeaderPaths?.length >= 1) {
                 needLowestLevel = true;
@@ -67147,7 +67208,7 @@
                 }
             }
             if (colDimensionFinded || forceBody) {
-                col = this.rowHeaderLevelCount;
+                col = this.rowHeaderLevelCount + this.leftRowSeriesNumberColumnCount;
                 const { startInTotal, level } = colDimensionFinded ?? defaultDimension;
                 col += startInTotal ?? 0;
                 defaultRow = this.columnHeaderTitle ? level + 1 : level;
@@ -67666,7 +67727,9 @@
             return totalCount;
         }
         resetHeaderTree() {
+            this.colIndex = 0;
             this._rowHeaderCellFullPathIds_FULL = [];
+            this._columnHeaderCellFullPathIds = [];
             this._columnHeaderCellIds = [];
             const dataset = this.dataset;
             this.rowTree = dataset.rowHeaderTree;
@@ -67682,6 +67745,8 @@
                 o[e.id] = e;
                 return o;
             }, {});
+            this._CellHeaderPathMap = new Map();
+            this._largeCellRangeCache.length = 0;
             this.generateCellIdsConsiderHideHeader();
             this.setPagination(this.pagination);
         }
@@ -69286,9 +69351,10 @@
                     }
                     this.internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree);
                 }
-                this.pivotSortState = [];
-                if (options.pivotSortState) {
-                    this.updatePivotSortState(options.pivotSortState);
+                this._changePivotSortStateBySortRules();
+                if ((options.pivotSortState?.length ?? 0) > 0) {
+                    this.pivotSortState = [];
+                    this.pivotSortState = options.pivotSortState;
                 }
                 if (Env.mode !== 'node') {
                     this.editorManager = new EditManeger(this);
@@ -69423,9 +69489,10 @@
                 }
                 internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree);
             }
-            this.pivotSortState = [];
-            if (options.pivotSortState) {
-                this.updatePivotSortState(options.pivotSortState);
+            this._changePivotSortStateBySortRules();
+            if ((options.pivotSortState?.length ?? 0) > 0) {
+                this.pivotSortState = [];
+                this.pivotSortState = options.pivotSortState;
             }
             this.refreshHeader();
             if (internalProps.releaseList) {
@@ -69863,24 +69930,147 @@
             }
         }
         updateSortRules(sortRules) {
-            this.internalProps.dataConfig.sortRules = sortRules;
+            if (this.internalProps.dataConfig) {
+                this.internalProps.dataConfig.sortRules = sortRules;
+            }
+            else {
+                this.internalProps.dataConfig = { sortRules };
+            }
             this.dataset.updateSortRules(sortRules);
+            this._changePivotSortStateBySortRules();
             this.internalProps.layoutMap.resetHeaderTree();
             this.scenegraph.clearCells();
             this.refreshHeader();
             this.scenegraph.createSceneGraph();
             this.render();
         }
-        updatePivotSortState(pivotSortStateConfig) {
-            for (let i = 0; i < pivotSortStateConfig.length; i++) {
-                const { dimensions, order } = pivotSortStateConfig[i];
-                const cellAddress = this.internalProps.layoutMap.getPivotCellAdress(dimensions);
-                cellAddress &&
+        _changePivotSortStateBySortRules() {
+            this.pivotSortState = [];
+            const sortRules = this.internalProps.dataConfig?.sortRules ?? [];
+            for (let i = 0; i < sortRules.length; i++) {
+                const sortRule = sortRules[i];
+                if (sortRule.sortType) {
+                    const dimensions = [];
+                    if (sortRule.sortByIndicator) {
+                        if (sortRule.sortField ===
+                            (this.dataset.indicatorsAsCol
+                                ? this.dataset.rows[this.dataset.rows.length - 1]
+                                : this.dataset.columns[this.dataset.columns.length - 1])) {
+                            for (let j = 0; j < sortRule.query.length; j++) {
+                                dimensions.push({
+                                    dimensionKey: this.dataset.indicatorsAsCol ? this.dataset.columns[j] : this.dataset.rows[j],
+                                    value: sortRule.query[j]
+                                });
+                            }
+                            dimensions.push({
+                                indicatorKey: sortRule.sortByIndicator,
+                                value: this.internalProps.layoutMap.getIndicatorInfo(sortRule.sortByIndicator)
+                                    ?.title ?? sortRule.sortByIndicator
+                            });
+                        }
+                    }
+                    else {
+                        dimensions.push({
+                            dimensionKey: sortRule.sortField,
+                            isPivotCorner: true,
+                            value: sortRule.sortField
+                        });
+                    }
                     this.pivotSortState.push({
-                        col: cellAddress.col,
-                        row: cellAddress.row,
-                        order
+                        dimensions,
+                        order: sortRule.sortType
                     });
+                }
+            }
+        }
+        updatePivotSortState(pivotSortStateConfig) {
+            this.pivotSortState = pivotSortStateConfig;
+        }
+        sort(col, row, order) {
+            let dimensions;
+            if (this.isCornerHeader(col, row)) {
+                const dimensionInfo = this.getHeaderDefine(col, row);
+                dimensions = [];
+                const dimension = {
+                    isPivotCorner: true,
+                    dimensionKey: dimensionInfo.value,
+                    value: dimensionInfo.value
+                };
+                dimensions.push(dimension);
+            }
+            else if (this.isColumnHeader(col, row)) {
+                dimensions = this.getCellHeaderPaths(col, row).colHeaderPaths;
+            }
+            else {
+                dimensions = this.getCellHeaderPaths(col, row).rowHeaderPaths;
+            }
+            const sortIndicator = dimensions[dimensions.length - 1].indicatorKey;
+            const headerDefine = this.getHeaderDefine(col, row);
+            if (headerDefine.sort) {
+                if (this.dataset.sortRules) {
+                    for (let i = this.dataset.sortRules.length - 1; i >= 0; i--) {
+                        const sortRule = this.dataset.sortRules[i];
+                        if (headerDefine.dimensionKey && sortRule.sortField === headerDefine.dimensionKey) {
+                            this.dataset.sortRules.splice(i, 1);
+                        }
+                        else if (sortIndicator &&
+                            sortRule.sortField ===
+                                (this.dataset.indicatorsAsCol
+                                    ? this.dataset.rows[this.dataset.rows.length - 1]
+                                    : this.dataset.columns[this.dataset.columns.length - 1])) {
+                            this.dataset.sortRules.splice(i, 1);
+                        }
+                    }
+                    if (sortIndicator) {
+                        this.dataset.sortRules.push({
+                            sortField: this.dataset.indicatorsAsCol
+                                ? this.dataset.rows[this.dataset.rows.length - 1]
+                                : this.dataset.columns[this.dataset.columns.length - 1],
+                            sortType: SortType[order],
+                            sortByIndicator: sortIndicator,
+                            query: dimensions.reduce((arr, dimension) => {
+                                if (dimension.dimensionKey) {
+                                    arr.push(dimension.value);
+                                }
+                                return arr;
+                            }, [])
+                        });
+                    }
+                    else {
+                        this.dataset.sortRules.push({
+                            sortField: headerDefine.dimensionKey,
+                            sortType: SortType[order]
+                        });
+                    }
+                }
+                else {
+                    if (sortIndicator) {
+                        this.dataset.sortRules = [
+                            {
+                                sortField: this.dataset.indicatorsAsCol
+                                    ? this.dataset.rows[this.dataset.rows.length - 1]
+                                    : this.dataset.columns[this.dataset.columns.length - 1],
+                                sortType: SortType[order],
+                                sortByIndicator: sortIndicator,
+                                query: dimensions.reduce((arr, dimension) => {
+                                    if (dimension.dimensionKey) {
+                                        arr.push(dimension.value);
+                                    }
+                                    return arr;
+                                }, [])
+                            }
+                        ];
+                    }
+                    else {
+                        this.dataset.sortRules = [
+                            {
+                                sortField: headerDefine.dimensionKey,
+                                sortType: SortType[order]
+                            }
+                        ];
+                    }
+                }
+                this.updateSortRules(this.dataset.sortRules);
             }
         }
         getPivotSortState(col, row) {
@@ -69889,8 +70079,11 @@
             }
             const cellRange = this.getCellRange(col, row);
             for (let i = 0; i < this.pivotSortState.length; i++) {
-                const { col: sortCol, row: sortRow, order } = this.pivotSortState[i];
-                if (cellInRange(cellRange, sortCol, sortRow)) {
+                const pivotState = this.pivotSortState[i];
+                const dimensions = pivotState.dimensions;
+                const cell = this.getCellAddressByHeaderPaths(dimensions);
+                const order = pivotState.order;
+                if (cell && cellInRange(cellRange, cell.col, cell.row)) {
                     return order;
                 }
             }
@@ -70079,7 +70272,7 @@
                 internalProps.layoutMap = new PivotHeaderLayoutMap(this, this.dataset, columnDimensionTree, rowDimensionTree);
                 this.pivotSortState = [];
                 if (options.pivotSortState) {
-                    this.updatePivotSortState(options.pivotSortState);
+                    this.pivotSortState = options.pivotSortState;
                 }
             }
             this.refreshHeader();
@@ -70893,7 +71086,12 @@
             return this.getCellOriginRecord(col, row);
         }
         updateSortRules(sortRules) {
-            this.internalProps.dataConfig.sortRules = sortRules;
+            if (this.internalProps.dataConfig) {
+                this.internalProps.dataConfig.sortRules = sortRules;
+            }
+            else {
+                this.internalProps.dataConfig = { sortRules };
+            }
             this.dataset.updateSortRules(sortRules);
             this.internalProps.layoutMap.resetHeaderTree();
             this.scenegraph.clearCells();
@@ -70901,18 +71099,6 @@
             this.scenegraph.createSceneGraph();
             this.render();
         }
-        updatePivotSortState(pivotSortStateConfig) {
-            for (let i = 0; i < pivotSortStateConfig.length; i++) {
-                const { dimensions, order } = pivotSortStateConfig[i];
-                const cellAddress = this.internalProps.layoutMap.getPivotCellAdress(dimensions);
-                cellAddress &&
-                    this.pivotSortState.push({
-                        col: cellAddress.col,
-                        row: cellAddress.row,
-                        order
-                    });
-            }
-        }
         getPivotSortState(col, row) {
             if (!this.pivotSortState) {
                 return undefined;
@@ -70953,27 +71139,6 @@
             return null;
         }
         toggleHierarchyState(col, row) {
-            const hierarchyState = this.getHierarchyState(col, row);
-            if (hierarchyState === HierarchyState.expand) {
-                this.fireListeners(PIVOT_CHART_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {
-                    col: col,
-                    row: row,
-                    hierarchyState: HierarchyState.collapse
-                });
-            }
-            else if (hierarchyState === HierarchyState.collapse) {
-                this.fireListeners(PIVOT_CHART_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {
-                    col: col,
-                    row: row,
-                    hierarchyState: HierarchyState.expand,
-                    originData: this.getCellOriginRecord(col, row)
-                });
-            }
-            const result = this.internalProps.layoutMap.toggleHierarchyState(col, row);
-            this.refreshRowColCount();
-            this.clearCellStyleCache();
-            this.scenegraph.updateHierarchyIcon(col, row);
-            this.scenegraph.updateRow(result.removeCellPositions, result.addCellPositions);
         }
         getHeaderCellAddressByPath(dimensionPaths) {
             const cellAddress = this.internalProps.layoutMap.getPivotCellAdress(dimensionPaths);
@@ -72023,7 +72188,7 @@
     }
 
     registerForVrender();
-    const version = "1.2.0";
+    const version = "1.2.1-alpha.0";
     function getIcons() {
         return get$2();
     }