@univerjs/engine-render 0.1.9 → 0.1.11

package/lib/types/components/sheets/sheet-component.d.ts

@@ -1,11 +1,11 @@
-import { SpreadsheetSkeleton } from './sheet-skeleton';
-import { SHEET_EXTENSION_TYPE } from './extensions/sheet-extension';
-import { RenderComponent } from '../component';
-import { UniverRenderingContext } from '../../context';
-import { IViewportBound, Vector2 } from '../../basics/vector2';
 import { IRange, Nullable } from '@univerjs/core';
+import { IViewportBound, Vector2 } from '../../basics/vector2';
+import { UniverRenderingContext } from '../../context';
+import { RenderComponent } from '../component';
+import { SHEET_EXTENSION_TYPE } from './extensions/sheet-extension';
+import { SpreadsheetSkeleton } from './sheet-skeleton';
 
-export declare class SheetComponent extends RenderComponent<SpreadsheetSkeleton, SHEET_EXTENSION_TYPE, IRange[]> {
+export declare abstract class SheetComponent extends RenderComponent<SpreadsheetSkeleton, SHEET_EXTENSION_TYPE, IRange[]> {
     private _skeleton?;
     constructor(oKey: string, _skeleton?: SpreadsheetSkeleton | undefined);
     getSkeleton(): SpreadsheetSkeleton | undefined;
@@ -15,8 +15,8 @@ export declare class SheetComponent extends RenderComponent<SpreadsheetSkeleton,
         scaleX: number;
         scaleY: number;
     };
-    getDocuments(): any;
-    getNoMergeCellPositionByIndex(rowIndex: number, columnIndex: number): Nullable<{
+    abstract getDocuments(): any;
+    abstract getNoMergeCellPositionByIndex(rowIndex: number, columnIndex: number): Nullable<{
         startY: number;
         startX: number;
         endX: number;
@@ -26,14 +26,18 @@ export declare class SheetComponent extends RenderComponent<SpreadsheetSkeleton,
         x: number;
         y: number;
     };
-    getSelectionBounding(startRow: number, startColumn: number, endRow: number, endColumn: number): Nullable<{
+    abstract getSelectionBounding(startRow: number, startColumn: number, endRow: number, endColumn: number): Nullable<{
         startRow: number;
         startColumn: number;
         endRow: number;
         endColumn: number;
     }>;
-    protected _draw(ctx: UniverRenderingContext, bounds?: IViewportBound): void;
+    protected abstract _draw(ctx: UniverRenderingContext, bounds?: IViewportBound): void;
+    /**
+     * TODO: DR-Univer, fix as unknown as
+     */
+    dispose(): void;
 }
-export declare class SpreadsheetHeader extends SheetComponent {
+export declare abstract class SpreadsheetHeader extends SheetComponent {
     protected _draw(ctx: UniverRenderingContext, bounds?: IViewportBound): void;
 }

package/lib/types/components/sheets/sheet-skeleton.d.ts

@@ -1,8 +1,8 @@
-import { IStylesCache } from './interfaces';
-import { Skeleton } from '../skeleton';
-import { DocumentSkeleton } from '../docs/layout/doc-skeleton';
-import { IBoundRectNoAngle, IViewportBound } from '../../basics/vector2';
 import { BooleanNumber, DocumentDataModel, HorizontalAlign, IContextService, LocaleService, ObjectMatrix, VerticalAlign, WrapStrategy, ICellData, IPaddingData, IRange, ISelectionCellWithCoord, ITextRotation, IWorksheetData, Nullable, Styles, Worksheet } from '@univerjs/core';
+import { IBoundRectNoAngle, IViewportBound } from '../../basics/vector2';
+import { DocumentSkeleton } from '../docs/layout/doc-skeleton';
+import { Skeleton } from '../skeleton';
+import { IStylesCache } from './interfaces';
 
 /**
  * Obtain the height and width of a cell's text, taking into account scenarios with rotated text.
@@ -85,6 +85,10 @@ export declare class SpreadsheetSkeleton extends Skeleton {
      * @deprecated
      */
     static create(worksheet: Worksheet | undefined, config: IWorksheetData, cellData: ObjectMatrix<Nullable<ICellData>>, styles: Styles, localeService: LocaleService, contextService: IContextService): SpreadsheetSkeleton;
+    /**
+     * TODO: DR-Univer, fix as unknown as
+     */
+    dispose(): void;
     /**
      * @deprecated should never expose a property that is provided by another module!
      */
@@ -178,7 +182,7 @@ export declare class SpreadsheetSkeleton extends Skeleton {
     getCellPositionByOffset(offsetX: number, offsetY: number, scaleX: number, scaleY: number, scrollXY: {
         x: number;
         y: number;
-    }): {
+    }, closeFirst?: boolean): {
         row: number;
         column: number;
     };
@@ -192,7 +196,7 @@ export declare class SpreadsheetSkeleton extends Skeleton {
     getColumnPositionByOffsetX(offsetX: number, scaleX: number, scrollXY: {
         x: number;
         y: number;
-    }): number;
+    }, closeFirst?: boolean): number;
     /**
      *
      * @param offsetY scaled offset y
@@ -204,7 +208,7 @@ export declare class SpreadsheetSkeleton extends Skeleton {
     getRowPositionByOffsetY(offsetY: number, scaleY: number, scrollXY: {
         x: number;
         y: number;
-    }): number;
+    }, closeFirst?: boolean): number;
     getTransformOffsetX(offsetX: number, scaleX: number, scrollXY: {
         x: number;
         y: number;

package/lib/types/components/sheets/spreadsheet.d.ts

@@ -1,11 +1,11 @@
-import { SpreadsheetSkeleton } from './sheet-skeleton';
-import { SheetComponent } from './sheet-component';
-import { Font } from './extensions/font';
-import { Border } from './extensions/border';
-import { Background } from './extensions/background';
-import { Documents } from '../docs/document';
-import { UniverRenderingContext } from '../../context';
 import { IViewportBound, Vector2 } from '../../basics/vector2';
+import { UniverRenderingContext } from '../../context';
+import { Documents } from '../docs/document';
+import { Background } from './extensions/background';
+import { Border } from './extensions/border';
+import { Font } from './extensions/font';
+import { SheetComponent } from './sheet-component';
+import { SpreadsheetSkeleton } from './sheet-skeleton';
 
 export declare class Spreadsheet extends SheetComponent {
     private _allowCache;
@@ -15,9 +15,6 @@ export declare class Spreadsheet extends SheetComponent {
     private _cacheCanvas;
     private _refreshIncrementalState;
     private _forceDirty;
-    private _overflowCacheRuntime;
-    private _overflowCacheRuntimeRange;
-    private _overflowCacheRuntimeTimeout;
     private _forceDisableGridlines;
     private _documents;
     isPrinting: boolean;
@@ -28,6 +25,10 @@ export declare class Spreadsheet extends SheetComponent {
     getDocuments(): Documents;
     get allowCache(): boolean;
     get forceDisableGridlines(): boolean;
+    /**
+     * TODO: DR-Univer, fix as unknown as
+     */
+    dispose(): void;
     draw(ctx: UniverRenderingContext, bounds?: IViewportBound): void;
     isHit(coord: Vector2): boolean;
     getNoMergeCellPositionByIndex(rowIndex: number, columnIndex: number): {

package/lib/types/components/skeleton.d.ts

@@ -1,5 +1,5 @@
-import { IFontLocale } from '../basics/interfaces';
 import { Disposable, LocaleService } from '@univerjs/core';
+import { IFontLocale } from '../basics/interfaces';
 
 export declare class Skeleton extends Disposable {
     protected readonly _localService: LocaleService;
@@ -9,5 +9,6 @@ export declare class Skeleton extends Disposable {
     get dirty(): boolean;
     getFontLocale(): IFontLocale;
     makeDirty(state: boolean): void;
+    dispose(): void;
     private _localeInitial;
 }

package/lib/types/components/slides/slide.d.ts

@@ -1,7 +1,7 @@
-import { SceneViewer } from '../../scene-viewer';
-import { Scene } from '../../scene';
-import { UniverRenderingContext } from '../../context';
 import { Nullable, Observable } from '@univerjs/core';
+import { UniverRenderingContext } from '../../context';
+import { Scene } from '../../scene';
+import { SceneViewer } from '../../scene-viewer';
 
 export declare enum SLIDE_NAVIGATION_KEY {
     LEFT = "__slideNavigationLeft__",

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;
@@ -16,7 +16,6 @@ export declare class Engine extends ThinEngine<Scene> {
     onEndFrameObservable: Observable<Engine>;
     private _container;
     private _canvas;
-    private _canvasEle;
     private _renderingQueueLaunched;
     private _activeRenderLoops;
     private _renderFunction;

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,7 @@ 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/index.d.ts

@@ -37,6 +37,7 @@ export { Liquid } from './components/docs/liquid';
 export { ITextSelectionRenderManager, TextSelectionRenderManager, getCanvasOffsetByEngine, } from './components/docs/text-selection/text-selection-render-manager';
 export type { IActiveTextRange, IEditorInputConfig, ITextSelectionInnerParam } from './components/docs/text-selection/text-selection-render-manager';
 export { Documents } from './components/docs/document';
+export { DocBackground } from './components/docs/doc-background';
 export type { IPageRenderConfig } from './components/docs/document';
 export { DocumentSkeleton } from './components/docs/layout/doc-skeleton';
 export { ThinEngine } from './thin-engine';

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;
@@ -10,6 +10,7 @@ export declare class Layer extends Disposable {
     private _objects;
     private _cacheCanvas;
     protected _dirty: boolean;
+    private _debounceDirtyFunc;
     constructor(_scene: ThinScene, objects?: BaseObject[], _zIndex?: number, _allowCache?: boolean);
     get scene(): ThinScene;
     get zIndex(): number;
@@ -24,6 +25,7 @@ export declare class Layer extends Disposable {
     addObjects(objects: BaseObject[]): this;
     removeObjects(objects: BaseObject[] | string[]): void;
     makeDirty(state?: boolean): this;
+    makeDirtyWithDebounce(state?: boolean): void;
     isDirty(): boolean;
     render(parentCtx?: UniverRenderingContext, isMaxLayer?: boolean): this;
     private _layerBehavior;

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;
@@ -22,7 +22,7 @@ export declare class SceneViewer extends BaseObject {
     enableSelectedClipElement(): void;
     disableSelectedClipElement(): void;
     allowSelectedClipElement(): boolean;
-    pick(coord: Vector2): Nullable<BaseObject | ThinScene>;
+    pick(coord: Vector2): Nullable<ThinScene | BaseObject>;
     dispose(): void;
     private _initialProps;
 }

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 */
@@ -32,6 +32,10 @@ export declare class InputManager extends Disposable {
     private _tripleClickState;
     private _currentObject;
     constructor(scene: ThinScene);
+    /**
+     * TODO: DR-Univer, fix as unknown as
+     */
+    dispose(): void;
     mouseLeaveEnterHandler(evt: IMouseEvent): void;
     attachControl(hasDown?: boolean, hasUp?: boolean, hasMove?: boolean, hasWheel?: boolean, hasEnter?: boolean, hasLeave?: boolean): void;
     /**

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/index.d.ts

@@ -22,6 +22,5 @@ export * from './rect';
 export * from './regular-polygon';
 export * from './rich-text';
 export * from './scroll-bar';
-export * from './selection';
 export * from './shape';
 export * from './checkbox';

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(): {