@univerjs/docs-ui 0.2.13 → 0.2.15

package/lib/es/index.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { Disposable, toDisposable, UniverInstanceType, BuildTextUtils, Inject, IUniverInstanceService, TextX, JSONX, TextXActionType, getBodySlice, Tools, UpdateDocsAttributeType, DataStreamTreeTokenType, ObjectRelativeFromH, ObjectRelativeFromV, CommandType, sequenceExecuteAsync, ICommandService, PresetListType, BooleanNumber, normalizeBody, updateAttributeByInsert, TableCellHeightRule, TableSizeType, generateRandomId, TableAlignmentType, TableTextWrapType, MemoryCursor, PositionedObjectLayoutType, getCustomRangeSlice, getCustomDecorationSlice, LRUMap, BaselineOffset, ColorKit, skipParseTagNames, CustomRangeType, DataStreamTreeNodeType, createIdentifier, ILogService, SliceBodyType, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DOC_RANGE_TYPE, FOCUSING_DOC, EDITOR_ACTIVATED, RxDisposable, PRESET_LIST_TYPE, GridType, sortRulesFactory, HorizontalAlign, IUndoRedoService, LocaleService, RANGE_DIRECTION, COLORS, Rectangle, useDependency, DocumentFlavor, FOCUSING_UNIVER_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE, useObservable, SpacingRule, OnLifecycle, LifecycleStages, ThemeService, connectInjector, Injector, IConfigService, IContextService, QuickListTypeMap, Direction, DisposableCollection, fromEventSubject, DEFAULT_EMPTY_DOCUMENT_VALUE, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_ZEN_EDITOR_UNIT_ID_KEY, checkForSubstrings, isInternalEditorID, UndoCommandId, RedoCommandId, Plugin, mergeOverrideWithDependencies } from "@univerjs/core";
+import { Disposable, toDisposable, UniverInstanceType, BuildTextUtils, Inject, IUniverInstanceService, TextX, JSONX, TextXActionType, getBodySlice, Tools, UpdateDocsAttributeType, ObjectRelativeFromH, ObjectRelativeFromV, CommandType, sequenceExecuteAsync, ICommandService, DataStreamTreeTokenType, PresetListType, BooleanNumber, normalizeBody, updateAttributeByInsert, TableCellHeightRule, TableSizeType, generateRandomId, TableAlignmentType, TableTextWrapType, MemoryCursor, PositionedObjectLayoutType, getCustomRangeSlice, getCustomDecorationSlice, LRUMap, BaselineOffset, ColorKit, skipParseTagNames, CustomRangeType, DataStreamTreeNodeType, createIdentifier, ILogService, SliceBodyType, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DOC_RANGE_TYPE, FOCUSING_DOC, EDITOR_ACTIVATED, RxDisposable, PRESET_LIST_TYPE, GridType, sortRulesFactory, HorizontalAlign, IUndoRedoService, LocaleService, RANGE_DIRECTION, COLORS, Rectangle, useDependency, DocumentFlavor, FOCUSING_UNIVER_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE, useObservable, SpacingRule, OnLifecycle, LifecycleStages, ThemeService, connectInjector, Injector, IConfigService, IContextService, QuickListTypeMap, Direction, DisposableCollection, fromEventSubject, DEFAULT_EMPTY_DOCUMENT_VALUE, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_ZEN_EDITOR_UNIT_ID_KEY, checkForSubstrings, isInternalEditorID, UndoCommandId, RedoCommandId, Plugin, mergeOverrideWithDependencies } from "@univerjs/core";
 import { DocSelectionManagerService, RichTextEditingMutation, DocSkeletonManagerService, SetTextSelectionsOperation, DocStateEmitService, DocInterceptorService } from "@univerjs/docs";
 import { IRenderManagerService, hasListGlyph, isIndentByGlyph, isFirstGlyph, getParagraphByGlyph, pixelToPt, ptToPixel, parseDataStreamToTree, getCharSpaceApply, getNumberUnitValue, Liquid, GlyphType, DocumentSkeletonPageType, getPageFromPath, getTableIdAndSliceIndex, NORMAL_TEXT_SELECTION_PLUGIN_STYLE, getColor, RegularPolygon, Rect, getOffsetRectForDom, ScrollTimer, CURSOR_TYPE, getSystemHighlightColor, Vector2, PageLayoutType, DocumentEditArea, Shape, Path, Viewport, ScrollBar, Layer, Documents, DocBackground, lineIterator, getLastLine, pxToNum, TRANSFORM_CHANGE_OBSERVABLE_TYPE } from "@univerjs/engine-render";
 import { IClipboardInterfaceService, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, HTML_CLIPBOARD_MIME_TYPE, CopyCommand, CutCommand, PasteCommand, IConfirmService, ILayoutService, ComponentManager, IEditorService, ISidebarService, KeyCode, MetaKeys, MenuItemType, getMenuHiddenObservable, FONT_FAMILY_LIST, FONT_SIZE_LIST, getHeaderFooterMenuHiddenObservable, RibbonStartGroup, ContextMenuPosition, ContextMenuGroup, FontFamily, FontFamilyItem, FontSize, BuiltInUIPart, IMenuManagerService, IUIPartsService, IShortcutService, ICanvasPopupService, IContextMenuService, SetEditorResizeOperation } from "@univerjs/ui";
@@ -349,47 +349,6 @@ function hasParagraphInTable(paragraph, tables) {
   return tables.some((table) => paragraph.startIndex > table.startIndex && paragraph.startIndex < table.endIndex);
 }
 __name(hasParagraphInTable, "hasParagraphInTable");
-const getPlainText = /* @__PURE__ */ __name((text) => text.replaceAll(DataStreamTreeTokenType.CUSTOM_RANGE_START, "").replaceAll(DataStreamTreeTokenType.CUSTOM_RANGE_END, ""), "getPlainText"), getPlainTextFormBody = /* @__PURE__ */ __name((body) => {
-  let str = body.dataStream;
-  return body.dataStream.endsWith(`\r
-`) && (str = body.dataStream.slice(0, -2)), getPlainText(str);
-}, "getPlainTextFormBody"), getPlainTextFormDocument = /* @__PURE__ */ __name((data) => data.body ? getPlainTextFormBody(data.body) : "", "getPlainTextFormDocument"), tags = [
-  DataStreamTreeTokenType.PARAGRAPH,
-  // 段落
-  DataStreamTreeTokenType.SECTION_BREAK,
-  // 章节
-  DataStreamTreeTokenType.TABLE_START,
-  // 表格开始
-  DataStreamTreeTokenType.TABLE_ROW_START,
-  // 表格开始
-  DataStreamTreeTokenType.TABLE_CELL_START,
-  // 表格开始
-  DataStreamTreeTokenType.TABLE_CELL_END,
-  // 表格开始
-  DataStreamTreeTokenType.TABLE_ROW_END,
-  // 表格开始
-  DataStreamTreeTokenType.TABLE_END,
-  // 表格结束
-  DataStreamTreeTokenType.CUSTOM_RANGE_START,
-  // 自定义范围开始
-  DataStreamTreeTokenType.CUSTOM_RANGE_END,
-  // 自定义范围结束
-  DataStreamTreeTokenType.COLUMN_BREAK,
-  // 换列
-  DataStreamTreeTokenType.PAGE_BREAK,
-  // 换页
-  DataStreamTreeTokenType.DOCS_END,
-  // 文档结尾
-  DataStreamTreeTokenType.TAB,
-  // 制表符
-  DataStreamTreeTokenType.CUSTOM_BLOCK
-  // 图片 mention 等不参与文档流的场景
-];
-function getSelectionText(dataStream, start, end) {
-  const text = dataStream.slice(start, end);
-  return tags.reduce((res, curr) => res.replaceAll(curr, ""), text);
-}
-__name(getSelectionText, "getSelectionText");
 function replaceSelectionFactory(accessor, params) {
   var _a28, _b, _c, _d;
   const { unitId, body: insertBody, doc } = params;
@@ -2311,7 +2270,7 @@ let DocClipboardService = (_a2 = class extends Disposable {
     const partDocData = this._genDocDataFromHtmlAndText(html, text);
     if (((_a28 = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_DOC)) == null ? void 0 : _a28.getUnitId()) === DOCS_NORMAL_EDITOR_UNIT_ID_KEY)
       if (text) {
-        const textDocData = this._generateBody(text);
+        const textDocData = BuildTextUtils.transform.fromPlainText(text);
         return this._paste({ body: textDocData });
       } else
         partDocData.body.textRuns = [];
@@ -2460,38 +2419,10 @@ let DocClipboardService = (_a2 = class extends Disposable {
       return Promise.reject(e);
     }
   }
-  _generateBody(text) {
-    const dataStream = text.replace(/\n/g, "\r").replaceAll(DataStreamTreeTokenType.CUSTOM_RANGE_START, "").replaceAll(DataStreamTreeTokenType.CUSTOM_RANGE_END, ""), paragraphs = [], customRanges = [];
-    let cursor = 0, newDataStream = "", linkCount = 0;
-    const loopParagraph = /* @__PURE__ */ __name((i, insertP = !0) => {
-      const paragraphText = dataStream.slice(cursor, i);
-      if (Tools.isLegalUrl(paragraphText)) {
-        const id = generateRandomId(), urlText = `${DataStreamTreeTokenType.CUSTOM_RANGE_START}${paragraphText}${DataStreamTreeTokenType.CUSTOM_RANGE_END}`, range = {
-          startIndex: cursor + linkCount * 2,
-          endIndex: cursor + linkCount * 2 + urlText.length - 1,
-          rangeId: id,
-          rangeType: CustomRangeType.HYPERLINK,
-          properties: {
-            url: text
-          }
-        };
-        customRanges.push(range), newDataStream += urlText, cursor = i + 1, linkCount++, insertP && (newDataStream += "\r", paragraphs.push({ startIndex: i + linkCount * 2 }));
-      } else
-        newDataStream += dataStream.slice(cursor, i + 1), cursor = i + 1, insertP && paragraphs.push({ startIndex: i + linkCount * 2 });
-    }, "loopParagraph");
-    let end = 0;
-    for (let i = 0; i < dataStream.length; i++)
-      dataStream[i] === "\r" && (loopParagraph(i), end = i);
-    return end !== dataStream.length - 1 && loopParagraph(dataStream.length, !1), {
-      dataStream: newDataStream,
-      paragraphs,
-      customRanges
-    };
-  }
   _genDocDataFromHtmlAndText(html, text) {
     if (!html) {
       if (text)
-        return { body: this._generateBody(text) };
+        return { body: BuildTextUtils.transform.fromPlainText(text) };
       throw new Error("[DocClipboardService] html and text cannot be both empty!");
     }
     const copyId = extractId(html);
@@ -5103,7 +5034,6 @@ let DocSelectionRenderService = (_a3 = class extends RxDisposable {
     __publicField(this, "_currentSegmentId", "");
     __publicField(this, "_currentSegmentPage", -1);
     __publicField(this, "_selectionStyle", NORMAL_TEXT_SELECTION_PLUGIN_STYLE);
-    __publicField(this, "_isSelectionEnabled", !0);
     __publicField(this, "_viewPortObserverMap", /* @__PURE__ */ new Map());
     __publicField(this, "_isIMEInputApply", !1);
     __publicField(this, "_scenePointerMoveSubs", []);
@@ -5126,18 +5056,9 @@ let DocSelectionRenderService = (_a3 = class extends RxDisposable {
   getSegmentPage() {
     return this._currentSegmentPage;
   }
-  setStyle(style = NORMAL_TEXT_SELECTION_PLUGIN_STYLE) {
+  _setRangeStyle(style = NORMAL_TEXT_SELECTION_PLUGIN_STYLE) {
     this._selectionStyle = style;
   }
-  resetStyle() {
-    this.setStyle();
-  }
-  enableSelection() {
-    this._isSelectionEnabled = !0;
-  }
-  disableSelection() {
-    this._isSelectionEnabled = !1;
-  }
   addDocRanges(ranges, isEditing = !0, options) {
     const {
       _currentSegmentId: segmentId,
@@ -5246,9 +5167,7 @@ let DocSelectionRenderService = (_a3 = class extends RxDisposable {
     this._container.style.left = "0px", this._container.style.top = "0px";
   }
   // Handler double click.
-  handleDblClick(evt) {
-    if (!this._isSelectionEnabled)
-      return;
+  __handleDblClick(evt) {
     const { offsetX: evtOffsetX, offsetY: evtOffsetY } = evt, startNode = this._findNodeByCoord(evtOffsetX, evtOffsetY, {
       strict: !1,
       segmentId: this._currentSegmentId,
@@ -5280,9 +5199,7 @@ let DocSelectionRenderService = (_a3 = class extends RxDisposable {
       this.addDocRanges(textRanges, !1, { forceFocus: !0 });
     }
   }
-  handleTripleClick(evt) {
-    if (!this._isSelectionEnabled)
-      return;
+  __handleTripleClick(evt) {
     const { offsetX: evtOffsetX, offsetY: evtOffsetY } = evt, startNode = this._findNodeByCoord(evtOffsetX, evtOffsetY, {
       strict: !1,
       segmentId: this._currentSegmentId,
@@ -5304,10 +5221,8 @@ let DocSelectionRenderService = (_a3 = class extends RxDisposable {
   }
   // Handle pointer down.
   // eslint-disable-next-line max-lines-per-function, complexity
-  onPointDown(evt) {
+  __onPointDown(evt) {
     var _a28, _b;
-    if (!this._isSelectionEnabled)
-      return;
     this._editorFocusing = !0;
     const { scene, mainComponent } = this._context, skeleton = this._docSkeletonManagerService.getSkeleton(), { offsetX: evtOffsetX, offsetY: evtOffsetY } = evt, startNode = this._findNodeByCoord(evtOffsetX, evtOffsetY, {
       strict: !1,
@@ -5332,7 +5247,9 @@ let DocSelectionRenderService = (_a3 = class extends RxDisposable {
     let preMoveOffsetX = evtOffsetX, preMoveOffsetY = evtOffsetY;
     this._scenePointerMoveSubs.push(scene.onPointerMove$.subscribeEvent((moveEvt) => {
       const { offsetX: moveOffsetX, offsetY: moveOffsetY } = moveEvt;
-      scene.setCursor(CURSOR_TYPE.TEXT), !(Math.sqrt((moveOffsetX - preMoveOffsetX) ** 2 + (moveOffsetY - preMoveOffsetY) ** 2) < 3) && (this._moving(moveOffsetX, moveOffsetY), preMoveOffsetX = moveOffsetX, preMoveOffsetY = moveOffsetY);
+      scene.setCursor(CURSOR_TYPE.TEXT), !(Math.sqrt((moveOffsetX - preMoveOffsetX) ** 2 + (moveOffsetY - preMoveOffsetY) ** 2) < 3) && (this._moving(moveOffsetX, moveOffsetY), scrollTimer.scrolling(moveOffsetX, moveOffsetY, () => {
+        this._moving(moveOffsetX, moveOffsetY);
+      }), preMoveOffsetX = moveOffsetX, preMoveOffsetY = moveOffsetY);
     })), this._scenePointerUpSubs.push(scene.onPointerUp$.subscribeEvent(() => {
       if ([...this._scenePointerMoveSubs, ...this._scenePointerUpSubs].forEach((e) => {
         e.unsubscribe();
@@ -5371,7 +5288,7 @@ let DocSelectionRenderService = (_a3 = class extends RxDisposable {
       strokeActive: "rgba(0, 0, 0, 1)",
       fill: `rgba(${r}, ${g}, ${b}, ${a != null ? a : 0.3})`
     };
-    this.setStyle(style);
+    this._setRangeStyle(style);
   }
   _getAllTextRanges() {
     return this._rangeList.map(serializeTextRange);
@@ -5578,12 +5495,12 @@ let DocSelectionRenderService = (_a3 = class extends RxDisposable {
     const { textRanges, rectRanges } = ranges;
     this._rangeList.length > 0 && textRanges.length > 0 && this._interactTextRanges(textRanges), this._rectRangeList.length > 0 && rectRanges.length > 0 && this._interactRectRanges(rectRanges), this._addTextRangesToCache(textRanges), this._addRectRangesToCache(rectRanges), this.deactivate(), (_b = (_a28 = this._context.scene) == null ? void 0 : _a28.getEngine()) == null || _b.setRemainCapture();
   }
-  // TODO: @Jocs make this method as private.
-  attachScrollEvent(viewport) {
-    if (viewport == null)
+  __attachScrollEvent() {
+    const viewport = this.activeViewPort;
+    if (!viewport)
       return;
-    const { unitId } = this._context, key = `${unitId}_${viewport.viewportKey}`;
-    if (this._viewPortObserverMap.has(key))
+    const { unitId } = this._context;
+    if (this._viewPortObserverMap.has(unitId))
       return;
     const scrollBefore = viewport.onScrollAfter$.subscribeEvent((param) => {
       if (!param.viewport)
@@ -5606,7 +5523,7 @@ let DocSelectionRenderService = (_a3 = class extends RxDisposable {
         this._updateInputPosition();
       }
     });
-    this._viewPortObserverMap.set(key, {
+    this._viewPortObserverMap.set(unitId, {
       scrollBefore,
       scrollStop
     });
@@ -5622,11 +5539,13 @@ let DocSelectionRenderService = (_a3 = class extends RxDisposable {
       })
     ), this.disposeWithMe(
       fromEvent(this._input, "input").subscribe((e) => {
-        if (this._rectRangeList.length > 0)
-          return e.stopPropagation(), e.preventDefault();
-        this._isIMEInputApply || this._eventHandle(e, (config) => {
-          this._onInputBefore$.next(config), this._onInput$.next(config);
-        });
+        if (!(e.inputType === "historyUndo" || e.inputType === "historyRedo")) {
+          if (this._rectRangeList.length > 0)
+            return e.stopPropagation(), e.preventDefault();
+          this._isIMEInputApply || this._eventHandle(e, (config) => {
+            this._onInputBefore$.next(config), this._onInput$.next(config);
+          });
+        }
       })
     ), this.disposeWithMe(
       fromEvent(this._input, "compositionstart").subscribe((e) => {
@@ -5711,7 +5630,7 @@ let DocSelectionRenderService = (_a3 = class extends RxDisposable {
     );
   }
   _detachEvent() {
-    this._onInputBefore$.complete(), this._onKeydown$.complete(), this._onInput$.complete(), this._onCompositionstart$.complete(), this._onCompositionupdate$.complete(), this._onCompositionend$.complete(), this._onSelectionStart$.complete();
+    this._onInputBefore$.complete(), this._onKeydown$.complete(), this._onInput$.complete(), this._onCompositionstart$.complete(), this._onCompositionupdate$.complete(), this._onCompositionend$.complete(), this._onSelectionStart$.complete(), this._textSelectionInner$.complete(), this._onPaste$.complete(), this._onFocus$.complete(), this._onBlur$.complete(), this._onPointerDown$.complete();
   }
 }, __name(_a3, "DocSelectionRenderService"), _a3);
 DocSelectionRenderService = __decorateClass$o([
@@ -7899,31 +7818,29 @@ var __defProp$k = Object.defineProperty, __getOwnPropDesc$k = Object.getOwnPrope
 const ANCHOR_WIDTH = 1.5;
 var _a7;
 let DocBackScrollRenderController = (_a7 = class extends RxDisposable {
-  constructor(_context, _textSelectionManagerService, _editorService, _univerInstanceService, _renderManagerService) {
-    super(), this._context = _context, this._textSelectionManagerService = _textSelectionManagerService, this._editorService = _editorService, this._univerInstanceService = _univerInstanceService, this._renderManagerService = _renderManagerService, this._init();
+  constructor(_context, _textSelectionManagerService, _editorService, _docSkeletonManagerService) {
+    super(), this._context = _context, this._textSelectionManagerService = _textSelectionManagerService, this._editorService = _editorService, this._docSkeletonManagerService = _docSkeletonManagerService, this._init();
   }
   _init() {
     this._textSelectionManagerService.textSelection$.pipe(takeUntil(this.dispose$)).subscribe((params) => {
       if (params == null)
         return;
       const { isEditing, unitId } = params;
-      isEditing && this._scrollToSelection(unitId);
+      unitId !== this._context.unitId || !isEditing || this._scrollToSelection();
     });
   }
-  scrollToRange(unitId, range) {
-    var _a28;
-    const docSkeletonManagerService = (_a28 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a28.with(DocSkeletonManagerService), skeleton = docSkeletonManagerService == null ? void 0 : docSkeletonManagerService.getSkeleton();
+  scrollToRange(range) {
+    const skeleton = this._docSkeletonManagerService.getSkeleton();
     if (!skeleton)
       return;
     const { startOffset } = range, anchorNodePosition = skeleton.findNodePositionByCharIndex(startOffset);
-    this.scrollToNode(unitId, anchorNodePosition);
+    this.scrollToNode(anchorNodePosition);
   }
-  scrollToNode(unitId, startNodePosition) {
-    var _a28;
-    const docObject = this._getDocObject(), docSkeletonManagerService = (_a28 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a28.with(DocSkeletonManagerService), skeleton = docSkeletonManagerService == null ? void 0 : docSkeletonManagerService.getSkeleton();
-    if (docObject == null || skeleton == null)
+  scrollToNode(startNodePosition) {
+    const { unitId, scene, mainComponent } = this._context, skeleton = this._docSkeletonManagerService.getSkeleton();
+    if (mainComponent == null || skeleton == null)
       return;
-    const documentOffsetConfig = docObject.document.getOffsetConfig(), { docsLeft, docsTop } = documentOffsetConfig, convertor = new NodePositionConvertToCursor(documentOffsetConfig, skeleton), { contentBoxPointGroup } = convertor.getRangePointData(startNodePosition, startNodePosition), { left: aLeft, top: aTop, height } = getAnchorBounding(contentBoxPointGroup), left = aLeft + docsLeft, top = aTop + docsTop, viewportMain = docObject.scene.getViewport(VIEWPORT_KEY.VIEW_MAIN), isEditor = !!this._editorService.getEditor(unitId);
+    const documentOffsetConfig = mainComponent.getOffsetConfig(), { docsLeft, docsTop } = documentOffsetConfig, convertor = new NodePositionConvertToCursor(documentOffsetConfig, skeleton), { contentBoxPointGroup } = convertor.getRangePointData(startNodePosition, startNodePosition), { left: aLeft, top: aTop, height } = getAnchorBounding(contentBoxPointGroup), left = aLeft + docsLeft, top = aTop + docsTop, viewportMain = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN), isEditor = !!this._editorService.getEditor(unitId);
     if (viewportMain == null)
       return;
     const {
@@ -7939,22 +7856,18 @@ let DocBackScrollRenderController = (_a7 = class extends RxDisposable {
     viewportMain.scrollByBarDeltaValue(config);
   }
   // Let the selection show on the current screen.
-  _scrollToSelection(unitId) {
+  _scrollToSelection() {
     const activeTextRange = this._textSelectionManagerService.getActiveTextRange();
     if (activeTextRange == null)
       return;
     const { collapsed, startNodePosition } = activeTextRange;
-    collapsed && this.scrollToNode(unitId, startNodePosition);
-  }
-  _getDocObject() {
-    return getDocObject(this._univerInstanceService, this._renderManagerService);
+    collapsed && this.scrollToNode(startNodePosition);
   }
 }, __name(_a7, "DocBackScrollRenderController"), _a7);
 DocBackScrollRenderController = __decorateClass$k([
   __decorateParam$k(1, Inject(DocSelectionManagerService)),
   __decorateParam$k(2, IEditorService),
-  __decorateParam$k(3, Inject(IUniverInstanceService)),
-  __decorateParam$k(4, IRenderManagerService)
+  __decorateParam$k(3, Inject(DocSkeletonManagerService))
 ], DocBackScrollRenderController);
 var __defProp$j = Object.defineProperty, __getOwnPropDesc$j = Object.getOwnPropertyDescriptor, __decorateClass$j = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
@@ -7962,8 +7875,8 @@ var __defProp$j = Object.defineProperty, __getOwnPropDesc$j = Object.getOwnPrope
   return kind && result && __defProp$j(target, key, result), result;
 }, "__decorateClass$j"), __decorateParam$j = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$j"), _a8;
 let DocRenderController = (_a8 = class extends RxDisposable {
-  constructor(_context, _contextService, _commandService, _docSkeletonManagerService, _configService, _editorService, _renderManagerService) {
-    super(), this._context = _context, this._contextService = _contextService, this._commandService = _commandService, this._docSkeletonManagerService = _docSkeletonManagerService, this._configService = _configService, this._editorService = _editorService, this._renderManagerService = _renderManagerService, this._addNewRender(), this._initRenderRefresh(), this._initCommandListener();
+  constructor(_context, _contextService, _commandService, _docSelectionRenderService, _docSkeletonManagerService, _editorService, _renderManagerService) {
+    super(), this._context = _context, this._contextService = _contextService, this._commandService = _commandService, this._docSelectionRenderService = _docSelectionRenderService, this._docSkeletonManagerService = _docSkeletonManagerService, this._editorService = _editorService, this._renderManagerService = _renderManagerService, this._addNewRender(), this._initRenderRefresh(), this._initCommandListener();
   }
   reRender(unitId) {
     var _a28, _b;
@@ -7977,7 +7890,7 @@ let DocRenderController = (_a8 = class extends RxDisposable {
     }
   }
   _addNewRender() {
-    const { scene, engine, unit } = this._context, viewMain = new Viewport(VIEWPORT_KEY.VIEW_MAIN, scene, {
+    const { scene, engine } = this._context, viewMain = new Viewport(VIEWPORT_KEY.VIEW_MAIN, scene, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -8001,7 +7914,7 @@ let DocRenderController = (_a8 = class extends RxDisposable {
       new Layer(scene, [], DOCS_COMPONENT_HEADER_LAYER_INDEX)
     ), this._addComponent(), engine.runRenderLoop(() => {
       scene.render();
-    });
+    }), this._docSelectionRenderService.__attachScrollEvent();
   }
   _addComponent() {
     const { scene, unit: documentModel, components } = this._context, config = {
@@ -8048,8 +7961,8 @@ let DocRenderController = (_a8 = class extends RxDisposable {
 DocRenderController = __decorateClass$j([
   __decorateParam$j(1, IContextService),
   __decorateParam$j(2, ICommandService),
-  __decorateParam$j(3, Inject(DocSkeletonManagerService)),
-  __decorateParam$j(4, IConfigService),
+  __decorateParam$j(3, Inject(DocSelectionRenderService)),
+  __decorateParam$j(4, Inject(DocSkeletonManagerService)),
   __decorateParam$j(5, IEditorService),
   __decorateParam$j(6, IRenderManagerService)
 ], DocRenderController);
@@ -8404,7 +8317,7 @@ let DocMoveCursorController = (_a12 = class extends Disposable {
           endOffset: focusOffset,
           style
         }
-      ], !1);
+      ], !1), this._scrollToFocusNodePosition(docDataModel.getUnitId(), focusOffset);
     } else {
       const focusGlyph = skeleton.findNodeByCharIndex(focusOffset, segmentId, segmentPage), documentOffsetConfig = docObject.document.getOffsetConfig(), focusNodePosition = collapsed ? startNodePosition : rangeDirection === RANGE_DIRECTION.FORWARD ? endNodePosition : startNodePosition, newPos = this._getTopOrBottomPosition(skeleton, focusGlyph, focusNodePosition, direction === Direction.DOWN, !0);
       if (newPos == null) {
@@ -8430,7 +8343,7 @@ let DocMoveCursorController = (_a12 = class extends Disposable {
           endOffset: newActiveRange.endOffset,
           style
         }
-      ], !1);
+      ], !1), this._scrollToFocusNodePosition(docDataModel.getUnitId(), newActiveRange.endOffset);
     }
   }
   // eslint-disable-next-line max-lines-per-function, complexity
@@ -8482,7 +8395,7 @@ let DocMoveCursorController = (_a12 = class extends Disposable {
           endOffset: cursor,
           style
         }
-      ], !1);
+      ], !1), this._scrollToFocusNodePosition(docDataModel.getUnitId(), cursor);
     } else {
       const startNode = skeleton.findNodeByCharIndex(startOffset, segmentId, segmentPage), endNode = skeleton.findNodeByCharIndex(endOffset, segmentId, segmentPage), documentOffsetConfig = docObject.document.getOffsetConfig(), newPos = this._getTopOrBottomPosition(
         skeleton,
@@ -8510,7 +8423,7 @@ let DocMoveCursorController = (_a12 = class extends Disposable {
           ...newActiveRange,
           style
         }
-      ], !1);
+      ], !1), this._scrollToFocusNodePosition(docDataModel.getUnitId(), newActiveRange.endOffset);
     }
   }
   _getTopOrBottomPosition(docSkeleton, glyph, nodePosition, direction, skipCellContent = !1) {
@@ -8622,6 +8535,15 @@ let DocMoveCursorController = (_a12 = class extends Disposable {
         return newLine;
     }
   }
+  _scrollToFocusNodePosition(unitId, offset) {
+    var _a28;
+    const backScrollController = (_a28 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a28.with(DocBackScrollRenderController);
+    backScrollController != null && backScrollController.scrollToRange({
+      startOffset: offset,
+      endOffset: offset,
+      collapsed: !0
+    });
+  }
   _getDocObject() {
     return getDocObject(this._univerInstanceService, this._renderManagerService);
   }
@@ -9065,23 +8987,46 @@ let DocEventManagerService = (_a15 = class extends Disposable {
     );
   }
   _buildBulletBoundsBySegment(segmentId, segmentPage = -1) {
-    var _a28, _b;
-    const body = (_a28 = this._context.unit.getSelfOrHeaderFooterModel(segmentId)) == null ? void 0 : _a28.getBody(), paragraphs = (_b = body == null ? void 0 : body.paragraphs) != null ? _b : [], bounds = [];
-    return paragraphs.forEach((paragraph) => {
-      paragraph.bullet && paragraph.bullet.listType.indexOf("CHECK_LIST") === 0 && (/* @__PURE__ */ __name((pageIndex) => {
-        var _a29, _b2, _c;
-        const node = this._skeleton.findNodeByCharIndex(paragraph.startIndex, segmentId, pageIndex), divide = node == null ? void 0 : node.parent, line = divide == null ? void 0 : divide.parent, column = line == null ? void 0 : line.parent, targetLine = column == null ? void 0 : column.lines.find((l2) => l2.paragraphStart && l2.paragraphIndex === paragraph.startIndex), bulletNode = (_c = (_b2 = (_a29 = targetLine == null ? void 0 : targetLine.divides) == null ? void 0 : _a29[0]) == null ? void 0 : _b2.glyphGroup) == null ? void 0 : _c[0];
-        if (!bulletNode || !bulletNode)
-          return;
-        const rect = calcDocGlyphPosition(bulletNode, this._documents, this._skeleton, pageIndex);
-        rect && bounds.push({
-          rect,
-          segmentId,
-          segmentPageIndex: pageIndex,
-          paragraph
-        });
-      }, "calcRect"))(segmentPage);
-    }), bounds;
+    var _a28, _b, _c, _d, _e;
+    const body = (_a28 = this._context.unit.getSelfOrHeaderFooterModel(segmentId)) == null ? void 0 : _a28.getBody(), paragraphs = ((_b = body == null ? void 0 : body.paragraphs) != null ? _b : []).filter((p2) => p2.bullet && p2.bullet.listType.indexOf("CHECK_LIST") === 0), bounds = [], skeletonData = this._skeleton.getSkeletonData();
+    if (!skeletonData)
+      return bounds;
+    const calc = /* @__PURE__ */ __name((pages) => {
+      var _a29, _b2, _c2;
+      for (const page of pages) {
+        const sections = [...page.sections];
+        if (page.skeTables) {
+          const tables = Array.from(page.skeTables.values());
+          sections.push(...tables.map((i) => i.rows.map((i2) => i2.cells.map((i3) => i3.sections))).flat(4));
+        }
+        for (const selection of sections)
+          for (const column of selection.columns)
+            for (const line of column.lines)
+              if (line.paragraphStart) {
+                const paragraph = paragraphs.find((p2) => p2.startIndex === line.paragraphIndex);
+                if (paragraph) {
+                  const targetLine = line, bulletNode = (_c2 = (_b2 = (_a29 = targetLine == null ? void 0 : targetLine.divides) == null ? void 0 : _a29[0]) == null ? void 0 : _b2.glyphGroup) == null ? void 0 : _c2[0];
+                  if (!bulletNode)
+                    continue;
+                  const rect = calcDocGlyphPosition(bulletNode, this._documents, this._skeleton, segmentPage);
+                  if (!rect)
+                    continue;
+                  bounds.push({
+                    rect,
+                    segmentId,
+                    segmentPageIndex: segmentPage,
+                    paragraph
+                  });
+                }
+              }
+      }
+      return bounds;
+    }, "calc");
+    if (segmentId) {
+      const page = (_e = (_c = skeletonData.skeFooters.get(segmentId)) == null ? void 0 : _c.values()) != null ? _e : (_d = skeletonData.skeHeaders.get(segmentId)) == null ? void 0 : _d.values();
+      return page ? calc(Array.from(page)) : bounds;
+    }
+    return calc(skeletonData.pages);
   }
   _buildBulletBounds() {
     var _a28;
@@ -9509,7 +9454,7 @@ var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPrope
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
   return kind && result && __defProp$4(target, key, result), result;
 }, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a23;
-let DocTextSelectionRenderController = (_a23 = class extends Disposable {
+let DocSelectionRenderController = (_a23 = class extends Disposable {
   constructor(_context, _commandService, _editorService, _instanceSrv, _docSelectionRenderService, _docSkeletonManagerService, _docSelectionManagerService) {
     super();
     __publicField(this, "_loadedMap", /* @__PURE__ */ new WeakSet());
@@ -9535,7 +9480,7 @@ let DocTextSelectionRenderController = (_a23 = class extends Disposable {
   _syncSelection() {
     this.disposeWithMe(
       this._docSelectionRenderService.textSelectionInner$.subscribe((params) => {
-        params != null && this._docSelectionManagerService.replaceTextRangesWithNoRefresh(params);
+        params != null && this._docSelectionManagerService.__replaceTextRangesWithNoRefresh(params);
       })
     );
   }
@@ -9565,18 +9510,18 @@ let DocTextSelectionRenderController = (_a23 = class extends Disposable {
         ), viewModel = this._docSkeletonManagerService.getViewModel(), preEditArea = viewModel.getEditArea();
         preEditArea !== DocumentEditArea.BODY && editArea !== DocumentEditArea.BODY && editArea !== preEditArea && viewModel.setEditArea(editArea);
       }
-      if (this._docSelectionRenderService.onPointDown(evt), this._editorService.getEditor(unitId)) {
+      if (this._docSelectionRenderService.__onPointDown(evt), this._editorService.getEditor(unitId)) {
         this._setEditorFocus(unitId);
         const { offsetX: offsetX2, offsetY: offsetY2 } = evt;
         setTimeout(() => {
-          this._setEditorFocus(unitId), this._docSelectionRenderService.setCursorManually(offsetX2, offsetY2);
+          unitId !== this._editorService.getFocusId() && (this._setEditorFocus(unitId), this._docSelectionRenderService.setCursorManually(offsetX2, offsetY2));
         }, 0);
       }
       evt.button !== 2 && state.stopPropagation();
     })), this.disposeWithMe(document2.onDblclick$.subscribeEvent((evt) => {
-      this._isEditorReadOnly(unitId) || this._docSelectionRenderService.handleDblClick(evt);
+      this._isEditorReadOnly(unitId) || this._docSelectionRenderService.__handleDblClick(evt);
     })), this.disposeWithMe(document2.onTripleClick$.subscribeEvent((evt) => {
-      this._isEditorReadOnly(unitId) || this._docSelectionRenderService.handleTripleClick(evt);
+      this._isEditorReadOnly(unitId) || this._docSelectionRenderService.__handleTripleClick(evt);
     }));
   }
   _getTransformCoordForDocumentOffset(evtOffsetX, evtOffsetY) {
@@ -9612,10 +9557,7 @@ let DocTextSelectionRenderController = (_a23 = class extends Disposable {
     this.disposeWithMe(this._docSkeletonManagerService.currentSkeleton$.subscribe((skeleton) => {
       if (!skeleton) return;
       const { unitId } = this._context, isInternalEditor = isInternalEditorID(unitId);
-      (init || !isInternalEditorID(this._context.unitId)) && (this._docSelectionRenderService.attachScrollEvent(), this._docSelectionManagerService.setCurrentSelectionNotRefresh({
-        unitId,
-        subUnitId: unitId
-      }), isInternalEditor || this._docSelectionManagerService.replaceTextRanges([
+      (init || !isInternalEditorID(this._context.unitId)) && (isInternalEditor || this._docSelectionManagerService.replaceTextRanges([
         {
           startOffset: 0,
           endOffset: 0
@@ -9623,15 +9565,15 @@ let DocTextSelectionRenderController = (_a23 = class extends Disposable {
       ], !1)), init = !0;
     }));
   }
-}, __name(_a23, "DocTextSelectionRenderController"), _a23);
-DocTextSelectionRenderController = __decorateClass$4([
+}, __name(_a23, "DocSelectionRenderController"), _a23);
+DocSelectionRenderController = __decorateClass$4([
   __decorateParam$4(1, ICommandService),
   __decorateParam$4(2, IEditorService),
   __decorateParam$4(3, IUniverInstanceService),
   __decorateParam$4(4, Inject(DocSelectionRenderService)),
   __decorateParam$4(5, Inject(DocSkeletonManagerService)),
   __decorateParam$4(6, Inject(DocSelectionManagerService))
-], DocTextSelectionRenderController);
+], DocSelectionRenderController);
 var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
@@ -10079,7 +10021,7 @@ let UniverDocsUIPlugin = (_a27 = class extends Plugin {
       [DocEventManagerService],
       // Controllers.
       [DocBackScrollRenderController],
-      [DocTextSelectionRenderController],
+      [DocSelectionRenderController],
       [DocHeaderFooterController],
       [DocResizeRenderController],
       [DocContextMenuRenderController],
@@ -10219,11 +10161,7 @@ export {
   getOneTextSelectionRange,
   getParagraphsInRange,
   getParagraphsInRanges,
-  getPlainText,
-  getPlainTextFormBody,
-  getPlainTextFormDocument,
   getRichTextEditPath,
-  getSelectionText,
   getTableColumn,
   hasParagraphInTable,
   isInSameTableCell,

package/lib/types/controllers/doc-move-cursor.controller.d.ts

@@ -16,5 +16,6 @@ export declare class DocMoveCursorController extends Disposable {
     private _getGlyphLeftOffsetInLine;
     private _matchPositionByLeftOffset;
     private _getNextOrPrevLine;
+    private _scrollToFocusNodePosition;
     private _getDocObject;
 }

package/lib/types/controllers/render-controllers/back-scroll.render-controller.d.ts

@@ -1,17 +1,15 @@
-import { IUniverInstanceService, RxDisposable, DocumentDataModel, ITextRange, Nullable } from '@univerjs/core';
-import { DocSelectionManagerService } from '@univerjs/docs';
-import { IRenderManagerService, INodePosition, IRenderContext, IRenderModule } from '@univerjs/engine-render';
+import { RxDisposable, DocumentDataModel, ITextRange, Nullable } from '@univerjs/core';
+import { DocSelectionManagerService, DocSkeletonManagerService } from '@univerjs/docs';
 import { IEditorService } from '@univerjs/ui';
+import { INodePosition, IRenderContext, IRenderModule } from '@univerjs/engine-render';
 export declare class DocBackScrollRenderController extends RxDisposable implements IRenderModule {
     private readonly _context;
     private readonly _textSelectionManagerService;
     private readonly _editorService;
-    private readonly _univerInstanceService;
-    private readonly _renderManagerService;
-    constructor(_context: IRenderContext<DocumentDataModel>, _textSelectionManagerService: DocSelectionManagerService, _editorService: IEditorService, _univerInstanceService: IUniverInstanceService, _renderManagerService: IRenderManagerService);
+    private readonly _docSkeletonManagerService;
+    constructor(_context: IRenderContext<DocumentDataModel>, _textSelectionManagerService: DocSelectionManagerService, _editorService: IEditorService, _docSkeletonManagerService: DocSkeletonManagerService);
     private _init;
-    scrollToRange(unitId: string, range: ITextRange): void;
-    scrollToNode(unitId: string, startNodePosition: Nullable<INodePosition>): void;
+    scrollToRange(range: ITextRange): void;
+    scrollToNode(startNodePosition: Nullable<INodePosition>): void;
     private _scrollToSelection;
-    private _getDocObject;
 }

package/lib/types/controllers/render-controllers/doc-selection-render.controller.d.ts

@@ -3,7 +3,7 @@ import { DocSelectionManagerService, DocSkeletonManagerService } from '@univerjs
 import { IEditorService } from '@univerjs/ui';
 import { IRenderContext, IRenderModule } from '@univerjs/engine-render';
 import { DocSelectionRenderService } from '../../services/selection/doc-selection-render.service';
-export declare class DocTextSelectionRenderController extends Disposable implements IRenderModule {
+export declare class DocSelectionRenderController extends Disposable implements IRenderModule {
     private readonly _context;
     private readonly _commandService;
     private readonly _editorService;

package/lib/types/controllers/render-controllers/doc.render-controller.d.ts

@@ -1,16 +1,17 @@
-import { ICommandService, IConfigService, IContextService, RxDisposable, DocumentDataModel } from '@univerjs/core';
+import { ICommandService, IContextService, RxDisposable, DocumentDataModel } from '@univerjs/core';
 import { DocSkeletonManagerService } from '@univerjs/docs';
 import { IRenderManagerService, IRenderContext, IRenderModule } from '@univerjs/engine-render';
 import { IEditorService } from '@univerjs/ui';
+import { DocSelectionRenderService } from '../../services/selection/doc-selection-render.service';
 export declare class DocRenderController extends RxDisposable implements IRenderModule {
     private readonly _context;
     private readonly _contextService;
     private readonly _commandService;
+    private readonly _docSelectionRenderService;
     private readonly _docSkeletonManagerService;
-    private readonly _configService;
     private readonly _editorService;
     private readonly _renderManagerService;
-    constructor(_context: IRenderContext<DocumentDataModel>, _contextService: IContextService, _commandService: ICommandService, _docSkeletonManagerService: DocSkeletonManagerService, _configService: IConfigService, _editorService: IEditorService, _renderManagerService: IRenderManagerService);
+    constructor(_context: IRenderContext<DocumentDataModel>, _contextService: IContextService, _commandService: ICommandService, _docSelectionRenderService: DocSelectionRenderService, _docSkeletonManagerService: DocSkeletonManagerService, _editorService: IEditorService, _renderManagerService: IRenderManagerService);
     reRender(unitId: string): void;
     private _addNewRender;
     private _addComponent;

package/lib/types/index.d.ts

@@ -21,7 +21,6 @@ export { addCustomDecorationBySelectionFactory, addCustomDecorationFactory, dele
 export { addCustomRangeBySelectionFactory, addCustomRangeFactory, deleteCustomRangeFactory } from './basics/custom-range-factory';
 export * from './basics/docs-view-key';
 export { hasParagraphInTable } from './basics/paragraph';
-export { getPlainText, getPlainTextFormBody, getPlainTextFormDocument, getSelectionText } from './basics/plain-text';
 export { replaceSelectionFactory } from './basics/replace';
 export { docDrawingPositionToTransform, transformToDocDrawingPosition } from './basics/transform-position';
 export { AfterSpaceCommand, EnterCommand, type ITabCommandParams, TabCommand } from './commands/commands/auto-format.command';

package/lib/types/services/clipboard/clipboard.service.d.ts

@@ -36,6 +36,5 @@ export declare class DocClipboardService extends Disposable implements IDocClipb
     addClipboardHook(hook: IDocClipboardHook): IDisposable;
     private _getDocumentBodyInRanges;
     private _genDocDataFromClipboardItems;
-    private _generateBody;
     private _genDocDataFromHtmlAndText;
 }