@visactor/vtable 1.26.1 → 1.27.0-alpha.0

package/cjs/data/CachedDataSource.js

@@ -255,5 +255,4 @@ function syncGroupCollapseState(oldSource, newSource, oldGroupMap, newGroupMap)
     }
 }
 
-//# sourceMappingURL=CachedDataSource.js.map
 exports.CachedDataSource = CachedDataSource;

package/cjs/dataset/DataStatistics.js

@@ -77,4 +77,5 @@ function dateFormat(baseField, formatString, utcOutput, mthNames, dayNames) {
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.dateFormat = exports.numberFormat = void 0, exports.numberFormat = numberFormat, 
-exports.dateFormat = dateFormat;
+exports.dateFormat = dateFormat;
+//# sourceMappingURL=DataStatistics.js.map

package/cjs/event/sparkline-event.js

@@ -23,5 +23,4 @@ function bindSparklineHoverEvent(table) {
     })));
 }
 
-exports.bindSparklineHoverEvent = bindSparklineHoverEvent;
-//# sourceMappingURL=sparkline-event.js.map
+exports.bindSparklineHoverEvent = bindSparklineHoverEvent;

package/cjs/header-helper/style.js

@@ -31,4 +31,5 @@ function of(headerStyle, defaultHeaderStyle, styleArg, StyleClass, globalAutoWra
     StyleClass === CheckboxStyle_1.CheckboxStyle ? new CheckboxStyle_1.CheckboxStyle(null != headerStyle ? headerStyle : {}, null != defaultHeaderStyle ? defaultHeaderStyle : {}, null !== (_a = theme.checkboxStyle) && void 0 !== _a ? _a : {}) : new StyleClass(null != headerStyle ? headerStyle : {}, null != defaultHeaderStyle ? defaultHeaderStyle : {})) : StyleClass.DEFAULT;
 }
 
-exports.of = of;
+exports.of = of;
+//# sourceMappingURL=style.js.map

package/cjs/plugins/custom-cell-style.js

@@ -167,4 +167,4 @@ const registerCustomCellStylePlugin = () => {
 };
 
 exports.registerCustomCellStylePlugin = registerCustomCellStylePlugin;
-//# sourceMappingURL=custom-cell-style.js.map
+//# sourceMappingURL=custom-cell-style.js.map

package/cjs/scenegraph/animation/appear.js

@@ -9,12 +9,14 @@ function dealWithAnimationAppear(table) {
     delay = null !== (_b = table.options.animationAppear.delay) && void 0 !== _b ? _b : 0, 
     type = null !== (_c = table.options.animationAppear.type) && void 0 !== _c ? _c : "one-by-one", 
     direction = null !== (_d = table.options.animationAppear.direction) && void 0 !== _d ? _d : "row");
-    const {scenegraph: scene, frozenColCount: frozenColCount, frozenRowCount: frozenRowCount} = table, {colStart: colStart, colEnd: colEnd, rowStart: rowStart, rowEnd: rowEnd} = scene.proxy;
+    const {scenegraph: scene} = table, {colEnd: colEnd, rowEnd: rowEnd} = scene.proxy;
     for (let col = 0; col <= colEnd; col++) for (let row = 0; row <= rowEnd; row++) {
         const cellGroup = scene.highPerformanceGetCell(col, row);
         cellGroup && "cell" === cellGroup.role && cellGroup.forEachChildren((child => {
-            child.setAttribute("opacity", 0), child.animate().wait("one-by-one" === type ? ("row" === direction ? row : col) * (duration - delay) : delay).to({
-                opacity: 1
+            var _a;
+            const finalOpacity = null !== (_a = child.attribute.opacity) && void 0 !== _a ? _a : 1, animationDelay = "one-by-one" === type ? ("row" === direction ? row : col) * (duration - delay) : delay;
+            child.setAttribute("opacity", finalOpacity), child.animate().wait(animationDelay).from({
+                opacity: 0
             }, duration, "linear");
         }));
     }

package/cjs/scenegraph/animation/appear.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/scenegraph/animation/appear.ts"],"names":[],"mappings":";;;AAGA,SAAgB,uBAAuB,CAAC,KAAmB;;IACzD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,EAAE;QAClC,OAAO;KACR;IAED,IAAI,QAAgB,CAAC;IACrB,IAAI,KAAa,CAAC;IAClB,IAAI,IAA0B,CAAC;IAC/B,IAAI,SAA2B,CAAC;IAEhC,IAAI,KAAK,CAAC,OAAO,CAAC,eAAe,KAAK,IAAI,EAAE;QAC1C,QAAQ,GAAG,GAAG,CAAC;QACf,KAAK,GAAG,CAAC,CAAC;QACV,IAAI,GAAG,YAAY,CAAC;QACpB,SAAS,GAAG,QAAQ,CAAC;KACtB;SAAM;QACL,QAAQ,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,QAAQ,mCAAI,GAAG,CAAC;QACzD,KAAK,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,mCAAI,CAAC,CAAC;QACjD,IAAI,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,mCAAI,YAAY,CAAC;QAC1D,SAAS,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,mCAAI,KAAK,CAAC;KAC9D;IAED,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAGpE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;IAE3D,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,EAAE;QACtC,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,EAAE;YACtC,MAAM,SAAS,GAAG,KAAK,CAAC,sBAAsB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YACzD,IAAI,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,EAAE;gBAC1C,SAAS,CAAC,eAAe,CAAC,CAAC,KAAW,EAAE,EAAE;oBACxC,KAAK,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;oBACjC,KAAK;yBACF,OAAO,EAAE;yBACT,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;yBAC5F,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBAC5C,CAAC,CAAC,CAAC;aACJ;SACF;KACF;AACH,CAAC;AAzCD,0DAyCC","file":"appear.js","sourcesContent":["import type { Text } from './../../vrender';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\nexport function dealWithAnimationAppear(table: BaseTableAPI) {\n  if (!table.options.animationAppear) {\n    return;\n  }\n\n  let duration: number;\n  let delay: number;\n  let type: 'all' | 'one-by-one';\n  let direction: 'row' | 'column';\n\n  if (table.options.animationAppear === true) {\n    duration = 500;\n    delay = 0;\n    type = 'one-by-one';\n    direction = 'column';\n  } else {\n    duration = table.options.animationAppear.duration ?? 500;\n    delay = table.options.animationAppear.delay ?? 0;\n    type = table.options.animationAppear.type ?? 'one-by-one';\n    direction = table.options.animationAppear.direction ?? 'row';\n  }\n\n  const { scenegraph: scene, frozenColCount, frozenRowCount } = table;\n\n  // header cell\n  const { colStart, colEnd, rowStart, rowEnd } = scene.proxy; // to do: right bottom frozen\n\n  for (let col = 0; col <= colEnd; col++) {\n    for (let row = 0; row <= rowEnd; row++) {\n      const cellGroup = scene.highPerformanceGetCell(col, row);\n      if (cellGroup && cellGroup.role === 'cell') {\n        cellGroup.forEachChildren((child: Text) => {\n          child.setAttribute('opacity', 0);\n          child\n            .animate()\n            .wait(type === 'one-by-one' ? (direction === 'row' ? row : col) * (duration - delay) : delay)\n            .to({ opacity: 1 }, duration, 'linear');\n        });\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/scenegraph/animation/appear.ts"],"names":[],"mappings":";;;AAGA,SAAgB,uBAAuB,CAAC,KAAmB;;IACzD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,EAAE;QAClC,OAAO;KACR;IAED,IAAI,QAAgB,CAAC;IACrB,IAAI,KAAa,CAAC;IAClB,IAAI,IAA0B,CAAC;IAC/B,IAAI,SAA2B,CAAC;IAEhC,IAAI,KAAK,CAAC,OAAO,CAAC,eAAe,KAAK,IAAI,EAAE;QAC1C,QAAQ,GAAG,GAAG,CAAC;QACf,KAAK,GAAG,CAAC,CAAC;QACV,IAAI,GAAG,YAAY,CAAC;QACpB,SAAS,GAAG,QAAQ,CAAC;KACtB;SAAM;QACL,QAAQ,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,QAAQ,mCAAI,GAAG,CAAC;QACzD,KAAK,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,mCAAI,CAAC,CAAC;QACjD,IAAI,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,mCAAI,YAAY,CAAC;QAC1D,SAAS,GAAG,MAAA,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,mCAAI,KAAK,CAAC;KAC9D;IAED,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAGpC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;IAEvC,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,EAAE;QACtC,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,EAAE;YACtC,MAAM,SAAS,GAAG,KAAK,CAAC,sBAAsB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YACzD,IAAI,SAAS,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,EAAE;gBAC1C,SAAS,CAAC,eAAe,CAAC,CAAC,KAAW,EAAE,EAAE;;oBACxC,MAAM,YAAY,GAAG,MAAA,KAAK,CAAC,SAAS,CAAC,OAAO,mCAAI,CAAC,CAAC;oBAClD,MAAM,cAAc,GAAG,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;oBAE9G,KAAK,CAAC,YAAY,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;oBAC5C,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBAChF,CAAC,CAAC,CAAC;aACJ;SACF;KACF;AACH,CAAC;AAzCD,0DAyCC","file":"appear.js","sourcesContent":["import type { Text } from './../../vrender';\nimport type { BaseTableAPI } from '../../ts-types/base-table';\n\nexport function dealWithAnimationAppear(table: BaseTableAPI) {\n  if (!table.options.animationAppear) {\n    return;\n  }\n\n  let duration: number;\n  let delay: number;\n  let type: 'all' | 'one-by-one';\n  let direction: 'row' | 'column';\n\n  if (table.options.animationAppear === true) {\n    duration = 500;\n    delay = 0;\n    type = 'one-by-one';\n    direction = 'column';\n  } else {\n    duration = table.options.animationAppear.duration ?? 500;\n    delay = table.options.animationAppear.delay ?? 0;\n    type = table.options.animationAppear.type ?? 'one-by-one';\n    direction = table.options.animationAppear.direction ?? 'row';\n  }\n\n  const { scenegraph: scene } = table;\n\n  // header cell\n  const { colEnd, rowEnd } = scene.proxy; // to do: right bottom frozen\n\n  for (let col = 0; col <= colEnd; col++) {\n    for (let row = 0; row <= rowEnd; row++) {\n      const cellGroup = scene.highPerformanceGetCell(col, row);\n      if (cellGroup && cellGroup.role === 'cell') {\n        cellGroup.forEachChildren((child: Text) => {\n          const finalOpacity = child.attribute.opacity ?? 1;\n          const animationDelay = type === 'one-by-one' ? (direction === 'row' ? row : col) * (duration - delay) : delay;\n\n          child.setAttribute('opacity', finalOpacity);\n          child.animate().wait(animationDelay).from({ opacity: 0 }, duration, 'linear');\n        });\n      }\n    }\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,7 @@ export declare class Scenegraph {
     lastSelectId: string;
     component: TableComponent;
     stage: IStage;
+    releaseVRenderAppRef?: () => void;
     table: BaseTableAPI;
     isPivot: boolean;
     hasFrozen: boolean;
@@ -81,6 +82,7 @@ export declare class Scenegraph {
     initSceneGraph(): void;
     canvasShowMenu(): void;
     clearCells(): void;
+    releaseStage(): void;
     updateStageBackground(): void;
     createComponent(): void;
     updateComponent(): void;

package/cjs/scenegraph/scenegraph.js

@@ -33,7 +33,7 @@ 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"), 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"), 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");
 
 (0, vrender_1.registerForVrender)(), vrender_1.container.load(contributions_1.default), 
 vrender_1.container.load(text_measure_1.default);
@@ -48,10 +48,11 @@ class Scenegraph {
         }, 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), 
+        (0, vrender_1.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({
+        width = table.canvas.width, height = table.canvas.height);
+        const {stage: stage, releaseAppRef: releaseAppRef} = (0, vrender_1.createStageFromVRenderApp)(Object.assign({
             canvas: table.canvas,
             width: width,
             height: height,
@@ -67,7 +68,11 @@ class Scenegraph {
             },
             canvasControled: !table.options.canvas,
             viewBox: table.options.viewBox
-        }, table.options.renderOption)), this.stage.defaultLayer.setTheme({
+        }, table.options.renderOption), {
+            mode: "node" === env_1.Env.mode ? "node" : "browser",
+            scope: "vtable"
+        });
+        this.stage = stage, this.releaseVRenderAppRef = releaseAppRef, this.stage.defaultLayer.setTheme({
             group: {
                 boundsPadding: 0,
                 strokeBoundsBuffer: 0,
@@ -250,6 +255,16 @@ 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;
+        const releaseAppRef = this.releaseVRenderAppRef;
+        this.releaseVRenderAppRef = void 0;
+        try {
+            null === (_a = this.stage) || void 0 === _a || _a.release();
+        } finally {
+            null == releaseAppRef || releaseAppRef();
+        }
+    }
     updateStageBackground() {
         this.stage.background = this.table.theme.underlayBackgroundColor, this.stage.renderNextFrame();
     }