@visactor/vrender 0.9.0-alpha.0

package/es/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/es/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/es/core/index.js

@@ -0,0 +1,14 @@
+export * from "./global";
+
+export * from "./window";
+
+export * from "./layer";
+
+export * from "./stage";
+
+export * from "./graphic-utils";
+
+export * from "./contributions";
+
+export * from "./layer-service";
+//# sourceMappingURL=index.js.map

package/es/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC","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/es/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/es/core/layer-service.js

@@ -0,0 +1,50 @@
+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 { Global } from "../interface";
+
+import { Layer } from "./layer";
+
+export const 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(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([ injectable(), __param(0, inject(Global)), __metadata("design:paramtypes", [ Object ]) ], DefaultLayerService);
+
+export { DefaultLayerService };
+//# sourceMappingURL=layer-service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/layer-service.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAkB,MAAM,EAAW,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,CAAC,MAAM,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,KAAK,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,UAAU,EAAE;IAGE,WAAA,MAAM,CAAC,MAAM,CAAC,CAAA;;GAFhB,mBAAmB,CAoC/B;SApCY,mBAAmB","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/es/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 {};

package/es/core/layer.js

@@ -0,0 +1,124 @@
+import { container, layerService } from "../modules";
+
+import { Group, Theme } from "../graphic";
+
+export const LayerHandlerContribution = Symbol.for("LayerHandlerContribution");
+
+export class Layer extends Group {
+    get offscreen() {
+        return this.layerHandler.offscreen;
+    }
+    get width() {
+        return this.stage ? this.stage.width : 0;
+    }
+    get height() {
+        return this.stage ? this.stage.height : 0;
+    }
+    get viewWidth() {
+        return this.stage ? this.stage.viewWidth : 0;
+    }
+    get viewHeight() {
+        return this.stage ? this.stage.viewHeight : 0;
+    }
+    get dirtyBound() {
+        throw new Error("暂不支持");
+    }
+    get dpr() {
+        return this._dpr;
+    }
+    constructor(stage, global, window, params) {
+        var _a;
+        super({}), this.stage = stage, this.global = global, this.window = window, this.main = params.main, 
+        this.layerHandler = container.get(LayerHandlerContribution), this.layerHandler.init(this, window, {
+            main: params.main,
+            canvasId: params.canvasId,
+            width: this.viewWidth,
+            height: this.viewHeight,
+            zIndex: null !== (_a = params.zIndex) && void 0 !== _a ? _a : 0
+        }), this.layer = this, this.subLayers = new Map, this.theme = new Theme, this.background = "rgba(0, 0, 0, 0)";
+    }
+    combineSubLayer(removeIncrementalKey = !0) {
+        const subLayers = Array.from(this.subLayers.values()).sort(((a, b) => a.zIndex - b.zIndex));
+        this.layerHandler.merge(subLayers.map((l => (l.layer.subLayers.size && l.layer.combineSubLayer(removeIncrementalKey), 
+        l.layer.getNativeHandler())))), removeIncrementalKey && subLayers.forEach((l => {
+            l.group && (l.group.incremental = 0);
+        })), subLayers.forEach((l => {
+            layerService.releaseLayer(this.stage, l.layer);
+        })), this.subLayers.clear();
+    }
+    getNativeHandler() {
+        return this.layerHandler;
+    }
+    setStage(stage, layer) {
+        super.setStage(stage, this);
+    }
+    pick(x, y) {
+        throw new Error("暂不支持");
+    }
+    render(params, userParams) {
+        var _a;
+        const stage = this.stage;
+        this.layerHandler.render([ this ], {
+            renderService: params.renderService,
+            x: stage.x,
+            y: stage.y,
+            width: this.viewWidth,
+            height: this.viewHeight,
+            stage: this.stage,
+            layer: this,
+            background: null !== (_a = params.background) && void 0 !== _a ? _a : this.background,
+            updateBounds: params.updateBounds
+        }, userParams);
+    }
+    resize(w, h) {
+        this.layerHandler.resize(w, h);
+    }
+    resizeView(w, h) {
+        this.layerHandler.resizeView(w, h);
+    }
+    setDpr(dpr) {
+        throw new Error("暂不支持");
+    }
+    afterDraw(cb) {
+        throw new Error("暂不支持");
+    }
+    startAnimate(t) {
+        throw new Error("暂不支持");
+    }
+    setToFrame(t) {
+        throw new Error("暂不支持");
+    }
+    prepare(dirtyBounds, params) {}
+    combineTo(target, params) {
+        var _a;
+        this.offscreen && this.layerHandler.drawTo(target, [ this ], Object.assign({
+            background: null !== (_a = params.background) && void 0 !== _a ? _a : this.background,
+            renderService: params.renderService,
+            x: this.stage.x,
+            y: this.stage.y,
+            width: this.viewWidth,
+            height: this.viewHeight,
+            stage: this.stage,
+            layer: this
+        }, params));
+    }
+    release() {
+        super.release(), this.layerHandler.release(), this.subLayers && this.subLayers.forEach((l => {
+            layerService.releaseLayer(this.stage, l.layer);
+        }));
+    }
+    drawTo(target, params) {
+        var _a;
+        this.layerHandler.drawTo(target, [ this ], Object.assign({
+            background: null !== (_a = params.background) && void 0 !== _a ? _a : this.background,
+            renderService: params.renderService,
+            x: this.stage.x,
+            y: this.stage.y,
+            width: this.viewWidth,
+            height: this.viewHeight,
+            stage: this.stage,
+            layer: this
+        }, params));
+    }
+}
+//# sourceMappingURL=layer.js.map

package/es/core/layer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/layer.ts"],"names":[],"mappings":"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","file":"layer.js","sourcesContent":["import { AABBBounds, IBoundsLike } from '@visactor/vutils';\nimport { container, layerService } from '../modules';\nimport {\n  IContext2d,\n  IDrawToParams,\n  IGraphic,\n  IGroup,\n  ILayer,\n  ILayerDrawParams,\n  IStage,\n  Releaseable,\n  IGlobal\n} from '../interface';\nimport { Group, Theme } from '../graphic';\nimport { IWindow } from './window';\nimport { IDrawContext, IDrawContribution, IRenderServiceDrawParams } from '../render';\n\nexport interface ILayerHandlerDrawParams extends ILayerDrawParams {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  layer: ILayer;\n  stage: IStage;\n  updateBounds: boolean;\n}\n\nexport interface ILayerHandlerInitParams {\n  main: boolean;\n  canvasId?: string;\n  width: number;\n  height: number;\n  zIndex: number;\n  dpr?: number;\n}\n\n// TODO: layer在resize的时候需要判断是否需要resize window对应的canvas\n\n// 具体的Layer实现\n// Canvas2d的Layer可以对应一个Canvas或者ImageData\nexport interface ILayerHandlerContribution extends Releaseable {\n  init: (layer: ILayer, window: IWindow, params: ILayerHandlerInitParams) => void;\n  resize: (w: number, h: number) => void;\n  resizeView: (w: number, h: number) => void;\n  render: (group: IGroup[], params: ILayerHandlerDrawParams, userParams?: Partial<IDrawContext>) => void;\n  prepare: (dirtyBounds: IBoundsLike, params: IRenderServiceDrawParams) => void;\n  drawTo: (target: IWindow, group: IGroup[], params: IDrawToParams & ILayerHandlerDrawParams) => void;\n  merge: (layerHandlers: ILayerHandlerContribution[]) => void;\n  getContext: () => IContext2d;\n  offscreen: boolean;\n}\n\nexport const LayerHandlerContribution = Symbol.for('LayerHandlerContribution');\n\ntype BlendMode = 'normal';\n\ninterface ILayerParams {\n  main: boolean;\n  zIndex?: number;\n  canvasId?: string;\n}\n\n// layer需要有多个，对于Canvas来说，layer可以绑定一个canvas或一个ImageData\n// 对于WebGL来说，layer对应一个FrameBuffer\n// 对于Native来说，layer保留一个FrameBufferHandler\nexport class Layer extends Group implements ILayer {\n  declare parent: any;\n\n  declare _dpr: number;\n  declare main: boolean;\n\n  declare imageData?: ImageData;\n  // 混合模式，用于多图层混合\n  declare blendMode: BlendMode;\n\n  declare background: string;\n  declare opacity: number;\n\n  declare layer: this;\n  declare subLayers: Map<\n    number,\n    { layer: ILayer; group?: IGroup; zIndex: number; drawContribution?: IDrawContribution }\n  >;\n\n  get offscreen(): boolean {\n    return this.layerHandler.offscreen;\n  }\n\n  // stage控制\n  // width: number;\n  // height: number;\n  get width(): number {\n    if (!this.stage) {\n      return 0;\n    }\n    return this.stage.width;\n  }\n  get height(): number {\n    if (!this.stage) {\n      return 0;\n    }\n    return this.stage.height;\n  }\n  get viewWidth(): number {\n    if (!this.stage) {\n      return 0;\n    }\n    return this.stage.viewWidth;\n  }\n  get viewHeight(): number {\n    if (!this.stage) {\n      return 0;\n    }\n    return this.stage.viewHeight;\n  }\n  declare pickable: boolean;\n\n  get dirtyBound(): AABBBounds {\n    // this.getRootNode<any>();\n    throw new Error('暂不支持');\n  }\n\n  get dpr(): number {\n    return this._dpr;\n  }\n\n  declare stage?: IStage;\n  protected declare global: IGlobal;\n  protected declare window: IWindow;\n  protected declare layerHandler: ILayerHandlerContribution;\n\n  constructor(stage: IStage, global: IGlobal, window: IWindow, params: ILayerParams) {\n    super({});\n    this.stage = stage;\n    this.global = global;\n    this.window = window;\n    this.main = params.main;\n    this.layerHandler = container.get<ILayerHandlerContribution>(LayerHandlerContribution);\n    this.layerHandler.init(this, window, {\n      main: params.main,\n      canvasId: params.canvasId,\n      width: this.viewWidth,\n      height: this.viewHeight,\n      zIndex: params.zIndex ?? 0\n    });\n    this.layer = this;\n    this.subLayers = new Map();\n    this.theme = new Theme();\n    this.background = 'rgba(0, 0, 0, 0)';\n  }\n\n  combineSubLayer(removeIncrementalKey: boolean = true) {\n    const subLayers = Array.from(this.subLayers.values()).sort((a, b) => {\n      return a.zIndex - b.zIndex;\n    });\n    this.layerHandler.merge(\n      subLayers.map(l => {\n        if (l.layer.subLayers.size) {\n          l.layer.combineSubLayer(removeIncrementalKey);\n        }\n        return l.layer.getNativeHandler();\n      })\n    );\n    if (removeIncrementalKey) {\n      subLayers.forEach(l => {\n        l.group && (l.group.incremental = 0);\n      });\n    }\n    subLayers.forEach(l => {\n      layerService.releaseLayer(this.stage, l.layer);\n    });\n    this.subLayers.clear();\n  }\n\n  getNativeHandler(): ILayerHandlerContribution {\n    return this.layerHandler;\n  }\n\n  setStage(stage?: IStage, layer?: ILayer) {\n    super.setStage(stage, this);\n  }\n\n  // 选中图层中的节点\n  pick(x: number, y: number): { graphic?: IGraphic; group?: IGroup } | false {\n    throw new Error('暂不支持');\n  }\n  // 绘制图层\n  render(params: ILayerDrawParams, userParams?: Partial<IDrawContext>) {\n    const stage = this.stage;\n    this.layerHandler.render(\n      [this],\n      {\n        renderService: params.renderService,\n        x: stage.x,\n        y: stage.y,\n        width: this.viewWidth,\n        height: this.viewHeight,\n        stage: this.stage,\n        layer: this,\n        // TODO: 多图层时不应该再用默认background\n        background: params.background ?? this.background,\n        updateBounds: params.updateBounds\n      },\n      userParams\n    );\n  }\n  resize(w: number, h: number) {\n    this.layerHandler.resize(w, h);\n  }\n  resizeView(w: number, h: number) {\n    this.layerHandler.resizeView(w, h);\n  }\n  setDpr(dpr: number) {\n    throw new Error('暂不支持');\n  }\n  afterDraw(cb: (l: this) => void) {\n    throw new Error('暂不支持');\n  }\n\n  // 动画相关\n  startAnimate(t: number) {\n    throw new Error('暂不支持');\n  }\n\n  setToFrame(t: number) {\n    throw new Error('暂不支持');\n  }\n\n  prepare(dirtyBounds: IBoundsLike, params: ILayerHandlerDrawParams) {\n    return;\n  }\n\n  // 合并到某个target上\n  combineTo(target: IWindow, params: IDrawToParams) {\n    if (this.offscreen) {\n      this.layerHandler.drawTo(target, [this], {\n        // TODO: 多图层时不应该再用默认background\n        background: params.background ?? this.background,\n        renderService: params.renderService,\n        x: this.stage.x,\n        y: this.stage.y,\n        width: this.viewWidth,\n        height: this.viewHeight,\n        stage: this.stage,\n        layer: this,\n        ...params\n      });\n    }\n  }\n\n  release(): void {\n    super.release();\n    this.layerHandler.release();\n    if (this.subLayers) {\n      this.subLayers.forEach(l => {\n        layerService.releaseLayer(this.stage, l.layer);\n      });\n    }\n  }\n\n  drawTo(target: IWindow, params: IDrawToParams) {\n    this.layerHandler.drawTo(target, [this], {\n      // TODO: 多图层时不应该再用默认background\n      background: params.background ?? this.background,\n      renderService: params.renderService,\n      x: this.stage.x,\n      y: this.stage.y,\n      width: this.viewWidth,\n      height: this.viewHeight,\n      stage: this.stage,\n      layer: this,\n      ...params\n    });\n  }\n}\n"]}

package/es/core/light.d.ts

@@ -0,0 +1,10 @@
+import { vec3 } from '../interface';
+export declare class DirectionalLight {
+    dir: vec3;
+    color: string;
+    colorRgb: vec3;
+    formatedDir: vec3;
+    ambient: number;
+    constructor(dir: vec3, color: string, ambient?: number);
+    computeColor(normal: vec3, color: string | vec3): string;
+}

package/es/core/light.js

@@ -0,0 +1,22 @@
+import { isString, max, min, sqrt } from "@visactor/vutils";
+
+import { colorString } from "../color-string";
+
+export class DirectionalLight {
+    constructor(dir, color, ambient = .8) {
+        this.dir = dir, this.color = color, this.colorRgb = colorString.get(color).value, 
+        this.colorRgb[0] /= 255, this.colorRgb[1] /= 255, this.colorRgb[2] /= 255, this.ambient = ambient;
+        const length = sqrt(dir[0] * dir[0] + dir[1] * dir[1] + dir[2] * dir[2]);
+        this.formatedDir = [ dir[0] / length, dir[1] / length, dir[2] / length ];
+    }
+    computeColor(normal, color) {
+        const lightDir = this.formatedDir, brightness = min(max((normal[0] * lightDir[0] + normal[1] * lightDir[1] + normal[2] * lightDir[2]) * (1 - this.ambient / 2), 0) + this.ambient, 1);
+        let colorArray;
+        if (isString(color)) {
+            colorArray = colorString.get(color).value;
+        } else colorArray = color;
+        const lightColorArray = this.colorRgb;
+        return colorString.to.rgb(lightColorArray[0] * colorArray[0] * brightness, lightColorArray[1] * colorArray[1] * brightness, lightColorArray[2] * colorArray[2] * brightness);
+    }
+}
+//# sourceMappingURL=light.js.map

package/es/core/light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/light.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,MAAM,OAAO,gBAAgB;IAO3B,YAAY,GAAS,EAAE,KAAa,EAAE,UAAkB,GAAG;QACzD,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;QAC7C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;QACxB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;QACxB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACzE,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;IACzE,CAAC;IAED,YAAY,CAAC,MAAY,EAAE,KAAoB;QAC7C,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC;QAClC,MAAM,UAAU,GAAG,GAAG,CACpB,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;YAC5G,IAAI,CAAC,OAAO,EACd,CAAC,CACF,CAAC;QAEF,IAAI,UAAgB,CAAC;QACrB,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;YACnB,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACtC,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC;SAC3B;aAAM;YACL,UAAU,GAAG,KAAK,CAAC;SACpB;QAED,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC;QAEtC,OAAO,WAAW,CAAC,EAAE,CAAC,GAAG,CACvB,eAAe,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,EAC/C,eAAe,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,EAC/C,eAAe,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,CAChD,CAAC;IACJ,CAAC;CACF","file":"light.js","sourcesContent":["import { isString, max, min, sqrt } from '@visactor/vutils';\nimport { colorString } from '../color-string';\nimport { vec3 } from '../interface';\n\nexport class DirectionalLight {\n  declare dir: vec3;\n  declare color: string;\n  declare colorRgb: vec3;\n  declare formatedDir: vec3;\n  declare ambient: number;\n\n  constructor(dir: vec3, color: string, ambient: number = 0.8) {\n    this.dir = dir;\n    this.color = color;\n    this.colorRgb = colorString.get(color).value;\n    this.colorRgb[0] /= 255;\n    this.colorRgb[1] /= 255;\n    this.colorRgb[2] /= 255;\n    this.ambient = ambient;\n    const length = sqrt(dir[0] * dir[0] + dir[1] * dir[1] + dir[2] * dir[2]);\n    this.formatedDir = [dir[0] / length, dir[1] / length, dir[2] / length];\n  }\n\n  computeColor(normal: vec3, color: string | vec3): string {\n    const lightDir = this.formatedDir;\n    const brightness = min(\n      max((normal[0] * lightDir[0] + normal[1] * lightDir[1] + normal[2] * lightDir[2]) * (1 - this.ambient / 2), 0) +\n        this.ambient,\n      1\n    );\n\n    let colorArray: vec3;\n    if (isString(color)) {\n      const result = colorString.get(color);\n      colorArray = result.value;\n    } else {\n      colorArray = color;\n    }\n\n    const lightColorArray = this.colorRgb;\n\n    return colorString.to.rgb(\n      lightColorArray[0] * colorArray[0] * brightness,\n      lightColorArray[1] * colorArray[1] * brightness,\n      lightColorArray[2] * colorArray[2] * brightness\n    );\n  }\n}\n"]}

package/es/core/stage.d.ts

@@ -0,0 +1,112 @@
+import { AABBBounds, IBounds, IBoundsLike, IMatrix } from '@visactor/vutils';
+import { IGraphic, IGroup, IExportType, IStage, IStageParams, ILayer, IColor, IOption3D, ICamera, IDirectionLight } from '../interface';
+import { IWindow } from './window';
+import { Layer } from './layer';
+import { IDrawContext, IRenderService } from '../render';
+import { Group } from '../graphic';
+import { IPickerService } from '../picker/picker-service';
+import { IPluginService } from '../plugins/plugin-service';
+import { SyncHook } from '../tapable';
+import { ITicker } from '../animate';
+export declare class Stage extends Group implements IStage {
+    parent: IStage | null;
+    protected _viewBox: AABBBounds;
+    private _background;
+    private _subView;
+    protected nextFrameRenderLayerSet: Set<Layer>;
+    protected willNextFrameRender: boolean;
+    renderCount: number;
+    dirtyBounds: IBounds | null;
+    option3d?: IOption3D;
+    light?: IDirectionLight;
+    camera?: ICamera;
+    renderStyle?: string;
+    hooks: {
+        beforeRender: SyncHook<[IStage]>;
+        afterRender: SyncHook<[IStage]>;
+    };
+    set viewBox(b: IBoundsLike);
+    get viewBox(): AABBBounds;
+    get x(): number;
+    set x(x: number);
+    get y(): number;
+    set y(y: number);
+    get width(): number;
+    set width(w: number);
+    get viewWidth(): number;
+    set viewWidth(w: number);
+    get viewHeight(): number;
+    set viewHeight(h: number);
+    get height(): number;
+    set height(h: number);
+    get dpr(): number;
+    set dpr(r: number);
+    get background(): string | IColor;
+    set background(b: string | IColor);
+    get defaultLayer(): ILayer;
+    ticker: ITicker;
+    autoRender: boolean;
+    increaseAutoRender: boolean;
+    view3dTranform: boolean;
+    readonly window: IWindow;
+    private readonly global;
+    readonly renderService: IRenderService;
+    readonly pickerService: IPickerService;
+    readonly pluginService: IPluginService;
+    private readonly eventSystem?;
+    protected _beforeRender?: (stage: IStage) => void;
+    protected _afterRender?: (stage: IStage) => void;
+    protected _afterNextRenderCbs?: ((stage: IStage) => void)[];
+    protected lastRenderparams?: Partial<IDrawContext>;
+    constructor(params: Partial<IStageParams>);
+    set3dOptions(options: IOption3D): void;
+    protected beforeRender: (stage: IStage) => void;
+    protected afterRender: (stage: IStage) => void;
+    setBeforeRender(cb: (stage: IStage) => void): void;
+    setAfterRender(cb: (stage: IStage) => void): void;
+    afterNextRender(cb: (stage: IStage) => void): void;
+    enableView3dTranform(): void;
+    disableView3dTranform(): void;
+    enableAutoRender(): void;
+    disableAutoRender(): void;
+    enableIncrementalAutoRender(): void;
+    disableIncrementalAutoRender(): void;
+    enableDirtyBounds(): void;
+    disableDirtyBounds(): void;
+    protected tryUpdateAABBBounds(): AABBBounds;
+    combineLayer(ILayer1: ILayer, ILayer2: ILayer): ILayer;
+    createLayer(canvasId?: string): ILayer;
+    sortLayer(cb: (ILayer: ILayer) => number): void;
+    removeLayer(ILayerId: number): ILayer | false;
+    clearViewBox(color?: string): void;
+    render(layers?: ILayer[], params?: Partial<IDrawContext>): void;
+    protected combineLayersToWindow(): void;
+    renderNextFrame(layers?: ILayer[]): void;
+    _doRenderInThisFrame(): void;
+    resizeWindow(w: number, h: number, rerender?: boolean): void;
+    resize(w: number, h: number, rerender?: boolean): void;
+    resizeView(w: number, h: number, rerender?: boolean): void;
+    setViewBox(viewBox: IBoundsLike, rerender: boolean): void;
+    setViewBox(x: number, y: number, w: number, h: number, rerender: boolean): void;
+    setDpr(dpr: number): void;
+    setOrigin(x: number, y: number): void;
+    export(type: IExportType): HTMLCanvasElement | ImageData;
+    pick(x: number, y: number): {
+        graphic: IGraphic | null;
+        group: IGroup | null;
+    } | false;
+    startAnimate(t: number): void;
+    setToFrame(t: number): void;
+    release(): void;
+    setStage(stage?: IStage): void;
+    dirty(b: IBounds, matrix?: IMatrix): void;
+    renderTo(window: IWindow, params: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }): void;
+    renderToNewWindow(fullImage?: boolean): IWindow;
+    toCanvas(fullImage?: boolean): HTMLCanvasElement | null;
+    setCursor(mode?: string): void;
+}