@visactor/vrender-core 1.1.12 → 1.1.14

package/cjs/canvas/conical-gradient.js

@@ -128,4 +128,4 @@ function createConicalGradient(context, stops, x, y, deltaAngle, startAngle, end
 
 ConicalPatternStore.cache = {}, ConicalPatternStore.ImageSize = [ 20, 40, 80, 160, 320, 640, 1280, 2560 ], 
 exports.getConicGradientAt = getConicGradientAt, exports.createConicalGradient = createConicalGradient;
-//# sourceMappingURL=conical-gradient.js.map
+//# sourceMappingURL=conical-gradient.js.map

package/cjs/canvas/constants.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Context2dFactory = exports.CanvasFactory = void 0, exports.CanvasFactory = Symbol.for("CanvasFactory"), 
 exports.Context2dFactory = Symbol.for("Context2dFactory");
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/cjs/canvas/empty-context.js

@@ -205,4 +205,4 @@ class EmptyContext2d {
 }
 
 exports.EmptyContext2d = EmptyContext2d;
-//# sourceMappingURL=empty-context.js.map
+//# sourceMappingURL=empty-context.js.map

package/cjs/canvas/index.js

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./constants"), exports), __exportStar(require("./empty-context"), exports), 
 __exportStar(require("./contributions/base-canvas"), exports), __exportStar(require("./conical-gradient"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/canvas/util.js

@@ -400,4 +400,4 @@ function containStroke(commands, lineWidth, x, y) {
 }
 
 exports.contain = contain, exports.containStroke = containStroke;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/cjs/common/bezier-utils.js

@@ -46,5 +46,4 @@ function quadLength(p0, p1, p2, iterationCount) {
 
 exports.snapLength = snapLength, exports.cubicLength = cubicLength, exports.cubicCalc = cubicCalc, 
 exports.cubicPointAt = cubicPointAt, exports.quadCalc = quadCalc, exports.quadPointAt = quadPointAt, 
-exports.quadLength = quadLength;
-//# sourceMappingURL=bezier-utils.js.map
+exports.quadLength = quadLength;

package/cjs/common/contribution-store-state.js

@@ -16,4 +16,5 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.getContributionStoreState = exports.CONTRIBUTION_STORE_STATE_SYMBOL = void 0, 
 exports.CONTRIBUTION_STORE_STATE_SYMBOL = Symbol.for("@visactor/vrender-core/contribution-store-state"), 
-exports.getContributionStoreState = getContributionStoreState;
+exports.getContributionStoreState = getContributionStoreState;
+//# sourceMappingURL=contribution-store-state.js.map

package/cjs/common/path-svg.js

@@ -60,5 +60,4 @@ exports.enumCommandMap = {
     M: 6,
     Q: 7,
     R: 8
-}, exports.parseSvgPath = parseSvgPath;
-//# sourceMappingURL=path-svg.js.map
+}, exports.parseSvgPath = parseSvgPath;

package/cjs/common/render-command-list.js

@@ -13,4 +13,5 @@ function renderCommandList(commandList, context, x = 0, y = 0, sx = 1, sy = 1, z
     }
 }
 
-exports.renderCommandList = renderCommandList;
+exports.renderCommandList = renderCommandList;
+//# sourceMappingURL=render-command-list.js.map

package/cjs/common/seg-context.js

@@ -95,4 +95,4 @@ class ReflectSegContext extends SegContext {
 }
 
 exports.ReflectSegContext = ReflectSegContext;
-//# sourceMappingURL=seg-context.js.map
+//# sourceMappingURL=seg-context.js.map

package/cjs/common/simplify.js

@@ -36,4 +36,4 @@ function flatten_simplify(points, tolerance, highestQuality) {
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.flatten_simplify = void 0, exports.flatten_simplify = flatten_simplify;
-//# sourceMappingURL=simplify.js.map
+//# sourceMappingURL=simplify.js.map

package/cjs/common/sort.js

@@ -101,4 +101,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.findNextGraphic = exports.foreachAsync = exports.foreach = void 0, exports.foreach = foreach, 
 exports.foreachAsync = foreachAsync, exports.findNextGraphic = findNextGraphic;
-//# sourceMappingURL=sort.js.map
+//# sourceMappingURL=sort.js.map

package/cjs/common/split-path.js

@@ -269,4 +269,4 @@ const splitPath = (path, count) => {
 };
 
 exports.splitPath = splitPath;
-//# sourceMappingURL=split-path.js.map
+//# sourceMappingURL=split-path.js.map

package/cjs/common/text.js

@@ -34,4 +34,4 @@ function textAttributesToStyle(attrs) {
 
 exports.textDrawOffsetY = textDrawOffsetY, exports.textDrawOffsetX = textDrawOffsetX, 
 exports.textLayoutOffsetY = textLayoutOffsetY, exports.textAttributesToStyle = textAttributesToStyle;
-//# sourceMappingURL=text.js.map
+//# sourceMappingURL=text.js.map

package/cjs/core/contributions/layerHandler/modules.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.bindLayerHandlerModules = void 0;
 
-const constants_1 = require("../../constants"), canvas2d_contribution_1 = require("./canvas2d-contribution");
+const constants_1 = require("../../constants"), canvas2d_contribution_1 = require("./canvas2d-contribution"), empty_contribution_1 = require("./empty-contribution");
 
 function bindLayerHandlerModules({bind: bind}) {
-    bind(canvas2d_contribution_1.CanvasLayerHandlerContribution).toSelf(), bind(constants_1.StaticLayerHandlerContribution).toService(canvas2d_contribution_1.CanvasLayerHandlerContribution);
+    bind(canvas2d_contribution_1.CanvasLayerHandlerContribution).toSelf(), bind(empty_contribution_1.EmptyLayerHandlerContribution).toSelf(), 
+    bind(constants_1.StaticLayerHandlerContribution).toService(canvas2d_contribution_1.CanvasLayerHandlerContribution), 
+    bind(constants_1.VirtualLayerHandlerContribution).toService(empty_contribution_1.EmptyLayerHandlerContribution);
 }
 
 exports.bindLayerHandlerModules = bindLayerHandlerModules, exports.default = bindLayerHandlerModules;

package/cjs/core/contributions/layerHandler/modules.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/contributions/layerHandler/modules.ts"],"names":[],"mappings":";;;AAAA,+CAIyB;AACzB,mEAAyE;AAIzE,SAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAiB;IAC7D,IAAI,CAAC,sDAA8B,CAAC,CAAC,MAAM,EAAE,CAAC;IAG9C,IAAI,CAAC,0CAA8B,CAAC,CAAC,SAAS,CAAC,sDAA8B,CAAC,CAAC;AAUjF,CAAC;AAdD,0DAcC;AAED,kBAAe,uBAAuB,CAAC","file":"modules.js","sourcesContent":["import {\n  // DynamicLayerHandlerContribution,\n  StaticLayerHandlerContribution\n  // VirtualLayerHandlerContribution\n} from '../../constants';\nimport { CanvasLayerHandlerContribution } from './canvas2d-contribution';\n// import { EmptyLayerHandlerContribution } from './empty-contribution';\n// import { OffscreenLayerHandlerContribution } from './offscreen2d-contribution';\n\nexport function bindLayerHandlerModules({ bind }: { bind: any }) {\n  bind(CanvasLayerHandlerContribution).toSelf();\n  // bind(OffscreenLayerHandlerContribution).toSelf();\n  // bind(EmptyLayerHandlerContribution).toSelf();\n  bind(StaticLayerHandlerContribution).toService(CanvasLayerHandlerContribution);\n  // bind(DynamicLayerHandlerContribution).toService(OffscreenLayerHandlerContribution);\n  // bind(VirtualLayerHandlerContribution).toService(EmptyLayerHandlerContribution);\n  // try {\n  //   if (typeof OffscreenCanvas === 'function') {\n  //     bind(LayerHandlerContribution).toService(OffscreenLayerHandlerContribution);\n  //   }\n  // } catch (err) {\n  //   bind(LayerHandlerContribution).toService(CanvasLayerHandlerContribution);\n  // }\n}\n\nexport default bindLayerHandlerModules;\n"]}
+{"version":3,"sources":["../src/core/contributions/layerHandler/modules.ts"],"names":[],"mappings":";;;AAAA,+CAIyB;AACzB,mEAAyE;AACzE,6DAAqE;AAGrE,SAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAiB;IAC7D,IAAI,CAAC,sDAA8B,CAAC,CAAC,MAAM,EAAE,CAAC;IAE9C,IAAI,CAAC,kDAA6B,CAAC,CAAC,MAAM,EAAE,CAAC;IAC7C,IAAI,CAAC,0CAA8B,CAAC,CAAC,SAAS,CAAC,sDAA8B,CAAC,CAAC;IAE/E,IAAI,CAAC,2CAA+B,CAAC,CAAC,SAAS,CAAC,kDAA6B,CAAC,CAAC;AAQjF,CAAC;AAdD,0DAcC;AAED,kBAAe,uBAAuB,CAAC","file":"modules.js","sourcesContent":["import {\n  // DynamicLayerHandlerContribution,\n  StaticLayerHandlerContribution,\n  VirtualLayerHandlerContribution\n} from '../../constants';\nimport { CanvasLayerHandlerContribution } from './canvas2d-contribution';\nimport { EmptyLayerHandlerContribution } from './empty-contribution';\n// import { OffscreenLayerHandlerContribution } from './offscreen2d-contribution';\n\nexport function bindLayerHandlerModules({ bind }: { bind: any }) {\n  bind(CanvasLayerHandlerContribution).toSelf();\n  // bind(OffscreenLayerHandlerContribution).toSelf();\n  bind(EmptyLayerHandlerContribution).toSelf();\n  bind(StaticLayerHandlerContribution).toService(CanvasLayerHandlerContribution);\n  // bind(DynamicLayerHandlerContribution).toService(OffscreenLayerHandlerContribution);\n  bind(VirtualLayerHandlerContribution).toService(EmptyLayerHandlerContribution);\n  // try {\n  //   if (typeof OffscreenCanvas === 'function') {\n  //     bind(LayerHandlerContribution).toService(OffscreenLayerHandlerContribution);\n  //   }\n  // } catch (err) {\n  //   bind(LayerHandlerContribution).toService(CanvasLayerHandlerContribution);\n  // }\n}\n\nexport default bindLayerHandlerModules;\n"]}

package/cjs/core/stage.d.ts

@@ -1,6 +1,7 @@
 import { type IAABBBounds, type IBounds, type IBoundsLike, type IMatrix } from '@visactor/vutils';
-import type { IGraphic, IExportType, IStage, IStageParams, ILayer, IColor, IOption3D, ICamera, vec3, IDirectionLight, ITicker, IRenderService, IPickerService, IPluginService, ISyncHook, IDrawContext, IWindow, ILayerService, ITimeline, IOptimizeType, LayerMode, PickResult, IPlugin, IGraphicService, IRenderServiceDrawParams } from '../interface';
+import type { IGraphic, IExportType, IStage, IStageParams, ILayer, IColor, IOption3D, ICamera, vec3, IDirectionLight, ITicker, IRenderService, IPickerService, IPluginService, ISyncHook, IDrawContext, IWindow, ILayerService, ITimeline, IOptimizeType, LayerMode, PickResult, IPlugin, IGraphicService, IRenderServiceDrawParams, IRenderToOptions } from '../interface';
 import type { Layer } from './layer';
+import { FederatedMouseEvent } from '../event';
 import { Group } from '../graphic/group';
 import { type IStageFactoryDeps } from '../factory';
 import { type SharedStateScope } from '../graphic/state/shared-state-scope';
@@ -147,6 +148,7 @@ export declare class Stage extends Group implements IStage {
     sortLayer(cb: (ILayer1: ILayer, layer2: ILayer) => number): void;
     removeLayer(ILayerId: number): ILayer | false;
     tryInitInteractiveLayer(): void;
+    private prepareRenderLayers;
     clearViewBox(color?: string): void;
     render(layers?: ILayer[], params?: Partial<IDrawContext>): void;
     protected combineLayersToWindow(): void;
@@ -168,12 +170,17 @@ export declare class Stage extends Group implements IStage {
     setStage(stage?: IStage): void;
     dirty(b: IBounds, matrix?: IMatrix): void;
     getLayer(name: string): undefined | ILayer;
-    renderTo(window: IWindow): void;
+    renderTo(window: IWindow, _params?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }, options?: IRenderToOptions): void;
     renderToNewWindow(fullImage?: boolean, viewBox?: IAABBBounds): IWindow;
     toCanvas(fullImage?: boolean, viewBox?: IAABBBounds): HTMLCanvasElement | null;
     setCursor(mode?: string): void;
     getCursor(): string;
-    eventPointTransform(e: PointerEvent | WheelEvent | TouchEvent): {
+    eventPointTransform(e: PointerEvent | WheelEvent | TouchEvent | FederatedMouseEvent): {
         x: number;
         y: number;
     };

package/cjs/core/stage.js

@@ -349,31 +349,37 @@ class Stage extends group_1.Group {
             layerMode: layerMode,
             canvasId: canvasId
         });
-        return this.appendChild(layer), layer;
+        return this.appendChild(layer), this.interactiveLayer && layer !== this.interactiveLayer && this.appendChild(this.interactiveLayer), 
+        layer;
     }
     sortLayer(cb) {
         const children = this.children;
         children.sort(cb), this.removeAllChild(), children.forEach((c => {
             this.appendChild(c);
-        }));
+        })), this.interactiveLayer && this.appendChild(this.interactiveLayer);
     }
     removeLayer(ILayerId) {
         return this.removeChild(this.findChildByUid(ILayerId));
     }
     tryInitInteractiveLayer() {
-        "released" !== this.releaseStatus && this.supportInteractiveLayer && !this.interactiveLayer && (this.interactiveLayer = this.createLayer(), 
+        "released" !== this.releaseStatus && this.supportInteractiveLayer && !this.interactiveLayer && (this.interactiveLayer = this.createLayer(void 0, this.params.interactiveLayerMode), 
         this.interactiveLayer.name = "_builtin_interactive", this.interactiveLayer.attribute.pickable = !1, 
         this.nextFrameRenderLayerSet.add(this.interactiveLayer));
     }
+    prepareRenderLayers() {
+        "virtual" === this.params.interactiveLayerMode && this.tryInitInteractiveLayer(), 
+        this.layerService.prepareStageLayer(this);
+    }
     clearViewBox(color) {
         this.window.clearViewBox(color);
     }
     render(layers, params) {
         if ("released" === this.releaseStatus) return;
+        if (this.params.requestRender) return void this.params.requestRender();
         this.startAnimate();
         const state = this.state;
-        this.state = "rendering", this.layerService.prepareStageLayer(this), this._skipRender || (this.lastRenderparams = params, 
-        this.hooks.beforeRender.call(this), this._skipRender || (this.renderLayerList(this.children), 
+        this.state = "rendering", this._skipRender || (this.lastRenderparams = params, this.hooks.beforeRender.call(this), 
+        this._skipRender || (this.prepareRenderLayers(), this.renderLayerList(this.children), 
         this.combineLayersToWindow(), this.nextFrameRenderLayerSet.clear()), this.hooks.afterRender.call(this)), 
         this.state = state, this._skipRender && this._skipRender++;
     }
@@ -389,11 +395,11 @@ class Stage extends group_1.Group {
         }
     }
     renderNextFrame(layers, force) {
-        this.nextFrameRenderLayerSet.size !== this.childrenCount && (layers || this).forEach((layer => {
+        "released" !== this.releaseStatus && (this.params.requestRender ? "rendering" !== this.state && this.params.requestRender() : (this.nextFrameRenderLayerSet.size !== this.childrenCount && (layers || this).forEach((layer => {
             this.nextFrameRenderLayerSet.add(layer);
         })), this.willNextFrameRender || (this.willNextFrameRender = !0, this.global.getSpecifiedRequestAnimationFrame(this.rafId)((() => {
             this._doRenderInThisFrame(), this.willNextFrameRender = !1;
-        })));
+        })))));
     }
     ensureRootSharedStateScope(themeStateDefinitions) {
         return this.rootSharedStateScope ? (this.rootSharedStateScope.ownerStage = this, 
@@ -404,8 +410,8 @@ class Stage extends group_1.Group {
         if ("released" === this.releaseStatus) return;
         this.startAnimate();
         const state = this.state;
-        this.state = "rendering", this.layerService.prepareStageLayer(this), this.nextFrameRenderLayerSet.size && !this._skipRender && (this.hooks.beforeRender.call(this), 
-        this._skipRender || (this.renderLayerList(Array.from(this.nextFrameRenderLayerSet.values()), this.lastRenderparams || {}), 
+        this.state = "rendering", this.nextFrameRenderLayerSet.size && !this._skipRender && (this.hooks.beforeRender.call(this), 
+        this._skipRender || (this.prepareRenderLayers(), this.renderLayerList(Array.from(this.nextFrameRenderLayerSet.values()), this.lastRenderparams || {}), 
         this.combineLayersToWindow(), this.nextFrameRenderLayerSet.clear()), this.hooks.afterRender.call(this)), 
         this.state = state, this._skipRender && this._skipRender++;
     }
@@ -504,17 +510,26 @@ class Stage extends group_1.Group {
     getLayer(name) {
         return this.children.filter((layer => layer.name === name))[0];
     }
-    renderTo(window) {
-        "released" !== this.releaseStatus && this.forEachChildren(((layer, i) => {
-            layer.drawTo(window, {
-                renderService: this.renderService,
-                viewBox: window.getViewBox(),
-                transMatrix: window.getViewBoxTransform(),
-                background: layer === this.defaultLayer ? this.background : void 0,
-                clear: 0 === i,
-                updateBounds: !(!this.dirtyBounds || this.dirtyBounds.empty())
-            });
-        }));
+    renderTo(window, _params, options) {
+        if ("released" === this.releaseStatus) return;
+        const state = this.state;
+        this.state = "rendering";
+        try {
+            this.params.requestRender && this.hooks.beforeRender.call(this), this.prepareRenderLayers(), 
+            this.forEachChildren(((layer, i) => {
+                var _a, _b;
+                layer.drawTo(window, {
+                    renderService: this.renderService,
+                    viewBox: null !== (_a = null == options ? void 0 : options.viewBox) && void 0 !== _a ? _a : window.getViewBox(),
+                    transMatrix: null !== (_b = null == options ? void 0 : options.transMatrix) && void 0 !== _b ? _b : window.getViewBoxTransform(),
+                    background: layer === this.defaultLayer ? this.background : void 0,
+                    clear: 0 === i && !1 !== (null == options ? void 0 : options.clear),
+                    updateBounds: !(!this.dirtyBounds || this.dirtyBounds.empty())
+                });
+            })), this.params.requestRender && this.hooks.afterRender.call(this);
+        } finally {
+            this.state = state;
+        }
     }
     renderToNewWindow(fullImage = !0, viewBox) {
         if ("released" === this.releaseStatus) return;
@@ -546,6 +561,10 @@ class Stage extends group_1.Group {
         return this._cursor;
     }
     eventPointTransform(e) {
+        if (e instanceof event_1.FederatedMouseEvent) return {
+            x: e.viewX,
+            y: e.viewY
+        };
         const point = this.global.mapToCanvasPoint(e, this.window);
         return this.stage.window.pointTransform(point.x, point.y);
     }