@visactor/vtable 1.26.4 → 1.26.6

package/cjs/scenegraph/runtime-contributions.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.installVTableRuntimeContributions = void 0;
+
+const runtime_contribution_1 = require("@visactor/vrender/entries/runtime-contribution"), constants_1 = require("@visactor/vrender-kits/picker/contributions/constants"), contributions_1 = __importDefault(require("./graphic/contributions")), text_measure_1 = __importDefault(require("./utils/text-measure"));
+
+function installVTableRuntimeContributions(app) {
+    (0, runtime_contribution_1.installRuntimeContributionModule)(contributions_1.default, {
+        app: app,
+        targets: [ "graphic-renderer", "draw-contribution", {
+            picker: constants_1.CanvasPickerContribution
+        } ]
+    }), (0, runtime_contribution_1.installRuntimeContributionModule)(text_measure_1.default, {
+        app: app,
+        targets: [ "graphic-renderer" ]
+    });
+}
+
+exports.installVTableRuntimeContributions = installVTableRuntimeContributions;
+//# sourceMappingURL=runtime-contributions.js.map

package/cjs/scenegraph/runtime-contributions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/scenegraph/runtime-contributions.ts"],"names":[],"mappings":";;;;;;AACA,yFAAkG;AAClG,qFAAiG;AAEjG,4EAAkD;AAClD,wEAAqD;AAErD,SAAgB,iCAAiC,CAAC,GAAU;IAC1D,IAAA,uDAAgC,EAAC,uBAAW,EAAE;QAC5C,GAAG;QACH,OAAO,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,EAAE,MAAM,EAAE,oCAAwB,EAAE,CAAC;KACzF,CAAC,CAAC;IAEH,IAAA,uDAAgC,EAAC,sBAAiB,EAAE;QAClD,GAAG;QACH,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAC9B,CAAC,CAAC;AACL,CAAC;AAVD,8EAUC","file":"runtime-contributions.js","sourcesContent":["import type { IApp } from '@visactor/vrender-core';\nimport { installRuntimeContributionModule } from '@visactor/vrender/entries/runtime-contribution';\nimport { CanvasPickerContribution } from '@visactor/vrender-kits/picker/contributions/constants';\n\nimport splitModule from './graphic/contributions';\nimport textMeasureModule from './utils/text-measure';\n\nexport function installVTableRuntimeContributions(app?: IApp): void {\n  installRuntimeContributionModule(splitModule, {\n    app,\n    targets: ['graphic-renderer', 'draw-contribution', { picker: CanvasPickerContribution }]\n  });\n\n  installRuntimeContributionModule(textMeasureModule, {\n    app,\n    targets: ['graphic-renderer']\n  });\n}\n"]}

package/cjs/scenegraph/scenegraph.d.ts

@@ -1,4 +1,4 @@
-import type { IStage, IRect, IRectGraphicAttribute } from './../vrender';
+import { type IRect, type IRectGraphicAttribute, type IStage } from './../vrender';
 import type { CellRange, CellSubLocation } from '../ts-types';
 import { type CellAddress, type SortOrder } from '../ts-types';
 import type { Group } from './graphic/group';
@@ -49,6 +49,8 @@ export declare class Scenegraph {
     lastSelectId: string;
     component: TableComponent;
     stage: IStage;
+    stageOwned: boolean;
+    releaseVRenderAppRef?: () => void;
     table: BaseTableAPI;
     isPivot: boolean;
     hasFrozen: boolean;
@@ -81,6 +83,7 @@ export declare class Scenegraph {
     initSceneGraph(): void;
     canvasShowMenu(): void;
     clearCells(): void;
+    releaseStage(): void;
     updateStageBackground(): void;
     createComponent(): void;
     updateComponent(): void;

package/cjs/scenegraph/scenegraph.js

@@ -23,35 +23,34 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
     var result = {};
     if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
     return __setModuleDefault(result, mod), result;
-}, __importDefault = this && this.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : {
-        default: mod
-    };
 };
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Scenegraph = void 0;
 
-const vrender_1 = require("./../vrender"), ts_types_1 = require("../ts-types"), get_cell_merge_1 = require("./utils/get-cell-merge"), update_width_1 = require("./layout/update-width"), table_component_1 = require("./component/table-component"), update_height_1 = require("./layout/update-height"), image_cell_1 = require("./group-creater/cell-type/image-cell"), padding_1 = require("./utils/padding"), frame_border_1 = require("./style/frame-border"), contributions_1 = __importDefault(require("./graphic/contributions")), get_prop_1 = require("./utils/get-prop"), text_icon_layout_1 = require("./utils/text-icon-layout"), proxy_1 = require("./group-creater/progress/proxy"), compute_col_width_1 = require("./layout/compute-col-width"), move_cell_1 = require("./layout/move-cell"), cell_helper_1 = require("./group-creater/cell-helper"), update_select_border_1 = require("./select/update-select-border"), create_select_border_1 = require("./select/create-select-border"), move_select_border_1 = require("./select/move-select-border"), delete_select_border_1 = require("./select/delete-select-border"), update_row_1 = require("./layout/update-row"), stick_text_1 = require("./stick-text"), compute_row_height_1 = require("./layout/compute-row-height"), empty_group_1 = require("./utils/empty-group"), frozen_1 = require("./layout/frozen"), update_chart_1 = require("./refresh-node/update-chart"), init_scenegraph_1 = require("./group-creater/init-scenegraph"), update_container_1 = require("./utils/update-container"), vrender_2 = require("./../vrender"), text_measure_1 = __importDefault(require("./utils/text-measure")), icon_update_1 = require("./icon/icon-update"), env_1 = require("../tools/env"), corner_cell_1 = require("./style/corner-cell"), update_col_1 = require("./layout/update-col"), util_1 = require("../tools/util"), appear_1 = require("./animation/appear"), frozen_react_1 = require("./layout/frozen-react"), registerIcons = __importStar(require("../icons")), update_select_style_1 = require("./select/update-select-style"), TABLE_EVENT_TYPE_1 = require("../core/TABLE_EVENT_TYPE"), util_2 = require("../event/util"), active_cell_chart_list_1 = require("./graphic/active-cell-chart-list");
+const vrender_1 = require("./../vrender"), vrender_app_1 = require("../vrender-app"), ts_types_1 = require("../ts-types"), get_cell_merge_1 = require("./utils/get-cell-merge"), update_width_1 = require("./layout/update-width"), table_component_1 = require("./component/table-component"), update_height_1 = require("./layout/update-height"), image_cell_1 = require("./group-creater/cell-type/image-cell"), padding_1 = require("./utils/padding"), frame_border_1 = require("./style/frame-border"), get_prop_1 = require("./utils/get-prop"), text_icon_layout_1 = require("./utils/text-icon-layout"), proxy_1 = require("./group-creater/progress/proxy"), compute_col_width_1 = require("./layout/compute-col-width"), move_cell_1 = require("./layout/move-cell"), cell_helper_1 = require("./group-creater/cell-helper"), update_select_border_1 = require("./select/update-select-border"), create_select_border_1 = require("./select/create-select-border"), move_select_border_1 = require("./select/move-select-border"), delete_select_border_1 = require("./select/delete-select-border"), update_row_1 = require("./layout/update-row"), stick_text_1 = require("./stick-text"), compute_row_height_1 = require("./layout/compute-row-height"), empty_group_1 = require("./utils/empty-group"), frozen_1 = require("./layout/frozen"), update_chart_1 = require("./refresh-node/update-chart"), init_scenegraph_1 = require("./group-creater/init-scenegraph"), update_container_1 = require("./utils/update-container"), runtime_contributions_1 = require("./runtime-contributions"), icon_update_1 = require("./icon/icon-update"), env_1 = require("../tools/env"), corner_cell_1 = require("./style/corner-cell"), update_col_1 = require("./layout/update-col"), util_1 = require("../tools/util"), appear_1 = require("./animation/appear"), frozen_react_1 = require("./layout/frozen-react"), registerIcons = __importStar(require("../icons")), update_select_style_1 = require("./select/update-select-style"), TABLE_EVENT_TYPE_1 = require("../core/TABLE_EVENT_TYPE"), util_2 = require("../event/util"), active_cell_chart_list_1 = require("./graphic/active-cell-chart-list");
 
-(0, vrender_1.registerForVrender)(), vrender_1.container.load(contributions_1.default), 
-vrender_1.container.load(text_measure_1.default);
+(0, vrender_1.registerForVrender)(), (0, runtime_contributions_1.installVTableRuntimeContributions)();
 
 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, 
-        (0, vrender_2.setPoptipTheme)(this.table.theme.textPopTipStyle), "node" === env_1.Env.mode ? (vrender_1.vglobal.setEnv("node", table.options.modeParams), 
-        width = table.canvasWidth, height = table.canvasHeight) : 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) : (vrender_1.vglobal.setEnv("browser"), 
-        width = table.canvas.width, height = table.canvas.height), this.stage = (0, vrender_1.createStage)(Object.assign({
+        (0, vrender_1.setPoptipTheme)(this.table.theme.textPopTipStyle);
+        const mode = null !== (_a = table.options.mode) && void 0 !== _a ? _a : "node" === env_1.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} = (0, 
+        vrender_app_1.createStageFromVRenderApp)(Object.assign({
             canvas: table.canvas,
             width: width,
             height: height,
@@ -66,8 +65,19 @@ 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,
@@ -250,6 +260,20 @@ 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();
     }
@@ -586,27 +610,49 @@ class Scenegraph {
                 height: this.tableGroup.attribute.height
             })));
         }
-        this.table.bottomFrozenRowCount > 0 && (this.bottomFrozenGroup.setAttribute("y", this.tableGroup.attribute.height - this.table.getBottomFrozenRowsHeight()), 
-        this.leftBottomCornerGroup.setAttributes({
-            visible: !0,
-            y: this.tableGroup.attribute.height - this.table.getBottomFrozenRowsHeight(),
-            height: this.table.getBottomFrozenRowsHeight(),
-            width: this.table.getFrozenColsWidth()
-        }), this.rightBottomCornerGroup.setAttributes({
-            visible: !0,
-            y: this.tableGroup.attribute.height - this.table.getBottomFrozenRowsHeight(),
-            height: this.table.getBottomFrozenRowsHeight()
-        })), this.table.rightFrozenColCount > 0 && (this.rightFrozenGroup.setAttribute("x", this.tableGroup.attribute.width - this.table.getRightFrozenColsWidth()), 
-        this.rightTopCornerGroup.setAttributes({
-            visible: !0,
-            x: this.tableGroup.attribute.width - this.table.getRightFrozenColsWidth(),
-            width: this.table.getRightFrozenColsWidth(),
-            height: this.table.getFrozenRowsHeight()
+        const hasFrozenCols = this.table.frozenColCount > 0, hasRightFrozenCols = this.table.rightFrozenColCount > 0, hasFrozenRows = this.table.frozenRowCount > 0, hasBottomFrozenRows = this.table.bottomFrozenRowCount > 0;
+        if (hasBottomFrozenRows) {
+            const bottomFrozenRowsHeight = this.table.getBottomFrozenRowsHeight(), topFrozenBottom = Math.max(this.colHeaderGroup.attribute.y + this.colHeaderGroup.attribute.height, this.cornerHeaderGroup.attribute.y + this.cornerHeaderGroup.attribute.height, this.rightTopCornerGroup.attribute.y + this.rightTopCornerGroup.attribute.height), middleContentBottom = Math.max(this.rowHeaderGroup.attribute.y + this.rowHeaderGroup.attribute.height, this.bodyGroup.attribute.y + this.bodyGroup.attribute.height, this.rightFrozenGroup.attribute.y + this.rightFrozenGroup.attribute.height, topFrozenBottom), bottomFrozenY = Math.min(this.tableGroup.attribute.height - bottomFrozenRowsHeight, middleContentBottom);
+            this.bottomFrozenGroup.setAttribute("y", bottomFrozenY), this.leftBottomCornerGroup.setAttributes({
+                visible: hasFrozenCols,
+                y: bottomFrozenY,
+                height: bottomFrozenRowsHeight,
+                width: hasFrozenCols ? this.table.getFrozenColsWidth() : 0
+            }), this.rightBottomCornerGroup.setAttributes({
+                visible: hasRightFrozenCols,
+                x: 0,
+                y: bottomFrozenY,
+                width: 0,
+                height: bottomFrozenRowsHeight
+            });
+        } else this.leftBottomCornerGroup.setAttributes({
+            visible: !1,
+            width: 0,
+            height: 0
         }), this.rightBottomCornerGroup.setAttributes({
-            visible: !0,
-            x: this.tableGroup.attribute.width - this.table.getRightFrozenColsWidth(),
-            width: this.table.getRightFrozenColsWidth()
-        })), this.updateDomContainer();
+            visible: !1,
+            width: 0,
+            height: 0
+        });
+        if (hasRightFrozenCols) {
+            const rightFrozenColsWidth = this.table.getRightFrozenColsWidth(), middleContentRight = Math.max(this.colHeaderGroup.attribute.x + this.colHeaderGroup.attribute.width, this.bodyGroup.attribute.x + this.bodyGroup.attribute.width, this.bottomFrozenGroup.attribute.x + this.bottomFrozenGroup.attribute.width), rightFrozenX = Math.min(this.tableGroup.attribute.width - rightFrozenColsWidth, middleContentRight);
+            this.rightFrozenGroup.setAttribute("x", rightFrozenX), this.rightTopCornerGroup.setAttributes({
+                visible: hasFrozenRows,
+                x: rightFrozenX,
+                width: hasFrozenRows ? rightFrozenColsWidth : 0,
+                height: hasFrozenRows ? this.table.getFrozenRowsHeight() : 0
+            }), this.rightBottomCornerGroup.setAttributes({
+                visible: hasBottomFrozenRows,
+                x: rightFrozenX,
+                width: hasBottomFrozenRows ? rightFrozenColsWidth : 0,
+                height: hasBottomFrozenRows ? this.table.getBottomFrozenRowsHeight() : 0
+            });
+        } else this.rightTopCornerGroup.setAttributes({
+            visible: !1,
+            width: 0,
+            height: 0
+        });
+        this.updateDomContainer();
     }
     updateRowHeight(row, detaY, skipTableHeightMap) {
         detaY = Math.round(detaY), (0, update_height_1.updateRowHeight)(this, row, detaY, skipTableHeightMap),