@visactor/vrender-core 1.1.0-alpha.0 → 1.1.0-alpha.10

package/cjs/common/event-transformer.js

@@ -10,26 +10,62 @@ function isIdentityMatrix(matrix) {
     return 1 === matrix.a && 0 === matrix.b && 0 === matrix.c && 1 === matrix.d && 0 === matrix.e && 0 === matrix.f;
 }
 
+function cloneTouchList(touchList) {
+    return touchList && 0 !== touchList.length ? Array.from(touchList, (touch => Object.assign({}, touch))) : [];
+}
+
+function cloneTouchEvent(event) {
+    var _a;
+    const transformedEvent = Object.create(null !== (_a = Object.getPrototypeOf(event)) && void 0 !== _a ? _a : Object.prototype);
+    return Object.defineProperties(transformedEvent, {
+        type: {
+            value: event.type,
+            configurable: !0
+        },
+        touches: {
+            value: cloneTouchList(event.touches),
+            configurable: !0
+        },
+        changedTouches: {
+            value: cloneTouchList(event.changedTouches),
+            configurable: !0
+        }
+    }), transformedEvent;
+}
+
+function cloneNativeEvent(event) {
+    return event instanceof TouchEvent ? cloneTouchEvent(event) : new event.constructor(event.type, event);
+}
+
+function getSafeEventProperty(event, key) {
+    try {
+        return event[key];
+    } catch (error) {
+        return;
+    }
+}
+
 function createEventTransformer(containerElement, getMatrix, getRect, transformPoint) {
     return event => {
         if (!(event instanceof MouseEvent || event instanceof TouchEvent || event instanceof PointerEvent)) return event;
         const transformMatrix = getMatrix();
         if (isIdentityMatrix(transformMatrix)) return event;
-        const containerRect = getRect(), transformedEvent = new event.constructor(event.type, event);
+        const containerRect = getRect(), transformedEvent = cloneNativeEvent(event), target = getSafeEventProperty(event, "target"), currentTarget = getSafeEventProperty(event, "currentTarget");
         if (Object.defineProperties(transformedEvent, {
             target: {
-                value: event.target
+                value: target
             },
             currentTarget: {
-                value: event.currentTarget
+                value: currentTarget
             }
         }), event instanceof MouseEvent || event instanceof PointerEvent) transformPoint(event.clientX, event.clientY, transformMatrix, containerRect, transformedEvent); else if (event instanceof TouchEvent) {
+            const transformedTouchEvent = transformedEvent;
             if (event.touches.length > 0) {
-                const touch = transformedEvent.touches[0];
+                const touch = transformedTouchEvent.touches[0];
                 transformPoint(touch.clientX, touch.clientY, transformMatrix, containerRect, touch);
             }
             if (event.changedTouches.length > 0) {
-                const touch = transformedEvent.changedTouches[0];
+                const touch = transformedTouchEvent.changedTouches[0];
                 transformPoint(touch.clientX, touch.clientY, transformMatrix, containerRect, touch);
             }
         }

package/cjs/common/event-transformer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/event-transformer.ts"],"names":[],"mappings":"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","file":"event-transformer.js","sourcesContent":["import type { IAABBBounds } from '@visactor/vutils';\nimport type { Matrix } from '@visactor/vutils';\nimport type { IGlobal, IWindow } from '../interface';\nimport { isNumber } from '../canvas/util';\n\nfunction isIdentityMatrix(matrix: Matrix): boolean {\n  return matrix.a === 1 && matrix.b === 0 && matrix.c === 0 && matrix.d === 1 && matrix.e === 0 && matrix.f === 0;\n}\n\n/**\n * Create an event transformer that corrects event coordinates based on container transformations\n * @param containerElement The container element\n * @param matrix The transformation matrix to apply\n * @param rect Optional DOMRect of the container, if not provided will use getBoundingClientRect\n * @returns A function that transforms events to correct coordinates\n */\nexport function createEventTransformer(\n  containerElement: HTMLElement,\n  getMatrix: () => Matrix,\n  getRect: () => IAABBBounds,\n  transformPoint: (clientX: number, clientY: number, matrix: Matrix, rect: IAABBBounds, transformedEvent: Event) => void\n): (event: Event) => Event {\n  return (event: Event): Event => {\n    // Only transform mouse and touch events that have coordinates\n    if (!(event instanceof MouseEvent) && !(event instanceof TouchEvent) && !(event instanceof PointerEvent)) {\n      return event;\n    }\n\n    // Use provided matrix\n    const transformMatrix = getMatrix();\n\n    // If there's no transformation, return the original event\n    if (isIdentityMatrix(transformMatrix)) {\n      return event;\n    }\n\n    // Get the container's bounding rect for coordinate conversion\n    const containerRect = getRect();\n\n    // Create a copy of the event to modify\n    const transformedEvent = new (event.constructor as any)(event.type, event);\n    Object.defineProperties(transformedEvent, {\n      target: { value: event.target },\n      currentTarget: { value: event.currentTarget }\n    });\n\n    if (event instanceof MouseEvent || event instanceof PointerEvent) {\n      transformPoint(event.clientX, event.clientY, transformMatrix, containerRect, transformedEvent);\n    } else if (event instanceof TouchEvent) {\n      // For touch events, we need to transform each touch point\n      // This is a simplified version that assumes we're only using the first touch\n      if (event.touches.length > 0) {\n        const touch = transformedEvent.touches[0];\n        transformPoint(touch.clientX, touch.clientY, transformMatrix, containerRect, touch);\n      }\n      if (event.changedTouches.length > 0) {\n        const touch = transformedEvent.changedTouches[0];\n        transformPoint(touch.clientX, touch.clientY, transformMatrix, containerRect, touch);\n      }\n    }\n\n    return transformedEvent;\n  };\n}\n\n/**\n * Create an event transformer for the given canvas element\n * @param canvasElement The canvas element\n * @param getMatrix The transformation matrix to apply\n * @param getRect Optional DOMRect of the container\n * @returns A function that transforms events to correct coordinates\n */\nexport function createCanvasEventTransformer(\n  canvasElement: HTMLCanvasElement,\n  getMatrix: () => Matrix,\n  getRect: () => IAABBBounds,\n  transformPoint: (clientX: number, clientY: number, matrix: Matrix, rect: IAABBBounds, transformedEvent: Event) => void\n): (event: Event) => Event {\n  return createEventTransformer(canvasElement.parentElement || canvasElement, getMatrix, getRect, transformPoint);\n}\n\n/**\n * Register the event transformer with a DefaultWindow instance\n * @param window The window instance\n * @param container The container element\n * @param getMatrix The transformation matrix to apply\n * @param getRect Optional DOMRect of the container\n */\nexport function registerWindowEventTransformer(\n  window: IWindow,\n  container: HTMLElement,\n  getMatrix: () => Matrix,\n  getRect: () => IAABBBounds,\n  transformPoint: (clientX: number, clientY: number, matrix: Matrix, rect: IAABBBounds, transformedEvent: Event) => void\n): void {\n  const transformer = createEventTransformer(container, getMatrix, getRect, transformPoint);\n  window.setEventListenerTransformer(transformer);\n}\n\n/**\n * Register the event transformer with a DefaultGlobal instance\n * @param global The global instance\n * @param container The container element\n * @param getMatrix The transformation matrix to apply\n * @param getRect Optional DOMRect of the container\n */\nexport function registerGlobalEventTransformer(\n  global: IGlobal,\n  container: HTMLElement,\n  getMatrix: () => Matrix,\n  getRect: () => IAABBBounds,\n  transformPoint: (clientX: number, clientY: number, matrix: Matrix, rect: IAABBBounds, transformedEvent: Event) => void\n): void {\n  const transformer = createEventTransformer(container, getMatrix, getRect, transformPoint);\n  global.setEventListenerTransformer(transformer);\n}\n\nexport function transformPointForCanvas(\n  clientX: number,\n  clientY: number,\n  matrix: Matrix,\n  rect: IAABBBounds,\n  transformedEvent: Event\n) {\n  // Apply the inverse transformation\n  const transformedPoint = { x: clientX, y: clientY };\n\n  matrix.transformPoint(transformedPoint, transformedPoint);\n\n  // Update the event properties\n  Object.defineProperties(transformedEvent, {\n    _canvasX: { value: transformedPoint.x },\n    _canvasY: { value: transformedPoint.y }\n  });\n  return;\n}\n\nexport function mapToCanvasPointForCanvas(nativeEvent: any) {\n  if (isNumber(nativeEvent._canvasX) && isNumber(nativeEvent._canvasY)) {\n    return {\n      x: nativeEvent._canvasX,\n      y: nativeEvent._canvasY\n    };\n  } else if ((nativeEvent as TouchEvent).changedTouches) {\n    const data = (nativeEvent as TouchEvent).changedTouches[0] ?? ({} as any);\n    return {\n      x: data._canvasX,\n      y: data._canvasY\n    };\n  }\n  const x = (nativeEvent as any)._canvasX || 0;\n  const y = (nativeEvent as any)._canvasY || 0;\n  return {\n    x,\n    y\n  };\n}\n"]}
+{"version":3,"sources":["../src/common/event-transformer.ts"],"names":[],"mappings":"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","file":"event-transformer.js","sourcesContent":["import type { IAABBBounds } from '@visactor/vutils';\nimport type { Matrix } from '@visactor/vutils';\nimport type { IGlobal, IWindow } from '../interface';\nimport { isNumber } from '../canvas/util';\n\nfunction isIdentityMatrix(matrix: Matrix): boolean {\n  return matrix.a === 1 && matrix.b === 0 && matrix.c === 0 && matrix.d === 1 && matrix.e === 0 && matrix.f === 0;\n}\n\nfunction cloneTouchList(touchList?: ArrayLike<any>): any[] {\n  if (!touchList || touchList.length === 0) {\n    return [];\n  }\n\n  return Array.from(touchList, touch => ({ ...touch }));\n}\n\nfunction cloneTouchEvent(event: TouchEvent): TouchEvent {\n  const transformedEvent = Object.create(Object.getPrototypeOf(event) ?? Object.prototype);\n\n  Object.defineProperties(transformedEvent, {\n    type: { value: event.type, configurable: true },\n    touches: { value: cloneTouchList(event.touches), configurable: true },\n    changedTouches: { value: cloneTouchList(event.changedTouches), configurable: true }\n  });\n\n  return transformedEvent;\n}\n\nfunction cloneNativeEvent(event: Event): Event {\n  if (event instanceof TouchEvent) {\n    return cloneTouchEvent(event);\n  }\n\n  return new (event.constructor as any)(event.type, event);\n}\n\nfunction getSafeEventProperty(event: Event, key: 'target' | 'currentTarget') {\n  try {\n    return event[key];\n  } catch (error) {\n    return undefined;\n  }\n}\n\n/**\n * Create an event transformer that corrects event coordinates based on container transformations\n * @param containerElement The container element\n * @param matrix The transformation matrix to apply\n * @param rect Optional DOMRect of the container, if not provided will use getBoundingClientRect\n * @returns A function that transforms events to correct coordinates\n */\nexport function createEventTransformer(\n  containerElement: HTMLElement,\n  getMatrix: () => Matrix,\n  getRect: () => IAABBBounds,\n  transformPoint: (clientX: number, clientY: number, matrix: Matrix, rect: IAABBBounds, transformedEvent: Event) => void\n): (event: Event) => Event {\n  return (event: Event): Event => {\n    // Only transform mouse and touch events that have coordinates\n    if (!(event instanceof MouseEvent) && !(event instanceof TouchEvent) && !(event instanceof PointerEvent)) {\n      return event;\n    }\n\n    // Use provided matrix\n    const transformMatrix = getMatrix();\n\n    // If there's no transformation, return the original event\n    if (isIdentityMatrix(transformMatrix)) {\n      return event;\n    }\n\n    // Get the container's bounding rect for coordinate conversion\n    const containerRect = getRect();\n\n    // Create a copy of the event to modify\n    const transformedEvent = cloneNativeEvent(event);\n    const target = getSafeEventProperty(event, 'target');\n    const currentTarget = getSafeEventProperty(event, 'currentTarget');\n\n    Object.defineProperties(transformedEvent, {\n      target: { value: target },\n      currentTarget: { value: currentTarget }\n    });\n\n    if (event instanceof MouseEvent || event instanceof PointerEvent) {\n      transformPoint(event.clientX, event.clientY, transformMatrix, containerRect, transformedEvent);\n    } else if (event instanceof TouchEvent) {\n      const transformedTouchEvent = transformedEvent as TouchEvent;\n\n      // For touch events, we need to transform each touch point\n      // This is a simplified version that assumes we're only using the first touch\n      if (event.touches.length > 0) {\n        const touch = transformedTouchEvent.touches[0];\n        transformPoint(touch.clientX, touch.clientY, transformMatrix, containerRect, touch as unknown as Event);\n      }\n      if (event.changedTouches.length > 0) {\n        const touch = transformedTouchEvent.changedTouches[0];\n        transformPoint(touch.clientX, touch.clientY, transformMatrix, containerRect, touch as unknown as Event);\n      }\n    }\n\n    return transformedEvent;\n  };\n}\n\n/**\n * Create an event transformer for the given canvas element\n * @param canvasElement The canvas element\n * @param getMatrix The transformation matrix to apply\n * @param getRect Optional DOMRect of the container\n * @returns A function that transforms events to correct coordinates\n */\nexport function createCanvasEventTransformer(\n  canvasElement: HTMLCanvasElement,\n  getMatrix: () => Matrix,\n  getRect: () => IAABBBounds,\n  transformPoint: (clientX: number, clientY: number, matrix: Matrix, rect: IAABBBounds, transformedEvent: Event) => void\n): (event: Event) => Event {\n  return createEventTransformer(canvasElement.parentElement || canvasElement, getMatrix, getRect, transformPoint);\n}\n\n/**\n * Register the event transformer with a DefaultWindow instance\n * @param window The window instance\n * @param container The container element\n * @param getMatrix The transformation matrix to apply\n * @param getRect Optional DOMRect of the container\n */\nexport function registerWindowEventTransformer(\n  window: IWindow,\n  container: HTMLElement,\n  getMatrix: () => Matrix,\n  getRect: () => IAABBBounds,\n  transformPoint: (clientX: number, clientY: number, matrix: Matrix, rect: IAABBBounds, transformedEvent: Event) => void\n): void {\n  const transformer = createEventTransformer(container, getMatrix, getRect, transformPoint);\n  window.setEventListenerTransformer(transformer);\n}\n\n/**\n * Register the event transformer with a DefaultGlobal instance\n * @param global The global instance\n * @param container The container element\n * @param getMatrix The transformation matrix to apply\n * @param getRect Optional DOMRect of the container\n */\nexport function registerGlobalEventTransformer(\n  global: IGlobal,\n  container: HTMLElement,\n  getMatrix: () => Matrix,\n  getRect: () => IAABBBounds,\n  transformPoint: (clientX: number, clientY: number, matrix: Matrix, rect: IAABBBounds, transformedEvent: Event) => void\n): void {\n  const transformer = createEventTransformer(container, getMatrix, getRect, transformPoint);\n  global.setEventListenerTransformer(transformer);\n}\n\nexport function transformPointForCanvas(\n  clientX: number,\n  clientY: number,\n  matrix: Matrix,\n  rect: IAABBBounds,\n  transformedEvent: Event\n) {\n  // Apply the inverse transformation\n  const transformedPoint = { x: clientX, y: clientY };\n\n  matrix.transformPoint(transformedPoint, transformedPoint);\n\n  // Update the event properties\n  Object.defineProperties(transformedEvent, {\n    _canvasX: { value: transformedPoint.x },\n    _canvasY: { value: transformedPoint.y }\n  });\n  return;\n}\n\nexport function mapToCanvasPointForCanvas(nativeEvent: any) {\n  if (isNumber(nativeEvent._canvasX) && isNumber(nativeEvent._canvasY)) {\n    return {\n      x: nativeEvent._canvasX,\n      y: nativeEvent._canvasY\n    };\n  } else if ((nativeEvent as TouchEvent).changedTouches) {\n    const data = (nativeEvent as TouchEvent).changedTouches[0] ?? ({} as any);\n    return {\n      x: data._canvasX,\n      y: data._canvasY\n    };\n  }\n  const x = (nativeEvent as any)._canvasX || 0;\n  const y = (nativeEvent as any)._canvasY || 0;\n  return {\n    x,\n    y\n  };\n}\n"]}

package/cjs/common/explicit-binding.d.ts

@@ -0,0 +1,5 @@
+export type ServiceIdentifier<T = unknown> = string | symbol | (abstract new (...args: any[]) => T);
+export interface IBindingResolver {
+    getAll: <T>(serviceIdentifier: ServiceIdentifier<T>) => T[];
+}
+export declare function resolveContainerBinding<T>(container: IBindingResolver, serviceIdentifier: ServiceIdentifier<T>): T;

package/cjs/common/explicit-binding.js

@@ -0,0 +1,16 @@
+"use strict";
+
+function describeServiceIdentifier(serviceIdentifier) {
+    return "string" == typeof serviceIdentifier ? serviceIdentifier : "symbol" == typeof serviceIdentifier ? serviceIdentifier.toString() : "function" == typeof serviceIdentifier && serviceIdentifier.name ? serviceIdentifier.name : "unknown service identifier";
+}
+
+function resolveContainerBinding(container, serviceIdentifier) {
+    const [instance] = container.getAll(serviceIdentifier);
+    if (null == instance) throw new Error(`No binding found for ${describeServiceIdentifier(serviceIdentifier)}.`);
+    return instance;
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.resolveContainerBinding = void 0, exports.resolveContainerBinding = resolveContainerBinding;
+//# sourceMappingURL=explicit-binding.js.map

package/cjs/common/explicit-binding.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/common/explicit-binding.ts"],"names":[],"mappings":";;;AAMA,SAAS,yBAAyB,CAAC,iBAAoC;IACrE,IAAI,OAAO,iBAAiB,KAAK,QAAQ,EAAE;QACzC,OAAO,iBAAiB,CAAC;KAC1B;IACD,IAAI,OAAO,iBAAiB,KAAK,QAAQ,EAAE;QACzC,OAAO,iBAAiB,CAAC,QAAQ,EAAE,CAAC;KACrC;IACD,IAAI,OAAO,iBAAiB,KAAK,UAAU,IAAI,iBAAiB,CAAC,IAAI,EAAE;QACrE,OAAO,iBAAiB,CAAC,IAAI,CAAC;KAC/B;IACD,OAAO,4BAA4B,CAAC;AACtC,CAAC;AAED,SAAgB,uBAAuB,CAAI,SAA2B,EAAE,iBAAuC;IAC7G,MAAM,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC,MAAM,CAAI,iBAAiB,CAAC,CAAC;IAC1D,IAAI,QAAQ,IAAI,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,wBAAwB,yBAAyB,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;KAC1F;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAND,0DAMC","file":"explicit-binding.js","sourcesContent":["export type ServiceIdentifier<T = unknown> = string | symbol | (abstract new (...args: any[]) => T);\n\nexport interface IBindingResolver {\n  getAll: <T>(serviceIdentifier: ServiceIdentifier<T>) => T[];\n}\n\nfunction describeServiceIdentifier(serviceIdentifier: ServiceIdentifier): string {\n  if (typeof serviceIdentifier === 'string') {\n    return serviceIdentifier;\n  }\n  if (typeof serviceIdentifier === 'symbol') {\n    return serviceIdentifier.toString();\n  }\n  if (typeof serviceIdentifier === 'function' && serviceIdentifier.name) {\n    return serviceIdentifier.name;\n  }\n  return 'unknown service identifier';\n}\n\nexport function resolveContainerBinding<T>(container: IBindingResolver, serviceIdentifier: ServiceIdentifier<T>): T {\n  const [instance] = container.getAll<T>(serviceIdentifier);\n  if (instance == null) {\n    throw new Error(`No binding found for ${describeServiceIdentifier(serviceIdentifier)}.`);\n  }\n  return instance;\n}\n"]}

package/cjs/common/performance-raf.d.ts

@@ -3,6 +3,7 @@ export declare class PerformanceRAF {
     private _rafHandle;
     addAnimationFrameCb(callback: FrameRequestCallback): number;
     removeAnimationFrameCb(index: number): boolean;
+    wait(): Promise<void>;
     protected runAnimationFrame: (time: number) => void;
     protected tryRunAnimationFrameNextFrame: () => void;
 }

package/cjs/common/performance-raf.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.PerformanceRAF = void 0;
 
-const modules_1 = require("../modules");
+const application_1 = require("../application");
 
 let idx = 0;
 
@@ -15,7 +15,7 @@ class PerformanceRAF {
             const cbs = this.nextAnimationFrameCbs;
             this.nextAnimationFrameCbs = new Map, cbs.forEach((cb => cb(time)));
         }, this.tryRunAnimationFrameNextFrame = () => {
-            null === this._rafHandle && 0 !== this.nextAnimationFrameCbs.size && (this._rafHandle = modules_1.vglobal.getRequestAnimationFrame()(this.runAnimationFrame));
+            null === this._rafHandle && 0 !== this.nextAnimationFrameCbs.size && (this._rafHandle = application_1.application.global.getRequestAnimationFrame()(this.runAnimationFrame));
         };
     }
     addAnimationFrameCb(callback) {
@@ -26,6 +26,11 @@ class PerformanceRAF {
         return !!this.nextAnimationFrameCbs.has(index) && (this.nextAnimationFrameCbs.delete(index), 
         !0);
     }
+    wait() {
+        return new Promise((resolve => {
+            this.addAnimationFrameCb((() => resolve()));
+        }));
+    }
 }
 
 exports.PerformanceRAF = PerformanceRAF;

package/cjs/common/performance-raf.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/performance-raf.ts"],"names":[],"mappings":";;;AAAA,wCAAqC;AAErC,IAAI,GAAG,GAAG,CAAC,CAAC;AAKZ,MAAa,cAAc;IAA3B;QACE,0BAAqB,GAAsC,IAAI,GAAG,EAAE,CAAC;QAC7D,eAAU,GAAkB,IAAI,CAAC;QAsB/B,sBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE;YAC7C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,MAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACvC,IAAI,CAAC,qBAAqB,GAAG,IAAI,GAAG,EAAE,CAAC;YACvC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEQ,kCAA6B,GAAG,GAAG,EAAE;YAC7C,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,IAAI,CAAC,qBAAqB,CAAC,IAAI,KAAK,CAAC,EAAE;gBACrE,OAAO;aACR;YACD,IAAI,CAAC,UAAU,GAAG,iBAAO,CAAC,wBAAwB,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC/E,CAAC,CAAC;IACJ,CAAC;IAjCC,mBAAmB,CAAC,QAA8B;QAChD,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;QAEhD,IAAI,CAAC,6BAA6B,EAAE,CAAC;QACrC,OAAO,GAAG,CAAC;IACb,CAAC;IAOD,sBAAsB,CAAC,KAAa;QAClC,IAAI,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACzC,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACzC,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;CAeF;AArCD,wCAqCC","file":"performance-raf.js","sourcesContent":["import { vglobal } from '../modules';\n\nlet idx = 0;\n\n/**\n * 性能优化，将requestAnimationFrame的回调函数存储起来，在下一帧执行\n */\nexport class PerformanceRAF {\n  nextAnimationFrameCbs: Map<number, FrameRequestCallback> = new Map();\n  private _rafHandle: number | null = null;\n\n  addAnimationFrameCb(callback: FrameRequestCallback) {\n    this.nextAnimationFrameCbs.set(++idx, callback);\n    // 下一帧执行nextAnimationFrameCbs\n    this.tryRunAnimationFrameNextFrame();\n    return idx;\n  }\n\n  /**\n   * 移除指定索引的回调函数\n   * @param index raf索引，从1开始，相当于内部nextAnimationFrameCbs的idx + 1\n   * @returns 是否移除成功\n   */\n  removeAnimationFrameCb(index: number): boolean {\n    if (this.nextAnimationFrameCbs.has(index)) {\n      this.nextAnimationFrameCbs.delete(index);\n      return true;\n    }\n    return false;\n  }\n\n  protected runAnimationFrame = (time: number) => {\n    this._rafHandle = null;\n    const cbs = this.nextAnimationFrameCbs;\n    this.nextAnimationFrameCbs = new Map();\n    cbs.forEach(cb => cb(time));\n  };\n\n  protected tryRunAnimationFrameNextFrame = () => {\n    if (this._rafHandle !== null || this.nextAnimationFrameCbs.size === 0) {\n      return;\n    }\n    this._rafHandle = vglobal.getRequestAnimationFrame()(this.runAnimationFrame);\n  };\n}\n"]}
+{"version":3,"sources":["../src/common/performance-raf.ts"],"names":[],"mappings":";;;AAAA,gDAA6C;AAE7C,IAAI,GAAG,GAAG,CAAC,CAAC;AAKZ,MAAa,cAAc;IAA3B;QACE,0BAAqB,GAAsC,IAAI,GAAG,EAAE,CAAC;QAC7D,eAAU,GAAkB,IAAI,CAAC;QA4B/B,sBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE;YAC7C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,MAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACvC,IAAI,CAAC,qBAAqB,GAAG,IAAI,GAAG,EAAE,CAAC;YACvC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEQ,kCAA6B,GAAG,GAAG,EAAE;YAC7C,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,IAAI,IAAI,CAAC,qBAAqB,CAAC,IAAI,KAAK,CAAC,EAAE;gBACrE,OAAO;aACR;YACD,IAAI,CAAC,UAAU,GAAG,yBAAW,CAAC,MAAM,CAAC,wBAAwB,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC1F,CAAC,CAAC;IACJ,CAAC;IAvCC,mBAAmB,CAAC,QAA8B;QAChD,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;QAEhD,IAAI,CAAC,6BAA6B,EAAE,CAAC;QACrC,OAAO,GAAG,CAAC;IACb,CAAC;IAOD,sBAAsB,CAAC,KAAa;QAClC,IAAI,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACzC,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACzC,OAAO,IAAI,CAAC;SACb;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI;QACF,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YAC3B,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;CAeF;AA3CD,wCA2CC","file":"performance-raf.js","sourcesContent":["import { application } from '../application';\n\nlet idx = 0;\n\n/**\n * 性能优化，将requestAnimationFrame的回调函数存储起来，在下一帧执行\n */\nexport class PerformanceRAF {\n  nextAnimationFrameCbs: Map<number, FrameRequestCallback> = new Map();\n  private _rafHandle: number | null = null;\n\n  addAnimationFrameCb(callback: FrameRequestCallback) {\n    this.nextAnimationFrameCbs.set(++idx, callback);\n    // 下一帧执行nextAnimationFrameCbs\n    this.tryRunAnimationFrameNextFrame();\n    return idx;\n  }\n\n  /**\n   * 移除指定索引的回调函数\n   * @param index raf索引，从1开始，相当于内部nextAnimationFrameCbs的idx + 1\n   * @returns 是否移除成功\n   */\n  removeAnimationFrameCb(index: number): boolean {\n    if (this.nextAnimationFrameCbs.has(index)) {\n      this.nextAnimationFrameCbs.delete(index);\n      return true;\n    }\n    return false;\n  }\n\n  wait(): Promise<void> {\n    return new Promise(resolve => {\n      this.addAnimationFrameCb(() => resolve());\n    });\n  }\n\n  protected runAnimationFrame = (time: number) => {\n    this._rafHandle = null;\n    const cbs = this.nextAnimationFrameCbs;\n    this.nextAnimationFrameCbs = new Map();\n    cbs.forEach(cb => cb(time));\n  };\n\n  protected tryRunAnimationFrameNextFrame = () => {\n    if (this._rafHandle !== null || this.nextAnimationFrameCbs.size === 0) {\n      return;\n    }\n    this._rafHandle = application.global.getRequestAnimationFrame()(this.runAnimationFrame);\n  };\n}\n"]}

package/cjs/common/seg-context.js

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

package/cjs/common/sort.js

@@ -100,4 +100,5 @@ function findNextGraphic(graphic, id, defaultZIndex, reverse = !1) {
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.findNextGraphic = exports.foreachAsync = exports.foreach = void 0, exports.foreach = foreach, 
-exports.foreachAsync = foreachAsync, exports.findNextGraphic = findNextGraphic;
+exports.foreachAsync = foreachAsync, exports.findNextGraphic = findNextGraphic;
+//# sourceMappingURL=sort.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/env/modules.d.ts

@@ -0,0 +1,4 @@
+export declare function bindEnvContributionModules({ bind }: {
+    bind: any;
+}): void;
+export default bindEnvContributionModules;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.bindEnvContributionModules = void 0;
+
+const contribution_provider_1 = require("../../../common/contribution-provider"), constants_1 = require("../../../constants");
+
+function bindEnvContributionModules({bind: bind}) {
+    (0, contribution_provider_1.bindContributionProvider)(bind, constants_1.EnvContribution);
+}
+
+exports.bindEnvContributionModules = bindEnvContributionModules, exports.default = bindEnvContributionModules;
+//# sourceMappingURL=modules.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/env/modules.ts"],"names":[],"mappings":";;;AAAA,iFAAiF;AACjF,kDAAqD;AAErD,SAAgB,0BAA0B,CAAC,EAAE,IAAI,EAAiB;IAChE,IAAA,gDAAwB,EAAC,IAAI,EAAE,2BAAe,CAAC,CAAC;AAClD,CAAC;AAFD,gEAEC;AAED,kBAAe,0BAA0B,CAAC","file":"modules.js","sourcesContent":["import { bindContributionProvider } from '../../../common/contribution-provider';\nimport { EnvContribution } from '../../../constants';\n\nexport function bindEnvContributionModules({ bind }: { bind: any }) {\n  bindContributionProvider(bind, EnvContribution);\n}\n\nexport default bindEnvContributionModules;\n"]}

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.CanvasLayerHandlerContribution = void 0;
 
-const util_1 = require("../../../canvas/util"), modules_1 = require("../../../modules");
+const util_1 = require("../../../canvas/util"), application_1 = require("../../../application");
 
 class CanvasLayerHandlerContribution {
     constructor() {
-        this.type = "static", this.offscreen = !1, this.global = modules_1.vglobal;
+        this.type = "static", this.offscreen = !1, this.global = application_1.application.global;
     }
     setDpr(dpr) {
         this.canvas.dpr = dpr;

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

@@ -1 +1 @@
-{"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 { vglobal } from '../../../modules';\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 = vglobal;\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          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/contributions/layerHandler/empty-contribution.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.EmptyLayerHandlerContribution = void 0;
 
-const modules_1 = require("../../../modules");
+const application_1 = require("../../../application");
 
 class EmptyLayerHandlerContribution {
     constructor() {
-        this.offscreen = !1, this.type = "virtual", this.global = modules_1.vglobal;
+        this.offscreen = !1, this.type = "virtual", this.global = application_1.application.global;
     }
     setDpr(dpr) {}
     init(layer, window, params) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/contributions/layerHandler/empty-contribution.ts"],"names":[],"mappings":";;;AAaA,8CAA2C;AAE3C,MAAa,6BAA6B;IAYxC;QACE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,MAAM,GAAG,iBAAO,CAAC;IACxB,CAAC;IAED,MAAM,CAAC,GAAW;QAChB,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;QACrB,IAAI,MAAM,CAAC,IAAI,EAAE;YACf,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;SAChD;QACD,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,MAAM,CAAC,CAAS,EAAE,CAAS;QACzB,OAAO;IACT,CAAC;IACD,UAAU,CAAC,CAAS,EAAE,CAAS;QAC7B,OAAO;IACT,CAAC;IAED,MAAM,CAAC,KAAe,EAAE,MAA+B,EAAE,UAAkC;QACzF,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,kCAAO,UAAU,KAAE,KAAK,EAAE,KAAK,IAAG,CAAC;QACxE,OAAO;IACT,CAAC;IAED,KAAK,CAAC,aAA0C;QAC9C,OAAO;IACT,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;IACd,CAAC;IAED,OAAO;QACL,OAAO;IACT,CAAC;CACF;AAtED,sEAsEC","file":"empty-contribution.js","sourcesContent":["import type {\n  IGlobal,\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 { vglobal } from '../../../modules';\n\nexport class EmptyLayerHandlerContribution implements ILayerHandlerContribution {\n  declare layer: ILayer;\n  declare canvas: null;\n  declare context: null;\n  declare offscreen: boolean;\n  declare main: boolean;\n  declare window: IWindow;\n  declare type: LayerMode;\n  // 所依赖的主layer handler\n  declare mainHandler: ILayerHandlerContribution;\n  declare global: IGlobal;\n\n  constructor() {\n    this.offscreen = false;\n    this.type = 'virtual';\n    this.global = vglobal;\n  }\n\n  setDpr(dpr: number) {\n    return;\n  }\n\n  init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void {\n    this.layer = layer;\n    this.window = window;\n    if (params.main) {\n      throw new Error('virtual layer不能作为main layer');\n    }\n    this.main = false;\n    this.canvas = null;\n    this.context = null;\n  }\n\n  resize(w: number, h: number) {\n    return;\n  }\n  resizeView(w: number, h: number) {\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>): void {\n    this.mainHandler.render(group, params, { ...userParams, clear: false });\n    return;\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    return;\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(): null {\n    return null;\n  }\n\n  release() {\n    return;\n  }\n}\n"]}
+{"version":3,"sources":["../src/core/contributions/layerHandler/empty-contribution.ts"],"names":[],"mappings":";;;AAaA,sDAAmD;AAEnD,MAAa,6BAA6B;IAYxC;QACE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,MAAM,GAAG,yBAAW,CAAC,MAAM,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,GAAW;QAChB,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;QACrB,IAAI,MAAM,CAAC,IAAI,EAAE;YACf,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;SAChD;QACD,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,MAAM,CAAC,CAAS,EAAE,CAAS;QACzB,OAAO;IACT,CAAC;IACD,UAAU,CAAC,CAAS,EAAE,CAAS;QAC7B,OAAO;IACT,CAAC;IAED,MAAM,CAAC,KAAe,EAAE,MAA+B,EAAE,UAAkC;QACzF,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,kCAAO,UAAU,KAAE,KAAK,EAAE,KAAK,IAAG,CAAC;QACxE,OAAO;IACT,CAAC;IAED,KAAK,CAAC,aAA0C;QAC9C,OAAO;IACT,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;IACd,CAAC;IAED,OAAO;QACL,OAAO;IACT,CAAC;CACF;AAtED,sEAsEC","file":"empty-contribution.js","sourcesContent":["import type {\n  IGlobal,\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 EmptyLayerHandlerContribution implements ILayerHandlerContribution {\n  declare layer: ILayer;\n  declare canvas: null;\n  declare context: null;\n  declare offscreen: boolean;\n  declare main: boolean;\n  declare window: IWindow;\n  declare type: LayerMode;\n  // 所依赖的主layer handler\n  declare mainHandler: ILayerHandlerContribution;\n  declare global: IGlobal;\n\n  constructor() {\n    this.offscreen = false;\n    this.type = 'virtual';\n    this.global = application.global;\n  }\n\n  setDpr(dpr: number) {\n    return;\n  }\n\n  init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void {\n    this.layer = layer;\n    this.window = window;\n    if (params.main) {\n      throw new Error('virtual layer不能作为main layer');\n    }\n    this.main = false;\n    this.canvas = null;\n    this.context = null;\n  }\n\n  resize(w: number, h: number) {\n    return;\n  }\n  resizeView(w: number, h: number) {\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>): void {\n    this.mainHandler.render(group, params, { ...userParams, clear: false });\n    return;\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    return;\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(): null {\n    return null;\n  }\n\n  release() {\n    return;\n  }\n}\n"]}

package/cjs/core/contributions/layerHandler/modules.d.ts

@@ -0,0 +1,4 @@
+export declare function bindLayerHandlerModules({ bind }: {
+    bind: any;
+}): void;
+export default bindLayerHandlerModules;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.bindLayerHandlerModules = void 0;
+
+const constants_1 = require("../../constants"), canvas2d_contribution_1 = require("./canvas2d-contribution");
+
+function bindLayerHandlerModules({bind: bind}) {
+    bind(canvas2d_contribution_1.CanvasLayerHandlerContribution).toSelf(), bind(constants_1.StaticLayerHandlerContribution).toService(canvas2d_contribution_1.CanvasLayerHandlerContribution);
+}
+
+exports.bindLayerHandlerModules = bindLayerHandlerModules, exports.default = bindLayerHandlerModules;
+//# sourceMappingURL=modules.js.map

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

@@ -0,0 +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"]}

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.OffscreenLayerHandlerContribution = void 0;
 
-const util_1 = require("../../../canvas/util"), modules_1 = require("../../../modules");
+const util_1 = require("../../../canvas/util"), application_1 = require("../../../application");
 
 class OffscreenLayerHandlerContribution {
     constructor() {
-        this.offscreen = !0, this.type = "dynamic", this.global = modules_1.vglobal;
+        this.offscreen = !0, this.type = "dynamic", this.global = application_1.application.global;
     }
     setDpr(dpr) {
         this.canvas.dpr = dpr;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/contributions/layerHandler/offscreen2d-contribution.ts"],"names":[],"mappings":"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","file":"offscreen2d-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  ILayerHandlerInitParams,\n  IWindow,\n  ILayerHandlerDrawParams,\n  LayerMode\n} from '../../../interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport { vglobal } from '../../../modules';\n\nexport class OffscreenLayerHandlerContribution implements ILayerHandlerContribution {\n  declare layer: ILayer;\n  declare canvas: ICanvas;\n  declare context: IContext2d;\n  declare offscreen: boolean;\n  declare type: LayerMode;\n  // 所绑定的副layer handler\n  declare secondaryHandlers: ILayerHandlerContribution[];\n  declare global: IGlobal;\n\n  constructor() {\n    this.offscreen = true;\n    this.type = 'dynamic';\n    this.global = vglobal;\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    const nativeCanvas = this.global.createOffscreenCanvas({\n      width: params.width,\n      height: params.height,\n      dpr: window.dpr\n    });\n    const canvas = wrapCanvas({\n      nativeCanvas,\n      width: params.width,\n      height: params.height,\n      dpr: window.dpr,\n      canvasControled: true\n    });\n\n    this.canvas = canvas;\n    this.context = canvas.getContext();\n  }\n\n  resize(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n  resizeView(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams): void {\n    params.renderService.render(group, {\n      context: this.context,\n      viewBox: params.stage.window.getViewBox(),\n      transMatrix: params.stage.window.getViewBoxTransform(),\n      ...params,\n      clear: params.background ?? '#ffffff'\n    });\n  }\n\n  prepare(dirtyBounds: IBoundsLike, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  release() {\n    this.canvas.release();\n  }\n\n  getContext(): IContext2d {\n    return this.context;\n  }\n\n  drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) {\n    const context = target.getContext();\n    const targetDpr = target.dpr;\n\n    const { viewBox } = params;\n    const x = viewBox.x1;\n    const y = viewBox.y1;\n    const width = viewBox.width();\n    const height = viewBox.height();\n    // 这个context可能是外部的，不要使用内置的状态，直接用原生的context\n    context.nativeContext.save();\n    context.nativeContext.setTransform(targetDpr, 0, 0, targetDpr, 0, 0);\n    if (params.clear) {\n      context.clearRect(x, y, width, height);\n    }\n    context.drawImage(this.canvas.nativeCanvas, 0, 0, this.canvas.width, this.canvas.height, x, y, width, height);\n    context.nativeContext.restore();\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    return;\n  }\n}\n"]}
+{"version":3,"sources":["../src/core/contributions/layerHandler/offscreen2d-contribution.ts"],"names":[],"mappings":"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","file":"offscreen2d-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  ILayerHandlerInitParams,\n  IWindow,\n  ILayerHandlerDrawParams,\n  LayerMode\n} from '../../../interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport { application } from '../../../application';\n\nexport class OffscreenLayerHandlerContribution implements ILayerHandlerContribution {\n  declare layer: ILayer;\n  declare canvas: ICanvas;\n  declare context: IContext2d;\n  declare offscreen: boolean;\n  declare type: LayerMode;\n  // 所绑定的副layer handler\n  declare secondaryHandlers: ILayerHandlerContribution[];\n  declare global: IGlobal;\n\n  constructor() {\n    this.offscreen = true;\n    this.type = 'dynamic';\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    const nativeCanvas = this.global.createOffscreenCanvas({\n      width: params.width,\n      height: params.height,\n      dpr: window.dpr\n    });\n    const canvas = wrapCanvas({\n      nativeCanvas,\n      width: params.width,\n      height: params.height,\n      dpr: window.dpr,\n      canvasControled: true\n    });\n\n    this.canvas = canvas;\n    this.context = canvas.getContext();\n  }\n\n  resize(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n  resizeView(w: number, h: number) {\n    this.canvas.resize(w, h);\n    return;\n  }\n\n  render(group: IGroup[], params: ILayerHandlerDrawParams): void {\n    params.renderService.render(group, {\n      context: this.context,\n      viewBox: params.stage.window.getViewBox(),\n      transMatrix: params.stage.window.getViewBoxTransform(),\n      ...params,\n      clear: params.background ?? '#ffffff'\n    });\n  }\n\n  prepare(dirtyBounds: IBoundsLike, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  release() {\n    this.canvas.release();\n  }\n\n  getContext(): IContext2d {\n    return this.context;\n  }\n\n  drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) {\n    const context = target.getContext();\n    const targetDpr = target.dpr;\n\n    const { viewBox } = params;\n    const x = viewBox.x1;\n    const y = viewBox.y1;\n    const width = viewBox.width();\n    const height = viewBox.height();\n    // 这个context可能是外部的，不要使用内置的状态，直接用原生的context\n    context.nativeContext.save();\n    context.nativeContext.setTransform(targetDpr, 0, 0, targetDpr, 0, 0);\n    if (params.clear) {\n      context.clearRect(x, y, width, height);\n    }\n    context.drawImage(this.canvas.nativeCanvas, 0, 0, this.canvas.width, this.canvas.height, x, y, width, height);\n    context.nativeContext.restore();\n  }\n\n  merge(layerHandlers: ILayerHandlerContribution[]) {\n    return;\n  }\n}\n"]}

package/cjs/core/contributions/modules.d.ts

@@ -1 +1,2 @@
-export default function load(): void;
+import type { ILegacyContributionBindingContext } from '../../legacy/module-types';
+export default function load(container: ILegacyContributionBindingContext): void;

package/cjs/core/contributions/modules.js

@@ -1,8 +1,26 @@
 "use strict";
 
-function load() {}
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.default = load;
+});
+
+const modules_1 = __importDefault(require("./env/modules")), modules_2 = __importDefault(require("./textMeasure/modules")), modules_3 = __importDefault(require("./layerHandler/modules"));
+
+function load(container) {
+    (0, modules_1.default)({
+        bind: container.bind
+    }), (0, modules_2.default)({
+        bind: container.bind
+    }), (0, modules_3.default)({
+        bind: container.bind
+    });
+}
+
+exports.default = load;
 //# sourceMappingURL=modules.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/contributions/modules.ts"],"names":[],"mappings":";;AAIA,SAAwB,IAAI;IAC1B,OAAO;AACT,CAAC;AAFD,uBAEC","file":"modules.js","sourcesContent":["// Registry-only stub; legacy container loader removed\n// Legacy loader removed; no-op imports removed\n\n// Legacy loader removed; no-op\nexport default function load() {\n  return;\n}\n"]}
+{"version":3,"sources":["../src/core/contributions/modules.ts"],"names":[],"mappings":";;;;;AAAA,4DAAuC;AACvC,oEAAuD;AACvD,qEAAyD;AAGzD,SAAwB,IAAI,CAAC,SAA4C;IACvE,IAAA,iBAAU,EAAC,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;IACrC,IAAA,iBAAkB,EAAC,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;IAC7C,IAAA,iBAAmB,EAAC,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;AAChD,CAAC;AAJD,uBAIC","file":"modules.js","sourcesContent":["import envModules from './env/modules';\nimport textMeasureModules from './textMeasure/modules';\nimport layerHandlerModules from './layerHandler/modules';\nimport type { ILegacyContributionBindingContext } from '../../legacy/module-types';\n\nexport default function load(container: ILegacyContributionBindingContext) {\n  envModules({ bind: container.bind });\n  textMeasureModules({ bind: container.bind });\n  layerHandlerModules({ bind: container.bind });\n}\n"]}

package/cjs/core/contributions/textMeasure/modules.d.ts

@@ -0,0 +1,4 @@
+export declare function bindTextMeasureModules({ bind }: {
+    bind: any;
+}): void;
+export default bindTextMeasureModules;

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.bindTextMeasureModules = void 0;
+
+const contribution_provider_1 = require("../../../common/contribution-provider"), textMeasure_contribution_1 = require("./textMeasure-contribution");
+
+function bindTextMeasureModules({bind: bind}) {
+    bind(textMeasure_contribution_1.TextMeasureContribution).to(textMeasure_contribution_1.DefaultTextMeasureContribution).inSingletonScope(), 
+    (0, contribution_provider_1.bindContributionProvider)(bind, textMeasure_contribution_1.TextMeasureContribution);
+}
+
+exports.bindTextMeasureModules = bindTextMeasureModules, exports.default = bindTextMeasureModules;
+//# sourceMappingURL=modules.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/textMeasure/modules.ts"],"names":[],"mappings":";;;AAAA,iFAAiF;AACjF,yEAAqG;AAErG,SAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAiB;IAC5D,IAAI,CAAC,kDAAuB,CAAC,CAAC,EAAE,CAAC,yDAA8B,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACpF,IAAA,gDAAwB,EAAC,IAAI,EAAE,kDAAuB,CAAC,CAAC;AAC1D,CAAC;AAHD,wDAGC;AAED,kBAAe,sBAAsB,CAAC","file":"modules.js","sourcesContent":["import { bindContributionProvider } from '../../../common/contribution-provider';\nimport { DefaultTextMeasureContribution, TextMeasureContribution } from './textMeasure-contribution';\n\nexport function bindTextMeasureModules({ bind }: { bind: any }) {\n  bind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope();\n  bindContributionProvider(bind, TextMeasureContribution);\n}\n\nexport default bindTextMeasureModules;\n"]}

package/cjs/core/core-modules.d.ts

@@ -0,0 +1,4 @@
+export declare function bindCoreModules({ bind }: {
+    bind: any;
+}): void;
+export default bindCoreModules;

package/cjs/core/core-modules.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.bindCoreModules = void 0;
+
+const global_1 = require("./global"), graphic_utils_1 = require("./graphic-utils"), layer_service_1 = require("./layer-service"), window_1 = require("./window"), constants_1 = require("./constants"), constants_2 = require("../constants"), contribution_provider_1 = require("../common/contribution-provider"), textMeasure_contribution_1 = require("./contributions/textMeasure/textMeasure-contribution");
+
+function bindCoreModules({bind: bind}) {
+    bind(constants_2.VGlobal).toDynamicValue((({container: container}) => new global_1.DefaultGlobal((0, 
+    contribution_provider_1.createContributionProvider)(constants_2.EnvContribution, container)))).inSingletonScope(), 
+    bind(window_1.VWindow).to(window_1.DefaultWindow), bind(constants_1.GraphicUtil).toDynamicValue((({container: container}) => new graphic_utils_1.DefaultGraphicUtil((0, 
+    contribution_provider_1.createContributionProvider)(textMeasure_contribution_1.TextMeasureContribution, container)))).inSingletonScope(), 
+    bind(constants_1.TransformUtil).to(graphic_utils_1.DefaultTransformUtil).inSingletonScope(), 
+    bind(constants_1.LayerService).to(layer_service_1.DefaultLayerService).inSingletonScope();
+}
+
+exports.bindCoreModules = bindCoreModules, exports.default = bindCoreModules;
+//# sourceMappingURL=core-modules.js.map

package/cjs/core/core-modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/core-modules.ts"],"names":[],"mappings":";;;AAAA,qCAAyC;AACzC,mDAA2E;AAC3E,mDAAsD;AACtD,qCAAkD;AAClD,2CAAuE;AACvE,4CAAwD;AACxD,2EAA6E;AAC7E,mGAA+F;AAE/F,SAAgB,eAAe,CAAC,EAAE,IAAI,EAAiB;IAErD,IAAI,CAAC,mBAAO,CAAC;SACV,cAAc,CACb,CAAC,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,IAAI,sBAAa,CAAC,IAAA,kDAA0B,EAAC,2BAAe,EAAE,SAAS,CAAC,CAAC,CACjH;SACA,gBAAgB,EAAE,CAAC;IAEtB,IAAI,CAAC,gBAAO,CAAC,CAAC,EAAE,CAAC,sBAAa,CAAC,CAAC;IAChC,IAAI,CAAC,uBAAW,CAAC;SACd,cAAc,CACb,CAAC,EAAE,SAAS,EAAsB,EAAE,EAAE,CACpC,IAAI,kCAAkB,CAAC,IAAA,kDAA0B,EAAC,kDAAuB,EAAE,SAAS,CAAC,CAAC,CACzF;SACA,gBAAgB,EAAE,CAAC;IACtB,IAAI,CAAC,yBAAa,CAAC,CAAC,EAAE,CAAC,oCAAoB,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAChE,IAAI,CAAC,wBAAY,CAAC,CAAC,EAAE,CAAC,mCAAmB,CAAC,CAAC,gBAAgB,EAAE,CAAC;AAahE,CAAC;AA7BD,0CA6BC;AAED,kBAAe,eAAe,CAAC","file":"core-modules.js","sourcesContent":["import { DefaultGlobal } from './global';\nimport { DefaultGraphicUtil, DefaultTransformUtil } from './graphic-utils';\nimport { DefaultLayerService } from './layer-service';\nimport { DefaultWindow, VWindow } from './window';\nimport { GraphicUtil, LayerService, TransformUtil } from './constants';\nimport { EnvContribution, VGlobal } from '../constants';\nimport { createContributionProvider } from '../common/contribution-provider';\nimport { TextMeasureContribution } from './contributions/textMeasure/textMeasure-contribution';\n\nexport function bindCoreModules({ bind }: { bind: any }) {\n  // global对象，全局单例模式\n  bind(VGlobal)\n    .toDynamicValue(\n      ({ container }: { container: any }) => new DefaultGlobal(createContributionProvider(EnvContribution, container))\n    )\n    .inSingletonScope();\n\n  bind(VWindow).to(DefaultWindow);\n  bind(GraphicUtil)\n    .toDynamicValue(\n      ({ container }: { container: any }) =>\n        new DefaultGraphicUtil(createContributionProvider(TextMeasureContribution, container))\n    )\n    .inSingletonScope();\n  bind(TransformUtil).to(DefaultTransformUtil).inSingletonScope();\n  bind(LayerService).to(DefaultLayerService).inSingletonScope();\n\n  // bind(Stage).to(DefaultStage);\n  // bind<(params: Partial<IStageParams>) => IStage>(StageFactory).toFactory<IStage>((context: interface.Context) => {\n  //   return (params: Partial<IStageParams>) => {\n  //     const g = context.container.get<IGlobal>(Global);\n  //     const ws = context.container.get<IWindow>(VWindow);\n  //     const rs = context.container.get<IRenderService>(RenderService);\n  //     const layer = context.container.get<ILayer>(Layer);\n  //     return new DefaultStage(params, g, ws, rs, layer);\n  //   };\n  // });\n  // bind(Layer).to(DefaultLayer);\n}\n\nexport default bindCoreModules;\n"]}

package/cjs/core/global-module.d.ts

@@ -0,0 +1 @@
+

package/cjs/core/global-module.js

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

package/cjs/core/global-module.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/global-module.ts"],"names":[],"mappings":"","file":"global-module.js","sourcesContent":["// import type { IGlobal } from '../interface';\n// legacy container bootstrap has been removed in major cleanup.\n// import { DefaultGlobal } from './global';\n// import envModules from './contributions/env/modules';\n// import { Global } from '../constants';\n\n// const globalModule = new ContainerModule((bind, unbind, isBound) => {\n//   // global对象，全局单例模式\n//   if (!isBound(Global)) {\n//     bind(DefaultGlobal).toSelf().inSingletonScope();\n//     bind(Global).toService(DefaultGlobal);\n//   }\n// });\n\n// container.load(globalModule);\n// container.load(envModules);\n\n// export const global = container.get<IGlobal>(Global);\n\n// export default globalModule;\n"]}

package/cjs/core/global.d.ts

@@ -1,7 +1,9 @@
 import type { CreateDOMParamsType, EnvType, IContributionProvider, ICreateCanvasParams, IEnvContribution, IEnvParamsMap, IGlobal, ISyncHook } from '../interface';
 import type { IAABBBoundsLike } from '@visactor/vutils';
+import { PerformanceRAF } from '../common/performance-raf';
 import { EventListenerManager } from '../common/event-listener-manager';
 export declare class DefaultGlobal extends EventListenerManager implements IGlobal {
+    protected readonly contributions: IContributionProvider<IEnvContribution>;
     readonly id: number;
     private _env;
     private _isSafari?;
@@ -30,8 +32,7 @@ export declare class DefaultGlobal extends EventListenerManager implements IGlob
         onSetEnv: ISyncHook<[EnvType | undefined, EnvType, IGlobal]>;
     };
     eventListenerTransformer: (event: Event) => Event;
-    protected readonly contributions: IContributionProvider<IEnvContribution>;
-    constructor(contributions?: IContributionProvider<IEnvContribution>);
+    constructor(contributions: IContributionProvider<IEnvContribution>);
     protected _nativeAddEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
     protected _nativeRemoveEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     protected _nativeDispatchEvent(event: Event): boolean;
@@ -47,6 +48,7 @@ export declare class DefaultGlobal extends EventListenerManager implements IGlob
     releaseCanvas(canvas: HTMLCanvasElement | string | any): void;
     getRequestAnimationFrame(): (callback: FrameRequestCallback) => number;
     getSpecifiedRequestAnimationFrame(id: number): (callback: FrameRequestCallback) => number;
+    getSpecifiedPerformanceRAF(id: number): PerformanceRAF;
     getSpecifiedCancelAnimationFrame(id: number): (handle: number) => boolean;
     getCancelAnimationFrame(): (h: number) => void;
     getElementById(str: string): HTMLElement | null;