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

package/lib/cjs/index.js

@@ -3595,14 +3595,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 _univerjs_core.Tools.deepClone(docList)) html += convertBodyToHtml(doc);
+		for (const doc of _univerjs_core.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 _univerjs_core.Disposable {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "_transformers", []);
+	}
+	registerTransformer(transformer) {
+		this._transformers.push(transformer);
+		return this.disposeWithMe((0, _univerjs_core.toDisposable)(() => (0, _univerjs_core.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);
@@ -3640,7 +3662,7 @@ function getTableCellContentClipboardBodySlice(body, start, end) {
 }
 const IDocClipboardService = (0, _univerjs_core.createIdentifier)("doc.clipboard-service");
 let DocClipboardService = class DocClipboardService extends _univerjs_core.Disposable {
-	constructor(_univerInstanceService, _logService, _commandService, _clipboardInterfaceService, _docSelectionManagerService) {
+	constructor(_univerInstanceService, _logService, _commandService, _clipboardInterfaceService, docHtmlExportService, _docSelectionManagerService) {
 		super();
 		this._univerInstanceService = _univerInstanceService;
 		this._logService = _logService;
@@ -3649,7 +3671,8 @@ let DocClipboardService = class DocClipboardService extends _univerjs_core.Dispo
 		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 = _univerjs_core.SliceBodyType.copy, ranges) {
 		var _this$_getDocumentBod;
@@ -4005,7 +4028,8 @@ DocClipboardService = __decorate([
 	__decorateParam(1, _univerjs_core.ILogService),
 	__decorateParam(2, _univerjs_core.ICommandService),
 	__decorateParam(3, _univerjs_ui.IClipboardInterfaceService),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService))
+	__decorateParam(4, (0, _univerjs_core.Inject)(DocHtmlExportService)),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService))
 ], DocClipboardService);
 function dataUrlToFile(dataUrl, fallbackName) {
 	const match = /^data:([^;,]+)(;base64)?,(.*)$/i.exec(dataUrl);
@@ -4100,11 +4124,18 @@ const MoveDocBlockCommand = {
 		const doc = params.unitId ? univerInstanceService.getUnit(params.unitId, _univerjs_core.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(_univerjs_docs.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 = [{
@@ -4161,6 +4192,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),
@@ -4169,7 +4201,7 @@ function buildReplaceDocumentBodyActions(previousDocumentData, nextDocumentData)
 	].filter(Boolean).reduce((acc, cur) => _univerjs_core.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)
@@ -4183,6 +4215,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);
@@ -4207,7 +4240,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) {
@@ -4228,6 +4261,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);
 }
@@ -5911,6 +5949,8 @@ const NodePositionMap = {
 	glyph: 5
 };
 function compareNodePositionLogic(pos1, pos2) {
+	const nestedPagePathOrder = (0, _univerjs_engine_render.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;
@@ -6206,9 +6246,18 @@ var NodePositionConvertToCursor = class {
 					break;
 				}
 				case _univerjs_engine_render.DocumentSkeletonPageType.CELL: {
+					const nestedPageOffset = (0, _univerjs_engine_render.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 ? (0, _univerjs_engine_render.getDocumentSkeletonNestedPageOffset)(tablePage) : void 0;
 					const { left: cellLeft } = segmentPage;
 					const { top: tableTop, left: tableLeft } = tableSke;
 					const { top: rowTop } = rowSke;
@@ -6216,6 +6265,10 @@ var NodePositionConvertToCursor = class {
 					const viewport = (0, _univerjs_engine_render.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);
@@ -6317,8 +6370,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 _univerjs_core.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;
@@ -6353,7 +6412,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) {
@@ -6361,14 +6420,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;
@@ -6416,6 +6475,7 @@ var NodePositionConvertToRectRange = class {
 		_defineProperty(this, "_liquid", new _univerjs_engine_render.Liquid());
 	}
 	getRangePointData(startNodePosition, endNodePosition) {
+		var _this$_documentOffset, _this$_documentOffset2;
 		const pointGroup = [];
 		const docSkeleton = this._docSkeleton;
 		const skeletonData = docSkeleton.getSkeletonData();
@@ -6429,6 +6489,12 @@ var NodePositionConvertToRectRange = class {
 		const { pageLayoutType, pageMarginLeft, pageMarginTop } = this._documentOffsetConfig;
 		const unitId = getDocumentUnitId(docSkeleton);
 		const sourceTableId = (0, _univerjs_engine_render.getTableIdAndSliceIndex)(tableId).tableId;
+		const nestedTableContexts = (0, _univerjs_engine_render.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 === _univerjs_engine_render.DocumentSkeletonPageType.BODY || pageType === _univerjs_engine_render.DocumentSkeletonPageType.CELL ? startPage : startSegmentPage;
 		for (let p = 0; p < skipPageIndex; p++) {
 			const page = pages[p];
@@ -6441,6 +6507,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 = (0, _univerjs_engine_render.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;
@@ -6539,19 +6642,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 = (0, _univerjs_engine_render.getPageFromPath)(skeletonData, anchorPath);
 		const focusCell = (0, _univerjs_engine_render.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 = (0, _univerjs_engine_render.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)
 		};
@@ -7077,6 +7184,20 @@ var RectRange = class {
 
 //#endregion
 //#region src/services/selection/selection-utils.ts
+function isInSameColumnPage(anchorPosition, focusPosition) {
+	const anchorColumnInfo = (0, _univerjs_engine_render.getDocumentSkeletonColumnPagePathInfo)(anchorPosition);
+	const focusColumnInfo = (0, _univerjs_engine_render.getDocumentSkeletonColumnPagePathInfo)(focusPosition);
+	return !!anchorColumnInfo && !!focusColumnInfo && anchorColumnInfo.pageIndex === focusColumnInfo.pageIndex && anchorColumnInfo.columnGroupId === focusColumnInfo.columnGroupId && anchorColumnInfo.columnIndex === focusColumnInfo.columnIndex;
+}
+function getColumnInputBoundaryCollapsedPosition(anchorPosition, focusPosition, skeleton) {
+	const anchorColumnInfo = (0, _univerjs_engine_render.getDocumentSkeletonColumnPagePathInfo)(anchorPosition);
+	const focusColumnInfo = (0, _univerjs_engine_render.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);
@@ -7108,6 +7229,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 {
@@ -8601,7 +8737,7 @@ const DocTableInsertColumnCommand = {
 	id: DocTableInsertColumnCommandId,
 	type: _univerjs_core.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(_univerjs_docs.DocSelectionManagerService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
@@ -8666,10 +8802,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",
@@ -10909,6 +11046,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) {
@@ -12659,7 +12800,6 @@ function ParagraphMenuInsertBelowHeadingH1MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading1",
 		params: {
 			commandId: H1HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC)
@@ -12675,7 +12815,6 @@ function ParagraphMenuInsertBelowHeadingH2MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading2",
 		params: {
 			commandId: H2HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC)
@@ -12691,7 +12830,6 @@ function ParagraphMenuInsertBelowHeadingH3MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading3",
 		params: {
 			commandId: H3HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC)
@@ -12707,7 +12845,6 @@ function ParagraphMenuInsertBelowHeadingH4MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading4",
 		params: {
 			commandId: H4HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC)
@@ -12723,7 +12860,6 @@ function ParagraphMenuInsertBelowHeadingH5MenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.heading.leading5",
 		params: {
 			commandId: H5HeadingCommand.id,
-			paragraphMenuPlacement: "below",
 			paragraphMenuInsertMode: "breakline"
 		},
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC)
@@ -12739,8 +12875,7 @@ function ParagraphMenuInsertBelowTableMenuItemFactory(accessor) {
 		tooltip: "docs-ui.toolbar.table.insert",
 		params: {
 			rowCount: 3,
-			colCount: 5,
-			paragraphMenuPlacement: "below"
+			colCount: 5
 		},
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_DOC)
 	};
@@ -14025,6 +14160,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;
@@ -14076,6 +14255,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,
@@ -14185,7 +14379,10 @@ let DocEventManagerService = class DocEventManagerService extends _univerjs_core
 		}));
 	}
 	_initEvents() {
-		this.disposeWithMe((0, _univerjs_core.fromEventSubject)(this._context.scene.onPointerMove$).pipe((0, rxjs.throttleTime)(30)).subscribe((evt) => {
+		this.disposeWithMe((0, _univerjs_core.fromEventSubject)(this._context.scene.onPointerMove$).pipe((0, rxjs.throttleTime)(30, void 0, {
+			leading: true,
+			trailing: true
+		})).subscribe((evt) => {
 			if (evt.buttons > 0) {
 				this._hoverBullet$.next(null);
 				this._hoverCustomRanges$.next([]);
@@ -14379,9 +14576,9 @@ let DocEventManagerService = class DocEventManagerService extends _univerjs_core
 		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,
@@ -14392,7 +14589,7 @@ let DocEventManagerService = class DocEventManagerService extends _univerjs_core
 						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);
@@ -14400,76 +14597,73 @@ let DocEventManagerService = class DocEventManagerService extends _univerjs_core
 					}
 				});
 			};
-			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 = (0, _univerjs_engine_render.getTableIdAndSliceIndex)(table.tableId).tableId;
-					const tableViewport = getTableHorizontalViewportGeometry(tableLeft, table.width, (0, _univerjs_engine_render.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();
+			(0, _univerjs_engine_render.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 (0, _univerjs_engine_render.documentSkeletonTableIterator)(pages, {
+				docsLeft: documentOffsetConfig.docsLeft,
+				docsTop: documentOffsetConfig.docsTop,
+				pageMarginTop: documentOffsetConfig.pageMarginTop,
+				unitId: this._context.unitId
+			})) {
+				const tableId = tableContext.tableId;
+				const sourceTableId = (0, _univerjs_engine_render.getTableIdAndSliceIndex)(tableId).tableId;
+				const tableViewport = getTableHorizontalViewportGeometry(tableContext.tableRect.left, tableContext.table.width, (0, _univerjs_engine_render.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;
 		};
@@ -14526,20 +14720,12 @@ let DocEventManagerService = class DocEventManagerService extends _univerjs_core
 				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();
@@ -14578,18 +14764,19 @@ let DocEventManagerService = class DocEventManagerService extends _univerjs_core
 		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 = (0, _univerjs_engine_render.getTableIdAndSliceIndex)(table.tableId).tableId;
-				const viewport = (0, _univerjs_engine_render.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 (0, _univerjs_engine_render.documentSkeletonTableIterator)(pages, {
+			pageMarginTop: this._documents.getOffsetConfig().pageMarginTop,
+			resolveViewport: false,
+			unitId: this._context.unitId
+		})) {
+			const tableId = (0, _univerjs_engine_render.getTableIdAndSliceIndex)(tableContext.tableId).tableId;
+			const viewport = (0, _univerjs_engine_render.getDocsTableRenderViewport)(this._context.unitId, tableId);
+			if (!viewport) {
+				signatures.push(`${tableId}:none`);
+				continue;
+			}
+			signatures.push(`${tableId}:${viewport.contentWidth}:${viewport.viewportWidth}:${viewport.scrollLeft}`);
+		}
 		return signatures.join("|");
 	}
 };
@@ -14597,7 +14784,7 @@ DocEventManagerService = __decorate([__decorateParam(1, (0, _univerjs_core.Injec
 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);
@@ -14661,7 +14848,7 @@ const SideMenu = (0, react.forwardRef)((props, ref) => {
 			onClick: () => onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(!open),
 			className: (0, _univerjs_design.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.LeftIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CatalogueIcon, {})
+			children: open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreLeftIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CatalogueIcon, {})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: (0, _univerjs_design.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: {
@@ -14934,7 +15121,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
@@ -16082,6 +16269,10 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		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);
@@ -16093,7 +16284,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 					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) === _univerjs_core.DocumentBlockType.TABLE) return;
 				this.hideParagraphMenu(true);
 				return;
 			}
@@ -16115,13 +16306,19 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			this._docEventManagerService.hoverParagraphRealTime$,
 			this._docEventManagerService.hoverParagraphLeft$,
 			(_this$_docEventManage = this._docEventManagerService.hoverTableRealTime$) !== null && _this$_docEventManage !== void 0 ? _this$_docEventManage : new rxjs.BehaviorSubject(null)
-		]).pipe((0, rxjs.throttleTime)(16)).subscribe(([p, left, table]) => {
+		]).pipe((0, rxjs.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) !== _univerjs_core.DocumentBlockType.TABLE) this.hideParagraphMenu(true);
 		}));
 		let lastScrollY = 0;
 		this.disposeWithMe(this._context.scene.getViewport("viewMain").onScrollAfter$.subscribeEvent((e) => {
@@ -16270,8 +16467,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		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: _univerjs_core.DocumentBlockType.TABLE,
+			key: `${_univerjs_core.DocumentBlockType.TABLE}:${table.tableId}`,
 			table,
 			icon: "GridIcon",
 			menuRange: {
@@ -16322,7 +16519,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 	_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 === _univerjs_core.DocumentBlockType.TABLE || !target.cellRange) return false;
 		return target.cellRange.startOffset >= table.startIndex && target.cellRange.startOffset <= table.endIndex;
 	}
 	getDropTargetFromClientPoint(clientX, clientY, sourceRange) {
@@ -16386,8 +16583,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 				blockRange
 			};
 			return {
-				kind: "blockRange",
-				key: `blockRange:${blockRange.blockId}`,
+				kind: _univerjs_core.DocumentBlockType.BLOCK_RANGE,
+				key: `${_univerjs_core.DocumentBlockType.BLOCK_RANGE}:${blockRange.blockId}`,
 				paragraph: targetParagraph,
 				blockRange,
 				icon: BLOCK_RANGE_ICON_MAP[blockRange.blockType],
@@ -16412,8 +16609,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		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) === _univerjs_core.BlockType.CUSTOM && paragraphDataStream.replace(/[\b\r\n]/g, "") === "";
 		if (customBlock && customBlock.blockType === _univerjs_core.BlockType.CUSTOM && isCustomBlockOnly) return {
-			kind: "customBlock",
-			key: `customBlock:${customBlock.blockId}`,
+			kind: _univerjs_core.DocumentBlockType.CUSTOM_BLOCK,
+			key: `${_univerjs_core.DocumentBlockType.CUSTOM_BLOCK}:${customBlock.blockId}`,
 			paragraph,
 			customBlock,
 			icon: "TextTypeIcon",
@@ -16429,8 +16626,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 		};
 		if (paragraphDataStream === "\b") return null;
 		return {
-			kind: "paragraph",
-			key: `paragraph:${paragraph.startIndex}`,
+			kind: _univerjs_core.DocumentBlockType.PARAGRAPH,
+			key: `${_univerjs_core.DocumentBlockType.PARAGRAPH}:${paragraph.startIndex}`,
 			paragraph,
 			icon: isHorizontalRuleParagraph ? "ReduceIcon" : listIcon,
 			cellRange: cellRange !== null && cellRange !== void 0 ? cellRange : void 0,
@@ -16456,8 +16653,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			const tableBound = this._docEventManagerService.tableBounds.get(table.tableId);
 			if (!tableBound) continue;
 			targets.push({
-				kind: "table",
-				key: `table:${table.tableId}`,
+				kind: _univerjs_core.DocumentBlockType.TABLE,
+				key: `${_univerjs_core.DocumentBlockType.TABLE}:${table.tableId}`,
 				table,
 				icon: "GridIcon",
 				menuRange: {
@@ -16478,8 +16675,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			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: _univerjs_core.DocumentBlockType.BLOCK_RANGE,
+				key: `${_univerjs_core.DocumentBlockType.BLOCK_RANGE}:${blockRange.blockId}`,
 				blockRange,
 				icon: BLOCK_RANGE_ICON_MAP[blockRange.blockType],
 				menuRange: {
@@ -16520,8 +16717,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends _univerjs_co
 			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: _univerjs_core.DocumentBlockType.BLOCK_RANGE,
+				key: `${_univerjs_core.DocumentBlockType.BLOCK_RANGE}:${blockRange.blockId}`,
 				blockRange,
 				icon: BLOCK_RANGE_ICON_MAP[blockRange.blockType],
 				cellRange,
@@ -16656,6 +16853,9 @@ const PARAGRAPH_MENU_HOVER_BRIDGE_VERTICAL_PADDING = 8;
 function getParagraphMenuTriggerClassName(visible) {
 	return (0, _univerjs_design.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 _univerjs_core.NamedStyleType.HEADING_1: return "H1Icon";
@@ -16936,13 +17136,13 @@ function deleteBodyText(body, startOffset, endOffset) {
 }
 function stripBlockParagraphStyle(style, blockType) {
 	const nextStyle = { ...style };
-	if (blockType === "quote") {
+	if (blockType === _univerjs_core.DocumentBlockRangeType.QUOTE) {
 		delete nextStyle.indentStart;
 		delete nextStyle.spaceAbove;
 		delete nextStyle.spaceBelow;
 		return nextStyle;
 	}
-	if (blockType === "code") {
+	if (blockType === _univerjs_core.DocumentBlockRangeType.CODE) {
 		var _nextStyle$textStyle, _nextStyle$textStyle2;
 		delete nextStyle.indentStart;
 		delete nextStyle.indentEnd;
@@ -16951,7 +17151,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 === _univerjs_core.DocumentBlockRangeType.CALLOUT) {
 		delete nextStyle.indentStart;
 		delete nextStyle.indentEnd;
 		delete nextStyle.spaceAbove;
@@ -17047,6 +17247,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 	const docSelectionManagerService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocSelectionManagerService);
 	const docClipboardService = (0, _univerjs_ui.useDependency)(IDocClipboardService);
 	const docContentInsertService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocContentInsertService);
+	const docBlockMoveValidatorService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocBlockMoveValidatorService);
 	const clipboardInterfaceService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IClipboardInterfaceService);
 	const layoutService = (0, _univerjs_ui.useDependency)(_univerjs_ui.ILayoutService);
 	const iconManager = (0, _univerjs_ui.useDependency)(_univerjs_ui.IconManager);
@@ -17325,6 +17526,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 			},
 			onMouseLeave: () => {
 				isMouseOver.current = false;
+				setParagraphMenuInteractionActive(docParagraphMenuService, false);
 				cancelOpenMenu();
 				scheduleHideMenu();
 			},
@@ -17377,7 +17579,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
@@ -17416,6 +17622,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 			},
 			onMouseLeave: () => {
 				isMouseOver.current = false;
+				setParagraphMenuInteractionActive(docParagraphMenuService, false);
 				scheduleHideMenu();
 			}
 		}),
@@ -17433,6 +17640,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 				},
 				onMouseLeave: () => {
 					isMouseOver.current = false;
+					setParagraphMenuInteractionActive(docParagraphMenuService, false);
 					scheduleHideMenu();
 				},
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_ui.ContextMenuPanel, {
@@ -17450,6 +17658,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 					},
 					onMenuPointerLeave: () => {
 						isMouseOver.current = false;
+						setParagraphMenuInteractionActive(docParagraphMenuService, false);
 						scheduleHideMenu();
 					},
 					onCancel: () => {
@@ -17513,8 +17722,7 @@ const TableBlockMenu = ({ popup }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)
 });
 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;
@@ -17698,6 +17906,12 @@ ComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)
 
 //#endregion
 //#region src/controllers/doc-auto-format.controller.ts
+function hasQuickListType(text) {
+	return Object.prototype.hasOwnProperty.call(_univerjs_core.QuickListTypeMap, text);
+}
+function hasQuickHeading(text) {
+	return Object.prototype.hasOwnProperty.call(QUICK_HEADING_MAP, text);
+}
 let DocAutoFormatController = class DocAutoFormatController extends _univerjs_core.Disposable {
 	constructor(_docAutoFormatService, _renderManagerService) {
 		super();
@@ -17766,14 +17980,14 @@ let DocAutoFormatController = class DocAutoFormatController extends _univerjs_co
 				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(_univerjs_core.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(_univerjs_core.QuickListTypeMap).includes(text)) {
+				if (text && hasQuickListType(text)) {
 					const type = _univerjs_core.QuickListTypeMap[text];
 					return [{
 						id: QuickListCommand.id,
@@ -17783,7 +17997,7 @@ let DocAutoFormatController = class DocAutoFormatController extends _univerjs_co
 						}
 					}];
 				}
-				if (text && Object.keys(QUICK_HEADING_MAP).includes(text)) {
+				if (text && hasQuickHeading(text)) {
 					const type = QUICK_HEADING_MAP[text];
 					return [{
 						id: QuickHeadingCommand.id,
@@ -17833,14 +18047,6 @@ DocAutoFormatController = __decorate([__decorateParam(0, (0, _univerjs_core.Inje
 
 //#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 (0, _univerjs_engine_render.getLastLine)(lastCell);
-}
 function findTableAfterLine(line, page) {
 	const { ed } = line;
 	const { skeTables } = page;
@@ -17851,86 +18057,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;
-	(0, _univerjs_engine_render.lineIterator)(tablePage.type === _univerjs_engine_render.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;
@@ -17983,7 +18109,7 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 		}));
 	}
 	_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();
@@ -18010,16 +18136,21 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 		}
 		const anchorOffset = collapsed ? startOffset : rangeDirection === _univerjs_core.RANGE_DIRECTION.FORWARD ? startOffset : endOffset;
 		let focusOffset = collapsed ? endOffset : rangeDirection === _univerjs_core.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 === _univerjs_core.Direction.LEFT || direction === _univerjs_core.Direction.RIGHT) {
@@ -18040,8 +18171,8 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 			const focusNodePosition = collapsed ? startNodePosition : rangeDirection === _univerjs_core.RANGE_DIRECTION.FORWARD ? endNodePosition : startNodePosition;
 			const newPos = this._getTopOrBottomPosition(skeleton, focusGlyph, focusNodePosition, direction === _univerjs_core.Direction.DOWN, true);
 			if (newPos == null) {
-				const newFocusOffset = direction === _univerjs_core.Direction.UP ? 0 : dataStreamLength - 2;
-				if (newFocusOffset === focusOffset) return;
+				const newFocusOffset = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, direction === _univerjs_core.Direction.UP ? 0 : dataStreamLength - 2, direction, normalizedSegmentId, normalizedSegmentPage);
+				if (newFocusOffset == null || newFocusOffset === focusOffset) return;
 				this._textSelectionManagerService.replaceTextRanges([{
 					startOffset: anchorOffset,
 					endOffset: newFocusOffset,
@@ -18050,16 +18181,18 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 				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();
@@ -18072,8 +18205,8 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 		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) {
@@ -18085,9 +18218,10 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 				}
 				cursorOffset = direction === _univerjs_core.Direction.LEFT || direction === _univerjs_core.Direction.UP ? min : max;
 			} else cursorOffset = direction === _univerjs_core.Direction.LEFT || direction === _univerjs_core.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,
@@ -18118,13 +18252,15 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 			const skipTokens = [...this._getCursorSkipTokens()];
 			if (direction === _univerjs_core.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);
@@ -18132,31 +18268,55 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 			const newPos = this._getTopOrBottomPosition(skeleton, direction === _univerjs_core.Direction.UP ? startNode : collapsed ? startNode : endNode, direction === _univerjs_core.Direction.UP ? startNodePosition : collapsed ? startNodePosition : endNodePosition, direction === _univerjs_core.Direction.DOWN);
 			if (newPos == null) {
 				let cursor;
-				if (collapsed) cursor = direction === _univerjs_core.Direction.UP ? 0 : dataStreamLength - 2;
-				else cursor = direction === _univerjs_core.Direction.UP ? startOffset : endOffset;
+				if (collapsed) cursor = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, direction === _univerjs_core.Direction.UP ? 0 : dataStreamLength - 2, direction, normalizedSegmentId, normalizedSegmentPage);
+				else cursor = this._normalizeRenderableCursorOffset(skeleton, body.dataStream, customRanges, direction === _univerjs_core.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 === _univerjs_core.Direction.LEFT || direction === _univerjs_core.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 !== _univerjs_core.Direction.UP && direction !== _univerjs_core.Direction.DOWN) return;
+		if (dataStream.length === 0) return 0;
+		const cursor = Math.min(Math.max(0, focusOffset), dataStream.length - 1);
+		if (direction === _univerjs_core.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(_univerjs_core.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 === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH || token === _univerjs_core.DataStreamTreeTokenType.SECTION_BREAK) return index + 1;
+		}
+		return 0;
+	}
 	_getWordBoundaryOffset(skeleton, focusOffset, direction, segmentId, segmentPage, dataStreamLength) {
 		var _skeleton$findNodeByC;
 		if (direction !== _univerjs_core.Direction.LEFT && direction !== _univerjs_core.Direction.RIGHT) return;
@@ -18207,6 +18367,30 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 		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 === _univerjs_core.Direction.LEFT || direction === _univerjs_core.Direction.UP ? _univerjs_core.Direction.DOWN : _univerjs_core.Direction.UP;
+		return this._findNearestRenderableCursorOffset(skeleton, dataStream, customRanges, boundedCursor, fallbackDirection, segmentId, segmentPage);
+	}
+	_findNearestRenderableCursorOffset(skeleton, dataStream, customRanges, cursor, direction, segmentId, segmentPage) {
+		const step = direction === _univerjs_core.Direction.LEFT || direction === _univerjs_core.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 === _univerjs_core.Direction.LEFT || direction === _univerjs_core.Direction.UP) cursor = Math.min(range.startIndex, cursor);
@@ -18229,12 +18413,21 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 		if (includeParagraph) tokens.push(_univerjs_core.DataStreamTreeTokenType.PARAGRAPH);
 		return tokens;
 	}
+	_getNonRenderableCursorTokens() {
+		return [
+			...this._getCursorSkipTokens(),
+			_univerjs_core.DataStreamTreeTokenType.COLUMN_GROUP_START,
+			_univerjs_core.DataStreamTreeTokenType.COLUMN_GROUP_END,
+			_univerjs_core.DataStreamTreeTokenType.COLUMN_START,
+			_univerjs_core.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,
@@ -18249,11 +18442,24 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 		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 === _univerjs_core.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);
@@ -18263,11 +18469,12 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 				}
 			}
 		}
-		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;
@@ -18277,26 +18484,25 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 		const currentLineIndex = column.lines.indexOf(line);
 		if (currentLineIndex === -1) return;
 		let newLine;
-		if (page.type === _univerjs_engine_render.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) {
@@ -18307,7 +18513,10 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 			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) {
@@ -18320,8 +18529,15 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 			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 === _univerjs_engine_render.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);
@@ -18338,7 +18554,189 @@ let DocMoveCursorController = class DocMoveCursorController extends _univerjs_co
 			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 === _univerjs_engine_render.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 !== _univerjs_engine_render.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 === _univerjs_engine_render.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 !== _univerjs_engine_render.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;
@@ -18360,27 +18758,6 @@ DocMoveCursorController = __decorate([
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_docs.DocSelectionManagerService)),
 	__decorateParam(3, _univerjs_core.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
@@ -19360,6 +19737,10 @@ const MoveCursorWordLeftShortcut = moveCursorShortcut(_univerjs_core.Direction.L
 const MoveCursorWordRightShortcut = moveCursorShortcut(_univerjs_core.Direction.RIGHT, "word", _univerjs_ui.KeyCode.ARROW_RIGHT | _univerjs_ui.MetaKeys.CTRL_COMMAND, _univerjs_ui.KeyCode.ARROW_RIGHT | _univerjs_ui.MetaKeys.ALT);
 const MoveSelectionWordLeftShortcut = moveSelectionShortcut(_univerjs_core.Direction.LEFT, "word", _univerjs_ui.KeyCode.ARROW_LEFT | _univerjs_ui.MetaKeys.CTRL_COMMAND | _univerjs_ui.MetaKeys.SHIFT, _univerjs_ui.KeyCode.ARROW_LEFT | _univerjs_ui.MetaKeys.ALT | _univerjs_ui.MetaKeys.SHIFT);
 const MoveSelectionWordRightShortcut = moveSelectionShortcut(_univerjs_core.Direction.RIGHT, "word", _univerjs_ui.KeyCode.ARROW_RIGHT | _univerjs_ui.MetaKeys.CTRL_COMMAND | _univerjs_ui.MetaKeys.SHIFT, _univerjs_ui.KeyCode.ARROW_RIGHT | _univerjs_ui.MetaKeys.ALT | _univerjs_ui.MetaKeys.SHIFT);
+const MoveCursorParagraphUpShortcut = moveCursorShortcut(_univerjs_core.Direction.UP, "paragraph", _univerjs_ui.KeyCode.ARROW_UP | _univerjs_ui.MetaKeys.CTRL_COMMAND, _univerjs_ui.KeyCode.ARROW_UP | _univerjs_ui.MetaKeys.ALT);
+const MoveCursorParagraphDownShortcut = moveCursorShortcut(_univerjs_core.Direction.DOWN, "paragraph", _univerjs_ui.KeyCode.ARROW_DOWN | _univerjs_ui.MetaKeys.CTRL_COMMAND, _univerjs_ui.KeyCode.ARROW_DOWN | _univerjs_ui.MetaKeys.ALT);
+const MoveSelectionParagraphUpShortcut = moveSelectionShortcut(_univerjs_core.Direction.UP, "paragraph", _univerjs_ui.KeyCode.ARROW_UP | _univerjs_ui.MetaKeys.CTRL_COMMAND | _univerjs_ui.MetaKeys.SHIFT, _univerjs_ui.KeyCode.ARROW_UP | _univerjs_ui.MetaKeys.ALT | _univerjs_ui.MetaKeys.SHIFT);
+const MoveSelectionParagraphDownShortcut = moveSelectionShortcut(_univerjs_core.Direction.DOWN, "paragraph", _univerjs_ui.KeyCode.ARROW_DOWN | _univerjs_ui.MetaKeys.CTRL_COMMAND | _univerjs_ui.MetaKeys.SHIFT, _univerjs_ui.KeyCode.ARROW_DOWN | _univerjs_ui.MetaKeys.ALT | _univerjs_ui.MetaKeys.SHIFT);
 const SelectAllShortcut = {
 	id: DocSelectAllCommand.id,
 	binding: _univerjs_ui.KeyCode.A | _univerjs_ui.MetaKeys.CTRL_COMMAND,
@@ -19531,6 +19912,10 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends _univerjs_core.Plugin
 			MoveCursorLineEndShortcut,
 			MoveSelectionLineStartShortcut,
 			MoveSelectionLineEndShortcut,
+			MoveCursorParagraphUpShortcut,
+			MoveCursorParagraphDownShortcut,
+			MoveSelectionParagraphUpShortcut,
+			MoveSelectionParagraphDownShortcut,
 			MoveCursorDocumentStartShortcut,
 			MoveCursorDocumentEndShortcut,
 			MoveSelectionDocumentStartShortcut,
@@ -19568,6 +19953,7 @@ let UniverDocsUIPlugin = class UniverDocsUIPlugin extends _univerjs_core.Plugin
 			[DocParagraphSettingController],
 			[IEditorService, { useClass: EditorService }],
 			[IDocClipboardService, { useClass: DocClipboardService }],
+			[DocHtmlExportService],
 			[DocCanvasPopManagerService],
 			[DocsRenderService],
 			[_univerjs_docs.IDocStateChangeInterceptorService, { useClass: DocIMEStateChangeInterceptorService }],
@@ -20253,6 +20639,7 @@ Object.defineProperty(exports, 'DocEventManagerService', {
     return DocEventManagerService;
   }
 });
+exports.DocHtmlExportService = DocHtmlExportService;
 exports.DocIMEInputManagerService = DocIMEInputManagerService;
 Object.defineProperty(exports, 'DocParagraphMenuService', {
   enumerable: true,