@visactor/vrender 0.9.0-alpha.0

package/cjs/core/contributions/env/feishu-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/env/feishu-contribution.ts"],"names":[],"mappings":"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","file":"feishu-contribution.js","sourcesContent":["import { injectable } from 'inversify';\nimport { loadFeishuContributions } from '../../../kits';\nimport { ICanvasLike, EnvType, ICreateCanvasParams, IEnvContribution, IGlobal } from '../../../interface';\nimport { BaseEnvContribution } from './base-contribution';\nimport { createImageElement } from './browser-contribution';\n\ndeclare const tt: {\n  getSystemInfoSync: () => { pixelRatio: number };\n  createCanvasContext: (id: string) => any;\n};\n\nexport interface ITTCanvas extends ICanvasLike {\n  width: number;\n  height: number;\n  offsetWidth: number;\n  offsetHeight: number;\n  getContext: () => any;\n  // 构造 getBoundingClientRect 方法\n  getBoundingClientRect: () => { width: number; height: number };\n  id: string;\n}\n\n// 飞书小程序canvas的wrap\nfunction makeUpCanvas(\n  domref: any,\n  canvasIdLists: string[],\n  canvasMap: Map<string, ITTCanvas>,\n  freeCanvasIdx: number,\n  freeCanvasList: ITTCanvas[]\n) {\n  const dpr = tt.getSystemInfoSync().pixelRatio;\n\n  canvasIdLists.forEach((id, i) => {\n    const ctx = tt.createCanvasContext(id);\n    // TODO: 这里是一个临时方案，向 ctx 内部构造一个 canvas，传递宽高\n    ctx.canvas = {\n      width: domref.width * dpr,\n      height: domref.height * dpr\n    };\n\n    // 放到内容里\n    // // TODO: 这里是一个临时方案，兼容 createCircularGradient 方法\n    // ctx.createRadialGradient = (...cc) => ctx.createCircularGradient(...cc);\n\n    // // 封装 getImageData 为 promise\n    // ctx.getImageData = (x, y, width, height) =>\n    //   new Promise((resolve, reject) => {\n    //     try {\n    //       tt.canvasGetImageData({\n    //         canvasId: item.id,\n    //         x,\n    //         y,\n    //         width,\n    //         height,\n    //         success(res) {\n    //           resolve(res);\n    //         },\n    //       });\n    //     } catch (err) {\n    //       reject(err);\n    //     }\n    //   });\n\n    const canvas = {\n      width: domref.width,\n      height: domref.height,\n      offsetWidth: domref.width,\n      offsetHeight: domref.height,\n      id: id ?? '',\n      getContext: () => ctx,\n      // 构造 getBoundingClientRect 方法\n      getBoundingClientRect: () => ({\n        height: domref.height,\n        width: domref.width\n      })\n    };\n\n    canvasMap.set(id, canvas);\n    if (i >= freeCanvasIdx) {\n      freeCanvasList.push(canvas);\n    }\n  });\n}\n\n@injectable()\nexport class FeishuEnvContribution extends BaseEnvContribution implements IEnvContribution {\n  type: EnvType = 'feishu';\n  supportEvent: boolean = true;\n  // 所有添加进来的canvas\n  canvasMap: Map<string, ITTCanvas> = new Map();\n  // 所有可用的canvasList\n  freeCanvasList: ITTCanvas[] = [];\n  canvasIdx: number = 0;\n\n  constructor() {\n    super();\n    this.supportsTouchEvents = true;\n    try {\n      this.supportsPointerEvents = !!globalThis.PointerEvent;\n      this.supportsMouseEvents = !!globalThis.MouseEvent;\n    } catch (err) {\n      this.supportsPointerEvents = false;\n      this.supportsMouseEvents = false;\n    }\n    this.applyStyles = true;\n  }\n\n  // TODO：VGrammar在小程序环境会重复调用setEnv传入canvas，所以每次configure并不会释放\n  // 这里等待后续和VGrammar沟通\n  configure(service: IGlobal, params: { domref: any; canvasIdLists: string[]; freeCanvasIdx: number }) {\n    if (service.env === this.type) {\n      service.setActiveEnvContribution(this);\n      makeUpCanvas(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList);\n\n      loadFeishuContributions();\n    }\n  }\n\n  loadImage(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    return Promise.resolve({\n      data: url as unknown as HTMLImageElement,\n      loadState: 'success'\n    });\n  }\n\n  loadSvg(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    // 飞书小组件不支持DOMParser和URL.createObjectURL，无法解析svg字符串，可以通过url使用svg资源\n    return Promise.reject();\n  }\n\n  createCanvas(params: ICreateCanvasParams): ITTCanvas {\n    const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];\n    this.canvasIdx++;\n    return result;\n  }\n\n  createOffscreenCanvas(params: ICreateCanvasParams) {\n    return;\n  }\n\n  releaseCanvas(canvas: ICanvasLike | string) {\n    return;\n  }\n\n  getDevicePixelRatio(): number {\n    return tt.getSystemInfoSync().pixelRatio;\n  }\n\n  getRequestAnimationFrame(): (callback: FrameRequestCallback) => number {\n    // return requestAnimationFrame;\n\n    // 飞书小组件，在云文档浏览器环境中，没有requestAnimationFrame\n    // 但是在小组件工作台环境和模拟器中正常\n    // 反馈飞书修改，目前先使用setTimeout模拟，进行测试，飞书修复后替换回requestAnimationFrame\n    return function (callback: FrameRequestCallback) {\n      setTimeout(callback, 1000 / 60, true);\n    } as any;\n  }\n\n  getCancelAnimationFrame(): (h: number) => void {\n    return cancelAnimationFrame;\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return null;\n  }\n\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return null;\n  }\n\n  dispatchEvent(event: any): boolean {\n    return null;\n  }\n\n  // 只能索引canvas\n  getElementById(str: string): any | null {\n    return this.canvasMap.get(str);\n  }\n\n  getRootElement(): HTMLElement | null {\n    return null;\n  }\n\n  getDocument(): Document | null {\n    return null;\n  }\n\n  release(...params: any): void {\n    return;\n  }\n\n  mapToCanvasPoint(event: any) {\n    if (event?.type?.startsWith('mouse')) {\n      return event;\n    }\n    return null;\n  }\n}\n"]}

package/cjs/core/contributions/env/lynx-contribution.d.ts

@@ -0,0 +1,50 @@
+import { ICanvasLike, EnvType, ICreateCanvasParams, IEnvContribution, IGlobal } from '../../../interface';
+import { BaseEnvContribution } from './base-contribution';
+export interface ILynxCanvas extends ICanvasLike {
+    width: number;
+    height: number;
+    offsetWidth: number;
+    offsetHeight: number;
+    getContext: () => any;
+    getBoundingClientRect: () => {
+        width: number;
+        height: number;
+    };
+    id: string;
+}
+export declare class LynxEnvContribution extends BaseEnvContribution implements IEnvContribution {
+    type: EnvType;
+    supportEvent: boolean;
+    canvasMap: Map<string, ILynxCanvas>;
+    freeCanvasList: ILynxCanvas[];
+    canvasIdx: number;
+    constructor();
+    configure(service: IGlobal, params: {
+        domref: any;
+        canvasIdLists: string[];
+        freeCanvasIdx: number;
+    }): void;
+    loadImage(url: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | ImageData | null;
+    }>;
+    loadSvg(url: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | ImageData | null;
+    }>;
+    createCanvas(params: ICreateCanvasParams): ILynxCanvas;
+    createOffscreenCanvas(params: ICreateCanvasParams): void;
+    releaseCanvas(canvas: ICanvasLike | string): void;
+    getDevicePixelRatio(): number;
+    getRequestAnimationFrame(): (callback: FrameRequestCallback) => number;
+    getCancelAnimationFrame(): (h: number) => void;
+    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions | undefined): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+    dispatchEvent(event: any): boolean;
+    getElementById(str: string): any | null;
+    getRootElement(): HTMLElement | null;
+    getDocument(): Document | null;
+    release(...params: any): void;
+}

package/cjs/core/contributions/env/lynx-contribution.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LynxEnvContribution = void 0;
+
+const inversify_1 = require("inversify"), kits_1 = require("../../../kits"), base_contribution_1 = require("./base-contribution");
+
+function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList) {
+    SystemInfo.pixelRatio;
+    canvasIdLists.forEach(((id, i) => {
+        const ctx = lynx.createCanvas(id).getContext("2d");
+        ctx.draw = (a, b) => {
+            b();
+        };
+        const canvas = {
+            width: domref.width,
+            height: domref.height,
+            offsetWidth: domref.width,
+            offsetHeight: domref.height,
+            id: null != id ? id : "",
+            getContext: () => ctx,
+            getBoundingClientRect: () => ({
+                height: domref.height,
+                width: domref.width
+            })
+        };
+        canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas);
+    }));
+}
+
+let LynxEnvContribution = class extends base_contribution_1.BaseEnvContribution {
+    constructor() {
+        super(), this.type = "lynx", this.supportEvent = !0, this.canvasMap = new Map, this.freeCanvasList = [], 
+        this.canvasIdx = 0, this.supportsTouchEvents = !0;
+        try {
+            this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
+        } catch (err) {
+            this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
+        }
+        this.applyStyles = !0;
+    }
+    configure(service, params) {
+        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList), 
+        (0, kits_1.loadFeishuContributions)());
+    }
+    loadImage(url) {
+        return Promise.resolve({
+            data: url,
+            loadState: "success"
+        });
+    }
+    loadSvg(url) {
+        return Promise.reject();
+    }
+    createCanvas(params) {
+        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
+        return this.canvasIdx++, result;
+    }
+    createOffscreenCanvas(params) {}
+    releaseCanvas(canvas) {}
+    getDevicePixelRatio() {
+        return SystemInfo.pixelRatio;
+    }
+    getRequestAnimationFrame() {
+        return function(callback) {
+            setTimeout(callback, 1e3 / 60, !0);
+        };
+    }
+    getCancelAnimationFrame() {
+        return cancelAnimationFrame;
+    }
+    addEventListener(type, listener, options) {
+        return null;
+    }
+    removeEventListener(type, listener, options) {
+        return null;
+    }
+    dispatchEvent(event) {
+        return null;
+    }
+    getElementById(str) {
+        return this.canvasMap.get(str);
+    }
+    getRootElement() {
+        return null;
+    }
+    getDocument() {
+        return null;
+    }
+    release(...params) {}
+};
+
+LynxEnvContribution = __decorate([ (0, inversify_1.injectable)(), __metadata("design:paramtypes", []) ], LynxEnvContribution), 
+exports.LynxEnvContribution = LynxEnvContribution;
+//# sourceMappingURL=lynx-contribution.js.map

package/cjs/core/contributions/env/lynx-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/env/lynx-contribution.ts"],"names":[],"mappings":"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","file":"lynx-contribution.js","sourcesContent":["import { injectable } from 'inversify';\nimport { loadFeishuContributions } from '../../../kits';\nimport { ICanvasLike, EnvType, ICreateCanvasParams, IEnvContribution, IGlobal } from '../../../interface';\nimport { BaseEnvContribution } from './base-contribution';\nimport { createImageElement } from './browser-contribution';\n\ndeclare const lynx: {\n  getSystemInfoSync: () => { pixelRatio: number };\n  createCanvas: (id: string) => any;\n};\ndeclare const SystemInfo: {\n  pixelRatio: number;\n};\n\nexport interface ILynxCanvas extends ICanvasLike {\n  width: number;\n  height: number;\n  offsetWidth: number;\n  offsetHeight: number;\n  getContext: () => any;\n  // 构造 getBoundingClientRect 方法\n  getBoundingClientRect: () => { width: number; height: number };\n  id: string;\n}\n\n// 飞书小程序canvas的wrap\nfunction makeUpCanvas(\n  domref: any,\n  canvasIdLists: string[],\n  canvasMap: Map<string, ILynxCanvas>,\n  freeCanvasIdx: number,\n  freeCanvasList: ILynxCanvas[]\n) {\n  const dpr = SystemInfo.pixelRatio;\n\n  canvasIdLists.forEach((id, i) => {\n    const _canvas = lynx.createCanvas(id);\n    const ctx = _canvas.getContext('2d');\n    ctx.draw = (a: any, b: any) => {\n      b();\n    };\n    // TODO: 这里是一个临时方案，向 ctx 内部构造一个 canvas，传递宽高\n    // ctx.canvas = {\n    //   width: domref.width * dpr,\n    //   height: domref.height * dpr\n    // };\n\n    const canvas = {\n      width: domref.width,\n      height: domref.height,\n      offsetWidth: domref.width,\n      offsetHeight: domref.height,\n      id: id ?? '',\n      getContext: () => ctx,\n      // 构造 getBoundingClientRect 方法\n      getBoundingClientRect: () => ({\n        height: domref.height,\n        width: domref.width\n      })\n    };\n\n    canvasMap.set(id, canvas);\n    if (i >= freeCanvasIdx) {\n      freeCanvasList.push(canvas);\n    }\n  });\n}\n\n@injectable()\nexport class LynxEnvContribution extends BaseEnvContribution implements IEnvContribution {\n  type: EnvType = 'lynx';\n  supportEvent: boolean = true;\n  // 所有添加进来的canvas\n  canvasMap: Map<string, ILynxCanvas> = new Map();\n  // 所有可用的canvasList\n  freeCanvasList: ILynxCanvas[] = [];\n  canvasIdx: number = 0;\n\n  constructor() {\n    super();\n    this.supportsTouchEvents = true;\n    try {\n      this.supportsPointerEvents = !!globalThis.PointerEvent;\n      this.supportsMouseEvents = !!globalThis.MouseEvent;\n    } catch (err) {\n      this.supportsPointerEvents = false;\n      this.supportsMouseEvents = false;\n    }\n    this.applyStyles = true;\n  }\n\n  // TODO：VGrammar在小程序环境会重复调用setEnv传入canvas，所以每次configure并不会释放\n  // 这里等待后续和VGrammar沟通\n  configure(service: IGlobal, params: { domref: any; canvasIdLists: string[]; freeCanvasIdx: number }) {\n    if (service.env === this.type) {\n      service.setActiveEnvContribution(this);\n      makeUpCanvas(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList);\n\n      loadFeishuContributions();\n    }\n  }\n\n  loadImage(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    return Promise.resolve({\n      data: url as unknown as HTMLImageElement,\n      loadState: 'success'\n    });\n  }\n\n  loadSvg(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    // 飞书小组件不支持DOMParser和URL.createObjectURL，无法解析svg字符串，可以通过url使用svg资源\n    return Promise.reject();\n  }\n\n  createCanvas(params: ICreateCanvasParams): ILynxCanvas {\n    const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];\n    this.canvasIdx++;\n    return result;\n  }\n\n  createOffscreenCanvas(params: ICreateCanvasParams) {\n    return;\n  }\n\n  releaseCanvas(canvas: ICanvasLike | string) {\n    return;\n  }\n\n  getDevicePixelRatio(): number {\n    return SystemInfo.pixelRatio;\n  }\n\n  getRequestAnimationFrame(): (callback: FrameRequestCallback) => number {\n    // return requestAnimationFrame;\n\n    // 飞书小组件，在云文档浏览器环境中，没有requestAnimationFrame\n    // 但是在小组件工作台环境和模拟器中正常\n    // 反馈飞书修改，目前先使用setTimeout模拟，进行测试，飞书修复后替换回requestAnimationFrame\n    return function (callback: FrameRequestCallback) {\n      setTimeout(callback, 1000 / 60, true);\n    } as any;\n  }\n\n  getCancelAnimationFrame(): (h: number) => void {\n    return cancelAnimationFrame;\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return null;\n  }\n\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return null;\n  }\n\n  dispatchEvent(event: any): boolean {\n    return null;\n  }\n\n  // 只能索引canvas\n  getElementById(str: string): any | null {\n    return this.canvasMap.get(str);\n  }\n\n  getRootElement(): HTMLElement | null {\n    return null;\n  }\n\n  getDocument(): Document | null {\n    return null;\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}

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

@@ -0,0 +1,3 @@
+import { ContainerModule } from 'inversify';
+declare const _default: ContainerModule;
+export default _default;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+
+const inversify_1 = require("inversify"), common_1 = require("../../../common"), interface_1 = require("../../../interface"), browser_contribution_1 = require("./browser-contribution"), feishu_contribution_1 = require("./feishu-contribution"), taro_contribution_1 = require("./taro-contribution"), lynx_contribution_1 = require("./lynx-contribution");
+
+exports.default = new inversify_1.ContainerModule((bind => {
+    bind(browser_contribution_1.BrowserEnvContribution).toSelf().inSingletonScope(), 
+    bind(interface_1.EnvContribution).toService(browser_contribution_1.BrowserEnvContribution), 
+    bind(feishu_contribution_1.FeishuEnvContribution).toSelf().inSingletonScope(), bind(interface_1.EnvContribution).toService(feishu_contribution_1.FeishuEnvContribution), 
+    bind(taro_contribution_1.TaroEnvContribution).toSelf().inSingletonScope(), bind(interface_1.EnvContribution).toService(taro_contribution_1.TaroEnvContribution), 
+    bind(lynx_contribution_1.LynxEnvContribution).toSelf().inSingletonScope(), bind(interface_1.EnvContribution).toService(lynx_contribution_1.LynxEnvContribution), 
+    (0, common_1.bindContributionProvider)(bind, interface_1.EnvContribution);
+}));
+//# 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,yCAA4C;AAC5C,4CAA2D;AAC3D,kDAAqD;AACrD,iEAAgE;AAChE,+DAA8D;AAC9D,2DAA0D;AAC1D,2DAA0D;AAE1D,kBAAe,IAAI,2BAAe,CAAC,IAAI,CAAC,EAAE;IAExC,IAAI,CAAC,6CAAsB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACzD,IAAI,CAAC,2BAAe,CAAC,CAAC,SAAS,CAAC,6CAAsB,CAAC,CAAC;IAGxD,IAAI,CAAC,2CAAqB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACxD,IAAI,CAAC,2BAAe,CAAC,CAAC,SAAS,CAAC,2CAAqB,CAAC,CAAC;IAGvD,IAAI,CAAC,uCAAmB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACtD,IAAI,CAAC,2BAAe,CAAC,CAAC,SAAS,CAAC,uCAAmB,CAAC,CAAC;IAGrD,IAAI,CAAC,uCAAmB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACtD,IAAI,CAAC,2BAAe,CAAC,CAAC,SAAS,CAAC,uCAAmB,CAAC,CAAC;IAErD,IAAA,iCAAwB,EAAC,IAAI,EAAE,2BAAe,CAAC,CAAC;AAClD,CAAC,CAAC,CAAC","file":"modules.js","sourcesContent":["import { ContainerModule } from 'inversify';\nimport { bindContributionProvider } from '../../../common';\nimport { EnvContribution } from '../../../interface';\nimport { BrowserEnvContribution } from './browser-contribution';\nimport { FeishuEnvContribution } from './feishu-contribution';\nimport { TaroEnvContribution } from './taro-contribution';\nimport { LynxEnvContribution } from './lynx-contribution';\n\nexport default new ContainerModule(bind => {\n  // browser\n  bind(BrowserEnvContribution).toSelf().inSingletonScope();\n  bind(EnvContribution).toService(BrowserEnvContribution);\n\n  // feishu\n  bind(FeishuEnvContribution).toSelf().inSingletonScope();\n  bind(EnvContribution).toService(FeishuEnvContribution);\n\n  // taro\n  bind(TaroEnvContribution).toSelf().inSingletonScope();\n  bind(EnvContribution).toService(TaroEnvContribution);\n\n  // lynx\n  bind(LynxEnvContribution).toSelf().inSingletonScope();\n  bind(EnvContribution).toService(LynxEnvContribution);\n\n  bindContributionProvider(bind, EnvContribution);\n});\n"]}

package/cjs/core/contributions/env/taro-contribution.d.ts

@@ -0,0 +1,84 @@
+import { ICanvasLike, EnvType, ICreateCanvasParams, IEnvContribution, IGlobal } from '../../../interface';
+import { BaseEnvContribution } from './base-contribution';
+interface ITaro {
+    createCanvasContext: (id: string) => any;
+    canvasGetImageData: (data: {
+        canvasId: string;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        success: (res: any) => void;
+    }) => any;
+}
+export interface ITTCanvas extends ICanvasLike {
+    width: number;
+    height: number;
+    offsetWidth: number;
+    offsetHeight: number;
+    getContext: () => any;
+    getBoundingClientRect: () => {
+        width: number;
+        height: number;
+    };
+    id: string;
+}
+export interface IDomRef {
+    id: string;
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    x: number;
+    y: number;
+    requestAnimationFrame?: any;
+    cancelAnimationFrame?: any;
+    getBoundingClientRect?: () => {
+        height: number;
+        width: number;
+    };
+}
+interface IConfigureParams {
+    domref: any;
+    canvasIdLists: string[];
+    freeCanvasIdx: number;
+    taro: ITaro;
+    pixelRatio: number;
+}
+export declare class TaroEnvContribution extends BaseEnvContribution implements IEnvContribution {
+    type: EnvType;
+    supportEvent: boolean;
+    canvasMap: Map<string, ITTCanvas>;
+    freeCanvasList: ITTCanvas[];
+    canvasIdx: number;
+    taro: ITaro;
+    pixelRatio: number;
+    constructor();
+    configure(service: IGlobal, params: IConfigureParams): void;
+    loadImage(url: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | ImageData | null;
+    }>;
+    loadSvg(svgStr: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | ImageData | null;
+    }>;
+    createCanvas(params: ICreateCanvasParams): ITTCanvas;
+    createOffscreenCanvas(params: ICreateCanvasParams): void;
+    releaseCanvas(canvas: ICanvasLike | string): void;
+    getDevicePixelRatio(): number;
+    getRequestAnimationFrame(): (callback: FrameRequestCallback) => number;
+    getCancelAnimationFrame(): (h: number) => void;
+    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions | undefined): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+    dispatchEvent(event: any): boolean;
+    getElementById(str: string): any | null;
+    getRootElement(): HTMLElement | null;
+    getDocument(): Document | null;
+    release(...params: any): void;
+}
+export {};

package/cjs/core/contributions/env/taro-contribution.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TaroEnvContribution = void 0;
+
+const inversify_1 = require("inversify"), kits_1 = require("../../../kits"), base_contribution_1 = require("./base-contribution");
+
+function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, taro, dpr) {
+    canvasIdLists.forEach(((id, i) => {
+        const ctx = taro.createCanvasContext(id);
+        ctx.canvas = {
+            width: domref.width * dpr,
+            height: domref.height * dpr
+        }, ctx.createRadialGradient || (ctx.createRadialGradient = (...cc) => ctx.createCircularGradient(...cc)), 
+        !ctx.getImageData && taro.canvasGetImageData && (ctx.getImageData = (x, y, width, height) => new Promise(((resolve, reject) => {
+            try {
+                taro.canvasGetImageData({
+                    canvasId: id,
+                    x: x,
+                    y: y,
+                    width: width,
+                    height: height,
+                    success(res) {
+                        resolve(res);
+                    }
+                });
+            } catch (err) {
+                reject(err);
+            }
+        })));
+        const canvas = {
+            id: id,
+            width: domref.width,
+            height: domref.height,
+            offsetWidth: domref.width,
+            offsetHeight: domref.height,
+            getContext: () => ctx,
+            getBoundingClientRect: () => ({
+                height: domref.height,
+                width: domref.width
+            })
+        };
+        return canvasMap.set(id, canvas), i >= freeCanvasIdx && freeCanvasList.push(canvas), 
+        canvas;
+    }));
+}
+
+let TaroEnvContribution = class extends base_contribution_1.BaseEnvContribution {
+    constructor() {
+        super(), this.type = "taro", this.supportEvent = !0, this.canvasMap = new Map, this.freeCanvasList = [], 
+        this.canvasIdx = 0, this.supportsTouchEvents = !0;
+        try {
+            this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
+        } catch (err) {
+            this.supportsPointerEvents = !1, this.supportsMouseEvents = !1;
+        }
+        this.applyStyles = !0;
+    }
+    configure(service, params) {
+        service.env === this.type && (service.setActiveEnvContribution(this), makeUpCanvas(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, params.taro, params.pixelRatio), 
+        this.taro = params.taro, this.pixelRatio = params.pixelRatio, (0, kits_1.loadTaroContributions)());
+    }
+    loadImage(url) {
+        return Promise.resolve({
+            data: url,
+            loadState: "success"
+        });
+    }
+    loadSvg(svgStr) {
+        const _window = window || globalThis;
+        if (_window.DOMParser) {
+            const svg = (new _window.DOMParser).parseFromString(svgStr, "image/svg+xml").children[0], data = (new XMLSerializer).serializeToString(svg), url = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(data)}`;
+            return Promise.resolve({
+                data: url,
+                loadState: "success"
+            });
+        }
+        if (_window.Blob) {
+            const data = new _window.Blob([ svgStr ], {
+                type: "image/svg+xml"
+            }), url = _window.URL.createObjectURL(data);
+            return Promise.resolve({
+                data: url,
+                loadState: "success"
+            });
+        }
+        return Promise.reject();
+    }
+    createCanvas(params) {
+        const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
+        return this.canvasIdx++, result;
+    }
+    createOffscreenCanvas(params) {}
+    releaseCanvas(canvas) {}
+    getDevicePixelRatio() {
+        return this.pixelRatio;
+    }
+    getRequestAnimationFrame() {
+        return requestAnimationFrame;
+    }
+    getCancelAnimationFrame() {
+        return cancelAnimationFrame;
+    }
+    addEventListener(type, listener, options) {
+        return null;
+    }
+    removeEventListener(type, listener, options) {
+        return null;
+    }
+    dispatchEvent(event) {
+        return null;
+    }
+    getElementById(str) {
+        return this.canvasMap.get(str);
+    }
+    getRootElement() {
+        return null;
+    }
+    getDocument() {
+        return null;
+    }
+    release(...params) {}
+};
+
+TaroEnvContribution = __decorate([ (0, inversify_1.injectable)(), __metadata("design:paramtypes", []) ], TaroEnvContribution), 
+exports.TaroEnvContribution = TaroEnvContribution;
+//# sourceMappingURL=taro-contribution.js.map

package/cjs/core/contributions/env/taro-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/env/taro-contribution.ts"],"names":[],"mappings":"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","file":"taro-contribution.js","sourcesContent":["import { injectable } from 'inversify';\nimport { loadTaroContributions } from '../../../kits';\nimport { ICanvasLike, EnvType, ICreateCanvasParams, IEnvContribution, IGlobal } from '../../../interface';\nimport { BaseEnvContribution } from './base-contribution';\nimport { createImageElement } from './browser-contribution';\n\ninterface ITaro {\n  createCanvasContext: (id: string) => any;\n  canvasGetImageData: (data: {\n    canvasId: string;\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n    success: (res: any) => void;\n  }) => any;\n}\n\nexport interface ITTCanvas extends ICanvasLike {\n  width: number;\n  height: number;\n  offsetWidth: number;\n  offsetHeight: number;\n  getContext: () => any;\n  // 构造 getBoundingClientRect 方法\n  getBoundingClientRect: () => { width: number; height: number };\n  id: string;\n}\n\nexport interface IDomRef {\n  id: string;\n  width: number;\n  height: number;\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n  x: number;\n  y: number;\n\n  requestAnimationFrame?: any;\n  cancelAnimationFrame?: any;\n  getBoundingClientRect?: () => { height: number; width: number };\n}\n\nfunction makeUpCanvas(\n  domref: IDomRef,\n  canvasIdLists: string[],\n  canvasMap: Map<string, ITTCanvas>,\n  freeCanvasIdx: number,\n  freeCanvasList: ITTCanvas[],\n  taro: ITaro,\n  dpr: number\n) {\n  canvasIdLists.forEach((id, i) => {\n    const ctx: any = taro.createCanvasContext(id);\n    // TODO: 这里是一个临时方案，向 ctx 内部构造一个 canvas，传递宽高\n    ctx.canvas = {\n      width: domref.width * dpr,\n      height: domref.height * dpr\n    };\n\n    // TODO: 这里是一个临时方案，兼容 createCircularGradient 方法\n    if (!ctx.createRadialGradient) {\n      ctx.createRadialGradient = (...cc: any) => ctx.createCircularGradient(...cc);\n    }\n\n    // HACK: 小程序端draw、getImage方法为异步回调, 在此统一封装 getImageData 为 promise\n    if (!ctx.getImageData && taro.canvasGetImageData) {\n      ctx.getImageData = (x: number, y: number, width: number, height: number) =>\n        new Promise((resolve, reject) => {\n          try {\n            taro.canvasGetImageData({\n              canvasId: id,\n              x,\n              y,\n              width,\n              height,\n              success(res) {\n                resolve(res);\n              }\n            });\n          } catch (err) {\n            reject(err);\n          }\n        });\n    }\n\n    const canvas = {\n      id: id,\n      width: domref.width,\n      height: domref.height,\n      offsetWidth: domref.width,\n      offsetHeight: domref.height,\n      getContext: () => ctx,\n      // 构造 getBoundingClientRect 方法\n      getBoundingClientRect: () => ({\n        height: domref.height,\n        width: domref.width\n      })\n    };\n\n    canvasMap.set(id, canvas);\n    if (i >= freeCanvasIdx) {\n      freeCanvasList.push(canvas);\n    }\n\n    return canvas;\n  });\n}\n\ninterface IConfigureParams {\n  domref: any;\n  canvasIdLists: string[];\n  freeCanvasIdx: number;\n  taro: ITaro;\n  pixelRatio: number; // taro需要小程序自己处理pixelRatio\n}\n\n@injectable()\nexport class TaroEnvContribution extends BaseEnvContribution implements IEnvContribution {\n  type: EnvType = 'taro';\n  supportEvent: boolean = true;\n  canvasMap: Map<string, ITTCanvas> = new Map();\n  freeCanvasList: ITTCanvas[] = [];\n  canvasIdx: number = 0;\n  taro: ITaro;\n  pixelRatio: number;\n\n  constructor() {\n    super();\n    this.supportsTouchEvents = true;\n    try {\n      this.supportsPointerEvents = !!globalThis.PointerEvent;\n      this.supportsMouseEvents = !!globalThis.MouseEvent;\n    } catch (err) {\n      this.supportsPointerEvents = false;\n      this.supportsMouseEvents = false;\n    }\n    this.applyStyles = true;\n  }\n\n  // TODO：VGrammar在小程序环境会重复调用setEnv传入canvas，所以每次configure并不会释放\n  // 这里等待后续和VGrammar沟通\n  configure(service: IGlobal, params: IConfigureParams) {\n    if (service.env === this.type) {\n      service.setActiveEnvContribution(this);\n      makeUpCanvas(\n        params.domref,\n        params.canvasIdLists,\n        this.canvasMap,\n        params.freeCanvasIdx,\n        this.freeCanvasList,\n        params.taro,\n        params.pixelRatio\n      );\n      this.taro = params.taro;\n      this.pixelRatio = params.pixelRatio;\n\n      loadTaroContributions();\n    }\n  }\n\n  loadImage(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    return Promise.resolve({\n      data: url as unknown as HTMLImageElement,\n      loadState: 'success'\n    });\n  }\n\n  loadSvg(svgStr: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    const _window = window || globalThis;\n    if (_window.DOMParser) {\n      const parser = new _window.DOMParser();\n      const svg = parser.parseFromString(svgStr, 'image/svg+xml').children[0];\n      const data = new XMLSerializer().serializeToString(svg);\n      const url = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(data)}`; //svg转base64\n\n      return Promise.resolve({\n        data: url as unknown as HTMLImageElement,\n        loadState: 'success'\n      });\n    } else if (_window.Blob) {\n      const data = new _window.Blob([svgStr], { type: 'image/svg+xml' });\n      const url = _window.URL.createObjectURL(data);\n\n      return Promise.resolve({\n        data: url as unknown as HTMLImageElement,\n        loadState: 'success'\n      });\n    }\n    // 目前移动端上小程序不支持DOMParser和Blob，无法解析svg字符串，可以通过url使用svg资源\n    return Promise.reject();\n  }\n\n  createCanvas(params: ICreateCanvasParams): ITTCanvas {\n    // params不生效\n    const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];\n    this.canvasIdx++;\n    return result;\n  }\n\n  createOffscreenCanvas(params: ICreateCanvasParams) {\n    return;\n  }\n\n  releaseCanvas(canvas: ICanvasLike | string) {\n    return;\n  }\n\n  getDevicePixelRatio(): number {\n    return this.pixelRatio;\n  }\n\n  getRequestAnimationFrame(): (callback: FrameRequestCallback) => number {\n    return requestAnimationFrame;\n  }\n\n  getCancelAnimationFrame(): (h: number) => void {\n    return cancelAnimationFrame;\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions | undefined\n  ): void;\n  addEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return null;\n  }\n\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions | undefined\n  ): void;\n  removeEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return null;\n  }\n\n  dispatchEvent(event: any): boolean {\n    return null;\n  }\n\n  // 只能索引canvas\n  getElementById(str: string): any | null {\n    return this.canvasMap.get(str);\n  }\n\n  getRootElement(): HTMLElement | null {\n    return null;\n  }\n\n  getDocument(): Document | null {\n    return null;\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}

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

@@ -0,0 +1,3 @@
+export * from './env/base-contribution';
+export * from './window/base-contribution';
+export { CanvasTextLayout, type LayoutItemType } from './textMeasure/layout';

package/cjs/core/contributions/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CanvasTextLayout = void 0, __exportStar(require("./env/base-contribution"), exports), 
+__exportStar(require("./window/base-contribution"), exports);
+
+var layout_1 = require("./textMeasure/layout");
+
+Object.defineProperty(exports, "CanvasTextLayout", {
+    enumerable: !0,
+    get: function() {
+        return layout_1.CanvasTextLayout;
+    }
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAwC;AACxC,6DAA2C;AAE3C,+CAA6E;AAApE,0GAAA,gBAAgB,OAAA","file":"index.js","sourcesContent":["export * from './env/base-contribution';\nexport * from './window/base-contribution';\n// 对外暴露文字布局测试相关工具，供外部调用\nexport { CanvasTextLayout, type LayoutItemType } from './textMeasure/layout';\n"]}

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

@@ -0,0 +1,3 @@
+export interface IContribution<T> {
+    configure: (service: T, ...data: any) => void;
+}

package/cjs/core/contributions/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["export interface IContribution<T> {\n  configure: (service: T, ...data: any) => void;\n}\n"]}

package/cjs/core/contributions/layerHandler/canvas2d-contribution.d.ts

@@ -0,0 +1,21 @@
+import { ILayerHandlerContribution, IWindow, ILayerHandlerInitParams, ILayerHandlerDrawParams } from '../..';
+import { IGlobal, ICanvas, IContext2d, IDrawToParams, IGroup, ILayer } from '../../../interface';
+import { IBounds } from '@visactor/vutils';
+import { IDrawContext } from '../../../render';
+export declare class CanvasLayerHandlerContribution implements ILayerHandlerContribution {
+    readonly global: IGlobal;
+    layer: ILayer;
+    canvas: ICanvas;
+    context: IContext2d;
+    offscreen: boolean;
+    constructor(global: IGlobal);
+    init(layer: ILayer, window: IWindow, params: ILayerHandlerInitParams): void;
+    resize(w: number, h: number): void;
+    resizeView(w: number, h: number): void;
+    render(group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>): void;
+    merge(layerHandlers: ILayerHandlerContribution[]): void;
+    prepare(dirtyBounds: IBounds, params: ILayerHandlerDrawParams): void;
+    drawTo(target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams): void;
+    getContext(): IContext2d;
+    release(): void;
+}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __param = this && this.__param || function(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CanvasLayerHandlerContribution = void 0;
+
+const canvas_1 = require("../../../canvas"), inversify_1 = require("inversify"), interface_1 = require("../../../interface");
+
+let CanvasLayerHandlerContribution = class {
+    constructor(global) {
+        this.global = global, this.offscreen = !1;
+    }
+    init(layer, window, params) {
+        if (this.layer = layer, params.main) this.context = window.getContext(), this.canvas = this.context.getCanvas(); else {
+            let nativeCanvas;
+            nativeCanvas = params.canvasId ? this.global.getElementById(params.canvasId) : this.global.createCanvas({
+                width: window.width,
+                height: window.height
+            });
+            const windowCanvas = window.getContext().getCanvas().nativeCanvas, canvas = (0, 
+            canvas_1.wrapCanvas)({
+                nativeCanvas: nativeCanvas,
+                width: window.width,
+                height: window.height,
+                dpr: window.dpr,
+                canvasControled: !0,
+                container: window.getContainer(),
+                x: windowCanvas.offsetLeft,
+                y: windowCanvas.offsetTop
+            });
+            canvas.applyPosition(), this.canvas = canvas, this.context = canvas.getContext();
+        }
+    }
+    resize(w, h) {
+        this.canvas.resize(w, h);
+    }
+    resizeView(w, h) {}
+    render(group, params, userParams) {
+        var _a;
+        params.renderService.render(group, Object.assign(Object.assign({
+            context: this.context,
+            clear: null !== (_a = params.background) && void 0 !== _a ? _a : "#ffffff"
+        }, params), userParams));
+    }
+    merge(layerHandlers) {
+        layerHandlers.forEach((l => {
+            const canvas = l.getContext().canvas.nativeCanvas;
+            this.context.drawImage(canvas, 0, 0);
+        }));
+    }
+    prepare(dirtyBounds, params) {}
+    drawTo(target, group, params) {
+        var _a;
+        const context = target.getContext();
+        params.renderService.render(group, Object.assign(Object.assign({
+            context: context
+        }, params), {
+            clear: params.clear ? null !== (_a = params.background) && void 0 !== _a ? _a : "#fff" : void 0
+        }));
+    }
+    getContext() {
+        return this.context;
+    }
+    release() {
+        this.canvas.release();
+    }
+};
+
+CanvasLayerHandlerContribution = __decorate([ (0, inversify_1.injectable)(), __param(0, (0, 
+inversify_1.inject)(interface_1.Global)), __metadata("design:paramtypes", [ Object ]) ], CanvasLayerHandlerContribution), 
+exports.CanvasLayerHandlerContribution = CanvasLayerHandlerContribution;
+//# sourceMappingURL=canvas2d-contribution.js.map