@visactor/vrender 0.15.2 → 0.16.0-alpha.0

package/cjs/canvas/contributions/browser/index.js

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

package/cjs/canvas/contributions/browser/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/canvas/contributions/browser/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,2CAAyB;AACzB,4CAA0B;AAC1B,qDAAmC","file":"index.js","sourcesContent":["// 依然导出canvas和context，便于指定环境直接使用\nexport * from './canvas';\nexport * from './context';\nexport * from './conical-gradient';\n"]}

package/cjs/canvas/contributions/browser/modules.d.ts

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

package/cjs/canvas/contributions/browser/modules.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-});
-
-const inversify_1 = require("inversify"), canvas_1 = require("./canvas"), context_1 = require("./context"), constants_1 = require("../../constants");
-
-exports.default = new inversify_1.ContainerModule((bind => {
-    bind(constants_1.CanvasFactory).toDynamicValue((() => params => new canvas_1.BrowserCanvas(params))).whenTargetNamed(canvas_1.BrowserCanvas.env), 
-    bind(constants_1.Context2dFactory).toDynamicValue((() => (params, dpr) => new context_1.BrowserContext2d(params, dpr))).whenTargetNamed(context_1.BrowserContext2d.env);
-}));
-//# sourceMappingURL=modules.js.map

package/cjs/canvas/contributions/browser/modules.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/canvas/contributions/browser/modules.ts"],"names":[],"mappings":";;AAAA,yCAA4C;AAC5C,qCAAyC;AACzC,uCAA6C;AAC7C,+CAAkE;AAGlE,kBAAe,IAAI,2BAAe,CAAC,IAAI,CAAC,EAAE;IACxC,IAAI,CAAC,yBAAa,CAAC;SAChB,cAAc,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,MAAwB,EAAE,EAAE,CAAC,IAAI,sBAAa,CAAC,MAAM,CAAC,CAAC;IACjE,CAAC,CAAC;SACD,eAAe,CAAC,sBAAa,CAAC,GAAG,CAAC,CAAC;IAEtC,IAAI,CAAC,4BAAgB,CAAC;SACnB,cAAc,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,MAAe,EAAE,GAAW,EAAE,EAAE,CAAC,IAAI,0BAAgB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7E,CAAC,CAAC;SACD,eAAe,CAAC,0BAAgB,CAAC,GAAG,CAAC,CAAC;AAC3C,CAAC,CAAC,CAAC","file":"modules.js","sourcesContent":["import { ContainerModule } from 'inversify';\nimport { BrowserCanvas } from './canvas';\nimport { BrowserContext2d } from './context';\nimport { CanvasFactory, Context2dFactory } from '../../constants';\nimport type { CanvasConfigType, ICanvas } from '../../../interface';\n\nexport default new ContainerModule(bind => {\n  bind(CanvasFactory)\n    .toDynamicValue(() => {\n      return (params: CanvasConfigType) => new BrowserCanvas(params);\n    })\n    .whenTargetNamed(BrowserCanvas.env);\n\n  bind(Context2dFactory)\n    .toDynamicValue(() => {\n      return (params: ICanvas, dpr: number) => new BrowserContext2d(params, dpr);\n    })\n    .whenTargetNamed(BrowserContext2d.env);\n});\n"]}

package/cjs/canvas/contributions/feishu/canvas.d.ts

@@ -1,50 +0,0 @@
-import type { ICanvas, IContext2d, CanvasConfigType, EnvType } from '../../../interface';
-export declare class FeishuCanvas implements ICanvas {
-    static env: EnvType;
-    private _displayWidth;
-    private _displayHeight;
-    private _id;
-    private _pixelWidth;
-    private _pixelHeight;
-    private _x;
-    private _y;
-    private _dpr;
-    private _container?;
-    private _nativeCanvas;
-    private _context;
-    private _visiable;
-    get id(): number | string;
-    get x(): number;
-    set x(_x: number);
-    get y(): number;
-    set y(_y: number);
-    get nativeCanvas(): HTMLCanvasElement;
-    get width(): number;
-    set width(width: number);
-    get height(): number;
-    set height(height: number);
-    get displayWidth(): number;
-    get displayHeight(): number;
-    getContext(str?: string): IContext2d;
-    get visiable(): boolean;
-    set visiable(visiable: boolean);
-    get dpr(): number;
-    set dpr(dpr: number);
-    constructor(params: CanvasConfigType);
-    getNativeCanvas(): HTMLCanvasElement;
-    resetStyle(params: Partial<CanvasConfigType>): void;
-    applyPosition(): void;
-    hide(): void;
-    show(): void;
-    resize(width: number, height: number): void;
-    toDataURL(): string;
-    toDataURL(mimeType: 'image/png'): string;
-    toDataURL(mimeType: 'image/jpeg', quality: number): string;
-    readPixels(x: number, y: number, w: number, h: number): ImageData | Promise<ImageData>;
-    convertToBlob(options?: {
-        type?: string | undefined;
-        quality?: number | undefined;
-    } | undefined): Promise<Blob>;
-    transferToImageBitmap(): ImageBitmap;
-    release(...params: any): void;
-}

package/cjs/canvas/contributions/feishu/canvas.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
-    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}, __metadata = this && this.__metadata || function(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-};
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.FeishuCanvas = void 0;
-
-const inversify_1 = require("inversify"), context_1 = require("./context"), DefaultConfig = {
-    WIDTH: 500,
-    HEIGHT: 500,
-    DPR: 1
-};
-
-let FeishuCanvas = class {
-    get id() {
-        return this._id;
-    }
-    get x() {
-        return this._x;
-    }
-    set x(_x) {
-        this._x = _x;
-    }
-    get y() {
-        return this._y;
-    }
-    set y(_y) {
-        this._y = _y;
-    }
-    get nativeCanvas() {
-        return this._nativeCanvas;
-    }
-    get width() {
-        return this._pixelWidth;
-    }
-    set width(width) {
-        this._pixelWidth = width, this._displayWidth = width / (this._dpr || 1);
-    }
-    get height() {
-        return this._pixelHeight;
-    }
-    set height(height) {
-        this._pixelHeight = height, this._displayHeight = height / (this._dpr || 1);
-    }
-    get displayWidth() {
-        return this._displayWidth;
-    }
-    get displayHeight() {
-        return this._displayHeight;
-    }
-    getContext(str) {
-        return this._context;
-    }
-    get visiable() {
-        return this._visiable;
-    }
-    set visiable(visiable) {
-        this._visiable = visiable, visiable ? this.show() : this.hide();
-    }
-    get dpr() {
-        return this._dpr;
-    }
-    set dpr(dpr) {
-        this._dpr = dpr;
-    }
-    constructor(params) {
-        const {nativeCanvas: nativeCanvas, width: width = DefaultConfig.WIDTH, height: height = DefaultConfig.HEIGHT, dpr: dpr = DefaultConfig.DPR} = params, {x: x, y: y} = nativeCanvas.getBoundingClientRect ? nativeCanvas.getBoundingClientRect() : {
-            x: 0,
-            y: 0
-        };
-        this._x = x, this._y = y, this._pixelWidth = width * dpr, this._pixelHeight = height * dpr, 
-        this._visiable = !1 !== params.visiable, this._displayWidth = width, this._displayHeight = height, 
-        this._dpr = dpr, this._nativeCanvas = nativeCanvas, this._context = new context_1.FeishuContext2d(this, this._dpr), 
-        this._id = nativeCanvas.id;
-    }
-    getNativeCanvas() {
-        return this._nativeCanvas;
-    }
-    resetStyle(params) {}
-    applyPosition() {}
-    hide() {}
-    show() {}
-    resize(width, height) {}
-    toDataURL(mimeType, quality) {
-        return "";
-    }
-    readPixels(x, y, w, h) {
-        throw new Error("暂未实现");
-    }
-    convertToBlob(options) {
-        throw new Error("暂未实现");
-    }
-    transferToImageBitmap() {
-        throw new Error("暂未实现");
-    }
-    release(...params) {}
-};
-
-FeishuCanvas.env = "feishu", FeishuCanvas = __decorate([ (0, inversify_1.injectable)(), __metadata("design:paramtypes", [ Object ]) ], FeishuCanvas), 
-exports.FeishuCanvas = FeishuCanvas;
-//# sourceMappingURL=canvas.js.map

package/cjs/canvas/contributions/feishu/canvas.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/canvas/contributions/feishu/canvas.ts"],"names":[],"mappings":"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","file":"canvas.js","sourcesContent":["import { injectable } from 'inversify';\nimport type { ICanvas, IContext2d, CanvasConfigType, EnvType } from '../../../interface';\nimport { FeishuContext2d } from './context';\n\nconst DefaultConfig = {\n  WIDTH: 500,\n  HEIGHT: 500,\n  DPR: 1\n};\n\n@injectable()\nexport class FeishuCanvas implements ICanvas {\n  static env: EnvType = 'feishu';\n  // 显示的宽高，如果是离屏canvas，就是pixelWidth / pixelRatio\n  private _displayWidth: number; // 显示的宽度\n  private _displayHeight: number; // 显示的高度\n  private _id: number | string;\n  // 像素宽高\n  private _pixelWidth: number; // 像素宽度\n  private _pixelHeight: number; // 像素高度\n\n  private _x: number;\n  private _y: number;\n  private _dpr: number;\n\n  private _container?: HTMLElement | null;\n  private _nativeCanvas: HTMLCanvasElement;\n  private _context: IContext2d;\n  private _visiable: boolean;\n\n  get id(): number | string {\n    return this._id;\n  }\n  get x(): number {\n    return this._x;\n  }\n  set x(_x: number) {\n    this._x = _x;\n  }\n  get y(): number {\n    return this._y;\n  }\n  set y(_y: number) {\n    this._y = _y;\n  }\n  get nativeCanvas(): HTMLCanvasElement {\n    return this._nativeCanvas;\n  }\n\n  get width(): number {\n    return this._pixelWidth;\n  }\n  set width(width: number) {\n    this._pixelWidth = width;\n    this._displayWidth = width / (this._dpr || 1);\n  }\n\n  get height(): number {\n    return this._pixelHeight;\n  }\n  set height(height: number) {\n    this._pixelHeight = height;\n    this._displayHeight = height / (this._dpr || 1);\n  }\n  get displayWidth(): number {\n    return this._displayWidth;\n  }\n  get displayHeight(): number {\n    return this._displayHeight;\n  }\n  getContext(str?: string): IContext2d {\n    return this._context;\n  }\n\n  get visiable(): boolean {\n    return this._visiable;\n  }\n  set visiable(visiable: boolean) {\n    this._visiable = visiable;\n    visiable ? this.show() : this.hide();\n  }\n\n  get dpr(): number {\n    return this._dpr;\n  }\n  set dpr(dpr: number) {\n    // this._lastPixelRatio = this._pixelRatio;\n    this._dpr = dpr;\n  }\n\n  /**\n   * 通过canvas生成一个wrap对象，初始化时不会再设置canvas的属性\n   * @param params\n   */\n  constructor(params: CanvasConfigType) {\n    const {\n      nativeCanvas,\n      width = DefaultConfig.WIDTH,\n      height = DefaultConfig.HEIGHT,\n      dpr = DefaultConfig.DPR\n    } = params;\n    // 不会修改到位置的\n    const { x, y } = nativeCanvas.getBoundingClientRect ? nativeCanvas.getBoundingClientRect() : { x: 0, y: 0 };\n    this._x = x;\n    this._y = y;\n    this._pixelWidth = width * dpr;\n    this._pixelHeight = height * dpr;\n    this._visiable = params.visiable !== false;\n\n    // 离屏canvas\n    this._displayWidth = width;\n    this._displayHeight = height;\n    this._dpr = dpr;\n    this._nativeCanvas = nativeCanvas;\n    this._context = new FeishuContext2d(this, this._dpr);\n    this._id = nativeCanvas.id;\n  }\n\n  getNativeCanvas(): HTMLCanvasElement {\n    return this._nativeCanvas;\n  }\n\n  resetStyle(params: Partial<CanvasConfigType>) {\n    return;\n  }\n\n  applyPosition() {\n    return;\n  }\n\n  hide() {\n    return;\n  }\n  show() {\n    return;\n  }\n\n  /**\n   * 设置canvas的size大小，设置context的scale\n   * @param width\n   * @param height\n   */\n  resize(width: number, height: number) {\n    return;\n  }\n\n  toDataURL(): string;\n  toDataURL(mimeType: 'image/png'): string;\n  toDataURL(mimeType: 'image/jpeg', quality: number): string;\n  toDataURL(mimeType?: string, quality?: number) {\n    return '';\n  }\n\n  readPixels(x: number, y: number, w: number, h: number): ImageData | Promise<ImageData> {\n    throw new Error('暂未实现');\n  }\n\n  convertToBlob(options?: { type?: string | undefined; quality?: number | undefined } | undefined): Promise<Blob> {\n    throw new Error('暂未实现');\n  }\n\n  transferToImageBitmap(): ImageBitmap {\n    throw new Error('暂未实现');\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}

package/cjs/canvas/contributions/feishu/context.d.ts

@@ -1,12 +0,0 @@
-import type { IContext2d, EnvType } from '../../../interface';
-import { BrowserContext2d } from '../browser';
-export declare class FeishuContext2d extends BrowserContext2d implements IContext2d {
-    static env: EnvType;
-    drawPromise?: Promise<any>;
-    _globalAlpha: number;
-    get globalAlpha(): number;
-    set globalAlpha(ga: number);
-    getImageData(sx: number, sy: number, sw: number, sh: number): any;
-    draw(): void;
-    createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern;
-}

package/cjs/canvas/contributions/feishu/context.js

@@ -1,56 +0,0 @@
-"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;
-};
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.FeishuContext2d = void 0;
-
-const inversify_1 = require("inversify"), browser_1 = require("../browser");
-
-let FeishuContext2d = class extends browser_1.BrowserContext2d {
-    get globalAlpha() {
-        return this._globalAlpha;
-    }
-    set globalAlpha(ga) {
-        this.nativeContext.globalAlpha = ga, this._globalAlpha = ga;
-    }
-    getImageData(sx, sy, sw, sh) {
-        return new Promise(((resolve, reject) => {
-            var _a;
-            try {
-                tt.canvasGetImageData({
-                    canvasId: null !== (_a = this.canvas.nativeCanvas.id) && void 0 !== _a ? _a : this.canvas.id,
-                    x: sx,
-                    y: sy,
-                    width: sw,
-                    height: sh,
-                    success(res) {
-                        resolve(res);
-                    }
-                });
-            } catch (err) {
-                reject(err);
-            }
-        }));
-    }
-    draw() {
-        const _context = this.nativeContext;
-        this.drawPromise = new Promise((resolve => {
-            _context.draw(!0, (() => {
-                this.drawPromise = null, resolve(null);
-            }));
-        }));
-    }
-    createPattern(image, repetition) {
-        return null;
-    }
-};
-
-FeishuContext2d.env = "feishu", FeishuContext2d = __decorate([ (0, inversify_1.injectable)() ], FeishuContext2d), 
-exports.FeishuContext2d = FeishuContext2d;
-//# sourceMappingURL=context.js.map

package/cjs/canvas/contributions/feishu/context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/canvas/contributions/feishu/context.ts"],"names":[],"mappings":";;;;;;;;;AACA,yCAAuC;AAEvC,wCAA8C;AAOvC,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,0BAAgB;IAQnD,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IACD,IAAI,WAAW,CAAC,EAAU;QACxB,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,EAAE,CAAC;QACpC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;IACzB,CAAC;IAED,YAAY,CAAC,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAU;QACzD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;;YACrC,IAAI;gBACF,EAAE,CAAC,kBAAkB,CAAC;oBACpB,QAAQ,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,mCAAI,IAAI,CAAC,MAAM,CAAC,EAAE;oBACvD,CAAC,EAAE,EAAE;oBACL,CAAC,EAAE,EAAE;oBACL,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;oBACV,OAAO,CAAC,GAAQ;wBACd,OAAO,CAAC,GAAG,CAAC,CAAC;oBACf,CAAC;iBACF,CAAC,CAAC;aACJ;YAAC,OAAO,GAAG,EAAE;gBACZ,MAAM,CAAC,GAAG,CAAC,CAAC;aACb;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAoB,CAAC;QAC3C,IAAI,CAAC,WAAW,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;YACvC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;gBACvB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;gBACxB,OAAO,CAAC,IAAI,CAAC,CAAC;YAChB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IACD,aAAa,CAAC,KAA8D,EAAE,UAAkB;QAC9F,OAAO,IAAI,CAAC;IACd,CAAC;;AA7CM,mBAAG,GAAY,QAAQ,CAAC;AADpB,eAAe;IAD3B,IAAA,sBAAU,GAAE;GACA,eAAe,CA+C3B;AA/CY,0CAAe","file":"context.js","sourcesContent":["// 参考konva\nimport { injectable } from 'inversify';\nimport type { IContext2d, EnvType } from '../../../interface';\nimport { BrowserContext2d } from '../browser';\n\ndeclare const tt: {\n  canvasGetImageData: (d: any) => any;\n};\n\n@injectable()\nexport class FeishuContext2d extends BrowserContext2d implements IContext2d {\n  static env: EnvType = 'feishu';\n\n  declare drawPromise?: Promise<any>;\n\n  _globalAlpha: number;\n\n  // feishu小程序无法正常获取到globalAlpha\n  get globalAlpha(): number {\n    return this._globalAlpha;\n  }\n  set globalAlpha(ga: number) {\n    this.nativeContext.globalAlpha = ga;\n    this._globalAlpha = ga;\n  }\n\n  getImageData(sx: number, sy: number, sw: number, sh: number): any {\n    return new Promise((resolve, reject) => {\n      try {\n        tt.canvasGetImageData({\n          canvasId: this.canvas.nativeCanvas.id ?? this.canvas.id,\n          x: sx,\n          y: sy,\n          width: sw,\n          height: sh,\n          success(res: any) {\n            resolve(res);\n          }\n        });\n      } catch (err) {\n        reject(err);\n      }\n    });\n  }\n\n  draw() {\n    const _context = this.nativeContext as any;\n    this.drawPromise = new Promise(resolve => {\n      _context.draw(true, () => {\n        this.drawPromise = null;\n        resolve(null);\n      });\n    });\n  }\n  createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern {\n    return null;\n  }\n}\n"]}

package/cjs/canvas/contributions/feishu/index.d.ts

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

package/cjs/canvas/contributions/feishu/index.js

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

package/cjs/canvas/contributions/feishu/index.js.map

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

package/cjs/canvas/contributions/feishu/modules.d.ts

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

package/cjs/canvas/contributions/feishu/modules.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-});
-
-const inversify_1 = require("inversify"), canvas_1 = require("./canvas"), context_1 = require("./context"), constants_1 = require("../../constants");
-
-exports.default = new inversify_1.ContainerModule((bind => {
-    bind(constants_1.CanvasFactory).toDynamicValue((() => params => new canvas_1.FeishuCanvas(params))).whenTargetNamed(canvas_1.FeishuCanvas.env), 
-    bind(constants_1.Context2dFactory).toDynamicValue((() => (params, dpr) => new context_1.FeishuContext2d(params, dpr))).whenTargetNamed(context_1.FeishuContext2d.env);
-}));
-//# sourceMappingURL=modules.js.map

package/cjs/canvas/contributions/feishu/modules.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/canvas/contributions/feishu/modules.ts"],"names":[],"mappings":";;AAAA,yCAA4C;AAC5C,qCAAwC;AACxC,uCAA4C;AAC5C,+CAAkE;AAGlE,kBAAe,IAAI,2BAAe,CAAC,IAAI,CAAC,EAAE;IACxC,IAAI,CAAC,yBAAa,CAAC;SAChB,cAAc,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,MAAwB,EAAE,EAAE,CAAC,IAAI,qBAAY,CAAC,MAAM,CAAC,CAAC;IAChE,CAAC,CAAC;SACD,eAAe,CAAC,qBAAY,CAAC,GAAG,CAAC,CAAC;IAErC,IAAI,CAAC,4BAAgB,CAAC;SACnB,cAAc,CAAC,GAAG,EAAE;QACnB,OAAO,CAAC,MAAe,EAAE,GAAW,EAAE,EAAE,CAAC,IAAI,yBAAe,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5E,CAAC,CAAC;SACD,eAAe,CAAC,yBAAe,CAAC,GAAG,CAAC,CAAC;AAC1C,CAAC,CAAC,CAAC","file":"modules.js","sourcesContent":["import { ContainerModule } from 'inversify';\nimport { FeishuCanvas } from './canvas';\nimport { FeishuContext2d } from './context';\nimport { CanvasFactory, Context2dFactory } from '../../constants';\nimport type { CanvasConfigType, ICanvas } from '../../../interface';\n\nexport default new ContainerModule(bind => {\n  bind(CanvasFactory)\n    .toDynamicValue(() => {\n      return (params: CanvasConfigType) => new FeishuCanvas(params);\n    })\n    .whenTargetNamed(FeishuCanvas.env);\n\n  bind(Context2dFactory)\n    .toDynamicValue(() => {\n      return (params: ICanvas, dpr: number) => new FeishuContext2d(params, dpr);\n    })\n    .whenTargetNamed(FeishuContext2d.env);\n});\n"]}

package/cjs/canvas/contributions/lynx/canvas.d.ts

@@ -1,50 +0,0 @@
-import type { ICanvas, IContext2d, CanvasConfigType, EnvType } from '../../../interface';
-export declare class LynxCanvas implements ICanvas {
-    static env: EnvType;
-    private _displayWidth;
-    private _displayHeight;
-    private _id;
-    private _pixelWidth;
-    private _pixelHeight;
-    private _x;
-    private _y;
-    private _dpr;
-    private _container?;
-    private _nativeCanvas;
-    private _context;
-    private _visiable;
-    get id(): number | string;
-    get x(): number;
-    set x(_x: number);
-    get y(): number;
-    set y(_y: number);
-    get nativeCanvas(): HTMLCanvasElement;
-    get width(): number;
-    set width(width: number);
-    get height(): number;
-    set height(height: number);
-    get displayWidth(): number;
-    get displayHeight(): number;
-    getContext(str?: string): IContext2d;
-    get visiable(): boolean;
-    set visiable(visiable: boolean);
-    get dpr(): number;
-    set dpr(dpr: number);
-    constructor(params: CanvasConfigType);
-    getNativeCanvas(): HTMLCanvasElement;
-    resetStyle(params: Partial<CanvasConfigType>): void;
-    applyPosition(): void;
-    hide(): void;
-    show(): void;
-    resize(width: number, height: number): void;
-    toDataURL(): string;
-    toDataURL(mimeType: 'image/png'): string;
-    toDataURL(mimeType: 'image/jpeg', quality: number): string;
-    readPixels(x: number, y: number, w: number, h: number): ImageData | Promise<ImageData>;
-    convertToBlob(options?: {
-        type?: string | undefined;
-        quality?: number | undefined;
-    } | undefined): Promise<Blob>;
-    transferToImageBitmap(): ImageBitmap;
-    release(...params: any): void;
-}

package/cjs/canvas/contributions/lynx/canvas.js

@@ -1,108 +0,0 @@
-"use strict";
-
-var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
-    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}, __metadata = this && this.__metadata || function(k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-};
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.LynxCanvas = void 0;
-
-const inversify_1 = require("inversify"), context_1 = require("./context"), DefaultConfig = {
-    WIDTH: 500,
-    HEIGHT: 500,
-    DPR: 1
-};
-
-let LynxCanvas = class {
-    get id() {
-        return this._id;
-    }
-    get x() {
-        return this._x;
-    }
-    set x(_x) {
-        this._x = _x;
-    }
-    get y() {
-        return this._y;
-    }
-    set y(_y) {
-        this._y = _y;
-    }
-    get nativeCanvas() {
-        return this._nativeCanvas;
-    }
-    get width() {
-        return this._pixelWidth;
-    }
-    set width(width) {
-        this._pixelWidth = width, this._displayWidth = width / (this._dpr || 1);
-    }
-    get height() {
-        return this._pixelHeight;
-    }
-    set height(height) {
-        this._pixelHeight = height, this._displayHeight = height / (this._dpr || 1);
-    }
-    get displayWidth() {
-        return this._displayWidth;
-    }
-    get displayHeight() {
-        return this._displayHeight;
-    }
-    getContext(str) {
-        return this._context;
-    }
-    get visiable() {
-        return this._visiable;
-    }
-    set visiable(visiable) {
-        this._visiable = visiable, visiable ? this.show() : this.hide();
-    }
-    get dpr() {
-        return this._dpr;
-    }
-    set dpr(dpr) {
-        this._dpr = dpr;
-    }
-    constructor(params) {
-        const {nativeCanvas: nativeCanvas, width: width = DefaultConfig.WIDTH, height: height = DefaultConfig.HEIGHT, dpr: dpr = DefaultConfig.DPR} = params, {x: x, y: y} = nativeCanvas.getBoundingClientRect ? nativeCanvas.getBoundingClientRect() : {
-            x: 0,
-            y: 0
-        };
-        this._x = x, this._y = y, this._pixelWidth = width * dpr, this._pixelHeight = height * dpr, 
-        this._visiable = !1 !== params.visiable, this._displayWidth = width, this._displayHeight = height, 
-        this._dpr = dpr, this._nativeCanvas = nativeCanvas, this._context = new context_1.LynxContext2d(this, this._dpr), 
-        this._id = nativeCanvas.id;
-    }
-    getNativeCanvas() {
-        return this._nativeCanvas;
-    }
-    resetStyle(params) {}
-    applyPosition() {}
-    hide() {}
-    show() {}
-    resize(width, height) {}
-    toDataURL(mimeType, quality) {
-        return "";
-    }
-    readPixels(x, y, w, h) {
-        throw new Error("暂未实现");
-    }
-    convertToBlob(options) {
-        throw new Error("暂未实现");
-    }
-    transferToImageBitmap() {
-        throw new Error("暂未实现");
-    }
-    release(...params) {}
-};
-
-LynxCanvas.env = "lynx", LynxCanvas = __decorate([ (0, inversify_1.injectable)(), __metadata("design:paramtypes", [ Object ]) ], LynxCanvas), 
-exports.LynxCanvas = LynxCanvas;
-//# sourceMappingURL=canvas.js.map

package/cjs/canvas/contributions/lynx/canvas.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/canvas/contributions/lynx/canvas.ts"],"names":[],"mappings":"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","file":"canvas.js","sourcesContent":["import { injectable } from 'inversify';\nimport type { ICanvas, IContext2d, CanvasConfigType, EnvType } from '../../../interface';\nimport { LynxContext2d } from './context';\n\nconst DefaultConfig = {\n  WIDTH: 500,\n  HEIGHT: 500,\n  DPR: 1\n};\n\n@injectable()\nexport class LynxCanvas implements ICanvas {\n  static env: EnvType = 'lynx';\n  // 显示的宽高，如果是离屏canvas，就是pixelWidth / pixelRatio\n  private _displayWidth: number; // 显示的宽度\n  private _displayHeight: number; // 显示的高度\n  private _id: number | string;\n  // 像素宽高\n  private _pixelWidth: number; // 像素宽度\n  private _pixelHeight: number; // 像素高度\n\n  private _x: number;\n  private _y: number;\n  private _dpr: number;\n\n  private _container?: HTMLElement | null;\n  private _nativeCanvas: HTMLCanvasElement;\n  private _context: IContext2d;\n  private _visiable: boolean;\n\n  get id(): number | string {\n    return this._id;\n  }\n  get x(): number {\n    return this._x;\n  }\n  set x(_x: number) {\n    this._x = _x;\n  }\n  get y(): number {\n    return this._y;\n  }\n  set y(_y: number) {\n    this._y = _y;\n  }\n  get nativeCanvas(): HTMLCanvasElement {\n    return this._nativeCanvas;\n  }\n\n  get width(): number {\n    return this._pixelWidth;\n  }\n  set width(width: number) {\n    this._pixelWidth = width;\n    this._displayWidth = width / (this._dpr || 1);\n  }\n\n  get height(): number {\n    return this._pixelHeight;\n  }\n  set height(height: number) {\n    this._pixelHeight = height;\n    this._displayHeight = height / (this._dpr || 1);\n  }\n  get displayWidth(): number {\n    return this._displayWidth;\n  }\n  get displayHeight(): number {\n    return this._displayHeight;\n  }\n  getContext(str?: string): IContext2d {\n    return this._context;\n  }\n\n  get visiable(): boolean {\n    return this._visiable;\n  }\n  set visiable(visiable: boolean) {\n    this._visiable = visiable;\n    visiable ? this.show() : this.hide();\n  }\n\n  get dpr(): number {\n    return this._dpr;\n  }\n  set dpr(dpr: number) {\n    // this._lastPixelRatio = this._pixelRatio;\n    this._dpr = dpr;\n  }\n\n  /**\n   * 通过canvas生成一个wrap对象，初始化时不会再设置canvas的属性\n   * @param params\n   */\n  constructor(params: CanvasConfigType) {\n    const {\n      nativeCanvas,\n      width = DefaultConfig.WIDTH,\n      height = DefaultConfig.HEIGHT,\n      dpr = DefaultConfig.DPR\n    } = params;\n    // 不会修改到位置的\n    const { x, y } = nativeCanvas.getBoundingClientRect ? nativeCanvas.getBoundingClientRect() : { x: 0, y: 0 };\n    this._x = x;\n    this._y = y;\n    this._pixelWidth = width * dpr;\n    this._pixelHeight = height * dpr;\n    this._visiable = params.visiable !== false;\n\n    // 离屏canvas\n    this._displayWidth = width;\n    this._displayHeight = height;\n    this._dpr = dpr;\n    this._nativeCanvas = nativeCanvas;\n    this._context = new LynxContext2d(this, this._dpr);\n    this._id = nativeCanvas.id;\n  }\n\n  getNativeCanvas(): HTMLCanvasElement {\n    return this._nativeCanvas;\n  }\n\n  resetStyle(params: Partial<CanvasConfigType>) {\n    return;\n  }\n\n  applyPosition() {\n    return;\n  }\n\n  hide() {\n    return;\n  }\n  show() {\n    return;\n  }\n\n  /**\n   * 设置canvas的size大小，设置context的scale\n   * @param width\n   * @param height\n   */\n  resize(width: number, height: number) {\n    return;\n  }\n\n  toDataURL(): string;\n  toDataURL(mimeType: 'image/png'): string;\n  toDataURL(mimeType: 'image/jpeg', quality: number): string;\n  toDataURL(mimeType?: string, quality?: number) {\n    return '';\n  }\n\n  readPixels(x: number, y: number, w: number, h: number): ImageData | Promise<ImageData> {\n    throw new Error('暂未实现');\n  }\n\n  convertToBlob(options?: { type?: string | undefined; quality?: number | undefined } | undefined): Promise<Blob> {\n    throw new Error('暂未实现');\n  }\n\n  transferToImageBitmap(): ImageBitmap {\n    throw new Error('暂未实现');\n  }\n\n  release(...params: any): void {\n    return;\n  }\n}\n"]}

package/cjs/canvas/contributions/lynx/context.d.ts

@@ -1,13 +0,0 @@
-import type { IContext2d, EnvType, ISetStrokeStyleParams, IStrokeStyleParams } from '../../../interface';
-import { BrowserContext2d } from '../browser';
-export declare class LynxContext2d extends BrowserContext2d implements IContext2d {
-    static env: EnvType;
-    drawPromise?: Promise<any>;
-    _globalAlpha: number;
-    get globalAlpha(): number;
-    set globalAlpha(ga: number);
-    setLineDash(segments: number[]): void;
-    protected _setStrokeStyle(params: ISetStrokeStyleParams, attribute: IStrokeStyleParams, offsetX: number, offsetY: number, defaultParams?: IStrokeStyleParams): void;
-    createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern;
-    draw(): void;
-}

package/cjs/canvas/contributions/lynx/context.js

@@ -1,57 +0,0 @@
-"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;
-};
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.LynxContext2d = void 0;
-
-const inversify_1 = require("inversify"), canvas_utils_1 = require("../../../common/canvas-utils"), browser_1 = require("../browser");
-
-let LynxContext2d = class extends browser_1.BrowserContext2d {
-    get globalAlpha() {
-        return this._globalAlpha;
-    }
-    set globalAlpha(ga) {
-        this.nativeContext.globalAlpha = ga, this._globalAlpha = ga;
-    }
-    setLineDash(segments) {
-        const a = arguments, _context = this.nativeContext;
-        if (this.nativeContext.setLineDash) {
-            const lineDash = a[0];
-            if (0 === lineDash[0] && 0 === lineDash[1]) return;
-            _context.setLineDash(lineDash);
-        }
-    }
-    _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.globalAlpha = strokeOpacity * opacity, _context.lineWidth = (0, canvas_utils_1.getScaledStroke)(this, lineWidth, this.dpr), 
-            _context.strokeStyle = (0, canvas_utils_1.createColor)(this, stroke, params, offsetX, offsetY), 
-            _context.lineJoin = lineJoin, 0 === lineDash[0] && 0 === lineDash[1] || _context.setLineDash(lineDash), 
-            _context.lineCap = lineCap, _context.miterLimit = miterLimit;
-        }
-    }
-    createPattern(image, repetition) {
-        return null;
-    }
-    draw() {
-        const _context = this.nativeContext;
-        this.drawPromise = new Promise((resolve => {
-            _context.draw(!0, (() => {
-                this.drawPromise = null, resolve(null);
-            }));
-        }));
-    }
-};
-
-LynxContext2d.env = "lynx", LynxContext2d = __decorate([ (0, inversify_1.injectable)() ], LynxContext2d), 
-exports.LynxContext2d = LynxContext2d;
-//# sourceMappingURL=context.js.map

package/cjs/canvas/contributions/lynx/context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/canvas/contributions/lynx/context.ts"],"names":[],"mappings":"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","file":"context.js","sourcesContent":["// 参考konva\nimport { injectable } from 'inversify';\nimport type { IContext2d, EnvType, ISetStrokeStyleParams, IStrokeStyleParams } from '../../../interface';\nimport { createColor, getScaledStroke } from '../../../common/canvas-utils';\nimport { BrowserContext2d } from '../browser';\n\n@injectable()\nexport class LynxContext2d extends BrowserContext2d implements IContext2d {\n  static env: EnvType = 'lynx';\n\n  declare drawPromise?: Promise<any>;\n\n  declare _globalAlpha: number;\n\n  get globalAlpha(): number {\n    return this._globalAlpha;\n  }\n  set globalAlpha(ga: number) {\n    this.nativeContext.globalAlpha = ga;\n    this._globalAlpha = ga;\n  }\n\n  setLineDash(segments: number[]) {\n    const a = arguments;\n    const _context = this.nativeContext;\n\n    if (!!this.nativeContext.setLineDash) {\n      const lineDash = a[0];\n      // lynx环境中lineDash不能为[0, 0]\n      if (lineDash[0] === 0 && lineDash[1] === 0) {\n        return;\n      }\n      _context.setLineDash(lineDash);\n    }\n  }\n\n  protected _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.globalAlpha = strokeOpacity * opacity;\n      _context.lineWidth = getScaledStroke(this, lineWidth, this.dpr);\n      _context.strokeStyle = createColor(this, stroke as any, params, offsetX, offsetY);\n      _context.lineJoin = lineJoin;\n      // lynx环境中lineDash不能为[0, 0]\n      if (!(lineDash[0] === 0 && lineDash[1] === 0)) {\n        _context.setLineDash(lineDash);\n      }\n      _context.lineCap = lineCap;\n      _context.miterLimit = miterLimit;\n    }\n  }\n\n  createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern {\n    return null;\n  }\n\n  draw() {\n    const _context = this.nativeContext as any;\n    this.drawPromise = new Promise(resolve => {\n      _context.draw(true, () => {\n        this.drawPromise = null;\n        resolve(null);\n      });\n    });\n  }\n}\n"]}

package/cjs/canvas/contributions/lynx/index.d.ts

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