@univerjs/engine-render 0.1.2 → 0.1.4

package/lib/types/components/docs/{common → layout}/tools.d.ts

@@ -15,7 +15,7 @@
  */
 import type { INumberUnit, IParagraphStyle, ITextStyle, ObjectPositionH, ObjectPositionV } from '@univerjs/core';
 import { BooleanNumber, GridType, SpacingRule } from '@univerjs/core';
-import type { IDocumentSkeletonColumn, IDocumentSkeletonDivide, IDocumentSkeletonLine, IDocumentSkeletonPage, IDocumentSkeletonSpan } from '../../../basics/i-document-skeleton-cached';
+import type { IDocumentSkeletonColumn, IDocumentSkeletonDivide, IDocumentSkeletonGlyph, IDocumentSkeletonLine, IDocumentSkeletonPage } from '../../../basics/i-document-skeleton-cached';
 import type { IParagraphConfig, ISectionBreakConfig } from '../../../basics/interfaces';
 import type { DataStreamTreeNode } from '../view-model/data-stream-tree-node';
 import type { DocumentViewModel } from '../view-model/document-view-model';
@@ -39,7 +39,7 @@ export declare function getLastNotFullDivideInfo(page: IDocumentSkeletonPage): {
 } | undefined;
 export declare function getNextDivide(curLine: IDocumentSkeletonLine, curDivide: IDocumentSkeletonDivide): IDocumentSkeletonDivide | undefined;
 export declare function getLastRemainingDivide(curLine: IDocumentSkeletonLine): IDocumentSkeletonDivide | undefined;
-export declare function getLastSpan(page: IDocumentSkeletonPage): IDocumentSkeletonSpan | undefined;
+export declare function getLastSpan(page: IDocumentSkeletonPage): IDocumentSkeletonGlyph | undefined;
 export declare function isColumnFull(page: IDocumentSkeletonPage): boolean;
 export declare function isBlankPage(page: IDocumentSkeletonPage): boolean;
 export declare function isBlankColumn(column: IDocumentSkeletonColumn): boolean;
@@ -62,12 +62,12 @@ export declare function getCharSpaceConfig(sectionBreakConfig: ISectionBreakConf
     snapToGrid: BooleanNumber;
 };
 export declare function updateBlockIndex(pages: IDocumentSkeletonPage[], start?: number): void;
-export declare function spanIterator(pages: IDocumentSkeletonPage[], iteratorFunction: (span: IDocumentSkeletonSpan) => void): void;
+export declare function spanIterator(pages: IDocumentSkeletonPage[], iteratorFunction: (glyph: IDocumentSkeletonGlyph) => void): void;
 export declare function lineIterator(pages: IDocumentSkeletonPage[], iteratorFunction: (line: IDocumentSkeletonLine) => void): void;
 export declare function columnIterator(pages: IDocumentSkeletonPage[], iteratorFunction: (column: IDocumentSkeletonColumn) => void): void;
 export declare function getPositionHorizon(positionH: ObjectPositionH, column: IDocumentSkeletonColumn, page: IDocumentSkeletonPage, objectWidth: number, isPageBreak?: boolean): number | undefined;
 export declare function getPositionVertical(positionV: ObjectPositionV, page: IDocumentSkeletonPage, lineTop: number, lineHeight: number, objectHeight: number, blockAnchorTop?: number, isPageBreak?: boolean): number | undefined;
-export declare function getSpanGroupWidth(divide: IDocumentSkeletonDivide): number;
+export declare function getGlyphGroupWidth(divide: IDocumentSkeletonDivide): number;
 interface IFontCreateConfig {
     fontStyle: {
         fontString: string;

package/lib/types/components/docs/{common/liquid.d.ts → liquid.d.ts}

@@ -13,8 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { IDocumentSkeletonColumn, IDocumentSkeletonDivide, IDocumentSkeletonLine, IDocumentSkeletonPage, IDocumentSkeletonSection, IDocumentSkeletonSpan } from '../../../basics/i-document-skeleton-cached';
-import { PageLayoutType } from '../../../basics/i-document-skeleton-cached';
+import type { IDocumentSkeletonColumn, IDocumentSkeletonDivide, IDocumentSkeletonGlyph, IDocumentSkeletonLine, IDocumentSkeletonPage, IDocumentSkeletonSection } from '../../basics/i-document-skeleton-cached';
+import { PageLayoutType } from '../../basics/i-document-skeleton-cached';
 export declare class Liquid {
     private _translateX;
     private _translateY;
@@ -28,7 +28,7 @@ export declare class Liquid {
     translateRestore(): void;
     translatePagePadding(page: IDocumentSkeletonPage): void;
     restorePagePadding(page: IDocumentSkeletonPage): void;
-    translatePage(page: IDocumentSkeletonPage, type?: PageLayoutType, left?: number, top?: number, right?: number, bottom?: number): {
+    translatePage(page: IDocumentSkeletonPage, type?: PageLayoutType, left?: number, top?: number, _right?: number, _bottom?: number): {
         x: number;
         y: number;
     };
@@ -48,7 +48,7 @@ export declare class Liquid {
         x: number;
         y: number;
     };
-    translateSpan(span: IDocumentSkeletonSpan): {
+    translateSpan(glyph: IDocumentSkeletonGlyph): {
         x: number;
         y: number;
     };

package/lib/types/components/docs/{common → text-selection}/convert-cursor.d.ts

@@ -16,7 +16,7 @@
 import type { ITextRange, Nullable } from '@univerjs/core';
 import type { INodePosition } from '../../../basics/interfaces';
 import type { IPoint } from '../../../basics/vector2';
-import type { DocumentSkeleton } from '../doc-skeleton';
+import type { DocumentSkeleton } from '../layout/doc-skeleton';
 import type { IDocumentOffsetConfig } from '../document';
 export declare enum NodePositionStateType {
     NORMAL = 0,
@@ -29,7 +29,7 @@ export declare enum NodePositionType {
     column = 2,
     line = 3,
     divide = 4,
-    span = 5
+    glyph = 5
 }
 export interface ICurrentNodePositionState {
     page: NodePositionStateType;
@@ -37,7 +37,7 @@ export interface ICurrentNodePositionState {
     column: NodePositionStateType;
     line: NodePositionStateType;
     divide: NodePositionStateType;
-    span: NodePositionStateType;
+    glyph: NodePositionStateType;
 }
 export declare const NodePositionMap: {
     page: number;
@@ -45,7 +45,7 @@ export declare const NodePositionMap: {
     column: number;
     line: number;
     divide: number;
-    span: number;
+    glyph: number;
 };
 export declare function compareNodePositionLogic(pos1: INodePosition, pos2: INodePosition): boolean;
 export declare function compareNodePosition(pos1: INodePosition, pos2: INodePosition): {

package/lib/types/components/docs/{common → text-selection}/text-range.d.ts

@@ -21,7 +21,7 @@ import type { IPoint } from '../../../basics/vector2';
 import type { Scene } from '../../../scene';
 import { Rect } from '../../../shape/rect';
 import type { ThinScene } from '../../../thin-scene';
-import type { DocumentSkeleton } from '../doc-skeleton';
+import type { DocumentSkeleton } from '../layout/doc-skeleton';
 import type { Documents } from '../document';
 export declare const TEXT_RANGE_LAYER_INDEX = 1;
 export declare function cursorConvertToTextRange(scene: Scene, range: ISuccinctTextRangeParam, docSkeleton: DocumentSkeleton, document: Documents): Nullable<TextRange>;

package/lib/types/components/docs/{text-selection-render-manager.d.ts → text-selection/text-selection-render-manager.d.ts}

@@ -16,15 +16,15 @@
 import type { Nullable } from '@univerjs/core';
 import { ILogService, RxDisposable } from '@univerjs/core';
 import type { Observable } from 'rxjs';
-import type { IMouseEvent, IPointerEvent } from '../../basics/i-events';
-import type { INodePosition } from '../../basics/interfaces';
-import type { ISuccinctTextRangeParam, ITextRangeWithStyle, ITextSelectionStyle, RANGE_DIRECTION } from '../../basics/range';
-import type { Engine } from '../../engine';
-import type { Scene } from '../../scene';
-import type { Viewport } from '../../viewport';
-import { TextRange } from './common/text-range';
-import type { DocumentSkeleton } from './doc-skeleton';
-import type { Documents } from './document';
+import type { IMouseEvent, IPointerEvent } from '../../../basics/i-events';
+import type { INodePosition } from '../../../basics/interfaces';
+import type { ISuccinctTextRangeParam, ITextRangeWithStyle, ITextSelectionStyle, RANGE_DIRECTION } from '../../../basics/range';
+import type { Engine } from '../../../engine';
+import type { Scene } from '../../../scene';
+import type { Viewport } from '../../../viewport';
+import type { DocumentSkeleton } from '../layout/doc-skeleton';
+import type { Documents } from '../document';
+import { TextRange } from './text-range';
 export declare function getCanvasOffsetByEngine(engine: Nullable<Engine>): {
     left: number;
     top: number;
@@ -77,6 +77,7 @@ export interface ITextSelectionRenderManager {
     handleDblClick(evt: IPointerEvent | IMouseEvent): void;
     handleTripleClick(evt: IPointerEvent | IMouseEvent): void;
     eventTrigger(evt: IPointerEvent | IMouseEvent): void;
+    setCursorManually(evtOffsetX: number, evtOffsetY: number): void;
 }
 export interface IEditorInputConfig {
     event: Event | CompositionEvent | KeyboardEvent;
@@ -111,8 +112,9 @@ export declare class TextSelectionRenderManager extends RxDisposable implements
     private _container;
     private _inputParent;
     private _input;
-    private _moveObserver;
-    private _upObserver;
+    private _moveObservers;
+    private _upObservers;
+    private _scrollTimers;
     private _viewportScrollX;
     private _viewportScrollY;
     private _rangeList;
@@ -143,6 +145,7 @@ export declare class TextSelectionRenderManager extends RxDisposable implements
     changeRuntime(docSkeleton: DocumentSkeleton, scene: Scene, document: Documents): void;
     handleDblClick(evt: IPointerEvent | IMouseEvent): void;
     handleTripleClick(evt: IPointerEvent | IMouseEvent): void;
+    setCursorManually(evtOffsetX: number, evtOffsetY: number): void;
     eventTrigger(evt: IPointerEvent | IMouseEvent): void;
     removeAllTextRanges(): void;
     private _getAllTextRanges;

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

@@ -14,8 +14,8 @@
  * limitations under the License.
  */
 export * from './component';
-export * from './docs';
 export * from './extension';
 export * from './sheets';
 export * from './skeleton';
+export { RENDER_RAW_FORMULA_KEY } from './sheets/sheet-skeleton';
 export * from './slides';

package/lib/types/components/sheets/extensions/font.d.ts

@@ -13,19 +13,23 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { IColorStyle, IRange, IScale } from '@univerjs/core';
-import { ObjectMatrix } from '@univerjs/core';
+import type { IRange, IScale } from '@univerjs/core';
 import type { UniverRenderingContext } from '../../../context';
 import { type SpreadsheetSkeleton } from '../sheet-skeleton';
-import type { Spreadsheet } from '../spreadsheet';
 import { SheetExtension } from './sheet-extension';
+export interface ISheetFontRenderExtension {
+    fontRenderExtension?: {
+        leftOffset?: number;
+        rightOffset?: number;
+        topOffset?: number;
+        downOffset?: number;
+        isSkip?: boolean;
+    };
+}
 export declare class Font extends SheetExtension {
     uKey: string;
     Z_INDEX: number;
-    changeFontColor: ObjectMatrix<IColorStyle>;
-    get spreadsheet(): Spreadsheet;
     getDocuments(): any;
-    setChangeFontColor(r: number, c: number, color: IColorStyle): void;
     draw(ctx: UniverRenderingContext, parentScale: IScale, spreadsheetSkeleton: SpreadsheetSkeleton, diffRanges?: IRange[]): void;
     private _renderDocuments;
     private _clipRectangle;

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

@@ -15,7 +15,7 @@
  */
 import type { BorderStyleTypes, HorizontalAlign, ISelectionCellWithCoord, ObjectMatrix, VerticalAlign, WrapStrategy } from '@univerjs/core';
 import type { BORDER_TYPE } from '../../basics/const';
-import type { DocumentSkeleton } from '../docs/doc-skeleton';
+import type { DocumentSkeleton } from '../docs/layout/doc-skeleton';
 export interface BorderCache {
     [key: string]: BorderCacheItem | {};
 }
@@ -26,7 +26,8 @@ export interface BorderCacheItem {
 }
 export interface IFontCacheItem {
     documentSkeleton: DocumentSkeleton;
-    angle?: number;
+    vertexAngle?: number;
+    centerAngle?: number;
     verticalAlign: VerticalAlign;
     horizontalAlign: HorizontalAlign;
     wrapStrategy: WrapStrategy;

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

@@ -13,10 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { ICellData, IPaddingData, IRange, ISelectionCellWithCoord, ITextRotation, IWorksheetData, LocaleService, Nullable, Styles, Worksheet } from '@univerjs/core';
-import { BooleanNumber, DocumentDataModel, HorizontalAlign, ObjectMatrix, VerticalAlign, WrapStrategy } from '@univerjs/core';
+import type { ICellData, IPaddingData, IRange, ISelectionCellWithCoord, ITextRotation, IWorksheetData, Nullable, Styles, Worksheet } from '@univerjs/core';
+import { BooleanNumber, DocumentDataModel, HorizontalAlign, IContextService, LocaleService, ObjectMatrix, VerticalAlign, WrapStrategy } from '@univerjs/core';
 import type { IBoundRectNoAngle, IViewportBound } from '../../basics/vector2';
-import { DocumentSkeleton } from '../docs/doc-skeleton';
+import { DocumentSkeleton } from '../docs/layout/doc-skeleton';
 import { Skeleton } from '../skeleton';
 import type { IStylesCache } from './interfaces';
 /**
@@ -48,14 +48,16 @@ export interface IDocumentLayoutObject {
     paddingData: IPaddingData;
     fill?: Nullable<string>;
 }
+export declare const RENDER_RAW_FORMULA_KEY = "RENDER_RAW_FORMULA";
 export declare class SpreadsheetSkeleton extends Skeleton {
     private _worksheet;
     private _config;
     private _cellData;
     private _styles;
+    private readonly _contextService;
     private _rowHeightAccumulation;
-    private _rowTotalHeight;
     private _columnWidthAccumulation;
+    private _rowTotalHeight;
     private _columnTotalWidth;
     private _rowHeaderWidth;
     private _columnHeaderHeight;
@@ -63,11 +65,13 @@ export declare class SpreadsheetSkeleton extends Skeleton {
     private _dataMergeCache;
     private _overflowCache;
     private _stylesCache;
+    /** A matrix to store if a (row, column) position has render cache. */
     private _renderedCellCache;
     private _showGridlines;
     private _marginTop;
     private _marginLeft;
-    constructor(_worksheet: Worksheet | undefined, _config: IWorksheetData, _cellData: ObjectMatrix<Nullable<ICellData>>, _styles: Styles, _localeService: LocaleService);
+    private _renderRawFormula;
+    constructor(_worksheet: Worksheet | undefined, _config: IWorksheetData, _cellData: ObjectMatrix<Nullable<ICellData>>, _styles: Styles, _localeService: LocaleService, _contextService: IContextService);
     get rowHeightAccumulation(): number[];
     get rowTotalHeight(): number;
     get columnWidthAccumulation(): number[];
@@ -82,14 +86,11 @@ export declare class SpreadsheetSkeleton extends Skeleton {
     get mergeData(): IRange[];
     get rowHeaderWidthAndMarginLeft(): number;
     get columnHeaderHeightAndMarginTop(): number;
+    get worksheet(): Worksheet | undefined;
     /**
      * @deprecated
      */
-    static create(worksheet: Worksheet | undefined, config: IWorksheetData, cellData: ObjectMatrix<Nullable<ICellData>>, styles: Styles, LocaleService: LocaleService): SpreadsheetSkeleton;
-    /**
-     * @deprecated should never expose a property that is provided by another module!
-     */
-    getWorksheetConfig(): IWorksheetData;
+    static create(worksheet: Worksheet | undefined, config: IWorksheetData, cellData: ObjectMatrix<Nullable<ICellData>>, styles: Styles, localeService: LocaleService, contextService: IContextService): SpreadsheetSkeleton;
     /**
      * @deprecated should never expose a property that is provided by another module!
      */
@@ -98,6 +99,7 @@ export declare class SpreadsheetSkeleton extends Skeleton {
      * @deprecated should never expose a property that is provided by another module!
      */
     getsStyles(): Styles;
+    private _initContextListener;
     setOverflowCache(value: ObjectMatrix<IRange>): void;
     setMarginLeft(left: number): void;
     setMarginTop(top: number): void;
@@ -106,7 +108,7 @@ export declare class SpreadsheetSkeleton extends Skeleton {
     calculate(bounds?: IViewportBound): this;
     calculateAutoHeightInRange(ranges: Nullable<IRange[]>): IRowAutoHeightInfo[];
     private _calculateRowAutoHeight;
-    updateLayout(): this | undefined;
+    private _updateLayout;
     private _dynamicallyUpdateRowHeaderWidth;
     getRowColumnSegment(bounds?: IViewportBound): {
         startRow: number;
@@ -114,6 +116,11 @@ export declare class SpreadsheetSkeleton extends Skeleton {
         startColumn: number;
         endColumn: number;
     };
+    /**
+     * @deprecated should never expose a property that is provided by another module!
+     * @returns
+     */
+    getWorksheetConfig(): IWorksheetData;
     getRowColumnSegmentByViewBound(bound?: IBoundRectNoAngle): {
         startRow: number;
         endRow: number;
@@ -295,6 +302,11 @@ export declare class SpreadsheetSkeleton extends Skeleton {
     private _setCellCache;
     private _updateConfigAndGetDocumentModel;
     private _getDocumentDataByStyle;
+    /**
+     * pro/issues/344
+     * In Excel, for the border rendering of merged cells to take effect, the outermost cells need to have the same border style.
+     */
+    private _setMergeBorderProps;
     private _setBorderProps;
     private _getFontFormat;
     private _getOtherStyle;

package/lib/types/context.d.ts

@@ -39,7 +39,7 @@ export declare class UniverRenderingContext2D implements CanvasRenderingContext2
     set lineJoin(val: CanvasLineJoin);
     get lineWidth(): number;
     set lineWidth(val: number);
-    setLineWidthNative(val: number): void;
+    setLineWidthByPrecision(val: number): void;
     get miterLimit(): number;
     set miterLimit(val: number);
     get shadowBlur(): number;
@@ -56,16 +56,31 @@ export declare class UniverRenderingContext2D implements CanvasRenderingContext2
     set font(val: string);
     get fontKerning(): CanvasFontKerning;
     set fontKerning(val: CanvasFontKerning);
+    get fontStretch(): CanvasFontStretch;
+    set fontStretch(val: CanvasFontStretch);
+    get fontVariantCaps(): CanvasFontVariantCaps;
+    set fontVariantCaps(val: CanvasFontVariantCaps);
+    get letterSpacing(): string;
+    set letterSpacing(val: string);
+    get textRendering(): CanvasTextRendering;
+    set textRendering(val: CanvasTextRendering);
+    get wordSpacing(): string;
+    set wordSpacing(val: string);
     get textAlign(): CanvasTextAlign;
     set textAlign(val: CanvasTextAlign);
     get textBaseline(): CanvasTextBaseline;
     set textBaseline(val: CanvasTextBaseline);
     private _getScale;
+    getScale(): {
+        scaleX: number;
+        scaleY: number;
+    };
     getContextAttributes(): CanvasRenderingContext2DSettings;
     isPointInStroke(x: number, y: number): boolean;
     isPointInStroke(path: Path2D, x: number, y: number): boolean;
     createConicGradient(startAngle: number, x: number, y: number): CanvasGradient;
     roundRect(x: number, y: number, w: number, h: number, radii?: number | DOMPointInit | Array<number | DOMPointInit>): void;
+    roundRectByPrecision(x: number, y: number, w: number, h: number, radii?: number | DOMPointInit | Array<number | DOMPointInit>): void;
     getTransform(): DOMMatrix;
     resetTransform(): void;
     drawFocusIfNeeded(element: Element): void;
@@ -80,12 +95,23 @@ export declare class UniverRenderingContext2D implements CanvasRenderingContext2
      * @method
      */
     arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, counterClockwise?: boolean): void;
+    /**
+     * arc function.
+     * @method
+     */
+    arcByPrecision(x: number, y: number, radius: number, startAngle: number, endAngle: number, counterClockwise?: boolean): void;
     /**
      * arcTo function.
      * @method
      *
      */
     arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+    /**
+     * arcTo function.
+     * @method
+     *
+     */
+    arcToByPrecision(x1: number, y1: number, x2: number, y2: number, radius: number): void;
     /**
      * beginPath function.
      * @method
@@ -96,11 +122,21 @@ export declare class UniverRenderingContext2D implements CanvasRenderingContext2
      * @method
      */
     bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+    /**
+     * bezierCurveTo function precision.
+     * @method
+     */
+    bezierCurveToByPrecision(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
     /**
      * clearRect function.
      * @method
      */
     clearRect(x: number, y: number, width: number, height: number): void;
+    /**
+     * clearRect function.
+     * @method
+     */
+    clearRectByPrecision(x: number, y: number, width: number, height: number): void;
     /**
      * clip function.
      * @method
@@ -114,6 +150,10 @@ export declare class UniverRenderingContext2D implements CanvasRenderingContext2
      * @method
      */
     closePath(): void;
+    /**
+     * Chrome hardware acceleration causes canvas stroke to fail to draw lines on Mac.
+     */
+    closePathByEnv(): void;
     /**
      * createImageData function.
      * @method
@@ -162,11 +202,21 @@ export declare class UniverRenderingContext2D implements CanvasRenderingContext2
      * @method
      */
     fillRect(x: number, y: number, width: number, height: number): void;
+    /**
+     * fillRect function precision.
+     * @method
+     */
+    fillRectByPrecision(x: number, y: number, width: number, height: number): void;
     /**
      * strokeRect function.
      * @method
      */
     strokeRect(x: number, y: number, width: number, height: number): void;
+    /**
+     * strokeRect function precision.
+     * @method
+     */
+    strokeRectPrecision(x: number, y: number, width: number, height: number): void;
     /**
      * fillText function.
      * @method
@@ -192,16 +242,31 @@ export declare class UniverRenderingContext2D implements CanvasRenderingContext2
      * @method
      */
     lineTo(x: number, y: number): void;
+    /**
+     * lineTo function precision.
+     * @method
+     */
+    lineToByPrecision(x: number, y: number): void;
     /**
      * moveTo function.
      * @method
      */
     moveTo(x: number, y: number): void;
+    /**
+     * moveTo function precision.
+     * @method
+     */
+    moveToByPrecision(x: number, y: number): void;
     /**
      * rect function.
      * @method
      */
     rect(x: number, y: number, width: number, height: number): void;
+    /**
+     * rect function.
+     * @method
+     */
+    rectByPrecision(x: number, y: number, width: number, height: number): void;
     /**
      * putImageData function.
      * @method
@@ -258,6 +323,11 @@ export declare class UniverRenderingContext2D implements CanvasRenderingContext2
      * @method
      */
     strokeText(text: string, x: number, y: number, maxWidth?: number): void;
+    /**
+     * strokeText function precision.
+     * @method
+     */
+    strokeTextByPrecision(text: string, x: number, y: number, maxWidth?: number): void;
     /**
      * transform function.
      * @method

package/lib/types/engine.d.ts

@@ -52,6 +52,8 @@ export declare class Engine extends ThinEngine<Scene> {
     private pointer;
     private _mouseId;
     private _isUsingFirefox;
+    private _previousWidth;
+    private _previousHeight;
     constructor(elemWidth?: number, elemHeight?: number, pixelRatio?: number, mode?: CanvasRenderMode);
     get width(): number;
     get height(): number;

package/lib/types/index.d.ts

@@ -17,7 +17,6 @@ export * from './base-object';
 export * from './basics';
 export * from './canvas';
 export * from './components';
-export { DocumentViewModel } from './components/docs/view-model/document-view-model';
 export * from './context';
 export * from './custom';
 export * from './engine';
@@ -30,3 +29,12 @@ export * from './scene-viewer';
 export * from './scroll-timer';
 export * from './shape';
 export * from './viewport';
+export { DocumentViewModel } from './components/docs/view-model/document-view-model';
+export { getAnchorBounding, TEXT_RANGE_LAYER_INDEX, TextRange } from './components/docs/text-selection/text-range';
+export { NodePositionConvertToCursor } from './components/docs/text-selection/convert-cursor';
+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 type { IPageRenderConfig } from './components/docs/document';
+export { DocumentSkeleton } from './components/docs/layout/doc-skeleton';

package/lib/types/layer.d.ts

@@ -40,6 +40,7 @@ export declare class Layer extends Disposable {
     makeDirty(state?: boolean): this;
     isDirty(): boolean;
     render(parentCtx?: UniverRenderingContext, isMaxLayer?: boolean): this;
+    private _layerBehavior;
     private _initialCacheCanvas;
     private _draw;
     private _applyCache;

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

@@ -58,6 +58,7 @@ export declare class RenderManagerService implements IRenderManagerService {
     get defaultEngine(): Engine;
     dispose(): void;
     createRenderWithParent(unitId: string, parentUnitId: string): IRender;
+    createRenderWithEngine(unitId: string, engine: Engine): IRender;
     create(unitId: Nullable<string>): void;
     createRender(unitId: string): IRender;
     private _createRender;

package/lib/types/scene.d.ts

@@ -21,8 +21,8 @@ import type { ISceneTransformState } from './basics/interfaces';
 import { Vector2 } from './basics/vector2';
 import type { UniverRenderingContext } from './context';
 import { Layer } from './layer';
-import type { ITransformerConfig } from './scene.-transformer';
-import { Transformer } from './scene.-transformer';
+import type { ITransformerConfig } from './scene.transformer';
+import { Transformer } from './scene.transformer';
 import type { SceneViewer } from './scene-viewer';
 import type { ThinEngine } from './thin-engine';
 import { ThinScene } from './thin-scene';

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

@@ -16,7 +16,7 @@
 import type { EventState, Nullable, Observer } from '@univerjs/core';
 import { Disposable, Observable } from '@univerjs/core';
 import type { BaseObject } from './base-object';
-import type { EVENT_TYPE } from './basics/const';
+import type { CURSOR_TYPE, EVENT_TYPE } from './basics/const';
 import { RENDER_CLASS_TYPE } from './basics/const';
 import type { IKeyboardEvent, IMouseEvent, IPointerEvent, IWheelEvent } from './basics/i-events';
 import type { ITransformChangeState } from './basics/interfaces';
@@ -25,6 +25,7 @@ import type { IViewportBound, Vector2 } from './basics/vector2';
 import type { UniverRenderingContext } from './context';
 export declare abstract class ThinScene extends Disposable {
     onTransformChangeObservable: Observable<ITransformChangeState>;
+    onFileLoadedObservable: Observable<string>;
     onPointerDownObserver: Observable<IMouseEvent | IPointerEvent>;
     onPointerMoveObserver: Observable<IMouseEvent | IPointerEvent>;
     onPointerUpObserver: Observable<IMouseEvent | IPointerEvent>;
@@ -98,4 +99,6 @@ export declare abstract class ThinScene extends Disposable {
         scaleX: number;
         scaleY: number;
     };
+    setCursor(val: CURSOR_TYPE): void;
+    resetCursor(): void;
 }

package/lib/types/viewport.d.ts

@@ -74,7 +74,6 @@ export declare class Viewport {
     onScrollStopObserver: Observable<IScrollObserverParam>;
     onScrollByBarObserver: Observable<IScrollObserverParam>;
     private _viewPortKey;
-    private _dirty;
     private _topOrigin;
     private _leftOrigin;
     private _bottomOrigin;
@@ -133,8 +132,6 @@ export declare class Viewport {
     resize(position: IViewPosition): void;
     setPadding(param: IPosition): void;
     resetPadding(): void;
-    makeDirty(state?: boolean, refreshParent?: boolean): void;
-    isDirty(): boolean;
     /**
      * scroll to position, absolute
      * @param pos