@visactor/vrender-kits 0.16.0-alpha.7 → 0.16.0-alpha.9

package/es/env/contributions/lynx-contribution.js

@@ -0,0 +1,129 @@
+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);
+};
+
+import { injectable, BaseEnvContribution, rafBasedSto } from "@visactor/vrender-core";
+
+let ng = !1;
+
+try {
+    ng = !!lynx.createCanvasNG;
+} catch (err) {}
+
+function makeUpCanvas(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList) {
+    const dpr = SystemInfo.pixelRatio;
+    canvasIdLists.forEach(((id, i) => {
+        const _canvas = ng ? lynx.createCanvasNG(id) : lynx.createCanvas(id);
+        _canvas.width = domref.width * dpr, _canvas.height = domref.height * dpr, ng && _canvas.attachToCanvasView(id);
+        const ctx = _canvas.getContext("2d");
+        ctx.draw = (a, b) => {
+            b();
+        };
+        const canvas = {
+            width: domref.width * dpr,
+            height: domref.height * dpr,
+            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);
+    }));
+}
+
+export function createImageElement(src, isSvg = !1) {
+    if (isSvg) return Promise.reject();
+    const img = lynx.createImage(src);
+    return new Promise(((resolve, reject) => {
+        img.onload = () => {
+            resolve(img);
+        }, img.onerror = () => {
+            reject(new Error("加载失败"));
+        };
+    }));
+}
+
+let LynxEnvContribution = class extends 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));
+    }
+    getDynamicCanvasCount() {
+        return this.freeCanvasList.length;
+    }
+    getStaticCanvasCount() {
+        return this.freeCanvasList.length;
+    }
+    loadImage(url) {
+        return createImageElement(url, !1).then((img => ({
+            data: img,
+            loadState: "success"
+        }))).catch((() => ({
+            data: null,
+            loadState: "fail"
+        })));
+    }
+    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) {
+            return rafBasedSto.call(callback);
+        };
+    }
+    getCancelAnimationFrame() {
+        return h => {
+            rafBasedSto.clear(h);
+        };
+    }
+    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([ injectable(), __metadata("design:paramtypes", []) ], LynxEnvContribution);
+
+export { LynxEnvContribution };
+//# sourceMappingURL=lynx-contribution.js.map

package/es/env/contributions/lynx-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/env/contributions/lynx-contribution.ts"],"names":[],"mappings":"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","file":"lynx-contribution.js","sourcesContent":["import { injectable, BaseEnvContribution, rafBasedSto } from '@visactor/vrender-core';\n// import { loadFeishuContributions } from '../../../kits';\nimport type {\n  ICanvasLike,\n  EnvType,\n  ICreateCanvasParams,\n  IEnvContribution,\n  IGlobal,\n  ILynxCanvas\n} from '@visactor/vrender-core';\n\ndeclare const lynx: {\n  getSystemInfoSync: () => { pixelRatio: number };\n  createCanvas: (id: string) => any;\n  createCanvasNG: (id: string) => any;\n  createImage: (id: string) => any;\n};\ndeclare const SystemInfo: {\n  pixelRatio: number;\n};\n\nlet ng = false;\ntry {\n  ng = !!lynx.createCanvasNG;\n} catch (err) {\n  // do nothing\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 = ng ? lynx.createCanvasNG(id) : lynx.createCanvas(id);\n    _canvas.width = domref.width * dpr;\n    _canvas.height = domref.height * dpr;\n    ng && _canvas.attachToCanvasView(id);\n\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 * dpr,\n      height: domref.height * dpr,\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\nexport function createImageElement(src: string, isSvg: boolean = false): Promise<HTMLImageElement> {\n  if (isSvg) {\n    return Promise.reject();\n  }\n  const img = lynx.createImage(src);\n  // if (img.complete) {\n  //   return Promise.resolve(img);\n  // }\n  const promise: Promise<HTMLImageElement> = new Promise((resolve, reject) => {\n    img.onload = () => {\n      resolve(img);\n    };\n    img.onerror = () => {\n      reject(new Error('加载失败'));\n    };\n  });\n  return promise;\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   * 获取动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount(): number {\n    return this.freeCanvasList.length;\n  }\n\n  /**\n   * 获取静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount(): number {\n    return this.freeCanvasList.length;\n  }\n\n  loadImage(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | ImageData | null;\n  }> {\n    const imagePromise = createImageElement(url, false);\n    return imagePromise\n      .then((img: HTMLImageElement) => {\n        return {\n          data: img,\n          loadState: 'success' as const\n        };\n      })\n      .catch(() => {\n        return {\n          data: null,\n          loadState: 'fail'\n        };\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    //   return setTimeout(callback, 1000 / 60, true);\n    // } as any;\n    return function (callback: FrameRequestCallback) {\n      return rafBasedSto.call(callback);\n    } as any;\n  }\n\n  getCancelAnimationFrame(): (h: number) => void {\n    return (h: number) => {\n      rafBasedSto.clear(h);\n    };\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/es/env/contributions/module.d.ts

@@ -1 +1,8 @@
-
+import { ContainerModule } from '@visactor/vrender-core';
+export declare const browserEnvModule: ContainerModule;
+export declare const feishuEnvModule: ContainerModule;
+export declare const taroEnvModule: ContainerModule;
+export declare const ttEnvModule: ContainerModule;
+export declare const lynxEnvModule: ContainerModule;
+export declare const wxEnvModule: ContainerModule;
+export declare const nodeEnvModule: ContainerModule;

package/es/env/contributions/module.js

@@ -1 +1,42 @@
-//# sourceMappingURL=module.js.map
+import { ContainerModule, EnvContribution } from "@visactor/vrender-core";
+
+import { BrowserEnvContribution } from "./browser-contribution";
+
+import { FeishuEnvContribution } from "./feishu-contribution";
+
+import { TaroEnvContribution } from "./taro-contribution";
+
+import { LynxEnvContribution } from "./lynx-contribution";
+
+import { WxEnvContribution } from "./wx-contribution";
+
+import { NodeEnvContribution } from "./node-contribution";
+
+export const browserEnvModule = new ContainerModule((bind => {
+    bind(BrowserEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(BrowserEnvContribution);
+}));
+
+export const feishuEnvModule = new ContainerModule((bind => {
+    bind(FeishuEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(FeishuEnvContribution);
+}));
+
+export const taroEnvModule = new ContainerModule((bind => {
+    bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution);
+}));
+
+export const ttEnvModule = new ContainerModule((bind => {
+    bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution);
+}));
+
+export const lynxEnvModule = new ContainerModule((bind => {
+    bind(LynxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(LynxEnvContribution);
+}));
+
+export const wxEnvModule = new ContainerModule((bind => {
+    bind(WxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(WxEnvContribution);
+}));
+
+export const nodeEnvModule = new ContainerModule((bind => {
+    bind(NodeEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(NodeEnvContribution);
+}));
+//# sourceMappingURL=module.js.map

package/es/env/contributions/module.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/env/contributions/module.ts"],"names":[],"mappings":"","file":"module.js","sourcesContent":["// import { ContainerModule } from 'inversify';\n// import { bindContributionProvider, EnvContribution } from '@visactor/vrender';\n// import { NodeEnvContribution } from './node-contribution';\n\n// export default new ContainerModule(bind => {\n//   bind(NodeEnvContribution).toSelf().inSingletonScope();\n//   bind(EnvContribution).toService(NodeEnvContribution);\n// });\n"]}
+{"version":3,"sources":["../src/env/contributions/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IAEzD,IAAI,CAAC,sBAAsB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACzD,IAAI,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;AAC1D,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IAExD,IAAI,CAAC,qBAAqB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACxD,IAAI,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;AACzD,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IAEtD,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACtD,IAAI,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;AACvD,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IAEpD,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACtD,IAAI,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;AACvD,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IAEtD,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACtD,IAAI,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;AACvD,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IAEpD,IAAI,CAAC,iBAAiB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACpD,IAAI,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;AACrD,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IAEtD,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACtD,IAAI,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;AACvD,CAAC,CAAC,CAAC","file":"module.js","sourcesContent":["import { ContainerModule, EnvContribution } from '@visactor/vrender-core';\nimport { BrowserEnvContribution } from './browser-contribution';\nimport { FeishuEnvContribution } from './feishu-contribution';\nimport { TaroEnvContribution } from './taro-contribution';\nimport { LynxEnvContribution } from './lynx-contribution';\nimport { WxEnvContribution } from './wx-contribution';\nimport { NodeEnvContribution } from './node-contribution';\n\nexport const browserEnvModule = new ContainerModule(bind => {\n  // browser\n  bind(BrowserEnvContribution).toSelf().inSingletonScope();\n  bind(EnvContribution).toService(BrowserEnvContribution);\n});\n\nexport const feishuEnvModule = new ContainerModule(bind => {\n  // feishu\n  bind(FeishuEnvContribution).toSelf().inSingletonScope();\n  bind(EnvContribution).toService(FeishuEnvContribution);\n});\n\nexport const taroEnvModule = new ContainerModule(bind => {\n  // taro\n  bind(TaroEnvContribution).toSelf().inSingletonScope();\n  bind(EnvContribution).toService(TaroEnvContribution);\n});\n\nexport const ttEnvModule = new ContainerModule(bind => {\n  // taro\n  bind(TaroEnvContribution).toSelf().inSingletonScope();\n  bind(EnvContribution).toService(TaroEnvContribution);\n});\n\nexport const lynxEnvModule = new ContainerModule(bind => {\n  // lynx\n  bind(LynxEnvContribution).toSelf().inSingletonScope();\n  bind(EnvContribution).toService(LynxEnvContribution);\n});\n\nexport const wxEnvModule = new ContainerModule(bind => {\n  // wx\n  bind(WxEnvContribution).toSelf().inSingletonScope();\n  bind(EnvContribution).toService(WxEnvContribution);\n});\n\nexport const nodeEnvModule = new ContainerModule(bind => {\n  // node\n  bind(NodeEnvContribution).toSelf().inSingletonScope();\n  bind(EnvContribution).toService(NodeEnvContribution);\n});\n"]}

package/es/env/contributions/node-contribution.d.ts

@@ -1 +1,49 @@
-
+import { BaseEnvContribution } from '@visactor/vrender-core';
+import type { EnvType, ICreateCanvasParams, IEnvContribution, IGlobal } from '@visactor/vrender-core';
+type Canvas = any;
+type NodePkg = {
+    createCanvas: (width: number, height: number, type?: 'pdf' | 'svg') => Canvas;
+    createImageData: (data: Uint8ClampedArray, width: number, height?: number) => ImageData;
+    loadImage: (src: string | any, options?: any) => Promise<any>;
+    Resvg?: any;
+};
+export declare class NodeEnvContribution extends BaseEnvContribution implements IEnvContribution {
+    type: EnvType;
+    pkg: NodePkg;
+    _lastTime: number;
+    supportEvent: boolean;
+    configure(service: IGlobal, pkg: NodePkg): void;
+    getDynamicCanvasCount(): number;
+    getStaticCanvasCount(): number;
+    loadJson(url: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: Record<string, unknown> | null;
+    }>;
+    loadArrayBuffer(url: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: ArrayBuffer | null;
+    }>;
+    loadImage(url: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | null;
+    }>;
+    loadSvg(svgStr: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | null;
+    }>;
+    createCanvas(params: any): Canvas;
+    releaseCanvas(canvas: Canvas | any): 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;
+    getElementById(str: string): HTMLElement | null;
+    getRootElement(): HTMLElement | null;
+    dispatchEvent(event: any): boolean;
+    release(...params: any): void;
+    createOffscreenCanvas(params: ICreateCanvasParams): void;
+}
+export {};

package/es/env/contributions/node-contribution.js

@@ -1 +1,90 @@
-//# sourceMappingURL=node-contribution.js.map
+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;
+};
+
+import { injectable, BaseEnvContribution, rafBasedSto } from "@visactor/vrender-core";
+
+let NodeEnvContribution = class extends BaseEnvContribution {
+    constructor() {
+        super(...arguments), this.type = "node", this._lastTime = 0, this.supportEvent = !1;
+    }
+    configure(service, pkg) {
+        service.env === this.type && (service.setActiveEnvContribution(this), this.pkg = pkg);
+    }
+    getDynamicCanvasCount() {
+        return 0;
+    }
+    getStaticCanvasCount() {
+        return 1;
+    }
+    loadJson(url) {
+        const jsonPromise = fetch(url).then((data => data.json()));
+        return jsonPromise.then((json => ({
+            data: json,
+            state: "success"
+        }))).catch((() => ({
+            data: null,
+            state: "fail"
+        }))), jsonPromise;
+    }
+    loadArrayBuffer(url) {
+        return fetch(url).then((data => data.arrayBuffer())).then((arrayBuffer => ({
+            data: arrayBuffer,
+            loadState: "success"
+        }))).catch((() => ({
+            data: null,
+            loadState: "fail"
+        })));
+    }
+    loadImage(url) {
+        const {loadImage: loadImage} = this.pkg;
+        return loadImage ? loadImage(url).then((image => ({
+            loadState: image ? "success" : "fail",
+            data: image
+        }))).catch((() => ({
+            loadState: "fail",
+            data: null
+        }))) : Promise.reject(new Error("node-canvas loadImage could not be found!"));
+    }
+    loadSvg(svgStr) {
+        const Resvg = this.pkg.Resvg;
+        if (!Resvg) return Promise.reject(new Error("@resvg/resvg-js svgParser could not be found!"));
+        const pngData = new Resvg(svgStr).render().asPng();
+        return this.loadImage(pngData);
+    }
+    createCanvas(params) {
+        return this.pkg.createCanvas(params.width, params.height);
+    }
+    releaseCanvas(canvas) {}
+    getDevicePixelRatio() {
+        return 1;
+    }
+    getRequestAnimationFrame() {
+        return function(callback) {
+            return rafBasedSto.call(callback);
+        };
+    }
+    getCancelAnimationFrame() {
+        return h => {
+            rafBasedSto.clear(h);
+        };
+    }
+    addEventListener(type, listener, options) {}
+    removeEventListener(type, listener, options) {}
+    getElementById(str) {
+        return null;
+    }
+    getRootElement() {
+        return null;
+    }
+    dispatchEvent(event) {}
+    release(...params) {}
+    createOffscreenCanvas(params) {}
+};
+
+NodeEnvContribution = __decorate([ injectable() ], NodeEnvContribution);
+
+export { NodeEnvContribution };
+//# sourceMappingURL=node-contribution.js.map

package/es/env/contributions/node-contribution.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/env/contributions/node-contribution.ts"],"names":[],"mappings":"","file":"node-contribution.js","sourcesContent":["// import { injectable } from 'inversify';\n// import type { createCanvas, createImageData, loadImage, Canvas } from 'canvas';\n// import * as NodePkg from 'canvas';\n// import { Resvg } from '@resvg/resvg-js';\n// import type { EnvType, IEnvContribution, IGlobal, ICreateCanvasParams } from '@visactor/vrender';\n// import { BaseEnvContribution } from '@visactor/vrender';\n// import fetch from 'node-fetch';\n\n// type NodePkg = {\n//   createCanvas: typeof createCanvas;\n//   createImageData: typeof createImageData;\n//   loadImage: typeof loadImage;\n// };\n\n// let last = 0;\n// function nodeRequestAnimationFrame(callback: FrameRequestCallback) {\n//   const now = Date.now();\n//   const timeLeft = Math.max(0, 16 - (now - last));\n//   const id = setTimeout(function () {\n//     callback(now + timeLeft);\n//   }, timeLeft);\n//   last = now + timeLeft;\n//   return id;\n// }\n\n// @injectable()\n// export class NodeEnvContribution extends BaseEnvContribution implements IEnvContribution {\n//   type: EnvType = 'node';\n//   pkg: NodePkg;\n//   _lastTime: number = 0;\n//   supportEvent: boolean = false;\n\n//   configure(service: IGlobal, pkg: NodePkg = NodePkg) {\n//     if (service.env === this.type) {\n//       service.setActiveEnvContribution(this);\n//       this.pkg = pkg;\n//     }\n//   }\n\n//   loadJson(url: string): Promise<{\n//     loadState: 'success' | 'fail';\n//     data: Record<string, unknown> | null;\n//   }> {\n//     const jsonPromise = fetch(url).then(data => data.json()) as Promise<any>; // ignore_security_alert\n//     jsonPromise\n//       .then(json => {\n//         return {\n//           data: json,\n//           state: 'success'\n//         };\n//       })\n//       .catch(() => {\n//         return {\n//           data: null,\n//           state: 'fail'\n//         };\n//       });\n//     return jsonPromise;\n//   }\n\n//   loadArrayBuffer(url: string): Promise<{\n//     loadState: 'success' | 'fail';\n//     data: ArrayBuffer | null;\n//   }> {\n//     const arrayBufferPromise = fetch(url).then(data => data.arrayBuffer()); // ignore_security_alert\n//     return arrayBufferPromise\n//       .then((arrayBuffer: ArrayBuffer) => {\n//         return {\n//           data: arrayBuffer,\n//           loadState: 'success' as const\n//         };\n//       })\n//       .catch(() => {\n//         return {\n//           data: null,\n//           loadState: 'fail'\n//         };\n//       });\n//   }\n\n//   loadImage(url: string): Promise<{\n//     loadState: 'success' | 'fail';\n//     data: HTMLImageElement | null;\n//   }> {\n//     const { loadImage } = this.pkg;\n//     if (loadImage) {\n//       return loadImage(url)\n//         .then((image: any) => {\n//           const loadState: 'success' | 'fail' = image ? 'success' : 'fail';\n//           return {\n//             loadState,\n//             data: image as HTMLImageElement\n//           };\n//         })\n//         .catch(() => {\n//           return {\n//             loadState: 'fail',\n//             data: null\n//           } as any;\n//         });\n//     }\n//     return Promise.reject(new Error('node-canvas loadImage could not be found!'));\n//   }\n\n//   // 此处的\n//   loadSvg(svgStr: string): Promise<{\n//     loadState: 'success' | 'fail';\n//     data: HTMLImageElement | null;\n//   }> {\n//     // // eslint-disable-next-line @typescript-eslint/no-var-requires\n//     // const { Resvg } = require('@resvg/resvg-js');\n//     if (!Resvg) {\n//       return Promise.reject(new Error('@resvg/resvg-js svgParser could not be found!'));\n//     }\n//     const resvg = new Resvg(svgStr);\n//     const pngData = resvg.render().asPng();\n//     return this.loadImage(pngData as unknown as string);\n//   }\n\n//   createCanvas(params: any): Canvas {\n//     const canvas = this.pkg.createCanvas(params.width, params.height);\n//     return canvas;\n//   }\n\n//   releaseCanvas(canvas: Canvas | any) {\n//     return;\n//   }\n\n//   getDevicePixelRatio(): number {\n//     return 0;\n//   }\n\n//   getRequestAnimationFrame(): (callback: FrameRequestCallback) => number {\n//     // return requestAnimationFrame;\n//     return nodeRequestAnimationFrame as any;\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;\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;\n//   }\n\n//   getElementById(str: string): HTMLElement | null {\n//     return null;\n//   }\n\n//   getRootElement(): HTMLElement | null {\n//     return null;\n//   }\n\n//   dispatchEvent(event: any): boolean {\n//     return;\n//   }\n\n//   getCancelAnimationFrame(): (h: number) => void {\n//     return;\n//   }\n\n//   release(...params: any): void {\n//     return;\n//   }\n\n//   createOffscreenCanvas(params: ICreateCanvasParams) {\n//     return;\n//   }\n// }\n"]}
+{"version":3,"sources":["../src/env/contributions/node-contribution.ts"],"names":[],"mappings":"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","file":"node-contribution.js","sourcesContent":["import { injectable, BaseEnvContribution, rafBasedSto } from '@visactor/vrender-core';\n// import { loadTaroContributions } from '../../../kits';\nimport type { EnvType, ICreateCanvasParams, IEnvContribution, IGlobal } from '@visactor/vrender-core';\n\ntype Canvas = any;\n\ntype NodePkg = {\n  createCanvas: (width: number, height: number, type?: 'pdf' | 'svg') => Canvas;\n  createImageData: (data: Uint8ClampedArray, width: number, height?: number) => ImageData;\n  loadImage: (src: string | any, options?: any) => Promise<any>;\n  Resvg?: any;\n};\n\n// let last = 0;\n// function nodeRequestAnimationFrame(callback: FrameRequestCallback) {\n//   const now = Date.now();\n//   const timeLeft = Math.max(0, 16 - (now - last));\n//   const id = setTimeout(function () {\n//     callback(now + timeLeft);\n//   }, timeLeft);\n//   last = now + timeLeft;\n//   return id;\n// }\n\n@injectable()\nexport class NodeEnvContribution extends BaseEnvContribution implements IEnvContribution {\n  type: EnvType = 'node';\n  pkg: NodePkg;\n  _lastTime: number = 0;\n  supportEvent: boolean = false;\n\n  configure(service: IGlobal, pkg: NodePkg) {\n    if (service.env === this.type) {\n      service.setActiveEnvContribution(this);\n      this.pkg = pkg;\n    }\n  }\n\n  /**\n   * 获取动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount(): number {\n    return 0;\n  }\n\n  /**\n   * 获取静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount(): number {\n    return 1;\n  }\n\n  loadJson(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: Record<string, unknown> | null;\n  }> {\n    const jsonPromise = fetch(url).then(data => data.json()) as Promise<any>; // ignore_security_alert\n    jsonPromise\n      .then(json => {\n        return {\n          data: json,\n          state: 'success'\n        };\n      })\n      .catch(() => {\n        return {\n          data: null,\n          state: 'fail'\n        };\n      });\n    return jsonPromise;\n  }\n\n  loadArrayBuffer(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: ArrayBuffer | null;\n  }> {\n    const arrayBufferPromise = fetch(url).then(data => data.arrayBuffer()); // ignore_security_alert\n    return arrayBufferPromise\n      .then((arrayBuffer: ArrayBuffer) => {\n        return {\n          data: arrayBuffer,\n          loadState: 'success' as const\n        };\n      })\n      .catch(() => {\n        return {\n          data: null,\n          loadState: 'fail'\n        };\n      });\n  }\n\n  loadImage(url: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | null;\n  }> {\n    const { loadImage } = this.pkg;\n    if (loadImage) {\n      return loadImage(url)\n        .then((image: any) => {\n          const loadState: 'success' | 'fail' = image ? 'success' : 'fail';\n          return {\n            loadState,\n            data: image as HTMLImageElement\n          };\n        })\n        .catch(() => {\n          return {\n            loadState: 'fail',\n            data: null\n          } as any;\n        });\n    }\n    return Promise.reject(new Error('node-canvas loadImage could not be found!'));\n  }\n\n  // 此处的\n  loadSvg(svgStr: string): Promise<{\n    loadState: 'success' | 'fail';\n    data: HTMLImageElement | null;\n  }> {\n    // // eslint-disable-next-line @typescript-eslint/no-var-requires\n    // const { Resvg } = require('@resvg/resvg-js');\n    const Resvg = this.pkg.Resvg;\n    if (!Resvg) {\n      return Promise.reject(new Error('@resvg/resvg-js svgParser could not be found!'));\n    }\n    const resvg = new Resvg(svgStr);\n    const pngData = resvg.render().asPng();\n    return this.loadImage(pngData as unknown as string);\n  }\n\n  createCanvas(params: any): Canvas {\n    const canvas = this.pkg.createCanvas(params.width, params.height);\n    return canvas;\n  }\n\n  releaseCanvas(canvas: Canvas | any) {\n    return;\n  }\n\n  getDevicePixelRatio(): number {\n    return 1;\n  }\n\n  getRequestAnimationFrame(): (callback: FrameRequestCallback) => number {\n    // return function (callback: FrameRequestCallback) {\n    //   return setTimeout(callback, 1000 / 60, true);\n    // } as any;\n    return function (callback: FrameRequestCallback) {\n      return rafBasedSto.call(callback);\n    } as any;\n  }\n\n  getCancelAnimationFrame(): (h: number) => void {\n    return (h: number) => {\n      rafBasedSto.clear(h);\n    };\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;\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;\n  }\n\n  getElementById(str: string): HTMLElement | null {\n    return null;\n  }\n\n  getRootElement(): HTMLElement | null {\n    return null;\n  }\n\n  dispatchEvent(event: any): boolean {\n    return;\n  }\n\n  release(...params: any): void {\n    return;\n  }\n\n  createOffscreenCanvas(params: ICreateCanvasParams) {\n    return;\n  }\n}\n"]}

package/es/env/contributions/taro-contribution.d.ts

@@ -0,0 +1,57 @@
+import { BaseEnvContribution } from '@visactor/vrender-core';
+import type { ICanvasLike, EnvType, ICreateCanvasParams, IEnvContribution, IGlobal, ITTCanvas } from '@visactor/vrender-core';
+interface ITaro {
+    createCanvasContext: (id: string) => any;
+    canvasGetImageData: (data: {
+        canvasId: string;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        success: (res: any) => void;
+    }) => any;
+}
+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();
+    getDynamicCanvasCount(): number;
+    getStaticCanvasCount(): number;
+    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/es/env/contributions/taro-contribution.js

@@ -0,0 +1,137 @@
+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);
+};
+
+import { injectable, BaseEnvContribution } from "@visactor/vrender-core";
+
+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 * dpr,
+            height: domref.height * dpr,
+            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 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;
+    }
+    getDynamicCanvasCount() {
+        return this.freeCanvasList.length;
+    }
+    getStaticCanvasCount() {
+        return this.freeCanvasList.length;
+    }
+    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);
+    }
+    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([ injectable(), __metadata("design:paramtypes", []) ], TaroEnvContribution);
+
+export { TaroEnvContribution };
+//# sourceMappingURL=taro-contribution.js.map

package/es/env/contributions/taro-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/env/contributions/taro-contribution.ts"],"names":[],"mappings":"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","file":"taro-contribution.js","sourcesContent":["import { injectable, BaseEnvContribution } from '@visactor/vrender-core';\nimport type {\n  ICanvasLike,\n  EnvType,\n  ICreateCanvasParams,\n  IEnvContribution,\n  IGlobal,\n  IDomRef,\n  ITTCanvas\n} from '@visactor/vrender-core';\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\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 * dpr,\n      height: domref.height * dpr,\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  /**\n   * 获取动态canvas的数量，offscreenCanvas或者framebuffer\n   */\n  getDynamicCanvasCount(): number {\n    return this.freeCanvasList.length;\n  }\n\n  /**\n   * 获取静态canvas的数量，纯粹canvas\n   */\n  getStaticCanvasCount(): number {\n    return this.freeCanvasList.length;\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"]}