k-vtable 1.0.37 → 1.0.38

package/es/scenegraph/scenegraph.js

@@ -1,4 +1,6 @@
-import { createStage, container, vglobal, registerForVrender } from "./../vrender";
+import { setPoptipTheme, registerForVrender } from "./../vrender";
+
+import { createStageFromVRenderApp } from "../vrender-app";
 
 import { InternalIconName } from "../ts-types";
 
@@ -16,8 +18,6 @@ import { getQuadProps } from "./utils/padding";
 
 import { createFrameBorder, updateCornerRadius, updateFrameBorder, updateFrameBorderSize } from "./style/frame-border";
 
-import splitModule from "./graphic/contributions";
-
 import { getProp } from "./utils/get-prop";
 
 import { dealWithIcon } from "./utils/text-icon-layout";
@@ -54,9 +54,7 @@ import { initSceneGraph } from "./group-creater/init-scenegraph";
 
 import { updateContainerChildrenX, updateContainerChildrenY } from "./utils/update-container";
 
-import { setPoptipTheme } from "./../vrender";
-
-import textMeasureModule from "./utils/text-measure";
+import { installVTableRuntimeContributions } from "./runtime-contributions";
 
 import { getIconByXY, hideClickIcon, hideHoverIcon, resetResidentHoverIcon, residentHoverIcon, setIconHoverStyle, setIconNormalStyle, showClickIcon, showHoverIcon, updateFrozenIcon, updateHierarchyIcon, updateSortIcon } from "./icon/icon-update";
 
@@ -82,22 +80,25 @@ import { getCellEventArgsSet } from "../event/util";
 
 import { clearAndReleaseBrushingChartInstance, getBrushingChartInstance, getBrushingChartInstanceCellPos } from "./graphic/active-cell-chart-list";
 
-registerForVrender(), container.load(splitModule), container.load(textMeasureModule);
+registerForVrender(), installVTableRuntimeContributions();
 
 export class Scenegraph {
     constructor(table) {
+        var _a, _b;
         let width, height;
-        this._needUpdateContainer = !1, this.table = table, this.hasFrozen = !1, this.clear = !0, 
-        this.mergeMap = new Map, this.brushingChartInstance = void 0, this.brushingChartInstanceCellPos = {
+        this.stageOwned = !0, this._needUpdateContainer = !1, this.table = table, this.hasFrozen = !1, 
+        this.clear = !0, this.mergeMap = new Map, this.brushingChartInstance = void 0, this.brushingChartInstanceCellPos = {
             col: -1,
             row: -1
         }, this.chartInstanceListColumnByColumnDirection = {}, this.chartInstanceListRowByRowDirection = {}, 
         this.delayRunDimensionHoverTimerForColumnDirection = [], this.delayRunDimensionHoverTimerForRowDirection = [], 
         this.delayRunDimensionHoverTimerForViewRange = [], this.disabledTooltipToAllChartInstances = !1, 
-        setPoptipTheme(this.table.theme.textPopTipStyle), "node" === Env.mode ? (vglobal.setEnv("node", table.options.modeParams), 
-        width = table.canvasWidth, height = table.canvasHeight) : 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) : (vglobal.setEnv("browser"), 
-        width = table.canvas.width, height = table.canvas.height), this.stage = createStage(Object.assign({
+        setPoptipTheme(this.table.theme.textPopTipStyle);
+        const mode = null !== (_a = table.options.mode) && void 0 !== _a ? _a : "node" === Env.mode ? "node" : "browser";
+        "node" === mode ? (width = table.canvasWidth, height = table.canvasHeight) : table.options.canvas && table.options.viewBox ? (width = table.options.viewBox.x2 - table.options.viewBox.x1, 
+        height = table.options.viewBox.y2 - table.options.viewBox.y1) : (width = table.canvas.width, 
+        height = table.canvas.height);
+        const {stage: stage, releaseAppRef: releaseAppRef, stageOwned: stageOwned} = createStageFromVRenderApp(Object.assign({
             canvas: table.canvas,
             width: width,
             height: height,
@@ -112,8 +113,19 @@ export class Scenegraph {
                 this.table.options.afterRender && this.table.options.afterRender(stage), this.table.fireListeners("after_render", null);
             },
             canvasControled: !table.options.canvas,
-            viewBox: table.options.viewBox
-        }, table.options.renderOption)), this.stage.defaultLayer.setTheme({
+            viewBox: table.options.viewBox,
+            context: {
+                appName: "vtable"
+            }
+        }, table.options.renderOption), {
+            mode: mode,
+            scope: null !== (_b = table.options.vRenderAppScope) && void 0 !== _b ? _b : "vtable",
+            app: table.options.vRenderApp,
+            stage: table.options.stage,
+            envParams: table.options.modeParams
+        });
+        this.stage = stage, this.stageOwned = stageOwned, this.releaseVRenderAppRef = releaseAppRef, 
+        this.stage.defaultLayer.setTheme({
             group: {
                 boundsPadding: 0,
                 strokeBoundsBuffer: 0,
@@ -296,6 +308,20 @@ export class Scenegraph {
         delete this.tableGroup.border), null === (_u = this.proxy) || void 0 === _u || _u.release(), 
         null === (_v = this.table.reactCustomLayout) || void 0 === _v || _v.clearCache();
     }
+    releaseStage() {
+        var _a, _b, _c;
+        const releaseAppRef = this.releaseVRenderAppRef;
+        this.releaseVRenderAppRef = void 0;
+        try {
+            if (this.stageOwned) null === (_a = this.stage) || void 0 === _a || _a.release(); else {
+                const tableGroup = this.tableGroup, tableGroupParent = null == tableGroup ? void 0 : tableGroup.parent;
+                null === (_b = null == tableGroupParent ? void 0 : tableGroupParent.removeChild) || void 0 === _b || _b.call(tableGroupParent, tableGroup), 
+                null === (_c = null == tableGroup ? void 0 : tableGroup.release) || void 0 === _c || _c.call(tableGroup, !0);
+            }
+        } finally {
+            null == releaseAppRef || releaseAppRef();
+        }
+    }
     updateStageBackground() {
         this.stage.background = this.table.theme.underlayBackgroundColor, this.stage.renderNextFrame();
     }
@@ -1154,7 +1180,7 @@ export class Scenegraph {
         return col < this.table.rowHeaderLevelCount ? this.table.getColsWidth(0, col - 1) : col < this.table.colCount - this.table.rightFrozenColCount ? this.table.getColsWidth(this.table.rowHeaderLevelCount, col - 1) : col < this.table.colCount ? this.table.getColsWidth(this.table.colCount - this.table.bottomFrozenRowCount, col - 1) : 0;
     }
     getCellGroupY(row) {
-        return row < this.table.frozenRowCount ? this.table.getRowsHeight(0, row - 1) : row < this.table.rowCount - this.table.bottomFrozenRowCount ? this.table.getRowsHeight(this.table.columnHeaderLevelCount, row - 1) : row < this.table.rowCount ? this.table.getRowsHeight(this.table.rowCount - this.table.bottomFrozenRowCount, row - 1) : 0;
+        return row < this.table.frozenRowCount ? this.table.getRowsHeight(0, row - 1) : row < this.table.rowCount - this.table.bottomFrozenRowCount ? this.table.getRowsHeight(this.table.frozenRowCount, row - 1) : row < this.table.rowCount ? this.table.getRowsHeight(this.table.rowCount - this.table.bottomFrozenRowCount, row - 1) : 0;
     }
     getCellGroupX(col) {
         return col < this.table.rowHeaderLevelCount ? this.table.getColsWidth(0, col - 1) : col < this.table.colCount - this.table.rightFrozenColCount ? this.table.getColsWidth(this.table.rowHeaderLevelCount, col - 1) : col < this.table.colCount ? this.table.getColsWidth(this.table.colCount - this.table.rightFrozenColCount, col - 1) : 0;