@visactor/vtable 1.5.4-beta.0 → 1.5.4

package/es/scenegraph/scenegraph.d.ts

@@ -99,7 +99,8 @@ export declare class Scenegraph {
     removeFillHandleFromSelectComponents(): void;
     recreateAllSelectRangeComponents(): void;
     updateColWidth(col: number, detaX: number, skipUpdateContainer?: boolean, skipTableWidthMap?: boolean): void;
-    updateChartSize(col: number): void;
+    updateChartSizeForResizeColWidth(col: number): void;
+    updateChartSizeForResizeRowHeight(col: number): void;
     updateChartState(datum: any): void;
     updateCheckboxCellState(col: number, row: number, checked: boolean): void;
     updateHeaderCheckboxCellState(col: number, row: number, checked: boolean | 'indeterminate'): void;

package/es/scenegraph/scenegraph.js

@@ -48,7 +48,7 @@ import { emptyGroup } from "./utils/empty-group";
 
 import { dealBottomFrozen, dealFrozen, dealRightFrozen, resetFrozen } from "./layout/frozen";
 
-import { updateChartSize, updateChartState } from "./refresh-node/update-chart";
+import { updateChartSizeForResizeColWidth, updateChartSizeForResizeRowHeight, updateChartState } from "./refresh-node/update-chart";
 
 import { initSceneGraph } from "./group-creater/init-scenegraph";
 
@@ -76,8 +76,7 @@ export class Scenegraph {
     constructor(table) {
         let width, height;
         this._needUpdateContainer = !1, this.table = table, this.hasFrozen = !1, this.clear = !0, 
-        this.mergeMap = new Map, setPoptipTheme(this.table.theme.textPopTipStyle), table.options.canvas && table.options.viewBox ? (vglobal.setEnv("browser"), 
-        width = table.options.viewBox.x2 - table.options.viewBox.x1, height = table.options.viewBox.y2 - table.options.viewBox.y1) : "node" === Env.mode ? (vglobal.setEnv("node", table.options.modeParams), 
+        this.mergeMap = new Map, setPoptipTheme(this.table.theme.textPopTipStyle), "node" === Env.mode ? (vglobal.setEnv("node", table.options.modeParams), 
         width = table.canvasWidth, height = table.canvasHeight) : (vglobal.setEnv("browser"), 
         width = table.canvas.width, height = table.canvas.height), this.stage = createStage(Object.assign({
             canvas: table.canvas,
@@ -87,14 +86,9 @@ export class Scenegraph {
             background: table.theme.underlayBackgroundColor,
             dpr: table.internalProps.pixelRatio,
             enableLayout: !0,
-            beforeRender: stage => {
-                this.table.options.beforeRender && this.table.options.beforeRender(stage);
-            },
-            afterRender: stage => {
-                this.table.options.afterRender && this.table.options.afterRender(stage), this.table.fireListeners("after_render", null);
-            },
-            canvasControled: !table.options.canvas,
-            viewBox: table.options.viewBox
+            afterRender: () => {
+                this.table.fireListeners("after_render", null);
+            }
         }, table.options.renderOption)), this.stage.defaultLayer.setTheme({
             group: {
                 boundsPadding: 0,
@@ -143,7 +137,7 @@ export class Scenegraph {
         this.isPivot = this.table.isPivotTable(), initSceneGraph(this);
     }
     clearCells() {
-        var _a;
+        var _a, _b;
         (this.table.isPivotChart() || this.table._hasCustomRenderOrLayout()) && this.stage.pluginService.findPluginsByName("poptipForText").forEach((plugin => {
             plugin.deactivate(this.stage.pluginService);
         })), this.clear = !0, this.hasFrozen = !1, this.mergeMap.clear(), this.colHeaderGroup.clear(), 
@@ -203,7 +197,8 @@ export class Scenegraph {
             width: 0,
             height: 0
         }), this.tableGroup.border && (this.tableGroup.parent.removeChild(this.tableGroup.border), 
-        delete this.tableGroup.border), null === (_a = this.proxy) || void 0 === _a || _a.release();
+        delete this.tableGroup.border), null === (_a = this.proxy) || void 0 === _a || _a.release(), 
+        null === (_b = this.table.reactCustomLayout) || void 0 === _b || _b.clearCache();
     }
     updateStageBackground() {
         this.stage.background = this.table.theme.underlayBackgroundColor, this.stage.renderNextFrame();
@@ -216,7 +211,8 @@ export class Scenegraph {
         this.component.updateStyle();
     }
     createSceneGraph(skipRowHeightClear = !1) {
-        skipRowHeightClear || this.table.rowHeightsMap.clear(), (this.table.isPivotChart() || this.table._hasCustomRenderOrLayout()) && this.stage.pluginService.autoEnablePlugins.getContributions().forEach((p => {
+        skipRowHeightClear || (this.table.rowHeightsMap.clear(), this.table.internalProps.layoutMap.clearCellRangeMap()), 
+        (this.table.isPivotChart() || this.table._hasCustomRenderOrLayout()) && this.stage.pluginService.autoEnablePlugins.getContributions().forEach((p => {
             "poptipForText" === p.name && this.stage.pluginService.register(p);
         })), this.clear = !1, this.frozenColCount = this.table.frozenColCount, this.frozenRowCount = this.table.frozenRowCount, 
         this.proxy = new SceneProxy(this.table), createFrameBorder(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, void 0, !0), 
@@ -354,8 +350,11 @@ export class Scenegraph {
     updateColWidth(col, detaX, skipUpdateContainer, skipTableWidthMap) {
         updateColWidth(this, col, Math.round(detaX), skipTableWidthMap), skipUpdateContainer || this.updateContainer(!0);
     }
-    updateChartSize(col) {
-        updateChartSize(this, col);
+    updateChartSizeForResizeColWidth(col) {
+        updateChartSizeForResizeColWidth(this, col);
+    }
+    updateChartSizeForResizeRowHeight(col) {
+        updateChartSizeForResizeRowHeight(this, col);
     }
     updateChartState(datum) {
         this.table.isPivotChart() && updateChartState(this, datum);
@@ -414,7 +413,7 @@ export class Scenegraph {
         this.proxy.resize(), ("adaptive" === this.table.widthMode || this.table.autoFillWidth) && (0 === this.table.internalProps._widthResizedColMap.size ? this.recalculateColWidths() : this.dealWidthMode()), 
         "adaptive" === this.table.heightMode ? 0 === this.table.internalProps._heightResizedRowMap.size ? this.recalculateRowHeights() : this.dealHeightMode() : this.table.autoFillHeight && this.dealHeightMode(), 
         this.resetFrozen(), this.updateTableSize(), this.updateBorderSizeAndPosition(), 
-        this.component.updateScrollBar(), ("adaptive" === this.table.widthMode || "adaptive" === this.table.heightMode || this.table.autoFillWidth || this.table.autoFillHeight) && this.updateChartSize(this.table.rowHeaderLevelCount), 
+        this.component.updateScrollBar(), ("adaptive" === this.table.widthMode || "adaptive" === this.table.heightMode || this.table.autoFillWidth || this.table.autoFillHeight) && this.updateChartSizeForResizeColWidth(this.table.rowHeaderLevelCount), 
         this.proxy.progress(), this.updateNextFrame();
     }
     updateTableSize() {