@univerjs/engine-render 0.1.10 → 0.1.11

package/lib/types/custom/custom-object.d.ts

@@ -1,6 +1,6 @@
-import { UniverRenderingContext } from '../context';
-import { IViewportBound, Vector2 } from '../basics/vector2';
 import { BaseObject } from '../base-object';
+import { IViewportBound, Vector2 } from '../basics/vector2';
+import { UniverRenderingContext } from '../context';
 
 export declare class CustomObject extends BaseObject {
     private _render;

package/lib/types/engine.d.ts

@@ -1,8 +1,8 @@
-import { ThinEngine } from './thin-engine';
-import { Scene } from './scene';
-import { Canvas, CanvasRenderMode } from './canvas';
-import { CURSOR_TYPE } from './basics/const';
 import { Observable } from '@univerjs/core';
+import { CURSOR_TYPE } from './basics/const';
+import { Canvas, CanvasRenderMode } from './canvas';
+import { Scene } from './scene';
+import { ThinEngine } from './thin-engine';
 
 export declare class Engine extends ThinEngine<Scene> {
     renderEvenInBackground: boolean;

package/lib/types/group.d.ts

@@ -1,7 +1,7 @@
-import { UniverRenderingContext } from './context';
-import { IViewportBound, Vector2 } from './basics/vector2';
-import { CURSOR_TYPE, RENDER_CLASS_TYPE } from './basics/const';
 import { BaseObject } from './base-object';
+import { CURSOR_TYPE, RENDER_CLASS_TYPE } from './basics/const';
+import { IViewportBound, Vector2 } from './basics/vector2';
+import { UniverRenderingContext } from './context';
 
 export declare class Group extends BaseObject {
     private _objects;
@@ -19,7 +19,6 @@ export declare class Group extends BaseObject {
     skew(skewX?: number, skewY?: number): this;
     flip(flipX?: boolean, flipY?: boolean): this;
     isHit(coord: Vector2): boolean;
-    pick(coord: Vector2): void;
     private _clear;
     dispose(): void;
     private _transformBounds;

package/lib/types/layer.d.ts

@@ -1,7 +1,7 @@
-import { ThinScene } from './thin-scene';
-import { UniverRenderingContext } from './context';
-import { BaseObject } from './base-object';
 import { Disposable } from '@univerjs/core';
+import { BaseObject } from './base-object';
+import { UniverRenderingContext } from './context';
+import { ThinScene } from './thin-scene';
 
 export declare class Layer extends Disposable {
     private _scene;

package/lib/types/render-engine.d.ts

@@ -1,6 +1,6 @@
-import { Engine } from './engine';
-import { Injector } from '@wendellhu/redi';
 import { Plugin } from '@univerjs/core';
+import { Injector } from '@wendellhu/redi';
+import { Engine } from './engine';
 
 /**
  * The global rendering engine.

package/lib/types/render-manager/render-manager.service.d.ts

@@ -1,20 +1,18 @@
-import { IRender, IRenderControllerCtor } from './render-unit';
-import { Engine } from '../engine';
-import { Slide } from '../components/slides/slide';
-import { SheetComponent } from '../components/sheets/sheet-component';
-import { DocComponent } from '../components/docs/doc-component';
-import { BaseObject } from '../base-object';
-import { Observable } from 'rxjs';
-import { IDisposable, Injector } from '@wendellhu/redi';
 import { Nullable, UnitModel, UnitType, Disposable, IUniverInstanceService } from '@univerjs/core';
+import { IDisposable, Injector } from '@wendellhu/redi';
+import { Observable } from 'rxjs';
+import { BaseObject } from '../base-object';
+import { DocComponent } from '../components/docs/doc-component';
+import { SheetComponent } from '../components/sheets/sheet-component';
+import { Slide } from '../components/slides/slide';
+import { Engine } from '../engine';
+import { IRender, IRenderControllerCtor } from './render-unit';
 
 export type RenderComponentType = SheetComponent | DocComponent | Slide | BaseObject;
 export interface IRenderManagerService extends IDisposable {
     currentRender$: Observable<Nullable<string>>;
     createRender$: Observable<Nullable<string>>;
-    createRenderWithParent(unitId: string, parentUnitId: string): IRender;
     createRender(unitId: string): IRender;
-    addRenderItem(unitId: string, item: IRender): void;
     removeRender(unitId: string): void;
     setCurrent(unitId: string): void;
     getRenderById(unitId: string): Nullable<IRender>;
@@ -24,7 +22,7 @@ export interface IRenderManagerService extends IDisposable {
     getCurrent(): Nullable<IRender>;
     getFirst(): Nullable<IRender>;
     has(unitId: string): boolean;
-    registerRenderControllers<T extends UnitModel>(type: UnitType, ctor: IRenderControllerCtor<T>): IDisposable;
+    registerRenderController<T extends UnitModel>(type: UnitType, ctor: IRenderControllerCtor<T>): IDisposable;
 }
 export declare class RenderManagerService extends Disposable implements IRenderManagerService {
     private readonly _injector;
@@ -40,14 +38,13 @@ export declare class RenderManagerService extends Disposable implements IRenderM
     private readonly _renderControllers;
     constructor(_injector: Injector, _univerInstanceService: IUniverInstanceService);
     dispose(): void;
-    registerRenderControllers(type: UnitType, ctor: IRenderControllerCtor): IDisposable;
+    registerRenderController(type: UnitType, ctor: IRenderControllerCtor): IDisposable;
     private _getRenderControllersForType;
-    createRenderWithParent(unitId: string, parentUnitId: string): IRender;
     createRenderWithEngine(unitId: string, engine: Engine): IRender;
     create(unitId: Nullable<string>): void;
     createRender(unitId: string): IRender;
     private _createRender;
-    addRenderItem(unitId: string, item: IRender): void;
+    private _addRenderUnit;
     removeRender(unitId: string): void;
     has(unitId: string): boolean;
     setCurrent(unitId: string): void;
@@ -57,4 +54,5 @@ export declare class RenderManagerService extends Disposable implements IRenderM
     getRenderAll(): Map<string, IRender>;
     private _disposeItem;
 }
-export declare const IRenderManagerService: import('@wendellhu/redi').IdentifierDecorator<RenderManagerService>;
+export declare const IRenderManagerService: import('@wendellhu/redi').IdentifierDecorator<IRenderManagerService>;
+export declare function isDisposable(thing: unknown): thing is IDisposable;

package/lib/types/render-manager/render-unit.d.ts

@@ -1,8 +1,8 @@
-import { RenderComponentType } from './render-manager.service';
-import { Scene } from '../scene';
-import { Engine } from '../engine';
-import { IDisposable, Injector } from '@wendellhu/redi';
 import { Nullable, UnitModel, UnitType, Disposable } from '@univerjs/core';
+import { DependencyIdentifier, IDisposable, Injector } from '@wendellhu/redi';
+import { Engine } from '../engine';
+import { Scene } from '../scene';
+import { RenderComponentType } from './render-manager.service';
 
 export interface IRender {
     unitId: string;
@@ -11,6 +11,7 @@ export interface IRender {
     mainComponent: Nullable<RenderComponentType>;
     components: Map<string, RenderComponentType>;
     isMainScene: boolean;
+    with<T>(dependency: DependencyIdentifier<T>): T;
 }
 export interface IRenderControllerCtor<T extends UnitModel = UnitModel> {
     new (unit: IRenderContext<T>, ...args: any[]): IRenderController;
@@ -20,7 +21,7 @@ export interface IRenderController extends IDisposable {
 /**
  * This object encapsulates methods or properties to render each element.
  */
-export interface IRenderContext<T extends UnitModel = UnitModel> extends IRender {
+export interface IRenderContext<T extends UnitModel = UnitModel> extends Omit<IRender, 'with'> {
     unit: T;
     type: UnitType;
 }
@@ -32,7 +33,6 @@ export declare class RenderUnit extends Disposable implements IRender {
     get unitId(): string;
     get type(): UnitType;
     private readonly _injector;
-    private readonly _renderControllers;
     private _renderContext;
     set isMainScene(is: boolean);
     get isMainScene(): boolean;
@@ -45,6 +45,10 @@ export declare class RenderUnit extends Disposable implements IRender {
     get components(): Map<string, RenderComponentType>;
     constructor(parentInjector: Injector, init: Pick<IRenderContext, 'engine' | 'scene' | 'isMainScene' | 'unit'>);
     dispose(): void;
+    /**
+     * Get render controller hold by this render unit.
+     */
+    with<T>(dependency: DependencyIdentifier<T>): T;
     addRenderControllers(ctors: IRenderControllerCtor[]): void;
     private _initControllers;
 }

package/lib/types/scene-viewer.d.ts

@@ -1,10 +1,10 @@
-import { ThinScene } from './thin-scene';
-import { UniverRenderingContext } from './context';
-import { IViewportBound, Vector2 } from './basics/vector2';
-import { IObjectFullState } from './basics/interfaces';
-import { RENDER_CLASS_TYPE } from './basics/const';
-import { BaseObject } from './base-object';
 import { Nullable } from '@univerjs/core';
+import { BaseObject } from './base-object';
+import { RENDER_CLASS_TYPE } from './basics/const';
+import { IObjectFullState } from './basics/interfaces';
+import { IViewportBound, Vector2 } from './basics/vector2';
+import { UniverRenderingContext } from './context';
+import { ThinScene } from './thin-scene';
 
 export declare class SceneViewer extends BaseObject {
     private _subScenes;

package/lib/types/scene.d.ts

@@ -1,16 +1,16 @@
-import { Viewport } from './viewport';
-import { ThinScene } from './thin-scene';
-import { ThinEngine } from './thin-engine';
-import { SceneViewer } from './scene-viewer';
-import { ITransformerConfig, Transformer } from './scene.transformer';
-import { Layer } from './layer';
-import { UniverRenderingContext } from './context';
-import { Vector2 } from './basics/vector2';
-import { ISceneTransformState } from './basics/interfaces';
-import { IKeyboardEvent, IMouseEvent, IPointerEvent, IWheelEvent } from './basics/i-events';
-import { CURSOR_TYPE } from './basics/const';
-import { BaseObject } from './base-object';
 import { Nullable } from '@univerjs/core';
+import { BaseObject } from './base-object';
+import { CURSOR_TYPE } from './basics/const';
+import { IKeyboardEvent, IMouseEvent, IPointerEvent, IWheelEvent } from './basics/i-events';
+import { ISceneTransformState } from './basics/interfaces';
+import { Vector2 } from './basics/vector2';
+import { UniverRenderingContext } from './context';
+import { Layer } from './layer';
+import { ITransformerConfig, Transformer } from './scene.transformer';
+import { SceneViewer } from './scene-viewer';
+import { ThinEngine } from './thin-engine';
+import { ThinScene } from './thin-scene';
+import { Viewport } from './viewport';
 
 export declare class Scene extends ThinScene {
     private _parent;
@@ -74,7 +74,6 @@ export declare class Scene extends ThinScene {
     removeViewport(key: string): Viewport | undefined;
     getViewports(): Viewport[];
     getViewport(key: string): Viewport | undefined;
-    changeObjectOrder(): void;
     render(parentCtx?: UniverRenderingContext): void;
     requestRender(parentCtx?: UniverRenderingContext): Promise<unknown>;
     openTransformer(config?: ITransformerConfig): void;

package/lib/types/scene.input-manager.d.ts

@@ -1,6 +1,6 @@
-import { ThinScene } from './thin-scene';
-import { IMouseEvent } from './basics/i-events';
 import { Disposable } from '@univerjs/core';
+import { IMouseEvent } from './basics/i-events';
+import { ThinScene } from './thin-scene';
 
 export declare class InputManager extends Disposable {
     /** The distance in pixel that you have to move to prevent some events */

package/lib/types/scene.transformer.d.ts

@@ -1,8 +1,8 @@
-import { ThinScene } from './thin-scene';
-import { Group } from './group';
-import { IMouseEvent, IPointerEvent } from './basics/i-events';
-import { BaseObject } from './base-object';
 import { Nullable, Disposable, Observable } from '@univerjs/core';
+import { BaseObject } from './base-object';
+import { IMouseEvent, IPointerEvent } from './basics/i-events';
+import { Group } from './group';
+import { ThinScene } from './thin-scene';
 
 declare enum MoveObserverType {
     MOVE_START = 0,

package/lib/types/scroll-timer.d.ts

@@ -1,6 +1,6 @@
-import { Viewport } from './viewport';
-import { Scene } from './scene';
 import { IPaddingData } from '@univerjs/core';
+import { Scene } from './scene';
+import { Viewport } from './viewport';
 
 export declare enum ScrollTimerType {
     NONE = 0,

package/lib/types/services/object-transform-manager.service.d.ts

@@ -1,5 +1,5 @@
-import { IDisposable } from '@wendellhu/redi';
 import { Nullable } from '@univerjs/core';
+import { IDisposable } from '@wendellhu/redi';
 
 export interface ITransformObject {
     unitId: string;

package/lib/types/shape/base-scroll-bar.d.ts

@@ -1,8 +1,8 @@
-import { Rect } from './rect';
-import { ThinScene } from '../thin-scene';
-import { UniverRenderingContext } from '../context';
-import { Vector2 } from '../basics/vector2';
 import { Disposable, Nullable } from '@univerjs/core';
+import { Vector2 } from '../basics/vector2';
+import { UniverRenderingContext } from '../context';
+import { ThinScene } from '../thin-scene';
+import { Rect } from './rect';
 
 export interface IScrollBarProps {
     thumbMargin?: number;
@@ -18,7 +18,7 @@ export interface IScrollBarProps {
     enableVertical?: boolean;
     mainScene?: ThinScene;
 }
-export declare class BaseScrollBar extends Disposable {
+export declare abstract class BaseScrollBar extends Disposable {
     enableHorizontal: boolean;
     enableVertical: boolean;
     horizontalThumbWidth: number;
@@ -42,7 +42,7 @@ export declare class BaseScrollBar extends Disposable {
     dispose(): void;
     hasHorizonThumb(): boolean;
     hasVerticalThumb(): boolean;
-    resize(parentWidth?: Nullable<number>, parentHeight?: Nullable<number>, contentWidth?: number, contentHeight?: number): void;
-    makeDirty(state: boolean): void;
-    render(ctx: UniverRenderingContext, left?: number, top?: number): void;
+    abstract resize(parentWidth: Nullable<number>, parentHeight: Nullable<number>, contentWidth: number, contentHeight: number): void;
+    abstract makeDirty(state: boolean): void;
+    abstract render(ctx: UniverRenderingContext, left?: number, top?: number): void;
 }

package/lib/types/shape/checkbox.d.ts

@@ -1,5 +1,5 @@
-import { IShapeProps, Shape } from './shape';
 import { UniverRenderingContext } from '../context';
+import { IShapeProps, Shape } from './shape';
 
 export interface ICheckboxProps extends IShapeProps {
     checked?: boolean;

package/lib/types/shape/circle.d.ts

@@ -1,5 +1,5 @@
-import { IShapeProps, Shape } from './shape';
 import { UniverRenderingContext } from '../context';
+import { IShapeProps, Shape } from './shape';
 
 export interface ICircleProps extends IShapeProps {
     radius: number;

package/lib/types/shape/dropdown-item.d.ts

@@ -1,5 +1,5 @@
-import { IShapeProps, Shape } from './shape';
 import { UniverRenderingContext } from '../context';
+import { IShapeProps, Shape } from './shape';
 
 export interface IListItemProps extends IShapeProps {
     text: number;

package/lib/types/shape/path.d.ts

@@ -1,5 +1,5 @@
-import { IShapeProps, Shape } from './shape';
 import { UniverRenderingContext } from '../context';
+import { IShapeProps, Shape } from './shape';
 
 interface IPathDataArray {
     command: string;

package/lib/types/shape/picture.d.ts

@@ -1,6 +1,6 @@
-import { IShapeProps, Shape } from './shape';
-import { UniverRenderingContext } from '../context';
 import { Nullable } from '@univerjs/core';
+import { UniverRenderingContext } from '../context';
+import { IShapeProps, Shape } from './shape';
 
 export interface IPictureProps extends IShapeProps {
     image?: HTMLImageElement;

package/lib/types/shape/rect.d.ts

@@ -1,5 +1,5 @@
-import { IShapeProps, Shape } from './shape';
 import { UniverRenderingContext } from '../context';
+import { IShapeProps, Shape } from './shape';
 
 export interface IRectProps extends IShapeProps {
     radius?: number;

package/lib/types/shape/regular-polygon.d.ts

@@ -1,7 +1,7 @@
-import { IShapeProps, Shape } from './shape';
-import { UniverRenderingContext } from '../context';
-import { IPoint } from '../basics/vector2';
 import { IObjectFullState } from '../basics/interfaces';
+import { IPoint } from '../basics/vector2';
+import { UniverRenderingContext } from '../context';
+import { IShapeProps, Shape } from './shape';
 
 export interface IRegularPolygonProps extends IShapeProps {
     pointsGroup: IPoint[][];

package/lib/types/shape/rich-text.d.ts

@@ -1,7 +1,7 @@
-import { UniverRenderingContext } from '../context';
-import { IViewportBound } from '../basics/vector2';
-import { BaseObject } from '../base-object';
 import { IDocumentData, IStyleBase, ITransformState, LocaleService } from '@univerjs/core';
+import { BaseObject } from '../base-object';
+import { IViewportBound } from '../basics/vector2';
+import { UniverRenderingContext } from '../context';
 
 export interface IRichTextProps extends ITransformState, IStyleBase {
     text?: string;

package/lib/types/shape/scroll-bar.d.ts

@@ -1,8 +1,8 @@
-import { Rect } from './rect';
-import { IScrollBarProps, BaseScrollBar } from './base-scroll-bar';
-import { Viewport } from '../viewport';
-import { UniverRenderingContext } from '../context';
 import { Vector2 } from '../basics/vector2';
+import { UniverRenderingContext } from '../context';
+import { Viewport } from '../viewport';
+import { IScrollBarProps, BaseScrollBar } from './base-scroll-bar';
+import { Rect } from './rect';
 
 export declare class ScrollBar extends BaseScrollBar {
     protected _view: Viewport;

package/lib/types/shape/shape.d.ts

@@ -1,8 +1,8 @@
-import { UniverRenderingContext } from '../context';
-import { IViewportBound, Vector2 } from '../basics/vector2';
-import { IObjectFullState } from '../basics/interfaces';
-import { BaseObject } from '../base-object';
 import { IScale, Nullable } from '@univerjs/core';
+import { BaseObject } from '../base-object';
+import { IObjectFullState } from '../basics/interfaces';
+import { IViewportBound, Vector2 } from '../basics/vector2';
+import { UniverRenderingContext } from '../context';
 
 export type LineJoin = 'round' | 'bevel' | 'miter';
 export type LineCap = 'butt' | 'round' | 'square';
@@ -98,11 +98,8 @@ export declare abstract class Shape<T> extends BaseObject {
      * @param {UniverRenderingContext} ctx SheetContext to render on
      */
     private static _renderStroke;
-    private static _getObjectScaling;
-    private static _removeShadow;
     private static _setFillStyles;
     private static _setStrokeStyles;
-    private static _setLineDash;
     render(mainCtx: UniverRenderingContext, bounds?: IViewportBound): this;
     setProps(props?: T): this | undefined;
     toJson(): {

package/lib/types/thin-engine.d.ts

@@ -1,9 +1,9 @@
-import { Canvas } from './canvas';
-import { ITransformChangeState } from './basics/interfaces';
-import { IEvent } from './basics/i-events';
-import { CURSOR_TYPE, RENDER_CLASS_TYPE } from './basics/const';
-import { IDisposable } from '@wendellhu/redi';
 import { Disposable, Observable } from '@univerjs/core';
+import { IDisposable } from '@wendellhu/redi';
+import { CURSOR_TYPE, RENDER_CLASS_TYPE } from './basics/const';
+import { IEvent } from './basics/i-events';
+import { ITransformChangeState } from './basics/interfaces';
+import { Canvas } from './canvas';
 
 export declare abstract class ThinEngine<T extends IDisposable> extends Disposable {
     onInputChangedObservable: Observable<IEvent>;
@@ -21,7 +21,7 @@ export declare abstract class ThinEngine<T extends IDisposable> extends Disposab
     hasScene(sceneKey: string): boolean;
     addScene(sceneInstance: T): T;
     setActiveScene(sceneKey: string): T | null;
-    setRemainCapture(): void;
+    abstract setRemainCapture(): void;
     hasActiveScene(): boolean;
     dispose(): void;
     remainScene(key: string): T | undefined;

package/lib/types/thin-scene.d.ts

@@ -1,11 +1,11 @@
-import { UniverRenderingContext } from './context';
-import { IViewportBound, Vector2 } from './basics/vector2';
-import { Transform } from './basics/transform';
-import { ITransformChangeState } from './basics/interfaces';
-import { IKeyboardEvent, IMouseEvent, IPointerEvent, IWheelEvent } from './basics/i-events';
-import { CURSOR_TYPE, EVENT_TYPE, RENDER_CLASS_TYPE } from './basics/const';
-import { BaseObject } from './base-object';
 import { EventState, Nullable, Observer, Disposable, Observable } from '@univerjs/core';
+import { BaseObject } from './base-object';
+import { CURSOR_TYPE, EVENT_TYPE, RENDER_CLASS_TYPE } from './basics/const';
+import { IKeyboardEvent, IMouseEvent, IPointerEvent, IWheelEvent } from './basics/i-events';
+import { ITransformChangeState } from './basics/interfaces';
+import { Transform } from './basics/transform';
+import { Vector2 } from './basics/vector2';
+import { UniverRenderingContext } from './context';
 
 export declare abstract class ThinScene extends Disposable {
     onTransformChangeObservable: Observable<ITransformChangeState>;
@@ -49,32 +49,31 @@ export declare abstract class ThinScene extends Disposable {
     remove(eventType: EVENT_TYPE): void;
     triggerKeyDown(evt: IKeyboardEvent): void;
     triggerKeyUp(evt: IKeyboardEvent): void;
-    triggerPointerUp(evt: IPointerEvent | IMouseEvent): void;
-    triggerMouseWheel(evt: IWheelEvent): void;
-    triggerPointerMove(evt: IPointerEvent | IMouseEvent): void;
-    triggerDblclick(evt: IPointerEvent | IMouseEvent): void;
-    triggerTripleClick(evt: IPointerEvent | IMouseEvent): void;
-    triggerPointerDown(evt: IPointerEvent | IMouseEvent): void;
-    triggerPointerOut(evt: IPointerEvent | IMouseEvent): void;
-    triggerPointerLeave(evt: IPointerEvent | IMouseEvent): void;
-    triggerPointerOver(evt: IPointerEvent | IMouseEvent): void;
-    triggerPointerEnter(evt: IPointerEvent | IMouseEvent): void;
-    renderObjects(ctx: UniverRenderingContext, bounds?: IViewportBound): void;
-    render(parentCtx?: UniverRenderingContext): void;
-    getParent(): any;
+    abstract triggerPointerUp(evt: IPointerEvent | IMouseEvent): void;
+    abstract triggerMouseWheel(evt: IWheelEvent): void;
+    abstract triggerPointerMove(evt: IPointerEvent | IMouseEvent): void;
+    abstract triggerDblclick(evt: IPointerEvent | IMouseEvent): void;
+    abstract triggerTripleClick(evt: IPointerEvent | IMouseEvent): void;
+    abstract triggerPointerDown(evt: IPointerEvent | IMouseEvent): void;
+    abstract triggerPointerOut(evt: IPointerEvent | IMouseEvent): void;
+    abstract triggerPointerLeave(evt: IPointerEvent | IMouseEvent): void;
+    abstract triggerPointerOver(evt: IPointerEvent | IMouseEvent): void;
+    abstract triggerPointerEnter(evt: IPointerEvent | IMouseEvent): void;
+    abstract render(parentCtx?: UniverRenderingContext): void;
+    abstract getParent(): any;
     dispose(): void;
-    getObject(oKey: string): Nullable<BaseObject>;
-    addObject(o: BaseObject, zIndex?: number): void;
-    addObjects(objects: BaseObject[], zIndex?: number): void;
-    getEngine(): any;
-    setObjectBehavior(o: BaseObject): void;
-    applyTransformer(o: BaseObject): void;
-    makeDirtyNoParent(state?: boolean): this;
+    abstract getObject(oKey: string): Nullable<BaseObject>;
+    abstract addObject(o: BaseObject, zIndex?: number): void;
+    abstract addObjects(objects: BaseObject[], zIndex?: number): void;
+    abstract getEngine(): any;
+    abstract setObjectBehavior(o: BaseObject): void;
+    abstract applyTransformer(o: BaseObject): void;
+    makeDirtyNoParent(state?: boolean): ThinScene;
     makeDirty(state?: boolean): this;
-    pick(coord: Vector2): Nullable<BaseObject | ThinScene>;
+    abstract pick(coord: Vector2): Nullable<BaseObject | ThinScene>;
     getViewports(): any[];
-    addViewport(...viewport: any[]): void;
-    removeViewport(key: string): void;
+    abstract addViewport(...viewport: any[]): void;
+    abstract removeViewport(key: string): void;
     getAncestorScale(): {
         scaleX: number;
         scaleY: number;
@@ -83,6 +82,6 @@ export declare abstract class ThinScene extends Disposable {
         scaleX: number;
         scaleY: number;
     };
-    setCursor(val: CURSOR_TYPE): void;
-    resetCursor(): void;
+    abstract setCursor(val: CURSOR_TYPE): void;
+    abstract resetCursor(): void;
 }

package/lib/types/viewport.d.ts

@@ -1,11 +1,11 @@
-import { ThinScene } from './thin-scene';
-import { BaseScrollBar } from './shape/base-scroll-bar';
-import { UniverRenderingContext } from './context';
-import { IViewportBound, Vector2 } from './basics/vector2';
-import { Transform } from './basics/transform';
-import { IWheelEvent } from './basics/i-events';
-import { BaseObject } from './base-object';
 import { EventState, IPosition, Nullable, Observable } from '@univerjs/core';
+import { BaseObject } from './base-object';
+import { IWheelEvent } from './basics/i-events';
+import { Transform } from './basics/transform';
+import { IViewportBound, Vector2 } from './basics/vector2';
+import { UniverRenderingContext } from './context';
+import { BaseScrollBar } from './shape/base-scroll-bar';
+import { ThinScene } from './thin-scene';
 
 interface IViewPosition {
     top?: number;