@visactor/vtable 1.5.4-beta.0 → 1.5.4

package/cjs/scenegraph/scenegraph.js

@@ -20,8 +20,7 @@ class Scenegraph {
         let width, height;
         this._needUpdateContainer = !1, this.table = table, this.hasFrozen = !1, this.clear = !0, 
         this.mergeMap = new Map, (0, vrender_components_1.setPoptipTheme)(this.table.theme.textPopTipStyle), 
-        table.options.canvas && table.options.viewBox ? (vrender_1.vglobal.setEnv("browser"), 
-        width = table.options.viewBox.x2 - table.options.viewBox.x1, height = table.options.viewBox.y2 - table.options.viewBox.y1) : "node" === env_1.Env.mode ? (vrender_1.vglobal.setEnv("node", table.options.modeParams), 
+        "node" === env_1.Env.mode ? (vrender_1.vglobal.setEnv("node", table.options.modeParams), 
         width = table.canvasWidth, height = table.canvasHeight) : (vrender_1.vglobal.setEnv("browser"), 
         width = table.canvas.width, height = table.canvas.height), this.stage = (0, vrender_1.createStage)(Object.assign({
             canvas: table.canvas,
@@ -31,14 +30,9 @@ 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,
@@ -87,7 +81,7 @@ class Scenegraph {
         this.isPivot = this.table.isPivotTable(), (0, init_scenegraph_1.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(), 
@@ -147,7 +141,8 @@ 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();
@@ -160,7 +155,8 @@ 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 proxy_1.SceneProxy(this.table), (0, frame_border_1.createFrameBorder)(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, void 0, !0), 
@@ -300,8 +296,11 @@ class Scenegraph {
         (0, update_width_1.updateColWidth)(this, col, Math.round(detaX), skipTableWidthMap), 
         skipUpdateContainer || this.updateContainer(!0);
     }
-    updateChartSize(col) {
-        (0, update_chart_1.updateChartSize)(this, col);
+    updateChartSizeForResizeColWidth(col) {
+        (0, update_chart_1.updateChartSizeForResizeColWidth)(this, col);
+    }
+    updateChartSizeForResizeRowHeight(col) {
+        (0, update_chart_1.updateChartSizeForResizeRowHeight)(this, col);
     }
     updateChartState(datum) {
         this.table.isPivotChart() && (0, update_chart_1.updateChartState)(this, datum);
@@ -363,7 +362,7 @@ 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() {