@visactor/vrender 0.9.0-alpha.0

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

@@ -0,0 +1,166 @@
+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);
+    };
+};
+
+import { inject, injectable } from "inversify";
+
+import { TaroCanvas } from "../../../canvas/contributions/taro";
+
+import { Generator } from "../../../common";
+
+import { BaseWindowHandlerContribution } from "./base-contribution";
+
+import { Global } from "../../../interface";
+
+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 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.GenAutoIncrementId().toString(),
+            canvasControled: !1
+        };
+        this.canvas = new 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 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([ injectable(), __param(0, inject(Global)), __metadata("design:paramtypes", [ Object ]) ], TaroWindowHandlerContribution);
+
+export { TaroWindowHandlerContribution };
+//# sourceMappingURL=taro-contribution.js.map

package/es/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';\nimport { BaseWindowHandlerContribution } from './base-contribution';\nimport { IWindowHandlerContribution, IWindowParams } from '../..';\nimport { Global, EnvType, IGlobal, IContext2d, ICanvas, IDomRectLike } from '../../../interface';\nimport { IBoundsLike } from '@visactor/vutils';\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(Global) 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/es/core/core-modules.d.ts

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

package/es/core/core-modules.js

@@ -0,0 +1,20 @@
+import { Global } from "../interface";
+
+import { ContainerModule } from "inversify";
+
+import { DefaultGlobal } from "./global";
+
+import { DefaultGraphicUtil, GraphicUtil, TransformUtil, DefaultTransformUtil } from "./graphic-utils";
+
+import { DefaultLayerService, LayerService } from "./layer-service";
+
+import { DefaultWindow, Window } from "./window";
+
+export default new ContainerModule((bind => {
+    bind(DefaultGlobal).toSelf().inSingletonScope(), bind(Global).toService(DefaultGlobal), 
+    bind(DefaultWindow).to(DefaultWindow), bind(Window).toService(DefaultWindow), bind(DefaultGraphicUtil).toSelf().inSingletonScope(), 
+    bind(GraphicUtil).toService(DefaultGraphicUtil), bind(DefaultTransformUtil).toSelf().inSingletonScope(), 
+    bind(TransformUtil).toService(DefaultTransformUtil), bind(DefaultLayerService).toSelf().inSingletonScope(), 
+    bind(LayerService).toService(DefaultLayerService);
+}));
+//# sourceMappingURL=core-modules.js.map

package/es/core/core-modules.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/core-modules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvG,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;IAExC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAChD,IAAI,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAEtC,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IACtC,IAAI,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IACtC,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACrD,IAAI,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC;IAChD,IAAI,CAAC,oBAAoB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACvD,IAAI,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACpD,IAAI,CAAC,mBAAmB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACtD,IAAI,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;AAapD,CAAC,CAAC,CAAC","file":"core-modules.js","sourcesContent":["import { Global } from '../interface';\nimport { ContainerModule } from 'inversify';\nimport { DefaultGlobal } from './global';\nimport { DefaultGraphicUtil, GraphicUtil, TransformUtil, DefaultTransformUtil } from './graphic-utils';\nimport { DefaultLayerService, LayerService } from './layer-service';\nimport { DefaultWindow, Window } from './window';\n\nexport default new ContainerModule(bind => {\n  // global对象，全局单例模式\n  bind(DefaultGlobal).toSelf().inSingletonScope();\n  bind(Global).toService(DefaultGlobal);\n\n  bind(DefaultWindow).to(DefaultWindow);\n  bind(Window).toService(DefaultWindow);\n  bind(DefaultGraphicUtil).toSelf().inSingletonScope();\n  bind(GraphicUtil).toService(DefaultGraphicUtil);\n  bind(DefaultTransformUtil).toSelf().inSingletonScope();\n  bind(TransformUtil).toService(DefaultTransformUtil);\n  bind(DefaultLayerService).toSelf().inSingletonScope();\n  bind(LayerService).toService(DefaultLayerService);\n\n  // bind(Stage).to(DefaultStage);\n  // bind<(params: Partial<IStageParams>) => IStage>(StageFactory).toFactory<IStage>((context: interface.Context) => {\n  //   return (params: Partial<IStageParams>) => {\n  //     const g = context.container.get<IGlobal>(Global);\n  //     const ws = context.container.get<IWindow>(Window);\n  //     const rs = context.container.get<IRenderService>(RenderService);\n  //     const layer = context.container.get<ILayer>(Layer);\n  //     return new DefaultStage(params, g, ws, rs, layer);\n  //   };\n  // });\n  // bind(Layer).to(DefaultLayer);\n});\n"]}

package/es/core/global.d.ts

@@ -0,0 +1,58 @@
+import { SyncHook } from '../tapable';
+import { ContributionProvider } from '../common';
+import { EnvType, ICreateCanvasParams, IEnvContribution, IEnvParamsMap, IGlobal } from '../interface';
+export declare class DefaultGlobal implements IGlobal {
+    protected readonly contributions: ContributionProvider<IEnvContribution>;
+    private _env;
+    get env(): EnvType;
+    private envContribution;
+    get devicePixelRatio(): number;
+    get supportEvent(): boolean;
+    get supportsTouchEvents(): boolean;
+    get supportsPointerEvents(): boolean;
+    get supportsMouseEvents(): boolean;
+    get applyStyles(): boolean;
+    envParams?: any;
+    measureTextMethod: 'native' | 'simple' | 'quick';
+    hooks: {
+        onSetEnv: SyncHook<[EnvType | undefined, EnvType, IGlobal]>;
+    };
+    constructor(contributions: ContributionProvider<IEnvContribution>);
+    protected bindContribution(params?: any): void;
+    setEnv(env: EnvType, params?: IEnvParamsMap[EnvType]): void;
+    protected deactiveCurrentEnv(): void;
+    protected activeEnv(env: EnvType, params?: IEnvParamsMap[EnvType]): void;
+    setActiveEnvContribution(contribution: IEnvContribution): void;
+    createCanvas(params: ICreateCanvasParams): any;
+    createOffscreenCanvas(params: ICreateCanvasParams): any;
+    releaseCanvas(canvas: HTMLCanvasElement | string | any): void;
+    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;
+    getRequestAnimationFrame(): (callback: FrameRequestCallback) => number;
+    getCancelAnimationFrame(): (h: number) => void;
+    getElementById(str: string): HTMLElement | null;
+    getRootElement(): HTMLElement | null;
+    getDocument(): Document | null;
+    mapToCanvasPoint(event: any): import("@visactor/vutils").IPoint;
+    loadImage(url: string): Promise<{
+        loadState: "success" | "fail";
+        data: ImageData | HTMLImageElement;
+    }>;
+    loadSvg(str: string): Promise<{
+        loadState: "success" | "fail";
+        data: ImageData | HTMLImageElement;
+    }>;
+    loadJson(url: string): Promise<{
+        loadState: "success" | "fail";
+        data: Record<string, unknown>;
+    }>;
+    loadArrayBuffer(url: string): Promise<{
+        loadState: "success" | "fail";
+        data: ArrayBuffer;
+    }>;
+    loadBlob(url: string): Promise<{
+        loadState: "success" | "fail";
+        data: Blob;
+    }>;
+}

package/es/core/global.js

@@ -0,0 +1,124 @@
+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);
+    };
+};
+
+import { inject, injectable, named } from "inversify";
+
+import { SyncHook } from "../tapable";
+
+import { ContributionProvider } from "../common";
+
+import { EnvContribution } from "../interface";
+
+const defaultEnv = "browser";
+
+let DefaultGlobal = class {
+    get env() {
+        return this._env;
+    }
+    get devicePixelRatio() {
+        return this._env || this.setEnv("browser"), this.envContribution.getDevicePixelRatio();
+    }
+    get supportEvent() {
+        return this._env || this.setEnv("browser"), this.envContribution.supportEvent;
+    }
+    get supportsTouchEvents() {
+        return this._env || this.setEnv("browser"), this.envContribution.supportsTouchEvents;
+    }
+    get supportsPointerEvents() {
+        return this._env || this.setEnv("browser"), this.envContribution.supportsPointerEvents;
+    }
+    get supportsMouseEvents() {
+        return this._env || this.setEnv("browser"), this.envContribution.supportsMouseEvents;
+    }
+    get applyStyles() {
+        return this._env || this.setEnv("browser"), this.envContribution.applyStyles;
+    }
+    constructor(contributions) {
+        this.contributions = contributions, this.hooks = {
+            onSetEnv: new SyncHook([ "lastEnv", "env", "global" ])
+        }, this.measureTextMethod = "native";
+    }
+    bindContribution(params) {
+        this.contributions.getContributions().forEach((contribution => {
+            contribution.configure(this, params);
+        }));
+    }
+    setEnv(env, params) {
+        (params && !0 === params.force || this._env !== env) && (this.deactiveCurrentEnv(), 
+        this.activeEnv(env, params));
+    }
+    deactiveCurrentEnv() {
+        this.envContribution && this.envContribution.release();
+    }
+    activeEnv(env, params) {
+        const lastEnv = this._env;
+        this._env = env, this.bindContribution(params), this.envParams = params, this.hooks.onSetEnv.call(lastEnv, env, this);
+    }
+    setActiveEnvContribution(contribution) {
+        this.envContribution = contribution;
+    }
+    createCanvas(params) {
+        return this._env || this.setEnv("browser"), this.envContribution.createCanvas(params);
+    }
+    createOffscreenCanvas(params) {
+        return this._env || this.setEnv("browser"), this.envContribution.createOffscreenCanvas(params);
+    }
+    releaseCanvas(canvas) {
+        return this._env || this.setEnv("browser"), this.envContribution.releaseCanvas(canvas);
+    }
+    addEventListener(type, listener, options) {
+        return this._env || this.setEnv("browser"), this.envContribution.addEventListener(type, listener, options);
+    }
+    removeEventListener(type, listener, options) {
+        return this._env || this.setEnv("browser"), this.envContribution.removeEventListener(type, listener, options);
+    }
+    dispatchEvent(event) {
+        return this._env || this.setEnv("browser"), this.envContribution.dispatchEvent(event);
+    }
+    getRequestAnimationFrame() {
+        return this._env || this.setEnv("browser"), this.envContribution.getRequestAnimationFrame();
+    }
+    getCancelAnimationFrame() {
+        return this._env || this.setEnv("browser"), this.envContribution.getCancelAnimationFrame();
+    }
+    getElementById(str) {
+        return this._env || this.setEnv("browser"), this.envContribution.getElementById ? this.envContribution.getElementById(str) : null;
+    }
+    getRootElement() {
+        return this._env || this.setEnv("browser"), this.envContribution.getRootElement ? this.envContribution.getRootElement() : null;
+    }
+    getDocument() {
+        return this._env || this.setEnv("browser"), this.envContribution.getDocument ? this.envContribution.getDocument() : null;
+    }
+    mapToCanvasPoint(event) {
+        return this._env || this.setEnv("browser"), this.envContribution.mapToCanvasPoint ? this.envContribution.mapToCanvasPoint(event) : null;
+    }
+    loadImage(url) {
+        return this._env || this.setEnv("browser"), this.envContribution.loadImage(url);
+    }
+    loadSvg(str) {
+        return this._env || this.setEnv("browser"), this.envContribution.loadSvg(str);
+    }
+    loadJson(url) {
+        return this._env || this.setEnv("browser"), this.envContribution.loadJson(url);
+    }
+    loadArrayBuffer(url) {
+        return this._env || this.setEnv("browser"), this.envContribution.loadArrayBuffer(url);
+    }
+    loadBlob(url) {
+        return this._env || this.setEnv("browser"), this.envContribution.loadBlob(url);
+    }
+};
+
+DefaultGlobal = __decorate([ injectable(), __param(0, inject(ContributionProvider)), __param(0, named(EnvContribution)), __metadata("design:paramtypes", [ Object ]) ], DefaultGlobal);
+
+export { DefaultGlobal };

package/es/core/global.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/global.ts"],"names":[],"mappings":"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","file":"global.js","sourcesContent":["import { inject, injectable, named } from 'inversify';\nimport { SyncHook } from '../tapable';\nimport { ContributionProvider } from '../common';\nimport { EnvContribution, EnvType, ICreateCanvasParams, IEnvContribution, IEnvParamsMap, IGlobal } from '../interface';\n\nconst defaultEnv: EnvType = 'browser';\n@injectable()\nexport class DefaultGlobal implements IGlobal {\n  private _env: EnvType;\n  get env(): EnvType {\n    return this._env;\n  }\n  private envContribution: IEnvContribution;\n\n  get devicePixelRatio(): number {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.getDevicePixelRatio();\n  }\n\n  get supportEvent(): boolean {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.supportEvent;\n  }\n\n  get supportsTouchEvents(): boolean {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.supportsTouchEvents;\n  }\n\n  get supportsPointerEvents(): boolean {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.supportsPointerEvents;\n  }\n\n  get supportsMouseEvents(): boolean {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.supportsMouseEvents;\n  }\n\n  get applyStyles(): boolean {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.applyStyles;\n  }\n\n  envParams?: any;\n  declare measureTextMethod: 'native' | 'simple' | 'quick';\n  declare hooks: {\n    onSetEnv: SyncHook<[EnvType | undefined, EnvType, IGlobal]>;\n  };\n\n  constructor(\n    // todo: 不需要创建，动态获取就行？\n    @inject(ContributionProvider)\n    @named(EnvContribution)\n    protected readonly contributions: ContributionProvider<IEnvContribution>\n  ) {\n    this.hooks = {\n      onSetEnv: new SyncHook<[EnvType | undefined, EnvType, IGlobal]>(['lastEnv', 'env', 'global'])\n    };\n    this.measureTextMethod = 'native';\n  }\n\n  protected bindContribution(params?: any) {\n    this.contributions.getContributions().forEach(contribution => {\n      contribution.configure(this, params);\n    });\n  }\n\n  /**\n   * 设置当前环境\n   * @param env\n   * @param params 环境参数\n   * 默认重复设置不生效，但如果params.force为true那么每次设置env都会重复执行初始化逻辑\n   * @returns\n   */\n  setEnv(env: EnvType, params?: IEnvParamsMap[EnvType]): void {\n    // 如果环境设置过了，但是没有设置force为true，就直接跳过\n    if (!(params && params.force === true) && this._env === env) {\n      return;\n    }\n    this.deactiveCurrentEnv();\n    this.activeEnv(env, params);\n  }\n\n  protected deactiveCurrentEnv() {\n    this.envContribution && this.envContribution.release();\n  }\n\n  protected activeEnv(env: EnvType, params?: IEnvParamsMap[EnvType]) {\n    const lastEnv = this._env;\n    this._env = env;\n    this.bindContribution(params);\n    this.envParams = params;\n    this.hooks.onSetEnv.call(lastEnv, env, this);\n  }\n\n  setActiveEnvContribution(contribution: IEnvContribution) {\n    this.envContribution = contribution;\n  }\n\n  createCanvas(params: ICreateCanvasParams) {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.createCanvas(params);\n  }\n\n  createOffscreenCanvas(params: ICreateCanvasParams) {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.createOffscreenCanvas(params);\n  }\n\n  releaseCanvas(canvas: HTMLCanvasElement | string | any) {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.releaseCanvas(canvas);\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    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.addEventListener(type, listener, options);\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    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.removeEventListener(type, listener, options);\n  }\n  dispatchEvent(event: any): boolean {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.dispatchEvent(event);\n  }\n\n  getRequestAnimationFrame() {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.getRequestAnimationFrame();\n  }\n\n  getCancelAnimationFrame() {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    return this.envContribution.getCancelAnimationFrame();\n  }\n\n  getElementById(str: string): HTMLElement | null {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    if (!this.envContribution.getElementById) {\n      return null;\n    }\n    return this.envContribution.getElementById(str);\n  }\n\n  getRootElement(): HTMLElement | null {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    if (!this.envContribution.getRootElement) {\n      return null;\n    }\n    return this.envContribution.getRootElement();\n  }\n\n  getDocument(): Document | null {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    if (!this.envContribution.getDocument) {\n      return null;\n    }\n    return this.envContribution.getDocument();\n  }\n\n  mapToCanvasPoint(event: any) {\n    if (!this._env) {\n      this.setEnv(defaultEnv);\n    }\n    if (!this.envContribution.mapToCanvasPoint) {\n      return null;\n    }\n    return this.envContribution.mapToCanvasPoint(event);\n  }\n\n  loadImage(url: string) {\n    if (!this._env) {\n      this.setEnv('browser');\n    }\n    return this.envContribution.loadImage(url);\n  }\n\n  loadSvg(str: string) {\n    if (!this._env) {\n      this.setEnv('browser');\n    }\n    return this.envContribution.loadSvg(str);\n  }\n\n  loadJson(url: string) {\n    if (!this._env) {\n      this.setEnv('browser');\n    }\n    return this.envContribution.loadJson(url);\n  }\n\n  loadArrayBuffer(url: string) {\n    if (!this._env) {\n      this.setEnv('browser');\n    }\n    return this.envContribution.loadArrayBuffer(url);\n  }\n\n  loadBlob(url: string) {\n    if (!this._env) {\n      this.setEnv('browser');\n    }\n    return this.envContribution.loadBlob(url);\n  }\n}\n"]}

package/es/core/graphic-utils.d.ts

@@ -0,0 +1,60 @@
+import { IGraphicAttribute, ICanvas, IContext2d, EnvType, IGlobal, ITextAttribute } from '../interface';
+import { ITextMeasure, TextOptionsType } from './contributions/textMeasure/ITextMeasure';
+import { ContributionProvider } from '../common';
+import { IMatrix, IPointLike, ITextMeasureOption, TextMeasure } from '@visactor/vutils';
+export declare const GraphicUtil: unique symbol;
+export interface IGraphicUtil {
+    canvas?: ICanvas;
+    context?: IContext2d | null;
+    textMeasure: ITextMeasure;
+    measureText: (text: string, tc: TextOptionsType) => {
+        width: number;
+        height: number;
+    };
+    bindTextMeasure: (tm: ITextMeasure) => void;
+    createTextMeasureInstance: (textSpec?: Partial<ITextAttribute>, option?: Partial<ITextMeasureOption>, getCanvasForMeasure?: () => any) => TextMeasure<ITextAttribute>;
+}
+export declare class DefaultGraphicUtil implements IGraphicUtil {
+    protected readonly contributions: ContributionProvider<ITextMeasure>;
+    readonly global: IGlobal;
+    canvas?: ICanvas;
+    context?: IContext2d | null;
+    _textMeasure: ITextMeasure;
+    configured: boolean;
+    constructor(contributions: ContributionProvider<ITextMeasure>, global: IGlobal);
+    get textMeasure(): ITextMeasure;
+    configure(global: IGlobal, env: EnvType): void;
+    bindTextMeasure(tm: ITextMeasure): void;
+    measureText(text: string, tc: TextOptionsType, method?: 'native' | 'simple' | 'quick'): {
+        width: number;
+        height: number;
+    };
+    createTextMeasureInstance(textSpec?: Partial<ITextAttribute>, option?: Partial<ITextMeasureOption>, getCanvasForMeasure?: () => any): TextMeasure<ITextAttribute>;
+}
+type TransformType = Pick<IGraphicAttribute, 'x' | 'y' | 'scaleX' | 'scaleY' | 'angle' | 'dx' | 'dy'> & {
+    anchor?: IGraphicAttribute['anchor'];
+};
+export declare const TransformUtil: unique symbol;
+export interface ITransformUtil {
+    init: (origin: TransformType) => ITransformUtil;
+    fromMatrix: (source: IMatrix, target: IMatrix) => ITransformUtil;
+    scale: (sx: number, sy: number, center?: IPointLike) => ITransformUtil;
+    translate: (dx: number, dy: number) => ITransformUtil;
+}
+export declare class DefaultTransformUtil implements ITransformUtil {
+    private matrix;
+    private originTransform;
+    private outSourceMatrix;
+    private outTargetMatrix;
+    private mode;
+    constructor();
+    init(origin: TransformType): this;
+    fromMatrix(source: IMatrix, target: IMatrix): this;
+    private scaleMatrix;
+    scale(sx: number, sy: number, center?: IPointLike): this;
+    private translateMatrix;
+    translate(dx: number, dy: number): this;
+    simplify(target: TransformType): this;
+    private simplifyMatrix;
+}
+export {};

package/es/core/graphic-utils.js

@@ -0,0 +1,137 @@
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __param = this && this.__param || function(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+};
+
+import { injectable, inject, named } from "inversify";
+
+import { Global } from "../interface";
+
+import { TextMeasureContribution } from "./contributions/textMeasure/textMeasure-contribution";
+
+import { ContributionProvider } from "../common";
+
+import { wrapCanvas } from "../canvas";
+
+import { DefaultTextStyle } from "../graphic";
+
+import { Matrix, TextMeasure } from "@visactor/vutils";
+
+export const GraphicUtil = Symbol.for("GraphicUtil");
+
+let DefaultGraphicUtil = class {
+    constructor(contributions, global) {
+        this.contributions = contributions, this.global = global, this.configured = !1, 
+        this.global.hooks.onSetEnv.tap("graphic-util", ((lastEnv, env, global) => {
+            this.configured = !1, this.configure(global, env);
+        }));
+    }
+    get textMeasure() {
+        return this._textMeasure || this.configure(this.global, this.global.env), this._textMeasure;
+    }
+    configure(global, env) {
+        if (this.configured) return;
+        const canvas = wrapCanvas({
+            nativeCanvas: global.createCanvas({
+                width: 100,
+                height: 100
+            })
+        });
+        this.canvas = canvas, this.context = canvas.getContext("2d"), this.contributions.getContributions().forEach((contribution => {
+            contribution.configure(this, env);
+        })), this.configured = !0;
+    }
+    bindTextMeasure(tm) {
+        this._textMeasure = tm;
+    }
+    measureText(text, tc, method = "native") {
+        var _a;
+        this.configure(this.global, this.global.env);
+        const m = this.global.measureTextMethod;
+        this.global.measureTextMethod = method;
+        const data = {
+            width: this._textMeasure.measureTextWidth(text, tc),
+            height: null !== (_a = tc.fontSize) && void 0 !== _a ? _a : DefaultTextStyle.fontSize
+        };
+        return this.global.measureTextMethod = m, data;
+    }
+    createTextMeasureInstance(textSpec, option, getCanvasForMeasure) {
+        return this.configure(this.global, this.global.env), new TextMeasure(Object.assign({
+            defaultFontParams: {
+                fontFamily: DefaultTextStyle.fontFamily,
+                fontSize: DefaultTextStyle.fontSize
+            },
+            getCanvasForMeasure: getCanvasForMeasure || (() => this.canvas),
+            getTextBounds: void 0,
+            specialCharSet: "-/: .,@%'\"~" + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase()
+        }, null != option ? option : {}), textSpec);
+    }
+};
+
+DefaultGraphicUtil = __decorate([ injectable(), __param(0, inject(ContributionProvider)), __param(0, named(TextMeasureContribution)), __param(1, inject(Global)), __metadata("design:paramtypes", [ Object, Object ]) ], DefaultGraphicUtil);
+
+export { DefaultGraphicUtil };
+
+var TransformMode;
+
+!function(TransformMode) {
+    TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
+}(TransformMode || (TransformMode = {}));
+
+export const TransformUtil = Symbol.for("TransformUtil");
+
+const _matrix = new Matrix;
+
+let DefaultTransformUtil = class {
+    constructor() {
+        this.matrix = new Matrix;
+    }
+    init(origin) {
+        return this.mode = TransformMode.transform, this.originTransform = origin, this.matrix.reset(), 
+        this;
+    }
+    fromMatrix(source, target) {
+        return this.mode = TransformMode.matrix, this.outSourceMatrix = source, this.outTargetMatrix = target, 
+        this;
+    }
+    scaleMatrix(sx, sy, center) {
+        const sMatrix = this.outSourceMatrix;
+        if (_matrix.setValue(sMatrix.a, sMatrix.b, sMatrix.c, sMatrix.d, sMatrix.e, sMatrix.f), 
+        this.outTargetMatrix.reset(), center) {
+            const {x: x, y: y} = center;
+            this.outTargetMatrix.translate(x, y), this.outTargetMatrix.scale(sx, sy), this.outTargetMatrix.translate(-x, -y);
+        } else this.outTargetMatrix.scale(sx, sy);
+        return this.outTargetMatrix.multiply(_matrix.a, _matrix.b, _matrix.c, _matrix.d, _matrix.e, _matrix.f), 
+        this;
+    }
+    scale(sx, sy, center) {
+        return this.mode === TransformMode.matrix ? this.scaleMatrix(sx, sy, center) : this;
+    }
+    translateMatrix(dx, dy) {
+        const sMatrix = this.outSourceMatrix;
+        return _matrix.setValue(sMatrix.a, sMatrix.b, sMatrix.c, sMatrix.d, sMatrix.e, sMatrix.f), 
+        this.outTargetMatrix.reset(), this.outTargetMatrix.translate(dx, dy), this.outTargetMatrix.multiply(_matrix.a, _matrix.b, _matrix.c, _matrix.d, _matrix.e, _matrix.f), 
+        this;
+    }
+    translate(dx, dy) {
+        return this.mode === TransformMode.matrix ? this.translateMatrix(dx, dy) : this;
+    }
+    simplify(target) {
+        return this.mode === TransformMode.matrix ? this.simplifyMatrix(target) : this;
+    }
+    simplifyMatrix(target) {
+        return this;
+    }
+};
+
+DefaultTransformUtil = __decorate([ injectable(), __metadata("design:paramtypes", []) ], DefaultTransformUtil);
+
+export { DefaultTransformUtil };
+//# sourceMappingURL=graphic-utils.js.map