@visactor/vrender-core 1.1.0-alpha.20 → 1.1.0-alpha.22

package/cjs/canvas/empty-context.js

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

package/cjs/color-string/index.js

@@ -18,4 +18,5 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./interpolate"), exports), __exportStar(require("./store"), exports), 
-__exportStar(require("./colorName"), exports);
+__exportStar(require("./colorName"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/common/Reflect-metadata.js

@@ -179,4 +179,4 @@ Object.defineProperty(exports, "__esModule", {
         }), previous && previous(key, value);
     })), Reflect;
 }({});
-//# sourceMappingURL=Reflect-metadata.js.map
+//# sourceMappingURL=Reflect-metadata.js.map

package/cjs/common/bezier-utils.js

@@ -47,4 +47,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
+//# sourceMappingURL=bezier-utils.js.map

package/cjs/common/bounds-context.js

@@ -57,4 +57,4 @@ class BoundsContext {
 }
 
 exports.BoundsContext = BoundsContext;
-//# sourceMappingURL=bounds-context.js.map
+//# sourceMappingURL=bounds-context.js.map

package/cjs/common/canvas-utils.js

@@ -57,5 +57,5 @@ function createConicGradient(context, color, x, y, w, h) {
     })), canvasGradient.GetPattern ? canvasGradient.GetPattern(w + x, h + y, undefined) : canvasGradient;
 }
 
+exports.getScaledStroke = getScaledStroke, exports.createColor = createColor;
 //# sourceMappingURL=canvas-utils.js.map
-exports.getScaledStroke = getScaledStroke, exports.createColor = createColor;

package/cjs/common/color-utils.js

@@ -245,4 +245,4 @@ class GradientParser {
 }
 
 exports.GradientParser = GradientParser;
-//# sourceMappingURL=color-utils.js.map
+//# sourceMappingURL=color-utils.js.map

package/cjs/common/contribution-provider.js

@@ -48,4 +48,4 @@ class ContributionStore {
 }
 
 exports.ContributionStore = ContributionStore, ContributionStore.store = new Map;
-//# sourceMappingURL=contribution-provider.js.map
+//# sourceMappingURL=contribution-provider.js.map

package/cjs/common/custom-path2d.js

@@ -368,4 +368,4 @@ function scale(current, sX, sY) {
     temp[7] = sY * current[7]; else if ("h" === c || "H" === c) temp[1] = sX * current[1]; else if ("v" === c || "V" === c) temp[1] = sY * current[1]; else for (let i = 1, n = current.length; i < n; ++i) temp[i] = (i % 2 == 1 ? sX : sY) * current[i];
     return temp;
 }
-//# sourceMappingURL=custom-path2d.js.map
+//# sourceMappingURL=custom-path2d.js.map

package/cjs/common/diff.js

@@ -16,4 +16,5 @@ function diff(oldAttrs, newAttrs, getAttr) {
     return diffObj;
 }
 
-exports.diff = diff;
+exports.diff = diff;
+//# sourceMappingURL=diff.js.map

package/cjs/common/enums.js

@@ -38,4 +38,4 @@ function(Direction) {
     BaseRenderContributionTime[BaseRenderContributionTime.beforeFillStroke = 0] = "beforeFillStroke", 
     BaseRenderContributionTime[BaseRenderContributionTime.afterFillStroke = 1] = "afterFillStroke";
 }(BaseRenderContributionTime = exports.BaseRenderContributionTime || (exports.BaseRenderContributionTime = {}));
-//# sourceMappingURL=enums.js.map
+//# sourceMappingURL=enums.js.map

package/cjs/common/event-listener-manager.js

@@ -79,4 +79,4 @@ class EventListenerManager {
 }
 
 exports.EventListenerManager = EventListenerManager;
-//# sourceMappingURL=event-listener-manager.js.map
+//# sourceMappingURL=event-listener-manager.js.map

package/cjs/common/event-transformer.js

@@ -124,4 +124,4 @@ function mapToCanvasPointForCanvas(nativeEvent) {
 exports.createEventTransformer = createEventTransformer, exports.createCanvasEventTransformer = createCanvasEventTransformer, 
 exports.registerWindowEventTransformer = registerWindowEventTransformer, exports.registerGlobalEventTransformer = registerGlobalEventTransformer, 
 exports.transformPointForCanvas = transformPointForCanvas, exports.mapToCanvasPointForCanvas = mapToCanvasPointForCanvas;
-//# sourceMappingURL=event-transformer.js.map
+//# sourceMappingURL=event-transformer.js.map

package/cjs/common/explicit-binding.js

@@ -13,4 +13,4 @@ function resolveContainerBinding(container, serviceIdentifier) {
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.resolveContainerBinding = void 0, exports.resolveContainerBinding = resolveContainerBinding;
-//# sourceMappingURL=explicit-binding.js.map
+//# sourceMappingURL=explicit-binding.js.map

package/cjs/common/generator.js

@@ -11,4 +11,4 @@ class Generator {
 }
 
 exports.Generator = Generator, Generator.auto_increment_id = 0;
-//# sourceMappingURL=generator.js.map
+//# sourceMappingURL=generator.js.map

package/cjs/common/matrix.js

@@ -129,4 +129,4 @@ exports.identityMat4 = identityMat4, exports.rotateX = rotateX, exports.rotateY
 exports.rotateZ = rotateZ, exports.translate = translate, exports.mat3Tomat4 = mat3Tomat4, 
 exports.multiplyMat4Mat3 = multiplyMat4Mat3, exports.scaleMat4 = scaleMat4, exports.multiplyMat4Mat4 = multiplyMat4Mat4, 
 exports.lookAt = lookAt, exports.ortho = ortho, exports.transformMat4 = transformMat4;
-//# sourceMappingURL=matrix.js.map
+//# sourceMappingURL=matrix.js.map

package/cjs/common/morphing-utils.js

@@ -200,4 +200,4 @@ exports.cubicSubdivide = cubicSubdivide, exports.alignSubpath = alignSubpath, ex
 exports.findBestMorphingRotation = findBestMorphingRotation, exports.alignBezierCurves = alignBezierCurves, 
 exports.pathToBezierCurves = pathToBezierCurves, exports.applyTransformOnBezierCurves = applyTransformOnBezierCurves, 
 exports.bezierCurversToPath = bezierCurversToPath;
-//# sourceMappingURL=morphing-utils.js.map
+//# sourceMappingURL=morphing-utils.js.map

package/cjs/common/path-svg.js

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

package/cjs/common/performance-raf.js

@@ -34,4 +34,4 @@ class PerformanceRAF {
 }
 
 exports.PerformanceRAF = PerformanceRAF;
-//# sourceMappingURL=performance-raf.js.map
+//# sourceMappingURL=performance-raf.js.map

package/cjs/common/polygon.js

@@ -41,8 +41,8 @@ function getProportionPoint(point, segment, length, dx, dy) {
     };
 }
 
-//# sourceMappingURL=polygon.js.map
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.drawRoundedPolygon = exports.drawPolygon = void 0, exports.drawPolygon = drawPolygon, 
-exports.drawRoundedPolygon = drawRoundedPolygon;
+exports.drawRoundedPolygon = drawRoundedPolygon;
+//# sourceMappingURL=polygon.js.map

package/cjs/common/rect-utils.js

@@ -24,4 +24,4 @@ const vutils_1 = require("@visactor/vutils"), normalizeRectAttributes = attribut
 };
 
 exports.normalizeRectAttributes = normalizeRectAttributes;
-//# sourceMappingURL=rect-utils.js.map
+//# sourceMappingURL=rect-utils.js.map

package/cjs/common/render-area.js

@@ -61,5 +61,5 @@ function drawAreaBlock(path, topList, bottomList, params) {
     path.closePath();
 }
 
+exports.drawAreaSegments = drawAreaSegments;
 //# sourceMappingURL=render-area.js.map
-exports.drawAreaSegments = drawAreaSegments;

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

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

package/cjs/common/render-curve.js

@@ -99,4 +99,4 @@ function drawIncrementalAreaSegments(path, lastSeg, segments, params) {
 
 exports.drawSegments = drawSegments, exports.drawIncrementalSegments = drawIncrementalSegments, 
 exports.drawIncrementalAreaSegments = drawIncrementalAreaSegments;
-//# sourceMappingURL=render-curve.js.map
+//# sourceMappingURL=render-curve.js.map

package/cjs/common/render-utils.js

@@ -19,4 +19,4 @@ function drawSegItem(ctx, curve, endPercent, params) {
 }
 
 exports.drawSegItem = drawSegItem;
-//# sourceMappingURL=render-utils.js.map
+//# sourceMappingURL=render-utils.js.map

package/cjs/common/seg-context.js

@@ -94,4 +94,5 @@ class ReflectSegContext extends SegContext {
     }
 }
 
-exports.ReflectSegContext = ReflectSegContext;
+exports.ReflectSegContext = ReflectSegContext;
+//# 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/store.js

@@ -1,2 +1,2 @@
 class StageStore {}
-//# sourceMappingURL=store.js.map
+//# sourceMappingURL=store.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/common/utils.js

@@ -163,4 +163,4 @@ const calculateLineHeight = (lineHeight, fontSize) => {
 };
 
 exports.calculateLineHeight = calculateLineHeight;
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/cjs/core/camera.js

@@ -71,4 +71,4 @@ const registerOrthoCamera = () => {
 };
 
 exports.registerOrthoCamera = registerOrthoCamera;
-//# sourceMappingURL=camera.js.map
+//# sourceMappingURL=camera.js.map

package/cjs/core/constants.js

@@ -7,4 +7,4 @@ exports.TransformUtil = Symbol.for("TransformUtil"), exports.GraphicUtil = Symbo
 exports.LayerService = Symbol.for("LayerService"), exports.StaticLayerHandlerContribution = Symbol.for("StaticLayerHandlerContribution"), 
 exports.DynamicLayerHandlerContribution = Symbol.for("DynamicLayerHandlerContribution"), 
 exports.VirtualLayerHandlerContribution = Symbol.for("VirtualLayerHandlerContribution");
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/cjs/core/contributions/layerHandler/canvas2d-contribution.js

@@ -19,6 +19,7 @@ class CanvasLayerHandlerContribution {
             let nativeCanvas;
             this.main = !1, params.canvasId && (nativeCanvas = this.global.getElementById(params.canvasId)), 
             nativeCanvas || (nativeCanvas = this.global.createCanvas({
+                id: params.canvasId,
                 width: window.width,
                 height: window.height
             })), nativeCanvas.style && (nativeCanvas.style["pointer-events"] = "none");

package/cjs/core/contributions/layerHandler/canvas2d-contribution.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/contributions/layerHandler/canvas2d-contribution.ts"],"names":[],"mappings":";;;AAAA,+CAAkD;AAgBlD,sDAAmD;AAEnD,MAAa,8BAA8B;IAYzC;QALA,SAAI,GAAc,QAAQ,CAAC;QAMzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,MAAM,GAAG,yBAAW,CAAC,MAAM,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,GAAW;QAChB,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;QACtB,OAAO;IACT,CAAC;IAED,IAAI,CAAC,KAAa,EAAE,MAAe,EAAE,MAA+B;QAClE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,MAAM,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YACjB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;YACnC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;SACxC;aAAM;YACL,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,YAAyB,CAAC;YAC9B,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACnB,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;aAC5D;YACD,IAAI,CAAC,YAAY,EAAE;gBACjB,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC;oBACtC,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,MAAM,EAAE,MAAM,CAAC,MAAM;iBACtB,CAAC,CAAC;aACJ;YAED,IAAI,YAAY,CAAC,KAAK,EAAE;gBACtB,YAAY,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC;aAC/C;YACD,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;YAC1C,MAAM,YAAY,GAAG,aAAa,CAAC,SAAS,EAAE,CAAC,YAAY,CAAC;YAC5D,MAAM,MAAM,GAAG,IAAA,iBAAU,EAAC;gBACxB,YAAY;gBACZ,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,MAAM,EAAE,MAAM,CAAC,MAAM;gBACrB,GAAG,EAAE,MAAM,CAAC,GAAG;gBACf,EAAE,EAAE,MAAM,CAAC,QAAQ;gBACnB,eAAe,EAAE,IAAI;gBACrB,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE;gBAChC,CAAC,EAAE,YAAY,CAAC,UAAU;gBAC1B,CAAC,EAAE,YAAY,CAAC,SAAS;aAC1B,CAAC,CAAC;YACH,MAAM,CAAC,aAAa,EAAE,CAAC;YACvB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;SACpC;IACH,CAAC;IAED,MAAM,CAAC,CAAS,EAAE,CAAS;QACzB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACzB,OAAO;IACT,CAAC;IACD,UAAU,CAAC,CAAS,EAAE,CAAS;QAC7B,OAAO;IACT,CAAC;IAED,MAAM,CAAC,KAAe,EAAE,MAA+B,EAAE,UAAkC;;QAEzF,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;YAC/C,MAAM,YAAY,GAAG,aAAa,CAAC,SAAS,EAAE,CAAC,YAAY,CAAC;YAC5D,IAAI,YAAY,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,YAAY,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,YAAY,CAAC,SAAS,CAAC,EAAE;gBAC3G,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC;gBACxC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC;gBACvC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;aAC7B;SACF;QACD,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,gCAC/B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,MAAA,MAAM,CAAC,UAAU,mCAAI,SAAS,IAClC,MAAM,GACN,UAAU,EACb,CAAC;IACL,CAAC;IAED,KAAK,CAAC,aAA0C;QAC9C,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACxB,MAAM,GAAG,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC;YACvC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CAAC,WAAoB,EAAE,MAA+B;QAC3D,OAAO;IACT,CAAC;IAED,MAAM,CAAC,MAAe,EAAE,KAAe,EAAE,MAA+C;;QACtF,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,gCAC/B,OAAO,IACJ,MAAM,KACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,UAAU,mCAAI,MAAM,CAAC,CAAC,CAAC,SAAS,IAC7D,CAAC;QACH,OAAO;IACT,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;IACxB,CAAC;CACF;AAzHD,wEAyHC","file":"canvas2d-contribution.js","sourcesContent":["import { wrapCanvas } from '../../../canvas/util';\nimport type {\n  IGlobal,\n  ICanvas,\n  IContext2d,\n  IDrawToParams,\n  IGroup,\n  ILayer,\n  ILayerHandlerContribution,\n  IWindow,\n  ILayerHandlerInitParams,\n  ILayerHandlerDrawParams,\n  IDrawContext,\n  LayerMode\n} from '../../../interface';\nimport type { IBounds } from '@visactor/vutils';\nimport { application } from '../../../application';\n\nexport class CanvasLayerHandlerContribution implements ILayerHandlerContribution {\n  layer: ILayer;\n  canvas: ICanvas;\n  context: IContext2d;\n  offscreen: boolean;\n  main: boolean;\n  window: IWindow;\n  type: LayerMode = 'static';\n  global: IGlobal;\n  // 所绑定的副layer handler\n  secondaryHandlers: ILayerHandlerContribution[];\n\n  constructor() {\n    this.offscreen = false;\n    this.global = application.global;\n  }\n\n  setDpr(dpr: number) {\n    this.canvas.dpr = dpr;\n    return;\n  }\n\n  init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void {\n    this.layer = layer;\n    this.window = window;\n    // 默认图层，那么直接拿window上的上下文和canvas即可\n    if (params.main) {\n      this.main = true;\n      this.context = window.getContext();\n      this.canvas = this.context.getCanvas();\n    } else {\n      this.main = false;\n      let nativeCanvas: HTMLElement;\n      if (params.canvasId) {\n        nativeCanvas = this.global.getElementById(params.canvasId);\n      }\n      if (!nativeCanvas) {\n        nativeCanvas = this.global.createCanvas({\n          width: window.width,\n          height: window.height\n        });\n      }\n      // 不是main的话，就穿透点击事件\n      if (nativeCanvas.style) {\n        nativeCanvas.style['pointer-events'] = 'none';\n      }\n      const windowContext = window.getContext();\n      const windowCanvas = windowContext.getCanvas().nativeCanvas;\n      const canvas = wrapCanvas({\n        nativeCanvas,\n        width: window.width,\n        height: window.height,\n        dpr: window.dpr,\n        id: params.canvasId,\n        canvasControled: true,\n        container: window.getContainer(),\n        x: windowCanvas.offsetLeft,\n        y: windowCanvas.offsetTop\n      });\n      canvas.applyPosition();\n      this.canvas = canvas;\n      this.context = canvas.getContext();\n    }\n  }\n\n  resize(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n  resizeView(w: number, h: number) {\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>): void {\n    // 调整位置\n    if (!this.main) {\n      const windowContext = this.window.getContext();\n      const windowCanvas = windowContext.getCanvas().nativeCanvas;\n      if (windowCanvas && (this.canvas.x !== windowCanvas.offsetLeft || this.canvas.y !== windowCanvas.offsetTop)) {\n        this.canvas.x = windowCanvas.offsetLeft;\n        this.canvas.y = windowCanvas.offsetTop;\n        this.canvas.applyPosition();\n      }\n    }\n    params.renderService.render(group, {\n      context: this.context,\n      clear: params.background ?? '#ffffff',\n      ...params,\n      ...userParams\n    });\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    layerHandlers.forEach(l => {\n      const ctx = l.getContext();\n      const canvas = ctx.canvas.nativeCanvas;\n      this.context.drawImage(canvas, 0, 0);\n    });\n  }\n\n  prepare(dirtyBounds: IBounds, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) {\n    const context = target.getContext();\n    params.renderService.render(group, {\n      context,\n      ...params,\n      clear: params.clear ? params.background ?? '#fff' : undefined\n    });\n    return;\n  }\n\n  getContext(): IContext2d {\n    return this.context;\n  }\n\n  release() {\n    this.canvas.release();\n  }\n}\n"]}
+{"version":3,"sources":["../src/core/contributions/layerHandler/canvas2d-contribution.ts"],"names":[],"mappings":"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","file":"canvas2d-contribution.js","sourcesContent":["import { wrapCanvas } from '../../../canvas/util';\nimport type {\n  IGlobal,\n  ICanvas,\n  IContext2d,\n  IDrawToParams,\n  IGroup,\n  ILayer,\n  ILayerHandlerContribution,\n  IWindow,\n  ILayerHandlerInitParams,\n  ILayerHandlerDrawParams,\n  IDrawContext,\n  LayerMode\n} from '../../../interface';\nimport type { IBounds } from '@visactor/vutils';\nimport { application } from '../../../application';\n\nexport class CanvasLayerHandlerContribution implements ILayerHandlerContribution {\n  layer: ILayer;\n  canvas: ICanvas;\n  context: IContext2d;\n  offscreen: boolean;\n  main: boolean;\n  window: IWindow;\n  type: LayerMode = 'static';\n  global: IGlobal;\n  // 所绑定的副layer handler\n  secondaryHandlers: ILayerHandlerContribution[];\n\n  constructor() {\n    this.offscreen = false;\n    this.global = application.global;\n  }\n\n  setDpr(dpr: number) {\n    this.canvas.dpr = dpr;\n    return;\n  }\n\n  init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void {\n    this.layer = layer;\n    this.window = window;\n    // 默认图层，那么直接拿window上的上下文和canvas即可\n    if (params.main) {\n      this.main = true;\n      this.context = window.getContext();\n      this.canvas = this.context.getCanvas();\n    } else {\n      this.main = false;\n      let nativeCanvas: HTMLElement;\n      if (params.canvasId) {\n        nativeCanvas = this.global.getElementById(params.canvasId);\n      }\n      if (!nativeCanvas) {\n        nativeCanvas = this.global.createCanvas({\n          id: params.canvasId,\n          width: window.width,\n          height: window.height\n        });\n      }\n      // 不是main的话，就穿透点击事件\n      if (nativeCanvas.style) {\n        nativeCanvas.style['pointer-events'] = 'none';\n      }\n      const windowContext = window.getContext();\n      const windowCanvas = windowContext.getCanvas().nativeCanvas;\n      const canvas = wrapCanvas({\n        nativeCanvas,\n        width: window.width,\n        height: window.height,\n        dpr: window.dpr,\n        id: params.canvasId,\n        canvasControled: true,\n        container: window.getContainer(),\n        x: windowCanvas.offsetLeft,\n        y: windowCanvas.offsetTop\n      });\n      canvas.applyPosition();\n      this.canvas = canvas;\n      this.context = canvas.getContext();\n    }\n  }\n\n  resize(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n  resizeView(w: number, h: number) {\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>): void {\n    // 调整位置\n    if (!this.main) {\n      const windowContext = this.window.getContext();\n      const windowCanvas = windowContext.getCanvas().nativeCanvas;\n      if (windowCanvas && (this.canvas.x !== windowCanvas.offsetLeft || this.canvas.y !== windowCanvas.offsetTop)) {\n        this.canvas.x = windowCanvas.offsetLeft;\n        this.canvas.y = windowCanvas.offsetTop;\n        this.canvas.applyPosition();\n      }\n    }\n    params.renderService.render(group, {\n      context: this.context,\n      clear: params.background ?? '#ffffff',\n      ...params,\n      ...userParams\n    });\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    layerHandlers.forEach(l => {\n      const ctx = l.getContext();\n      const canvas = ctx.canvas.nativeCanvas;\n      this.context.drawImage(canvas, 0, 0);\n    });\n  }\n\n  prepare(dirtyBounds: IBounds, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) {\n    const context = target.getContext();\n    params.renderService.render(group, {\n      context,\n      ...params,\n      clear: params.clear ? params.background ?? '#fff' : undefined\n    });\n    return;\n  }\n\n  getContext(): IContext2d {\n    return this.context;\n  }\n\n  release() {\n    this.canvas.release();\n  }\n}\n"]}

package/cjs/core/core-modules.js

@@ -16,4 +16,4 @@ function bindCoreModules({bind: bind}) {
 }
 
 exports.bindCoreModules = bindCoreModules, exports.default = bindCoreModules;
-//# sourceMappingURL=core-modules.js.map
+//# sourceMappingURL=core-modules.js.map

package/cjs/core/global-module.js

@@ -1,3 +1 @@
-
-
 //# sourceMappingURL=global-module.js.map

package/cjs/core/global.js

@@ -222,4 +222,4 @@ class DefaultGlobal extends event_listener_manager_1.EventListenerManager {
 }
 
 exports.DefaultGlobal = DefaultGlobal;
-//# sourceMappingURL=global.js.map
+//# sourceMappingURL=global.js.map

package/cjs/core/graphic-utils.js

@@ -162,4 +162,4 @@ class DefaultTransformUtil {
 }
 
 exports.DefaultTransformUtil = DefaultTransformUtil;
-//# sourceMappingURL=graphic-utils.js.map
+//# sourceMappingURL=graphic-utils.js.map

package/cjs/core/index.js

@@ -22,4 +22,4 @@ __exportStar(require("./layer"), exports), __exportStar(require("./stage"), expo
 __exportStar(require("./graphic-utils"), exports), __exportStar(require("./contributions"), exports), 
 __exportStar(require("./layer-service"), exports), __exportStar(require("./constants"), exports), 
 __exportStar(require("../interface/core"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/core/layer-service.js

@@ -80,5 +80,4 @@ class DefaultLayerService {
 }
 
 exports.DefaultLayerService = DefaultLayerService, DefaultLayerService.idprefix = "visactor_layer", 
-DefaultLayerService.prefix_count = 0;
-//# sourceMappingURL=layer-service.js.map
+DefaultLayerService.prefix_count = 0;

package/cjs/core/layer.js

@@ -116,4 +116,4 @@ class Layer extends group_1.Group {
 }
 
 exports.Layer = Layer;
-//# sourceMappingURL=layer.js.map
+//# sourceMappingURL=layer.js.map

package/cjs/core/light.js

@@ -29,4 +29,4 @@ const registerDirectionalLight = () => {
 };
 
 exports.registerDirectionalLight = registerDirectionalLight;
-//# sourceMappingURL=light.js.map
+//# sourceMappingURL=light.js.map

package/cjs/core/stage.js

@@ -583,4 +583,4 @@ class Stage extends group_1.Group {
 }
 
 exports.Stage = Stage;
-//# sourceMappingURL=stage.js.map
+//# sourceMappingURL=stage.js.map

package/cjs/core/window.js

@@ -150,4 +150,4 @@ class DefaultWindow extends event_listener_manager_1.EventListenerManager {
 }
 
 exports.DefaultWindow = DefaultWindow;
-//# sourceMappingURL=window.js.map
+//# sourceMappingURL=window.js.map

package/cjs/entries/app-context.js

@@ -81,4 +81,4 @@ class AppContext {
 }
 
 exports.AppContext = AppContext;
-//# sourceMappingURL=app-context.js.map
+//# sourceMappingURL=app-context.js.map

package/cjs/entries/browser.js

@@ -41,4 +41,4 @@ function createBrowserApp(options = {}) {
 }
 
 exports.BrowserEntry = BrowserEntry, exports.createBrowserApp = createBrowserApp;
-//# sourceMappingURL=browser.js.map
+//# sourceMappingURL=browser.js.map

package/cjs/entries/index.js

@@ -29,4 +29,4 @@ Object.defineProperty(exports, "createApp", {
         return browser_1.createBrowserApp;
     }
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/entries/miniapp.js

@@ -17,4 +17,4 @@ function createMiniappApp(options = {}) {
 }
 
 exports.MiniappEntry = MiniappEntry, exports.createMiniappApp = createMiniappApp;
-//# sourceMappingURL=miniapp.js.map
+//# sourceMappingURL=miniapp.js.map

package/cjs/entries/node.js

@@ -17,4 +17,4 @@ function createNodeApp(options = {}) {
 }
 
 exports.NodeEntry = NodeEntry, exports.createNodeApp = createNodeApp;
-//# sourceMappingURL=node.js.map
+//# sourceMappingURL=node.js.map

package/cjs/entries/runtime-installer.js

@@ -108,4 +108,4 @@ exports.getRuntimeInstallerGlobal = getRuntimeInstallerGlobal, exports.configure
 exports.installRuntimeGraphicRenderersToApp = installRuntimeGraphicRenderersToApp, 
 exports.installRuntimeDrawContributionsToApp = installRuntimeDrawContributionsToApp, 
 exports.installRuntimePickersToApp = installRuntimePickersToApp;
-//# sourceMappingURL=runtime-installer.js.map
+//# sourceMappingURL=runtime-installer.js.map

package/cjs/entries/types.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/cjs/event/constant.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.WILDCARD = void 0, exports.WILDCARD = "*";
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/cjs/event/event-manager.js

@@ -299,4 +299,4 @@ class EventManager {
 }
 
 exports.EventManager = EventManager;
-//# sourceMappingURL=event-manager.js.map
+//# sourceMappingURL=event-manager.js.map

package/cjs/event/event-system.js

@@ -218,4 +218,4 @@ class EventSystem {
 }
 
 exports.EventSystem = EventSystem;
-//# sourceMappingURL=event-system.js.map
+//# sourceMappingURL=event-system.js.map

package/cjs/event/event-target.js

@@ -18,4 +18,4 @@ exports.EventTarget = {
         return this.dispatchEvent(new federated_event_1.CustomEvent(eventName, object));
     }
 };
-//# sourceMappingURL=event-target.js.map
+//# sourceMappingURL=event-target.js.map

package/cjs/event/index.js

@@ -20,5 +20,4 @@ Object.defineProperty(exports, "__esModule", {
 }), __exportStar(require("./federated-event"), exports), __exportStar(require("./event-manager"), exports), 
 __exportStar(require("./event-target"), exports), __exportStar(require("./event-system"), exports), 
 __exportStar(require("../interface/event"), exports), __exportStar(require("./util"), exports), 
-__exportStar(require("./constant"), exports);
-//# sourceMappingURL=index.js.map
+__exportStar(require("./constant"), exports);

package/cjs/event/util.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.clock = void 0, exports.clock = "object" == typeof performance && performance.now ? performance : Date;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/cjs/factory/graphic-factory.js

@@ -20,4 +20,4 @@ class GraphicFactory {
 }
 
 exports.GraphicFactory = GraphicFactory;
-//# sourceMappingURL=graphic-factory.js.map
+//# sourceMappingURL=graphic-factory.js.map

package/cjs/factory/index.js

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./types"), exports), __exportStar(require("./stage-factory"), exports), 
 __exportStar(require("./layer-factory"), exports), __exportStar(require("./graphic-factory"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/factory/layer-factory.js

@@ -16,4 +16,4 @@ class LayerFactory {
 }
 
 exports.LayerFactory = LayerFactory;
-//# sourceMappingURL=layer-factory.js.map
+//# sourceMappingURL=layer-factory.js.map

package/cjs/factory/stage-factory.js

@@ -17,4 +17,4 @@ class StageFactory {
 }
 
 exports.StageFactory = StageFactory;
-//# sourceMappingURL=stage-factory.js.map
+//# sourceMappingURL=stage-factory.js.map

package/cjs/factory/types.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/cjs/graphic/graphic.d.ts

@@ -223,6 +223,7 @@ export declare abstract class Graphic<T extends Partial<IGraphicAttribute> = Par
     containsPoint(x: number, y: number, mode: IContainPointMode, picker?: IPickerService): boolean;
     protected setWidthHeightWithoutTransform(aabbBounds: IAABBBounds): void;
     setAttributesAndPreventAnimate(params: Partial<T>, forceUpdateTag?: boolean, context?: ISetAttributeContext, ignorePriority?: boolean): void;
+    protected syncFinalAttributesFromUpdateContext(context?: ISetAttributeContext): void;
     protected captureTransientFromAttrsBeforePreventAnimate(params: Partial<T>, keys: string[], context?: ISetAttributeContext): void;
     protected consumeTransientFromAttrsBeforePreventAnimate(diffAttrs: Record<string, any>): Record<string, any> | null;
     setAttributes(params: Partial<T>, forceUpdateTag?: boolean, context?: ISetAttributeContext): void;

package/cjs/graphic/graphic.js

@@ -647,10 +647,18 @@ class Graphic extends node_tree_1.Node {
     setAttributesAndPreventAnimate(params, forceUpdateTag = !1, context, ignorePriority) {
         if (!params) return;
         const keys = Object.keys(params);
-        this.captureTransientFromAttrsBeforePreventAnimate(params, keys, context), this.visitTrackedAnimates((animate => {
+        this.captureTransientFromAttrsBeforePreventAnimate(params, keys, context), this.syncFinalAttributesFromUpdateContext(context), 
+        this.visitTrackedAnimates((animate => {
             (animate.priority !== 1 / 0 || ignorePriority) && animate.preventAttrs(keys);
         })), this.applyTransientAttributes(params, forceUpdateTag, context);
     }
+    syncFinalAttributesFromUpdateContext(context) {
+        var _a;
+        const updateType = null == context ? void 0 : context.type;
+        if (updateType === enums_1.AttributeUpdateType.STATE || null != updateType && updateType >= enums_1.AttributeUpdateType.ANIMATE_BIND && updateType <= enums_1.AttributeUpdateType.ANIMATE_END) return;
+        const finalAttrs = null === (_a = this.context) || void 0 === _a ? void 0 : _a.finalAttrs, setFinalAttributes = this.setFinalAttributes;
+        finalAttrs && "function" == typeof setFinalAttributes && setFinalAttributes.call(this, finalAttrs);
+    }
     captureTransientFromAttrsBeforePreventAnimate(params, keys, context) {
         var _a, _b;
         const graphicContext = this.context, diffAttrs = null !== (_a = null == graphicContext ? void 0 : graphicContext.diffAttrs) && void 0 !== _a ? _a : params, updateType = null == context ? void 0 : context.type;