@visactor/vtable 0.9.2-alpha.0 → 0.9.2-alpha.2

package/cjs/scenegraph/refresh-node/update-chart.js

@@ -1,10 +1,8 @@
 "use strict";
 
 function updateChartSize(scenegraph, col) {
-    var _a;
-    for (let c = col; c < scenegraph.table.colCount; c++) {
-        const columnGroup = scenegraph.getColGroup(c);
-        (null === (_a = columnGroup.attribute) || void 0 === _a ? void 0 : _a.chartInstance) && columnGroup.getChildren().forEach((cellNode => {
+    for (let c = col; c <= scenegraph.proxy.colEnd; c++) {
+        scenegraph.getColGroup(c).getChildren().forEach((cellNode => {
             const width = scenegraph.table.getColWidth(cellNode.col), height = scenegraph.table.getRowHeight(cellNode.row);
             cellNode.children.forEach((node => {
                 "chart" === node.type && (node.cacheCanvas = null, node.setAttribute("width", Math.ceil(width - node.attribute.cellPadding[3] - node.attribute.cellPadding[1])), 
@@ -20,7 +18,52 @@ function updateChartSize(scenegraph, col) {
     }
 }
 
+function clearChartCacheImage(scenegraph) {
+    for (let c = scenegraph.proxy.colStart; c <= scenegraph.proxy.colEnd; c++) {
+        scenegraph.getColGroup(c).getChildren().forEach((cellNode => {
+            cellNode.children.forEach((node => {
+                "chart" === node.type && (node.cacheCanvas = null, node.addUpdateBoundTag());
+            }));
+        }));
+    }
+}
+
+function updateChartData(scenegraph) {
+    for (let c = scenegraph.proxy.colStart; c <= scenegraph.proxy.colEnd; c++) {
+        scenegraph.getColGroup(c).getChildren().forEach((cellNode => {
+            const col = cellNode.col, row = cellNode.row;
+            cellNode.children.forEach((node => {
+                "chart" === node.type && (node.updateData(scenegraph.table.getCellValue(col, row)), 
+                node.addUpdateBoundTag());
+            }));
+        }));
+    }
+}
+
+function updateChartState(scenegraph, datum) {
+    const table = scenegraph.table;
+    if (table.isPivotChart()) {
+        const preSelectItemsCount = table._selectedDataItemsInChart.length;
+        if ((null === datum || 0 === (null == datum ? void 0 : datum.length) || 0 === Object.keys(datum).length) && 0 === preSelectItemsCount) return;
+        if (table._selectedDataItemsInChart = [], Array.isArray(datum)) datum.forEach((dataItem => {
+            if (dataItem && 0 !== dataItem.key && Object.keys(dataItem).length > 0) {
+                const selectedState = {};
+                for (const itemKey in dataItem) itemKey.startsWith("VGRAMMAR_") || itemKey.startsWith("__VCHART") || (selectedState[itemKey] = dataItem[itemKey]);
+                table._selectedDataItemsInChart.push(selectedState);
+            }
+        })); else if (datum && 0 !== datum.key && Object.keys(datum).length > 0) {
+            const selectedState = {};
+            for (const itemKey in datum) itemKey.startsWith("VGRAMMAR_") || itemKey.startsWith("__VCHART") || (selectedState[itemKey] = datum[itemKey]);
+            table._selectedDataItemsInChart.push(selectedState);
+        }
+        if (0 === table._selectedDataItemsInChart.length && 0 === preSelectItemsCount) return;
+        table.internalProps.layoutMap.updateDataStateToChartInstance(), clearChartCacheImage(scenegraph);
+    }
+}
+
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.updateChartSize = void 0, exports.updateChartSize = updateChartSize;
+}), exports.updateChartState = exports.updateChartData = exports.clearChartCacheImage = exports.updateChartSize = void 0, 
+exports.updateChartSize = updateChartSize, exports.clearChartCacheImage = clearChartCacheImage, 
+exports.updateChartData = updateChartData, exports.updateChartState = updateChartState;
 //# sourceMappingURL=update-chart.js.map

package/cjs/scenegraph/refresh-node/update-chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["scenegraph/refresh-node/update-chart.ts"],"names":[],"mappings":";;;AAKA,SAAgB,eAAe,CAAC,UAAsB,EAAE,GAAW;;IAEjE,KAAK,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE;QACpD,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAC9C,MAAM,aAAa,GAAG,MAAC,WAAW,CAAC,SAAiB,0CAAE,aAAa,CAAC;QACpE,IAAI,aAAa,EAAE;YAEjB,WAAW,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,CAAC,QAAe,EAAE,EAAE;gBACpD,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;gBACzD,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;gBAE3D,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAW,EAAE,EAAE;oBACxC,IAAK,IAAY,CAAC,IAAI,KAAK,OAAO,EAAE;wBAoBlC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;wBACxB,IAAI,CAAC,YAAY,CACf,OAAO,EACP,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CACjF,CAAC;wBACF,IAAI,CAAC,YAAY,CACf,QAAQ,EACR,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAClF,CAAC;wBAEF,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;4BAC3B,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC;4BACzG,EAAE,EAAE,IAAI,CAAC,IAAI,CACX,QAAQ,CAAC,gBAAgB,CAAC,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,UAAU,CACnG;4BACD,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC;4BACxG,EAAE,EAAE,IAAI,CAAC,IAAI,CACX,QAAQ,CAAC,gBAAgB,CAAC,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,SAAS,CACnG;yBACF,CAAC,CAAC;qBACJ;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;KACF;AACH,CAAC;AAzDD,0CAyDC","file":"update-chart.js","sourcesContent":["import type { Chart } from '../graphic/chart';\nimport type { Group } from '../graphic/group';\nimport type { Scenegraph } from '../scenegraph';\n\n/** 供调整列宽后更新chart使用 */\nexport function updateChartSize(scenegraph: Scenegraph, col: number) {\n  // 将调整列宽的后面的面也都一起需要调整viewbox。  TODO：columnResizeType支持后需要根据变化的列去调整，范围可能变多或者变少\n  for (let c = col; c < scenegraph.table.colCount; c++) {\n    const columnGroup = scenegraph.getColGroup(c);\n    const chartInstance = (columnGroup.attribute as any)?.chartInstance;\n    if (chartInstance) {\n      // chartInstance.updateViewBox();\n      columnGroup.getChildren().forEach((cellNode: Group) => {\n        const width = scenegraph.table.getColWidth(cellNode.col);\n        const height = scenegraph.table.getRowHeight(cellNode.row);\n\n        cellNode.children.forEach((node: Chart) => {\n          if ((node as any).type === 'chart') {\n            // 调试问题使用\n            // if (columnGroup.col === 2) {\n            //   columnGroup.AABBBounds.width();\n            //   node.AABBBounds.width();\n            //   console.log(\n            //     'set viewbox y1',\n            //     Math.ceil(cellNode.globalAABBBounds.y1 + node.attribute.cellPadding[0] + scenegraph.table.scrollTop),\n            //     node.globalAABBBounds.height()\n            //   );\n\n            //   console.log(\n            //     'updateChartSize',\n            //     columnGroup,\n            //     columnGroup.globalAABBBounds.y1,\n            //     cellNode.globalAABBBounds.y1,\n            //     node.globalAABBBounds.y1\n            //   );\n            // }\n\n            node.cacheCanvas = null;\n            node.setAttribute(\n              'width',\n              Math.ceil(width - node.attribute.cellPadding[3] - node.attribute.cellPadding[1])\n            );\n            node.setAttribute(\n              'height',\n              Math.ceil(height - node.attribute.cellPadding[0] - node.attribute.cellPadding[2])\n            );\n\n            node.setAttribute('viewBox', {\n              x1: Math.ceil(cellNode.globalAABBBounds.x1 + node.attribute.cellPadding[3] + scenegraph.table.scrollLeft),\n              x2: Math.ceil(\n                cellNode.globalAABBBounds.x1 + width - node.attribute.cellPadding[1] + scenegraph.table.scrollLeft\n              ),\n              y1: Math.ceil(cellNode.globalAABBBounds.y1 + node.attribute.cellPadding[0] + scenegraph.table.scrollTop),\n              y2: Math.ceil(\n                cellNode.globalAABBBounds.y1 + height - node.attribute.cellPadding[2] + scenegraph.table.scrollTop\n              )\n            });\n          }\n        });\n      });\n    }\n  }\n}\n"]}
+{"version":3,"sources":["scenegraph/refresh-node/update-chart.ts"],"names":[],"mappings":"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","file":"update-chart.js","sourcesContent":["import type { PivotChart } from '../../PivotChart';\nimport type { PivotLayoutMap } from '../../layout/pivot-layout';\nimport type { Chart } from '../graphic/chart';\nimport type { Group } from '../graphic/group';\nimport type { Scenegraph } from '../scenegraph';\n\n/** 供调整列宽后更新chart使用 */\nexport function updateChartSize(scenegraph: Scenegraph, col: number) {\n  // 将调整列宽的后面的面也都一起需要调整viewbox。  TODO：columnResizeType支持后需要根据变化的列去调整，范围可能变多或者变少\n  for (let c = col; c <= scenegraph.proxy.colEnd; c++) {\n    const columnGroup = scenegraph.getColGroup(c);\n    // const chartInstance = (columnGroup.attribute as any)?.chartInstance;\n    // if (chartInstance) {\n    columnGroup.getChildren().forEach((cellNode: Group) => {\n      const width = scenegraph.table.getColWidth(cellNode.col);\n      const height = scenegraph.table.getRowHeight(cellNode.row);\n\n      cellNode.children.forEach((node: Chart) => {\n        if ((node as any).type === 'chart') {\n          // 调试问题使用\n          // if (columnGroup.col === 2) {\n          //   columnGroup.AABBBounds.width();\n          //   node.AABBBounds.width();\n          //   console.log(\n          //     'set viewbox y1',\n          //     Math.ceil(cellNode.globalAABBBounds.y1 + node.attribute.cellPadding[0] + scenegraph.table.scrollTop),\n          //     node.globalAABBBounds.height()\n          //   );\n\n          //   console.log(\n          //     'updateChartSize',\n          //     columnGroup,\n          //     columnGroup.globalAABBBounds.y1,\n          //     cellNode.globalAABBBounds.y1,\n          //     node.globalAABBBounds.y1\n          //   );\n          // }\n\n          node.cacheCanvas = null;\n          node.setAttribute('width', Math.ceil(width - node.attribute.cellPadding[3] - node.attribute.cellPadding[1]));\n          node.setAttribute(\n            'height',\n            Math.ceil(height - node.attribute.cellPadding[0] - node.attribute.cellPadding[2])\n          );\n\n          node.setAttribute('viewBox', {\n            x1: Math.ceil(cellNode.globalAABBBounds.x1 + node.attribute.cellPadding[3] + scenegraph.table.scrollLeft),\n            x2: Math.ceil(\n              cellNode.globalAABBBounds.x1 + width - node.attribute.cellPadding[1] + scenegraph.table.scrollLeft\n            ),\n            y1: Math.ceil(cellNode.globalAABBBounds.y1 + node.attribute.cellPadding[0] + scenegraph.table.scrollTop),\n            y2: Math.ceil(\n              cellNode.globalAABBBounds.y1 + height - node.attribute.cellPadding[2] + scenegraph.table.scrollTop\n            )\n          });\n        }\n      });\n    });\n    // }\n  }\n}\n\n/** 清理所有chart节点的 图表缓存图片 */\nexport function clearChartCacheImage(scenegraph: Scenegraph) {\n  // 将调整列宽的后面的面也都一起需要调整viewbox。  TODO：columnResizeType支持后需要根据变化的列去调整，范围可能变多或者变少\n  for (let c = scenegraph.proxy.colStart; c <= scenegraph.proxy.colEnd; c++) {\n    const columnGroup = scenegraph.getColGroup(c);\n    columnGroup.getChildren().forEach((cellNode: Group) => {\n      cellNode.children.forEach((node: Chart) => {\n        if ((node as any).type === 'chart') {\n          node.cacheCanvas = null;\n          node.addUpdateBoundTag();\n        }\n      });\n    });\n  }\n}\n\n/** 更新所有的图表chart节点上缓存attribute中的data数据 */\nexport function updateChartData(scenegraph: Scenegraph) {\n  // 将调整列宽的后面的面也都一起需要调整viewbox。  TODO：columnResizeType支持后需要根据变化的列去调整，范围可能变多或者变少\n  for (let c = scenegraph.proxy.colStart; c <= scenegraph.proxy.colEnd; c++) {\n    const columnGroup = scenegraph.getColGroup(c);\n    columnGroup.getChildren().forEach((cellNode: Group) => {\n      const col = cellNode.col;\n      const row = cellNode.row;\n      cellNode.children.forEach((node: Chart) => {\n        if ((node as any).type === 'chart') {\n          node.updateData(scenegraph.table.getCellValue(col, row));\n          node.addUpdateBoundTag();\n        }\n      });\n    });\n  }\n}\n/** 组织图表数据状态_selectedDataItemsInChart 更新选中的图表图元状态 */\nexport function updateChartState(scenegraph: Scenegraph, datum: any) {\n  const table = scenegraph.table;\n  if (table.isPivotChart()) {\n    const preSelectItemsCount = (table as PivotChart)._selectedDataItemsInChart.length;\n    if ((datum === null || datum?.length === 0 || Object.keys(datum).length === 0) && preSelectItemsCount === 0) {\n      //避免无效的更新\n      return;\n    }\n    (table as PivotChart)._selectedDataItemsInChart = [];\n    if (Array.isArray(datum)) {\n      datum.forEach((dataItem: any) => {\n        if (dataItem && dataItem.key !== 0 && Object.keys(dataItem).length > 0) {\n          //本以为没有点击到图元上 datum为空 发现是{key:0}或者{}\n          const selectedState = {};\n          for (const itemKey in dataItem) {\n            if (!itemKey.startsWith('VGRAMMAR_') && !itemKey.startsWith('__VCHART')) {\n              selectedState[itemKey] = dataItem[itemKey];\n            }\n          }\n          (table as PivotChart)._selectedDataItemsInChart.push(selectedState);\n        }\n      });\n    } else if (datum && datum.key !== 0 && Object.keys(datum).length > 0) {\n      //本以为没有点击到图元上 datum为空 发现是{key:0}或者{}\n      const selectedState = {};\n      for (const itemKey in datum) {\n        if (!itemKey.startsWith('VGRAMMAR_') && !itemKey.startsWith('__VCHART')) {\n          selectedState[itemKey] = datum[itemKey];\n        }\n      }\n      (table as PivotChart)._selectedDataItemsInChart.push(selectedState);\n    }\n    //避免无效的更新\n    if ((table as PivotChart)._selectedDataItemsInChart.length === 0 && preSelectItemsCount === 0) {\n      return;\n    }\n\n    (table.internalProps.layoutMap as PivotLayoutMap).updateDataStateToChartInstance();\n    // 清楚chart缓存图片\n    clearChartCacheImage(scenegraph);\n  }\n}\n"]}

package/cjs/scenegraph/scenegraph.d.ts

@@ -18,6 +18,11 @@ export declare class Scenegraph {
     cornerHeaderGroup: Group;
     rowHeaderGroup: Group;
     bodyGroup: Group;
+    rightFrozenGroup: Group;
+    bottomFrozenGroup: Group;
+    rightTopCellGroup: Group;
+    leftBottomCellGroup: Group;
+    rightBottomCellGroup: Group;
     componentGroup: Group;
     selectedRangeComponents: Map<string, {
         rect: IRect;
@@ -36,6 +41,8 @@ export declare class Scenegraph {
     hasFrozen: boolean;
     frozenColCount: number;
     frozenRowCount: number;
+    rightFrozenColCount: number;
+    bottomFrozenRowCount: number;
     clear: boolean;
     mergeMap: MergeMap;
     constructor(table: BaseTableAPI);
@@ -78,6 +85,7 @@ export declare class Scenegraph {
     setIconNormalStyle(icon: Icon, col: number, row: number): void;
     updateColWidth(col: number, detaX: number): void;
     updateChartSize(col: number): void;
+    updateChartState(datum: any): void;
     updateAutoColWidth(col: number): void;
     recalculateColWidths(): void;
     recalculateRowHeights(): void;
@@ -94,6 +102,7 @@ export declare class Scenegraph {
     setBodyAndColHeaderX(x: number): void;
     afterScenegraphCreated(): void;
     dealWidthMode(): void;
+    dealHeightMode(): void;
     dealFrozen(): void;
     resetFrozen(): void;
     updateCellLayoutWidthCertainWidth(columnGroup: Group, detaRow: number, col: number): boolean;

package/cjs/scenegraph/scenegraph.js

@@ -104,6 +104,24 @@ class Scenegraph {
             pickable: !1
         });
         bodyGroup.role = "body", this.bodyGroup = bodyGroup;
+        const rightFrozenGroup = new group_1.Group({
+            x: 0,
+            y: 0,
+            width: width,
+            height: 0,
+            clip: !1,
+            pickable: !1
+        });
+        rightFrozenGroup.role = "right-frozen", this.rightFrozenGroup = rightFrozenGroup;
+        const bottomFrozenGroup = new group_1.Group({
+            x: 0,
+            y: 0,
+            width: width,
+            height: 0,
+            clip: !1,
+            pickable: !1
+        });
+        bottomFrozenGroup.role = "bottom-frozen", this.bottomFrozenGroup = bottomFrozenGroup;
         const componentGroup = new group_1.Group({
             x: 0,
             y: 0,
@@ -113,8 +131,47 @@ class Scenegraph {
             pickable: !1,
             childrenPickable: !0
         });
-        componentGroup.role = "component", this.componentGroup = componentGroup, this.tableGroup.addChild(bodyGroup), 
-        this.tableGroup.addChild(rowHeaderGroup), this.tableGroup.addChild(colHeaderGroup), 
+        componentGroup.role = "component", this.componentGroup = componentGroup;
+        const rightTopCellGroup = new group_1.Group({
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0,
+            visible: !1,
+            pickable: !0,
+            fill: this.table.theme.cornerHeaderStyle.bgColor,
+            stroke: this.table.theme.cornerHeaderStyle.borderColor,
+            lineWidth: this.table.theme.cornerHeaderStyle.borderLineWidth
+        });
+        rightTopCellGroup.role = "corner-frozen", this.rightTopCellGroup = rightTopCellGroup;
+        const leftBottomCellGroup = new group_1.Group({
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0,
+            visible: !1,
+            pickable: !0,
+            fill: this.table.theme.cornerHeaderStyle.bgColor,
+            stroke: this.table.theme.cornerHeaderStyle.borderColor,
+            lineWidth: this.table.theme.cornerHeaderStyle.borderLineWidth
+        });
+        leftBottomCellGroup.role = "corner-frozen", this.leftBottomCellGroup = leftBottomCellGroup;
+        const rightBottomCellGroup = new group_1.Group({
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0,
+            visible: !1,
+            pickable: !0,
+            fill: this.table.theme.cornerHeaderStyle.bgColor,
+            stroke: this.table.theme.cornerHeaderStyle.borderColor,
+            lineWidth: this.table.theme.cornerHeaderStyle.borderLineWidth
+        });
+        rightBottomCellGroup.role = "corner-frozen", this.rightBottomCellGroup = rightBottomCellGroup, 
+        this.tableGroup.addChild(bodyGroup), this.tableGroup.addChild(rightFrozenGroup), 
+        this.tableGroup.addChild(bottomFrozenGroup), this.tableGroup.addChild(rowHeaderGroup), 
+        this.tableGroup.addChild(colHeaderGroup), this.tableGroup.addChild(rightBottomCellGroup), 
+        this.tableGroup.addChild(rightTopCellGroup), this.tableGroup.addChild(leftBottomCellGroup), 
         this.tableGroup.addChild(cornerHeaderGroup), this.tableGroup.addChild(componentGroup);
     }
     clearCells() {
@@ -140,10 +197,38 @@ class Scenegraph {
             y: 0,
             width: 0,
             height: 0
-        }), this.tableGroup.setAttributes({
+        }), this.rightFrozenGroup.setAttributes({
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0
+        }), this.bottomFrozenGroup.setAttributes({
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0
+        }), this.rightTopCellGroup.setAttributes({
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0,
+            visible: !1
+        }), this.leftBottomCellGroup.setAttributes({
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0,
+            visible: !1
+        }), this.rightTopCellGroup.setAttributes({
             x: 0,
             y: 0,
             width: 0,
+            height: 0,
+            visible: !1
+        }), this.tableGroup.setAttributes({
+            x: this.table.tableX,
+            y: this.table.tableY,
+            width: 0,
             height: 0
         }), this.tableGroup.border && (this.tableGroup.parent.removeChild(this.tableGroup.border), 
         delete this.tableGroup.border);
@@ -155,7 +240,7 @@ class Scenegraph {
     createSceneGraph() {
         this.clear = !1, this.frozenColCount = this.table.rowHeaderLevelCount, this.frozenRowCount = this.table.columnHeaderLevelCount, 
         this.proxy = new proxy_1.SceneProxy(this.table), (0, frame_border_1.createFrameBorder)(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, void 0, !0), 
-        this.proxy.createGroupForFirstScreen(this.cornerHeaderGroup, this.colHeaderGroup, this.rowHeaderGroup, this.bodyGroup, 0, 0), 
+        this.proxy.createGroupForFirstScreen(this.cornerHeaderGroup, this.colHeaderGroup, this.rowHeaderGroup, this.rightFrozenGroup, this.bottomFrozenGroup, this.bodyGroup, 0, 0), 
         this.afterScenegraphCreated();
     }
     renderSceneGraph() {
@@ -177,9 +262,10 @@ class Scenegraph {
         element || void 0;
     }
     getCell(col, row, getShadow) {
-        var _a;
-        let cell = null === (_a = this.getColGroup(col, row < this.frozenRowCount)) || void 0 === _a ? void 0 : _a.getRowGroup(row);
-        if (cell && "shadow-cell" === cell.role && !getShadow) {
+        var _a, _b, _c;
+        let cell;
+        if (cell = this.table.rightFrozenColCount > 0 && col > this.table.colCount - 1 - this.table.rightFrozenColCount ? null === (_a = this.rightFrozenGroup.getColGroup(col)) || void 0 === _a ? void 0 : _a.getRowGroup(row) : this.table.bottomFrozenRowCount > 0 && row > this.table.rowCount - 1 - this.table.bottomFrozenRowCount ? null === (_b = this.bottomFrozenGroup.getColGroup(col)) || void 0 === _b ? void 0 : _b.getRowGroup(row) : null === (_c = this.getColGroup(col, row < this.frozenRowCount)) || void 0 === _c ? void 0 : _c.getRowGroup(row), 
+        cell && "shadow-cell" === cell.role && !getShadow) {
             const range = this.table.getCellRange(col, row);
             cell = this.getCell(range.start.col, range.start.row);
         }
@@ -190,7 +276,7 @@ class Scenegraph {
     }
     getColGroup(col, isCornerOrColHeader = !1) {
         let element;
-        return element = col < this.frozenColCount && isCornerOrColHeader ? this.cornerHeaderGroup.getColGroup(col) : col < this.frozenColCount ? this.rowHeaderGroup.getColGroup(col) : isCornerOrColHeader ? this.colHeaderGroup.getColGroup(col) : this.bodyGroup.getColGroup(col), 
+        return element = col < this.frozenColCount && isCornerOrColHeader ? this.cornerHeaderGroup.getColGroup(col) : col < this.frozenColCount ? this.rowHeaderGroup.getColGroup(col) : isCornerOrColHeader ? this.colHeaderGroup.getColGroup(col) : this.table.rightFrozenColCount > 0 && col > this.table.colCount - 1 - this.table.rightFrozenColCount ? this.rightFrozenGroup.getColGroup(col) : this.bodyGroup.getColGroup(col), 
         element || void 0;
     }
     getCellSize(col, row) {
@@ -315,6 +401,9 @@ class Scenegraph {
     updateChartSize(col) {
         (0, update_chart_1.updateChartSize)(this, col);
     }
+    updateChartState(datum) {
+        this.table.isPivotChart() && (0, update_chart_1.updateChartState)(this, datum);
+    }
     updateAutoColWidth(col) {
         const oldWidth = this.table.getColWidth(col), newWidth = (0, compute_col_width_1.computeColWidth)(col, 0, this.table.rowCount - 1, this.table, !0);
         newWidth !== oldWidth && this.updateColWidth(col, newWidth - oldWidth);
@@ -326,19 +415,39 @@ class Scenegraph {
         (0, compute_row_height_1.computeRowsHeight)(this.table, 0, this.table.rowCount - 1);
     }
     resize() {
-        this.recalculateColWidths(), this.table.internalProps.autoRowHeight && this.recalculateRowHeights(), 
-        this.dealWidthMode(), this.dealFrozen(), this.updateTableSize(), this.updateBorderSizeAndPosition(), 
-        this.component.updateScrollBar(), this.updateNextFrame();
+        this.recalculateColWidths(), "autoHeight" === this.table.heightMode && this.recalculateRowHeights(), 
+        this.dealWidthMode(), this.dealHeightMode(), this.dealFrozen(), this.updateTableSize(), 
+        this.updateBorderSizeAndPosition(), this.component.updateScrollBar(), this.updateNextFrame();
     }
     updateTableSize() {
         var _a, _b;
         this.tableGroup.setAttributes({
-            width: Math.min(this.table.tableNoFrameWidth, Math.max(this.colHeaderGroup.attribute.width, this.bodyGroup.attribute.width, 0) + Math.max(this.cornerHeaderGroup.attribute.width, this.rowHeaderGroup.attribute.width, 0)),
-            height: Math.min(this.table.tableNoFrameHeight, (null !== (_a = this.colHeaderGroup.attribute.height) && void 0 !== _a ? _a : 0) + (null !== (_b = this.bodyGroup.attribute.height) && void 0 !== _b ? _b : 0))
+            width: Math.min(this.table.tableNoFrameWidth, Math.max(this.colHeaderGroup.attribute.width, this.bodyGroup.attribute.width, 0) + Math.max(this.cornerHeaderGroup.attribute.width, this.rowHeaderGroup.attribute.width, 0) + this.rightBottomCellGroup.attribute.width),
+            height: Math.min(this.table.tableNoFrameHeight, (null !== (_a = this.colHeaderGroup.attribute.height) && void 0 !== _a ? _a : 0) + (null !== (_b = this.bodyGroup.attribute.height) && void 0 !== _b ? _b : 0) + this.bottomFrozenGroup.attribute.height)
         }), this.tableGroup.border && this.tableGroup.border.setAttributes({
             width: this.tableGroup.attribute.width + this.tableGroup.border.attribute.lineWidth,
             height: this.tableGroup.attribute.height + this.tableGroup.border.attribute.lineWidth
-        });
+        }), this.table.bottomFrozenRowCount > 0 && (this.bottomFrozenGroup.setAttribute("y", this.tableGroup.attribute.height - this.bottomFrozenGroup.attribute.height), 
+        this.leftBottomCellGroup.setAttributes({
+            visible: !0,
+            y: this.tableGroup.attribute.height - this.bottomFrozenGroup.attribute.height,
+            height: this.bottomFrozenGroup.attribute.height,
+            width: this.table.getFrozenColsWidth()
+        }), this.rightBottomCellGroup.setAttributes({
+            visible: !0,
+            y: this.tableGroup.attribute.height - this.bottomFrozenGroup.attribute.height,
+            height: this.bottomFrozenGroup.attribute.height
+        })), this.table.rightFrozenColCount > 0 && (this.rightFrozenGroup.setAttribute("x", this.tableGroup.attribute.width - this.rightFrozenGroup.attribute.width), 
+        this.rightTopCellGroup.setAttributes({
+            visible: !0,
+            x: this.tableGroup.attribute.width - this.rightFrozenGroup.attribute.width,
+            width: this.rightFrozenGroup.attribute.width,
+            height: this.table.getFrozenRowsHeight()
+        }), this.rightBottomCellGroup.setAttributes({
+            visible: !0,
+            x: this.tableGroup.attribute.width - this.rightFrozenGroup.attribute.width,
+            width: this.rightFrozenGroup.attribute.width
+        }));
     }
     updateRowHeight(row, detaY) {
         (0, update_height_1.updateRowHeight)(this, row, detaY), this.updateContainerHeight(row, detaY);
@@ -372,16 +481,18 @@ class Scenegraph {
     setBodyAndRowHeaderY(y) {
         this.colHeaderGroup.attribute.height + y !== this.bodyGroup.attribute.y && (this.bodyGroup.setAttribute("y", this.colHeaderGroup.attribute.height + y), 
         this.rowHeaderGroup.setAttribute("y", this.colHeaderGroup.attribute.height + y), 
+        this.table.rightFrozenColCount > 0 && this.rightFrozenGroup.setAttribute("y", this.colHeaderGroup.attribute.height + y), 
         this.updateNextFrame());
     }
     setBodyAndColHeaderX(x) {
         this.rowHeaderGroup.attribute.width + x !== this.bodyGroup.attribute.x && (this.bodyGroup.setAttribute("x", this.rowHeaderGroup.attribute.width + x), 
         this.colHeaderGroup.setAttribute("x", this.rowHeaderGroup.attribute.width + x), 
+        this.table.bottomFrozenRowCount > 0 && this.bottomFrozenGroup.setAttribute("x", this.rowHeaderGroup.attribute.width + x), 
         this.updateNextFrame());
     }
     afterScenegraphCreated() {
-        this.dealWidthMode(), this.dealFrozen(), this.createFrameBorder(), this.updateBorderSizeAndPosition(), 
-        this.component.updateScrollBar(), (0, stick_text_1.handleTextStick)(this.table), 
+        this.dealWidthMode(), this.dealHeightMode(), this.dealFrozen(), this.createFrameBorder(), 
+        this.updateBorderSizeAndPosition(), this.component.updateScrollBar(), (0, stick_text_1.handleTextStick)(this.table), 
         this.updateNextFrame();
     }
     dealWidthMode() {
@@ -396,7 +507,7 @@ class Scenegraph {
                 colWidth = col === table.colCount - 1 ? totalDrawWidth - table.getColsWidth(0, table.colCount - 2) : Math.round(table.getColWidth(col) * factor), 
                 this.setColWidth(col, colWidth);
             }
-        } else if ("standard-aeolus" === table.widthMode && this.transpose) {
+        } else if (table.autoFillWidth) {
             const canvasWidth = table.tableNoFrameWidth;
             let actualWidth = 0, actualHeaderWidth = 0;
             for (let col = 0; col < table.colCount; col++) {
@@ -429,6 +540,21 @@ class Scenegraph {
             y: this.colHeaderGroup.attribute.height
         });
     }
+    dealHeightMode() {
+        const table = this.table;
+        if ("adaptive" === table.heightMode) {
+            table._clearRowRangeHeightsMap();
+            const totalDrawHeight = table.tableNoFrameHeight - table.getFrozenRowsHeight() - table.getBottomFrozenRowsHeight();
+            let actualHeight = 0;
+            for (let row = table.frozenRowCount; row < table.rowCount - table.bottomFrozenRowCount; row++) actualHeight += table.getRowHeight(row);
+            const factor = totalDrawHeight / actualHeight;
+            for (let row = table.frozenRowCount; row < table.rowCount - table.bottomFrozenRowCount; row++) {
+                let rowHeight;
+                rowHeight = row === table.rowCount - table.bottomFrozenRowCount - 1 ? totalDrawHeight - table.getRowsHeight(table.frozenRowCount, table.rowCount - table.bottomFrozenRowCount - 2) : Math.round(table.getRowHeight(row) * factor), 
+                this.setRowHeight(row, rowHeight);
+            }
+        }
+    }
     dealFrozen() {
         (0, frozen_1.dealFrozen)(this);
     }
@@ -600,7 +726,7 @@ class Scenegraph {
     }
     updateRow(removeCells, addCells) {
         (0, update_row_1.updateRow)(removeCells, addCells, this.table), this.recalculateColWidths(), 
-        this.table.internalProps.autoRowHeight && this.recalculateRowHeights(), this.table.stateManeger.checkFrozen(), 
+        "autoHeight" === this.table.heightMode && this.recalculateRowHeights(), this.table.stateManeger.checkFrozen(), 
         this.updateNextFrame();
     }
     findAndUpdateIcon(group, funcTypeArr, iconConfig) {