@visactor/vrender 0.9.0-alpha.0

package/cjs/core/global.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __param = this && this.__param || function(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DefaultGlobal = void 0;
+
+const inversify_1 = require("inversify"), tapable_1 = require("../tapable"), common_1 = require("../common"), interface_1 = require("../interface"), 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 tapable_1.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([ (0, inversify_1.injectable)(), __param(0, (0, inversify_1.inject)(common_1.ContributionProvider)), __param(0, (0, 
+inversify_1.named)(interface_1.EnvContribution)), __metadata("design:paramtypes", [ Object ]) ], DefaultGlobal), 
+exports.DefaultGlobal = DefaultGlobal;

package/cjs/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/cjs/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/cjs/core/graphic-utils.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __param = this && this.__param || function(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DefaultTransformUtil = exports.TransformUtil = exports.DefaultGraphicUtil = exports.GraphicUtil = void 0;
+
+const inversify_1 = require("inversify"), interface_1 = require("../interface"), textMeasure_contribution_1 = require("./contributions/textMeasure/textMeasure-contribution"), common_1 = require("../common"), canvas_1 = require("../canvas"), graphic_1 = require("../graphic"), vutils_1 = require("@visactor/vutils");
+
+exports.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 = (0, canvas_1.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 : graphic_1.DefaultTextStyle.fontSize
+        };
+        return this.global.measureTextMethod = m, data;
+    }
+    createTextMeasureInstance(textSpec, option, getCanvasForMeasure) {
+        return this.configure(this.global, this.global.env), new vutils_1.TextMeasure(Object.assign({
+            defaultFontParams: {
+                fontFamily: graphic_1.DefaultTextStyle.fontFamily,
+                fontSize: graphic_1.DefaultTextStyle.fontSize
+            },
+            getCanvasForMeasure: getCanvasForMeasure || (() => this.canvas),
+            getTextBounds: void 0,
+            specialCharSet: "-/: .,@%'\"~" + vutils_1.TextMeasure.ALPHABET_CHAR_SET + vutils_1.TextMeasure.ALPHABET_CHAR_SET.toUpperCase()
+        }, null != option ? option : {}), textSpec);
+    }
+};
+
+var TransformMode;
+
+DefaultGraphicUtil = __decorate([ (0, inversify_1.injectable)(), __param(0, (0, 
+inversify_1.inject)(common_1.ContributionProvider)), __param(0, (0, inversify_1.named)(textMeasure_contribution_1.TextMeasureContribution)), __param(1, (0, 
+inversify_1.inject)(interface_1.Global)), __metadata("design:paramtypes", [ Object, Object ]) ], DefaultGraphicUtil), 
+exports.DefaultGraphicUtil = DefaultGraphicUtil, function(TransformMode) {
+    TransformMode[TransformMode.transform = 0] = "transform", TransformMode[TransformMode.matrix = 1] = "matrix";
+}(TransformMode || (TransformMode = {})), exports.TransformUtil = Symbol.for("TransformUtil");
+
+const _matrix = new vutils_1.Matrix;
+
+let DefaultTransformUtil = class {
+    constructor() {
+        this.matrix = new vutils_1.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([ (0, inversify_1.injectable)(), __metadata("design:paramtypes", []) ], DefaultTransformUtil), 
+exports.DefaultTransformUtil = DefaultTransformUtil;
+//# sourceMappingURL=graphic-utils.js.map

package/cjs/core/graphic-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/graphic-utils.ts"],"names":[],"mappings":"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","file":"graphic-utils.js","sourcesContent":["import { injectable, inject, named } from 'inversify';\nimport { IGraphicAttribute, ICanvas, IContext2d, EnvType, Global, IGlobal, ITextAttribute } from '../interface';\nimport { ITextMeasure, TextOptionsType } from './contributions/textMeasure/ITextMeasure';\nimport { TextMeasureContribution } from './contributions/textMeasure/textMeasure-contribution';\nimport { ContributionProvider } from '../common';\nimport { wrapCanvas } from '../canvas';\nimport { DefaultTextStyle } from '../graphic';\nimport { IMatrix, IPointLike, ITextMeasureOption, Matrix, TextMeasure } from '@visactor/vutils';\n\nexport const GraphicUtil = Symbol.for('GraphicUtil');\n\nexport interface IGraphicUtil {\n  canvas?: ICanvas;\n  context?: IContext2d | null;\n  textMeasure: ITextMeasure;\n  measureText: (text: string, tc: TextOptionsType) => { width: number; height: number };\n  bindTextMeasure: (tm: ITextMeasure) => void;\n  createTextMeasureInstance: (\n    textSpec?: Partial<ITextAttribute>,\n    option?: Partial<ITextMeasureOption>,\n    getCanvasForMeasure?: () => any\n  ) => TextMeasure<ITextAttribute>;\n}\n\n@injectable()\nexport class DefaultGraphicUtil implements IGraphicUtil {\n  canvas?: ICanvas;\n  context?: IContext2d | null;\n  _textMeasure: ITextMeasure;\n  configured: boolean;\n\n  constructor(\n    @inject(ContributionProvider)\n    @named(TextMeasureContribution)\n    protected readonly contributions: ContributionProvider<ITextMeasure>,\n    @inject(Global) public readonly global: IGlobal\n  ) {\n    this.configured = false;\n    this.global.hooks.onSetEnv.tap('graphic-util', (lastEnv, env, global) => {\n      this.configured = false;\n      this.configure(global, env);\n    });\n  }\n\n  get textMeasure(): ITextMeasure {\n    if (!this._textMeasure) {\n      this.configure(this.global, this.global.env);\n    }\n    return this._textMeasure;\n  }\n\n  configure(global: IGlobal, env: EnvType) {\n    if (this.configured) {\n      return;\n    }\n    const canvas = wrapCanvas({\n      nativeCanvas: global.createCanvas({ width: 100, height: 100 })\n    });\n    this.canvas = canvas;\n    this.context = canvas.getContext('2d');\n    this.contributions.getContributions().forEach(contribution => {\n      contribution.configure(this, env);\n    });\n    this.configured = true;\n  }\n\n  bindTextMeasure(tm: ITextMeasure) {\n    this._textMeasure = tm;\n  }\n\n  measureText(\n    text: string,\n    tc: TextOptionsType,\n    method: 'native' | 'simple' | 'quick' = 'native'\n  ): { width: number; height: number } {\n    this.configure(this.global, this.global.env);\n    const m = this.global.measureTextMethod;\n    this.global.measureTextMethod = method;\n    const data = {\n      width: this._textMeasure.measureTextWidth(text, tc),\n      height: tc.fontSize ?? DefaultTextStyle.fontSize\n    };\n    this.global.measureTextMethod = m;\n    return data;\n  }\n\n  createTextMeasureInstance(\n    textSpec?: Partial<ITextAttribute>,\n    option?: Partial<ITextMeasureOption>,\n    getCanvasForMeasure?: () => any\n  ) {\n    this.configure(this.global, this.global.env);\n    return new TextMeasure<ITextAttribute>(\n      {\n        defaultFontParams: {\n          fontFamily: DefaultTextStyle.fontFamily,\n          fontSize: DefaultTextStyle.fontSize\n        },\n        getCanvasForMeasure: getCanvasForMeasure || (() => this.canvas),\n        getTextBounds: undefined,\n        specialCharSet: '-/: .,@%\\'\"~' + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase(),\n        ...(option ?? {})\n      },\n      textSpec\n    );\n  }\n}\n\ntype TransformType = Pick<IGraphicAttribute, 'x' | 'y' | 'scaleX' | 'scaleY' | 'angle' | 'dx' | 'dy'> & {\n  anchor?: IGraphicAttribute['anchor'];\n};\n\nenum TransformMode {\n  transform = 0,\n  matrix = 1\n}\n\nexport const TransformUtil = Symbol.for('TransformUtil');\n\nexport interface ITransformUtil {\n  init: (origin: TransformType) => ITransformUtil;\n  fromMatrix: (source: IMatrix, target: IMatrix) => ITransformUtil;\n  scale: (sx: number, sy: number, center?: IPointLike) => ITransformUtil;\n  translate: (dx: number, dy: number) => ITransformUtil;\n}\n\nconst _matrix = new Matrix();\n\n@injectable()\nexport class DefaultTransformUtil implements ITransformUtil {\n  private matrix: IMatrix;\n  private originTransform: TransformType;\n\n  private outSourceMatrix: IMatrix;\n  private outTargetMatrix: IMatrix;\n\n  private mode: TransformMode;\n  constructor() {\n    this.matrix = new Matrix();\n  }\n  init(origin: TransformType): this {\n    this.mode = TransformMode.transform;\n    this.originTransform = origin;\n    this.matrix.reset();\n    return this;\n  }\n  fromMatrix(source: IMatrix, target: IMatrix): this {\n    this.mode = TransformMode.matrix;\n    this.outSourceMatrix = source;\n    this.outTargetMatrix = target;\n    return this;\n  }\n\n  // translate: (x: number, y: number) => Transform;\n  // translateTo: (x: number, y: number) => Transform;\n  private scaleMatrix(sx: number, sy: number, center?: IPointLike): this {\n    // if (this.outSourceMatrix !== this.outTargetMatrix) {\n    //   // copy\n    //   const m = this.outSourceMatrix;\n    //   this.outTargetMatrix.setValue(m.a, m.b, m.c, m.d, m.e, m.f);\n    // }\n    const sMatrix = this.outSourceMatrix;\n    _matrix.setValue(sMatrix.a, sMatrix.b, sMatrix.c, sMatrix.d, sMatrix.e, sMatrix.f);\n    this.outTargetMatrix.reset();\n    if (center) {\n      const { x, y } = center;\n      this.outTargetMatrix.translate(x, y);\n      this.outTargetMatrix.scale(sx, sy);\n      this.outTargetMatrix.translate(-x, -y);\n    } else {\n      this.outTargetMatrix.scale(sx, sy);\n    }\n\n    // _matrix.reset();\n    // if (center) {\n    //   const { x, y } = center;\n    //   _matrix.translate(x, y);\n    //   _matrix.scale(sx, sy);\n    //   _matrix.translate(-x, -y);\n    // } else {\n    //   _matrix.scale(sx, sy);\n    // }\n    this.outTargetMatrix.multiply(_matrix.a, _matrix.b, _matrix.c, _matrix.d, _matrix.e, _matrix.f);\n    return this;\n  }\n  scale(sx: number, sy: number, center?: IPointLike): this {\n    if (this.mode === TransformMode.matrix) {\n      return this.scaleMatrix(sx, sy, center);\n    }\n    return this;\n  }\n  private translateMatrix(dx: number, dy: number): this {\n    // if (this.outSourceMatrix !== this.outTargetMatrix) {\n    //   // copy\n    //   const m = this.outSourceMatrix;\n    //   this.outTargetMatrix.setValue(m.a, m.b, m.c, m.d, m.e, m.f);\n    // }\n    const sMatrix = this.outSourceMatrix;\n    _matrix.setValue(sMatrix.a, sMatrix.b, sMatrix.c, sMatrix.d, sMatrix.e, sMatrix.f);\n    this.outTargetMatrix.reset();\n    this.outTargetMatrix.translate(dx, dy);\n\n    this.outTargetMatrix.multiply(_matrix.a, _matrix.b, _matrix.c, _matrix.d, _matrix.e, _matrix.f);\n    return this;\n  }\n  translate(dx: number, dy: number): this {\n    if (this.mode === TransformMode.matrix) {\n      return this.translateMatrix(dx, dy);\n    }\n    return this;\n  }\n  // scaleTo: (sx: number, sy: number, center: IPointLike) => Transform;\n  // rotate: (rx: number, ry: number, center: IPointLike) => Transform;\n  // rotateTo: (rx: number, ry: number, center: IPointLike) => Transform;\n  // 语法糖\n  // interactive: (dx: number, dy: number, dsx: number, dsy: number, drx: number, dry: number) => Transform;\n  // // 扩展padding像素，用于外描边，内描边\n  // extend: (origin: TransformType, padding: number) => Transform;\n  // 将所有的transform生成为一次的transform\n  simplify(target: TransformType): this {\n    if (this.mode === TransformMode.matrix) {\n      return this.simplifyMatrix(target);\n    }\n    return this;\n  }\n  private simplifyMatrix(target: TransformType): this {\n    // let { a, b, c, d, e, f } = this.outTargetMatrix;\n    // if (a === 0 || d === 0) return this;\n    // const { dx=0, dy=0 } = target;\n    // // 不处理dx和dy\n    // e -= dx;\n    // f -= dy;\n    // const tanTheta = b / a;\n    // const angle = Math.atan(tanTheta);\n    // const cosTheta = cos(angle);\n    // const sinTheta = sin(angle);\n    // const sx = cosTheta !== 0 ? (a / cosTheta) : (b / sinTheta);\n    // const sy = sinTheta !== 0 ? (-c / sinTheta) : (d / cosTheta);\n    // const x = e;\n    // const y = f;\n    // target.x = x;\n    // target.y = y;\n    // target.dx = dx;\n    return this;\n  }\n}\n"]}

package/cjs/core/index.d.ts

@@ -0,0 +1,7 @@
+export * from './global';
+export * from './window';
+export * from './layer';
+export * from './stage';
+export * from './graphic-utils';
+export * from './contributions';
+export * from './layer-service';

package/cjs/core/index.js

@@ -0,0 +1,24 @@
+"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("./global"), exports), __exportStar(require("./window"), exports), 
+__exportStar(require("./layer"), exports), __exportStar(require("./stage"), exports), 
+__exportStar(require("./graphic-utils"), exports), __exportStar(require("./contributions"), exports), 
+__exportStar(require("./layer-service"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,kDAAgC;AAChC,kDAAgC;AAChC,kDAAgC","file":"index.js","sourcesContent":["export * from './global';\nexport * from './window';\nexport * from './layer';\nexport * from './stage';\nexport * from './graphic-utils';\nexport * from './contributions';\nexport * from './layer-service';\n"]}

package/cjs/core/layer-service.d.ts

@@ -0,0 +1,19 @@
+import { ILayer, IStage, IGlobal } from '../interface';
+export declare const LayerService: unique symbol;
+export declare class DefaultLayerService implements ILayerService {
+    readonly global: IGlobal;
+    layerMap: Map<IStage, ILayer[]>;
+    constructor(global: IGlobal);
+    getStageLayer(stage: IStage): ILayer[];
+    createLayer(stage: IStage): ILayer;
+    releaseLayer(stage: IStage, layer: ILayer): void;
+    layerCount(stage: IStage): number;
+    restLayerCount(stage: IStage): number;
+}
+export interface ILayerService {
+    createLayer: (stage: IStage) => ILayer;
+    releaseLayer: (stage: IStage, layer: ILayer) => void;
+    restLayerCount: (stage: IStage) => number;
+    getStageLayer: (stage: IStage) => ILayer[];
+    layerCount: (stage: IStage) => number;
+}

package/cjs/core/layer-service.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var __decorate = this && this.__decorate || function(decorators, target, key, desc) {
+    var d, c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}, __metadata = this && this.__metadata || function(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}, __param = this && this.__param || function(paramIndex, decorator) {
+    return function(target, key) {
+        decorator(target, key, paramIndex);
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DefaultLayerService = exports.LayerService = void 0;
+
+const inversify_1 = require("inversify"), interface_1 = require("../interface"), layer_1 = require("./layer");
+
+exports.LayerService = Symbol.for("LayerService");
+
+let DefaultLayerService = class {
+    constructor(global) {
+        this.global = global, this.layerMap = new Map;
+    }
+    getStageLayer(stage) {
+        return this.layerMap.get(stage);
+    }
+    createLayer(stage) {
+        const layer = new layer_1.Layer(stage, this.global, stage.window, {
+            main: !1
+        }), stageLayers = this.layerMap.get(stage) || [];
+        return stageLayers.push(layer), this.layerMap.set(stage, stageLayers), layer;
+    }
+    releaseLayer(stage, layer) {
+        layer.release();
+        const stageLayers = this.layerMap.get(stage) || [];
+        this.layerMap.set(stage, stageLayers.filter((l => l !== layer)));
+    }
+    layerCount(stage) {
+        return (this.layerMap.get(stage) || []).length;
+    }
+    restLayerCount(stage) {
+        return "browser" === this.global.env ? 10 : 0;
+    }
+};
+
+DefaultLayerService = __decorate([ (0, inversify_1.injectable)(), __param(0, (0, 
+inversify_1.inject)(interface_1.Global)), __metadata("design:paramtypes", [ Object ]) ], DefaultLayerService), 
+exports.DefaultLayerService = DefaultLayerService;
+//# sourceMappingURL=layer-service.js.map

package/cjs/core/layer-service.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/layer-service.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,yCAA+C;AAC/C,4CAA+D;AAC/D,mCAAgC;AAEnB,QAAA,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AAGhD,IAAM,mBAAmB,GAAzB,MAAM,mBAAmB;IAE9B,YAA4C,MAAe;QAAf,WAAM,GAAN,MAAM,CAAS;QACzD,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;IAC5B,CAAC;IAED,aAAa,CAAC,KAAa;QACzB,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,WAAW,CAAC,KAAa;QACvB,MAAM,KAAK,GAAG,IAAI,aAAK,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACnD,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QACtC,OAAO,KAAK,CAAC;IACf,CAAC;IACD,YAAY,CAAC,KAAa,EAAE,KAAa;QACvC,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,GAAG,CACf,KAAK,EACL,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CACrC,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,KAAa;QACtB,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;IACjD,CAAC;IACD,cAAc,CAAC,KAAa;QAE1B,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,SAAS,EAAE;YACjC,OAAO,EAAE,CAAC;SACX;QACD,OAAO,CAAC,CAAC;IACX,CAAC;CACF,CAAA;AApCY,mBAAmB;IAD/B,IAAA,sBAAU,GAAE;IAGE,WAAA,IAAA,kBAAM,EAAC,kBAAM,CAAC,CAAA;;GAFhB,mBAAmB,CAoC/B;AApCY,kDAAmB","file":"layer-service.js","sourcesContent":["import { inject, injectable } from 'inversify';\nimport { ILayer, IStage, Global, IGlobal } from '../interface';\nimport { Layer } from './layer';\n\nexport const LayerService = Symbol.for('LayerService');\n\n@injectable()\nexport class DefaultLayerService implements ILayerService {\n  declare layerMap: Map<IStage, ILayer[]>;\n  constructor(@inject(Global) public readonly global: IGlobal) {\n    this.layerMap = new Map();\n  }\n\n  getStageLayer(stage: IStage) {\n    return this.layerMap.get(stage);\n  }\n\n  createLayer(stage: IStage): ILayer {\n    const layer = new Layer(stage, this.global, stage.window, { main: false });\n    const stageLayers = this.layerMap.get(stage) || [];\n    stageLayers.push(layer);\n    this.layerMap.set(stage, stageLayers);\n    return layer;\n  }\n  releaseLayer(stage: IStage, layer: ILayer): void {\n    layer.release();\n    const stageLayers = this.layerMap.get(stage) || [];\n    this.layerMap.set(\n      stage,\n      stageLayers.filter(l => l !== layer)\n    );\n  }\n\n  layerCount(stage: IStage): number {\n    return (this.layerMap.get(stage) || []).length;\n  }\n  restLayerCount(stage: IStage): number {\n    // TODO: 设置精确的值\n    if (this.global.env === 'browser') {\n      return 10;\n    }\n    return 0;\n  }\n}\n\nexport interface ILayerService {\n  createLayer: (stage: IStage) => ILayer;\n  releaseLayer: (stage: IStage, layer: ILayer) => void;\n  restLayerCount: (stage: IStage) => number;\n  getStageLayer: (stage: IStage) => ILayer[];\n  layerCount: (stage: IStage) => number;\n}\n"]}

package/cjs/core/layer.d.ts

@@ -0,0 +1,88 @@
+import { AABBBounds, IBoundsLike } from '@visactor/vutils';
+import { IContext2d, IDrawToParams, IGraphic, IGroup, ILayer, ILayerDrawParams, IStage, Releaseable, IGlobal } from '../interface';
+import { Group } from '../graphic';
+import { IWindow } from './window';
+import { IDrawContext, IDrawContribution, IRenderServiceDrawParams } from '../render';
+export interface ILayerHandlerDrawParams extends ILayerDrawParams {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    layer: ILayer;
+    stage: IStage;
+    updateBounds: boolean;
+}
+export interface ILayerHandlerInitParams {
+    main: boolean;
+    canvasId?: string;
+    width: number;
+    height: number;
+    zIndex: number;
+    dpr?: number;
+}
+export interface ILayerHandlerContribution extends Releaseable {
+    init: (layer: ILayer, window: IWindow, params: ILayerHandlerInitParams) => void;
+    resize: (w: number, h: number) => void;
+    resizeView: (w: number, h: number) => void;
+    render: (group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>) => void;
+    prepare: (dirtyBounds: IBoundsLike, params: IRenderServiceDrawParams) => void;
+    drawTo: (target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) => void;
+    merge: (layerHandlers: ILayerHandlerContribution[]) => void;
+    getContext: () => IContext2d;
+    offscreen: boolean;
+}
+export declare const LayerHandlerContribution: unique symbol;
+type BlendMode = 'normal';
+interface ILayerParams {
+    main: boolean;
+    zIndex?: number;
+    canvasId?: string;
+}
+export declare class Layer extends Group implements ILayer {
+    parent: any;
+    _dpr: number;
+    main: boolean;
+    imageData?: ImageData;
+    blendMode: BlendMode;
+    background: string;
+    opacity: number;
+    layer: this;
+    subLayers: Map<number, {
+        layer: ILayer;
+        group?: IGroup;
+        zIndex: number;
+        drawContribution?: IDrawContribution;
+    }>;
+    get offscreen(): boolean;
+    get width(): number;
+    get height(): number;
+    get viewWidth(): number;
+    get viewHeight(): number;
+    pickable: boolean;
+    get dirtyBound(): AABBBounds;
+    get dpr(): number;
+    stage?: IStage;
+    protected global: IGlobal;
+    protected window: IWindow;
+    protected layerHandler: ILayerHandlerContribution;
+    constructor(stage: IStage, global: IGlobal, window: IWindow, params: ILayerParams);
+    combineSubLayer(removeIncrementalKey?: boolean): void;
+    getNativeHandler(): ILayerHandlerContribution;
+    setStage(stage?: IStage, layer?: ILayer): void;
+    pick(x: number, y: number): {
+        graphic?: IGraphic;
+        group?: IGroup;
+    } | false;
+    render(params: ILayerDrawParams, userParams?: Partial<IDrawContext>): void;
+    resize(w: number, h: number): void;
+    resizeView(w: number, h: number): void;
+    setDpr(dpr: number): void;
+    afterDraw(cb: (l: this) => void): void;
+    startAnimate(t: number): void;
+    setToFrame(t: number): void;
+    prepare(dirtyBounds: IBoundsLike, params: ILayerHandlerDrawParams): void;
+    combineTo(target: IWindow, params: IDrawToParams): void;
+    release(): void;
+    drawTo(target: IWindow, params: IDrawToParams): void;
+}
+export {};