@visactor/vrender 0.16.0-alpha.4 → 0.16.0-alpha.6

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/window/lynx-contribution.ts"],"names":[],"mappings":"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","file":"lynx-contribution.js","sourcesContent":["import { inject, injectable } from 'inversify';\nimport { LynxCanvas } from '../../../canvas/contributions/lynx';\nimport { Generator } from '../../../common/generator';\nimport { BaseWindowHandlerContribution } from './base-contribution';\nimport type {\n  EnvType,\n  IGlobal,\n  IContext2d,\n  ICanvas,\n  IDomRectLike,\n  IWindowParams,\n  IWindowHandlerContribution\n} from '../../../interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport { VGlobal } from '../../../constants';\n\nclass MiniAppEventManager {\n  addEventListener(type: string, func: EventListenerOrEventListenerObject) {\n    if (!type || !func) {\n      return;\n    }\n    this.cache[type] = this.cache[type] || {\n      listener: []\n    };\n    this.cache[type].listener.push(func);\n  }\n  removeEventListener(type: string, func: EventListenerOrEventListenerObject) {\n    if (!type || !func) {\n      return;\n    }\n    if (!this.cache[type]) {\n      return;\n    }\n    const index = this.cache[type].listener.findIndex((f: EventListenerOrEventListenerObject) => f === func);\n    if (index >= 0) {\n      this.cache[type].listener.splice(index, 1);\n    }\n  }\n  cleanEvent() {\n    this.cache = {};\n  }\n  cache: Record<string, { listener: EventListenerOrEventListenerObject[] }> = {};\n}\n\n@injectable()\nexport class LynxWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {\n  static env: EnvType = 'lynx';\n  type: EnvType = 'lynx';\n\n  protected eventManager = new MiniAppEventManager();\n\n  canvas: ICanvas;\n  get container(): HTMLElement | null {\n    return null;\n  }\n\n  constructor(@inject(VGlobal) private readonly global: IGlobal) {\n    super();\n  }\n\n  getTitle(): string {\n    return this.canvas.id.toString();\n  }\n\n  getWH(): { width: number; height: number } {\n    return {\n      width: this.canvas.width / (this.canvas.dpr || 1),\n      height: this.canvas.height / (this.canvas.dpr || 1)\n    };\n  }\n\n  getXY(): { x: number; y: number } {\n    return { x: 0, y: 0 };\n  }\n\n  createWindow(params: IWindowParams): void {\n    // 如果没有传入canvas，那么就创建一个canvas\n    if (!params.canvas) {\n      this.createWindowByConfig(params);\n    } else {\n      this.createWindowByCanvas(params);\n    }\n  }\n  private createWindowByConfig(params: IWindowParams) {\n    // 创建canvas\n    const nativeCanvas = this.global.createCanvas({\n      width: params.width,\n      height: params.height\n    });\n\n    // 绑定\n    const options = {\n      width: params.width,\n      height: params.height,\n      dpr: params.dpr,\n      nativeCanvas,\n      id: Generator.GenAutoIncrementId().toString(),\n      canvasControled: false\n    };\n    this.canvas = new LynxCanvas(options);\n  }\n  private createWindowByCanvas(params: IWindowParams) {\n    // 获取canvas\n    let canvas: HTMLCanvasElement | null;\n    if (typeof params.canvas === 'string') {\n      canvas = this.global.getElementById(params.canvas) as HTMLCanvasElement | null;\n      if (!canvas) {\n        throw new Error('canvasId 参数不正确，请确认canvas存在并插入dom');\n      }\n    } else {\n      canvas = params!.canvas as HTMLCanvasElement | null;\n    }\n\n    // 如果没有传入wh，或者是不受控制的canvas，那就用canvas的原始wh\n    let width = params.width;\n    let height = params.height;\n    if (width == null || height == null || !params.canvasControled) {\n      const data = canvas.getBoundingClientRect();\n      width = data.width;\n      height = data.height;\n    }\n    // 如果没有dpr，就使用canvas的原始dpr\n    let dpr = params.dpr;\n    if (dpr == null) {\n      dpr = canvas.width / width;\n    }\n    this.canvas = new LynxCanvas({\n      width: width,\n      height: height,\n      dpr: dpr,\n      nativeCanvas: canvas,\n      canvasControled: params.canvasControled\n    });\n  }\n  releaseWindow(): void {\n    return;\n  }\n  resizeWindow(width: number, height: number): void {\n    return;\n  }\n  setDpr(dpr: number): void {\n    this.canvas.dpr = dpr;\n  }\n\n  getContext(): IContext2d {\n    return this.canvas.getContext();\n  }\n  getNativeHandler(): ICanvas {\n    return this.canvas;\n  }\n  getDpr(): number {\n    return this.canvas.dpr;\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  addEventListener(type: string, listener: EventListenerOrEventListenerObject): void {\n    this.eventManager.addEventListener(type, listener);\n  }\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions\n  ): void;\n  removeEventListener(type: string, listener: EventListenerOrEventListenerObject): void {\n    this.eventManager.removeEventListener(type, listener);\n  }\n  dispatchEvent(event: any): boolean {\n    const { type } = event;\n    if (!this.eventManager.cache[type]) {\n      return false;\n    }\n\n    // hack for offsetX offsetY\n    if (event.changedTouches && event.changedTouches[0]) {\n      event.offsetX = event.changedTouches[0].x;\n      event.changedTouches[0].offsetX = event.changedTouches[0].x;\n      event.changedTouches[0].clientX = event.changedTouches[0].x;\n      event.offsetY = event.changedTouches[0].y;\n      event.changedTouches[0].offsetY = event.changedTouches[0].y;\n      event.changedTouches[0].clientY = event.changedTouches[0].y;\n    }\n    event.preventDefault = () => {\n      return;\n    };\n    event.stopPropagation = () => {\n      return;\n    };\n    if (this.eventManager.cache[type].listener) {\n      this.eventManager.cache[type].listener.forEach((f: EventListener) => {\n        f(event);\n      });\n    }\n    return true;\n  }\n\n  getStyle(): CSSStyleDeclaration | Record<string, any> {\n    return {};\n  }\n  setStyle(style: CSSStyleDeclaration | Record<string, any>) {\n    return;\n  }\n\n  getBoundingClientRect(): IDomRectLike {\n    const wh = this.getWH();\n    return {\n      x: 0,\n      y: 0,\n      width: wh.width,\n      height: wh.height,\n      left: 0,\n      top: 0,\n      right: 0,\n      bottom: 0\n    };\n  }\n\n  clearViewBox(vb: IBoundsLike, color?: string): void {\n    const context = this.getContext();\n    const dpr = this.getDpr();\n    context.nativeContext.save();\n    (context.nativeContext as CanvasRenderingContext2D).setTransform(dpr, 0, 0, dpr, 0, 0);\n    context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1);\n    if (color) {\n      context.fillStyle = color;\n      context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1);\n    }\n    context.nativeContext.restore();\n  }\n}\n"]}

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+
+const inversify_1 = require("inversify"), window_1 = require("../../window"), browser_contribution_1 = require("./browser-contribution"), feishu_contribution_1 = require("./feishu-contribution"), taro_contribution_1 = require("./taro-contribution"), lynx_contribution_1 = require("./lynx-contribution"), node_contribution_1 = require("./node-contribution"), wx_contribution_1 = require("./wx-contribution");
+
+exports.default = new inversify_1.ContainerModule((bind => {
+    bind(browser_contribution_1.BrowserWindowHandlerContribution).toSelf(), bind(window_1.WindowHandlerContribution).toDynamicValue((ctx => ctx.container.get(browser_contribution_1.BrowserWindowHandlerContribution))).whenTargetNamed(browser_contribution_1.BrowserWindowHandlerContribution.env), 
+    bind(feishu_contribution_1.FeishuWindowHandlerContribution).toSelf(), bind(window_1.WindowHandlerContribution).toDynamicValue((ctx => ctx.container.get(feishu_contribution_1.FeishuWindowHandlerContribution))).whenTargetNamed(feishu_contribution_1.FeishuWindowHandlerContribution.env), 
+    bind(taro_contribution_1.TaroWindowHandlerContribution).toSelf(), bind(window_1.WindowHandlerContribution).toDynamicValue((ctx => ctx.container.get(taro_contribution_1.TaroWindowHandlerContribution))).whenTargetNamed(taro_contribution_1.TaroWindowHandlerContribution.env), 
+    bind(lynx_contribution_1.LynxWindowHandlerContribution).toSelf(), bind(window_1.WindowHandlerContribution).toDynamicValue((ctx => ctx.container.get(lynx_contribution_1.LynxWindowHandlerContribution))).whenTargetNamed(lynx_contribution_1.LynxWindowHandlerContribution.env), 
+    bind(wx_contribution_1.WxWindowHandlerContribution).toSelf(), bind(window_1.WindowHandlerContribution).toDynamicValue((ctx => ctx.container.get(wx_contribution_1.WxWindowHandlerContribution))).whenTargetNamed(wx_contribution_1.WxWindowHandlerContribution.env), 
+    bind(node_contribution_1.NodeWindowHandlerContribution).toSelf(), bind(window_1.WindowHandlerContribution).toDynamicValue((ctx => ctx.container.get(node_contribution_1.NodeWindowHandlerContribution))).whenTargetNamed(node_contribution_1.NodeWindowHandlerContribution.env);
+}));
+//# sourceMappingURL=modules.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/window/modules.ts"],"names":[],"mappings":";;AAAA,yCAA4C;AAC5C,yCAAyD;AACzD,iEAA0E;AAC1E,+DAAwE;AACxE,2DAAoE;AACpE,2DAAoE;AACpE,2DAAoE;AACpE,uDAAgE;AAGhE,kBAAe,IAAI,2BAAe,CAAC,IAAI,CAAC,EAAE;IAExC,IAAI,CAAC,uDAAgC,CAAC,CAAC,MAAM,EAAE,CAAC;IAChD,IAAI,CAAC,kCAAyB,CAAC;SAC5B,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,uDAAgC,CAAC,CAAC;SAC1E,eAAe,CAAC,uDAAgC,CAAC,GAAG,CAAC,CAAC;IAGzD,IAAI,CAAC,qDAA+B,CAAC,CAAC,MAAM,EAAE,CAAC;IAC/C,IAAI,CAAC,kCAAyB,CAAC;SAC5B,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,qDAA+B,CAAC,CAAC;SACzE,eAAe,CAAC,qDAA+B,CAAC,GAAG,CAAC,CAAC;IAGxD,IAAI,CAAC,iDAA6B,CAAC,CAAC,MAAM,EAAE,CAAC;IAE7C,IAAI,CAAC,kCAAyB,CAAC;SAC5B,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,iDAA6B,CAAC,CAAC;SACvE,eAAe,CAAC,iDAA6B,CAAC,GAAG,CAAC,CAAC;IAGtD,IAAI,CAAC,iDAA6B,CAAC,CAAC,MAAM,EAAE,CAAC;IAE7C,IAAI,CAAC,kCAAyB,CAAC;SAC5B,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,iDAA6B,CAAC,CAAC;SACvE,eAAe,CAAC,iDAA6B,CAAC,GAAG,CAAC,CAAC;IAGtD,IAAI,CAAC,6CAA2B,CAAC,CAAC,MAAM,EAAE,CAAC;IAE3C,IAAI,CAAC,kCAAyB,CAAC;SAC5B,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,6CAA2B,CAAC,CAAC;SACrE,eAAe,CAAC,6CAA2B,CAAC,GAAG,CAAC,CAAC;IAGpD,IAAI,CAAC,iDAA6B,CAAC,CAAC,MAAM,EAAE,CAAC;IAE7C,IAAI,CAAC,kCAAyB,CAAC;SAC5B,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,iDAA6B,CAAC,CAAC;SACvE,eAAe,CAAC,iDAA6B,CAAC,GAAG,CAAC,CAAC;AAIxD,CAAC,CAAC,CAAC","file":"modules.js","sourcesContent":["import { ContainerModule } from 'inversify';\nimport { WindowHandlerContribution } from '../../window';\nimport { BrowserWindowHandlerContribution } from './browser-contribution';\nimport { FeishuWindowHandlerContribution } from './feishu-contribution';\nimport { TaroWindowHandlerContribution } from './taro-contribution';\nimport { LynxWindowHandlerContribution } from './lynx-contribution';\nimport { NodeWindowHandlerContribution } from './node-contribution';\nimport { WxWindowHandlerContribution } from './wx-contribution';\n// import { NodeWindowHandlerContribution } from './node-contribution';\n\nexport default new ContainerModule(bind => {\n  // browser\n  bind(BrowserWindowHandlerContribution).toSelf();\n  bind(WindowHandlerContribution)\n    .toDynamicValue(ctx => ctx.container.get(BrowserWindowHandlerContribution))\n    .whenTargetNamed(BrowserWindowHandlerContribution.env);\n\n  // feishu\n  bind(FeishuWindowHandlerContribution).toSelf();\n  bind(WindowHandlerContribution)\n    .toDynamicValue(ctx => ctx.container.get(FeishuWindowHandlerContribution))\n    .whenTargetNamed(FeishuWindowHandlerContribution.env);\n\n  // taro\n  bind(TaroWindowHandlerContribution).toSelf();\n\n  bind(WindowHandlerContribution)\n    .toDynamicValue(ctx => ctx.container.get(TaroWindowHandlerContribution))\n    .whenTargetNamed(TaroWindowHandlerContribution.env);\n\n  // lynx\n  bind(LynxWindowHandlerContribution).toSelf();\n\n  bind(WindowHandlerContribution)\n    .toDynamicValue(ctx => ctx.container.get(LynxWindowHandlerContribution))\n    .whenTargetNamed(LynxWindowHandlerContribution.env);\n\n  // wx\n  bind(WxWindowHandlerContribution).toSelf();\n\n  bind(WindowHandlerContribution)\n    .toDynamicValue(ctx => ctx.container.get(WxWindowHandlerContribution))\n    .whenTargetNamed(WxWindowHandlerContribution.env);\n\n  // node\n  bind(NodeWindowHandlerContribution).toSelf();\n\n  bind(WindowHandlerContribution)\n    .toDynamicValue(ctx => ctx.container.get(NodeWindowHandlerContribution))\n    .whenTargetNamed(NodeWindowHandlerContribution.env);\n  // bind(NodeWindowHandlerContribution).toSelf().inSingletonScope();\n  // bind(WindowHandlerContribution).toService(NodeWindowHandlerContribution);\n  // bindContributionProvider(bind, WindowHandlerContribution);\n});\n"]}

package/cjs/core/contributions/window/native-contribution.d.ts

@@ -0,0 +1 @@
+

package/cjs/core/contributions/window/native-contribution.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=native-contribution.js.map

package/cjs/core/contributions/window/native-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/window/native-contribution.ts"],"names":[],"mappings":"","file":"native-contribution.js","sourcesContent":["// import { createCanvas, createImageData, loadImage } from 'canvas';\n// import { inject, injectable } from 'inversify';\n// import { VGlobal, IWindow, EnvType, IGlobal, IWindowHandlerContribution, IWindowParams } from '../..';\n// import { BaseWindowHandlerContribution } from './base-contribution';\n\n// type NodePkg = {\n//   createCanvas: typeof createCanvas;\n//   createImageData: typeof createImageData;\n//   loadImage: typeof loadImage;\n// };\n\n// @injectable()\n// export class NodeWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {\n//   type: EnvType = 'native';\n\n//   pkg: NodePkg;\n\n//   configure(window: IWindow, global: IGlobal) {\n//     if (global.env === this.type) {\n//       window.setWindowHandler(this);\n//       this.pkg = global.envParams;\n//     }\n//   }\n\n//   get container(): HTMLElement | null {\n//     // return this.canvas.nativeCanvas.parentElement;\n//     return null;\n//   }\n\n//   constructor(@inject(VGlobal) private readonly global: IGlobal) {\n//     super();\n//   }\n\n//   createWindow(params: IWindowParams): void {\n//     // 如果没有传入canvas，那么就创建一个canvas\n//     params.CreateWindow && params.CreateWindow(params.width, params.height, params.title);\n//   }\n\n//   destroyWindow(): void {\n//     return;\n//   }\n//   resizeWindow(width: number, height: number): void {\n//     return;\n//   }\n//   setDpr(dpr: number): void {\n//     return;\n//   }\n\n//   getContext(): any {\n//     throw new Error('暂不支持');\n//   }\n\n//   getWH(): { width: number; height: number } {\n//     throw new Error('暂不支持');\n//   }\n//   getTitle(): string {\n//     throw new Error('暂不支持');\n//   }\n//   getXY(): { x: number; y: number } {\n//     throw new Error('暂不支持');\n//   }\n// }\n"]}

package/cjs/core/contributions/window/node-contribution.d.ts

@@ -0,0 +1,39 @@
+import type { IBoundsLike } from '@visactor/vutils';
+import { BaseWindowHandlerContribution } from './base-contribution';
+import type { EnvType, IGlobal, IContext2d, ICanvas, IDomRectLike, IWindowHandlerContribution, IWindowParams } from '../../../interface';
+export declare class NodeWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {
+    private readonly global;
+    static env: EnvType;
+    type: EnvType;
+    canvas: ICanvas;
+    get container(): HTMLElement | null;
+    constructor(global: IGlobal);
+    getTitle(): string;
+    getWH(): {
+        width: number;
+        height: number;
+    };
+    getXY(): {
+        x: number;
+        y: number;
+    };
+    createWindow(params: IWindowParams): void;
+    private createWindowByConfig;
+    private createWindowByCanvas;
+    releaseWindow(): void;
+    resizeWindow(width: number, height: number): void;
+    setDpr(dpr: number): void;
+    getContext(): IContext2d;
+    getNativeHandler(): ICanvas;
+    getDpr(): number;
+    getImageBuffer(type?: string): any;
+    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    dispatchEvent(event: any): boolean;
+    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    getStyle(): CSSStyleDeclaration | Record<string, any>;
+    setStyle(style: CSSStyleDeclaration | Record<string, any>): void;
+    getBoundingClientRect(): IDomRectLike;
+    clearViewBox(vb: IBoundsLike, color?: string): void;
+}

package/cjs/core/contributions/window/node-contribution.js

@@ -0,0 +1,109 @@
+"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.NodeWindowHandlerContribution = void 0;
+
+const inversify_1 = require("inversify"), node_1 = require("../../../canvas/contributions/node"), generator_1 = require("../../../common/generator"), base_contribution_1 = require("./base-contribution"), constants_1 = require("../../../constants");
+
+let NodeWindowHandlerContribution = class extends base_contribution_1.BaseWindowHandlerContribution {
+    get container() {
+        return null;
+    }
+    constructor(global) {
+        super(), this.global = global, this.type = "node";
+    }
+    getTitle() {
+        return "";
+    }
+    getWH() {
+        return {
+            width: this.canvas.displayWidth,
+            height: this.canvas.displayHeight
+        };
+    }
+    getXY() {
+        return {
+            x: 0,
+            y: 0
+        };
+    }
+    createWindow(params) {
+        params.canvas ? this.createWindowByCanvas(params) : this.createWindowByConfig(params);
+    }
+    createWindowByConfig(params) {
+        const nativeCanvas = this.global.createCanvas({
+            width: params.width,
+            height: params.height
+        }), options = {
+            width: params.width,
+            height: params.height,
+            dpr: params.dpr,
+            nativeCanvas: nativeCanvas,
+            id: generator_1.Generator.GenAutoIncrementId().toString(),
+            canvasControled: !0
+        };
+        this.canvas = new node_1.NodeCanvas(options);
+    }
+    createWindowByCanvas(params) {
+        const canvas = params.canvas;
+        let width = params.width, height = params.height;
+        null != width && null != height && params.canvasControled || (width = canvas.width, 
+        height = canvas.height), this.canvas = new node_1.NodeCanvas({
+            width: width,
+            height: height,
+            dpr: 1,
+            nativeCanvas: canvas,
+            canvasControled: params.canvasControled
+        });
+    }
+    releaseWindow() {
+        this.canvas.release();
+    }
+    resizeWindow(width, height) {
+        this.canvas.resize(width, height);
+    }
+    setDpr(dpr) {
+        this.canvas.dpr = dpr;
+    }
+    getContext() {
+        return this.canvas.getContext();
+    }
+    getNativeHandler() {
+        return this.canvas;
+    }
+    getDpr() {
+        return this.canvas.dpr;
+    }
+    getImageBuffer(type = "image/png") {
+        return this.canvas.nativeCanvas.toBuffer(type);
+    }
+    addEventListener(type, listener, options) {}
+    dispatchEvent(event) {
+        return !0;
+    }
+    removeEventListener(type, listener, options) {}
+    getStyle() {}
+    setStyle(style) {}
+    getBoundingClientRect() {
+        return null;
+    }
+    clearViewBox(vb, color) {}
+};
+
+NodeWindowHandlerContribution.env = "node", NodeWindowHandlerContribution = __decorate([ (0, 
+inversify_1.injectable)(), __param(0, (0, inversify_1.inject)(constants_1.VGlobal)), __metadata("design:paramtypes", [ Object ]) ], NodeWindowHandlerContribution), 
+exports.NodeWindowHandlerContribution = NodeWindowHandlerContribution;
+//# sourceMappingURL=node-contribution.js.map

package/cjs/core/contributions/window/node-contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/window/node-contribution.ts"],"names":[],"mappings":"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","file":"node-contribution.js","sourcesContent":["import { inject, injectable } from 'inversify';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport { NodeCanvas } from '../../../canvas/contributions/node';\nimport { Generator } from '../../../common/generator';\nimport { BaseWindowHandlerContribution } from './base-contribution';\nimport type {\n  EnvType,\n  IGlobal,\n  IContext2d,\n  ICanvas,\n  IDomRectLike,\n  IWindowHandlerContribution,\n  IWindowParams\n} from '../../../interface';\nimport { VGlobal } from '../../../constants';\n\n@injectable()\nexport class NodeWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {\n  static env: EnvType = 'node';\n  type: EnvType = 'node';\n\n  canvas: ICanvas;\n  get container(): HTMLElement | null {\n    return null;\n  }\n\n  constructor(@inject(VGlobal) private readonly global: IGlobal) {\n    super();\n  }\n\n  getTitle(): string {\n    return '';\n  }\n\n  getWH(): { width: number; height: number } {\n    return {\n      width: this.canvas.displayWidth,\n      height: this.canvas.displayHeight\n    };\n  }\n\n  getXY(): { x: number; y: number } {\n    return { x: 0, y: 0 };\n  }\n\n  createWindow(params: IWindowParams): void {\n    // 如果没有传入canvas，那么就创建一个canvas\n    if (!params.canvas) {\n      this.createWindowByConfig(params);\n    } else {\n      this.createWindowByCanvas(params);\n    }\n  }\n  private createWindowByConfig(params: IWindowParams) {\n    // 创建canvas\n    const nativeCanvas = this.global.createCanvas({ width: params.width, height: params.height });\n\n    // 绑定\n    const options = {\n      width: params.width,\n      height: params.height,\n      dpr: params.dpr,\n      nativeCanvas,\n      id: Generator.GenAutoIncrementId().toString(),\n      canvasControled: true\n    };\n    this.canvas = new NodeCanvas(options);\n  }\n  private createWindowByCanvas(params: IWindowParams) {\n    // 获取canvas\n    const canvas = params!.canvas as HTMLCanvasElement | null;\n\n    // 如果没有传入wh，或者是不受控制的canvas，那就用canvas的原始wh\n    let width = params.width;\n    let height = params.height;\n    if (width == null || height == null || !params.canvasControled) {\n      width = canvas.width;\n      height = canvas.height;\n    }\n\n    this.canvas = new NodeCanvas({\n      width: width,\n      height: height,\n      dpr: 1,\n      nativeCanvas: canvas,\n      canvasControled: params.canvasControled\n    });\n  }\n  releaseWindow(): void {\n    this.canvas.release();\n  }\n  resizeWindow(width: number, height: number): void {\n    this.canvas.resize(width, height);\n  }\n  setDpr(dpr: number): void {\n    this.canvas.dpr = dpr;\n  }\n\n  getContext(): IContext2d {\n    return this.canvas.getContext();\n  }\n  getNativeHandler(): ICanvas {\n    return this.canvas;\n  }\n  getDpr(): number {\n    return this.canvas.dpr;\n  }\n\n  getImageBuffer(type: string = 'image/png'): any {\n    const canvas = this.canvas.nativeCanvas;\n    return canvas.toBuffer(type);\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  addEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return;\n  }\n\n  dispatchEvent(event: any): boolean {\n    return true;\n  }\n\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions\n  ): void;\n  removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions\n  ): void;\n  removeEventListener(type: unknown, listener: unknown, options?: unknown): void {\n    return;\n  }\n\n  getStyle(): CSSStyleDeclaration | Record<string, any> {\n    return;\n  }\n  setStyle(style: CSSStyleDeclaration | Record<string, any>): void {\n    return;\n  }\n\n  getBoundingClientRect(): IDomRectLike {\n    return null;\n  }\n\n  clearViewBox(vb: IBoundsLike, color?: string): void {\n    return;\n  }\n}\n"]}

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

@@ -0,0 +1,46 @@
+import { BaseWindowHandlerContribution } from './base-contribution';
+import type { EnvType, IGlobal, IContext2d, ICanvas, IDomRectLike, IWindowParams, IWindowHandlerContribution } from '../../../interface';
+import type { IBoundsLike } from '@visactor/vutils';
+declare class MiniAppEventManager {
+    addEventListener(type: string, func: EventListenerOrEventListenerObject): void;
+    removeEventListener(type: string, func: EventListenerOrEventListenerObject): void;
+    cleanEvent(): void;
+    cache: Record<string, {
+        listener: EventListenerOrEventListenerObject[];
+    }>;
+}
+export declare class TaroWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {
+    private readonly global;
+    static env: EnvType;
+    type: EnvType;
+    protected eventManager: MiniAppEventManager;
+    canvas: ICanvas;
+    get container(): HTMLElement | null;
+    constructor(global: IGlobal);
+    getTitle(): string;
+    getWH(): {
+        width: number;
+        height: number;
+    };
+    getXY(): {
+        x: number;
+        y: number;
+    };
+    createWindow(params: IWindowParams): void;
+    private createWindowByConfig;
+    private createWindowByCanvas;
+    releaseWindow(): void;
+    resizeWindow(width: number, height: number): void;
+    setDpr(dpr: number): void;
+    getContext(): IContext2d;
+    getNativeHandler(): ICanvas;
+    getDpr(): number;
+    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    dispatchEvent(event: any): boolean;
+    getStyle(): CSSStyleDeclaration | Record<string, any>;
+    setStyle(style: CSSStyleDeclaration | Record<string, any>): void;
+    getBoundingClientRect(): IDomRectLike;
+    clearViewBox(vb: IBoundsLike, color?: string): void;
+}
+export {};

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

@@ -0,0 +1,164 @@
+"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.TaroWindowHandlerContribution = void 0;
+
+const inversify_1 = require("inversify"), taro_1 = require("../../../canvas/contributions/taro"), generator_1 = require("../../../common/generator"), base_contribution_1 = require("./base-contribution"), constants_1 = require("../../../constants");
+
+class MiniAppEventManager {
+    constructor() {
+        this.cache = {};
+    }
+    addEventListener(type, func) {
+        type && func && (this.cache[type] = this.cache[type] || {
+            listener: []
+        }, this.cache[type].listener.push(func));
+    }
+    removeEventListener(type, func) {
+        if (!type || !func) return;
+        if (!this.cache[type]) return;
+        const index = this.cache[type].listener.findIndex((f => f === func));
+        index >= 0 && this.cache[type].listener.splice(index, 1);
+    }
+    cleanEvent() {
+        this.cache = {};
+    }
+}
+
+let TaroWindowHandlerContribution = class extends base_contribution_1.BaseWindowHandlerContribution {
+    get container() {
+        return null;
+    }
+    constructor(global) {
+        super(), this.global = global, this.type = "taro", this.eventManager = new MiniAppEventManager;
+    }
+    getTitle() {
+        return this.canvas.id.toString();
+    }
+    getWH() {
+        return {
+            width: this.canvas.width / (this.canvas.dpr || 1),
+            height: this.canvas.height / (this.canvas.dpr || 1)
+        };
+    }
+    getXY() {
+        return {
+            x: 0,
+            y: 0
+        };
+    }
+    createWindow(params) {
+        params.canvas ? this.createWindowByCanvas(params) : this.createWindowByConfig(params);
+    }
+    createWindowByConfig(params) {
+        const nativeCanvas = this.global.createCanvas({
+            width: params.width,
+            height: params.height
+        }), options = {
+            width: params.width,
+            height: params.height,
+            dpr: params.dpr,
+            nativeCanvas: nativeCanvas,
+            id: generator_1.Generator.GenAutoIncrementId().toString(),
+            canvasControled: !1
+        };
+        this.canvas = new taro_1.TaroCanvas(options);
+    }
+    createWindowByCanvas(params) {
+        let canvas;
+        if ("string" == typeof params.canvas) {
+            if (canvas = this.global.getElementById(params.canvas), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
+        } else canvas = params.canvas;
+        let width = params.width, height = params.height;
+        if (null == width || null == height || !params.canvasControled) {
+            const data = canvas.getBoundingClientRect();
+            width = data.width, height = data.height;
+        }
+        let dpr = params.dpr;
+        null == dpr && (dpr = canvas.width / width), this.canvas = new taro_1.TaroCanvas({
+            width: width,
+            height: height,
+            dpr: dpr,
+            nativeCanvas: canvas,
+            canvasControled: params.canvasControled
+        });
+    }
+    releaseWindow() {}
+    resizeWindow(width, height) {}
+    setDpr(dpr) {
+        this.canvas.dpr = dpr;
+    }
+    getContext() {
+        return this.canvas.getContext();
+    }
+    getNativeHandler() {
+        return this.canvas;
+    }
+    getDpr() {
+        return this.canvas.dpr;
+    }
+    addEventListener(type, listener) {
+        this.eventManager.addEventListener(type, listener);
+    }
+    removeEventListener(type, listener) {
+        this.eventManager.removeEventListener(type, listener);
+    }
+    dispatchEvent(event) {
+        const {type: type} = event;
+        return !!this.eventManager.cache[type] && (event.changedTouches.length > 0 && (event.changedTouches.forEach(((d, i) => {
+            event.changedTouches[i] = Object.assign(Object.assign({}, event.changedTouches[i]), {
+                offsetX: d.x,
+                offsetY: d.y
+            });
+        })), event.offsetX = event.changedTouches[0].offsetX, event.offsetY = event.changedTouches[0].offsetY), 
+        event.touches.length > 0 && event.touches.forEach(((d, i) => {
+            event.touches[i] = Object.assign(Object.assign({}, event.touches[i]), {
+                offsetX: d.x,
+                offsetY: d.y
+            });
+        })), event.preventDefault = () => {}, event.stopPropagation = () => {}, this.eventManager.cache[type].listener && this.eventManager.cache[type].listener.forEach((f => {
+            f(event);
+        })), !0);
+    }
+    getStyle() {
+        return {};
+    }
+    setStyle(style) {}
+    getBoundingClientRect() {
+        const wh = this.getWH();
+        return {
+            x: 0,
+            y: 0,
+            width: wh.width,
+            height: wh.height,
+            left: 0,
+            top: 0,
+            right: 0,
+            bottom: 0
+        };
+    }
+    clearViewBox(vb, color) {
+        const context = this.getContext(), dpr = this.getDpr();
+        context.nativeContext.save(), context.nativeContext.setTransform(dpr, 0, 0, dpr, 0, 0), 
+        context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1), color && (context.fillStyle = color, 
+        context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1)), context.nativeContext.restore();
+    }
+};
+
+TaroWindowHandlerContribution.env = "taro", TaroWindowHandlerContribution = __decorate([ (0, 
+inversify_1.injectable)(), __param(0, (0, inversify_1.inject)(constants_1.VGlobal)), __metadata("design:paramtypes", [ Object ]) ], TaroWindowHandlerContribution), 
+exports.TaroWindowHandlerContribution = TaroWindowHandlerContribution;
+//# sourceMappingURL=taro-contribution.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/contributions/window/taro-contribution.ts"],"names":[],"mappings":"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","file":"taro-contribution.js","sourcesContent":["import { inject, injectable } from 'inversify';\nimport { TaroCanvas } from '../../../canvas/contributions/taro';\nimport { Generator } from '../../../common/generator';\nimport { BaseWindowHandlerContribution } from './base-contribution';\nimport type {\n  EnvType,\n  IGlobal,\n  IContext2d,\n  ICanvas,\n  IDomRectLike,\n  IWindowParams,\n  IWindowHandlerContribution\n} from '../../../interface';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport { VGlobal } from '../../../constants';\n\nclass MiniAppEventManager {\n  addEventListener(type: string, func: EventListenerOrEventListenerObject) {\n    if (!type || !func) {\n      return;\n    }\n    this.cache[type] = this.cache[type] || {\n      listener: []\n    };\n    this.cache[type].listener.push(func);\n  }\n  removeEventListener(type: string, func: EventListenerOrEventListenerObject) {\n    if (!type || !func) {\n      return;\n    }\n    if (!this.cache[type]) {\n      return;\n    }\n    const index = this.cache[type].listener.findIndex((f: EventListenerOrEventListenerObject) => f === func);\n    if (index >= 0) {\n      this.cache[type].listener.splice(index, 1);\n    }\n  }\n  cleanEvent() {\n    this.cache = {};\n  }\n  cache: Record<string, { listener: EventListenerOrEventListenerObject[] }> = {};\n}\n\n@injectable()\nexport class TaroWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {\n  static env: EnvType = 'taro';\n  type: EnvType = 'taro';\n\n  protected eventManager = new MiniAppEventManager();\n\n  canvas: ICanvas;\n  get container(): HTMLElement | null {\n    return null;\n  }\n\n  constructor(@inject(VGlobal) private readonly global: IGlobal) {\n    super();\n  }\n\n  getTitle(): string {\n    return this.canvas.id.toString();\n  }\n\n  getWH(): { width: number; height: number } {\n    return {\n      width: this.canvas.width / (this.canvas.dpr || 1),\n      height: this.canvas.height / (this.canvas.dpr || 1)\n    };\n  }\n\n  getXY(): { x: number; y: number } {\n    return { x: 0, y: 0 };\n  }\n\n  createWindow(params: IWindowParams): void {\n    // 如果没有传入canvas，那么就创建一个canvas\n    if (!params.canvas) {\n      this.createWindowByConfig(params);\n    } else {\n      this.createWindowByCanvas(params);\n    }\n  }\n  private createWindowByConfig(params: IWindowParams) {\n    // 创建canvas\n    const nativeCanvas = this.global.createCanvas({\n      width: params.width,\n      height: params.height\n    });\n\n    // 绑定\n    const options = {\n      width: params.width,\n      height: params.height,\n      dpr: params.dpr,\n      nativeCanvas,\n      id: Generator.GenAutoIncrementId().toString(),\n      canvasControled: false\n    };\n    this.canvas = new TaroCanvas(options);\n  }\n  private createWindowByCanvas(params: IWindowParams) {\n    // 获取canvas\n    let canvas: HTMLCanvasElement | null;\n    if (typeof params.canvas === 'string') {\n      canvas = this.global.getElementById(params.canvas) as HTMLCanvasElement | null;\n      if (!canvas) {\n        throw new Error('canvasId 参数不正确，请确认canvas存在并插入dom');\n      }\n    } else {\n      canvas = params!.canvas as HTMLCanvasElement | null;\n    }\n\n    // 如果没有传入wh，或者是不受控制的canvas，那就用canvas的原始wh\n    let width = params.width;\n    let height = params.height;\n    if (width == null || height == null || !params.canvasControled) {\n      const data = canvas.getBoundingClientRect();\n      width = data.width;\n      height = data.height;\n    }\n    // 如果没有dpr，就使用canvas的原始dpr\n    let dpr = params.dpr;\n    if (dpr == null) {\n      dpr = canvas.width / width;\n    }\n    this.canvas = new TaroCanvas({\n      width: width,\n      height: height,\n      dpr: dpr,\n      nativeCanvas: canvas,\n      canvasControled: params.canvasControled\n    });\n  }\n  releaseWindow(): void {\n    return;\n  }\n  resizeWindow(width: number, height: number): void {\n    return;\n  }\n  setDpr(dpr: number): void {\n    this.canvas.dpr = dpr;\n  }\n\n  getContext(): IContext2d {\n    return this.canvas.getContext();\n  }\n  getNativeHandler(): ICanvas {\n    return this.canvas;\n  }\n  getDpr(): number {\n    return this.canvas.dpr;\n  }\n\n  addEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  addEventListener(type: string, listener: EventListenerOrEventListenerObject): void {\n    this.eventManager.addEventListener(type, listener);\n  }\n  removeEventListener<K extends keyof DocumentEventMap>(\n    type: K,\n    listener: (this: Document, ev: DocumentEventMap[K]) => any,\n    options?: boolean | EventListenerOptions\n  ): void;\n  removeEventListener(type: string, listener: EventListenerOrEventListenerObject): void {\n    this.eventManager.removeEventListener(type, listener);\n  }\n  dispatchEvent(event: any): boolean {\n    const { type } = event;\n    if (!this.eventManager.cache[type]) {\n      return false;\n    }\n\n    if (event.changedTouches.length > 0) {\n      // 逐一设置offsetX、offsetY\n      event.changedTouches.forEach((d: any, i: number) => {\n        event.changedTouches[i] = {\n          ...event.changedTouches[i],\n          offsetX: d.x,\n          offsetY: d.y\n        };\n      });\n\n      // HACK: 让VGrammar 的 clientToLocal直接检索offsetX、offsetY,避免选错值.\n      event.offsetX = event.changedTouches[0].offsetX;\n      event.offsetY = event.changedTouches[0].offsetY;\n    }\n\n    if (event.touches.length > 0) {\n      // 逐一设置offsetX、offsetY\n      event.touches.forEach((d: any, i: number) => {\n        event.touches[i] = {\n          ...event.touches[i],\n          offsetX: d.x,\n          offsetY: d.y\n        };\n      });\n    }\n\n    event.preventDefault = () => {\n      return;\n    };\n    event.stopPropagation = () => {\n      return;\n    };\n    if (this.eventManager.cache[type].listener) {\n      this.eventManager.cache[type].listener.forEach((f: EventListener) => {\n        f(event);\n      });\n    }\n    return true;\n  }\n\n  getStyle(): CSSStyleDeclaration | Record<string, any> {\n    return {};\n  }\n  setStyle(style: CSSStyleDeclaration | Record<string, any>) {\n    return;\n  }\n\n  getBoundingClientRect(): IDomRectLike {\n    const wh = this.getWH();\n    return {\n      x: 0,\n      y: 0,\n      width: wh.width,\n      height: wh.height,\n      left: 0,\n      top: 0,\n      right: 0,\n      bottom: 0\n    };\n  }\n\n  clearViewBox(vb: IBoundsLike, color?: string): void {\n    const context = this.getContext();\n    const dpr = this.getDpr();\n    context.nativeContext.save();\n    (context.nativeContext as CanvasRenderingContext2D).setTransform(dpr, 0, 0, dpr, 0, 0);\n    context.clearRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1);\n    if (color) {\n      context.fillStyle = color;\n      context.fillRect(vb.x1, vb.y1, vb.x2 - vb.x1, vb.y2 - vb.y1);\n    }\n    context.nativeContext.restore();\n  }\n}\n"]}

package/cjs/core/contributions/window/wx-contribution.d.ts

@@ -0,0 +1,46 @@
+import { BaseWindowHandlerContribution } from './base-contribution';
+import type { EnvType, IGlobal, IContext2d, ICanvas, IDomRectLike, IWindowHandlerContribution, IWindowParams } from '../../../interface';
+import type { IBoundsLike } from '@visactor/vutils';
+declare class MiniAppEventManager {
+    addEventListener(type: string, func: EventListenerOrEventListenerObject): void;
+    removeEventListener(type: string, func: EventListenerOrEventListenerObject): void;
+    cleanEvent(): void;
+    cache: Record<string, {
+        listener: EventListenerOrEventListenerObject[];
+    }>;
+}
+export declare class WxWindowHandlerContribution extends BaseWindowHandlerContribution implements IWindowHandlerContribution {
+    private readonly global;
+    static env: EnvType;
+    type: EnvType;
+    protected eventManager: MiniAppEventManager;
+    canvas: ICanvas;
+    get container(): HTMLElement | null;
+    constructor(global: IGlobal);
+    getTitle(): string;
+    getWH(): {
+        width: number;
+        height: number;
+    };
+    getXY(): {
+        x: number;
+        y: number;
+    };
+    createWindow(params: IWindowParams): void;
+    private createWindowByConfig;
+    private createWindowByCanvas;
+    releaseWindow(): void;
+    resizeWindow(width: number, height: number): void;
+    setDpr(dpr: number): void;
+    getContext(): IContext2d;
+    getNativeHandler(): ICanvas;
+    getDpr(): number;
+    addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    dispatchEvent(event: any): boolean;
+    getStyle(): CSSStyleDeclaration | Record<string, any>;
+    setStyle(style: CSSStyleDeclaration | Record<string, any>): void;
+    getBoundingClientRect(): IDomRectLike;
+    clearViewBox(vb: IBoundsLike, color?: string): void;
+}
+export {};