@univerjs/engine-render 0.1.16 → 0.2.0

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

@@ -1,5 +1,5 @@
-import { EventState, IKeyValue, ITransformState, Nullable, Observer, Disposable, Observable } from '@univerjs/core';
-import { EVENT_TYPE, CURSOR_TYPE, RENDER_CLASS_TYPE } from './basics/const';
+import { IKeyValue, ITransformState, Nullable, Disposable, EventSubject } from '@univerjs/core';
+import { CURSOR_TYPE, RENDER_CLASS_TYPE } from './basics/const';
 import { IDragEvent, IMouseEvent, IPointerEvent, IWheelEvent } from './basics/i-events';
 import { IObjectFullState, ITransformChangeState } from './basics/interfaces';
 import { Transform } from './basics/transform';
@@ -12,23 +12,23 @@ export declare const BASE_OBJECT_ARRAY: string[];
 export declare abstract class BaseObject extends Disposable {
     groupKey?: string;
     isInGroup: boolean;
-    onTransformChangeObservable: Observable<ITransformChangeState>;
-    onPointerDownObserver: Observable<IMouseEvent | IPointerEvent>;
-    onPointerMoveObserver: Observable<IMouseEvent | IPointerEvent>;
-    onPointerUpObserver: Observable<IMouseEvent | IPointerEvent>;
-    onDblclickObserver: Observable<IMouseEvent | IPointerEvent>;
-    onTripleClickObserver: Observable<IMouseEvent | IPointerEvent>;
-    onMouseWheelObserver: Observable<IWheelEvent>;
-    onPointerOutObserver: Observable<IMouseEvent | IPointerEvent>;
-    onPointerLeaveObserver: Observable<IMouseEvent | IPointerEvent>;
-    onPointerOverObserver: Observable<IMouseEvent | IPointerEvent>;
-    onPointerEnterObserver: Observable<IMouseEvent | IPointerEvent>;
-    onDragLeaveObserver: Observable<IMouseEvent | IDragEvent>;
-    onDragOverObserver: Observable<IMouseEvent | IDragEvent>;
-    onDragEnterObserver: Observable<IMouseEvent | IDragEvent>;
-    onDropObserver: Observable<IMouseEvent | IDragEvent>;
-    onIsAddedToParentObserver: Observable<any>;
-    onDisposeObserver: Observable<BaseObject>;
+    onTransformChange$: EventSubject<ITransformChangeState>;
+    onPointerDown$: EventSubject<IMouseEvent | IPointerEvent>;
+    onPointerMove$: EventSubject<IMouseEvent | IPointerEvent>;
+    onPointerUp$: EventSubject<IMouseEvent | IPointerEvent>;
+    onPointerOut$: EventSubject<IMouseEvent | IPointerEvent>;
+    onPointerOver$: EventSubject<IMouseEvent | IPointerEvent>;
+    onPointerLeave$: EventSubject<IMouseEvent | IPointerEvent>;
+    onPointerEnter$: EventSubject<IMouseEvent | IPointerEvent>;
+    onDblclick$: EventSubject<IMouseEvent | IPointerEvent>;
+    onTripleClick$: EventSubject<IMouseEvent | IPointerEvent>;
+    onMouseWheel$: EventSubject<IWheelEvent>;
+    onDragLeave$: EventSubject<IMouseEvent | IDragEvent>;
+    onDragOver$: EventSubject<IMouseEvent | IDragEvent>;
+    onDragEnter$: EventSubject<IMouseEvent | IDragEvent>;
+    onDrop$: EventSubject<IMouseEvent | IDragEvent>;
+    onIsAddedToParent$: EventSubject<any>;
+    onDispose$: EventSubject<BaseObject>;
     protected _oKey: string;
     protected _dirty: boolean;
     protected _forceDirty: boolean;
@@ -133,9 +133,6 @@ export declare abstract class BaseObject extends Disposable {
     show(): void;
     render(ctx: UniverRenderingContext, bounds: IViewportInfo): void;
     isHit(coord: Vector2): boolean;
-    on(eventType: EVENT_TYPE, func: (evt: unknown, state: EventState) => void): Nullable<Observer<unknown>>;
-    off(eventType: EVENT_TYPE, observer: Nullable<Observer<unknown>>): void;
-    clear(eventType: EVENT_TYPE): void;
     triggerPointerMove(evt: IPointerEvent | IMouseEvent): boolean;
     triggerPointerDown(evt: IPointerEvent | IMouseEvent): boolean;
     triggerPointerUp(evt: IPointerEvent | IMouseEvent): boolean;

package/lib/types/basics/const.d.ts

@@ -18,18 +18,6 @@ export declare enum SHAPE_TYPE {
     CIRCLE = "circle",
     PATH = "path"
 }
-export declare enum EVENT_TYPE {
-    PointerMove = "PointerMove",
-    PointerDown = "PointerDown",
-    PointerUp = "PointerUp",
-    PointerOut = "PointerOut",
-    PointerLeave = "PointerLeave",
-    PointerOver = "PointerOver",
-    PointerEnter = "PointerEnter",
-    wheel = "MouseWheel",
-    KeyDown = "KeyDown",
-    KeyUp = "KeyUp"
-}
 export declare enum LINK_VIEW_PORT_TYPE {
     XY = 0,
     X = 1,

package/lib/types/basics/i-document-skeleton-cached.d.ts

@@ -9,8 +9,8 @@ export interface IDocumentSkeletonCached extends ISkeletonResourceReference {
     ed?: number;
 }
 export interface ISkeletonResourceReference {
-    skeHeaders: Map<string, Map<number, IDocumentSkeletonHeader>>;
-    skeFooters: Map<string, Map<number, IDocumentSkeletonFooter>>;
+    skeHeaders: Map<string, Map<number, IDocumentSkeletonHeaderFooter>>;
+    skeFooters: Map<string, Map<number, IDocumentSkeletonHeaderFooter>>;
     skeListLevel?: Map<string, IDocumentSkeletonBullet[]>;
     drawingAnchor?: Map<number, IDocumentSkeletonDrawingAnchor>;
 }
@@ -19,20 +19,6 @@ export interface IDocumentSkeletonDrawingAnchor {
     paragraphIndex: number;
     top: number;
 }
-export interface IDocumentSkeletonHeaderFooterBase {
-    lines: IDocumentSkeletonLine[];
-    skeDrawings: Map<string, IDocumentSkeletonDrawing>;
-    height: number;
-    st: number;
-    ed: number;
-    marginLeft: number;
-}
-export interface IDocumentSkeletonHeader extends IDocumentSkeletonHeaderFooterBase {
-    marginTop: number;
-}
-export interface IDocumentSkeletonFooter extends IDocumentSkeletonHeaderFooterBase {
-    marginBottom: number;
-}
 export interface IDocumentSkeletonPage {
     sections: IDocumentSkeletonSection[];
     headerId: string;
@@ -42,7 +28,9 @@ export interface IDocumentSkeletonPage {
     pageOrient: PageOrientType;
     marginLeft: number;
     marginRight: number;
+    originMarginTop: number;
     marginTop: number;
+    originMarginBottom: number;
     marginBottom: number;
     pageNumber: number;
     pageNumberStart: number;
@@ -57,6 +45,8 @@ export interface IDocumentSkeletonPage {
     renderConfig?: IDocumentRenderConfig;
     parent?: IDocumentSkeletonCached;
 }
+export interface IDocumentSkeletonHeaderFooter extends IDocumentSkeletonPage {
+}
 export interface IDocumentSkeletonSection {
     columns: IDocumentSkeletonColumn[];
     colCount: number;
@@ -127,6 +117,7 @@ export interface IDocumentSkeletonGlyph {
     left: number;
     count: number;
     content: string;
+    raw: string;
     adjustability: IAdjustability;
     isJustifiable: boolean;
     ts?: ITextStyle;

package/lib/types/basics/interfaces.d.ts

@@ -1,6 +1,6 @@
 import { BooleanNumber, GridType, IDocStyleBase, IDocumentLayout, IOffset, IParagraphStyle, IReferenceSource, IScale, ISectionBreakBase, ISize, ITextStyle, ITransformState, LocaleService } from '@univerjs/core';
 import { DocumentViewModel } from '../components/docs/view-model/document-view-model';
-import { IDocumentSkeletonBullet, IDocumentSkeletonDrawing, IDocumentSkeletonDrawingAnchor, IDocumentSkeletonFontStyle, IDocumentSkeletonFooter, IDocumentSkeletonGlyph, IDocumentSkeletonHeader } from './i-document-skeleton-cached';
+import { IDocumentSkeletonBullet, IDocumentSkeletonDrawing, IDocumentSkeletonDrawingAnchor, IDocumentSkeletonFontStyle, IDocumentSkeletonGlyph, IDocumentSkeletonHeaderFooter } from './i-document-skeleton-cached';
 import { Vector2 } from './vector2';
 import { ITransformerConfig } from './transformer-config';
 
@@ -54,7 +54,7 @@ export interface ISectionBreakConfig extends IDocStyleBase, ISectionBreakBase, I
     headerIds?: IHeaderIds;
     footerIds?: IFooterIds;
     useFirstPageHeaderFooter?: BooleanNumber;
-    useEvenPageHeaderFooter?: BooleanNumber;
+    evenAndOddHeaders?: BooleanNumber;
 }
 export interface IParagraphConfig {
     paragraphIndex: number;
@@ -62,8 +62,8 @@ export interface IParagraphConfig {
     paragraphInlineSkeDrawings?: Map<string, IDocumentSkeletonDrawing>;
     bulletSkeleton?: IDocumentSkeletonBullet;
     paragraphStyle?: IParagraphStyle;
-    skeHeaders: Map<string, Map<number, IDocumentSkeletonHeader>>;
-    skeFooters: Map<string, Map<number, IDocumentSkeletonFooter>>;
+    skeHeaders: Map<string, Map<number, IDocumentSkeletonHeaderFooter>>;
+    skeFooters: Map<string, Map<number, IDocumentSkeletonHeaderFooter>>;
     drawingAnchor?: Map<number, IDocumentSkeletonDrawingAnchor>;
 }
 export interface IFontCreateConfig {
@@ -78,6 +78,8 @@ export interface INodeInfo {
     node: IDocumentSkeletonGlyph;
     ratioX: number;
     ratioY: number;
+    segmentId: string;
+    segmentPage: number;
 }
 export interface INodeSearch {
     glyph: number;
@@ -86,6 +88,8 @@ export interface INodeSearch {
     column: number;
     section: number;
     page: number;
+    segmentPage: number;
+    isInBody: boolean;
 }
 export interface INodePosition extends INodeSearch {
     isBack: boolean;

package/lib/types/basics/range.d.ts

@@ -13,6 +13,8 @@ export interface ITextRangeWithStyle extends ITextRangeParam {
 export interface ISuccinctTextRangeParam {
     startOffset: number;
     endOffset: number;
+    segmentId?: string;
+    segmentPage?: number;
     style?: ITextSelectionStyle;
 }
 export declare enum RANGE_DIRECTION {

package/lib/types/basics/tools.d.ts

@@ -1,4 +1,4 @@
-import { IRange, IRangeWithCoord, IScale, ISelectionCellWithCoord, IStyleBase, LocaleService, Nullable } from '@univerjs/core';
+import { IRange, IRangeWithCoord, IScale, ISelectionCellWithMergeInfo, IStyleBase, LocaleService, Nullable } from '@univerjs/core';
 import { IBoundRectNoAngle } from './vector2';
 import { IDocumentSkeletonFontStyle } from './i-document-skeleton-cached';
 
@@ -72,7 +72,7 @@ export declare function getCellPositionByIndex(row: number, column: number, rowH
     startX: number;
     endX: number;
 };
-export declare function getCellByIndex(row: number, column: number, rowHeightAccumulation: number[], columnWidthAccumulation: number[], mergeData: IRange[]): ISelectionCellWithCoord;
+export declare function getCellByIndex(row: number, column: number, rowHeightAccumulation: number[], columnWidthAccumulation: number[], mergeData: IRange[]): ISelectionCellWithMergeInfo;
 /**
  * Determine whether there are any cells in a row that are not in the merged cells, mainly used for the calculation of auto height
  */
@@ -84,9 +84,9 @@ export declare function mergeInfoOffset(mergeInfo: IRangeWithCoord, offsetX: num
     endY: number;
     startColumn: number;
     endColumn: number;
-    rangeType?: import('@univerjs/core').RANGE_TYPE | undefined;
-    startAbsoluteRefType?: import('@univerjs/core').AbsoluteRefType | undefined;
-    endAbsoluteRefType?: import('@univerjs/core').AbsoluteRefType | undefined;
+    rangeType?: import('@univerjs/core').RANGE_TYPE;
+    startAbsoluteRefType?: import('@univerjs/core').AbsoluteRefType;
+    endAbsoluteRefType?: import('@univerjs/core').AbsoluteRefType;
     startRow: number;
     endRow: number;
 };

package/lib/types/components/docs/document.d.ts

@@ -1,4 +1,4 @@
-import { Nullable, Observable } from '@univerjs/core';
+import { Nullable } from '@univerjs/core';
 import { IDocumentSkeletonPage } from '../../basics/i-document-skeleton-cached';
 import { Transform } from '../../basics/transform';
 import { IViewportInfo } from '../../basics/vector2';
@@ -19,19 +19,20 @@ export interface IDocumentOffsetConfig extends IPageMarginLayout {
     documentTransform: Transform;
 }
 export declare class Documents extends DocComponent {
-    onPageRenderObservable: Observable<IPageRenderConfig>;
+    private readonly _pageRender$;
+    readonly pageRender$: import('rxjs').Observable<IPageRenderConfig>;
     docsLeft: number;
     docsTop: number;
     private _drawLiquid;
-    private _skeletonObserver;
     constructor(oKey: string, documentSkeleton?: DocumentSkeleton, config?: IDocumentsConfig);
     static create(oKey: string, documentSkeleton?: DocumentSkeleton, config?: IDocumentsConfig): Documents;
     dispose(): void;
     getOffsetConfig(): IDocumentOffsetConfig;
     getEngine(): Nullable<import('../..').ThinEngine<Scene>>;
-    draw(ctx: UniverRenderingContext, bounds?: IViewportInfo): void;
     changeSkeleton(newSkeleton: DocumentSkeleton): this;
     protected _draw(ctx: UniverRenderingContext, bounds?: IViewportInfo): void;
+    draw(ctx: UniverRenderingContext, bounds?: IViewportInfo): void;
+    private _drawHeaderFooter;
     private _horizontalHandler;
     private _verticalHandler;
     private _startRotation;

package/lib/types/components/docs/layout/block/paragraph/language-ruler.d.ts

@@ -3,19 +3,19 @@ import { ISectionBreakConfig } from '../../../../../basics/interfaces';
 import { DataStreamTreeNode } from '../../../view-model/data-stream-tree-node';
 import { DocumentViewModel } from '../../../view-model/document-view-model';
 
-export declare function otherHandler(index: number, charArray: string, bodyModel: DocumentViewModel, paragraphNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig, paragraphStyle: IParagraphStyle): {
+export declare function otherHandler(index: number, charArray: string, viewModel: DocumentViewModel, paragraphNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig, paragraphStyle: IParagraphStyle): {
     step: number;
     glyphGroup: import('../../../../..').IDocumentSkeletonGlyph[];
 };
-export declare function ArabicHandler(index: number, charArray: string, bodyModel: DocumentViewModel, paragraphNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig, paragraphStyle: IParagraphStyle): {
+export declare function ArabicHandler(index: number, charArray: string, viewModel: DocumentViewModel, paragraphNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig, paragraphStyle: IParagraphStyle): {
     step: number;
     glyphGroup: import('../../../../..').IDocumentSkeletonGlyph[];
 };
-export declare function emojiHandler(index: number, charArray: string, bodyModel: DocumentViewModel, paragraphNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig, paragraphStyle: IParagraphStyle): {
+export declare function emojiHandler(index: number, charArray: string, viewModel: DocumentViewModel, paragraphNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig, paragraphStyle: IParagraphStyle): {
     step: number;
     glyphGroup: import('../../../../..').IDocumentSkeletonGlyph[];
 };
-export declare function TibetanHandler(index: number, charArray: string, bodyModel: DocumentViewModel, paragraphNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig, paragraphStyle: IParagraphStyle): {
+export declare function TibetanHandler(index: number, charArray: string, viewModel: DocumentViewModel, paragraphNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig, paragraphStyle: IParagraphStyle): {
     step: number;
     glyphGroup: import('../../../../..').IDocumentSkeletonGlyph[];
 };

package/lib/types/components/docs/layout/block/paragraph/linebreaking.d.ts

@@ -2,6 +2,7 @@ import { IDocumentSkeletonPage } from '../../../../../basics/i-document-skeleton
 import { ILayoutContext } from '../../tools';
 import { DataStreamTreeNode } from '../../../view-model/data-stream-tree-node';
 import { ISectionBreakConfig } from '../../../../../basics/interfaces';
+import { DocumentViewModel } from '../../../view-model/document-view-model';
 import { IShapedText } from './shaping';
 
-export declare function lineBreaking(ctx: ILayoutContext, shapedTextList: IShapedText[], curPage: IDocumentSkeletonPage, paragraphNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig): IDocumentSkeletonPage[];
+export declare function lineBreaking(ctx: ILayoutContext, viewModel: DocumentViewModel, shapedTextList: IShapedText[], curPage: IDocumentSkeletonPage, paragraphNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig): IDocumentSkeletonPage[];

package/lib/types/components/docs/layout/doc-skeleton.d.ts

@@ -1,9 +1,9 @@
 import { LocaleService, Nullable } from '@univerjs/core';
-import { IDocumentSkeletonCached, IDocumentSkeletonGlyph, PageLayoutType } from '../../../basics/i-document-skeleton-cached';
+import { IDocumentSkeletonCached, IDocumentSkeletonGlyph, IDocumentSkeletonPage, PageLayoutType } from '../../../basics/i-document-skeleton-cached';
 import { INodeInfo, INodePosition, INodeSearch } from '../../../basics/interfaces';
 import { IViewportInfo, Vector2 } from '../../../basics/vector2';
 import { Skeleton } from '../../skeleton';
-import { DocumentViewModel } from '../view-model/document-view-model';
+import { DocumentViewModel, DocumentEditArea } from '../view-model/document-view-model';
 
 export declare enum DocumentSkeletonState {
     PENDING = "pending",
@@ -30,10 +30,15 @@ export declare class DocumentSkeleton extends Skeleton {
     };
     private _getPageActualWidth;
     getPageSize(): import('@univerjs/core').ISize | undefined;
-    findPositionByGlyph(glyph: IDocumentSkeletonGlyph): Nullable<INodeSearch>;
-    findNodePositionByCharIndex(charIndex: number, isBack?: boolean): Nullable<INodePosition>;
-    findNodeByCharIndex(charIndex: number): Nullable<IDocumentSkeletonGlyph>;
+    findPositionByGlyph(glyph: IDocumentSkeletonGlyph, segmentPage: number): Nullable<INodeSearch>;
+    findNodePositionByCharIndex(charIndex: number, isBack?: boolean, segmentId?: string, segmentPIndex?: number): Nullable<INodePosition>;
+    findNodeByCharIndex(charIndex: number, segmentId?: string, segmentPageIndex?: number): Nullable<IDocumentSkeletonGlyph>;
     findGlyphByPosition(position: Nullable<INodePosition>): IDocumentSkeletonGlyph | undefined;
+    findEditAreaByCoord(coord: Vector2, pageLayoutType: PageLayoutType, pageMarginLeft: number, pageMarginTop: number): {
+        editArea: DocumentEditArea;
+        pageNumber: number;
+        page: Nullable<IDocumentSkeletonPage>;
+    };
     findNodeByCoord(coord: Vector2, pageLayoutType: PageLayoutType, pageMarginLeft: number, pageMarginTop: number): Nullable<INodeInfo>;
     private _getNearestNode;
     private _getPageBoundingBox;
@@ -68,5 +73,5 @@ export declare class DocumentSkeleton extends Skeleton {
      */
     private _createSkeleton;
     private _addNewSectionByContinuous;
-    private _findNodeIterator;
+    private _findNodeByIndex;
 }

package/lib/types/components/docs/layout/shaping-engine/text-shaping.d.ts

@@ -1,6 +1,5 @@
-import { IDocumentBody } from '@univerjs/core';
+import { IDocumentBody, Nullable } from '@univerjs/core';
 import { default as Opentype } from 'opentype.js';
-import { Nullable } from 'vitest';
 
 interface IBoundingBox {
     x1: number;

package/lib/types/components/docs/layout/style/custom-decoration.d.ts

@@ -0,0 +1,3 @@
+import { ICustomDecorationForInterceptor, ITextStyle, Nullable } from '@univerjs/core';
+
+export declare function getCustomDecorationStyle(customDecoration: ICustomDecorationForInterceptor): Nullable<ITextStyle>;

package/lib/types/components/docs/layout/style/custom-range.d.ts

@@ -0,0 +1,3 @@
+import { ICustomRangeForInterceptor, ITextStyle, Nullable } from '@univerjs/core';
+
+export declare function getCustomRangeStyle(customRange: ICustomRangeForInterceptor): Nullable<ITextStyle>;

package/lib/types/components/docs/layout/tools.d.ts

@@ -72,7 +72,7 @@ export declare function getFontConfigFromLastGlyph(glyph: IDocumentSkeletonGlyph
     snapToGrid: BooleanNumber;
     pageWidth: number;
 };
-export declare function getFontCreateConfig(index: number, bodyModel: DocumentViewModel, paragraphNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig, paragraphStyle: IParagraphStyle): IFontCreateConfig;
+export declare function getFontCreateConfig(index: number, viewModel: DocumentViewModel, paragraphNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig, paragraphStyle: IParagraphStyle): IFontCreateConfig;
 export declare function getNullSkeleton(): IDocumentSkeletonCached;
 export declare function setPageParent(pages: IDocumentSkeletonPage[], parent: IDocumentSkeletonCached): void;
 export interface ILayoutContext {

package/lib/types/components/docs/liquid.d.ts

@@ -33,7 +33,7 @@ export declare class Liquid {
         x: number;
         y: number;
     };
-    translateSpan(glyph: IDocumentSkeletonGlyph): {
+    translateGlyph(glyph: IDocumentSkeletonGlyph): {
         x: number;
         y: number;
     };

package/lib/types/components/docs/text-selection/text-range.d.ts

@@ -16,6 +16,12 @@ export declare function getAnchorBounding(pointsGroup: IPoint[][]): {
     width: number;
     height: number;
 };
+export declare function getLineBounding(pointsGroup: IPoint[][]): {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}[];
 export declare class TextRange {
     private _scene;
     private _document;

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

@@ -19,6 +19,7 @@ export interface ITextSelectionInnerParam {
     segmentId: string;
     isEditing: boolean;
     style: ITextSelectionStyle;
+    segmentPage: number;
 }
 export interface IActiveTextRange {
     startOffset: number;
@@ -28,6 +29,7 @@ export interface IActiveTextRange {
     endNodePosition: Nullable<INodePosition>;
     direction: RANGE_DIRECTION;
     segmentId: string;
+    segmentPage: number;
     style: ITextSelectionStyle;
 }
 export interface ITextSelectionRenderManager {
@@ -47,6 +49,8 @@ export interface ITextSelectionRenderManager {
     enableSelection(): void;
     disableSelection(): void;
     setSegment(id: string): void;
+    setSegmentPage(pageIndex: number): void;
+    getSegmentPage(): number;
     setStyle(style: ITextSelectionStyle): void;
     resetStyle(): void;
     removeAllTextRanges(): void;
@@ -97,13 +101,12 @@ export declare class TextSelectionRenderManager extends RxDisposable implements
     private _container;
     private _inputParent;
     private _input;
-    private _moveObservers;
-    private _upObservers;
     private _scrollTimers;
     private _viewportScrollX;
     private _viewportScrollY;
     private _rangeList;
     private _currentSegmentId;
+    private _currentSegmentPage;
     private _selectionStyle;
     private _isSelectionEnabled;
     private _viewPortObserverMap;
@@ -112,15 +115,20 @@ export declare class TextSelectionRenderManager extends RxDisposable implements
     private _docSkeleton;
     private _scene;
     private _document;
+    private _scenePointerMoveSubs;
+    private _scenePointerUpSubs;
     constructor(_logService: ILogService);
     __getEditorContainer(): HTMLElement;
     getViewPort(): Viewport;
     setSegment(id: string): void;
+    setSegmentPage(pageIndex: number): void;
+    getSegmentPage(): number;
     setStyle(style?: ITextSelectionStyle): void;
     resetStyle(): void;
     enableSelection(): void;
     disableSelection(): void;
     addTextRanges(ranges: ISuccinctTextRangeParam[], isEditing?: boolean): void;
+    setCursorManually(evtOffsetX: number, evtOffsetY: number): void;
     sync(): void;
     activate(x: number, y: number): void;
     hasFocus(): boolean;
@@ -130,7 +138,6 @@ 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 _setSystemHighlightColorToStyle;

package/lib/types/components/docs/view-model/document-view-model.d.ts

@@ -1,9 +1,19 @@
-import { IDocumentBody, ITextRun, DocumentDataModel } from '@univerjs/core';
+import { ICustomDecorationForInterceptor, ICustomRangeForInterceptor, IDocumentBody, ITextRun, Nullable, DocumentDataModel } from '@univerjs/core';
 import { IDisposable } from '@wendellhu/redi';
 import { DataStreamTreeNode } from './data-stream-tree-node';
 
+export interface ICustomRangeInterceptor {
+    getCustomRange: (index: number) => Nullable<ICustomRangeForInterceptor>;
+    getCustomDecoration: (index: number) => Nullable<ICustomDecorationForInterceptor>;
+}
+export declare enum DocumentEditArea {
+    BODY = "BODY",
+    HEADER = "HEADER",
+    FOOTER = "FOOTER"
+}
 export declare class DocumentViewModel implements IDisposable {
     private _documentDataModel;
+    private _interceptor;
     children: DataStreamTreeNode[];
     private _sectionBreakCurrentIndex;
     private _paragraphCurrentIndex;
@@ -11,11 +21,17 @@ export declare class DocumentViewModel implements IDisposable {
     private _customBlockCurrentIndex;
     private _tableBlockCurrentIndex;
     private _customRangeCurrentIndex;
+    private _editArea;
+    private readonly _editAreaChange$;
+    readonly editAreaChange$: import('rxjs').Observable<Nullable<DocumentEditArea>>;
     headerTreeMap: Map<string, DocumentViewModel>;
     footerTreeMap: Map<string, DocumentViewModel>;
     constructor(_documentDataModel: DocumentDataModel);
+    registerCustomRangeInterceptor(interceptor: ICustomRangeInterceptor): IDisposable;
     dispose(): void;
     selfPlus(len: number, index: number): void;
+    getEditArea(): DocumentEditArea;
+    setEditArea(editArea: DocumentEditArea): void;
     getPositionInParent(): number;
     getLastIndex(): number;
     getBody(): IDocumentBody | undefined;
@@ -36,7 +52,10 @@ export declare class DocumentViewModel implements IDisposable {
     getTextRun(index: number): ITextRun | undefined;
     getCustomBlock(index: number): import('@univerjs/core').ICustomBlock | undefined;
     getTable(index: number): import('@univerjs/core').ITable | undefined;
-    getCustomRange(index: number): import('@univerjs/core').ICustomRange | undefined;
+    getCustomRangeRaw(index: number): import('@univerjs/core').ICustomRange | undefined;
+    getCustomRange(index: number): Nullable<ICustomRangeForInterceptor>;
+    getCustomDecorationRaw(index: number): import('@univerjs/core').ICustomDecoration | undefined;
+    getCustomDecoration(index: number): Nullable<ICustomDecorationForInterceptor>;
     protected _transformToTree(dataStream: string): DataStreamTreeNode[];
     private _processPreviousNodesUntil;
     private _batchParent;

package/lib/types/components/sheets/extensions/row-header-layout.d.ts

@@ -1,10 +1,21 @@
 import { IScale } from '@univerjs/core';
 import { UniverRenderingContext } from '../../../context';
 import { SpreadsheetSkeleton } from '../sheet-skeleton';
+import { IARowCfg, IARowCfgObj, IColumnStyleCfg, IRowStyleCfg } from '../interfaces.ts';
 import { SheetExtension } from './sheet-extension';
 
+export interface IRowsHeaderCfgParam {
+    headerStyle?: Partial<IRowStyleCfg>;
+    rowsCfg?: IARowCfg[];
+}
 export declare class RowHeaderLayout extends SheetExtension {
     uKey: string;
     Z_INDEX: number;
+    rowsCfg: IARowCfg[];
+    headerStyle: IRowStyleCfg;
+    constructor(cfg?: IRowsHeaderCfgParam);
+    configHeaderRow(cfg: IRowsHeaderCfgParam): void;
+    getCfgOfCurrentRow(rowIndex: number): [IARowCfgObj, boolean];
+    setStyleToCtx(ctx: UniverRenderingContext, rowStyle: Partial<IColumnStyleCfg>): void;
     draw(ctx: UniverRenderingContext, parentScale: IScale, spreadsheetSkeleton: SpreadsheetSkeleton): void;
 }

package/lib/types/components/sheets/extensions/sheet-extension.d.ts

@@ -7,7 +7,7 @@ export declare enum SHEET_EXTENSION_TYPE {
 }
 export declare class SheetExtension extends ComponentExtension<SpreadsheetSkeleton, SHEET_EXTENSION_TYPE, IRange[]> {
     type: SHEET_EXTENSION_TYPE;
-    getCellIndex(rowIndex: number, columnIndex: number, rowHeightAccumulation: number[], columnWidthAccumulation: number[], dataMergeCache: IRange[]): import('@univerjs/core').ISelectionCellWithCoord;
+    getCellIndex(rowIndex: number, columnIndex: number, rowHeightAccumulation: number[], columnWidthAccumulation: number[], dataMergeCache: IRange[]): import('@univerjs/core').ISelectionCellWithMergeInfo;
     isRenderDiffRangesByCell(rangeP: IRange, diffRanges?: IRange[]): boolean;
     isRenderDiffRangesByColumn(curStartColumn: number, curEndColumn: number, diffRanges?: IRange[]): boolean;
     isRenderDiffRangesByRow(curStartRow: number, curEndRow: number, diffRanges?: IRange[]): boolean;

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

@@ -1,4 +1,4 @@
-import { BorderStyleTypes, HorizontalAlign, ISelectionCellWithCoord, ObjectMatrix, VerticalAlign, WrapStrategy } from '@univerjs/core';
+import { BorderStyleTypes, HorizontalAlign, ISelectionCellWithMergeInfo, ObjectMatrix, VerticalAlign, WrapStrategy } from '@univerjs/core';
 import { BORDER_TYPE } from '../../basics/const';
 import { DocumentSkeleton } from '../docs/layout/doc-skeleton';
 import { Canvas } from '../../canvas';
@@ -28,7 +28,7 @@ interface fontCache {
 }
 export interface IStylesCache {
     background?: backgroundCache;
-    backgroundPositions?: ObjectMatrix<ISelectionCellWithCoord>;
+    backgroundPositions?: ObjectMatrix<ISelectionCellWithMergeInfo>;
     font?: fontCache;
     border?: ObjectMatrix<BorderCache>;
 }
@@ -82,4 +82,17 @@ export type IAColumnCfgObj = IColumnStyleCfg & {
     text: string;
 };
 export type IAColumnCfg = undefined | null | string | Partial<IAColumnCfgObj>;
+export interface IRowStyleCfg {
+    fontFamily: string;
+    fontColor: string;
+    fontSize: number;
+    borderColor: string;
+    textAlign: CanvasTextAlign;
+    textBaseline: CanvasTextBaseline;
+    backgroundColor: string;
+}
+export type IARowCfgObj = IColumnStyleCfg & {
+    text: string;
+};
+export type IARowCfg = undefined | null | string | Partial<IARowCfgObj>;
 export {};

package/lib/types/components/sheets/row-header.d.ts

@@ -1,7 +1,7 @@
 import { Nullable } from '@univerjs/core';
 import { IViewportInfo, Vector2 } from '../../basics/vector2';
 import { UniverRenderingContext } from '../../context';
-import { RowHeaderLayout } from './extensions/row-header-layout';
+import { IRowsHeaderCfgParam, RowHeaderLayout } from './extensions/row-header-layout';
 import { SpreadsheetHeader } from './sheet-component';
 import { SpreadsheetSkeleton } from './sheet-skeleton';
 
@@ -25,4 +25,5 @@ export declare class SpreadsheetRowHeader extends SpreadsheetHeader {
     draw(ctx: UniverRenderingContext, bounds?: IViewportInfo): void;
     isHit(coord: Vector2): boolean;
     private _initialDefaultExtension;
+    setCustomHeader(cfg: IRowsHeaderCfgParam): void;
 }

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

@@ -1,4 +1,4 @@
-import { BooleanNumber, DocumentDataModel, HorizontalAlign, IContextService, LocaleService, ObjectMatrix, VerticalAlign, WrapStrategy, ICellData, IPaddingData, IRange, IRowAutoHeightInfo, ISelectionCellWithCoord, ITextRotation, IWorksheetData, Nullable, Styles, Worksheet } from '@univerjs/core';
+import { BooleanNumber, DocumentDataModel, HorizontalAlign, IContextService, LocaleService, ObjectMatrix, VerticalAlign, WrapStrategy, ICellData, IPaddingData, IRange, IRowAutoHeightInfo, ISelectionCellWithMergeInfo, ITextRotation, IWorksheetData, Nullable, Styles, Worksheet } from '@univerjs/core';
 import { IBoundRectNoAngle, IViewportInfo } from '../../basics/vector2';
 import { DocumentSkeleton } from '../docs/layout/doc-skeleton';
 import { Skeleton } from '../skeleton';
@@ -29,6 +29,12 @@ export interface IDocumentLayoutObject {
     paddingData: IPaddingData;
     fill?: Nullable<string>;
 }
+export declare const DEFAULT_PADDING_DATA: {
+    t: number;
+    b: number;
+    l: number;
+    r: number;
+};
 export declare const RENDER_RAW_FORMULA_KEY = "RENDER_RAW_FORMULA";
 export declare class SpreadsheetSkeleton extends Skeleton {
     private _worksheet;
@@ -159,7 +165,7 @@ export declare class SpreadsheetSkeleton extends Skeleton {
     calculateCellIndexByPosition(offsetX: number, offsetY: number, scaleX: number, scaleY: number, scrollXY: {
         x: number;
         y: number;
-    }): Nullable<ISelectionCellWithCoord>;
+    }): Nullable<ISelectionCellWithMergeInfo>;
     /**
      *
      * @param offsetX HTML coordinate system, mouse position x.
@@ -216,7 +222,7 @@ export declare class SpreadsheetSkeleton extends Skeleton {
      * @param row Specified Row Coordinate
      * @param column Specified Column Coordinate
      */
-    getCellByIndex(row: number, column: number): ISelectionCellWithCoord;
+    getCellByIndex(row: number, column: number): ISelectionCellWithMergeInfo;
     getCellByIndexWithNoHeader(row: number, column: number): {
         actualRow: number;
         actualColumn: number;
@@ -233,9 +239,9 @@ export declare class SpreadsheetSkeleton extends Skeleton {
             endY: number;
             startColumn: number;
             endColumn: number;
-            rangeType?: import('@univerjs/core').RANGE_TYPE | undefined;
-            startAbsoluteRefType?: import('@univerjs/core').AbsoluteRefType | undefined;
-            endAbsoluteRefType?: import('@univerjs/core').AbsoluteRefType | undefined;
+            rangeType?: import('@univerjs/core').RANGE_TYPE;
+            startAbsoluteRefType?: import('@univerjs/core').AbsoluteRefType;
+            endAbsoluteRefType?: import('@univerjs/core').AbsoluteRefType;
             startRow: number;
             endRow: number;
         };
@@ -248,12 +254,7 @@ export declare class SpreadsheetSkeleton extends Skeleton {
         x: number;
         y: number;
     }): number;
-    getSelectionBounding(startRow: number, startColumn: number, endRow: number, endColumn: number): {
-        startRow: number;
-        startColumn: number;
-        endRow: number;
-        endColumn: number;
-    };
+    getSelectionBounding(startRow: number, startColumn: number, endRow: number, endColumn: number): IRange;
     getBlankCellDocumentModel(cell: Nullable<ICellData>): IDocumentLayoutObject;
     getCellDocumentModelWithFormula(cell: ICellData): Nullable<IDocumentLayoutObject>;
     private _getCellDocumentModel;