@univerjs/engine-render 0.2.6 → 0.2.7

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

@@ -134,6 +134,10 @@ export declare abstract class BaseObject extends Disposable {
     scale(scaleX?: number, scaleY?: number): this;
     skew(skewX?: number, skewY?: number): this;
     flip(flipX?: boolean, flipY?: boolean): this;
+    /**
+     * this[pKey] = option[pKey]
+     * @param option
+     */
     transformByState(option: IObjectFullState): this | undefined;
     isRender(bounds?: IViewportInfo): boolean | undefined;
     getParent(): any;

package/lib/types/basics/document-node-tools.d.ts

@@ -5,6 +5,12 @@ export declare function hasListGlyph(glyph: Nullable<IDocumentSkeletonGlyph>): b
 export declare function isIndentByGlyph(glyph: Nullable<IDocumentSkeletonGlyph>, body?: IDocumentBody): boolean;
 export declare function isLastGlyph(glyph: Nullable<IDocumentSkeletonGlyph>): boolean;
 export declare function isFirstGlyph(glyph: Nullable<IDocumentSkeletonGlyph>): boolean;
-export declare function getParagraphByGlyph(glyph: Nullable<IDocumentSkeletonGlyph>, body?: IDocumentBody): import('@univerjs/core').IParagraph | undefined;
+export declare function getParagraphByGlyph(glyph: Nullable<IDocumentSkeletonGlyph>, body?: IDocumentBody): {
+    paragraphStart: number;
+    paragraphEnd: number;
+    startIndex: number;
+    paragraphStyle?: import('@univerjs/core').IParagraphStyle;
+    bullet?: import('@univerjs/core').IBullet;
+} | undefined;
 export declare function isPlaceholderOrSpace(glyph: Nullable<IDocumentSkeletonGlyph>): boolean;
 export declare function isSameLine(glyph1: Nullable<IDocumentSkeletonGlyph>, glyph2: Nullable<IDocumentSkeletonGlyph>): boolean;

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

@@ -1,4 +1,4 @@
-import { BulletAlignment, ColumnSeparatorType, DataStreamTreeTokenType, IDocDrawingBase, IDocumentRenderConfig, INestingLevel, IParagraphProperties, ITextStyle, PageOrientType } from '@univerjs/core';
+import { BulletAlignment, ColumnSeparatorType, DataStreamTreeTokenType, IDocDrawingBase, IDocumentRenderConfig, INestingLevel, IParagraphProperties, ITable, ITextStyle, PageOrientType } from '@univerjs/core';
 import { BreakPointType } from '../components/docs/layout/line-breaker/break';
 
 export interface IDocumentSkeletonCached extends ISkeletonResourceReference {
@@ -7,6 +7,7 @@ export interface IDocumentSkeletonCached extends ISkeletonResourceReference {
     top: number;
     st: number;
     ed?: number;
+    parent?: unknown;
 }
 export interface ISkeletonResourceReference {
     skeHeaders: Map<string, Map<number, IDocumentSkeletonHeaderFooter>>;
@@ -22,7 +23,8 @@ export interface IDocumentSkeletonDrawingAnchor {
 export declare enum DocumentSkeletonPageType {
     BODY = 0,
     HEADER = 1,
-    FOOTER = 2
+    FOOTER = 2,
+    CELL = 3
 }
 export interface IDocumentSkeletonPage {
     sections: IDocumentSkeletonSection[];
@@ -37,6 +39,7 @@ export interface IDocumentSkeletonPage {
     marginTop: number;
     originMarginBottom: number;
     marginBottom: number;
+    left: number;
     pageNumber: number;
     pageNumberStart: number;
     verticalAlign: boolean;
@@ -47,10 +50,11 @@ export interface IDocumentSkeletonPage {
     st: number;
     ed: number;
     skeDrawings: Map<string, IDocumentSkeletonDrawing>;
+    skeTables: Map<string, IDocumentSkeletonTable>;
     segmentId: string;
     type: DocumentSkeletonPageType;
     renderConfig?: IDocumentRenderConfig;
-    parent?: IDocumentSkeletonCached;
+    parent?: IDocumentSkeletonCached | IDocumentSkeletonRow;
 }
 export interface IDocumentSkeletonHeaderFooter extends IDocumentSkeletonPage {
 }
@@ -63,6 +67,27 @@ export interface IDocumentSkeletonSection {
     ed: number;
     parent?: IDocumentSkeletonPage;
 }
+export interface IDocumentSkeletonTable {
+    rows: IDocumentSkeletonRow[];
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    st: number;
+    ed: number;
+    tableId: string;
+    tableSource: ITable;
+    parent?: IDocumentSkeletonPage;
+}
+export interface IDocumentSkeletonRow {
+    cells: IDocumentSkeletonPage[];
+    index: number;
+    height: number;
+    top: number;
+    st: number;
+    ed: number;
+    parent?: IDocumentSkeletonTable;
+}
 export interface IDocumentSkeletonColumn {
     lines: IDocumentSkeletonLine[];
     left: number;
@@ -97,6 +122,8 @@ export interface IDocumentSkeletonLine {
     lineIndex: number;
     bullet?: IDocumentSkeletonBullet;
     paragraphStart: boolean;
+    isBehindTable: boolean;
+    tableId: string;
     parent?: IDocumentSkeletonColumn;
 }
 export interface IDocumentSkeletonDivide {

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 { DocumentSkeletonPageType, IDocumentSkeletonBullet, IDocumentSkeletonDrawing, IDocumentSkeletonDrawingAnchor, IDocumentSkeletonFontStyle, IDocumentSkeletonGlyph, IDocumentSkeletonHeaderFooter } from './i-document-skeleton-cached';
+import { DocumentSkeletonPageType, IDocumentSkeletonBullet, IDocumentSkeletonDrawing, IDocumentSkeletonDrawingAnchor, IDocumentSkeletonFontStyle, IDocumentSkeletonGlyph, IDocumentSkeletonHeaderFooter, IDocumentSkeletonTable } from './i-document-skeleton-cached';
 import { Vector2 } from './vector2';
 import { ITransformerConfig } from './transformer-config';
 
@@ -56,10 +56,16 @@ export interface ISectionBreakConfig extends IDocStyleBase, ISectionBreakBase, I
     useFirstPageHeaderFooter?: BooleanNumber;
     evenAndOddHeaders?: BooleanNumber;
 }
+export interface IParagraphTableCache {
+    tableId: string;
+    table: IDocumentSkeletonTable;
+    hasPositioned: boolean;
+}
 export interface IParagraphConfig {
     paragraphIndex: number;
     paragraphAffectSkeDrawings?: Map<string, IDocumentSkeletonDrawing>;
     paragraphInlineSkeDrawings?: Map<string, IDocumentSkeletonDrawing>;
+    skeTablesInParagraph?: IParagraphTableCache[];
     bulletSkeleton?: IDocumentSkeletonBullet;
     paragraphStyle?: IParagraphStyle;
     skeHeaders: Map<string, Map<number, IDocumentSkeletonHeaderFooter>>;
@@ -90,6 +96,7 @@ export interface INodeSearch {
     page: number;
     segmentPage: number;
     pageType: DocumentSkeletonPageType;
+    path: (string | number)[];
 }
 export interface INodePosition extends INodeSearch {
     isBack: boolean;

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

@@ -1,4 +1,5 @@
 import { ITextRangeParam } from '@univerjs/core';
+import { DOC_RANGE_TYPE } from '../components/docs/text-selection/range-interface';
 
 export interface ITextSelectionStyle {
     strokeWidth: number;
@@ -9,13 +10,15 @@ export interface ITextSelectionStyle {
 export declare const NORMAL_TEXT_SELECTION_PLUGIN_STYLE: ITextSelectionStyle;
 export interface ITextRangeWithStyle extends ITextRangeParam {
     style?: ITextSelectionStyle;
+    rangeType?: DOC_RANGE_TYPE;
 }
-export interface ISuccinctTextRangeParam {
+export interface ISuccinctDocRangeParam {
     startOffset: number;
     endOffset: number;
     segmentId?: string;
     segmentPage?: number;
     style?: ITextSelectionStyle;
+    rangeType?: DOC_RANGE_TYPE;
 }
 export declare enum RANGE_DIRECTION {
     NONE = "none",

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

@@ -32,6 +32,9 @@ export declare class Documents extends DocComponent {
     changeSkeleton(newSkeleton: DocumentSkeleton): this;
     protected _draw(ctx: UniverRenderingContext, bounds?: IViewportInfo): void;
     draw(ctx: UniverRenderingContext, bounds?: IViewportInfo): void;
+    private _drawTable;
+    private _drawTableCell;
+    private _drawTableCellBorders;
     private _drawHeaderFooter;
     private _horizontalHandler;
     private _verticalHandler;

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

@@ -1,8 +1,9 @@
-import { IDocumentSkeletonPage } from '../../../../../basics/i-document-skeleton-cached';
+import { Nullable } from '@univerjs/core';
+import { IDocumentSkeletonPage, IDocumentSkeletonTable } from '../../../../../basics/i-document-skeleton-cached';
 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, viewModel: DocumentViewModel, 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, tableSkeleton: Nullable<IDocumentSkeletonTable>): IDocumentSkeletonPage[];

package/lib/types/components/docs/layout/block/table.d.ts

@@ -0,0 +1,13 @@
+import { ITable } from '@univerjs/core';
+import { IDocumentSkeletonPage, IDocumentSkeletonTable, ISectionBreakConfig } from '../../../../basics';
+import { DataStreamTreeNode } from '../../view-model/data-stream-tree-node';
+import { DocumentViewModel } from '../../view-model/document-view-model';
+import { ILayoutContext } from '../tools';
+
+export declare function createTableSkeleton(ctx: ILayoutContext, curPage: IDocumentSkeletonPage, viewModel: DocumentViewModel, tableNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig): IDocumentSkeletonTable;
+export declare function getNullTableSkeleton(st: number, ed: number, table: ITable): IDocumentSkeletonTable;
+export declare function getTableSliceId(tableId: string, sliceIndex: number): string;
+export declare function getTableIdAndSliceIndex(tableSliceId: string): {
+    tableId: string;
+    sliceIndex: number;
+};

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

@@ -36,6 +36,7 @@ export declare class DocumentSkeleton extends Skeleton {
     private _getPageActualWidth;
     getPageSize(): import('@univerjs/core').ISize | undefined;
     findPositionByGlyph(glyph: IDocumentSkeletonGlyph, segmentPage: number): Nullable<INodeSearch>;
+    findCharIndexByPosition(position: INodePosition): Nullable<number>;
     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;

package/lib/types/components/docs/layout/model/line.d.ts

@@ -1,5 +1,6 @@
 import { Nullable } from '@univerjs/core';
 import { IDocumentSkeletonDivide, IDocumentSkeletonDrawing, IDocumentSkeletonDrawingAnchor, IDocumentSkeletonLine, IDocumentSkeletonPage, LineType } from '../../../../basics/i-document-skeleton-cached';
+import { IParagraphConfig } from '../../../../basics';
 
 interface ILineBoundingBox {
     lineHeight: number;
@@ -12,11 +13,11 @@ interface ILineBoundingBox {
     marginTop?: number;
     spaceBelowApply?: number;
 }
-export declare function createSkeletonLine(paragraphIndex: number, lineType: LineType, lineBoundingBox: ILineBoundingBox, columnWidth: number, lineIndex: number | undefined, isParagraphStart: boolean | undefined, page: IDocumentSkeletonPage, headerPage: Nullable<IDocumentSkeletonPage>, footerPage: Nullable<IDocumentSkeletonPage>): IDocumentSkeletonLine;
+export declare function createSkeletonLine(paragraphIndex: number, lineType: LineType, lineBoundingBox: ILineBoundingBox, columnWidth: number, lineIndex: number | undefined, isParagraphStart: boolean | undefined, paragraphConfig: IParagraphConfig, page: IDocumentSkeletonPage, headerPage: Nullable<IDocumentSkeletonPage>, footerPage: Nullable<IDocumentSkeletonPage>): IDocumentSkeletonLine;
 export declare function calculateLineTopByDrawings(lineHeight: number | undefined, lineTop: number | undefined, page: IDocumentSkeletonPage, headerPage: Nullable<IDocumentSkeletonPage>, footerPage: Nullable<IDocumentSkeletonPage>): number;
 export declare function updateDivideInfo(divide: IDocumentSkeletonDivide, states: Partial<IDocumentSkeletonDivide>): void;
 export declare function setLineMarginBottom(line: IDocumentSkeletonLine, marginBottom: number): void;
 export declare function collisionDetection(drawing: IDocumentSkeletonDrawing, lineHeight: number, lineTop: number, columnLeft: number, columnWidth: number): boolean;
-export declare function getBoundingBox(angle: number, left: number, width: number, top: number, height: number): import('../../../..').IRect;
+export declare function getBoundingBox(angle: number, left: number, width: number, top: number, height: number): import('../../../../basics').IRect;
 export declare function createAndUpdateBlockAnchor(paragraphIndex: number, line: IDocumentSkeletonLine, top: number, drawingAnchor?: Map<number, IDocumentSkeletonDrawingAnchor>): void;
 export {};

package/lib/types/components/docs/layout/model/page.d.ts

@@ -1,5 +1,9 @@
+import { ITable } from '@univerjs/core';
 import { IDocumentSkeletonPage, ISkeletonResourceReference, BreakType } from '../../../../basics/i-document-skeleton-cached';
 import { ISectionBreakConfig } from '../../../../basics/interfaces';
+import { DocumentViewModel } from '../../view-model/document-view-model';
 import { ILayoutContext } from '../tools';
+import { DataStreamTreeNode } from '../../view-model/data-stream-tree-node';
 
 export declare function createSkeletonPage(ctx: ILayoutContext, sectionBreakConfig: ISectionBreakConfig, skeletonResourceReference: ISkeletonResourceReference, pageNumber?: number, breakType?: BreakType): IDocumentSkeletonPage;
+export declare function createSkeletonCellPage(ctx: ILayoutContext, viewModel: DocumentViewModel, cellNode: DataStreamTreeNode, sectionBreakConfig: ISectionBreakConfig, tableConfig: ITable, row: number, col: number): IDocumentSkeletonPage;

package/lib/types/components/docs/layout/model/table.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */

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

@@ -51,7 +51,7 @@ export declare function getCharSpaceConfig(sectionBreakConfig: ISectionBreakConf
 export declare function updateBlockIndex(pages: IDocumentSkeletonPage[], start?: number): void;
 export declare function updateInlineDrawingCoords(ctx: ILayoutContext, pages: IDocumentSkeletonPage[]): void;
 export declare function glyphIterator(pages: IDocumentSkeletonPage[], cb: (glyph: IDocumentSkeletonGlyph, divide: IDocumentSkeletonDivide, line: IDocumentSkeletonLine, column: IDocumentSkeletonColumn, section: IDocumentSkeletonSection, page: IDocumentSkeletonPage) => void): void;
-export declare function lineIterator(pages: IDocumentSkeletonPage[], cb: (line: IDocumentSkeletonLine, column: IDocumentSkeletonColumn, section: IDocumentSkeletonSection, page: IDocumentSkeletonPage) => void): void;
+export declare function lineIterator(pagesOrCells: (IDocumentSkeletonPage)[], cb: (line: IDocumentSkeletonLine, column: IDocumentSkeletonColumn, section: IDocumentSkeletonSection, page: IDocumentSkeletonPage) => void): void;
 export declare function columnIterator(pages: IDocumentSkeletonPage[], iteratorFunction: (column: IDocumentSkeletonColumn) => void): void;
 export declare function getPositionHorizon(positionH: IObjectPositionH, column: IDocumentSkeletonColumn, page: IDocumentSkeletonPage, objectWidth: number, isPageBreak?: boolean): number | undefined;
 export declare function getPositionVertical(positionV: IObjectPositionV, page: IDocumentSkeletonPage, lineTop: number, lineHeight: number, objectHeight: number, blockAnchorTop?: number, isPageBreak?: boolean): number | undefined;
@@ -101,4 +101,5 @@ export declare const DEFAULT_PAGE_SIZE: {
 };
 export declare function prepareSectionBreakConfig(ctx: ILayoutContext, nodeIndex: number): ISectionBreakConfig;
 export declare function resetContext(ctx: ILayoutContext): void;
+export declare function mergeByV<T = unknown>(object: unknown, originObject: unknown, type: 'max' | 'min'): T;
 export {};

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

@@ -0,0 +1,30 @@
+import { Nullable } from '@univerjs/core';
+import { INodePosition, IPoint } from '../../../basics';
+import { IDocumentOffsetConfig } from '../document';
+import { DocumentSkeleton } from '../layout/doc-skeleton';
+
+export declare function isValidRectRange(anchorNodePosition: INodePosition, focusNodePosition: INodePosition): boolean;
+export declare function isInSameTableCell(anchorNodePosition: INodePosition, focusNodePosition: INodePosition): boolean;
+export declare function compareNodePositionInTable(a: INodePosition, b: INodePosition): boolean;
+interface IRectRangeNodePositions {
+    anchor: INodePosition;
+    focus: INodePosition;
+}
+export declare class NodePositionConvertToRectRange {
+    private _documentOffsetConfig;
+    private _docSkeleton;
+    private _liquid;
+    constructor(_documentOffsetConfig: IDocumentOffsetConfig, _docSkeleton: DocumentSkeleton);
+    getRangePointData(startNodePosition: INodePosition, endNodePosition: INodePosition): {
+        pointGroup: IPoint[][];
+        startRow: number;
+        startColumn: number;
+        endRow: number;
+        endColumn: number;
+        tableId: string;
+    } | undefined;
+    getNodePositionGroup(anchorNodePosition: INodePosition, focusNodePosition: INodePosition): Nullable<IRectRangeNodePositions[]>;
+    private _collectPositionGroup;
+    private _getTableRectRangeInfo;
+}
+export {};

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

@@ -1,4 +1,5 @@
-import { ITextRange, Nullable } from '@univerjs/core';
+import { IPosition, ITextRange, Nullable } from '@univerjs/core';
+import { IDocumentSkeletonCached, IDocumentSkeletonPage } from '../../../basics/i-document-skeleton-cached';
 import { INodePosition } from '../../../basics/interfaces';
 import { IPoint } from '../../../basics/vector2';
 import { DocumentSkeleton } from '../layout/doc-skeleton';
@@ -39,6 +40,11 @@ export declare function compareNodePosition(pos1: INodePosition, pos2: INodePosi
     end: INodePosition;
 };
 export declare function getOneTextSelectionRange(rangeList: ITextRange[]): Nullable<ITextRange>;
+export declare function pushToPoints(position: IPosition): {
+    x: number;
+    y: number;
+}[];
+export declare function getPageFromPath(skeletonData: IDocumentSkeletonCached, path: (string | number)[]): Nullable<IDocumentSkeletonPage>;
 export declare class NodePositionConvertToCursor {
     private _documentOffsetConfig;
     private _docSkeleton;
@@ -56,6 +62,5 @@ export declare class NodePositionConvertToCursor {
     private _setNodePositionState;
     private _checkPreviousNodePositionState;
     private _getSelectionRuler;
-    private _pushToPoints;
     private _selectionIterator;
 }

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

@@ -0,0 +1,22 @@
+import { Nullable } from '@univerjs/core';
+import { INodePosition, ITextSelectionStyle, RANGE_DIRECTION } from '../../../basics';
+
+export declare enum DOC_RANGE_TYPE {
+    RECT = "RECT",
+    TEXT = "TEXT"
+}
+export interface IDocRange {
+    rangeType: DOC_RANGE_TYPE;
+    anchorNodePosition?: Nullable<INodePosition>;
+    focusNodePosition?: Nullable<INodePosition>;
+    style: ITextSelectionStyle;
+    get startOffset(): Nullable<number>;
+    get endOffset(): Nullable<number>;
+    get collapsed(): boolean;
+    get startNodePosition(): Nullable<INodePosition>;
+    get endNodePosition(): Nullable<INodePosition>;
+    get direction(): RANGE_DIRECTION;
+    isActive(): boolean;
+    dispose(): void;
+    refresh(): void;
+}

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

@@ -0,0 +1,49 @@
+import { Nullable } from '@univerjs/core';
+import { INodePosition, ITextSelectionStyle, RANGE_DIRECTION } from '../../../basics';
+import { ThinScene } from '../../../thin-scene';
+import { Documents } from '../document';
+import { DocumentSkeleton } from '../layout/doc-skeleton';
+import { IDocRange, DOC_RANGE_TYPE } from './range-interface';
+
+export declare function convertPositionsToRectRanges(scene: ThinScene, document: Documents, docSkeleton: DocumentSkeleton, anchorNodePosition: INodePosition, focusNodePosition: INodePosition, style?: ITextSelectionStyle, segmentId?: string): RectRange[];
+export declare class RectRange implements IDocRange {
+    private _scene;
+    private _document;
+    private _docSkeleton;
+    anchorNodePosition: INodePosition;
+    focusNodePosition: INodePosition;
+    style: ITextSelectionStyle;
+    private _segmentId;
+    rangeType: DOC_RANGE_TYPE;
+    private _rangeShape;
+    private _current;
+    private _startRow;
+    private _startCol;
+    private _endRow;
+    private _endCol;
+    private _tableId;
+    constructor(_scene: ThinScene, _document: Documents, _docSkeleton: DocumentSkeleton, anchorNodePosition: INodePosition, focusNodePosition: INodePosition, style?: ITextSelectionStyle, _segmentId?: string);
+    get startOffset(): Nullable<number>;
+    get endOffset(): Nullable<number>;
+    get collapsed(): boolean;
+    get startRow(): number;
+    get startColumn(): number;
+    get endRow(): number;
+    get endColumn(): number;
+    get tableId(): string;
+    get segmentId(): string;
+    get spanEntireRow(): boolean;
+    get spanEntireColumn(): boolean;
+    get spanEntireTable(): boolean;
+    get startNodePosition(): INodePosition;
+    get endNodePosition(): INodePosition;
+    get direction(): RANGE_DIRECTION;
+    isActive(): boolean;
+    activate(): void;
+    deactivate(): void;
+    dispose(): void;
+    isIntersection(compareRange: RectRange): boolean;
+    refresh(): void;
+    private _updateTableInfo;
+    private _createOrUpdateRange;
+}

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

@@ -0,0 +1,28 @@
+import { Nullable } from '@univerjs/core';
+import { IDocumentSkeletonGlyph, INodePosition, ITextSelectionStyle } from '../../../basics';
+import { DocumentSkeleton } from '../layout/doc-skeleton';
+import { Engine } from '../../../engine';
+import { Documents } from '../document';
+import { Scene } from '../../../scene';
+import { RectRange } from './rect-range';
+import { TextRange } from './text-range';
+
+interface IDocRangeList {
+    textRanges: TextRange[];
+    rectRanges: RectRange[];
+}
+export declare function getTextRangeFromCharIndex(startOffset: number, endOffset: number, scene: Scene, document: Documents, skeleton: DocumentSkeleton, style: ITextSelectionStyle, segmentId: string, segmentPage: number): Nullable<TextRange>;
+export declare function getRectRangeFromCharIndex(startOffset: number, endOffset: number, scene: Scene, document: Documents, skeleton: DocumentSkeleton, style: ITextSelectionStyle, segmentId: string, segmentPage: number): Nullable<RectRange>;
+export declare function getRangeListFromCharIndex(startOffset: number, endOffset: number, scene: Scene, document: Documents, skeleton: DocumentSkeleton, style: ITextSelectionStyle, segmentId: string, segmentPage: number): Nullable<IDocRangeList>;
+export declare function getRangeListFromSelection(anchorPosition: INodePosition, focusPosition: INodePosition, scene: Scene, document: Documents, skeleton: DocumentSkeleton, style: ITextSelectionStyle, segmentId: string, segmentPage: number): Nullable<IDocRangeList>;
+export declare function getCanvasOffsetByEngine(engine: Nullable<Engine>): {
+    left: number;
+    top: number;
+};
+export declare function getParagraphInfoByGlyph(node: IDocumentSkeletonGlyph): {
+    st: number;
+    ed: number;
+    content: string;
+    nodeIndex: number;
+} | undefined;
+export {};

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

@@ -1,15 +1,16 @@
 import { Nullable } from '@univerjs/core';
 import { INodePosition } from '../../../basics/interfaces';
-import { ISuccinctTextRangeParam, ITextSelectionStyle, RANGE_DIRECTION } from '../../../basics/range';
+import { ISuccinctDocRangeParam, ITextSelectionStyle, RANGE_DIRECTION } from '../../../basics/range';
 import { IPoint } from '../../../basics/vector2';
 import { Scene } from '../../../scene';
 import { Rect } from '../../../shape/rect';
 import { ThinScene } from '../../../thin-scene';
 import { DocumentSkeleton } from '../layout/doc-skeleton';
 import { Documents } from '../document';
+import { IDocRange, DOC_RANGE_TYPE } from './range-interface';
 
 export declare const TEXT_RANGE_LAYER_INDEX = 3;
-export declare function cursorConvertToTextRange(scene: Scene, range: ISuccinctTextRangeParam, docSkeleton: DocumentSkeleton, document: Documents): Nullable<TextRange>;
+export declare function cursorConvertToTextRange(scene: Scene, range: ISuccinctDocRangeParam, docSkeleton: DocumentSkeleton, document: Documents): Nullable<TextRange>;
 export declare function getAnchorBounding(pointsGroup: IPoint[][]): {
     left: number;
     top: number;
@@ -22,19 +23,21 @@ export declare function getLineBounding(pointsGroup: IPoint[][]): {
     top: number;
     bottom: number;
 }[];
-export declare class TextRange {
+export declare class TextRange implements IDocRange {
     private _scene;
     private _document;
     private _docSkeleton;
     anchorNodePosition?: Nullable<INodePosition>;
     focusNodePosition?: Nullable<INodePosition>;
     style: ITextSelectionStyle;
+    private _segmentId;
+    rangeType: DOC_RANGE_TYPE;
     private _current;
     private _rangeShape;
     private _anchorShape;
     private _cursorList;
     private _anchorBlinkTimer;
-    constructor(_scene: ThinScene, _document: Documents, _docSkeleton: DocumentSkeleton, anchorNodePosition?: Nullable<INodePosition>, focusNodePosition?: Nullable<INodePosition>, style?: ITextSelectionStyle);
+    constructor(_scene: ThinScene, _document: Documents, _docSkeleton: DocumentSkeleton, anchorNodePosition?: Nullable<INodePosition>, focusNodePosition?: Nullable<INodePosition>, style?: ITextSelectionStyle, _segmentId?: string);
     private _anchorBlink;
     get startOffset(): number | undefined;
     get endOffset(): number | undefined;
@@ -42,6 +45,7 @@ export declare class TextRange {
     get startNodePosition(): INodePosition | null;
     get endNodePosition(): Nullable<INodePosition>;
     get direction(): RANGE_DIRECTION;
+    get segmentId(): string;
     getAbsolutePosition(): {
         left: number;
         top: number;

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

@@ -1,21 +1,18 @@
 import { Nullable, ILogService, RxDisposable } from '@univerjs/core';
 import { Observable } from 'rxjs';
 import { IMouseEvent, IPointerEvent } from '../../../basics/i-events';
-import { INodePosition } from '../../../basics/interfaces';
-import { ISuccinctTextRangeParam, ITextRangeWithStyle, ITextSelectionStyle, RANGE_DIRECTION } from '../../../basics/range';
-import { Engine } from '../../../engine';
+import { INodeInfo, INodePosition } from '../../../basics/interfaces';
+import { ISuccinctDocRangeParam, ITextRangeWithStyle, ITextSelectionStyle, RANGE_DIRECTION } from '../../../basics/range';
 import { Scene } from '../../../scene';
 import { Viewport } from '../../../viewport';
-import { DocumentSkeleton } from '../layout/doc-skeleton';
+import { DocumentSkeleton, IFindNodeRestrictions } from '../layout/doc-skeleton';
 import { Documents } from '../document';
 import { TextRange } from './text-range';
+import { RectRange } from './rect-range';
 
-export declare function getCanvasOffsetByEngine(engine: Nullable<Engine>): {
-    left: number;
-    top: number;
-};
 export interface ITextSelectionInnerParam {
     textRanges: TextRange[];
+    rectRanges: RectRange[];
     segmentId: string;
     isEditing: boolean;
     style: ITextSelectionStyle;
@@ -58,8 +55,8 @@ export interface ITextSelectionRenderManager {
     getSegmentPage(): number;
     setStyle(style: ITextSelectionStyle): void;
     resetStyle(): void;
-    removeAllTextRanges(): void;
-    addTextRanges(ranges: ISuccinctTextRangeParam[], isEditing?: boolean, options?: {
+    removeAllRanges(): void;
+    addDocRanges(ranges: ISuccinctDocRangeParam[], isEditing?: boolean, options?: {
         [key: string]: boolean;
     }): void;
     sync(): void;
@@ -74,7 +71,7 @@ export interface ITextSelectionRenderManager {
     dispose(): void;
     handleDblClick(evt: IPointerEvent | IMouseEvent): void;
     handleTripleClick(evt: IPointerEvent | IMouseEvent): void;
-    eventTrigger(evt: IPointerEvent | IMouseEvent): void;
+    onPointDown(evt: IPointerEvent | IMouseEvent): void;
     setCursorManually(evtOffsetX: number, evtOffsetY: number): void;
 }
 export interface IEditorInputConfig {
@@ -113,9 +110,12 @@ export declare class TextSelectionRenderManager extends RxDisposable implements
     private _inputParent;
     private _input;
     private _scrollTimers;
-    private _viewportScrollX;
-    private _viewportScrollY;
     private _rangeList;
+    private _rangeListCache;
+    private _rectRangeList;
+    private _rectRangeListCache;
+    private _anchorNodePosition;
+    private _focusNodePosition;
     private _currentSegmentId;
     private _currentSegmentPage;
     private _selectionStyle;
@@ -140,7 +140,7 @@ export declare class TextSelectionRenderManager extends RxDisposable implements
     resetStyle(): void;
     enableSelection(): void;
     disableSelection(): void;
-    addTextRanges(ranges: ISuccinctTextRangeParam[], isEditing?: boolean, options?: {
+    addDocRanges(ranges: ISuccinctDocRangeParam[], isEditing?: boolean, options?: {
         [key: string]: boolean;
     }): void;
     setCursorManually(evtOffsetX: number, evtOffsetY: number): void;
@@ -155,23 +155,31 @@ 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;
-    eventTrigger(evt: IPointerEvent | IMouseEvent): void;
-    removeAllTextRanges(): void;
+    onPointDown(evt: IPointerEvent | IMouseEvent): void;
+    removeAllRanges(): void;
     private _setSystemHighlightColorToStyle;
     private _getAllTextRanges;
+    private _getAllRectRanges;
     private _getActiveRange;
-    private _add;
     private _getActiveRangeInstance;
     dispose(): void;
     private _initDOM;
     private _initInput;
     private _getNodePosition;
-    private _interactTextRange;
+    private _interactTextRanges;
+    private _interactRectRanges;
+    private _removeAllRanges;
+    private _removeAllCacheRanges;
     private _removeAllTextRanges;
+    private _removeAllRectRanges;
     private _deactivateAllTextRanges;
+    private _deactivateAllRectRanges;
+    private _addTextRangesToCache;
     private _addTextRange;
+    private _addRectRangesToCache;
+    private _addRectRanges;
     private _updateTextRangeAnchorPosition;
-    private _updateActiveRangeFocusPosition;
+    private _updateActiveRangePosition;
     private _isEmpty;
     private _getCanvasOffset;
     private _updateInputPosition;
@@ -180,7 +188,7 @@ export declare class TextSelectionRenderManager extends RxDisposable implements
     private _initInputEvents;
     private _eventHandle;
     private _getTransformCoordForDocumentOffset;
-    private _findNodeByCoord;
+    findNodeByCoord(evtOffsetX: number, evtOffsetY: number, restrictions: IFindNodeRestrictions): Nullable<INodeInfo>;
     private _getNodeIndex;
     private _detachEvent;
     private _activeSelectionRefresh;

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

@@ -10,6 +10,7 @@ export declare enum DocumentEditArea {
     HEADER = "HEADER",
     FOOTER = "FOOTER"
 }
+export declare function parseDataStreamToTree(dataStream: string): DataStreamTreeNode[];
 export declare class DocumentViewModel implements IDisposable {
     private _documentDataModel;
     private _interceptor;
@@ -28,12 +29,13 @@ export declare class DocumentViewModel implements IDisposable {
     constructor(_documentDataModel: DocumentDataModel);
     registerCustomRangeInterceptor(interceptor: ICustomRangeInterceptor): IDisposable;
     dispose(): void;
-    selfPlus(len: number, index: number): void;
+    selfPlus(_len: number, _index: number): void;
     getEditArea(): DocumentEditArea;
     setEditArea(editArea: DocumentEditArea): void;
     getPositionInParent(): number;
     getLastIndex(): number;
     getBody(): IDocumentBody | undefined;
+    getSnapshot(): import('@univerjs/core').IDocumentData;
     getDataModel(): DocumentDataModel;
     getSelfOrHeaderFooterViewModel(segmentId?: string): DocumentViewModel;
     reset(documentDataModel: DocumentDataModel): void;
@@ -43,7 +45,7 @@ export declare class DocumentViewModel implements IDisposable {
     getText(): string;
     resetCache(): void;
     getSectionBreak(index: number): import('@univerjs/core').ISectionBreak | undefined;
-    getParagraph(index: number): import('@univerjs/core').IParagraph | undefined;
+    getParagraph(index: number, fromStart?: boolean): import('@univerjs/core').IParagraph | undefined;
     getTextRunRange(startIndex: number | undefined, endIndex: number): ITextRun[];
     /**
      * textRun matches according to the selection. If the text length is 10, then the range of textRun is from 0 to 11.
@@ -56,9 +58,6 @@ export declare class DocumentViewModel implements IDisposable {
     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;
     private _buildHeaderFooterViewModel;
     private _getParagraphByIndex;
     private _forEachTop;