@visactor/vrender-core 0.16.0-alpha.0

package/cjs/core/layer.d.ts

@@ -0,0 +1,55 @@
+import type { AABBBounds, IBoundsLike } from '@visactor/vutils';
+import type { IDrawToParams, IGraphic, IGroup, ILayer, ILayerDrawParams, IStage, IGlobal, ILayerHandlerContribution, IDrawContext, ILayerHandlerDrawParams, IDrawContribution, IWindow, ILayerParams } from '../interface';
+import { Group } from '../graphic/group';
+export declare const LayerHandlerContribution: unique symbol;
+type BlendMode = 'normal';
+export declare class Layer extends Group implements ILayer {
+    parent: any;
+    _dpr: number;
+    main: boolean;
+    readonly virtual: boolean;
+    afterDrawCbs: ((l: this) => void)[];
+    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/cjs/core/layer.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Layer = exports.LayerHandlerContribution = void 0;
+
+const application_1 = require("../application"), container_1 = require("../container"), theme_1 = require("../graphic/theme"), group_1 = require("../graphic/group");
+
+exports.LayerHandlerContribution = Symbol.for("LayerHandlerContribution");
+
+class Layer extends group_1.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_1.container.get(exports.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_1.Theme, 
+        this.background = "rgba(0, 0, 0, 0)", this.virtual = !!params.virtual, this.afterDrawCbs = [];
+    }
+    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 => {
+            application_1.application.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), this.afterDrawCbs.forEach((c => c(this)));
+    }
+    resize(w, h) {
+        this.layerHandler.resize(w, h);
+    }
+    resizeView(w, h) {
+        this.layerHandler.resizeView(w, h);
+    }
+    setDpr(dpr) {
+        this.layerHandler.setDpr(dpr);
+    }
+    afterDraw(cb) {
+        this.afterDrawCbs.push(cb);
+    }
+    startAnimate(t) {
+        throw new Error("暂不支持");
+    }
+    setToFrame(t) {
+        throw new Error("暂不支持");
+    }
+    prepare(dirtyBounds, params) {}
+    combineTo(target, params) {
+        var _a, _b, _c;
+        this.offscreen && (this.layerHandler.drawTo(target, [ this ], Object.assign({
+            background: null !== (_a = params.background) && void 0 !== _a ? _a : this.background,
+            renderService: params.renderService,
+            x: null !== (_b = params.x) && void 0 !== _b ? _b : this.stage.x,
+            y: null !== (_c = params.y) && void 0 !== _c ? _c : this.stage.y,
+            width: this.viewWidth,
+            height: this.viewHeight,
+            stage: this.stage,
+            layer: this
+        }, params)), this.afterDrawCbs.forEach((c => c(this))));
+    }
+    release() {
+        super.release(), this.layerHandler.release(), this.subLayers && this.subLayers.forEach((l => {
+            application_1.application.layerService.releaseLayer(this.stage, l.layer);
+        }));
+    }
+    drawTo(target, params) {
+        var _a, _b, _c;
+        this.layerHandler.drawTo(target, [ this ], Object.assign({
+            background: null !== (_a = params.background) && void 0 !== _a ? _a : this.background,
+            renderService: params.renderService,
+            x: null !== (_b = params.x) && void 0 !== _b ? _b : this.stage.x,
+            y: null !== (_c = params.y) && void 0 !== _c ? _c : this.stage.y,
+            width: this.viewWidth,
+            height: this.viewHeight,
+            stage: this.stage,
+            layer: this
+        }, params)), this.afterDrawCbs.forEach((c => c(this)));
+    }
+}
+
+exports.Layer = Layer;
+//# sourceMappingURL=layer.js.map

package/cjs/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 type { AABBBounds, IBoundsLike } from '@visactor/vutils';\nimport { application } from '../application';\nimport { container } from '../container';\nimport type {\n  IDrawToParams,\n  IGraphic,\n  IGroup,\n  ILayer,\n  ILayerDrawParams,\n  IStage,\n  IGlobal,\n  ILayerHandlerContribution,\n  IDrawContext,\n  ILayerHandlerDrawParams,\n  IDrawContribution,\n  IWindow,\n  ILayerParams\n} from '../interface';\nimport { Theme } from '../graphic/theme';\nimport { Group } from '../graphic/group';\n\nexport const LayerHandlerContribution = Symbol.for('LayerHandlerContribution');\n\ntype BlendMode = 'normal';\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 readonly virtual: boolean;\n  declare afterDrawCbs: ((l: this) => void)[];\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    this.virtual = !!params.virtual;\n    this.afterDrawCbs = [];\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      // l.layer.release();\n      application.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    this.afterDrawCbs.forEach(c => c(this));\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    this.layerHandler.setDpr(dpr);\n  }\n  afterDraw(cb: (l: this) => void) {\n    this.afterDrawCbs.push(cb);\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: params.x ?? this.stage.x,\n        y: params.y ?? this.stage.y,\n        width: this.viewWidth,\n        height: this.viewHeight,\n        stage: this.stage,\n        layer: this,\n        ...params\n      });\n      this.afterDrawCbs.forEach(c => c(this));\n    }\n  }\n\n  release(): void {\n    super.release();\n    this.layerHandler.release();\n    if (this.subLayers) {\n      this.subLayers.forEach(l => {\n        // l.layer.release();\n        application.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: params.x ?? this.stage.x,\n      y: params.y ?? this.stage.y,\n      width: this.viewWidth,\n      height: this.viewHeight,\n      stage: this.stage,\n      layer: this,\n      ...params\n    });\n    this.afterDrawCbs.forEach(c => c(this));\n  }\n}\n"]}

package/cjs/core/light.d.ts

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

package/cjs/core/light.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DirectionalLight = void 0;
+
+const vutils_1 = require("@visactor/vutils"), color_string_1 = require("../color-string");
+
+class DirectionalLight {
+    constructor(dir, color, ambient = .8) {
+        this.dir = dir, this.color = color, this.colorRgb = color_string_1.ColorStore.Get(color, color_string_1.ColorType.Color1), 
+        this.ambient = ambient;
+        const length = (0, vutils_1.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 = (0, vutils_1.min)((0, vutils_1.max)((normal[0] * lightDir[0] + normal[1] * lightDir[1] + normal[2] * lightDir[2]) * (1 - this.ambient / 2), 0) + this.ambient, 1);
+        let colorArray;
+        colorArray = (0, vutils_1.isString)(color) ? color_string_1.ColorStore.Get(color, color_string_1.ColorType.Color1) : color;
+        const lightColorArray = this.colorRgb;
+        return `rgb(${lightColorArray[0] * colorArray[0] * brightness}, ${lightColorArray[1] * colorArray[1] * brightness}, ${lightColorArray[2] * colorArray[2] * brightness})`;
+    }
+}
+
+exports.DirectionalLight = DirectionalLight;
+//# sourceMappingURL=light.js.map

package/cjs/core/light.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/light.ts"],"names":[],"mappings":";;;AACA,6CAA4D;AAE5D,kDAAwD;AAExD,MAAa,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,yBAAU,CAAC,GAAG,CAAC,KAAK,EAAE,wBAAS,CAAC,MAAM,CAAC,CAAC;QACxD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,MAAM,MAAM,GAAG,IAAA,aAAI,EAAC,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,IAAA,YAAG,EACpB,IAAA,YAAG,EAAC,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,IAAA,iBAAQ,EAAC,KAAK,CAAC,EAAE;YACnB,UAAU,GAAG,yBAAU,CAAC,GAAG,CAAC,KAAK,EAAE,wBAAS,CAAC,MAAM,CAAQ,CAAC;SAC7D;aAAM;YACL,UAAU,GAAG,KAAK,CAAC;SACpB;QAED,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC;QAEtC,OAAO,OAAO,eAAe,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,KAC3D,eAAe,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UACvC,KAAK,eAAe,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,CAAC;IAC1D,CAAC;CACF;AArCD,4CAqCC","file":"light.js","sourcesContent":["import type { vec4 } from '@visactor/vutils';\nimport { isString, max, min, sqrt } from '@visactor/vutils';\nimport type { vec3 } from '../interface';\nimport { ColorStore, ColorType } from '../color-string';\n\nexport class DirectionalLight {\n  declare dir: vec3;\n  declare color: string;\n  declare colorRgb: vec4;\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 = ColorStore.Get(color, ColorType.Color1);\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      colorArray = ColorStore.Get(color, ColorType.Color1) as any;\n    } else {\n      colorArray = color;\n    }\n\n    const lightColorArray = this.colorRgb;\n\n    return `rgb(${lightColorArray[0] * colorArray[0] * brightness}, ${\n      lightColorArray[1] * colorArray[1] * brightness\n    }, ${lightColorArray[2] * colorArray[2] * brightness})`;\n  }\n}\n"]}

package/cjs/core/stage.d.ts

@@ -0,0 +1,148 @@
+import type { IAABBBounds, IBounds, IBoundsLike, IMatrix } from '@visactor/vutils';
+import { AABBBounds } from '@visactor/vutils';
+import type { IGraphic, IGroup, IExportType, IStage, IStageParams, ILayer, IColor, IOption3D, ICamera, vec3, IDirectionLight, ITicker, IRenderService, IPickerService, IPluginService, ISyncHook, IDrawContext, IWindow, ILayerService, ITimeline, IOptimizeType } from '../interface';
+import type { Layer } from './layer';
+import { Group } from '../graphic';
+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;
+    protected _cursor: string;
+    renderCount: number;
+    dirtyBounds: IBounds | null;
+    option3d?: IOption3D;
+    light?: IDirectionLight;
+    camera?: ICamera;
+    renderStyle?: string;
+    hooks: {
+        beforeRender: ISyncHook<[IStage]>;
+        afterRender: ISyncHook<[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;
+    _enableLayout: boolean;
+    htmlAttribute: boolean | string | any;
+    increaseAutoRender: boolean;
+    view3dTranform: boolean;
+    readonly window: IWindow;
+    private readonly global;
+    readonly renderService: IRenderService;
+    readonly pickerService: IPickerService;
+    readonly pluginService: IPluginService;
+    readonly layerService: ILayerService;
+    private readonly eventSystem?;
+    protected _beforeRender?: (stage: IStage) => void;
+    protected _afterRender?: (stage: IStage) => void;
+    protected _skipRender?: number;
+    protected _afterNextRenderCbs?: ((stage: IStage) => void)[];
+    protected lastRenderparams?: Partial<IDrawContext>;
+    protected interactiveLayer?: ILayer;
+    protected supportInteractiveLayer: boolean;
+    protected timeline: ITimeline;
+    params: Partial<IStageParams>;
+    constructor(params: Partial<IStageParams>);
+    optmize(params?: IOptimizeType): void;
+    protected optmizeRender(skipRenderWithOutRange?: boolean): void;
+    getTimeline(): ITimeline;
+    get3dOptions(options: IOption3D): {
+        center: {
+            x?: number;
+            y?: number;
+            z?: number;
+            dx?: number;
+            dy?: number;
+            dz?: number;
+        };
+        light: {
+            dir?: vec3;
+            color?: string;
+            ambient?: number;
+        };
+        alpha: number;
+        beta: number;
+        camera: any;
+        fieldRatio: number;
+        fieldDepth: number;
+        enableView3dTransform?: boolean;
+        gama?: number;
+    };
+    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;
+    enableView3dTransform(): void;
+    disableView3dTranform(): void;
+    enableAutoRender(): void;
+    disableAutoRender(): void;
+    enableIncrementalAutoRender(): void;
+    disableIncrementalAutoRender(): void;
+    enableDirtyBounds(): void;
+    disableDirtyBounds(): void;
+    enableLayout(): void;
+    disableLayout(): void;
+    enableHtmlAttribute(container?: any): void;
+    disableHtmlAttribute(): void;
+    protected tryUpdateAABBBounds(): AABBBounds;
+    combineLayer(ILayer1: ILayer, ILayer2: ILayer): ILayer;
+    createLayer(canvasId?: string): ILayer;
+    sortLayer(cb: (ILayer1: ILayer, layer2: ILayer) => number): void;
+    removeLayer(ILayerId: number): ILayer | false;
+    tryInitInteractiveLayer(): void;
+    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, rerender?: boolean): 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;
+    getLayer(name: string): undefined | ILayer;
+    renderTo(window: IWindow, params: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }): void;
+    renderToNewWindow(fullImage?: boolean, viewBox?: IAABBBounds): IWindow;
+    toCanvas(fullImage?: boolean, viewBox?: IAABBBounds): HTMLCanvasElement | null;
+    setCursor(mode?: string): void;
+    getCursor(): string;
+}