@univerjs/docs-ui 1.0.0-alpha.0 → 1.0.0-alpha.1

package/lib/es/index.js

@@ -1,6 +1,6 @@
-import { BaselineOffset, BlockType, BooleanNumber, BuildTextUtils, COLORS, ColorKit, CommandType, CustomRangeType, DEFAULT_DOCUMENT_PARAGRAPH_LINE_SPACING, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_ABOVE, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_BELOW, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DOC_RANGE_TYPE, DashStyleType, DataStreamTreeNodeType, DataStreamTreeTokenType, DeleteDirection, DependentOn, Direction, Disposable, DisposableCollection, DocumentBlockRangeType, DocumentFlavor, DrawingTypeEnum, EDITOR_ACTIVATED, FOCUSING_COMMENT_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_DOC, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR, HorizontalAlign, ICommandService, IConfigService, IConfirmService, IContextService, ILogService, IUndoRedoService, IUniverInstanceService, Inject, Injector, InterceptorManager, JSONX, LRUMap, LocaleService, MODERN_DOCUMENT_DEFAULT_MARGIN, MODERN_DOCUMENT_WIDTH, MemoryCursor, ModernDocumentWidthMode, NAMED_STYLE_MAP, NamedStyleType, ObjectRelativeFromH, ObjectRelativeFromV, PAGE_SIZE, PAPER_TYPES, PRESET_LIST_TYPE, PageOrientType, Plugin, PositionedObjectLayoutType, PresetListType, QuickListTypeMap, RANGE_DIRECTION, Rectangle, RedoCommand, RxDisposable, SHEET_EDITOR_UNITS, SliceBodyType, SpacingRule, TableAlignmentType, TableRowHeightRule, TableSizeType, TableTextWrapType, TextX, TextXActionType, ThemeService, Tools, UndoCommand, UniverInstanceType, UpdateDocsAttributeType, VerticalAlign, checkForSubstrings, createIdentifier, createInterceptorKey, createInternalEditorID, createParagraphId, debounce, deepCompare, fromEventSubject, generateRandomId, getBodySlice, getPlainText, getRichTextEditPath, isCommentEditorID, isInternalEditorID, isSafeUrl, merge, mergeOverrideWithDependencies, normalizeBody, sequenceExecuteAsync, skipParseTagNames, toDisposable, touchDependencies } from "@univerjs/core";
-import { DeleteTextCommand, DocContentInsertService, DocInterceptorService, DocSelectionManagerService, DocSkeletonManagerService, DocStateEmitService, IDocStateChangeInterceptorService, InsertTextCommand, RichTextEditingMutation, SetTextSelectionsOperation, UpdateTextCommand } from "@univerjs/docs";
-import { CURSOR_TYPE, DeviceInputEventType, DocBackground, DocumentEditArea, DocumentSkeletonPageType, Documents, GlyphType, IRenderManagerService, Layer, Liquid, NORMAL_TEXT_SELECTION_PLUGIN_STYLE, PageLayoutType, Path, Rect, RegularPolygon, ScrollBar, ScrollTimer, Shape, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, getColor, getDocsTableRenderViewport, getLastColumn, getLastLine, getNextWheelZoomRatio, getNumberUnitValue, getOffsetRectForDom, getPageFromPath, getParagraphByGlyph, getSystemHighlightColor, getTableIdAndSliceIndex, hasListGlyph, isFirstGlyph, isIndentByGlyph, lineIterator, parseDataStreamToTree, pixelToPt, ptToPixel, pxToNum } from "@univerjs/engine-render";
+import { BaselineOffset, BlockType, BooleanNumber, BuildTextUtils, COLORS, ColorKit, CommandType, CustomRangeType, DEFAULT_DOCUMENT_PARAGRAPH_LINE_SPACING, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_ABOVE, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_BELOW, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DOC_RANGE_TYPE, DashStyleType, DataStreamTreeNodeType, DataStreamTreeTokenType, DeleteDirection, DependentOn, Direction, Disposable, DisposableCollection, DocumentBlockRangeType, DocumentBlockType, DocumentFlavor, DrawingTypeEnum, EDITOR_ACTIVATED, FOCUSING_COMMENT_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_DOC, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR, HorizontalAlign, ICommandService, IConfigService, IConfirmService, IContextService, ILogService, IUndoRedoService, IUniverInstanceService, Inject, Injector, InterceptorManager, JSONX, LRUMap, LocaleService, MODERN_DOCUMENT_DEFAULT_MARGIN, MODERN_DOCUMENT_WIDTH, MemoryCursor, ModernDocumentWidthMode, NAMED_STYLE_MAP, NamedStyleType, ObjectRelativeFromH, ObjectRelativeFromV, PAGE_SIZE, PAPER_TYPES, PRESET_LIST_TYPE, PageOrientType, Plugin, PositionedObjectLayoutType, PresetListType, QuickListTypeMap, RANGE_DIRECTION, Rectangle, RedoCommand, RxDisposable, SHEET_EDITOR_UNITS, SliceBodyType, SpacingRule, TableAlignmentType, TableRowHeightRule, TableSizeType, TableTextWrapType, TextX, TextXActionType, ThemeService, Tools, UndoCommand, UniverInstanceType, UpdateDocsAttributeType, VerticalAlign, checkForSubstrings, createIdentifier, createInterceptorKey, createInternalEditorID, createParagraphId, debounce, deepCompare, fromEventSubject, generateRandomId, getBodySlice, getPlainText, getRichTextEditPath, isCommentEditorID, isInternalEditorID, isSafeUrl, merge, mergeOverrideWithDependencies, normalizeBody, remove, sequenceExecuteAsync, skipParseTagNames, toDisposable, touchDependencies } from "@univerjs/core";
+import { DeleteTextCommand, DocBlockMoveValidatorService, DocContentInsertService, DocInterceptorService, DocSelectionManagerService, DocSkeletonManagerService, DocStateEmitService, IDocStateChangeInterceptorService, InsertTextCommand, RichTextEditingMutation, SetTextSelectionsOperation, UpdateTextCommand } from "@univerjs/docs";
+import { CURSOR_TYPE, DeviceInputEventType, DocBackground, DocumentEditArea, DocumentSkeletonPageType, Documents, GlyphType, IRenderManagerService, Layer, LineType, Liquid, NORMAL_TEXT_SELECTION_PLUGIN_STYLE, PageLayoutType, Path, Rect, RegularPolygon, ScrollBar, ScrollTimer, Shape, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, compareDocumentSkeletonNestedPagePathOrder, documentSkeletonLineIterator, documentSkeletonTableIterator, getColor, getDocsTableRenderViewport, getDocumentSkeletonColumnPagePathInfo, getDocumentSkeletonNestedPageOffset, getLastColumn, getNextWheelZoomRatio, getNumberUnitValue, getOffsetRectForDom, getPageFromPath, getParagraphByGlyph, getSystemHighlightColor, getTableIdAndSliceIndex, hasListGlyph, isFirstGlyph, isIndentByGlyph, parseDataStreamToTree, pixelToPt, ptToPixel, pxToNum } from "@univerjs/engine-render";
 import { BuiltInUIPart, COLOR_PICKER_COMPONENT, COMMON_LABEL_COMPONENT, ComponentManager, ContextMenuGroup, ContextMenuPanel, ContextMenuPosition, CopyCommand, CutCommand, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, HEADING_ITEM_COMPONENT, HEADING_LIST, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, ILayoutService, IMenuManagerService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MenuManagerPosition, MetaKeys, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RectPopup, RibbonInsertGroup, RibbonStartGroup, Slider, ToolbarItem, connectInjector, getMenuHiddenObservable, imageMimeTypeSet, useConfigValue, useDependency, useEvent, useObservable } from "@univerjs/ui";
 import { ImageSourceType } from "@univerjs/drawing";
 import { BehaviorSubject, Observable, Subject, animationFrameScheduler, combineLatest, distinctUntilChanged, filter, first, fromEvent, map, merge as merge$1, of, switchMap, take, takeUntil, throttleTime } from "rxjs";
@@ -8,7 +8,7 @@ import { bufferTime, filter as filter$1, map as map$1 } from "rxjs/operators";
 import { Button, Checkbox, InputNumber, Select, Tooltip, borderClassName, clsx, scrollbarClassName } from "@univerjs/design";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AddImageIcon, AlignTextBothIcon, BoldIcon, CatalogueIcon, CopyDoubleIcon, CutIcon, DeleteColumnDoubleIcon, DeleteIcon, DeleteRowDoubleIcon, DocSettingIcon, FontColorDoubleIcon, GridIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, HeaderFooterIcon, HorizontallyIcon, InsertDoubleIcon, InsertRowAboveDoubleIcon, InsertRowBelowDoubleIcon, ItalicIcon, KeyboardIcon, LeftIcon, LeftInsertColumnDoubleIcon, LeftJustifyingIcon, MenuIcon, MoreLeftIcon, MoreRightIcon, NoColorDoubleIcon, OrderIcon, PaintBucketDoubleIcon, PasteSpecialDoubleIcon, ReduceDoubleIcon, ReduceIcon, RightInsertColumnDoubleIcon, RightJustifyingIcon, ShapeIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TextTypeIcon, TodoListDoubleIcon, UnderlineIcon, UnorderIcon } from "@univerjs/icons";
+import { AddImageIcon, AlignTextBothIcon, BoldIcon, CatalogueIcon, CopyDoubleIcon, CutIcon, DeleteColumnDoubleIcon, DeleteIcon, DeleteRowDoubleIcon, DocSettingIcon, FontColorDoubleIcon, GridIcon, H1Icon, H2Icon, H3Icon, H4Icon, H5Icon, HeaderFooterIcon, HorizontallyIcon, InsertDoubleIcon, InsertRowAboveDoubleIcon, InsertRowBelowDoubleIcon, ItalicIcon, KeyboardIcon, LeftInsertColumnDoubleIcon, LeftJustifyingIcon, MenuIcon, MoreLeftIcon, MoreRightIcon, NoColorDoubleIcon, OrderIcon, PaintBucketDoubleIcon, PasteSpecialDoubleIcon, ReduceDoubleIcon, ReduceIcon, RightInsertColumnDoubleIcon, RightJustifyingIcon, ShapeIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TextTypeIcon, TodoListDoubleIcon, UnderlineIcon, UnorderIcon } from "@univerjs/icons";
 
 //#region src/basics/docs-view-key.ts
 /**
@@ -3594,14 +3594,36 @@ function hasVisibleHtml(html) {
 	return /<(?:img|br)\b/i.test(html) || html.replace(/<[^>]+>/g, "").replace(/&nbsp;/gi, " ").trim().length > 0;
 }
 var UDMToHtmlService = class {
+	constructor(_docHtmlExportService) {
+		this._docHtmlExportService = _docHtmlExportService;
+	}
 	convert(docList) {
 		if (docList.length === 0) throw new Error("The bodyList length at least to be 1");
 		let html = "";
-		for (const doc of Tools.deepClone(docList)) html += convertBodyToHtml(doc);
+		for (const doc of Tools.deepClone(docList)) {
+			var _this$_docHtmlExportS, _this$_docHtmlExportS2;
+			html += convertBodyToHtml((_this$_docHtmlExportS = (_this$_docHtmlExportS2 = this._docHtmlExportService) === null || _this$_docHtmlExportS2 === void 0 ? void 0 : _this$_docHtmlExportS2.transformDocumentForHtmlExport(doc)) !== null && _this$_docHtmlExportS !== void 0 ? _this$_docHtmlExportS : doc);
+		}
 		return html;
 	}
 };
 
+//#endregion
+//#region src/services/clipboard/udm-to-html/doc-html-export.service.ts
+var DocHtmlExportService = class extends Disposable {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "_transformers", []);
+	}
+	registerTransformer(transformer) {
+		this._transformers.push(transformer);
+		return this.disposeWithMe(toDisposable(() => remove(this._transformers, transformer)));
+	}
+	transformDocumentForHtmlExport(documentData) {
+		return this._transformers.reduce((doc, transformer) => transformer(doc), documentData);
+	}
+};
+
 //#endregion
 //#region src/services/clipboard/clipboard.service.ts
 HtmlToUDMService.use(LarkPastePlugin);
@@ -3639,7 +3661,7 @@ function getTableCellContentClipboardBodySlice(body, start, end) {
 }
 const IDocClipboardService = createIdentifier("doc.clipboard-service");
 let DocClipboardService = class DocClipboardService extends Disposable {
-	constructor(_univerInstanceService, _logService, _commandService, _clipboardInterfaceService, _docSelectionManagerService) {
+	constructor(_univerInstanceService, _logService, _commandService, _clipboardInterfaceService, docHtmlExportService, _docSelectionManagerService) {
 		super();
 		this._univerInstanceService = _univerInstanceService;
 		this._logService = _logService;
@@ -3648,7 +3670,8 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 		this._docSelectionManagerService = _docSelectionManagerService;
 		_defineProperty(this, "_clipboardHooks", []);
 		_defineProperty(this, "_htmlToUDM", new HtmlToUDMService());
-		_defineProperty(this, "_umdToHtml", new UDMToHtmlService());
+		_defineProperty(this, "_umdToHtml", void 0);
+		this._umdToHtml = new UDMToHtmlService(docHtmlExportService);
 	}
 	async copy(sliceType = SliceBodyType.copy, ranges) {
 		var _this$_getDocumentBod;
@@ -4004,7 +4027,8 @@ DocClipboardService = __decorate([
 	__decorateParam(1, ILogService),
 	__decorateParam(2, ICommandService),
 	__decorateParam(3, IClipboardInterfaceService),
-	__decorateParam(4, Inject(DocSelectionManagerService))
+	__decorateParam(4, Inject(DocHtmlExportService)),
+	__decorateParam(5, Inject(DocSelectionManagerService))
 ], DocClipboardService);
 function dataUrlToFile(dataUrl, fallbackName) {
 	const match = /^data:([^;,]+)(;base64)?,(.*)$/i.exec(dataUrl);
@@ -4099,11 +4123,18 @@ const MoveDocBlockCommand = {
 		const doc = params.unitId ? univerInstanceService.getUnit(params.unitId, UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUniverDocInstance();
 		if (!doc) return false;
 		const previousDocumentData = doc.getSnapshot();
-		const { nextDocumentData, movedRange } = buildMoveDocBlockActions({
+		const moveResult = buildMoveDocBlockActions({
 			documentData: previousDocumentData,
 			sourceRange: params.sourceRange,
 			targetOffset: params.targetOffset
 		});
+		const { nextDocumentData, movedRange } = accessor.get(DocBlockMoveValidatorService).transformMoveResult({
+			unitId: doc.getUnitId(),
+			sourceRange: params.sourceRange,
+			targetOffset: params.targetOffset,
+			previousDocumentData,
+			result: moveResult
+		});
 		const actions = buildReplaceDocumentBodyActions(previousDocumentData, nextDocumentData);
 		if (!actions) return false;
 		const textRanges = [{
@@ -4160,6 +4191,7 @@ function buildReplaceDocumentBodyActions(previousDocumentData, nextDocumentData)
 		jsonX.replaceOp(["body", "paragraphs"], previousBody.paragraphs, nextBody.paragraphs),
 		jsonX.replaceOp(["body", "sectionBreaks"], previousBody.sectionBreaks, nextBody.sectionBreaks),
 		jsonX.replaceOp(["body", "tables"], previousBody.tables, nextBody.tables),
+		jsonX.replaceOp(["body", "columnGroups"], previousBody.columnGroups, nextBody.columnGroups),
 		jsonX.replaceOp(["body", "customBlocks"], previousBody.customBlocks, nextBody.customBlocks),
 		jsonX.replaceOp(["body", "blockRanges"], previousBody.blockRanges, nextBody.blockRanges),
 		jsonX.replaceOp(["body", "customRanges"], previousBody.customRanges, nextBody.customRanges),
@@ -4168,7 +4200,7 @@ function buildReplaceDocumentBodyActions(previousDocumentData, nextDocumentData)
 	].filter(Boolean).reduce((acc, cur) => JSONX.compose(acc, cur), null);
 }
 function remapBodyIndexesAfterMove(body, startOffset, endOffset, targetOffset, insertOffset, moveLength) {
-	var _body$paragraphs, _body$sectionBreaks, _body$customBlocks, _body$tables, _body$blockRanges, _body$customRanges, _body$customDecoratio, _body$textRuns;
+	var _body$paragraphs, _body$sectionBreaks, _body$customBlocks, _body$tables, _body$columnGroups, _body$blockRanges, _body$customRanges, _body$customDecoratio, _body$textRuns;
 	body.paragraphs = (_body$paragraphs = body.paragraphs) === null || _body$paragraphs === void 0 ? void 0 : _body$paragraphs.map((paragraph) => ({
 		...paragraph,
 		startIndex: remapIndexAfterMove(paragraph.startIndex, startOffset, endOffset, targetOffset, insertOffset, moveLength)
@@ -4182,6 +4214,7 @@ function remapBodyIndexesAfterMove(body, startOffset, endOffset, targetOffset, i
 		startIndex: remapIndexAfterMove(customBlock.startIndex, startOffset, endOffset, targetOffset, insertOffset, moveLength)
 	})).sort((left, right) => left.startIndex - right.startIndex);
 	body.tables = (_body$tables = body.tables) === null || _body$tables === void 0 ? void 0 : _body$tables.map((table) => remapExclusiveRange(table, startOffset, endOffset, targetOffset, insertOffset, moveLength)).sort((left, right) => left.startIndex - right.startIndex);
+	body.columnGroups = (_body$columnGroups = body.columnGroups) === null || _body$columnGroups === void 0 ? void 0 : _body$columnGroups.map((columnGroup) => remapExclusiveRange(columnGroup, startOffset, endOffset, targetOffset, insertOffset, moveLength)).sort((left, right) => left.startIndex - right.startIndex);
 	body.blockRanges = (_body$blockRanges = body.blockRanges) === null || _body$blockRanges === void 0 ? void 0 : _body$blockRanges.map((blockRange) => remapInclusiveRange(blockRange, startOffset, endOffset, targetOffset, insertOffset, moveLength)).sort((left, right) => left.startIndex - right.startIndex);
 	body.customRanges = (_body$customRanges = body.customRanges) === null || _body$customRanges === void 0 ? void 0 : _body$customRanges.map((customRange) => remapInclusiveRange(customRange, startOffset, endOffset, targetOffset, insertOffset, moveLength)).sort((left, right) => left.startIndex - right.startIndex);
 	body.customDecorations = (_body$customDecoratio = body.customDecorations) === null || _body$customDecoratio === void 0 ? void 0 : _body$customDecoratio.map((customDecoration) => remapInclusiveRange(customDecoration, startOffset, endOffset, targetOffset, insertOffset, moveLength)).sort((left, right) => left.startIndex - right.startIndex);
@@ -4206,7 +4239,7 @@ function remapExclusiveRange(range, startOffset, endOffset, targetOffset, insert
 	return {
 		...range,
 		startIndex: remapIndexAfterMove(range.startIndex, startOffset, endOffset, targetOffset, insertOffset, moveLength),
-		endIndex: remapIndexAfterMove(range.endIndex, startOffset, endOffset, targetOffset, insertOffset, moveLength)
+		endIndex: remapExclusiveEndIndexAfterMove(range.endIndex, startOffset, endOffset, targetOffset, insertOffset, moveLength)
 	};
 }
 function remapInclusiveRange(range, startOffset, endOffset, targetOffset, insertOffset, moveLength) {
@@ -4227,6 +4260,11 @@ function remapIndexAfterMove(index, startOffset, endOffset, targetOffset, insert
 	if (targetOffset > endOffset && index >= endOffset && index < targetOffset) return index - moveLength;
 	return index;
 }
+function remapExclusiveEndIndexAfterMove(index, startOffset, endOffset, targetOffset, insertOffset, moveLength) {
+	if (index > startOffset && index <= endOffset) return insertOffset + index - startOffset;
+	if (targetOffset > endOffset && index >= endOffset && index <= targetOffset) return index - moveLength;
+	return remapIndexAfterMove(index, startOffset, endOffset, targetOffset, insertOffset, moveLength);
+}
 function clamp$1(value, min, max) {
 	return Math.min(Math.max(value, min), max);
 }
@@ -5910,6 +5948,8 @@ const NodePositionMap = {
 	glyph: 5
 };
 function compareNodePositionLogic(pos1, pos2) {
+	const nestedPagePathOrder = compareDocumentSkeletonNestedPagePathOrder(pos1, pos2);
+	if (nestedPagePathOrder != null) return nestedPagePathOrder;
 	if (pos1.page > pos2.page) return false;
 	if (pos1.page < pos2.page) return true;
 	if (pos1.section > pos2.section) return false;
@@ -6205,9 +6245,18 @@ var NodePositionConvertToCursor = class {
 					break;
 				}
 				case DocumentSkeletonPageType.CELL: {
+					const nestedPageOffset = getDocumentSkeletonNestedPageOffset(segmentPage);
+					if (nestedPageOffset) {
+						this._liquid.translatePagePadding(page);
+						this._liquid.translate(nestedPageOffset.left, nestedPageOffset.top);
+						this._liquid.translatePagePadding(segmentPage);
+						break;
+					}
 					this._liquid.translatePagePadding(page);
 					const rowSke = segmentPage.parent;
 					const tableSke = rowSke.parent;
+					const tablePage = tableSke.parent;
+					const tablePageNestedOffset = tablePage ? getDocumentSkeletonNestedPageOffset(tablePage) : void 0;
 					const { left: cellLeft } = segmentPage;
 					const { top: tableTop, left: tableLeft } = tableSke;
 					const { top: rowTop } = rowSke;
@@ -6215,6 +6264,10 @@ var NodePositionConvertToCursor = class {
 					const viewport = getDocsTableRenderViewport(getDocumentUnitId$1(skeleton), sourceTableId);
 					const hasHorizontalViewport = hasHorizontalTableViewport$2(viewport);
 					const scrollLeft = hasHorizontalViewport ? viewport.scrollLeft : 0;
+					if (tablePageNestedOffset) {
+						this._liquid.translate(tablePageNestedOffset.left, tablePageNestedOffset.top);
+						this._liquid.translatePagePadding(tablePage);
+					}
 					if (hasHorizontalViewport) {
 						var _viewport$leadingInse;
 						const visibleLeft = this._liquid.x + tableLeft - ((_viewport$leadingInse = viewport.leadingInsetLeft) !== null && _viewport$leadingInse !== void 0 ? _viewport$leadingInse : 0);
@@ -6316,8 +6369,14 @@ function isInSameTableCell(anchorNodePosition, focusNodePosition) {
 	const { path: anchorPath } = anchorNodePosition;
 	const { path: focusPath } = focusNodePosition;
 	if (anchorPath.indexOf("cells") === -1 || focusPath.indexOf("cells") === -1) return false;
-	if (anchorPath.length !== focusPath.length) return false;
-	return Tools.diffValue(anchorPath, focusPath);
+	const anchorTableIdIndex = anchorPath.indexOf("skeTables") + 1;
+	const anchorRowIndex = anchorPath.indexOf("rows") + 1;
+	const anchorCellIndex = anchorPath.indexOf("cells") + 1;
+	const focusTableIdIndex = focusPath.indexOf("skeTables") + 1;
+	const focusRowIndex = focusPath.indexOf("rows") + 1;
+	const focusCellIndex = focusPath.indexOf("cells") + 1;
+	if (anchorTableIdIndex === 0 || anchorRowIndex === 0 || anchorCellIndex === 0 || focusTableIdIndex === 0 || focusRowIndex === 0 || focusCellIndex === 0) return false;
+	return anchorPath[anchorTableIdIndex] === focusPath[focusTableIdIndex] && anchorPath[anchorRowIndex] === focusPath[focusRowIndex] && anchorPath[anchorCellIndex] === focusPath[focusCellIndex];
 }
 function isInSameTableCellData(skeleton, anchorNodePosition, focusNodePosition) {
 	var _anchorGlyph$parent, _focusGlyph$parent;
@@ -6352,7 +6411,7 @@ function compareNodePositionInTable(a, b) {
 	if (aRowCount > bRowCount) return false;
 	return aCellCount <= bCellCount;
 }
-function isEmptyCellPage$1(cell) {
+function isEmptyCellPage(cell) {
 	return cell.sections[0].columns[0].lines.length === 0;
 }
 function findNonEmptyCellPages(cells, startCol, endCol) {
@@ -6360,14 +6419,14 @@ function findNonEmptyCellPages(cells, startCol, endCol) {
 	let e = endCol;
 	let startCell = cells[s];
 	let endCell = cells[e];
-	while (s < e && (isEmptyCellPage$1(startCell) || isEmptyCellPage$1(endCell))) if (isEmptyCellPage$1(startCell)) {
+	while (s < e && (isEmptyCellPage(startCell) || isEmptyCellPage(endCell))) if (isEmptyCellPage(startCell)) {
 		s++;
 		startCell = cells[s];
-	} else if (isEmptyCellPage$1(endCell)) {
+	} else if (isEmptyCellPage(endCell)) {
 		e--;
 		endCell = cells[e];
 	}
-	if (!isEmptyCellPage$1(startCell) && !isEmptyCellPage$1(endCell)) return [startCell, endCell];
+	if (!isEmptyCellPage(startCell) && !isEmptyCellPage(endCell)) return [startCell, endCell];
 }
 function getColumnBoundary(table, column) {
 	var _table$tableSource;
@@ -6415,6 +6474,7 @@ var NodePositionConvertToRectRange = class {
 		_defineProperty(this, "_liquid", new Liquid());
 	}
 	getRangePointData(startNodePosition, endNodePosition) {
+		var _this$_documentOffset, _this$_documentOffset2;
 		const pointGroup = [];
 		const docSkeleton = this._docSkeleton;
 		const skeletonData = docSkeleton.getSkeletonData();
@@ -6428,6 +6488,12 @@ var NodePositionConvertToRectRange = class {
 		const { pageLayoutType, pageMarginLeft, pageMarginTop } = this._documentOffsetConfig;
 		const unitId = getDocumentUnitId(docSkeleton);
 		const sourceTableId = getTableIdAndSliceIndex(tableId).tableId;
+		const nestedTableContexts = documentSkeletonTableIterator(pages, {
+			docsLeft: (_this$_documentOffset = this._documentOffsetConfig.docsLeft) !== null && _this$_documentOffset !== void 0 ? _this$_documentOffset : 0,
+			docsTop: (_this$_documentOffset2 = this._documentOffsetConfig.docsTop) !== null && _this$_documentOffset2 !== void 0 ? _this$_documentOffset2 : 0,
+			pageMarginTop,
+			unitId
+		});
 		const skipPageIndex = pageType === DocumentSkeletonPageType.BODY || pageType === DocumentSkeletonPageType.CELL ? startPage : startSegmentPage;
 		for (let p = 0; p < skipPageIndex; p++) {
 			const page = pages[p];
@@ -6440,6 +6506,43 @@ var NodePositionConvertToRectRange = class {
 			let table = null;
 			for (const [id, tableSke] of skeTables.entries()) if (id.startsWith(tableId)) table = tableSke;
 			if (table == null) {
+				const nestedTableContext = nestedTableContexts.find((context) => context.pageIndex === p && context.source === "column" && context.tableId.startsWith(tableId));
+				if (nestedTableContext) {
+					const nestedTable = nestedTableContext.table;
+					const viewport = getDocsTableRenderViewport(unitId, sourceTableId);
+					const nestedX = nestedTableContext.tableRect.left - nestedTable.left;
+					const nestedY = nestedTableContext.tableRect.top;
+					if (intersectsMergedCell) {
+						const rows = nestedTable.rows.filter((row) => row.index >= startRow && row.index <= endRow);
+						const firstRow = rows[0];
+						const lastRow = rows[rows.length - 1];
+						const startX = getColumnBoundary(nestedTable, startColumn);
+						const endX = getColumnBoundary(nestedTable, endColumn + 1);
+						if (firstRow && lastRow && startX != null && endX != null) pushViewportClippedPoints(pointGroup, {
+							startX: nestedX + nestedTable.left + startX,
+							startY: nestedY + firstRow.top,
+							endX: nestedX + nestedTable.left + endX,
+							endY: nestedY + lastRow.top + lastRow.height
+						}, viewport, nestedX + nestedTable.left);
+						this._liquid.restorePagePadding(page);
+						this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
+						continue;
+					}
+					for (const row of nestedTable.rows) if (row.index >= startRow && row.index <= endRow) {
+						const cells = findNonEmptyCellPages(row.cells, startColumn, endColumn);
+						if (cells == null) continue;
+						const [rowStartCell, rowEndCell] = cells;
+						pushViewportClippedPoints(pointGroup, {
+							startX: nestedX + rowStartCell.left + nestedTable.left,
+							startY: nestedY + row.top,
+							endX: nestedX + rowEndCell.left + rowEndCell.pageWidth + nestedTable.left,
+							endY: nestedY + row.top + row.height
+						}, viewport, nestedX + nestedTable.left);
+					}
+					this._liquid.restorePagePadding(page);
+					this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
+					continue;
+				}
 				this._liquid.restorePagePadding(page);
 				this._liquid.translatePage(page, pageLayoutType, pageMarginLeft, pageMarginTop);
 				continue;
@@ -6538,19 +6641,23 @@ var NodePositionConvertToRectRange = class {
 		const { pages } = skeletonData;
 		const { path: anchorPath } = anchorPosition;
 		const { path: focusPath } = focusPosition;
+		if (anchorPath.indexOf("cells") === -1 || focusPath.indexOf("cells") === -1) return;
 		const anchorCell = getPageFromPath(skeletonData, anchorPath);
 		const focusCell = getPageFromPath(skeletonData, focusPath);
 		if (anchorCell == null || focusCell == null) return;
+		const anchorRow = anchorCell.parent;
+		const focusRow = focusCell.parent;
+		if (!Array.isArray(anchorRow === null || anchorRow === void 0 ? void 0 : anchorRow.cells) || !Array.isArray(focusRow === null || focusRow === void 0 ? void 0 : focusRow.cells)) return;
 		const tableId = anchorCell.segmentId;
-		const anchorRow = anchorCell.parent.index;
-		const anchorColumn = anchorCell.parent.cells.indexOf(anchorCell);
-		const focusRow = (focusCell === null || focusCell === void 0 ? void 0 : focusCell.parent).index;
-		const focusColumn = (focusCell === null || focusCell === void 0 ? void 0 : focusCell.parent).cells.indexOf(focusCell);
+		const anchorRowIndex = anchorRow.index;
+		const anchorColumn = anchorRow.cells.indexOf(anchorCell);
+		const focusRowIndex = focusRow.index;
+		const focusColumn = focusRow.cells.indexOf(focusCell);
 		const sourceTableId = getTableIdAndSliceIndex(tableId).tableId;
 		const tableSource = (_docSkeleton$getViewM = docSkeleton.getViewModel().getSnapshot().tableSource) === null || _docSkeleton$getViewM === void 0 ? void 0 : _docSkeleton$getViewM[sourceTableId];
 		const rawRange = {
-			startRowIndex: Math.min(anchorRow, focusRow),
-			endRowIndex: Math.max(anchorRow, focusRow),
+			startRowIndex: Math.min(anchorRowIndex, focusRowIndex),
+			endRowIndex: Math.max(anchorRowIndex, focusRowIndex),
 			startColumnIndex: Math.min(anchorColumn, focusColumn),
 			endColumnIndex: Math.max(anchorColumn, focusColumn)
 		};
@@ -7076,6 +7183,20 @@ var RectRange = class {
 
 //#endregion
 //#region src/services/selection/selection-utils.ts
+function isInSameColumnPage(anchorPosition, focusPosition) {
+	const anchorColumnInfo = getDocumentSkeletonColumnPagePathInfo(anchorPosition);
+	const focusColumnInfo = getDocumentSkeletonColumnPagePathInfo(focusPosition);
+	return !!anchorColumnInfo && !!focusColumnInfo && anchorColumnInfo.pageIndex === focusColumnInfo.pageIndex && anchorColumnInfo.columnGroupId === focusColumnInfo.columnGroupId && anchorColumnInfo.columnIndex === focusColumnInfo.columnIndex;
+}
+function getColumnInputBoundaryCollapsedPosition(anchorPosition, focusPosition, skeleton) {
+	const anchorColumnInfo = getDocumentSkeletonColumnPagePathInfo(anchorPosition);
+	const focusColumnInfo = getDocumentSkeletonColumnPagePathInfo(focusPosition);
+	if (!anchorColumnInfo || !focusColumnInfo || anchorColumnInfo.pageIndex !== focusColumnInfo.pageIndex || anchorColumnInfo.columnGroupId !== focusColumnInfo.columnGroupId || anchorColumnInfo.columnIndex + 1 !== focusColumnInfo.columnIndex) return;
+	const anchorOffset = skeleton.findCharIndexByPosition(anchorPosition);
+	const focusOffset = skeleton.findCharIndexByPosition(focusPosition);
+	if (anchorOffset == null || focusOffset == null || anchorOffset <= focusOffset) return;
+	return anchorPosition;
+}
 function getTextRangeFromCharIndex(startOffset, endOffset, scene, document, skeleton, style, segmentId, segmentPage, startIsBack = true, endIsBack = true) {
 	const startNodePosition = skeleton.findNodePositionByCharIndex(startOffset, startIsBack, segmentId, segmentPage);
 	const endNodePosition = skeleton.findNodePositionByCharIndex(endOffset, endIsBack, segmentId, segmentPage);
@@ -7107,6 +7228,21 @@ function getRangeListFromSelection(anchorPosition, focusPosition, scene, documen
 		segmentId,
 		segmentPage
 	];
+	const collapsedColumnPosition = getColumnInputBoundaryCollapsedPosition(anchorPosition, focusPosition, skeleton);
+	if (collapsedColumnPosition) {
+		textRanges.push(new TextRange(scene, document, skeleton, collapsedColumnPosition, collapsedColumnPosition, style, segmentId, segmentPage));
+		return {
+			textRanges,
+			rectRanges
+		};
+	}
+	if (isInSameColumnPage(anchorPosition, focusPosition)) {
+		textRanges.push(new TextRange(...rangeParams));
+		return {
+			textRanges,
+			rectRanges
+		};
+	}
 	if (isInSameTableCellData(skeleton, anchorPosition, focusPosition)) if (isInSameTableCell(anchorPosition, focusPosition)) {
 		textRanges.push(new TextRange(...rangeParams));
 		return {
@@ -8600,7 +8736,7 @@ const DocTableInsertColumnCommand = {
 	id: DocTableInsertColumnCommandId,
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _documentStyle$pageSi, _documentStyle$pageSi2, _snapshot$tableSource;
+		var _snapshot$tableSource, _documentStyle$pageSi, _documentStyle$pageSi2;
 		const { position } = params;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
@@ -8665,10 +8801,11 @@ const DocTableInsertColumnCommand = {
 		const snapshot = docDataModel.getSnapshot();
 		const documentStyle = snapshot.documentStyle;
 		const { marginLeft = 0, marginRight = 0 } = documentStyle;
-		const pageWidth = ((_documentStyle$pageSi = (_documentStyle$pageSi2 = documentStyle.pageSize) === null || _documentStyle$pageSi2 === void 0 ? void 0 : _documentStyle$pageSi2.width) !== null && _documentStyle$pageSi !== void 0 ? _documentStyle$pageSi : 800) - marginLeft - marginRight;
 		const tableColumns = snapshot === null || snapshot === void 0 || (_snapshot$tableSource = snapshot.tableSource) === null || _snapshot$tableSource === void 0 || (_snapshot$tableSource = _snapshot$tableSource[tableId]) === null || _snapshot$tableSource === void 0 ? void 0 : _snapshot$tableSource.tableColumns;
 		if (!tableColumns) return false;
-		const { newColWidth, widths } = getColumnWidths(pageWidth, tableColumns, columnIndex);
+		const pageWidth = ((_documentStyle$pageSi = (_documentStyle$pageSi2 = documentStyle.pageSize) === null || _documentStyle$pageSi2 === void 0 ? void 0 : _documentStyle$pageSi2.width) !== null && _documentStyle$pageSi !== void 0 ? _documentStyle$pageSi : 800) - marginLeft - marginRight;
+		const tableWidth = tableColumns.reduce((sum, column) => sum + column.size.width.v, 0);
+		const { newColWidth, widths } = getColumnWidths(tableWidth > 0 ? tableWidth : pageWidth, tableColumns, columnIndex);
 		for (let i = 0; i < widths.length; i++) {
 			const action = jsonX.replaceOp([
 				"tableSource",
@@ -10908,6 +11045,10 @@ function notInTableSubscriber(subscriber, docSelectionManagerService, univerInst
 	if (activeRange && (rectRanges == null || rectRanges.length === 0)) {
 		var _docDataModel$getSelf;
 		const { segmentId, startOffset, endOffset } = activeRange;
+		if (!(activeRange.collapsed === true || startOffset === endOffset)) {
+			subscriber.next(true);
+			return;
+		}
 		const docDataModel = univerInstanceService.getCurrentUniverDocInstance();
 		const tables = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId).getBody()) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.tables;
 		if (tables && tables.length) {
@@ -12658,7 +12799,6 @@ function ParagraphMenuInsertBelowHeadingH1MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading1",
 		params: {
 			commandId: H1HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
@@ -12674,7 +12814,6 @@ function ParagraphMenuInsertBelowHeadingH2MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading2",
 		params: {
 			commandId: H2HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
@@ -12690,7 +12829,6 @@ function ParagraphMenuInsertBelowHeadingH3MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading3",
 		params: {
 			commandId: H3HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
@@ -12706,7 +12844,6 @@ function ParagraphMenuInsertBelowHeadingH4MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading4",
 		params: {
 			commandId: H4HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
@@ -12722,7 +12859,6 @@ function ParagraphMenuInsertBelowHeadingH5MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading5",
 		params: {
 			commandId: H5HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
@@ -12738,8 +12874,7 @@ function ParagraphMenuInsertBelowTableMenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.table.insert",
 		params: {
 			rowCount: 3,
-			colCount: 5,
-			paragraphMenuPlacement: "below"
+			colCount: 5
 		},
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_DOC)
 	};
@@ -14024,6 +14159,50 @@ const calcDocParagraphPositions = (sections, top, left, pageWidth) => {
 	}
 	return paragraphBounds;
 };
+const calcParagraphPositionsFromLineContexts = (contexts, docsLeft, docsTop) => {
+	const paragraphBounds = [];
+	const currentParagraphs = /* @__PURE__ */ new Map();
+	for (const context of contexts) {
+		const { column, line, lineWidth, pageLeft, sectionTop } = context;
+		const startIndex = line.paragraphIndex;
+		const columnLeft = pageLeft + column.left + docsLeft;
+		const lineTop = sectionTop + line.top + docsTop;
+		const lineBottom = getParagraphLineBottom(context, lineTop);
+		const key = `${context.source}:${context.pageIndex}:${pageLeft}:${column.left}:${startIndex}`;
+		if (line.paragraphStart) {
+			const currentParagraph = currentParagraphs.get(key);
+			if (currentParagraph) paragraphBounds.push(currentParagraph);
+			currentParagraphs.set(key, {
+				paragraphStart: line.st,
+				paragraphEnd: startIndex,
+				startIndex,
+				rect: {
+					top: lineTop,
+					left: columnLeft,
+					right: columnLeft + lineWidth,
+					bottom: lineBottom
+				},
+				fisrtLine: {
+					top: lineTop + line.marginTop + line.paddingTop,
+					left: columnLeft,
+					right: columnLeft + lineWidth,
+					bottom: lineTop + line.marginTop + line.paddingTop + line.contentHeight
+				}
+			});
+		} else {
+			const currentParagraph = currentParagraphs.get(key);
+			if (currentParagraph) currentParagraph.rect.bottom = lineBottom;
+		}
+	}
+	paragraphBounds.push(...currentParagraphs.values());
+	return paragraphBounds;
+};
+function getParagraphLineBottom(context, lineTop) {
+	const lineBottom = lineTop + context.line.lineHeight;
+	if (context.source !== "column" || context.line !== context.column.lines.at(-1) || !Number.isFinite(context.page.pageHeight)) return lineBottom;
+	const pageTop = lineTop - context.line.top - context.section.top;
+	return Math.max(lineBottom, pageTop + context.page.pageHeight);
+}
 const calcDocGlyphPosition = (glyph, documents, skeleton, pageIndex = -1) => {
 	const start = skeleton.findPositionByGlyph(glyph, pageIndex);
 	if (!start) return;
@@ -14075,6 +14254,21 @@ function isPointInRect(x, y, rect) {
 	if (x >= left && x <= right && y >= top && y <= bottom) return true;
 	return false;
 }
+function getRectArea(rect) {
+	return Math.max(0, rect.right - rect.left) * Math.max(0, rect.bottom - rect.top);
+}
+function isRectContainingRect(outer, inner) {
+	return outer.left <= inner.left && outer.right >= inner.right && outer.top <= inner.top && outer.bottom >= inner.bottom;
+}
+function getParagraphTextRangeLength(bound) {
+	return Math.max(0, bound.paragraphEnd - bound.paragraphStart);
+}
+function getMostSpecificParagraphBound(bounds) {
+	return bounds.sort((left, right) => getRectArea(left.rect) - getRectArea(right.rect) || getParagraphTextRangeLength(left) - getParagraphTextRangeLength(right))[0];
+}
+function removeContainerParagraphBounds(bounds) {
+	return bounds.filter((bound) => !bounds.some((other) => other !== bound && getRectArea(other.rect) < getRectArea(bound.rect) && isRectContainingRect(bound.rect, other.rect)));
+}
 function getTableBlockMenuHoverRect(tableRect) {
 	return {
 		bottom: tableRect.bottom,
@@ -14184,7 +14378,10 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 		}));
 	}
 	_initEvents() {
-		this.disposeWithMe(fromEventSubject(this._context.scene.onPointerMove$).pipe(throttleTime(30)).subscribe((evt) => {
+		this.disposeWithMe(fromEventSubject(this._context.scene.onPointerMove$).pipe(throttleTime(30, void 0, {
+			leading: true,
+			trailing: true
+		})).subscribe((evt) => {
 			if (evt.buttons > 0) {
 				this._hoverBullet$.next(null);
 				this._hoverCustomRanges$.next([]);
@@ -14378,9 +14575,9 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 		if (!skeletonData) return null;
 		const calc = (pages) => {
 			const paragraphMap = /* @__PURE__ */ new Map();
-			const handlePage = (page, pageIndex, top, left) => {
-				calcDocParagraphPositions(page.sections, top, left, page.pageWidth - page.marginLeft - page.marginRight).forEach((bound) => {
-					if (!paragraphMap.has(bound.startIndex)) paragraphMap.set(bound.startIndex, {
+			const addParagraphBoundsToMap = (map, bounds, pageIndex, segmentId) => {
+				bounds.forEach((bound) => {
+					if (!map.has(bound.startIndex)) map.set(bound.startIndex, {
 						rect: bound.rect,
 						paragraphStart: bound.paragraphStart,
 						paragraphEnd: bound.paragraphEnd,
@@ -14391,7 +14588,7 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 						firstLine: bound.fisrtLine
 					});
 					else {
-						const current = paragraphMap.get(bound.startIndex);
+						const current = map.get(bound.startIndex);
 						if (current) {
 							current.rect.bottom = bound.rect.bottom;
 							current.rects.push(bound.rect);
@@ -14399,76 +14596,73 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 					}
 				});
 			};
-			for (let i = 0; i < pages.length; i++) {
-				const page = pages[i];
-				const top = ((page.pageHeight === Infinity ? 0 : page.pageHeight) + documentOffsetConfig.pageMarginTop) * i + page.marginTop + documentOffsetConfig.docsTop;
-				const left = page.marginLeft + documentOffsetConfig.docsLeft;
-				if (page.skeTables) Array.from(page.skeTables.values()).forEach((table) => {
-					const tableLeft = table.left + left;
-					const tableTop = table.top + top;
-					const sourceTableId = getTableIdAndSliceIndex(table.tableId).tableId;
-					const tableViewport = getTableHorizontalViewportGeometry(tableLeft, table.width, getDocsTableRenderViewport(this._context.unitId, sourceTableId));
-					const tableRight = tableViewport.visibleRight;
-					const tableBottom = tableTop + table.height;
-					const tableId = table.tableId;
-					this._tableBounds.set(tableId, {
-						rect: {
-							left: tableLeft,
-							top: tableTop,
-							right: tableRight,
-							bottom: tableBottom
-						},
-						pageIndex: i,
+			const lineContextsBySource = /* @__PURE__ */ new Map();
+			documentSkeletonLineIterator(pages, {
+				docsLeft: documentOffsetConfig.docsLeft,
+				pageMarginTop: documentOffsetConfig.pageMarginTop,
+				unitId: this._context.unitId
+			}, (context) => {
+				var _lineContextsBySource;
+				if (context.source === "table-cell") return;
+				const lineContexts = (_lineContextsBySource = lineContextsBySource.get(context.pageIndex)) !== null && _lineContextsBySource !== void 0 ? _lineContextsBySource : [];
+				lineContexts.push(context);
+				lineContextsBySource.set(context.pageIndex, lineContexts);
+			});
+			lineContextsBySource.forEach((contexts, pageIndex) => {
+				addParagraphBoundsToMap(paragraphMap, calcParagraphPositionsFromLineContexts(contexts, documentOffsetConfig.docsLeft, documentOffsetConfig.docsTop), pageIndex, segmentId);
+			});
+			for (const tableContext of documentSkeletonTableIterator(pages, {
+				docsLeft: documentOffsetConfig.docsLeft,
+				docsTop: documentOffsetConfig.docsTop,
+				pageMarginTop: documentOffsetConfig.pageMarginTop,
+				unitId: this._context.unitId
+			})) {
+				const tableId = tableContext.tableId;
+				const sourceTableId = getTableIdAndSliceIndex(tableId).tableId;
+				const tableViewport = getTableHorizontalViewportGeometry(tableContext.tableRect.left, tableContext.table.width, getDocsTableRenderViewport(this._context.unitId, sourceTableId));
+				this._tableBounds.set(tableId, {
+					rect: {
+						...tableContext.tableRect,
+						right: tableViewport.visibleRight
+					},
+					pageIndex: tableContext.pageIndex,
+					tableId
+				});
+				for (const cellGeometry of tableContext.cells) {
+					var _cell$pageWidth, _cell$marginLeft, _cell$marginRight;
+					const cell = cellGeometry.cell;
+					const cellContentWidth = ((_cell$pageWidth = cell.pageWidth) !== null && _cell$pageWidth !== void 0 ? _cell$pageWidth : 0) - ((_cell$marginLeft = cell.marginLeft) !== null && _cell$marginLeft !== void 0 ? _cell$marginLeft : 0) - ((_cell$marginRight = cell.marginRight) !== null && _cell$marginRight !== void 0 ? _cell$marginRight : 0);
+					const bounds = calcDocParagraphPositions(cell.sections, cellGeometry.pageTop, cellGeometry.pageLeft, cellContentWidth).map((bound) => clipParagraphBoundHorizontally(bound, cellGeometry.clipLeft, cellGeometry.clipRight)).filter((bound) => bound != null);
+					let arr = this._tableParagraphBounds.get(tableId);
+					if (!arr) {
+						arr = [];
+						this._tableParagraphBounds.set(tableId, arr);
+					}
+					arr.push(...bounds.map((bound) => ({
+						rect: bound.rect,
+						paragraphStart: bound.paragraphStart,
+						paragraphEnd: bound.paragraphEnd,
+						startIndex: bound.startIndex,
+						pageIndex: tableContext.pageIndex,
+						segmentId,
+						rowIndex: cellGeometry.rowIndex,
+						colIndex: cellGeometry.columnIndex,
+						firstLine: bound.fisrtLine,
+						tableId
+					})));
+					let cellBounds = this._tableCellBounds.get(tableId);
+					if (!cellBounds) {
+						cellBounds = [];
+						this._tableCellBounds.set(tableId, cellBounds);
+					}
+					cellBounds.push({
+						rect: cellGeometry.cellRect,
+						pageIndex: tableContext.pageIndex,
+						rowIndex: cellGeometry.rowIndex,
+						colIndex: cellGeometry.columnIndex,
 						tableId
 					});
-					table.rows.forEach((row, rowIndex) => {
-						row.cells.forEach((cell, colIndex) => {
-							const top = ((page.pageHeight === Infinity ? 0 : page.pageHeight) + documentOffsetConfig.pageMarginTop) * i + table.top + documentOffsetConfig.docsTop + page.marginTop + row.top + cell.marginTop;
-							const cellLeft = tableLeft + cell.left - tableViewport.scrollLeft + cell.marginLeft;
-							const cellContentWidth = cell.pageWidth - cell.marginLeft - cell.marginRight;
-							const cellRight = cellLeft + cellContentWidth;
-							const visibleCellLeft = Math.max(cellLeft, tableViewport.visibleLeft);
-							const visibleCellRight = Math.min(cellRight, tableViewport.visibleRight);
-							if (visibleCellRight <= visibleCellLeft) return;
-							const bounds = calcDocParagraphPositions(cell.sections, top, cellLeft, cellContentWidth).map((bound) => clipParagraphBoundHorizontally(bound, tableViewport.visibleLeft, tableViewport.visibleRight)).filter((bound) => bound != null);
-							let arr = this._tableParagraphBounds.get(tableId);
-							if (!arr) {
-								arr = [];
-								this._tableParagraphBounds.set(tableId, arr);
-							}
-							arr.push(...bounds.map((bound) => ({
-								rect: bound.rect,
-								paragraphStart: bound.paragraphStart,
-								paragraphEnd: bound.paragraphEnd,
-								startIndex: bound.startIndex,
-								pageIndex: i,
-								segmentId,
-								rowIndex,
-								colIndex,
-								firstLine: bound.fisrtLine,
-								tableId
-							})));
-							let cellBounds = this._tableCellBounds.get(tableId);
-							if (!cellBounds) {
-								cellBounds = [];
-								this._tableCellBounds.set(tableId, cellBounds);
-							}
-							cellBounds.push({
-								rect: {
-									top,
-									left: visibleCellLeft,
-									right: visibleCellRight,
-									bottom: top + cell.pageHeight - cell.marginBottom - cell.marginTop
-								},
-								pageIndex: i,
-								rowIndex,
-								colIndex,
-								tableId
-							});
-						});
-					});
-				});
-				handlePage(page, i, top, left);
+				}
 			}
 			return paragraphMap;
 		};
@@ -14525,20 +14719,12 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 				rects: [paragraph.rect]
 			};
 		}
-		let paragraph;
-		for (const bounds of this._paragraphBounds) {
-			const bound = bounds[1];
-			if (bound.rects.some((rect) => isPointInRect(x, y, rect))) {
-				paragraph = bound;
-				break;
-			}
-		}
-		return paragraph;
+		return getMostSpecificParagraphBound([...this._paragraphBounds.values()].filter((bound) => bound.rects.some((rect) => isPointInRect(x, y, rect))));
 	}
 	_calcActiveParagraphLeft(evt) {
 		this._buildParagraphBounds();
 		const { x, y } = evt;
-		return this._paragraphLeftBounds.find((bound) => isPointInRect(x, y, bound.rect));
+		return getMostSpecificParagraphBound(this._paragraphLeftBounds.filter((bound) => isPointInRect(x, y, bound.rect)));
 	}
 	get paragraphBounds() {
 		this._buildParagraphBounds();
@@ -14577,18 +14763,19 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 		var _this$_skeleton$getSk4, _this$_skeleton$getSk5;
 		const pages = (_this$_skeleton$getSk4 = (_this$_skeleton$getSk5 = this._skeleton.getSkeletonData()) === null || _this$_skeleton$getSk5 === void 0 ? void 0 : _this$_skeleton$getSk5.pages) !== null && _this$_skeleton$getSk4 !== void 0 ? _this$_skeleton$getSk4 : [];
 		const signatures = [];
-		pages.forEach((page) => {
-			var _page$skeTables;
-			(_page$skeTables = page.skeTables) === null || _page$skeTables === void 0 || _page$skeTables.forEach((table) => {
-				const tableId = getTableIdAndSliceIndex(table.tableId).tableId;
-				const viewport = getDocsTableRenderViewport(this._context.unitId, tableId);
-				if (!viewport) {
-					signatures.push(`${tableId}:none`);
-					return;
-				}
-				signatures.push(`${tableId}:${viewport.contentWidth}:${viewport.viewportWidth}:${viewport.scrollLeft}`);
-			});
-		});
+		for (const tableContext of documentSkeletonTableIterator(pages, {
+			pageMarginTop: this._documents.getOffsetConfig().pageMarginTop,
+			resolveViewport: false,
+			unitId: this._context.unitId
+		})) {
+			const tableId = getTableIdAndSliceIndex(tableContext.tableId).tableId;
+			const viewport = getDocsTableRenderViewport(this._context.unitId, tableId);
+			if (!viewport) {
+				signatures.push(`${tableId}:none`);
+				continue;
+			}
+			signatures.push(`${tableId}:${viewport.contentWidth}:${viewport.viewportWidth}:${viewport.scrollLeft}`);
+		}
 		return signatures.join("|");
 	}
 };
@@ -14596,7 +14783,7 @@ DocEventManagerService = __decorate([__decorateParam(1, Inject(DocSkeletonManage
 function getPreferredParagraphBoundsInRange(bodyBounds, tableBounds, startIndex, endIndex) {
 	const matchedTableBounds = tableBounds.filter((bound) => isRangeOverlappingParagraph(bound, startIndex, endIndex));
 	if (matchedTableBounds.length) return matchedTableBounds;
-	return bodyBounds.filter((bound) => isRangeOverlappingParagraph(bound, startIndex, endIndex));
+	return removeContainerParagraphBounds(bodyBounds.filter((bound) => isRangeOverlappingParagraph(bound, startIndex, endIndex)));
 }
 function isRangeOverlappingParagraph(bound, startIndex, endIndex) {
 	return Math.max(bound.paragraphStart, startIndex) <= Math.min(bound.paragraphEnd, endIndex);
@@ -14660,7 +14847,7 @@ const SideMenu = forwardRef((props, ref) => {
 			onClick: () => onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(!open),
 			className: clsx("univer-absolute univer-left-5 univer-top-4 univer-z-[100] univer-flex univer-size-8 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-full univer-bg-white univer-text-gray-800 univer-shadow-sm dark:!univer-bg-gray-600 dark:!univer-text-gray-200", iconClass),
 			style: iconStyle,
-			children: open ? /* @__PURE__ */ jsx(LeftIcon, {}) : /* @__PURE__ */ jsx(CatalogueIcon, {})
+			children: open ? /* @__PURE__ */ jsx(MoreLeftIcon, {}) : /* @__PURE__ */ jsx(CatalogueIcon, {})
 		}), /* @__PURE__ */ jsx("div", {
 			className: clsx(className, "univer-absolute univer-left-0 univer-top-0 univer-box-border univer-flex univer-min-w-[180px] univer-flex-col univer-px-4 univer-pb-4 univer-pt-14 univer-transition-all univer-duration-300", { "univer-rounded-r-2xl univer-bg-white univer-shadow univer-backdrop-blur-[10px] dark:!univer-bg-gray-900": isSideBar }),
 			style: {
@@ -14933,7 +15120,7 @@ DocUIController = __decorate([
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-ui";
-var version = "1.0.0-alpha.0";
+var version = "1.0.0-alpha.1";
 
 //#endregion
 //#region src/commands/commands/doc-paragraph-setting.command.ts
@@ -16081,6 +16268,10 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		var _this$_docEventManage;
 		const handleHoverTarget = (paragraph, tableBound) => {
 			if (this._isBlockMenuDragging) return;
+			if (this._docSelectionRenderService.isOnPointerEvent) {
+				this.hideParagraphMenu(true);
+				return;
+			}
 			const selectionState = this._getExpandedSelectionState(this._docSelectionManagerService.getDocRanges());
 			if (selectionState.hasExpandedTextRange) {
 				this.hideParagraphMenu(true);
@@ -16092,7 +16283,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 					this.showTableMenu(tableBound);
 					return;
 				}
-				if (((_this$_paragrahMenu3 = this._paragrahMenu) === null || _this$_paragrahMenu3 === void 0 ? void 0 : _this$_paragrahMenu3.target.kind) === "table") return;
+				if (((_this$_paragrahMenu3 = this._paragrahMenu) === null || _this$_paragrahMenu3 === void 0 ? void 0 : _this$_paragrahMenu3.target.kind) === DocumentBlockType.TABLE) return;
 				this.hideParagraphMenu(true);
 				return;
 			}
@@ -16114,13 +16305,19 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			this._docEventManagerService.hoverParagraphRealTime$,
 			this._docEventManagerService.hoverParagraphLeft$,
 			(_this$_docEventManage = this._docEventManagerService.hoverTableRealTime$) !== null && _this$_docEventManage !== void 0 ? _this$_docEventManage : new BehaviorSubject(null)
-		]).pipe(throttleTime(16)).subscribe(([p, left, table]) => {
+		]).pipe(throttleTime(16, void 0, {
+			leading: true,
+			trailing: true
+		})).subscribe(([p, left, table]) => {
 			handleHoverTarget(p !== null && p !== void 0 ? p : left, table);
 		}));
+		this.disposeWithMe(this._docSelectionRenderService.onSelectionStart$.subscribe(() => {
+			this.hideParagraphMenu(true);
+		}));
 		this.disposeWithMe(this._docSelectionManagerService.textSelection$.subscribe(({ textRanges, rectRanges }) => {
 			var _this$_paragrahMenu5;
 			const selectionState = this._getExpandedSelectionState([...textRanges, ...rectRanges]);
-			if (selectionState.hasExpandedTextRange || selectionState.hasRectRange && ((_this$_paragrahMenu5 = this._paragrahMenu) === null || _this$_paragrahMenu5 === void 0 ? void 0 : _this$_paragrahMenu5.target.kind) !== "table") this.hideParagraphMenu(true);
+			if (selectionState.hasExpandedTextRange || selectionState.hasRectRange && ((_this$_paragrahMenu5 = this._paragrahMenu) === null || _this$_paragrahMenu5 === void 0 ? void 0 : _this$_paragrahMenu5.target.kind) !== DocumentBlockType.TABLE) this.hideParagraphMenu(true);
 		}));
 		let lastScrollY = 0;
 		this.disposeWithMe(this._context.scene.getViewport("viewMain").onScrollAfter$.subscribeEvent((e) => {
@@ -16269,8 +16466,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		const table = body === null || body === void 0 || (_body$tables = body.tables) === null || _body$tables === void 0 ? void 0 : _body$tables.find((item) => item.tableId === tableBound.tableId);
 		if (!table) return;
 		const target = {
-			kind: "table",
-			key: `table:${table.tableId}`,
+			kind: DocumentBlockType.TABLE,
+			key: `${DocumentBlockType.TABLE}:${table.tableId}`,
 			table,
 			icon: "GridIcon",
 			menuRange: {
@@ -16321,7 +16518,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 	_shouldKeepCurrentCellMenuForTable(table) {
 		var _this$_paragrahMenu10;
 		const target = (_this$_paragrahMenu10 = this._paragrahMenu) === null || _this$_paragrahMenu10 === void 0 ? void 0 : _this$_paragrahMenu10.target;
-		if (!target || target.kind === "table" || !target.cellRange) return false;
+		if (!target || target.kind === DocumentBlockType.TABLE || !target.cellRange) return false;
 		return target.cellRange.startOffset >= table.startIndex && target.cellRange.startOffset <= table.endIndex;
 	}
 	getDropTargetFromClientPoint(clientX, clientY, sourceRange) {
@@ -16385,8 +16582,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 				blockRange
 			};
 			return {
-				kind: "blockRange",
-				key: `blockRange:${blockRange.blockId}`,
+				kind: DocumentBlockType.BLOCK_RANGE,
+				key: `${DocumentBlockType.BLOCK_RANGE}:${blockRange.blockId}`,
 				paragraph: targetParagraph,
 				blockRange,
 				icon: BLOCK_RANGE_ICON_MAP[blockRange.blockType],
@@ -16411,8 +16608,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		const customBlock = body === null || body === void 0 || (_body$customBlocks = body.customBlocks) === null || _body$customBlocks === void 0 ? void 0 : _body$customBlocks.find((item) => item.startIndex >= paragraph.paragraphStart && item.startIndex <= paragraph.paragraphEnd);
 		const isCustomBlockOnly = (customBlock === null || customBlock === void 0 ? void 0 : customBlock.blockType) === BlockType.CUSTOM && paragraphDataStream.replace(/[\b\r\n]/g, "") === "";
 		if (customBlock && customBlock.blockType === BlockType.CUSTOM && isCustomBlockOnly) return {
-			kind: "customBlock",
-			key: `customBlock:${customBlock.blockId}`,
+			kind: DocumentBlockType.CUSTOM_BLOCK,
+			key: `${DocumentBlockType.CUSTOM_BLOCK}:${customBlock.blockId}`,
 			paragraph,
 			customBlock,
 			icon: "TextTypeIcon",
@@ -16428,8 +16625,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		};
 		if (paragraphDataStream === "\b") return null;
 		return {
-			kind: "paragraph",
-			key: `paragraph:${paragraph.startIndex}`,
+			kind: DocumentBlockType.PARAGRAPH,
+			key: `${DocumentBlockType.PARAGRAPH}:${paragraph.startIndex}`,
 			paragraph,
 			icon: isHorizontalRuleParagraph ? "ReduceIcon" : listIcon,
 			cellRange: cellRange !== null && cellRange !== void 0 ? cellRange : void 0,
@@ -16455,8 +16652,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			const tableBound = this._docEventManagerService.tableBounds.get(table.tableId);
 			if (!tableBound) continue;
 			targets.push({
-				kind: "table",
-				key: `table:${table.tableId}`,
+				kind: DocumentBlockType.TABLE,
+				key: `${DocumentBlockType.TABLE}:${table.tableId}`,
 				table,
 				icon: "GridIcon",
 				menuRange: {
@@ -16477,8 +16674,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			const rect = unionRects(paragraphBounds.filter((bound) => Math.max(bound.paragraphStart, blockRange.startIndex) <= Math.min(bound.paragraphEnd, blockRange.endIndex)).map((bound) => bound.rect));
 			if (!rect) continue;
 			targets.push({
-				kind: "blockRange",
-				key: `blockRange:${blockRange.blockId}`,
+				kind: DocumentBlockType.BLOCK_RANGE,
+				key: `${DocumentBlockType.BLOCK_RANGE}:${blockRange.blockId}`,
 				blockRange,
 				icon: BLOCK_RANGE_ICON_MAP[blockRange.blockType],
 				menuRange: {
@@ -16519,8 +16716,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			const rect = unionRects(paragraphBounds.filter((bound) => Math.max(bound.paragraphStart, blockRange.startIndex) <= Math.min(bound.paragraphEnd, blockRange.endIndex)).map((bound) => bound.rect));
 			if (!rect) continue;
 			targets.push({
-				kind: "blockRange",
-				key: `blockRange:${blockRange.blockId}`,
+				kind: DocumentBlockType.BLOCK_RANGE,
+				key: `${DocumentBlockType.BLOCK_RANGE}:${blockRange.blockId}`,
 				blockRange,
 				icon: BLOCK_RANGE_ICON_MAP[blockRange.blockType],
 				cellRange,
@@ -16655,6 +16852,9 @@ const PARAGRAPH_MENU_HOVER_BRIDGE_VERTICAL_PADDING = 8;
 function getParagraphMenuTriggerClassName(visible) {
 	return clsx("univer-mr-1 univer-inline-flex univer-h-7 univer-cursor-pointer univer-items-center univer-gap-1 univer-rounded-md univer-border univer-border-gray-200 univer-bg-white univer-px-2 univer-py-0 univer-shadow-sm univer-transition-colors hover:univer-bg-gray-50 hover:univer-shadow-md dark:!univer-border-gray-700 dark:!univer-bg-gray-900 dark:hover:!univer-bg-gray-800", { "univer-bg-gray-100 univer-shadow-md dark:!univer-bg-gray-800": visible });
 }
+function shouldExecuteParagraphMenuMove(validatorService, context) {
+	return validatorService.canMoveBlock(context);
+}
 function getParagraphMenuTriggerIconKey(namedStyleType) {
 	switch (namedStyleType) {
 		case NamedStyleType.HEADING_1: return "H1Icon";
@@ -16935,13 +17135,13 @@ function deleteBodyText(body, startOffset, endOffset) {
 }
 function stripBlockParagraphStyle(style, blockType) {
 	const nextStyle = { ...style };
-	if (blockType === "quote") {
+	if (blockType === DocumentBlockRangeType.QUOTE) {
 		delete nextStyle.indentStart;
 		delete nextStyle.spaceAbove;
 		delete nextStyle.spaceBelow;
 		return nextStyle;
 	}
-	if (blockType === "code") {
+	if (blockType === DocumentBlockRangeType.CODE) {
 		var _nextStyle$textStyle, _nextStyle$textStyle2;
 		delete nextStyle.indentStart;
 		delete nextStyle.indentEnd;
@@ -16950,7 +17150,7 @@ function stripBlockParagraphStyle(style, blockType) {
 		if (((_nextStyle$textStyle = nextStyle.textStyle) === null || _nextStyle$textStyle === void 0 ? void 0 : _nextStyle$textStyle.ff) === "monospace" && ((_nextStyle$textStyle2 = nextStyle.textStyle) === null || _nextStyle$textStyle2 === void 0 ? void 0 : _nextStyle$textStyle2.fs) === 12) delete nextStyle.textStyle;
 		return nextStyle;
 	}
-	if (blockType === "callout") {
+	if (blockType === DocumentBlockRangeType.CALLOUT) {
 		delete nextStyle.indentStart;
 		delete nextStyle.indentEnd;
 		delete nextStyle.spaceAbove;
@@ -17046,6 +17246,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 	const docSelectionManagerService = useDependency(DocSelectionManagerService);
 	const docClipboardService = useDependency(IDocClipboardService);
 	const docContentInsertService = useDependency(DocContentInsertService);
+	const docBlockMoveValidatorService = useDependency(DocBlockMoveValidatorService);
 	const clipboardInterfaceService = useDependency(IClipboardInterfaceService);
 	const layoutService = useDependency(ILayoutService);
 	const iconManager = useDependency(IconManager);
@@ -17324,6 +17525,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 			},
 			onMouseLeave: () => {
 				isMouseOver.current = false;
+				setParagraphMenuInteractionActive(docParagraphMenuService, false);
 				cancelOpenMenu();
 				scheduleHideMenu();
 			},
@@ -17376,7 +17578,11 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 						isDraggingRef.current = false;
 						docParagraphMenuService === null || docParagraphMenuService === void 0 || docParagraphMenuService.setBlockMenuDragging(false);
 						setDropRect(null);
-						if (shouldDrop && range && targetOffset != null) commandService.executeCommand(MoveDocBlockCommand.id, {
+						if (shouldDrop && range && targetOffset != null && shouldExecuteParagraphMenuMove(docBlockMoveValidatorService, {
+							unitId: popup.unitId,
+							sourceRange: range,
+							targetOffset
+						})) commandService.executeCommand(MoveDocBlockCommand.id, {
 							unitId: popup.unitId,
 							sourceRange: range,
 							targetOffset
@@ -17415,6 +17621,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 			},
 			onMouseLeave: () => {
 				isMouseOver.current = false;
+				setParagraphMenuInteractionActive(docParagraphMenuService, false);
 				scheduleHideMenu();
 			}
 		}),
@@ -17432,6 +17639,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 				},
 				onMouseLeave: () => {
 					isMouseOver.current = false;
+					setParagraphMenuInteractionActive(docParagraphMenuService, false);
 					scheduleHideMenu();
 				},
 				children: /* @__PURE__ */ jsx(ContextMenuPanel, {
@@ -17449,6 +17657,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 					},
 					onMenuPointerLeave: () => {
 						isMouseOver.current = false;
+						setParagraphMenuInteractionActive(docParagraphMenuService, false);
 						scheduleHideMenu();
 					},
 					onCancel: () => {
@@ -17512,8 +17721,7 @@ const TableBlockMenu = ({ popup }) => /* @__PURE__ */ jsx(ParagraphMenuBase, {
 });
 function shouldUseInsertBelowRange(commandId, params) {
 	if (params.id === "doc.menu.insert-bellow") return true;
-	const rawParams = typeof params.params === "function" ? params.params() : params.params;
-	if (rawParams && typeof rawParams === "object" && "paragraphMenuPlacement" in rawParams && rawParams.paragraphMenuPlacement === "below") return true;
+	if (typeof params.id === "string" && params.id.toLowerCase().includes("below")) return true;
 	const normalized = commandId.toLowerCase();
 	if (normalized.includes("insert") && (normalized.includes("below") || normalized.includes("bellow"))) return true;
 	if (normalized.includes("insert") && normalized.includes("image")) return true;
@@ -17697,6 +17905,12 @@ ComponentsController = __decorate([__decorateParam(0, Inject(ComponentManager)),
 
 //#endregion
 //#region src/controllers/doc-auto-format.controller.ts
+function hasQuickListType(text) {
+	return Object.prototype.hasOwnProperty.call(QuickListTypeMap, text);
+}
+function hasQuickHeading(text) {
+	return Object.prototype.hasOwnProperty.call(QUICK_HEADING_MAP, text);
+}
 let DocAutoFormatController = class DocAutoFormatController extends Disposable {
 	constructor(_docAutoFormatService, _renderManagerService) {
 		super();
@@ -17765,14 +17979,14 @@ let DocAutoFormatController = class DocAutoFormatController extends Disposable {
 				if (paragraphs.length !== 1) return false;
 				if (!selection.collapsed) return false;
 				const text = (_unit$getBody2 = unit.getBody()) === null || _unit$getBody2 === void 0 ? void 0 : _unit$getBody2.dataStream.slice(paragraphs[0].paragraphStart, selection.startOffset - 1);
-				if (text && (Object.keys(QuickListTypeMap).includes(text) || Object.keys(QUICK_HEADING_MAP).includes(text))) return true;
+				if (text && (hasQuickListType(text) || hasQuickHeading(text))) return true;
 				return false;
 			},
 			getMutations(context) {
 				var _unit$getBody3;
 				const { paragraphs, unit, selection } = context;
 				const text = (_unit$getBody3 = unit.getBody()) === null || _unit$getBody3 === void 0 ? void 0 : _unit$getBody3.dataStream.slice(paragraphs[0].paragraphStart, selection.startOffset - 1);
-				if (text && Object.keys(QuickListTypeMap).includes(text)) {
+				if (text && hasQuickListType(text)) {
 					const type = QuickListTypeMap[text];
 					return [{
 						id: QuickListCommand.id,
@@ -17782,7 +17996,7 @@ let DocAutoFormatController = class DocAutoFormatController extends Disposable {
 						}
 					}];
 				}
-				if (text && Object.keys(QUICK_HEADING_MAP).includes(text)) {
+				if (text && hasQuickHeading(text)) {
 					const type = QUICK_HEADING_MAP[text];
 					return [{
 						id: QuickHeadingCommand.id,
@@ -17832,14 +18046,6 @@ DocAutoFormatController = __decorate([__decorateParam(0, Inject(DocAutoFormatSer
 
 //#endregion
 //#region src/basics/table.ts
-function firstLineInTable(table) {
-	return table.rows[0].cells[0].sections[0].columns[0].lines[0];
-}
-function lastLineInTable(table) {
-	const lastRow = table.rows[table.rows.length - 1];
-	const lastCell = lastRow.cells[lastRow.cells.length - 1];
-	return getLastLine(lastCell);
-}
 function findTableAfterLine(line, page) {
 	const { ed } = line;
 	const { skeTables } = page;
@@ -17850,86 +18056,6 @@ function findTableAfterLine(line, page) {
 	}
 	return table;
 }
-function findLineBeforeAndAfterTable(table) {
-	const tablePage = table === null || table === void 0 ? void 0 : table.parent;
-	let lineBeforeTable = null;
-	let lineAfterTable = null;
-	if (table == null || tablePage == null) return {
-		lineBeforeTable,
-		lineAfterTable
-	};
-	const { st, ed } = table;
-	lineIterator(tablePage.type === DocumentSkeletonPageType.CELL ? [tablePage] : tablePage.parent.pages, (l) => {
-		if (l.st === ed + 1) lineAfterTable = l;
-		else if (l.ed === st - 1) lineBeforeTable = l;
-	});
-	return {
-		lineBeforeTable,
-		lineAfterTable
-	};
-}
-function isEmptyCellPage(cell) {
-	return cell.sections[0].columns[0].lines.length === 0;
-}
-function findBellowCell(cell) {
-	const row = cell.parent;
-	const table = row === null || row === void 0 ? void 0 : row.parent;
-	const tableId = table === null || table === void 0 ? void 0 : table.tableId;
-	if (row == null || table == null) return;
-	const col = row.cells.indexOf(cell);
-	let bellowRow = table.rows[table.rows.indexOf(row) + 1];
-	if (bellowRow == null) {
-		if (tableId.indexOf("#-#")) {
-			var _table$parent;
-			const [id, index] = tableId.split("#-#");
-			const pages = (_table$parent = table.parent) === null || _table$parent === void 0 || (_table$parent = _table$parent.parent) === null || _table$parent === void 0 ? void 0 : _table$parent.pages;
-			const nextTableId = `${id}#-#${Number.parseInt(index) + 1}`;
-			if (pages) for (const page of pages) {
-				const { skeTables } = page;
-				if (skeTables.has(nextTableId)) {
-					const nextTable = skeTables.get(nextTableId);
-					if (nextTable === null || nextTable === void 0 ? void 0 : nextTable.rows.length) {
-						bellowRow = nextTable.rows.find((r) => !r.isRepeatRow);
-						break;
-					}
-				}
-			}
-		}
-	}
-	if (bellowRow != null) {
-		const cell = bellowRow.cells[col];
-		return isEmptyCellPage(cell) ? findBellowCell(cell) : cell;
-	}
-}
-function findAboveCell(cell) {
-	const row = cell.parent;
-	const table = row === null || row === void 0 ? void 0 : row.parent;
-	if (row == null || table == null) return;
-	let aboveRow = table.rows[table.rows.indexOf(row) - 1];
-	const col = row.cells.indexOf(cell);
-	if (aboveRow == null || aboveRow.isRepeatRow) {
-		if (table.tableId.indexOf("#-#")) {
-			var _table$parent2;
-			const [id, index] = table.tableId.split("#-#");
-			const pages = (_table$parent2 = table.parent) === null || _table$parent2 === void 0 || (_table$parent2 = _table$parent2.parent) === null || _table$parent2 === void 0 ? void 0 : _table$parent2.pages;
-			const nextTableId = `${id}#-#${Number.parseInt(index) - 1}`;
-			if (pages) for (const page of pages) {
-				const { skeTables } = page;
-				if (skeTables.has(nextTableId)) {
-					const nextTable = skeTables.get(nextTableId);
-					if (nextTable === null || nextTable === void 0 ? void 0 : nextTable.rows.length) {
-						aboveRow = nextTable.rows[nextTable.rows.length - 1];
-						break;
-					}
-				}
-			}
-		}
-	}
-	if (aboveRow != null) {
-		const cell = aboveRow.cells[col];
-		return isEmptyCellPage(cell) ? findAboveCell(cell) : cell;
-	}
-}
 function findTableBeforeLine(line, page) {
 	const { st } = line;
 	const { skeTables } = page;
@@ -17982,7 +18108,7 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		}));
 	}
 	_handleShiftMoveSelection(direction, granularity = "character") {
-		var _this$_renderManagerS, _dataStream$length;
+		var _this$_renderManagerS, _body$dataStream$leng, _docDataModel$getCust;
 		const activeRange = this._textSelectionManagerService.getActiveTextRange();
 		const allRanges = this._textSelectionManagerService.getTextRanges();
 		const docDataModel = this._univerInstanceService.getCurrentUniverDocInstance();
@@ -18009,16 +18135,21 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		}
 		const anchorOffset = collapsed ? startOffset : rangeDirection === RANGE_DIRECTION.FORWARD ? startOffset : endOffset;
 		let focusOffset = collapsed ? endOffset : rangeDirection === RANGE_DIRECTION.FORWARD ? endOffset : startOffset;
-		const dataStreamLength = (_dataStream$length = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId).getBody().dataStream.length) !== null && _dataStream$length !== void 0 ? _dataStream$length : Number.POSITIVE_INFINITY;
+		const body = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId).getBody();
+		if (body == null) return;
+		const dataStreamLength = (_body$dataStream$leng = body.dataStream.length) !== null && _body$dataStream$leng !== void 0 ? _body$dataStream$leng : Number.POSITIVE_INFINITY;
+		const customRanges = (_docDataModel$getCust = docDataModel.getCustomRanges()) !== null && _docDataModel$getCust !== void 0 ? _docDataModel$getCust : [];
 		if (granularity !== "character") {
-			const nextOffset = this._getCursorOffsetByGranularity(skeleton, focusOffset, direction, granularity, normalizedSegmentId, normalizedSegmentPage, dataStreamLength);
+			const nextOffset = this._getCursorOffsetByGranularity(skeleton, focusOffset, direction, granularity, normalizedSegmentId, normalizedSegmentPage, dataStreamLength, body.dataStream);
 			if (nextOffset == null || nextOffset === focusOffset) return;
+			const normalizedNextOffset = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, nextOffset, direction, normalizedSegmentId, normalizedSegmentPage);
+			if (normalizedNextOffset == null || normalizedNextOffset === focusOffset) return;
 			this._textSelectionManagerService.replaceTextRanges([{
 				startOffset: anchorOffset,
-				endOffset: nextOffset,
+				endOffset: normalizedNextOffset,
 				style
 			}], false);
-			this._scrollToFocusNodePosition(docDataModel.getUnitId(), nextOffset);
+			this._scrollToFocusNodePosition(docDataModel.getUnitId(), normalizedNextOffset);
 			return;
 		}
 		if (direction === Direction.LEFT || direction === Direction.RIGHT) {
@@ -18039,8 +18170,8 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			const focusNodePosition = collapsed ? startNodePosition : rangeDirection === RANGE_DIRECTION.FORWARD ? endNodePosition : startNodePosition;
 			const newPos = this._getTopOrBottomPosition(skeleton, focusGlyph, focusNodePosition, direction === Direction.DOWN, true);
 			if (newPos == null) {
-				const newFocusOffset = direction === Direction.UP ? 0 : dataStreamLength - 2;
-				if (newFocusOffset === focusOffset) return;
+				const newFocusOffset = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, direction === Direction.UP ? 0 : dataStreamLength - 2, direction, normalizedSegmentId, normalizedSegmentPage);
+				if (newFocusOffset == null || newFocusOffset === focusOffset) return;
 				this._textSelectionManagerService.replaceTextRanges([{
 					startOffset: anchorOffset,
 					endOffset: newFocusOffset,
@@ -18049,16 +18180,18 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 				return;
 			}
 			const newActiveRange = new NodePositionConvertToCursor(documentOffsetConfig, skeleton).getRangePointData(newPos, newPos).cursorList[0];
+			const newFocusOffset = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, newActiveRange.endOffset, direction, normalizedSegmentId, normalizedSegmentPage);
+			if (newFocusOffset == null || newFocusOffset === focusOffset) return;
 			this._textSelectionManagerService.replaceTextRanges([{
 				startOffset: anchorOffset,
-				endOffset: newActiveRange.endOffset,
+				endOffset: newFocusOffset,
 				style
 			}], false);
-			this._scrollToFocusNodePosition(docDataModel.getUnitId(), newActiveRange.endOffset);
+			this._scrollToFocusNodePosition(docDataModel.getUnitId(), newFocusOffset);
 		}
 	}
 	_handleMoveCursor(direction, granularity = "character") {
-		var _this$_renderManagerS2, _body$dataStream$leng, _docDataModel$getCust;
+		var _this$_renderManagerS2, _body$dataStream$leng2, _docDataModel$getCust2;
 		const activeRange = this._textSelectionManagerService.getActiveTextRange();
 		const allRanges = this._textSelectionManagerService.getTextRanges();
 		const docDataModel = this._univerInstanceService.getCurrentUniverDocInstance();
@@ -18071,8 +18204,8 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		const normalizedSegmentPage = segmentPage !== null && segmentPage !== void 0 ? segmentPage : -1;
 		const body = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId).getBody();
 		if (body == null) return;
-		const dataStreamLength = (_body$dataStream$leng = body.dataStream.length) !== null && _body$dataStream$leng !== void 0 ? _body$dataStream$leng : Number.POSITIVE_INFINITY;
-		const customRanges = (_docDataModel$getCust = docDataModel.getCustomRanges()) !== null && _docDataModel$getCust !== void 0 ? _docDataModel$getCust : [];
+		const dataStreamLength = (_body$dataStream$leng2 = body.dataStream.length) !== null && _body$dataStream$leng2 !== void 0 ? _body$dataStream$leng2 : Number.POSITIVE_INFINITY;
+		const customRanges = (_docDataModel$getCust2 = docDataModel.getCustomRanges()) !== null && _docDataModel$getCust2 !== void 0 ? _docDataModel$getCust2 : [];
 		if (granularity !== "character") {
 			let cursorOffset;
 			if (!activeRange.collapsed || allRanges.length > 1) {
@@ -18084,9 +18217,10 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 				}
 				cursorOffset = direction === Direction.LEFT || direction === Direction.UP ? min : max;
 			} else cursorOffset = direction === Direction.LEFT || direction === Direction.UP ? startOffset : endOffset;
-			let cursor = this._getCursorOffsetByGranularity(skeleton, cursorOffset, direction, granularity, normalizedSegmentId, normalizedSegmentPage, dataStreamLength);
+			let cursor = this._getCursorOffsetByGranularity(skeleton, cursorOffset, direction, granularity, normalizedSegmentId, normalizedSegmentPage, dataStreamLength, body.dataStream);
+			if (cursor == null) return;
+			cursor = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, cursor, direction, normalizedSegmentId, normalizedSegmentPage);
 			if (cursor == null) return;
-			cursor = this._normalizeCursorOffset(body.dataStream, customRanges, cursor, direction);
 			this._textSelectionManagerService.replaceTextRanges([{
 				startOffset: cursor,
 				endOffset: cursor,
@@ -18117,13 +18251,15 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			const skipTokens = [...this._getCursorSkipTokens()];
 			if (direction === Direction.LEFT) while (skipTokens.includes(body.dataStream[cursor])) cursor--;
 			else while (skipTokens.includes(body.dataStream[cursor])) cursor++;
-			cursor = this._normalizeWholeEntityRanges(customRanges, cursor, direction);
+			cursor = this._normalizeCursorOffset(body.dataStream, customRanges, cursor, direction);
+			const normalizedCursor = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, cursor, direction, normalizedSegmentId, normalizedSegmentPage);
+			if (normalizedCursor == null) return;
 			this._textSelectionManagerService.replaceTextRanges([{
-				startOffset: Math.max(0, cursor),
-				endOffset: Math.max(0, cursor),
+				startOffset: normalizedCursor,
+				endOffset: normalizedCursor,
 				style
 			}], false);
-			this._scrollToFocusNodePosition(docDataModel.getUnitId(), cursor);
+			this._scrollToFocusNodePosition(docDataModel.getUnitId(), normalizedCursor);
 		} else {
 			const startNode = skeleton.findNodeByCharIndex(startOffset, segmentId, segmentPage);
 			const endNode = skeleton.findNodeByCharIndex(endOffset, segmentId, segmentPage);
@@ -18131,31 +18267,55 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			const newPos = this._getTopOrBottomPosition(skeleton, direction === Direction.UP ? startNode : collapsed ? startNode : endNode, direction === Direction.UP ? startNodePosition : collapsed ? startNodePosition : endNodePosition, direction === Direction.DOWN);
 			if (newPos == null) {
 				let cursor;
-				if (collapsed) cursor = direction === Direction.UP ? 0 : dataStreamLength - 2;
-				else cursor = direction === Direction.UP ? startOffset : endOffset;
+				if (collapsed) cursor = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, direction === Direction.UP ? 0 : dataStreamLength - 2, direction, normalizedSegmentId, normalizedSegmentPage);
+				else cursor = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, direction === Direction.UP ? startOffset : endOffset, direction, normalizedSegmentId, normalizedSegmentPage);
+				if (cursor == null) return;
 				this._textSelectionManagerService.replaceTextRanges([{
-					startOffset: Math.max(0, cursor),
-					endOffset: Math.max(0, cursor),
+					startOffset: cursor,
+					endOffset: cursor,
 					style
 				}], false);
 				return;
 			}
 			const newActiveRange = new NodePositionConvertToCursor(documentOffsetConfig, skeleton).getRangePointData(newPos, newPos).cursorList[0];
+			const cursor = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, newActiveRange.endOffset, direction, normalizedSegmentId, normalizedSegmentPage);
+			if (cursor == null) return;
 			this._textSelectionManagerService.replaceTextRanges([{
-				...newActiveRange,
+				startOffset: cursor,
+				endOffset: cursor,
 				style
 			}], false);
-			this._scrollToFocusNodePosition(docDataModel.getUnitId(), newActiveRange.endOffset);
+			this._scrollToFocusNodePosition(docDataModel.getUnitId(), cursor);
 		}
 	}
-	_getCursorOffsetByGranularity(skeleton, focusOffset, direction, granularity, segmentId, segmentPage, dataStreamLength) {
+	_getCursorOffsetByGranularity(skeleton, focusOffset, direction, granularity, segmentId, segmentPage, dataStreamLength, dataStream = "") {
 		switch (granularity) {
 			case "document": return direction === Direction.LEFT || direction === Direction.UP ? 0 : dataStreamLength - 2;
+			case "paragraph": return this._getParagraphBoundaryOffset(dataStream, focusOffset, direction);
 			case "line": return this._getLineBoundaryOffset(skeleton, focusOffset, direction, segmentId, segmentPage, dataStreamLength);
 			case "word": return this._getWordBoundaryOffset(skeleton, focusOffset, direction, segmentId, segmentPage, dataStreamLength);
 			default: return null;
 		}
 	}
+	_getParagraphBoundaryOffset(dataStream, focusOffset, direction) {
+		if (direction !== Direction.UP && direction !== Direction.DOWN) return;
+		if (dataStream.length === 0) return 0;
+		const cursor = Math.min(Math.max(0, focusOffset), dataStream.length - 1);
+		if (direction === Direction.UP) {
+			const currentParagraphStart = this._getCurrentParagraphStartOffset(dataStream, cursor);
+			if (cursor > currentParagraphStart) return currentParagraphStart;
+			return this._getCurrentParagraphStartOffset(dataStream, Math.max(0, currentParagraphStart - 1));
+		}
+		const nextParagraphEnd = dataStream.indexOf(DataStreamTreeTokenType.PARAGRAPH, cursor);
+		return nextParagraphEnd === -1 ? dataStream.length - 1 : nextParagraphEnd + 1;
+	}
+	_getCurrentParagraphStartOffset(dataStream, cursor) {
+		for (let index = Math.min(cursor - 1, dataStream.length - 1); index >= 0; index--) {
+			const token = dataStream[index];
+			if (token === DataStreamTreeTokenType.PARAGRAPH || token === DataStreamTreeTokenType.SECTION_BREAK) return index + 1;
+		}
+		return 0;
+	}
 	_getWordBoundaryOffset(skeleton, focusOffset, direction, segmentId, segmentPage, dataStreamLength) {
 		var _skeleton$findNodeByC;
 		if (direction !== Direction.LEFT && direction !== Direction.RIGHT) return;
@@ -18206,6 +18366,30 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		else while (cursor < dataStream.length - 1 && skipTokens.includes(dataStream[cursor])) cursor++;
 		return this._normalizeWholeEntityRanges(customRanges, cursor, direction);
 	}
+	_normalizeRenderableCursorOffset(skeleton, dataStream, customRanges, cursor, direction, segmentId, segmentPage) {
+		const boundedCursor = Math.min(Math.max(0, cursor), Math.max(0, dataStream.length - 1));
+		const primaryCursor = this._findNearestRenderableCursorOffset(skeleton, dataStream, customRanges, boundedCursor, direction, segmentId, segmentPage);
+		if (primaryCursor != null) return primaryCursor;
+		const fallbackDirection = direction === Direction.LEFT || direction === Direction.UP ? Direction.DOWN : Direction.UP;
+		return this._findNearestRenderableCursorOffset(skeleton, dataStream, customRanges, boundedCursor, fallbackDirection, segmentId, segmentPage);
+	}
+	_findNearestRenderableCursorOffset(skeleton, dataStream, customRanges, cursor, direction, segmentId, segmentPage) {
+		const step = direction === Direction.LEFT || direction === Direction.UP ? -1 : 1;
+		let current = Math.min(Math.max(0, cursor), Math.max(0, dataStream.length - 1));
+		const visited = /* @__PURE__ */ new Set();
+		while (current >= 0 && current < dataStream.length && !visited.has(current)) {
+			visited.add(current);
+			const normalizedCursor = this._normalizeCursorOffset(dataStream, customRanges, current, direction);
+			if (normalizedCursor < 0 || normalizedCursor >= dataStream.length) return;
+			if (this._isRenderableCursorOffset(skeleton, dataStream, normalizedCursor, segmentId, segmentPage)) return normalizedCursor;
+			current = normalizedCursor + step;
+		}
+	}
+	_isRenderableCursorOffset(skeleton, dataStream, cursor, segmentId, segmentPage) {
+		if (cursor < 0 || cursor >= dataStream.length) return false;
+		if (this._getNonRenderableCursorTokens().includes(dataStream[cursor])) return false;
+		return skeleton.findNodePositionByCharIndex(cursor, true, segmentId, segmentPage) != null;
+	}
 	_normalizeWholeEntityRanges(customRanges, cursor, direction) {
 		customRanges.filter((range) => range.wholeEntity && range.startIndex < cursor && range.endIndex >= cursor).forEach((range) => {
 			if (direction === Direction.LEFT || direction === Direction.UP) cursor = Math.min(range.startIndex, cursor);
@@ -18228,12 +18412,21 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		if (includeParagraph) tokens.push(DataStreamTreeTokenType.PARAGRAPH);
 		return tokens;
 	}
+	_getNonRenderableCursorTokens() {
+		return [
+			...this._getCursorSkipTokens(),
+			DataStreamTreeTokenType.COLUMN_GROUP_START,
+			DataStreamTreeTokenType.COLUMN_GROUP_END,
+			DataStreamTreeTokenType.COLUMN_START,
+			DataStreamTreeTokenType.COLUMN_END
+		];
+	}
 	_getTopOrBottomPosition(docSkeleton, glyph, nodePosition, direction, skipCellContent = false) {
 		if (glyph == null || nodePosition == null) return;
 		const offsetLeft = this._getGlyphLeftOffsetInLine(glyph);
-		const line = this._getNextOrPrevLine(glyph, direction, skipCellContent);
-		if (line == null) return;
-		const position = this._matchPositionByLeftOffset(docSkeleton, line, offsetLeft, nodePosition);
+		const target = this._getNextOrPrevLineTarget(glyph, direction, offsetLeft, skipCellContent);
+		if (target == null) return;
+		const position = this._matchPositionByLeftOffset(docSkeleton, target.line, target.offsetLeft, nodePosition);
 		if (position == null) return;
 		return {
 			...position,
@@ -18248,11 +18441,24 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		return divideLeft + left;
 	}
 	_matchPositionByLeftOffset(docSkeleton, line, offsetLeft, nodePosition) {
+		var _nearestNode$glyph;
 		const nearestNode = { distance: Number.POSITIVE_INFINITY };
+		const nearestEmptyParagraphNode = { distance: Number.POSITIVE_INFINITY };
 		for (const divide of line.divides) {
 			const divideLeft = divide.left;
 			for (const glyph of divide.glyphGroup) {
-				if (!this._isCursorAddressableGlyph(glyph)) continue;
+				if (!this._isCursorAddressableGlyph(glyph)) {
+					if (glyph.streamType === DataStreamTreeTokenType.PARAGRAPH && glyph.count > 0) {
+						const { left } = glyph;
+						const leftSide = divideLeft + left;
+						const distance = Math.abs(offsetLeft - leftSide);
+						if (distance < nearestEmptyParagraphNode.distance) {
+							nearestEmptyParagraphNode.glyph = glyph;
+							nearestEmptyParagraphNode.distance = distance;
+						}
+					}
+					continue;
+				}
 				const { left } = glyph;
 				const leftSide = divideLeft + left;
 				const distance = Math.abs(offsetLeft - leftSide);
@@ -18262,11 +18468,12 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 				}
 			}
 		}
-		if (nearestNode.glyph == null) return;
+		const nearestGlyph = (_nearestNode$glyph = nearestNode.glyph) !== null && _nearestNode$glyph !== void 0 ? _nearestNode$glyph : nearestEmptyParagraphNode.glyph;
+		if (nearestGlyph == null) return;
 		const { segmentPage } = nodePosition;
-		return docSkeleton.findPositionByGlyph(nearestNode.glyph, segmentPage);
+		return docSkeleton.findPositionByGlyph(nearestGlyph, segmentPage);
 	}
-	_getNextOrPrevLine(glyph, direction, skipCellContent = false) {
+	_getNextOrPrevLineTarget(glyph, direction, offsetLeft, skipCellContent = false) {
 		const divide = glyph.parent;
 		const line = divide === null || divide === void 0 ? void 0 : divide.parent;
 		const column = line === null || line === void 0 ? void 0 : line.parent;
@@ -18276,26 +18483,25 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		const currentLineIndex = column.lines.indexOf(line);
 		if (currentLineIndex === -1) return;
 		let newLine;
-		if (page.type === DocumentSkeletonPageType.CELL && skipCellContent) {
-			const nLine = findAboveOrBellowCellLine(page, direction);
-			if (nLine) return nLine;
+		if (this._isTableCellContentPage(page) && skipCellContent) {
+			const tableCellTarget = this._getAdjacentTableCellLineTarget(page, direction, offsetLeft);
+			if (tableCellTarget != null) return tableCellTarget;
 		}
 		if (direction === true) {
 			newLine = column.lines[currentLineIndex + 1];
-			const tableAfterLine = findTableAfterLine(line, page);
-			if (tableAfterLine) {
-				const firstLine = firstLineInTable(tableAfterLine);
-				if (firstLine) newLine = firstLine;
-			}
+			const tableTarget = this._getTableLineTargetFromPageLine(line, page, direction, offsetLeft);
+			if (tableTarget != null) return tableTarget;
 		} else {
 			newLine = column.lines[currentLineIndex - 1];
-			const tableBeforeLine = findTableBeforeLine(line, page);
-			if (tableBeforeLine) {
-				const lastLine = lastLineInTable(tableBeforeLine);
-				if (lastLine) newLine = lastLine;
-			}
+			const tableTarget = this._getTableLineTargetFromPageLine(line, page, direction, offsetLeft);
+			if (tableTarget != null) return tableTarget;
 		}
-		if (newLine != null) return newLine;
+		const columnGroupTarget = this._getColumnGroupLineTargetFromBlockLine(newLine, page, direction, offsetLeft);
+		if (columnGroupTarget != null) return columnGroupTarget;
+		if (newLine != null) return {
+			line: newLine,
+			offsetLeft
+		};
 		const currentColumnIndex = section.columns.indexOf(column);
 		if (currentColumnIndex === -1) return;
 		if (direction === true) {
@@ -18306,7 +18512,10 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			const prevColumnLines = (_section$columns2 = section.columns) === null || _section$columns2 === void 0 || (_section$columns2 = _section$columns2[currentColumnIndex - 1]) === null || _section$columns2 === void 0 ? void 0 : _section$columns2.lines;
 			newLine = prevColumnLines === null || prevColumnLines === void 0 ? void 0 : prevColumnLines[prevColumnLines.length - 1];
 		}
-		if (newLine != null) return newLine;
+		if (newLine != null) return {
+			line: newLine,
+			offsetLeft
+		};
 		const currentSectionIndex = page.sections.indexOf(section);
 		if (currentSectionIndex === -1) return;
 		if (direction === true) {
@@ -18319,8 +18528,15 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			const prevColumnLines = column === null || column === void 0 ? void 0 : column.lines;
 			newLine = prevColumnLines === null || prevColumnLines === void 0 ? void 0 : prevColumnLines[prevColumnLines.length - 1];
 		}
-		if (newLine != null) return newLine;
-		if (page.type === DocumentSkeletonPageType.CELL) return findAboveOrBellowCellLine(page, direction);
+		if (newLine != null) return {
+			line: newLine,
+			offsetLeft
+		};
+		if (this._isColumnGroupContentPage(page)) {
+			const exitTarget = this._getColumnGroupExitLineTarget(page, direction, offsetLeft);
+			if (exitTarget != null) return exitTarget;
+		}
+		if (this._isTableCellContentPage(page)) return this._getAdjacentTableCellLineTarget(page, direction, offsetLeft);
 		const skeleton = page.parent;
 		if (skeleton == null) return;
 		const currentPageIndex = skeleton.pages.indexOf(page);
@@ -18337,7 +18553,189 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			const prevColumnLines = column === null || column === void 0 ? void 0 : column.lines;
 			newLine = prevColumnLines[prevColumnLines.length - 1];
 		}
-		if (newLine != null) return newLine;
+		if (newLine != null) return {
+			line: newLine,
+			offsetLeft
+		};
+	}
+	_getTableLineTargetFromPageLine(line, page, direction, offsetLeft) {
+		const table = direction ? findTableAfterLine(line, page) : findTableBeforeLine(line, page);
+		if (table == null) return;
+		return this._getTableBoundaryLineTarget(table, direction, offsetLeft);
+	}
+	_getTableBoundaryLineTarget(table, direction, offsetLeft) {
+		const rows = direction ? table.rows : [...table.rows].reverse();
+		for (const row of rows) {
+			if (row.isRepeatRow) continue;
+			const target = this._getNearestTableCellLineTarget(row.cells, direction, offsetLeft);
+			if (target != null) return target;
+		}
+	}
+	_getAdjacentTableCellLineTarget(cell, direction, offsetLeft) {
+		const row = cell.parent;
+		const table = row === null || row === void 0 ? void 0 : row.parent;
+		if (row == null || table == null) return;
+		const hostOffsetLeft = this._getTableCellHostOffsetLeft(cell) + offsetLeft;
+		const adjacentRow = this._findAdjacentTableRow(table, row, direction);
+		if (adjacentRow != null) return this._getNearestTableCellLineTarget(adjacentRow.cells, direction, hostOffsetLeft);
+		const line = this._findLineAroundTable(table, direction);
+		if (line == null) return;
+		return {
+			line,
+			offsetLeft: hostOffsetLeft
+		};
+	}
+	_findAdjacentTableRow(table, row, direction) {
+		const currentRowIndex = table.rows.indexOf(row);
+		if (currentRowIndex === -1) return;
+		const step = direction ? 1 : -1;
+		let rowIndex = currentRowIndex + step;
+		while (rowIndex >= 0 && rowIndex < table.rows.length) {
+			const adjacentRow = table.rows[rowIndex];
+			if (!adjacentRow.isRepeatRow) return adjacentRow;
+			rowIndex += step;
+		}
+		return this._findAdjacentTableSliceRow(table, direction);
+	}
+	_findAdjacentTableSliceRow(table, direction) {
+		if (!table.tableId.includes("#-#")) return;
+		const [sourceTableId, sliceIndexText] = table.tableId.split("#-#");
+		const sliceIndex = Number.parseInt(sliceIndexText);
+		const tablePage = table.parent;
+		const skeleton = tablePage === null || tablePage === void 0 ? void 0 : tablePage.parent;
+		if (!Number.isFinite(sliceIndex) || (skeleton === null || skeleton === void 0 ? void 0 : skeleton.pages) == null) return;
+		const nextTableId = `${sourceTableId}#-#${sliceIndex + (direction ? 1 : -1)}`;
+		for (const page of skeleton.pages) {
+			var _page$skeTables;
+			const nextTable = (_page$skeTables = page.skeTables) === null || _page$skeTables === void 0 ? void 0 : _page$skeTables.get(nextTableId);
+			const row = (nextTable == null ? [] : direction ? nextTable.rows : [...nextTable.rows].reverse()).find((item) => !item.isRepeatRow);
+			if (row != null) return row;
+		}
+	}
+	_getNearestTableCellLineTarget(cells, direction, hostOffsetLeft) {
+		const candidates = cells.filter((cell) => !cell.isMergedCellCovered).map((cell) => ({
+			cell,
+			distance: this._getDistanceToTableCell(cell, hostOffsetLeft)
+		})).sort((a, b) => a.distance - b.distance);
+		for (const candidate of candidates) {
+			const line = direction ? firstLineInCell(candidate.cell) : lastLineInCell(candidate.cell);
+			if (line != null) return {
+				line,
+				offsetLeft: hostOffsetLeft - this._getTableCellHostOffsetLeft(candidate.cell)
+			};
+		}
+	}
+	_findLineAroundTable(table, direction) {
+		var _pages, _tablePage$parent;
+		const tablePage = table.parent;
+		if (tablePage == null) return;
+		const pages = (_pages = (_tablePage$parent = tablePage.parent) === null || _tablePage$parent === void 0 ? void 0 : _tablePage$parent.pages) !== null && _pages !== void 0 ? _pages : [tablePage];
+		const lineMatcher = direction ? (line) => line.st === table.ed + 1 : (line) => line.ed === table.st - 1;
+		for (const page of pages) for (const section of page.sections) for (const column of section.columns) {
+			const line = (direction ? column.lines : [...column.lines].reverse()).find(lineMatcher);
+			if (line != null) return line;
+		}
+	}
+	_getDistanceToTableCell(cell, offsetLeft) {
+		const left = this._getTableCellHostOffsetLeft(cell);
+		const right = left + this._getTableCellContentWidth(cell);
+		if (offsetLeft >= left && offsetLeft <= right) return 0;
+		return Math.min(Math.abs(offsetLeft - left), Math.abs(offsetLeft - right));
+	}
+	_getTableCellHostOffsetLeft(cell) {
+		var _table$left, _cell$left, _cell$marginLeft;
+		const row = cell.parent;
+		const table = row === null || row === void 0 ? void 0 : row.parent;
+		return ((_table$left = table === null || table === void 0 ? void 0 : table.left) !== null && _table$left !== void 0 ? _table$left : 0) + ((_cell$left = cell.left) !== null && _cell$left !== void 0 ? _cell$left : 0) + ((_cell$marginLeft = cell.marginLeft) !== null && _cell$marginLeft !== void 0 ? _cell$marginLeft : 0);
+	}
+	_getTableCellContentWidth(cell) {
+		var _cell$pageWidth, _cell$marginLeft2, _cell$marginRight;
+		return Math.max(0, ((_cell$pageWidth = cell.pageWidth) !== null && _cell$pageWidth !== void 0 ? _cell$pageWidth : 0) - ((_cell$marginLeft2 = cell.marginLeft) !== null && _cell$marginLeft2 !== void 0 ? _cell$marginLeft2 : 0) - ((_cell$marginRight = cell.marginRight) !== null && _cell$marginRight !== void 0 ? _cell$marginRight : 0));
+	}
+	_isTableCellContentPage(page) {
+		var _table$rows;
+		const row = page.parent;
+		const table = row === null || row === void 0 ? void 0 : row.parent;
+		return page.type === DocumentSkeletonPageType.CELL && row != null && (table === null || table === void 0 || (_table$rows = table.rows) === null || _table$rows === void 0 ? void 0 : _table$rows.includes(row)) === true && row.cells.includes(page);
+	}
+	_getColumnGroupLineTargetFromBlockLine(line, page, direction, offsetLeft) {
+		if (line == null || line.type !== LineType.BLOCK) return;
+		const columnGroup = this._findColumnGroupByBlockLine(page, line);
+		if (columnGroup == null) return;
+		return this._getColumnGroupContentLineTarget(columnGroup, direction, offsetLeft);
+	}
+	_getColumnGroupContentLineTarget(columnGroup, direction, offsetLeft) {
+		const candidates = columnGroup.columns.map((column) => ({
+			column,
+			distance: this._getDistanceToColumnGroupColumn(column, offsetLeft)
+		})).sort((a, b) => a.distance - b.distance);
+		for (const candidate of candidates) {
+			const line = this._getColumnGroupColumnBoundaryLine(candidate.column, direction);
+			if (line != null) return {
+				line,
+				offsetLeft: offsetLeft - candidate.column.left
+			};
+		}
+	}
+	_getColumnGroupExitLineTarget(page, direction, offsetLeft) {
+		const columnGroupColumn = page.parent;
+		const columnGroup = columnGroupColumn === null || columnGroupColumn === void 0 ? void 0 : columnGroupColumn.parent;
+		const hostPage = columnGroup === null || columnGroup === void 0 ? void 0 : columnGroup.parent;
+		if (columnGroupColumn == null || columnGroup == null || hostPage == null) return;
+		const blockLine = this._findColumnGroupBlockLine(columnGroup);
+		const line = blockLine == null ? void 0 : this._getAdjacentLineAroundBlockLine(blockLine, direction);
+		if (line == null) return;
+		return {
+			line,
+			offsetLeft: columnGroupColumn.left + offsetLeft
+		};
+	}
+	_findColumnGroupByBlockLine(page, line) {
+		var _page$skeColumnGroups, _page$skeColumnGroups2;
+		for (const columnGroup of (_page$skeColumnGroups = (_page$skeColumnGroups2 = page.skeColumnGroups) === null || _page$skeColumnGroups2 === void 0 ? void 0 : _page$skeColumnGroups2.values()) !== null && _page$skeColumnGroups !== void 0 ? _page$skeColumnGroups : []) if (line.paragraphIndex === columnGroup.ed || line.st <= columnGroup.ed && line.ed >= columnGroup.st) return columnGroup;
+	}
+	_findColumnGroupBlockLine(columnGroup) {
+		const page = columnGroup.parent;
+		if (page == null) return;
+		for (const section of page.sections) for (const column of section.columns) for (const line of column.lines) if (line.type === LineType.BLOCK && this._findColumnGroupByBlockLine(page, line) === columnGroup) return line;
+	}
+	_getAdjacentLineAroundBlockLine(line, direction) {
+		var _section$columns4;
+		const column = line.parent;
+		const section = column === null || column === void 0 ? void 0 : column.parent;
+		const page = section === null || section === void 0 ? void 0 : section.parent;
+		if (column == null || section == null || page == null) return;
+		const lineIndex = column.lines.indexOf(line);
+		if (lineIndex === -1) return;
+		const sameColumnLine = column.lines[direction ? lineIndex + 1 : lineIndex - 1];
+		if (sameColumnLine != null) return sameColumnLine;
+		const columnIndex = section.columns.indexOf(column);
+		if (columnIndex === -1) return;
+		if (direction) {
+			var _section$columns3;
+			return (_section$columns3 = section.columns[columnIndex + 1]) === null || _section$columns3 === void 0 ? void 0 : _section$columns3.lines[0];
+		}
+		const prevColumnLines = (_section$columns4 = section.columns[columnIndex - 1]) === null || _section$columns4 === void 0 ? void 0 : _section$columns4.lines;
+		return prevColumnLines === null || prevColumnLines === void 0 ? void 0 : prevColumnLines[prevColumnLines.length - 1];
+	}
+	_getColumnGroupColumnBoundaryLine(column, direction) {
+		const sections = direction ? column.page.sections : [...column.page.sections].reverse();
+		for (const section of sections) {
+			const columns = direction ? section.columns : [...section.columns].reverse();
+			for (const skeletonColumn of columns) {
+				const line = (direction ? skeletonColumn.lines : [...skeletonColumn.lines].reverse()).find((item) => item.type !== LineType.BLOCK);
+				if (line != null) return line;
+			}
+		}
+	}
+	_getDistanceToColumnGroupColumn(column, offsetLeft) {
+		if (offsetLeft >= column.left && offsetLeft <= column.left + column.width) return 0;
+		return Math.min(Math.abs(offsetLeft - column.left), Math.abs(offsetLeft - column.left - column.width));
+	}
+	_isColumnGroupContentPage(page) {
+		var _parent$parent;
+		const parent = page.parent;
+		return (parent === null || parent === void 0 ? void 0 : parent.page) === page && ((_parent$parent = parent.parent) === null || _parent$parent === void 0 || (_parent$parent = _parent$parent.columns) === null || _parent$parent === void 0 ? void 0 : _parent$parent.includes(parent)) === true;
 	}
 	_scrollToFocusNodePosition(unitId, offset) {
 		var _this$_renderManagerS3;
@@ -18359,27 +18757,6 @@ DocMoveCursorController = __decorate([
 	__decorateParam(2, Inject(DocSelectionManagerService)),
 	__decorateParam(3, ICommandService)
 ], DocMoveCursorController);
-function findAboveOrBellowCellLine(page, direction) {
-	let newLine = null;
-	if (direction === true) {
-		const bellowCell = findBellowCell(page);
-		if (bellowCell) newLine = firstLineInCell(bellowCell);
-		else {
-			var _page$parent;
-			const { lineAfterTable } = findLineBeforeAndAfterTable((_page$parent = page.parent) === null || _page$parent === void 0 ? void 0 : _page$parent.parent);
-			if (lineAfterTable) newLine = lineAfterTable;
-		}
-	} else {
-		const aboveCell = findAboveCell(page);
-		if (aboveCell) newLine = lastLineInCell(aboveCell);
-		else {
-			var _page$parent2;
-			const { lineBeforeTable } = findLineBeforeAndAfterTable((_page$parent2 = page.parent) === null || _page$parent2 === void 0 ? void 0 : _page$parent2.parent);
-			if (lineBeforeTable) newLine = lineBeforeTable;
-		}
-	}
-	return newLine;
-}
 
 //#endregion
 //#region src/controllers/doc-table.controller.ts
@@ -19359,6 +19736,10 @@ const MoveCursorWordLeftShortcut = moveCursorShortcut(Direction.LEFT, "word", Ke
 const MoveCursorWordRightShortcut = moveCursorShortcut(Direction.RIGHT, "word", KeyCode.ARROW_RIGHT | MetaKeys.CTRL_COMMAND, KeyCode.ARROW_RIGHT | MetaKeys.ALT);
 const MoveSelectionWordLeftShortcut = moveSelectionShortcut(Direction.LEFT, "word", KeyCode.ARROW_LEFT | MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT, KeyCode.ARROW_LEFT | MetaKeys.ALT | MetaKeys.SHIFT);
 const MoveSelectionWordRightShortcut = moveSelectionShortcut(Direction.RIGHT, "word", KeyCode.ARROW_RIGHT | MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT, KeyCode.ARROW_RIGHT | MetaKeys.ALT | MetaKeys.SHIFT);
+const MoveCursorParagraphUpShortcut = moveCursorShortcut(Direction.UP, "paragraph", KeyCode.ARROW_UP | MetaKeys.CTRL_COMMAND, KeyCode.ARROW_UP | MetaKeys.ALT);
+const MoveCursorParagraphDownShortcut = moveCursorShortcut(Direction.DOWN, "paragraph", KeyCode.ARROW_DOWN | MetaKeys.CTRL_COMMAND, KeyCode.ARROW_DOWN | MetaKeys.ALT);
+const MoveSelectionParagraphUpShortcut = moveSelectionShortcut(Direction.UP, "paragraph", KeyCode.ARROW_UP | MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT, KeyCode.ARROW_UP | MetaKeys.ALT | MetaKeys.SHIFT);
+const MoveSelectionParagraphDownShortcut = moveSelectionShortcut(Direction.DOWN, "paragraph", KeyCode.ARROW_DOWN | MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT, KeyCode.ARROW_DOWN | MetaKeys.ALT | MetaKeys.SHIFT);
 const SelectAllShortcut = {
 	id: DocSelectAllCommand.id,
 	binding: KeyCode.A | MetaKeys.CTRL_COMMAND,
@@ -19530,6 +19911,10 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
 			MoveCursorLineEndShortcut,
 			MoveSelectionLineStartShortcut,
 			MoveSelectionLineEndShortcut,
+			MoveCursorParagraphUpShortcut,
+			MoveCursorParagraphDownShortcut,
+			MoveSelectionParagraphUpShortcut,
+			MoveSelectionParagraphDownShortcut,
 			MoveCursorDocumentStartShortcut,
 			MoveCursorDocumentEndShortcut,
 			MoveSelectionDocumentStartShortcut,
@@ -19567,6 +19952,7 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends Plugin {
 			[DocParagraphSettingController],
 			[IEditorService, { useClass: EditorService }],
 			[IDocClipboardService, { useClass: DocClipboardService }],
+			[DocHtmlExportService],
 			[DocCanvasPopManagerService],
 			[DocsRenderService],
 			[IDocStateChangeInterceptorService, { useClass: DocIMEStateChangeInterceptorService }],
@@ -20189,4 +20575,4 @@ const RichTextEditor = (props) => {
 };
 
 //#endregion
-export { AfterSpaceCommand, AlignCenterCommand, AlignJustifyCommand, AlignLeftCommand, AlignMenuItemFactory, AlignOperationCommand, AlignRightCommand, BackgroundColorSelectorMenuItemFactory, BoldMenuItemFactory, BreakLineCommand, BulletListCommand, ChangeListNestingLevelCommand, ChangeListNestingLevelType, ChangeListTypeCommand, CheckListCommand, CoverContentCommand, CreateDocTableCommand, CutContentCommand, DEFAULT_DOC_FIT_TO_WIDTH_OPTIONS, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX, DOCS_COMPONENT_DEFAULT_Z_INDEX, DOCS_COMPONENT_HEADER_LAYER_INDEX, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_CONTENT_INSERT_MENU_ID, DOC_PARAGRAPH_T_ALIGN_MENU_ID, DOC_PARAGRAPH_T_COLORS_MENU_ID, DOC_PARAGRAPH_T_DIVIDER_MENU_ID, DOC_PARAGRAPH_T_EDIT_MENU_ID, DOC_PARAGRAPH_T_INSERT_BELOW_MENU_ID, DOC_PARAGRAPH_T_INSERT_MENU_ID, DOC_TABLE_BLOCK_MENU_ID, DOC_VERTICAL_PADDING, DeleteCustomBlockCommand, DeleteLeftCommand, DeleteRightCommand, DocAutoFormatService, DocBackScrollRenderController, DocCanvasPopManagerService, DocCopyCommand, DocCreateTableOperation, DocCutCommand, DocEventManagerService, DocIMEInputManagerService, DocParagraphMenuService, DocParagraphPlaceholderRenderController, DocPasteCommand, DocPrintInterceptorService, DocRenderController, DocSelectAllCommand, DocSelectionRenderService, DocTableDeleteColumnsCommand, DocTableDeleteRowsCommand, DocTableDeleteTableCommand, DocTableInsertColumnCommand, DocTableInsertColumnLeftCommand, DocTableInsertColumnRightCommand, DocTableInsertRowAboveCommand, DocTableInsertRowBellowCommand, DocTableInsertRowCommand, DocTableTabCommand, DocUIController, DocViewScaleService, DocsRenderService, menuSchema as DocsUIMenuSchema, EMPTY_PARAGRAPH_MENU_ID, Editor, EditorService, EnterCommand, FLOAT_TEXT_STYLE_MENU_ID, FLOAT_TOOLBAR_MENU_POSITION, FloatTextStyleMenuItemFactory, FontFamilySelectorMenuItemFactory, FontSizeSelectorMenuItemFactory, HorizontalLineCommand, IDocClipboardService, IEditorService, IMEInputCommand, INSERT_BELLOW_MENU_ID, InnerPasteCommand, InsertCustomRangeCommand, ItalicMenuItemFactory, ListOperationCommand, MergeTwoParagraphCommand, MoveCursorOperation, MoveDocBlockCommand, MoveSelectionOperation, NORMAL_TEXT_SELECTION_PLUGIN_NAME, NodePositionConvertToCursor, NodePositionConvertToRectRange, OrderListCommand, ParagraphMenuInsertBelowSubmenuItemFactory, LarkPastePlugin as PastePluginLark, UniverPastePlugin as PastePluginUniver, WordPastePlugin as PastePluginWord, QuickListCommand, RectRange, ReplaceContentCommand, ReplaceSelectionCommand, ReplaceSnapshotCommand, ReplaceTextRunsCommand, ResetInlineFormatTextBackgroundColorCommand, ResetInlineFormatTextColorCommand, RichTextEditor, SetDocZoomRatioCommand, SetDocZoomRatioOperation, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextBackgroundColorCommand, SetInlineFormatTextColorCommand, SetInlineFormatTextFillCommand, SetInlineFormatUnderlineCommand, SetParagraphNamedStyleCommand, StrikeThroughMenuItemFactory, SwitchDocModeCommand, TEXT_RANGE_LAYER_INDEX, TabCommand, TextColorSelectorMenuItemFactory, TextRange, ToggleCheckListCommand, UnderlineMenuItemFactory, UniverDocsUIPlugin, VIEWPORT_KEY, addCustomDecorationBySelectionFactory, addCustomDecorationFactory, buildMoveDocBlockActions, calcDocFitToWidthScale, calcDocRangePositions, convertBodyToHtml, convertPositionsToRectRanges, createEditorUndoRedoKeyboardConfig, deleteCustomDecorationFactory, docDrawingPositionToTransform, executeEditorUndoRedoCommand, genTableSource, generateParagraphs, getAnchorBounding, getCanvasOffsetByEngine, getCommandSkeleton, getCursorWhenDelete, getCustomBlockIdsInSelections, getCutActionsFromDocRanges, getDocBlockRangeMenuId, getDocObject, getDocObjectById, getEmptyTableCell, getEmptyTableRow, getLineBounding, getListMarkerFallbackBound, getListParagraphContextMenuHit, getOneTextSelectionRange, getStyleInTextRange, getTableColumn, hasParagraphInTable, hideMenuWhenSelectionInBlockRange, isInSameTableCell, isTextRangeInAnyBlockRange, isValidRectRange, neoGetDocObject, normalizeDocFitToWidthOptions, resolveDocFitBaseWidth, resolveDocViewScale, transformToDocDrawingPosition, useEditor, useEditorClickOutside, useIsFocusing, useKeyboardEvent, useLeftAndRightArrow, useOnChange, useResize, whenDocAndEditorFocused };
+export { AfterSpaceCommand, AlignCenterCommand, AlignJustifyCommand, AlignLeftCommand, AlignMenuItemFactory, AlignOperationCommand, AlignRightCommand, BackgroundColorSelectorMenuItemFactory, BoldMenuItemFactory, BreakLineCommand, BulletListCommand, ChangeListNestingLevelCommand, ChangeListNestingLevelType, ChangeListTypeCommand, CheckListCommand, CoverContentCommand, CreateDocTableCommand, CutContentCommand, DEFAULT_DOC_FIT_TO_WIDTH_OPTIONS, DOCS_COMPONENT_BACKGROUND_LAYER_INDEX, DOCS_COMPONENT_DEFAULT_Z_INDEX, DOCS_COMPONENT_HEADER_LAYER_INDEX, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_CONTENT_INSERT_MENU_ID, DOC_PARAGRAPH_T_ALIGN_MENU_ID, DOC_PARAGRAPH_T_COLORS_MENU_ID, DOC_PARAGRAPH_T_DIVIDER_MENU_ID, DOC_PARAGRAPH_T_EDIT_MENU_ID, DOC_PARAGRAPH_T_INSERT_BELOW_MENU_ID, DOC_PARAGRAPH_T_INSERT_MENU_ID, DOC_TABLE_BLOCK_MENU_ID, DOC_VERTICAL_PADDING, DeleteCustomBlockCommand, DeleteLeftCommand, DeleteRightCommand, DocAutoFormatService, DocBackScrollRenderController, DocCanvasPopManagerService, DocCopyCommand, DocCreateTableOperation, DocCutCommand, DocEventManagerService, DocHtmlExportService, DocIMEInputManagerService, DocParagraphMenuService, DocParagraphPlaceholderRenderController, DocPasteCommand, DocPrintInterceptorService, DocRenderController, DocSelectAllCommand, DocSelectionRenderService, DocTableDeleteColumnsCommand, DocTableDeleteRowsCommand, DocTableDeleteTableCommand, DocTableInsertColumnCommand, DocTableInsertColumnLeftCommand, DocTableInsertColumnRightCommand, DocTableInsertRowAboveCommand, DocTableInsertRowBellowCommand, DocTableInsertRowCommand, DocTableTabCommand, DocUIController, DocViewScaleService, DocsRenderService, menuSchema as DocsUIMenuSchema, EMPTY_PARAGRAPH_MENU_ID, Editor, EditorService, EnterCommand, FLOAT_TEXT_STYLE_MENU_ID, FLOAT_TOOLBAR_MENU_POSITION, FloatTextStyleMenuItemFactory, FontFamilySelectorMenuItemFactory, FontSizeSelectorMenuItemFactory, HorizontalLineCommand, IDocClipboardService, IEditorService, IMEInputCommand, INSERT_BELLOW_MENU_ID, InnerPasteCommand, InsertCustomRangeCommand, ItalicMenuItemFactory, ListOperationCommand, MergeTwoParagraphCommand, MoveCursorOperation, MoveDocBlockCommand, MoveSelectionOperation, NORMAL_TEXT_SELECTION_PLUGIN_NAME, NodePositionConvertToCursor, NodePositionConvertToRectRange, OrderListCommand, ParagraphMenuInsertBelowSubmenuItemFactory, LarkPastePlugin as PastePluginLark, UniverPastePlugin as PastePluginUniver, WordPastePlugin as PastePluginWord, QuickListCommand, RectRange, ReplaceContentCommand, ReplaceSelectionCommand, ReplaceSnapshotCommand, ReplaceTextRunsCommand, ResetInlineFormatTextBackgroundColorCommand, ResetInlineFormatTextColorCommand, RichTextEditor, SetDocZoomRatioCommand, SetDocZoomRatioOperation, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextBackgroundColorCommand, SetInlineFormatTextColorCommand, SetInlineFormatTextFillCommand, SetInlineFormatUnderlineCommand, SetParagraphNamedStyleCommand, StrikeThroughMenuItemFactory, SwitchDocModeCommand, TEXT_RANGE_LAYER_INDEX, TabCommand, TextColorSelectorMenuItemFactory, TextRange, ToggleCheckListCommand, UnderlineMenuItemFactory, UniverDocsUIPlugin, VIEWPORT_KEY, addCustomDecorationBySelectionFactory, addCustomDecorationFactory, buildMoveDocBlockActions, calcDocFitToWidthScale, calcDocRangePositions, convertBodyToHtml, convertPositionsToRectRanges, createEditorUndoRedoKeyboardConfig, deleteCustomDecorationFactory, docDrawingPositionToTransform, executeEditorUndoRedoCommand, genTableSource, generateParagraphs, getAnchorBounding, getCanvasOffsetByEngine, getCommandSkeleton, getCursorWhenDelete, getCustomBlockIdsInSelections, getCutActionsFromDocRanges, getDocBlockRangeMenuId, getDocObject, getDocObjectById, getEmptyTableCell, getEmptyTableRow, getLineBounding, getListMarkerFallbackBound, getListParagraphContextMenuHit, getOneTextSelectionRange, getStyleInTextRange, getTableColumn, hasParagraphInTable, hideMenuWhenSelectionInBlockRange, isInSameTableCell, isTextRangeInAnyBlockRange, isValidRectRange, neoGetDocObject, normalizeDocFitToWidthOptions, resolveDocFitBaseWidth, resolveDocViewScale, transformToDocDrawingPosition, useEditor, useEditorClickOutside, useIsFocusing, useKeyboardEvent, useLeftAndRightArrow, useOnChange, useResize, whenDocAndEditorFocused };