@visactor/vrender-kits 0.15.2 → 0.16.0-alpha.0

package/es/canvas/contributions/taro/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/taro/canvas.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAGnC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAOxC,YAAY,MAAwB;QAClC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IAED,OAAO,CAAC,GAAG,MAAW;QACpB,OAAO;IACT,CAAC;;AAhBM,cAAG,GAAY,MAAM,CAAC;AADlB,UAAU;IADtB,UAAU,EAAE;;GACA,UAAU,CAkBtB;SAlBY,UAAU","file":"canvas.js","sourcesContent":["import { injectable } from '@visactor/vrender-core';\nimport type { ICanvas, CanvasConfigType, EnvType } from '@visactor/vrender-core';\nimport { BaseCanvas } from '@visactor/vrender-core';\nimport { TaroContext2d } from './context';\n\n@injectable()\nexport class TaroCanvas extends BaseCanvas implements ICanvas {\n  static env: EnvType = 'taro';\n\n  /**\n   * 通过canvas生成一个wrap对象，初始化时不会再设置canvas的属性\n   * @param params\n   */\n  constructor(params: CanvasConfigType) {\n    super(params);\n  }\n\n  init() {\n    this._context = new TaroContext2d(this, this._dpr);\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}

package/es/canvas/contributions/taro/context.d.ts

@@ -0,0 +1,32 @@
+import type { ICommonStyleParams, IContext2d, ISetCommonStyleParams, ISetStrokeStyleParams, IStrokeStyleParams, ITextStyleParams, IConicalGradientData, EnvType } from '@visactor/vrender-core';
+import { BrowserContext2d } from '../browser';
+interface ITTContext {
+    setFillStyle: (c: string | CanvasGradient) => void;
+    setStrokeStyle: (c: string | CanvasGradient) => void;
+    setGlobalAlpha: (alpha: number) => void;
+    setLineWidth: (width: number) => void;
+    setMiterLimit: (limit: number) => void;
+    setLineJoin: (lineJoin: string) => void;
+    setLineCap: (lineCap: string) => void;
+    setTextAlign: (align: string) => void;
+    setTextBaseline: (baseline: string) => void;
+    setLineDash: (lineDash: number[]) => void;
+    setFontSize: ((size: number) => void) & ((fontSize: number) => void);
+    font: string;
+}
+export declare class TaroContext2d extends BrowserContext2d implements IContext2d {
+    static env: EnvType;
+    nativeContext: ITTContext;
+    _globalAlpha: number;
+    get globalAlpha(): number;
+    set globalAlpha(ga: number);
+    draw(): void;
+    strokeText(text: string, x: number, y: number): void;
+    _setCommonStyle(params: ISetCommonStyleParams, attribute: ICommonStyleParams, offsetX: number, offsetY: number, defaultParams?: ICommonStyleParams): void;
+    _setStrokeStyle(params: ISetStrokeStyleParams, attribute: IStrokeStyleParams, offsetX: number, offsetY: number, defaultParams?: IStrokeStyleParams): void;
+    setTextStyleWithoutAlignBaseline(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams): void;
+    setTextStyle(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams): void;
+    createConicGradient(x: number, y: number, startAngle: number, endAngle: number): IConicalGradientData;
+    createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern;
+}
+export {};

package/es/canvas/contributions/taro/context.js

@@ -0,0 +1,64 @@
+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, createColor, getScaledStroke, getContextFont } from "@visactor/vrender-core";
+
+import { BrowserContext2d } from "../browser";
+
+let TaroContext2d = class extends BrowserContext2d {
+    get globalAlpha() {
+        return this._globalAlpha;
+    }
+    set globalAlpha(ga) {
+        this.nativeContext.setGlobalAlpha(ga), this._globalAlpha = ga;
+    }
+    draw() {
+        this.nativeContext.draw();
+    }
+    strokeText(text, x, y) {}
+    _setCommonStyle(params, attribute, offsetX, offsetY, defaultParams) {
+        const _context = this.nativeContext;
+        defaultParams || (defaultParams = this.fillAttributes);
+        const {fillOpacity: fillOpacity = defaultParams.fillOpacity, opacity: opacity = defaultParams.opacity, fill: fill = defaultParams.fill} = attribute;
+        fillOpacity > 1e-12 && opacity > 1e-12 && (_context.setGlobalAlpha(fillOpacity * opacity), 
+        _context.setFillStyle(createColor(this, fill, params, offsetX, offsetY)));
+    }
+    _setStrokeStyle(params, attribute, offsetX, offsetY, defaultParams) {
+        const _context = this.nativeContext;
+        defaultParams || (defaultParams = this.strokeAttributes);
+        const {strokeOpacity: strokeOpacity = defaultParams.strokeOpacity, opacity: opacity = defaultParams.opacity} = attribute;
+        if (strokeOpacity > 1e-12 && opacity > 1e-12) {
+            const {lineWidth: lineWidth = defaultParams.lineWidth, stroke: stroke = defaultParams.stroke, lineJoin: lineJoin = defaultParams.lineJoin, lineDash: lineDash = defaultParams.lineDash, lineCap: lineCap = defaultParams.lineCap, miterLimit: miterLimit = defaultParams.miterLimit} = attribute;
+            _context.setGlobalAlpha(strokeOpacity * opacity), _context.setLineWidth(getScaledStroke(this, lineWidth, this.dpr)), 
+            _context.setStrokeStyle(createColor(this, stroke, params, offsetX, offsetY)), _context.setLineJoin(lineJoin), 
+            _context.setLineDash(lineDash), _context.setLineCap(lineCap), _context.setMiterLimit(miterLimit);
+        }
+    }
+    setTextStyleWithoutAlignBaseline(params, defaultParams) {
+        var _a;
+        const _context = this.nativeContext;
+        defaultParams || (defaultParams = this.textAttributes), params.font ? _context.font = params.font : _context.font = getContextFont(params, defaultParams), 
+        _context.setFontSize(null !== (_a = params.fontSize) && void 0 !== _a ? _a : defaultParams.fontSize);
+    }
+    setTextStyle(params, defaultParams) {
+        var _a, _b;
+        const _context = this.nativeContext;
+        defaultParams || (defaultParams = this.textAttributes), params.font ? _context.font = params.font : _context.font = getContextFont(params, defaultParams), 
+        _context.setTextAlign(null !== (_a = params.textAlign) && void 0 !== _a ? _a : defaultParams.textAlign), 
+        _context.setTextBaseline(null !== (_b = params.textBaseline) && void 0 !== _b ? _b : defaultParams.textBaseline);
+    }
+    createConicGradient(x, y, startAngle, endAngle) {
+        return null;
+    }
+    createPattern(image, repetition) {
+        return null;
+    }
+};
+
+TaroContext2d.env = "taro", TaroContext2d = __decorate([ injectable() ], TaroContext2d);
+
+export { TaroContext2d };
+//# sourceMappingURL=context.js.map

package/es/canvas/contributions/taro/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/taro/context.ts"],"names":[],"mappings":"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","file":"context.js","sourcesContent":["// 参考konva\nimport { injectable, createColor, getScaledStroke, getContextFont } from '@visactor/vrender-core';\nimport type {\n  ICommonStyleParams,\n  IContext2d,\n  ISetCommonStyleParams,\n  ISetStrokeStyleParams,\n  IStrokeStyleParams,\n  ITextStyleParams,\n  IConicalGradientData,\n  EnvType\n} from '@visactor/vrender-core';\nimport { BrowserContext2d } from '../browser';\n\n// 考虑taro-feishu等环境\ninterface ITTContext {\n  setFillStyle: (c: string | CanvasGradient) => void;\n  setStrokeStyle: (c: string | CanvasGradient) => void;\n  setGlobalAlpha: (alpha: number) => void;\n  setLineWidth: (width: number) => void;\n  setMiterLimit: (limit: number) => void;\n  setLineJoin: (lineJoin: string) => void;\n  setLineCap: (lineCap: string) => void;\n  setTextAlign: (align: string) => void;\n  setTextBaseline: (baseline: string) => void;\n  setLineDash: (lineDash: number[]) => void;\n  setFontSize: ((size: number) => void) & ((fontSize: number) => void);\n  font: string;\n}\n\n@injectable()\nexport class TaroContext2d extends BrowserContext2d implements IContext2d {\n  static env: EnvType = 'taro';\n\n  declare nativeContext: ITTContext;\n\n  declare _globalAlpha: number;\n\n  // feishu小程序无法正常获取到globalAlpha\n  get globalAlpha(): number {\n    return this._globalAlpha;\n  }\n  set globalAlpha(ga: number) {\n    this.nativeContext.setGlobalAlpha(ga);\n    this._globalAlpha = ga;\n  }\n\n  draw() {\n    const _context = this.nativeContext as any;\n    _context.draw();\n  }\n\n  strokeText(text: string, x: number, y: number) {\n    return;\n  }\n\n  _setCommonStyle(\n    params: ISetCommonStyleParams,\n    attribute: ICommonStyleParams,\n    // 用于渐变色\n    offsetX: number,\n    offsetY: number,\n    defaultParams?: ICommonStyleParams\n  ) {\n    const _context = this.nativeContext;\n    if (!defaultParams) {\n      defaultParams = this.fillAttributes;\n    }\n    const {\n      fillOpacity = defaultParams.fillOpacity,\n      opacity = defaultParams.opacity,\n      fill = defaultParams.fill\n    } = attribute;\n    if (fillOpacity > 1e-12 && opacity > 1e-12) {\n      _context.setGlobalAlpha(fillOpacity * opacity);\n      _context.setFillStyle(createColor(this, fill, params, offsetX, offsetY));\n      // todo 小程序\n    } else {\n      // _context.setGlobalAlpha(fillOpacity * opacity);\n    }\n  }\n\n  _setStrokeStyle(\n    params: ISetStrokeStyleParams,\n    attribute: IStrokeStyleParams,\n    // 用于渐变色\n    offsetX: number,\n    offsetY: number,\n    defaultParams?: IStrokeStyleParams\n  ) {\n    const _context = this.nativeContext;\n    if (!defaultParams) {\n      defaultParams = this.strokeAttributes;\n    }\n    const { strokeOpacity = defaultParams.strokeOpacity, opacity = defaultParams.opacity } = attribute;\n    if (strokeOpacity > 1e-12 && opacity > 1e-12) {\n      const {\n        lineWidth = defaultParams.lineWidth,\n        stroke = defaultParams.stroke,\n        lineJoin = defaultParams.lineJoin,\n        lineDash = defaultParams.lineDash,\n        lineCap = defaultParams.lineCap,\n        miterLimit = defaultParams.miterLimit\n      } = attribute;\n      _context.setGlobalAlpha(strokeOpacity * opacity);\n      _context.setLineWidth(getScaledStroke(this, lineWidth, this.dpr));\n      _context.setStrokeStyle(createColor(this, stroke as any, params, offsetX, offsetY));\n      _context.setLineJoin(lineJoin);\n      _context.setLineDash(lineDash);\n      _context.setLineCap(lineCap);\n      _context.setMiterLimit(miterLimit);\n    }\n  }\n  setTextStyleWithoutAlignBaseline(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams) {\n    const _context = this.nativeContext;\n    if (!defaultParams) {\n      defaultParams = this.textAttributes;\n    }\n    if (params.font) {\n      _context.font = params.font;\n    } else {\n      _context.font = getContextFont(params, defaultParams);\n    }\n    _context.setFontSize(params.fontSize ?? defaultParams.fontSize);\n    // // 这里不使用defaultParams\n    // _context.textAlign = params.textAlign || 'left';\n    // _context.textBaseline = params.textBaseline || 'alphabetic';\n  }\n  setTextStyle(params: Partial<ITextStyleParams>, defaultParams?: ITextStyleParams) {\n    const _context = this.nativeContext;\n    if (!defaultParams) {\n      defaultParams = this.textAttributes;\n    }\n    if (params.font) {\n      _context.font = params.font;\n    } else {\n      _context.font = getContextFont(params, defaultParams);\n    }\n    _context.setTextAlign(params.textAlign ?? defaultParams.textAlign);\n    _context.setTextBaseline(params.textBaseline ?? defaultParams.textBaseline);\n  }\n  createConicGradient(x: number, y: number, startAngle: number, endAngle: number): IConicalGradientData {\n    return null;\n  }\n\n  createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern {\n    return null;\n  }\n}\n"]}

package/es/canvas/contributions/taro/index.d.ts

@@ -0,0 +1,2 @@
+export * from './canvas';
+export * from './context';

package/es/canvas/contributions/taro/index.js

@@ -0,0 +1,4 @@
+export * from "./canvas";
+
+export * from "./context";
+//# sourceMappingURL=index.js.map

package/es/canvas/contributions/taro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/taro/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC","file":"index.js","sourcesContent":["// 依然导出canvas和context，便于指定环境直接使用\nexport * from './canvas';\nexport * from './context';\n"]}

package/es/canvas/contributions/taro/modules.d.ts

@@ -0,0 +1 @@
+export declare const taroCanvasModule: import("@visactor/vrender-core").ContainerModule;

package/es/canvas/contributions/taro/modules.js

@@ -0,0 +1,8 @@
+import { TaroCanvas } from "./canvas";
+
+import { TaroContext2d } from "./context";
+
+import { createModule } from "../create-canvas-module";
+
+export const taroCanvasModule = createModule(TaroCanvas, TaroContext2d);
+//# sourceMappingURL=modules.js.map

package/es/canvas/contributions/taro/modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/taro/modules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC","file":"modules.js","sourcesContent":["import { TaroCanvas } from './canvas';\nimport { TaroContext2d } from './context';\nimport { createModule } from '../create-canvas-module';\n\nexport const taroCanvasModule = createModule(TaroCanvas, TaroContext2d);\n"]}

package/es/canvas/contributions/tt/canvas.d.ts

@@ -0,0 +1,8 @@
+import { BaseCanvas } from '@visactor/vrender-core';
+import type { ICanvas, CanvasConfigType, EnvType } from '@visactor/vrender-core';
+export declare class TTCanvas extends BaseCanvas implements ICanvas {
+    static env: EnvType;
+    constructor(params: CanvasConfigType);
+    init(): void;
+    release(...params: any): void;
+}

package/es/canvas/contributions/tt/canvas.js

@@ -0,0 +1,26 @@
+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, BaseCanvas } from "@visactor/vrender-core";
+
+import { TTContext2d } from "./context";
+
+let TTCanvas = class extends BaseCanvas {
+    constructor(params) {
+        super(params);
+    }
+    init() {
+        this._context = new TTContext2d(this, this._dpr);
+    }
+    release(...params) {}
+};
+
+TTCanvas.env = "tt", TTCanvas = __decorate([ injectable(), __metadata("design:paramtypes", [ Object ]) ], TTCanvas);
+
+export { TTCanvas };
+//# sourceMappingURL=canvas.js.map

package/es/canvas/contributions/tt/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/tt/canvas.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGjC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAOtC,YAAY,MAAwB;QAClC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,CAAC,GAAG,MAAW;QACpB,OAAO;IACT,CAAC;;AAhBM,YAAG,GAAY,IAAI,CAAC;AADhB,QAAQ;IADpB,UAAU,EAAE;;GACA,QAAQ,CAkBpB;SAlBY,QAAQ","file":"canvas.js","sourcesContent":["import { injectable, BaseCanvas } from '@visactor/vrender-core';\nimport type { ICanvas, CanvasConfigType, EnvType } from '@visactor/vrender-core';\nimport { TTContext2d } from './context';\n\n@injectable()\nexport class TTCanvas extends BaseCanvas implements ICanvas {\n  static env: EnvType = 'tt';\n\n  /**\n   * 通过canvas生成一个wrap对象，初始化时不会再设置canvas的属性\n   * @param params\n   */\n  constructor(params: CanvasConfigType) {\n    super(params);\n  }\n\n  init() {\n    this._context = new TTContext2d(this, this._dpr);\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}

package/es/canvas/contributions/tt/context.d.ts

@@ -0,0 +1,5 @@
+import type { IContext2d, EnvType } from '@visactor/vrender-core';
+import { FeishuContext2d } from '../feishu';
+export declare class TTContext2d extends FeishuContext2d implements IContext2d {
+    static env: EnvType;
+}

package/es/canvas/contributions/tt/context.js

@@ -0,0 +1,16 @@
+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 } from "@visactor/vrender-core";
+
+import { FeishuContext2d } from "../feishu";
+
+let TTContext2d = class extends FeishuContext2d {};
+
+TTContext2d.env = "tt", TTContext2d = __decorate([ injectable() ], TTContext2d);
+
+export { TTContext2d };
+//# sourceMappingURL=context.js.map

package/es/canvas/contributions/tt/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/tt/context.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGrC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,eAAe;;AACvC,eAAG,GAAY,IAAI,CAAC;AADhB,WAAW;IADvB,UAAU,EAAE;GACA,WAAW,CAEvB;SAFY,WAAW","file":"context.js","sourcesContent":["import { injectable } from '@visactor/vrender-core';\nimport type { IContext2d, EnvType } from '@visactor/vrender-core';\nimport { FeishuContext2d } from '../feishu';\n\n@injectable()\nexport class TTContext2d extends FeishuContext2d implements IContext2d {\n  static env: EnvType = 'tt';\n}\n"]}

package/es/canvas/contributions/tt/index.d.ts

@@ -0,0 +1,2 @@
+export * from './canvas';
+export * from './context';

package/es/canvas/contributions/tt/index.js

@@ -0,0 +1,4 @@
+export * from "./canvas";
+
+export * from "./context";
+//# sourceMappingURL=index.js.map

package/es/canvas/contributions/tt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/tt/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC","file":"index.js","sourcesContent":["// 依然导出canvas和context，便于指定环境直接使用\nexport * from './canvas';\nexport * from './context';\n"]}

package/es/canvas/contributions/tt/modules.d.ts

@@ -0,0 +1 @@
+export declare const ttCanvasModule: import("@visactor/vrender-core").ContainerModule;

package/es/canvas/contributions/tt/modules.js

@@ -0,0 +1,8 @@
+import { TTCanvas } from "./canvas";
+
+import { TTContext2d } from "./context";
+
+import { createModule } from "../create-canvas-module";
+
+export const ttCanvasModule = createModule(TTCanvas, TTContext2d);
+//# sourceMappingURL=modules.js.map

package/es/canvas/contributions/tt/modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/tt/modules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC","file":"modules.js","sourcesContent":["import { TTCanvas } from './canvas';\nimport { TTContext2d } from './context';\nimport { createModule } from '../create-canvas-module';\n\nexport const ttCanvasModule = createModule(TTCanvas, TTContext2d);\n"]}

package/es/canvas/contributions/wx/canvas.d.ts

@@ -0,0 +1,8 @@
+import { BaseCanvas } from '@visactor/vrender-core';
+import type { ICanvas, CanvasConfigType, EnvType } from '@visactor/vrender-core';
+export declare class WxCanvas extends BaseCanvas implements ICanvas {
+    static env: EnvType;
+    constructor(params: CanvasConfigType);
+    init(): void;
+    release(...params: any): void;
+}

package/es/canvas/contributions/wx/canvas.js

@@ -0,0 +1,26 @@
+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, BaseCanvas } from "@visactor/vrender-core";
+
+import { WxContext2d } from "./context";
+
+let WxCanvas = class extends BaseCanvas {
+    constructor(params) {
+        super(params);
+    }
+    init() {
+        this._context = new WxContext2d(this, this._dpr);
+    }
+    release(...params) {}
+};
+
+WxCanvas.env = "wx", WxCanvas = __decorate([ injectable(), __metadata("design:paramtypes", [ Object ]) ], WxCanvas);
+
+export { WxCanvas };
+//# sourceMappingURL=canvas.js.map

package/es/canvas/contributions/wx/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/wx/canvas.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGjC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAOtC,YAAY,MAAwB;QAClC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,CAAC,GAAG,MAAW;QACpB,OAAO;IACT,CAAC;;AAhBM,YAAG,GAAY,IAAI,CAAC;AADhB,QAAQ;IADpB,UAAU,EAAE;;GACA,QAAQ,CAkBpB;SAlBY,QAAQ","file":"canvas.js","sourcesContent":["import { injectable, BaseCanvas } from '@visactor/vrender-core';\nimport type { ICanvas, CanvasConfigType, EnvType } from '@visactor/vrender-core';\nimport { WxContext2d } from './context';\n\n@injectable()\nexport class WxCanvas extends BaseCanvas implements ICanvas {\n  static env: EnvType = 'wx';\n\n  /**\n   * 通过canvas生成一个wrap对象，初始化时不会再设置canvas的属性\n   * @param params\n   */\n  constructor(params: CanvasConfigType) {\n    super(params);\n  }\n\n  init() {\n    this._context = new WxContext2d(this, this._dpr);\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}

package/es/canvas/contributions/wx/context.d.ts

@@ -0,0 +1,7 @@
+import type { IContext2d, EnvType } from '@visactor/vrender-core';
+import { BrowserContext2d } from '../browser';
+export declare class WxContext2d extends BrowserContext2d implements IContext2d {
+    static env: EnvType;
+    draw(): void;
+    createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern;
+}

package/es/canvas/contributions/wx/context.js

@@ -0,0 +1,21 @@
+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 } from "@visactor/vrender-core";
+
+import { BrowserContext2d } from "../browser";
+
+let WxContext2d = class extends BrowserContext2d {
+    draw() {}
+    createPattern(image, repetition) {
+        return null;
+    }
+};
+
+WxContext2d.env = "wx", WxContext2d = __decorate([ injectable() ], WxContext2d);
+
+export { WxContext2d };
+//# sourceMappingURL=context.js.map

package/es/canvas/contributions/wx/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/wx/context.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGvC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,gBAAgB;IAG/C,IAAI;QACF,OAAO;IACT,CAAC;IAED,aAAa,CAAC,KAA8D,EAAE,UAAkB;QAC9F,OAAO,IAAI,CAAC;IACd,CAAC;;AARM,eAAG,GAAY,IAAI,CAAC;AADhB,WAAW;IADvB,UAAU,EAAE;GACA,WAAW,CAUvB;SAVY,WAAW","file":"context.js","sourcesContent":["// 参考konva\nimport { injectable } from '@visactor/vrender-core';\nimport type { IContext2d, EnvType } from '@visactor/vrender-core';\nimport { BrowserContext2d } from '../browser';\n\n@injectable()\nexport class WxContext2d extends BrowserContext2d implements IContext2d {\n  static env: EnvType = 'wx';\n\n  draw() {\n    return;\n  }\n\n  createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern {\n    return null;\n  }\n}\n"]}

package/es/canvas/contributions/wx/index.d.ts

@@ -0,0 +1,2 @@
+export * from './canvas';
+export * from './context';

package/es/canvas/contributions/wx/index.js

@@ -0,0 +1,4 @@
+export * from "./canvas";
+
+export * from "./context";
+//# sourceMappingURL=index.js.map

package/es/canvas/contributions/wx/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/wx/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC","file":"index.js","sourcesContent":["// 依然导出canvas和context，便于指定环境直接使用\nexport * from './canvas';\nexport * from './context';\n"]}

package/es/canvas/contributions/wx/modules.d.ts

@@ -0,0 +1 @@
+export declare const wxCanvasModule: import("@visactor/vrender-core").ContainerModule;

package/es/canvas/contributions/wx/modules.js

@@ -0,0 +1,8 @@
+import { WxCanvas } from "./canvas";
+
+import { WxContext2d } from "./context";
+
+import { createModule } from "../create-canvas-module";
+
+export const wxCanvasModule = createModule(WxCanvas, WxContext2d);
+//# sourceMappingURL=modules.js.map

package/es/canvas/contributions/wx/modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/canvas/contributions/wx/modules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC","file":"modules.js","sourcesContent":["import { WxCanvas } from './canvas';\nimport { WxContext2d } from './context';\nimport { createModule } from '../create-canvas-module';\n\nexport const wxCanvasModule = createModule(WxCanvas, WxContext2d);\n"]}

package/es/canvas/index.d.ts

@@ -1 +1 @@
-
+export * from './contributions/modules';

package/es/canvas/index.js

@@ -1 +1,2 @@
-//# sourceMappingURL=index.js.map
+export * from "./contributions/modules";
+//# sourceMappingURL=index.js.map

package/es/canvas/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/canvas/index.ts"],"names":[],"mappings":"","file":"index.js","sourcesContent":["// import {} from '@visactor/vrender';\n"]}
+{"version":3,"sources":["../src/canvas/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","file":"index.js","sourcesContent":["export * from './contributions/modules';\n"]}

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

@@ -0,0 +1,42 @@
+import { BaseEnvContribution } from '@visactor/vrender-core';
+import type { ICanvasLike, EnvType, ICreateCanvasParams, IEnvContribution, CreateDOMParamsType } from '@visactor/vrender-core';
+import type { IBoundsLike, IPointLike } from '@visactor/vutils';
+export declare function createImageElement(src: string, isSvg?: boolean): Promise<HTMLImageElement>;
+export declare class BrowserEnvContribution extends BaseEnvContribution implements IEnvContribution {
+    type: EnvType;
+    supportEvent: boolean;
+    constructor();
+    mapToCanvasPoint(nativeEvent: PointerEvent | WheelEvent, domElement?: any): IPointLike;
+    getNativeAABBBounds(_dom: any): IBoundsLike;
+    removeDom(dom: HTMLElement): boolean;
+    createDom(params: CreateDOMParamsType): HTMLElement | null;
+    loadImage(url: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | ImageData | null;
+    }>;
+    loadSvg(url: string): Promise<{
+        loadState: 'success' | 'fail';
+        data: HTMLImageElement | ImageData | null;
+    }>;
+    createCanvas(params: ICreateCanvasParams): HTMLCanvasElement;
+    createOffscreenCanvas(params: ICreateCanvasParams): OffscreenCanvas;
+    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): HTMLElement | null;
+    getRootElement(): HTMLElement | null;
+    getDocument(): Document | null;
+    release(...params: any): void;
+    getElementTop(element: HTMLElement, baseWindow?: boolean): number;
+    getElementLeft(element: HTMLElement, baseWindow?: boolean): number;
+    getElementTopLeft(element: HTMLElement, baseWindow?: boolean): {
+        top: number;
+        left: number;
+    };
+}

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

@@ -0,0 +1,192 @@
+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, Generator, BaseEnvContribution } from "@visactor/vrender-core";
+
+import { AABBBounds, isString, isValidNumber } from "@visactor/vutils";
+
+class DynamicB {
+    get x1() {
+        return this.dom.getBoundingClientRect().left;
+    }
+    get x2() {
+        return this.dom.getBoundingClientRect().right;
+    }
+    get y1() {
+        return this.dom.getBoundingClientRect().top;
+    }
+    get y2() {
+        return this.dom.getBoundingClientRect().bottom;
+    }
+    get width() {
+        return this.dom.getBoundingClientRect().width;
+    }
+    get height() {
+        return this.dom.getBoundingClientRect().height;
+    }
+    constructor(dom) {
+        this.dom = dom;
+    }
+}
+
+export function createImageElement(src, isSvg = !1) {
+    const img = document.createElement("img");
+    if (img.crossOrigin = "anonymous", isSvg) {
+        const data = new Blob([ src ], {
+            type: "image/svg+xml"
+        });
+        src = window.URL.createObjectURL(data);
+    }
+    if (img.src = src, img.complete) return Promise.resolve(img);
+    return new Promise(((resolve, reject) => {
+        img.onload = () => {
+            resolve(img);
+        }, img.onerror = () => {
+            reject(new Error("加载失败"));
+        };
+    }));
+}
+
+let BrowserEnvContribution = class extends BaseEnvContribution {
+    constructor() {
+        super(), this.type = "browser", this.supportEvent = !0;
+        try {
+            this.supportsTouchEvents = "ontouchstart" in globalThis, this.supportsPointerEvents = !!globalThis.PointerEvent, 
+            this.supportsMouseEvents = !!globalThis.MouseEvent;
+        } catch (err) {
+            this.supportsTouchEvents = !1, this.supportsPointerEvents = !1, this.supportsPointerEvents = !1;
+        }
+        this.applyStyles = !0;
+    }
+    mapToCanvasPoint(nativeEvent, domElement) {
+        var _a;
+        if (domElement) {
+            const {clientX: x, clientY: y} = nativeEvent, rect = domElement.getBoundingClientRect(), nativeCanvas = null === (_a = domElement.getNativeHandler) || void 0 === _a ? void 0 : _a.call(domElement).nativeCanvas;
+            let scaleX, scaleY;
+            return nativeCanvas && (scaleX = rect.width / nativeCanvas.offsetWidth, scaleY = rect.height / nativeCanvas.offsetHeight), 
+            {
+                x: (x - rect.left) / (isValidNumber(scaleX) ? scaleX : 1),
+                y: (y - rect.top) / (isValidNumber(scaleY) ? scaleX : 1)
+            };
+        }
+        return {
+            x: nativeEvent.offsetX,
+            y: nativeEvent.offsetY
+        };
+    }
+    getNativeAABBBounds(_dom) {
+        let dom = _dom;
+        if ("string" == typeof _dom && (dom = (new DOMParser).parseFromString(_dom, "text/xml").firstChild), 
+        dom.getBoundingClientRect) {
+            const b = dom.getBoundingClientRect();
+            return new DynamicB(b);
+        }
+        return new AABBBounds;
+    }
+    removeDom(dom) {
+        return dom.parentElement.removeChild(dom), !0;
+    }
+    createDom(params) {
+        const {tagName: tagName = "div", width: width, height: height, style: style, parent: parent} = params, element = document.createElement(tagName);
+        if (style && (isString(style) ? element.setAttribute("style", style) : Object.keys(style).forEach((k => {
+            element.setAttribute(k, style[k]);
+        }))), null != width && (element.style.width = `${width}px`), null != height && (element.style.height = `${height}px`), 
+        parent) {
+            const pd = isString(parent) ? this.getElementById(parent) : parent;
+            pd && pd.appendChild && pd.appendChild(element);
+        }
+        return element;
+    }
+    loadImage(url) {
+        return createImageElement(url, !1).then((img => ({
+            data: img,
+            loadState: "success"
+        }))).catch((() => ({
+            data: null,
+            loadState: "fail"
+        })));
+    }
+    loadSvg(url) {
+        return createImageElement(url, !0).then((img => ({
+            data: img,
+            loadState: "success"
+        }))).catch((() => ({
+            data: null,
+            loadState: "fail"
+        })));
+    }
+    createCanvas(params) {
+        var _a, _b;
+        const canvas = document.createElement("canvas");
+        params.id && (canvas.id = null !== (_a = params.id) && void 0 !== _a ? _a : Generator.GenAutoIncrementId().toString());
+        const dpr = null !== (_b = params.dpr) && void 0 !== _b ? _b : window.devicePixelRatio;
+        return params.width && params.height && (canvas.style.width = `${params.width}px`, 
+        canvas.style.height = `${params.height}px`, canvas.width = params.width * dpr, canvas.height = params.height * dpr), 
+        canvas;
+    }
+    createOffscreenCanvas(params) {
+        var _a;
+        const dpr = null !== (_a = params.dpr) && void 0 !== _a ? _a : window.devicePixelRatio;
+        return new OffscreenCanvas(params.width * dpr, params.height * dpr);
+    }
+    releaseCanvas(canvas) {
+        let c;
+        c = "string" == typeof canvas ? document.getElementById(canvas) : canvas, c && c.parentElement && c.parentElement.removeChild(c);
+    }
+    getDevicePixelRatio() {
+        return window.devicePixelRatio;
+    }
+    getRequestAnimationFrame() {
+        return window.requestAnimationFrame;
+    }
+    getCancelAnimationFrame() {
+        return window.cancelAnimationFrame;
+    }
+    addEventListener(type, listener, options) {
+        return document.addEventListener(type, listener, options);
+    }
+    removeEventListener(type, listener, options) {
+        return document.removeEventListener(type, listener, options);
+    }
+    dispatchEvent(event) {
+        return document.dispatchEvent(event);
+    }
+    getElementById(str) {
+        return document.getElementById(str);
+    }
+    getRootElement() {
+        return document.body;
+    }
+    getDocument() {
+        return document;
+    }
+    release(...params) {}
+    getElementTop(element, baseWindow) {
+        let actualTop = element.offsetTop, current = element.offsetParent;
+        for (;null !== current; ) actualTop += current.offsetTop, current = current.offsetParent;
+        return actualTop;
+    }
+    getElementLeft(element, baseWindow) {
+        let actualLeft = element.offsetLeft, current = element.offsetParent;
+        for (;null !== current; ) actualLeft += current.offsetLeft, current = current.offsetParent;
+        return actualLeft;
+    }
+    getElementTopLeft(element, baseWindow) {
+        let actualTop = element.offsetTop, actualLeft = element.offsetLeft, current = element.offsetParent;
+        for (;null !== current; ) actualTop += current.offsetTop, actualLeft += current.offsetLeft, 
+        current = current.offsetParent;
+        return {
+            top: actualTop,
+            left: actualLeft
+        };
+    }
+};
+
+BrowserEnvContribution = __decorate([ injectable(), __metadata("design:paramtypes", []) ], BrowserEnvContribution);
+
+export { BrowserEnvContribution };