k-vtable 1.0.36 → 1.0.38

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();
     }
@@ -677,7 +701,7 @@ class Scenegraph {
         let lastBodyCol = this.bodyGroup.lastChild;
         lastBodyCol && "group" !== lastBodyCol.type && (lastBodyCol = lastBodyCol._prev), 
         0 === x && firstBodyCol && firstBodyCol.col === this.table.frozenColCount && firstBodyCol.attribute.x + x < 0 ? x = -firstBodyCol.attribute.x : lastBodyCol && this.table.tableNoFrameWidth < this.table.getAllColsWidth() && lastBodyCol.col === this.table.colCount - this.table.rightFrozenColCount - 1 && lastBodyCol.attribute.x + lastBodyCol.attribute.width + x < this.table.tableNoFrameWidth - this.table.getFrozenColsWidth() - this.table.getRightFrozenColsWidth() && (x = this.table.tableNoFrameWidth - this.table.getFrozenColsWidth() - this.table.getRightFrozenColsWidth() - lastBodyCol.attribute.x - lastBodyCol.attribute.width), 
-        this.table.getFrozenColsWidth() + x !== this.bodyGroup.attribute.x && (this.bodyGroup.setAttribute("x", this.table.getFrozenColsWidth() + x), 
+        this.table.options.scrollFrozenCols && x > 0 && (x = 0), this.table.getFrozenColsWidth() + x !== this.bodyGroup.attribute.x && (this.bodyGroup.setAttribute("x", this.table.getFrozenColsWidth() + x), 
         this.colHeaderGroup.setAttribute("x", this.table.getFrozenColsWidth() + x), this.bodySelectGroup.setAttribute("x", this.bodyGroup.attribute.x), 
         this.colHeaderSelectGroup.setAttribute("x", this.colHeaderGroup.attribute.x), this.rowHeaderSelectGroup.setAttribute("x", this.rowHeaderGroup.attribute.x), 
         this.cornerHeaderSelectGroup.setAttribute("x", this.cornerHeaderGroup.attribute.x), 
@@ -741,11 +765,13 @@ class Scenegraph {
         let rowHeaderWidth = 0;
         this.rowHeaderGroup.forEachChildrenSkipChild((column => {
             rowHeaderWidth += column.attribute.width;
-        })), this.rowHeaderGroup.setAttribute("width", rowHeaderWidth);
+        })), table.options.scrollFrozenCols && (rowHeaderWidth = table.getFrozenColsWidth()), 
+        this.rowHeaderGroup.setAttribute("width", rowHeaderWidth);
         let cornerHeaderWidth = 0;
         this.cornerHeaderGroup.forEachChildrenSkipChild((column => {
             cornerHeaderWidth += column.attribute.width;
-        })), this.cornerHeaderGroup.setAttribute("width", cornerHeaderWidth), this.colHeaderGroup.setAttribute("x", this.cornerHeaderGroup.attribute.width), 
+        })), table.options.scrollFrozenCols && (cornerHeaderWidth = table.getFrozenColsWidth()), 
+        this.cornerHeaderGroup.setAttribute("width", cornerHeaderWidth), this.colHeaderGroup.setAttribute("x", this.cornerHeaderGroup.attribute.width), 
         this.rowHeaderGroup.setAttribute("y", this.cornerHeaderGroup.attribute.height), 
         this.bodyGroup.setAttributes({
             x: this.rowHeaderGroup.attribute.width,
@@ -1141,7 +1167,7 @@ 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;