@univerjs/engine-render 1.0.0-alpha.0 → 1.0.0-alpha.1

package/lib/cjs/index.js

@@ -3460,11 +3460,12 @@ var BaseObject = class extends _univerjs_core.Disposable {
 		if (this.isInGroup && ((_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.classType) === "Group" && ((_this$parent2 = this.parent) === null || _this$parent2 === void 0 ? void 0 : _this$parent2.getBaseBound)) baseBound = this.parent.getBaseBound();
 		if (baseBound) {
 			const parentState = this.getParent();
+			const parentRealBound = typeof parentState.getRealBound === "function" ? parentState.getRealBound() : parentState;
 			const parentBound = {
-				top: parentState.top || 0,
-				left: parentState.left,
-				width: parentState.width || 0,
-				height: parentState.height || 0
+				top: parentRealBound.top || 0,
+				left: parentRealBound.left,
+				width: parentRealBound.width || 0,
+				height: parentRealBound.height || 0
 			};
 			const realBound = getRenderTransformBaseOnParentBound(baseBound, parentBound, {
 				width: realWidth,
@@ -11994,6 +11995,68 @@ var Text = class Text extends Shape {
 	}
 };
 
+//#endregion
+//#region src/components/docs/document-compatibility.ts
+const MODERN_DOCUMENT_COMPATIBILITY_POLICY = {
+	mode: "modern",
+	applyDocumentDefaultParagraphStyle: true,
+	useWordStyleLineHeight: true,
+	font: { metricScaleRules: [] },
+	table: {
+		currentPageOverflowTolerance: 0,
+		rowOverflowTolerance: 0,
+		allowImportedTableMarginOverflow: false
+	}
+};
+const TRADITIONAL_DOCUMENT_COMPATIBILITY_POLICY = {
+	mode: "traditional",
+	applyDocumentDefaultParagraphStyle: false,
+	useWordStyleLineHeight: true,
+	font: { metricScaleRules: [{
+		fontFamily: /^calibri$/i,
+		minFontSize: 20,
+		fontString: /\bbold\b/i,
+		content: /^[\d/]+$/u,
+		widthScale: .92
+	}] },
+	table: {
+		currentPageOverflowTolerance: 12,
+		rowOverflowTolerance: 4,
+		allowImportedTableMarginOverflow: true
+	}
+};
+const UNSPECIFIED_DOCUMENT_COMPATIBILITY_POLICY = {
+	mode: "unspecified",
+	applyDocumentDefaultParagraphStyle: false,
+	useWordStyleLineHeight: false,
+	font: { metricScaleRules: [] },
+	table: {
+		currentPageOverflowTolerance: 0,
+		rowOverflowTolerance: 0,
+		allowImportedTableMarginOverflow: false
+	}
+};
+function getDocumentCompatibilityPolicy(documentFlavor) {
+	if (documentFlavor === _univerjs_core.DocumentFlavor.MODERN) return MODERN_DOCUMENT_COMPATIBILITY_POLICY;
+	if (documentFlavor === _univerjs_core.DocumentFlavor.TRADITIONAL) return TRADITIONAL_DOCUMENT_COMPATIBILITY_POLICY;
+	return UNSPECIFIED_DOCUMENT_COMPATIBILITY_POLICY;
+}
+function applyFontMetricCompatibility(content, fontStyle, bBox, policy) {
+	const fontFamilies = fontStyle.fontFamily.split(",").map((item) => item.trim().replace(/^['"]|['"]$/g, ""));
+	const rule = policy.font.metricScaleRules.find((rule) => (rule.minFontSize == null || fontStyle.originFontSize >= rule.minFontSize) && (rule.fontString == null || rule.fontString.test(fontStyle.fontString)) && (rule.content == null || rule.content.test(content)) && fontFamilies.some((family) => rule.fontFamily.test(family)));
+	if ((rule === null || rule === void 0 ? void 0 : rule.widthScale) == null) return bBox;
+	return {
+		...bBox,
+		width: bBox.width * rule.widthScale
+	};
+}
+function isTraditionalDocumentCompatibility(policy) {
+	return policy.mode === "traditional";
+}
+function shouldAllowImportedTableMarginOverflow(policy, tableSource) {
+	return policy.table.allowImportedTableMarginOverflow && tableSource != null && typeof tableSource === "object" && "docxWidth" in tableSource;
+}
+
 //#endregion
 //#region src/components/docs/liquid.ts
 var Liquid = class {
@@ -12286,8 +12349,16 @@ function parseDataStreamToTree(dataStream, tables) {
 	const tableList = [];
 	const tableRowList = [];
 	const tableCellList = [];
+	const columnGroupList = [];
+	const columnList = [];
+	const columnParagraphList = [];
+	const columnSectionList = [];
 	const currentBlocks = [];
-	const getParagraphList = () => tableCellList.length > 0 ? cellParagraphList : paragraphList;
+	const getParagraphList = () => {
+		if (tableCellList.length > 0) return cellParagraphList;
+		if (columnGroupList.length > 0) return columnParagraphList;
+		return paragraphList;
+	};
 	const appendToPreviousParagraph = (char) => {
 		const tempParagraphList = getParagraphList();
 		const lastParagraph = tempParagraphList[tempParagraphList.length - 1];
@@ -12317,10 +12388,11 @@ function parseDataStreamToTree(dataStream, tables) {
 			currentBlocks.length = 0;
 			content = "";
 			if (tableCellList.length > 0) cellParagraphList.push(paragraphNode);
+			else if (columnGroupList.length > 0) columnParagraphList.push(paragraphNode);
 			else paragraphList.push(paragraphNode);
 		} else if (char === _univerjs_core.DataStreamTreeTokenType.SECTION_BREAK) {
 			const sectionNode = DataStreamTreeNode.create(_univerjs_core.DataStreamTreeNodeType.SECTION_BREAK);
-			const tempParagraphList = tableCellList.length > 0 ? cellParagraphList : paragraphList;
+			const tempParagraphList = tableCellList.length > 0 ? cellParagraphList : columnGroupList.length > 0 ? columnParagraphList : paragraphList;
 			if (tempParagraphList.length === 0) {
 				const emptyParagraph = DataStreamTreeNode.create(_univerjs_core.DataStreamTreeNodeType.PARAGRAPH, "");
 				emptyParagraph.setIndexRange(i, i - 1);
@@ -12332,7 +12404,8 @@ function parseDataStreamToTree(dataStream, tables) {
 			if (tableCellList.length > 0) {
 				const lastCell = tableCellList[tableCellList.length - 1];
 				batchParent(lastCell, [sectionNode], _univerjs_core.DataStreamTreeNodeType.TABLE_CELL);
-			} else sectionList.push(sectionNode);
+			} else if (columnGroupList.length > 0) columnSectionList.push(sectionNode);
+			else sectionList.push(sectionNode);
 			tempParagraphList.length = 0;
 		} else if (char === _univerjs_core.DataStreamTreeTokenType.TABLE_START) {
 			const tableNode = DataStreamTreeNode.create(_univerjs_core.DataStreamTreeNodeType.TABLE);
@@ -12358,6 +12431,32 @@ function parseDataStreamToTree(dataStream, tables) {
 			const cellNode = tableCellList.pop();
 			const lastRow = tableRowList[tableRowList.length - 1];
 			batchParent(lastRow, [cellNode], _univerjs_core.DataStreamTreeNodeType.TABLE_ROW);
+		} else if (char === _univerjs_core.DataStreamTreeTokenType.COLUMN_GROUP_START) {
+			const columnGroupNode = DataStreamTreeNode.create(_univerjs_core.DataStreamTreeNodeType.COLUMN_GROUP);
+			columnGroupNode.setIndexRange(i, i);
+			columnGroupList.push(columnGroupNode);
+		} else if (char === _univerjs_core.DataStreamTreeTokenType.COLUMN_START) {
+			const columnNode = DataStreamTreeNode.create(_univerjs_core.DataStreamTreeNodeType.COLUMN);
+			columnNode.setIndexRange(i, i);
+			columnList.push(columnNode);
+		} else if (char === _univerjs_core.DataStreamTreeTokenType.COLUMN_END) {
+			const columnNode = columnList[columnList.length - 1];
+			const columnChildren = columnSectionList.length > 0 ? columnSectionList : columnParagraphList;
+			const columnStartIndex = columnNode.startIndex;
+			batchParent(columnNode, columnChildren, _univerjs_core.DataStreamTreeNodeType.COLUMN);
+			columnNode.setIndexRange(columnStartIndex, i);
+			columnParagraphList.length = 0;
+			columnSectionList.length = 0;
+		} else if (char === _univerjs_core.DataStreamTreeTokenType.COLUMN_GROUP_END) {
+			const columnGroupNode = columnGroupList.pop();
+			const columnGroupStartIndex = columnGroupNode.startIndex;
+			batchParent(columnGroupNode, columnList, _univerjs_core.DataStreamTreeNodeType.COLUMN_GROUP);
+			columnGroupNode.setIndexRange(columnGroupStartIndex, i);
+			paragraphList.push(columnGroupNode);
+			columnList.length = 0;
+			columnParagraphList.length = 0;
+			columnSectionList.length = 0;
+			content = "";
 		} else if (char === _univerjs_core.DataStreamTreeTokenType.BLOCK_START) content += char;
 		else if (char === _univerjs_core.DataStreamTreeTokenType.BLOCK_END) {
 			if (content.length > 0 || !appendToPreviousParagraph(char)) content += char;
@@ -12381,6 +12480,7 @@ var DocumentViewModel = class DocumentViewModel {
 		_defineProperty(this, "_sectionBreakCache", /* @__PURE__ */ new Map());
 		_defineProperty(this, "_customBlockCache", /* @__PURE__ */ new Map());
 		_defineProperty(this, "_tableCache", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_columnGroupCache", /* @__PURE__ */ new Map());
 		_defineProperty(this, "_tableNodeCache", /* @__PURE__ */ new Map());
 		_defineProperty(this, "_children", []);
 		_defineProperty(this, "_editArea", "BODY");
@@ -12411,6 +12511,7 @@ var DocumentViewModel = class DocumentViewModel {
 		this._sectionBreakCache.clear();
 		this._customBlockCache.clear();
 		this._tableCache.clear();
+		this._columnGroupCache.clear();
 		this._tableNodeCache.clear();
 		this._segmentViewModels$.complete();
 		this._editAreaChange$.complete();
@@ -12482,6 +12583,9 @@ var DocumentViewModel = class DocumentViewModel {
 	getTableByStartIndex(index) {
 		return this._tableCache.get(index);
 	}
+	getColumnGroupByStartIndex(index) {
+		return this._columnGroupCache.get(index);
+	}
 	findTableNodeById(id) {
 		var _this$_tableNodeCache;
 		return (_this$_tableNodeCache = this._tableNodeCache.get(id)) === null || _this$_tableNodeCache === void 0 ? void 0 : _this$_tableNodeCache.table;
@@ -12516,6 +12620,7 @@ var DocumentViewModel = class DocumentViewModel {
 		this._buildSectionBreakCache();
 		this._buildCustomBlockCache();
 		this._buildTableCache();
+		this._buildColumnGroupCache();
 	}
 	_buildParagraphCache() {
 		var _this$getBody$paragra, _this$getBody;
@@ -12560,9 +12665,23 @@ var DocumentViewModel = class DocumentViewModel {
 			});
 		}
 	}
+	_buildColumnGroupCache() {
+		var _this$getBody5;
+		this._columnGroupCache.clear();
+		const columnGroups = (_this$getBody5 = this.getBody()) === null || _this$getBody5 === void 0 ? void 0 : _this$getBody5.columnGroups;
+		if (columnGroups == null) return;
+		for (const columnGroup of columnGroups) {
+			const { startIndex } = columnGroup;
+			if (!columnGroup.columns) continue;
+			this._columnGroupCache.set(startIndex, {
+				columnGroup,
+				columnGroupSource: columnGroup
+			});
+		}
+	}
 	_buildTextRunsCache() {
-		var _this$getBody$textRun, _this$getBody5;
-		const textRuns = (_this$getBody$textRun = (_this$getBody5 = this.getBody()) === null || _this$getBody5 === void 0 ? void 0 : _this$getBody5.textRuns) !== null && _this$getBody$textRun !== void 0 ? _this$getBody$textRun : [];
+		var _this$getBody$textRun, _this$getBody6;
+		const textRuns = (_this$getBody$textRun = (_this$getBody6 = this.getBody()) === null || _this$getBody6 === void 0 ? void 0 : _this$getBody6.textRuns) !== null && _this$getBody$textRun !== void 0 ? _this$getBody$textRun : [];
 		this._textRunsCache.clear();
 		for (const textRun of textRuns) {
 			const { st, ed } = textRun;
@@ -12588,68 +12707,6 @@ var DocumentViewModel = class DocumentViewModel {
 	}
 };
 
-//#endregion
-//#region src/components/docs/document-compatibility.ts
-const MODERN_DOCUMENT_COMPATIBILITY_POLICY = {
-	mode: "modern",
-	applyDocumentDefaultParagraphStyle: true,
-	useWordStyleLineHeight: true,
-	font: { metricScaleRules: [] },
-	table: {
-		currentPageOverflowTolerance: 0,
-		rowOverflowTolerance: 0,
-		allowImportedTableMarginOverflow: false
-	}
-};
-const TRADITIONAL_DOCUMENT_COMPATIBILITY_POLICY = {
-	mode: "traditional",
-	applyDocumentDefaultParagraphStyle: false,
-	useWordStyleLineHeight: true,
-	font: { metricScaleRules: [{
-		fontFamily: /^calibri$/i,
-		minFontSize: 20,
-		fontString: /\bbold\b/i,
-		content: /^[\d/]+$/u,
-		widthScale: .92
-	}] },
-	table: {
-		currentPageOverflowTolerance: 12,
-		rowOverflowTolerance: 4,
-		allowImportedTableMarginOverflow: true
-	}
-};
-const UNSPECIFIED_DOCUMENT_COMPATIBILITY_POLICY = {
-	mode: "unspecified",
-	applyDocumentDefaultParagraphStyle: false,
-	useWordStyleLineHeight: false,
-	font: { metricScaleRules: [] },
-	table: {
-		currentPageOverflowTolerance: 0,
-		rowOverflowTolerance: 0,
-		allowImportedTableMarginOverflow: false
-	}
-};
-function getDocumentCompatibilityPolicy(documentFlavor) {
-	if (documentFlavor === _univerjs_core.DocumentFlavor.MODERN) return MODERN_DOCUMENT_COMPATIBILITY_POLICY;
-	if (documentFlavor === _univerjs_core.DocumentFlavor.TRADITIONAL) return TRADITIONAL_DOCUMENT_COMPATIBILITY_POLICY;
-	return UNSPECIFIED_DOCUMENT_COMPATIBILITY_POLICY;
-}
-function applyFontMetricCompatibility(content, fontStyle, bBox, policy) {
-	const fontFamilies = fontStyle.fontFamily.split(",").map((item) => item.trim().replace(/^['"]|['"]$/g, ""));
-	const rule = policy.font.metricScaleRules.find((rule) => (rule.minFontSize == null || fontStyle.originFontSize >= rule.minFontSize) && (rule.fontString == null || rule.fontString.test(fontStyle.fontString)) && (rule.content == null || rule.content.test(content)) && fontFamilies.some((family) => rule.fontFamily.test(family)));
-	if ((rule === null || rule === void 0 ? void 0 : rule.widthScale) == null) return bBox;
-	return {
-		...bBox,
-		width: bBox.width * rule.widthScale
-	};
-}
-function isTraditionalDocumentCompatibility(policy) {
-	return policy.mode === "traditional";
-}
-function shouldAllowImportedTableMarginOverflow(policy, tableSource) {
-	return policy.table.allowImportedTableMarginOverflow && tableSource != null && typeof tableSource === "object" && "docxWidth" in tableSource;
-}
-
 //#endregion
 //#region src/components/docs/layout/model/glyph.ts
 function isSpace(char) {
@@ -12740,6 +12797,10 @@ function _createSkeletonWordOrLetter(glyphType, content, config, glyphWidth, gly
 		_univerjs_core.DataStreamTreeTokenType.TABLE_ROW_END,
 		_univerjs_core.DataStreamTreeTokenType.TABLE_CELL_START,
 		_univerjs_core.DataStreamTreeTokenType.TABLE_CELL_END,
+		_univerjs_core.DataStreamTreeTokenType.COLUMN_GROUP_START,
+		_univerjs_core.DataStreamTreeTokenType.COLUMN_START,
+		_univerjs_core.DataStreamTreeTokenType.COLUMN_END,
+		_univerjs_core.DataStreamTreeTokenType.COLUMN_GROUP_END,
 		_univerjs_core.DataStreamTreeTokenType.BLOCK_START,
 		_univerjs_core.DataStreamTreeTokenType.BLOCK_END,
 		_univerjs_core.DataStreamTreeTokenType.CUSTOM_RANGE_START,
@@ -12902,7 +12963,9 @@ function createSkeletonLine(paragraphIndex, lineType, lineBoundingBox, columnWid
 		lineSke.isBehindTable = true;
 		lineSke.tableId = tableId;
 	}
-	lineSke.divides = _calculateDividesByDrawings(lineHeight, lineTop, columnWidth, paddingLeft, paddingRight, page, headerPage, footerPage, new Map(Array.from(pageSkeDrawings).filter(([_, drawing]) => drawing.drawingOrigin.layoutType !== _univerjs_core.PositionedObjectLayoutType.INLINE && drawing.drawingOrigin.layoutType !== _univerjs_core.PositionedObjectLayoutType.WRAP_NONE)), headersDrawings, footersDrawings, new Map(Array.from(pageSkeTables).filter(([_, table]) => table.tableSource.textWrap === _univerjs_core.TableTextWrapType.WRAP)));
+	const affectSkeDrawings = new Map(Array.from(pageSkeDrawings).filter(([_, drawing]) => drawing.drawingOrigin.layoutType !== _univerjs_core.PositionedObjectLayoutType.INLINE && drawing.drawingOrigin.layoutType !== _univerjs_core.PositionedObjectLayoutType.WRAP_NONE));
+	const wrapTypeTables = new Map(Array.from(pageSkeTables).filter(([_, table]) => table.tableSource.textWrap === _univerjs_core.TableTextWrapType.WRAP));
+	lineSke.divides = lineHeight <= .01 ? [__getDivideSKe(0, columnWidth)] : _calculateDividesByDrawings(lineHeight, lineTop, columnWidth, paddingLeft, paddingRight, page, headerPage, footerPage, affectSkeDrawings, headersDrawings, footersDrawings, wrapTypeTables);
 	for (const divide of lineSke.divides) divide.parent = lineSke;
 	return lineSke;
 }
@@ -13141,6 +13204,8 @@ function ___getWrapTextRuler(wrapText, resultLeft, resultWidth, columnWidth) {
 	return ruler;
 }
 function _calculateDivideByDrawings(columnWidth, drawingSplit) {
+	if (!Number.isFinite(columnWidth) || columnWidth <= 0) return [__getDivideSKe(0, Math.max(1, columnWidth || 1))];
+	drawingSplit = drawingSplit.filter(({ left, width }) => Number.isFinite(left) && Number.isFinite(width) && width > 0 && left < columnWidth && left + width > 0);
 	drawingSplit.sort((pre, next) => {
 		if (pre.left > next.left) return 1;
 		return -1;
@@ -13670,6 +13735,13 @@ function getTableIdAndSliceIndex(tableSliceId) {
 //#region src/components/docs/layout/block/paragraph/layout-ruler.ts
 const LINE_LAYOUT_OVERFLOW_TOLERANCE = 2;
 const FLOAT_OBJECT_RELAYOUT_LIMIT = 5;
+const MIN_LINE_WIDTH_TOLERANCE = 1;
+const MAX_LINE_WIDTH_TOLERANCE = 3;
+const RELATIVE_LINE_WIDTH_TOLERANCE = .01;
+function isBeyondDivideWidth(width, divideWidth) {
+	const tolerance = Math.min(MAX_LINE_WIDTH_TOLERANCE, Math.max(MIN_LINE_WIDTH_TOLERANCE, divideWidth * RELATIVE_LINE_WIDTH_TOLERANCE));
+	return width - divideWidth > tolerance;
+}
 function layoutParagraph(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType = "Normal") {
 	if (isParagraphFirstShapedText) if (paragraphConfig.bulletSkeleton) {
 		var _paragraphProperties$;
@@ -13751,7 +13823,12 @@ function _divideOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphCo
 		const lastGlyph = divide === null || divide === void 0 || (_divide$glyphGroup = divide.glyphGroup) === null || _divide$glyphGroup === void 0 ? void 0 : _divide$glyphGroup[divide.glyphGroup.length - 1];
 		const preOffsetLeft = ((lastGlyph === null || lastGlyph === void 0 ? void 0 : lastGlyph.width) || 0) + ((lastGlyph === null || lastGlyph === void 0 ? void 0 : lastGlyph.left) || 0);
 		const { hyphenationZone } = sectionBreakConfig;
-		if (preOffsetLeft + width > divide.width) {
+		if (isBeyondDivideWidth(preOffsetLeft + width, divide.width)) {
+			if ((divide === null || divide === void 0 ? void 0 : divide.glyphGroup.length) === 0 && glyphGroup.length > 0 && glyphGroup[0].streamType === _univerjs_core.DataStreamTreeTokenType.CUSTOM_BLOCK) {
+				addGlyphToDivide(divide, glyphGroup, preOffsetLeft);
+				updateDivideInfo(divide, { breakType: breakPointType });
+				return;
+			}
 			if (shouldKeepOverflowingTextOnLine(sectionBreakConfig)) {
 				addGlyphToDivide(divide, glyphGroup, preOffsetLeft);
 				updateDivideInfo(divide, { breakType: breakPointType });
@@ -13763,13 +13840,13 @@ function _divideOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphCo
 			if (divideInfo.isLast && glyphGroup.length === 1 && (glyphGroup[0].content === _univerjs_core.DataStreamTreeTokenType.SPACE || glyphGroup[0].content === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH)) addGlyphToDivide(divide, glyphGroup, preOffsetLeft);
 			else if (divideInfo.isLast && !isGlyphGroupBeyondContentBox(glyphGroup, preOffsetLeft, divide.width) && isGlyphGroupEndWithWhiteSpaces(glyphGroup)) addGlyphToDivide(divide, glyphGroup, preOffsetLeft);
 			else if (!isLast && (divide === null || divide === void 0 ? void 0 : divide.glyphGroup.length) === 0 && glyphGroup.length === 1 && glyphGroup[0].streamType === _univerjs_core.DataStreamTreeTokenType.CUSTOM_BLOCK && glyphGroup[0].width > divide.width) {
-				updateDivideInfo(divide, { isFull: true });
-				_divideOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType, defaultSpanLineHeight);
+				addGlyphToDivide(divide, glyphGroup, preOffsetLeft);
+				updateDivideInfo(divide, { breakType: breakPointType });
 			} else if ((divide === null || divide === void 0 ? void 0 : divide.glyphGroup.length) === 0) {
 				const sliceGlyphGroup = [];
 				while (glyphGroup.length) {
 					sliceGlyphGroup.push(glyphGroup.shift());
-					if (__getGlyphGroupWidth(sliceGlyphGroup) > divide.width) {
+					if (isBeyondDivideWidth(__getGlyphGroupWidth(sliceGlyphGroup), divide.width)) {
 						if (sliceGlyphGroup.length > 1) glyphGroup.unshift(sliceGlyphGroup.pop());
 						break;
 					}
@@ -13822,6 +13899,10 @@ function _divideOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphCo
 					const paragraphAnchorLeft = __getParagraphAnchorLeft(sectionBreakConfig, paragraphConfig, (_paragraphConfig$para = paragraphConfig.paragraphStyle) === null || _paragraphConfig$para === void 0 ? void 0 : _paragraphConfig$para.indentStart);
 					const drawings = __getDrawingPosition(currentLine.top, currentLine.lineHeight, currentLine.parent, true, (_paragraphConfig$pDra = paragraphConfig.pDrawingAnchor) === null || _paragraphConfig$pDra === void 0 || (_paragraphConfig$pDra = _paragraphConfig$pDra.get(paragraphConfig.paragraphIndex)) === null || _paragraphConfig$pDra === void 0 ? void 0 : _paragraphConfig$pDra.top, anchorDrawings, paragraphAnchorLeft);
 					__updateDrawingPosition(currentLine.parent, drawings);
+					addGlyphToDivide(divide, glyphGroup, preOffsetLeft);
+					updateDivideInfo(divide, { breakType: breakPointType });
+					glyphGroup.length = 0;
+					return;
 				}
 			}
 			addGlyphToDivide(divide, glyphGroup, preOffsetLeft);
@@ -13833,6 +13914,19 @@ function _lineOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConf
 	var _originParagraphStyle, _originParagraphStyle2, _skeHeaders$get, _skeFooters$get;
 	let lastPage = getLastPage(pages);
 	let columnInfo = getLastNotFullColumnInfo(lastPage);
+	if (!columnInfo || !columnInfo.column) {
+		const lastSection = getLastSection(lastPage);
+		const lastColumnIndex = lastSection.columns.length - 1;
+		const lastColumn = lastSection.columns[lastColumnIndex];
+		if (lastColumn && isBlankColumn(lastColumn)) {
+			setColumnFullState(lastColumn, false);
+			columnInfo = {
+				column: lastColumn,
+				index: lastColumnIndex,
+				isLast: true
+			};
+		}
+	}
 	if (!columnInfo || !columnInfo.column) {
 		_pageOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, true, breakPointType);
 		lastPage = getLastPage(pages);
@@ -13859,9 +13953,21 @@ function _lineOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConf
 	};
 	const { paragraphLineGapDefault, linePitch, lineSpacing, spacingRule, snapToGrid, gridType } = getLineHeightConfig(sectionBreakConfig, paragraphConfig);
 	const hasInlineCustomBlock = glyphGroup.some((glyph) => glyph.streamType === _univerjs_core.DataStreamTreeTokenType.CUSTOM_BLOCK && glyph.width !== 0);
+	const positionedCustomBlockOnly = glyphGroup.length > 0 && paragraphNonInlineSkeDrawings != null && paragraphNonInlineSkeDrawings.size > 0 && glyphGroup.every((glyph) => {
+		if (!glyph) return false;
+		if (glyph.streamType === _univerjs_core.DataStreamTreeTokenType.CUSTOM_BLOCK) return [...paragraphNonInlineSkeDrawings.values()].some((drawing) => drawing.drawingId === glyph.drawingId);
+		return glyph.streamType === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH || glyph.raw === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH;
+	});
 	const glyphGroupCustomBlockIds = new Set(glyphGroup.filter((glyph) => glyph.streamType === _univerjs_core.DataStreamTreeTokenType.CUSTOM_BLOCK && glyph.drawingId != null).map((glyph) => glyph.drawingId));
 	let { paddingTop, paddingBottom, contentHeight, lineSpacingApply } = getLineHeightMetrics(glyphLineHeight, paragraphLineGapDefault, linePitch, gridType, lineSpacing, spacingRule, snapToGrid, paragraphConfig.useWordStyleLineHeight, !hasInlineCustomBlock);
+	if (positionedCustomBlockOnly) {
+		paddingTop = 0;
+		paddingBottom = 0;
+		contentHeight = .01;
+		lineSpacingApply = .01;
+	}
 	let { marginTop, spaceBelowApply } = __getParagraphSpace(ctx, lineSpacingApply, spaceAbove, spaceBelow, isParagraphFirstShapedText, preLine);
+	if (positionedCustomBlockOnly) spaceBelowApply = 0;
 	if (isZeroWidthNonFlowFloatingAnchorLine) {
 		paddingTop = 0;
 		paddingBottom = 0;
@@ -13904,7 +14010,7 @@ function _lineOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConf
 		var _pDrawingAnchor$get2;
 		needOpenNewPageByTableLayout = _updateAndPositionTable(ctx, lineTop, lineHeight, lastPage, column, section, skeTablesInParagraph, paragraphConfig.paragraphIndex, sectionBreakConfig, pDrawingAnchor === null || pDrawingAnchor === void 0 || (_pDrawingAnchor$get2 = pDrawingAnchor.get(paragraphIndex)) === null || _pDrawingAnchor$get2 === void 0 ? void 0 : _pDrawingAnchor$get2.top);
 	}
-	const newLineTop = calculateLineTopByDrawings(lineHeight, lineTop, lastPage, headerPage, footerPage);
+	const newLineTop = positionedCustomBlockOnly ? lineTop : calculateLineTopByDrawings(lineHeight, lineTop, lastPage, headerPage, footerPage);
 	if (lineHeight + newLineTop - section.height > LINE_LAYOUT_OVERFLOW_TOLERANCE && column.lines.length > 0 && lastPage.sections.length > 0 || needOpenNewPageByTableLayout) {
 		setColumnFullState(column, true);
 		_columnOperator(ctx, glyphGroup, pages, sectionBreakConfig, paragraphConfig, isParagraphFirstShapedText, breakPointType, defaultGlyphLineHeight);
@@ -14530,6 +14636,25 @@ function isColumnFull(page) {
 	for (let i = 0; i < columnsLen; i++) if (!section.columns[i].isFull) return false;
 	return true;
 }
+function isBlankColumn(column) {
+	const lines = column.lines;
+	if (lines.length > 1) return false;
+	const line = lines[lines.length - 1];
+	return isLineBlank(line);
+}
+function isLineBlank(line) {
+	if (!line) return true;
+	for (let i = 0; i < line.divides.length; i++) {
+		const spanCount = line.divides[i].glyphGroup.length;
+		if (spanCount > 1) return false;
+		if (spanCount === 1) {
+			const { glyphType, raw, streamType, width } = line.divides[i].glyphGroup[0];
+			const isZeroWidthColumnBreak = width === 0 && (raw === _univerjs_core.DataStreamTreeTokenType.COLUMN_BREAK || streamType === _univerjs_core.DataStreamTreeTokenType.COLUMN_BREAK);
+			if (glyphType !== 4 && glyphType !== 2 && !isZeroWidthColumnBreak) return false;
+		}
+	}
+	return true;
+}
 function getNumberUnitValue(unitValue, benchMark) {
 	if (!unitValue) return 0;
 	const { v: value, u: unit } = unitValue;
@@ -14579,15 +14704,17 @@ function getCharSpaceConfig(sectionBreakConfig, paragraphConfig) {
 		snapToGrid
 	};
 }
-function updateBlockIndex(pages, start = -1) {
+function updateBlockIndex(pages, start = -1, documentCompatibilityPolicy) {
 	let prePageStartIndex = start;
+	const shouldUseLayoutColumnWidth = (documentCompatibilityPolicy === null || documentCompatibilityPolicy === void 0 ? void 0 : documentCompatibilityPolicy.mode) !== "unspecified";
 	for (const page of pages) {
-		const { sections, skeTables } = page;
+		const { sections, skeTables, skeColumnGroups = /* @__PURE__ */ new Map() } = page;
 		const pageStartIndex = prePageStartIndex;
 		let preSectionStartIndex = pageStartIndex;
 		let maxContentWidth = Number.NEGATIVE_INFINITY;
 		let contentHeight = 0;
 		for (const section of sections) {
+			collapseRedundantColumnBreakOverflow(section);
 			const { columns } = section;
 			const sectionStartIndex = preSectionStartIndex;
 			let preColumnStartIndex = sectionStartIndex;
@@ -14606,6 +14733,16 @@ function updateBlockIndex(pages, start = -1) {
 						const table = skeTables.get(tableId);
 						if (table) lineStartIndex = table.ed;
 					}
+					if (line.type === 1 && divides.length === 0) {
+						line.st = Math.max(line.st, lineStartIndex + 1);
+						line.ed = Math.max(line.ed, line.st);
+						line.width = 0;
+						line.asc = 0;
+						line.dsc = 0;
+						columnHeight = top + lineHeight;
+						preLineStartIndex = Math.max(preLineStartIndex, line.ed);
+						continue;
+					}
 					let preDivideStartIndex = lineStartIndex;
 					let actualWidth = 0;
 					let maxLineAsc = 0;
@@ -14645,8 +14782,9 @@ function updateBlockIndex(pages, start = -1) {
 				column.st = columStartIndex + 1;
 				column.ed = preLineStartIndex >= column.st ? preLineStartIndex : column.st;
 				column.height = columnHeight;
-				column.width = maxColumnWidth;
-				sectionWidth += maxColumnWidth;
+				const measuredColumnWidth = shouldUseLayoutColumnWidth && Number.isFinite(column.width) && column.width > 0 ? column.width : maxColumnWidth;
+				column.width = measuredColumnWidth;
+				sectionWidth += measuredColumnWidth;
 				maxSectionHeight = Math.max(maxSectionHeight, column.height);
 				preColumnStartIndex = column.ed;
 			}
@@ -14661,6 +14799,10 @@ function updateBlockIndex(pages, start = -1) {
 			const { ed } = table;
 			preSectionStartIndex = Math.max(preSectionStartIndex, ed);
 		}
+		for (const columnGroup of skeColumnGroups.values()) {
+			const { ed } = columnGroup;
+			preSectionStartIndex = Math.max(preSectionStartIndex, ed);
+		}
 		page.st = pageStartIndex + 1;
 		page.ed = preSectionStartIndex >= page.st ? preSectionStartIndex : page.st;
 		page.height = contentHeight;
@@ -14668,6 +14810,28 @@ function updateBlockIndex(pages, start = -1) {
 		prePageStartIndex = page.ed;
 	}
 }
+function collapseRedundantColumnBreakOverflow(section) {
+	var _targetColumn$height;
+	const expectedColumnCount = section.colCount || section.columns.length;
+	if (expectedColumnCount <= 0 || section.columns.length <= expectedColumnCount) return;
+	const targetColumn = section.columns[expectedColumnCount - 1];
+	if (!targetColumn) return;
+	const overflowColumns = section.columns.slice(expectedColumnCount);
+	if (!overflowColumns.some((column) => column.lines.length > 0)) return;
+	const targetHeight = (_targetColumn$height = targetColumn.height) !== null && _targetColumn$height !== void 0 ? _targetColumn$height : 0;
+	const overflowLines = overflowColumns.flatMap((column) => column.lines);
+	overflowLines.forEach((line) => {
+		line.top += targetHeight;
+		line.parent = targetColumn;
+	});
+	targetColumn.lines.push(...overflowLines);
+	targetColumn.height = Math.max(...overflowColumns.map((column) => {
+		var _column$height;
+		return targetHeight + ((_column$height = column.height) !== null && _column$height !== void 0 ? _column$height : 0);
+	}), targetHeight);
+	targetColumn.isFull = overflowColumns.some((column) => column.isFull);
+	section.columns.splice(expectedColumnCount);
+}
 function updateInlineDrawingCoordsAndBorder(ctx, pages) {
 	lineIterator(pages, (line, _, __, page) => {
 		var _ctx$paragraphConfigC, _ctx$skeletonResource, _paragraphStyle$shadi;
@@ -14719,6 +14883,264 @@ function lineIterator(pagesOrCells, cb) {
 		}
 	}
 }
+function documentSkeletonTableIterator(pages, options = {}) {
+	const { docsLeft = 0, docsTop = 0, pageMarginTop = 0, resolveViewport = true, tableCellInsetX = 0, unitId = "" } = options;
+	const contexts = [];
+	pages.forEach((rootPage, pageIndex) => {
+		var _rootPage$skeColumnGr;
+		const rootPageTop = ((rootPage.pageHeight === Infinity ? 0 : rootPage.pageHeight) + pageMarginTop) * pageIndex + rootPage.marginTop + docsTop;
+		const rootPageLeft = rootPage.marginLeft + docsLeft;
+		collectPageTables({
+			contexts,
+			docsLeft,
+			page: rootPage,
+			pageIndex,
+			pageLeft: rootPageLeft,
+			pageTop: rootPageTop,
+			rootPage,
+			source: "page",
+			resolveViewport,
+			tableCellInsetX,
+			unitId
+		});
+		(_rootPage$skeColumnGr = rootPage.skeColumnGroups) === null || _rootPage$skeColumnGr === void 0 || _rootPage$skeColumnGr.forEach((columnGroup) => {
+			columnGroup.columns.forEach((columnGroupColumn) => {
+				const nestedPage = columnGroupColumn.page;
+				collectPageTables({
+					contexts,
+					docsLeft,
+					page: nestedPage,
+					pageIndex,
+					pageLeft: rootPageLeft + columnGroup.left + columnGroupColumn.left + nestedPage.marginLeft,
+					pageTop: rootPageTop + columnGroup.top + columnGroupColumn.top + nestedPage.marginTop,
+					rootPage,
+					source: "column",
+					resolveViewport,
+					tableCellInsetX,
+					unitId
+				});
+			});
+		});
+	});
+	return contexts;
+}
+function documentSkeletonLineIterator(pages, options, cb) {
+	const { docsLeft = 0, pageMarginTop = 0, tableCellInsetX = 0, unitId = "" } = options;
+	pages.forEach((page, pageIndex) => {
+		var _page$skeTables, _page$skeColumnGroups;
+		const pageTop = ((page.pageHeight === Infinity ? 0 : page.pageHeight) + pageMarginTop) * pageIndex + page.marginTop;
+		const pageLeft = page.marginLeft;
+		visitPageLines(page, {
+			pageIndex,
+			pageLeft,
+			pageTop,
+			source: "page",
+			getBounds: (linePage, column, section) => getPageLineBounds(linePage, column, section.columns.length, pageLeft)
+		}, cb);
+		(_page$skeTables = page.skeTables) === null || _page$skeTables === void 0 || _page$skeTables.forEach((table) => {
+			const viewport = getDocsTableRenderViewport(unitId, getSourceTableId(table.tableId));
+			const hasHorizontalViewport = hasDocsTableHorizontalViewport(viewport);
+			const tableViewportLeft = getTableViewportLeft(pageLeft, table.left, viewport, docsLeft);
+			const tableViewportRight = tableViewportLeft + (hasHorizontalViewport ? viewport.viewportWidth : table.width);
+			const tableScrollLeft = hasHorizontalViewport ? viewport.scrollLeft : 0;
+			table.rows.forEach((row) => {
+				row.cells.forEach((cell) => {
+					const cellTop = pageTop + table.top + row.top + cell.marginTop;
+					const cellLeft = pageLeft + table.left + cell.left - tableScrollLeft + cell.marginLeft;
+					const cellContentRight = cellLeft + cell.pageWidth - cell.marginLeft - cell.marginRight;
+					const visualLeft = cellLeft + tableCellInsetX;
+					const visualRight = cellContentRight - tableCellInsetX;
+					const visualWidth = Math.max(0, visualRight - visualLeft);
+					const clipLeft = tableViewportLeft;
+					const clipRight = Math.min(cellContentRight, tableViewportRight);
+					if (visualWidth <= 0 || Math.min(visualRight, clipRight) <= Math.max(visualLeft, clipLeft)) return;
+					visitPageLines(cell, {
+						clipLeft,
+						clipRight,
+						pageIndex,
+						pageLeft: cellLeft,
+						pageTop: cellTop,
+						source: "table-cell",
+						visualLeft,
+						visualWidth
+					}, cb);
+				});
+			});
+		});
+		(_page$skeColumnGroups = page.skeColumnGroups) === null || _page$skeColumnGroups === void 0 || _page$skeColumnGroups.forEach((columnGroup) => {
+			columnGroup.columns.forEach((columnGroupColumn) => {
+				const nestedPage = columnGroupColumn.page;
+				const nestedPageLeft = pageLeft + columnGroup.left + columnGroupColumn.left + nestedPage.marginLeft;
+				const nestedPageTop = pageTop + columnGroup.top + columnGroupColumn.top + nestedPage.marginTop;
+				const visualWidth = Math.max(0, columnGroupColumn.width - nestedPage.marginLeft - nestedPage.marginRight);
+				visitPageLines(nestedPage, {
+					pageIndex,
+					pageLeft: nestedPageLeft,
+					pageTop: nestedPageTop,
+					source: "column",
+					getBounds: (_linePage, column) => ({
+						lineWidth: Math.max(getFiniteWidth(column.width), visualWidth - column.left),
+						visualLeft: nestedPageLeft + column.left,
+						visualWidth: Math.max(getFiniteWidth(column.width), visualWidth - column.left)
+					})
+				}, cb);
+			});
+		});
+	});
+}
+function getDocumentSkeletonNestedPageOffset(page) {
+	var _parent$parent, _parent$parent$column;
+	const parent = page.parent;
+	if ((parent === null || parent === void 0 ? void 0 : parent.page) === page && ((_parent$parent = parent.parent) === null || _parent$parent === void 0 ? void 0 : _parent$parent.columnGroupId) && ((_parent$parent$column = parent.parent.columns) === null || _parent$parent$column === void 0 ? void 0 : _parent$parent$column.includes(parent))) {
+		var _parent$parent$left, _parent$left, _parent$parent$top, _parent$top;
+		return {
+			left: ((_parent$parent$left = parent.parent.left) !== null && _parent$parent$left !== void 0 ? _parent$parent$left : 0) + ((_parent$left = parent.left) !== null && _parent$left !== void 0 ? _parent$left : 0),
+			top: ((_parent$parent$top = parent.parent.top) !== null && _parent$parent$top !== void 0 ? _parent$parent$top : 0) + ((_parent$top = parent.top) !== null && _parent$top !== void 0 ? _parent$top : 0)
+		};
+	}
+}
+function getDocumentSkeletonColumnPagePathInfo(position) {
+	var _path$indexOf, _path$indexOf2, _path$indexOf3;
+	const { path } = position;
+	const pagesIndex = (_path$indexOf = path === null || path === void 0 ? void 0 : path.indexOf("pages")) !== null && _path$indexOf !== void 0 ? _path$indexOf : -1;
+	const columnGroupIndex = (_path$indexOf2 = path === null || path === void 0 ? void 0 : path.indexOf("skeColumnGroups")) !== null && _path$indexOf2 !== void 0 ? _path$indexOf2 : -1;
+	const columnsIndex = (_path$indexOf3 = path === null || path === void 0 ? void 0 : path.indexOf("columns")) !== null && _path$indexOf3 !== void 0 ? _path$indexOf3 : -1;
+	if (pagesIndex === -1 || columnGroupIndex === -1 || columnsIndex === -1 || (path === null || path === void 0 ? void 0 : path[columnsIndex + 2]) !== "page") return;
+	const pageIndex = path === null || path === void 0 ? void 0 : path[pagesIndex + 1];
+	const columnGroupId = path === null || path === void 0 ? void 0 : path[columnGroupIndex + 1];
+	const columnIndex = path === null || path === void 0 ? void 0 : path[columnsIndex + 1];
+	if (typeof pageIndex !== "number" || typeof columnGroupId !== "string" || typeof columnIndex !== "number") return;
+	return {
+		columnGroupId,
+		columnIndex,
+		pageIndex
+	};
+}
+function compareDocumentSkeletonNestedPagePathOrder(pos1, pos2) {
+	const columnGroupOrder1 = getDocumentSkeletonColumnPagePathInfo(pos1);
+	const columnGroupOrder2 = getDocumentSkeletonColumnPagePathInfo(pos2);
+	if (columnGroupOrder1 && columnGroupOrder2 && columnGroupOrder1.pageIndex === columnGroupOrder2.pageIndex && columnGroupOrder1.columnGroupId === columnGroupOrder2.columnGroupId && columnGroupOrder1.columnIndex !== columnGroupOrder2.columnIndex) return columnGroupOrder1.columnIndex < columnGroupOrder2.columnIndex;
+}
+function visitPageLines(page, options, cb) {
+	page.sections.forEach((section) => {
+		section.columns.forEach((column) => {
+			column.lines.forEach((line) => {
+				var _options$getBounds, _ref, _bounds$lineWidth, _bounds$visualLeft, _bounds$visualWidth;
+				const bounds = (_options$getBounds = options.getBounds) === null || _options$getBounds === void 0 ? void 0 : _options$getBounds.call(options, page, column, section);
+				cb({
+					clipLeft: options.clipLeft,
+					clipRight: options.clipRight,
+					column,
+					line,
+					lineWidth: (_ref = (_bounds$lineWidth = bounds === null || bounds === void 0 ? void 0 : bounds.lineWidth) !== null && _bounds$lineWidth !== void 0 ? _bounds$lineWidth : bounds === null || bounds === void 0 ? void 0 : bounds.visualWidth) !== null && _ref !== void 0 ? _ref : getFiniteWidth(column.width),
+					page,
+					pageIndex: options.pageIndex,
+					pageLeft: options.pageLeft,
+					section,
+					sectionTop: options.pageTop + section.top,
+					source: options.source,
+					visualLeft: (_bounds$visualLeft = bounds === null || bounds === void 0 ? void 0 : bounds.visualLeft) !== null && _bounds$visualLeft !== void 0 ? _bounds$visualLeft : options.visualLeft,
+					visualWidth: (_bounds$visualWidth = bounds === null || bounds === void 0 ? void 0 : bounds.visualWidth) !== null && _bounds$visualWidth !== void 0 ? _bounds$visualWidth : options.visualWidth
+				});
+			});
+		});
+	});
+}
+function getPageLineBounds(page, column, columnCount, pageLeft) {
+	if (columnCount !== 1 || !Number.isFinite(page.pageWidth)) return;
+	const visualLeft = pageLeft + column.left;
+	const visualRight = page.pageWidth - page.marginRight;
+	const visualWidth = Math.max(0, visualRight - visualLeft);
+	const lineWidth = Math.max(0, page.pageWidth - page.marginLeft - page.marginRight);
+	return visualWidth > 0 ? {
+		lineWidth,
+		visualLeft,
+		visualWidth
+	} : void 0;
+}
+function collectPageTables(options) {
+	var _page$skeTables2;
+	const { contexts, docsLeft, page, pageIndex, pageLeft, pageTop, resolveViewport, rootPage, source, tableCellInsetX, unitId } = options;
+	(_page$skeTables2 = page.skeTables) === null || _page$skeTables2 === void 0 || _page$skeTables2.forEach((table, tableId) => {
+		var _table$tableId;
+		const effectiveTableId = (_table$tableId = table.tableId) !== null && _table$tableId !== void 0 ? _table$tableId : tableId;
+		const tableLeft = pageLeft + table.left;
+		const tableTop = pageTop + table.top;
+		const sourceTableId = getSourceTableId(effectiveTableId);
+		const viewport = resolveViewport ? getDocsTableRenderViewport(unitId, sourceTableId) : null;
+		const hasHorizontalViewport = hasDocsTableHorizontalViewport(viewport);
+		const tableViewportLeft = getTableViewportLeft(pageLeft, table.left, viewport, docsLeft);
+		const tableViewportRight = tableViewportLeft + (hasHorizontalViewport ? viewport.viewportWidth : table.width);
+		const tableScrollLeft = hasHorizontalViewport ? viewport.scrollLeft : 0;
+		const cells = [];
+		table.rows.forEach((row, rowIndex) => {
+			row.cells.forEach((cell, columnIndex) => {
+				var _cell$marginLeft, _cell$marginRight, _cell$marginTop, _cell$marginBottom, _cell$pageWidth, _cell$pageHeight, _row$top, _cell$left;
+				if (cell.isMergedCellCovered) return;
+				const cellMarginLeft = (_cell$marginLeft = cell.marginLeft) !== null && _cell$marginLeft !== void 0 ? _cell$marginLeft : 0;
+				const cellMarginRight = (_cell$marginRight = cell.marginRight) !== null && _cell$marginRight !== void 0 ? _cell$marginRight : 0;
+				const cellMarginTop = (_cell$marginTop = cell.marginTop) !== null && _cell$marginTop !== void 0 ? _cell$marginTop : 0;
+				const cellMarginBottom = (_cell$marginBottom = cell.marginBottom) !== null && _cell$marginBottom !== void 0 ? _cell$marginBottom : 0;
+				const cellPageWidth = (_cell$pageWidth = cell.pageWidth) !== null && _cell$pageWidth !== void 0 ? _cell$pageWidth : 0;
+				const cellPageHeight = (_cell$pageHeight = cell.pageHeight) !== null && _cell$pageHeight !== void 0 ? _cell$pageHeight : 0;
+				const cellTop = tableTop + ((_row$top = row.top) !== null && _row$top !== void 0 ? _row$top : 0) + cellMarginTop;
+				const cellLeft = tableLeft + ((_cell$left = cell.left) !== null && _cell$left !== void 0 ? _cell$left : 0) - tableScrollLeft + cellMarginLeft;
+				const cellContentRight = cellLeft + cellPageWidth - cellMarginLeft - cellMarginRight;
+				const visualLeft = cellLeft + tableCellInsetX;
+				const visualRight = cellContentRight - tableCellInsetX;
+				const visualWidth = Math.max(0, visualRight - visualLeft);
+				const clipLeft = tableViewportLeft;
+				const clipRight = Math.min(cellContentRight, tableViewportRight);
+				if (visualWidth <= 0 || Math.min(visualRight, clipRight) <= Math.max(visualLeft, clipLeft)) return;
+				cells.push({
+					cell,
+					cellRect: {
+						bottom: cellTop + cellPageHeight - cellMarginBottom - cellMarginTop,
+						left: Math.max(cellLeft, tableViewportLeft),
+						right: Math.min(cellContentRight, tableViewportRight),
+						top: cellTop
+					},
+					clipLeft,
+					clipRight,
+					columnIndex,
+					pageLeft: cellLeft,
+					pageTop: cellTop,
+					row,
+					rowIndex,
+					visualLeft,
+					visualWidth
+				});
+			});
+		});
+		contexts.push({
+			cells,
+			page,
+			pageIndex,
+			pageLeft,
+			pageTop,
+			rootPage,
+			source,
+			table,
+			tableId: effectiveTableId,
+			tableRect: {
+				bottom: tableTop + table.height,
+				left: tableLeft,
+				right: tableLeft + table.width,
+				top: tableTop
+			}
+		});
+	});
+}
+function getTableViewportLeft(pageLeft, tableLeft, viewport, docsLeft) {
+	const viewportLeft = viewport === null || viewport === void 0 ? void 0 : viewport.viewportLeft;
+	return viewportLeft != null ? viewportLeft - docsLeft : pageLeft + tableLeft;
+}
+function getSourceTableId(tableId) {
+	return tableId.includes("#-#") ? tableId.split("#-#")[0] : tableId;
+}
+function getFiniteWidth(width) {
+	return Number.isFinite(width) ? width : 0;
+}
 function columnIterator(pages, iteratorFunction) {
 	for (const page of pages) {
 		const { sections } = page;
@@ -14741,7 +15163,14 @@ function getPositionHorizon(positionH, column, page, objectWidth, isPageBreak =
 			else if (align === _univerjs_core.AlignTypeH.CENTER) absoluteLeft = left + width / 2 - objectWidth / 2;
 			return absoluteLeft;
 		}
-		if (relativeFrom === _univerjs_core.ObjectRelativeFromH.LEFT_MARGIN) {} else if (relativeFrom === _univerjs_core.ObjectRelativeFromH.MARGIN) {} else if (relativeFrom === _univerjs_core.ObjectRelativeFromH.RIGHT_MARGIN) {} else if (relativeFrom === _univerjs_core.ObjectRelativeFromH.INSIDE_MARGIN) {} else if (relativeFrom === _univerjs_core.ObjectRelativeFromH.OUTSIDE_MARGIN) {} else if (relativeFrom === _univerjs_core.ObjectRelativeFromH.PAGE) {
+		if (relativeFrom === _univerjs_core.ObjectRelativeFromH.LEFT_MARGIN) {} else if (relativeFrom === _univerjs_core.ObjectRelativeFromH.MARGIN) {
+			const { pageWidth, marginLeft, marginRight } = page;
+			const marginWidth = pageWidth - marginLeft - marginRight;
+			let absoluteLeft = marginLeft;
+			if (align === _univerjs_core.AlignTypeH.RIGHT) absoluteLeft = marginLeft + marginWidth - objectWidth;
+			else if (align === _univerjs_core.AlignTypeH.CENTER) absoluteLeft = marginLeft + marginWidth / 2 - objectWidth / 2;
+			return absoluteLeft;
+		} else if (relativeFrom === _univerjs_core.ObjectRelativeFromH.RIGHT_MARGIN) {} else if (relativeFrom === _univerjs_core.ObjectRelativeFromH.INSIDE_MARGIN) {} else if (relativeFrom === _univerjs_core.ObjectRelativeFromH.OUTSIDE_MARGIN) {} else if (relativeFrom === _univerjs_core.ObjectRelativeFromH.PAGE) {
 			const { pageWidth } = page;
 			let absoluteLeft = 0;
 			if (align === _univerjs_core.AlignTypeH.RIGHT) absoluteLeft = pageWidth - objectWidth;
@@ -15022,6 +15451,13 @@ function getPageFromPath(skeletonData, path) {
 			pathCopy.shift();
 			const cellIndex = pathCopy.shift();
 			page = (_skeTables = page.skeTables) === null || _skeTables === void 0 || (_skeTables = _skeTables.get(tableId)) === null || _skeTables === void 0 || (_skeTables = _skeTables.rows[rowIndex]) === null || _skeTables === void 0 ? void 0 : _skeTables.cells[cellIndex];
+		} else if (field === "skeColumnGroups") {
+			var _skeColumnGroups;
+			const columnGroupId = pathCopy.shift();
+			pathCopy.shift();
+			const columnIndex = pathCopy.shift();
+			pathCopy.shift();
+			page = (_skeColumnGroups = page.skeColumnGroups) === null || _skeColumnGroups === void 0 || (_skeColumnGroups = _skeColumnGroups.get(columnGroupId)) === null || _skeColumnGroups === void 0 || (_skeColumnGroups = _skeColumnGroups.columns[columnIndex]) === null || _skeColumnGroups === void 0 ? void 0 : _skeColumnGroups.page;
 		}
 	}
 	return page;
@@ -15128,11 +15564,13 @@ function _getNullPage(type = 0, segmentId = "") {
 		ed: 0,
 		skeDrawings: /* @__PURE__ */ new Map(),
 		skeTables: /* @__PURE__ */ new Map(),
+		skeColumnGroups: /* @__PURE__ */ new Map(),
 		type,
 		segmentId
 	};
 }
 function _createSkeletonHeaderFooter(ctx, headerOrFooterViewModel, sectionBreakConfig, skeletonResourceReference, segmentId, isHeader = true, areaPage, count = 0) {
+	var _sectionBreakConfig$d;
 	const { lists, footerTreeMap, headerTreeMap, localeService, pageSize, drawings, marginLeft = 0, marginRight = 0, marginHeader = 0, marginFooter = 0 } = sectionBreakConfig;
 	const pageWidth = (pageSize === null || pageSize === void 0 ? void 0 : pageSize.width) || Number.POSITIVE_INFINITY;
 	const pageHeight = (pageSize === null || pageSize === void 0 ? void 0 : pageSize.height) || Number.POSITIVE_INFINITY;
@@ -15160,7 +15598,7 @@ function _createSkeletonHeaderFooter(ctx, headerOrFooterViewModel, sectionBreakC
 		resetContext(ctx);
 		return _createSkeletonHeaderFooter(ctx, headerOrFooterViewModel, sectionBreakConfig, skeletonResourceReference, segmentId, isHeader, areaPage, count);
 	}
-	updateBlockIndex([page]);
+	updateBlockIndex([page], -1, (_sectionBreakConfig$d = sectionBreakConfig.documentCompatibilityPolicy) !== null && _sectionBreakConfig$d !== void 0 ? _sectionBreakConfig$d : getDocumentCompatibilityPolicy());
 	if (isHeader) Object.assign(page, {
 		marginTop: marginHeader,
 		marginBottom: 5
@@ -15221,7 +15659,7 @@ function createNullCellPage(ctx, sectionBreakConfig, tableConfig, row, col, avai
 	};
 }
 function createSkeletonCellPages(ctx, viewModel, cellNode, sectionBreakConfig, tableConfig, row, col, availableHeight = Number.POSITIVE_INFINITY, maxCellPageHeight = Number.POSITIVE_INFINITY) {
-	var _ctx$dataModel, _ctx$dataModel$getBod;
+	var _sectionBreakConfig$d2, _ctx$dataModel, _ctx$dataModel$getBod;
 	const sectionNode = cellNode.children[0];
 	const { page: areaPage, sectionBreakConfig: cellSectionBreakConfig } = createNullCellPage(ctx, sectionBreakConfig, tableConfig, row, col, availableHeight, maxCellPageHeight);
 	const { pages } = dealWithSection(ctx, viewModel, sectionNode, areaPage, cellSectionBreakConfig);
@@ -15229,8 +15667,8 @@ function createSkeletonCellPages(ctx, viewModel, cellNode, sectionBreakConfig, t
 		p.type = 3;
 		p.segmentId = tableConfig.tableId;
 	}
-	updateBlockIndex(pages, cellNode.startIndex);
-	applyTrailingCellBlockRangeSpaceBelow(pages, (_ctx$dataModel = ctx.dataModel) === null || _ctx$dataModel === void 0 || (_ctx$dataModel$getBod = _ctx$dataModel.getBody) === null || _ctx$dataModel$getBod === void 0 ? void 0 : _ctx$dataModel$getBod.call(_ctx$dataModel), cellNode.endIndex);
+	updateBlockIndex(pages, cellNode.startIndex, (_sectionBreakConfig$d2 = sectionBreakConfig.documentCompatibilityPolicy) !== null && _sectionBreakConfig$d2 !== void 0 ? _sectionBreakConfig$d2 : getDocumentCompatibilityPolicy());
+	applyTrailingBlockRangeSpaceBelow(pages, (_ctx$dataModel = ctx.dataModel) === null || _ctx$dataModel === void 0 || (_ctx$dataModel$getBod = _ctx$dataModel.getBody) === null || _ctx$dataModel$getBod === void 0 ? void 0 : _ctx$dataModel$getBod.call(_ctx$dataModel), cellNode.endIndex);
 	updateInlineDrawingCoordsAndBorder(ctx, pages);
 	expandCellPageHeightForInlineDrawings(pages);
 	return pages;
@@ -15246,7 +15684,7 @@ function expandCellPageHeightForInlineDrawings(pages) {
 		});
 	}
 }
-function applyTrailingCellBlockRangeSpaceBelow(pages, body, cellEndIndex) {
+function applyTrailingBlockRangeSpaceBelow(pages, body, containerEndIndex) {
 	const blockRanges = body === null || body === void 0 ? void 0 : body.blockRanges;
 	const trailingBlockRangeSpace = 28;
 	if (!(blockRanges === null || blockRanges === void 0 ? void 0 : blockRanges.length)) return;
@@ -15256,7 +15694,7 @@ function applyTrailingCellBlockRangeSpaceBelow(pages, body, cellEndIndex) {
 		if (!lastLine) continue;
 		const paragraphIndex = lastLine.paragraphIndex;
 		if (!blockRanges.some((range) => range.startIndex < paragraphIndex && paragraphIndex < range.endIndex)) continue;
-		if (body === null || body === void 0 || (_body$paragraphs = body.paragraphs) === null || _body$paragraphs === void 0 ? void 0 : _body$paragraphs.some((paragraph) => paragraph.startIndex > paragraphIndex && paragraph.startIndex < cellEndIndex)) continue;
+		if (body === null || body === void 0 || (_body$paragraphs = body.paragraphs) === null || _body$paragraphs === void 0 ? void 0 : _body$paragraphs.some((paragraph) => paragraph.startIndex > paragraphIndex && paragraph.startIndex < containerEndIndex)) continue;
 		page.height += lastLine.spaceBelowApply || trailingBlockRangeSpace;
 	}
 }
@@ -15368,6 +15806,15 @@ function adjustGlyphsInDivide(divide, justificationRatio, extraJustification) {
 	}
 	setGlyphGroupLeft(divide.glyphGroup);
 }
+function distributeGlyphsInDivide(divide, remaining) {
+	if (remaining <= 0) return false;
+	const visibleGlyphs = divide.glyphGroup.filter((glyph) => glyph.content !== "" && glyph.width > 0);
+	if (visibleGlyphs.length < 2) return false;
+	const extraGap = remaining / (visibleGlyphs.length - 1);
+	for (let i = 0; i < visibleGlyphs.length - 1; i++) visibleGlyphs[i].width += extraGap;
+	setGlyphGroupLeft(divide.glyphGroup);
+	return true;
+}
 /**
 * When aligning text horizontally within a document,
 * it may be ineffective if the total line width is not initially calculated.
@@ -15433,7 +15880,13 @@ function horizontalAlignHandler(line, horizontalAlign, allowOverflowHorizontalOf
 			}
 		}
 		const inkBounds = allowOverflowHorizontalOffset ? getGlyphGroupInkBounds(divide) : null;
-		if (horizontalAlign === _univerjs_core.HorizontalAlign.CENTER && inkBounds) divide.paddingLeft = width / 2 - (inkBounds.left + inkBounds.right) / 2;
+		if (horizontalAlign === _univerjs_core.HorizontalAlign.DISTRIBUTED) {
+			if (distributeGlyphsInDivide(divide, width - glyphGroupWidth)) {
+				glyphGroupWidth = getGlyphGroupWidth(divide);
+				divide.glyphGroupWidth = glyphGroupWidth;
+			}
+			divide.paddingLeft = 0;
+		} else if (horizontalAlign === _univerjs_core.HorizontalAlign.CENTER && inkBounds) divide.paddingLeft = width / 2 - (inkBounds.left + inkBounds.right) / 2;
 		else if (horizontalAlign === _univerjs_core.HorizontalAlign.RIGHT && inkBounds) divide.paddingLeft = width - inkBounds.right;
 		else if (horizontalAlign === _univerjs_core.HorizontalAlign.CENTER) divide.paddingLeft = (width - glyphGroupWidth) / 2;
 		else if (horizontalAlign === _univerjs_core.HorizontalAlign.RIGHT) divide.paddingLeft = width - glyphGroupWidth;
@@ -15705,6 +16158,14 @@ function _isMarkedDocxColumnBreak(viewModel, absoluteIndex) {
 function _glyphCount(glyphs) {
 	return glyphs.reduce((count, glyph) => count + glyph.count, 0);
 }
+function _isDocxColumnBreakVisuallyBlankColumn(column) {
+	return column.lines.every((line) => line.divides.every((divide) => divide.glyphGroup.every((glyph) => {
+		const { glyphType, raw, streamType, width } = glyph;
+		const isParagraphMark = raw === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH || streamType === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH;
+		const isColumnBreak = width === 0 && (raw === _univerjs_core.DataStreamTreeTokenType.COLUMN_BREAK || streamType === _univerjs_core.DataStreamTreeTokenType.COLUMN_BREAK);
+		return glyphType === 4 || glyphType === 2 || isParagraphMark || isColumnBreak;
+	})));
+}
 function _hasOnlyCustomBlockGlyphs(glyphs) {
 	return glyphs.length > 0 && glyphs.every((glyph) => glyph.streamType === _univerjs_core.DataStreamTreeTokenType.CUSTOM_BLOCK);
 }
@@ -15761,7 +16222,9 @@ function _withMinSpacing(style, key, value) {
 	};
 }
 function _getNextAdjacentBlockRange(blockRanges, blockRange) {
-	return blockRanges === null || blockRanges === void 0 ? void 0 : blockRanges.filter((range) => range.startIndex > blockRange.endIndex).sort((left, right) => left.startIndex - right.startIndex)[0];
+	let nextBlockRange;
+	for (const range of blockRanges !== null && blockRanges !== void 0 ? blockRanges : []) if (range.startIndex > blockRange.endIndex && (!nextBlockRange || range.startIndex < nextBlockRange.startIndex)) nextBlockRange = range;
+	return nextBlockRange;
 }
 function _hasNextAdjacentLayoutBlockRange(blockRanges, blockRange) {
 	const nextBlockRange = _getNextAdjacentBlockRange(blockRanges, blockRange);
@@ -15926,7 +16389,12 @@ function lineBreaking(ctx, viewModel, shapedTextList, curPage, paragraphNode, se
 			const lastPage = allPages[allPages.length - 1];
 			const columnInfo = getLastNotFullColumnInfo(lastPage);
 			if (columnInfo && !columnInfo.isLast) setColumnFullState(columnInfo.column, true);
-			else allPages.push(createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, _getNextPageNumber(lastPage), 2));
+			else if (columnInfo && columnInfo.isLast && isTraditionalDocumentCompatibility(documentCompatibilityPolicy) && (isBlankColumn(columnInfo.column) || _isDocxColumnBreakVisuallyBlankColumn(columnInfo.column))) {} else if (isTraditionalDocumentCompatibility(documentCompatibilityPolicy)) {
+				var _getLastSection;
+				const lastColumn = (_getLastSection = getLastSection(lastPage)) === null || _getLastSection === void 0 ? void 0 : _getLastSection.columns.at(-1);
+				if (lastColumn && (isBlankColumn(lastColumn) || _isDocxColumnBreakVisuallyBlankColumn(lastColumn))) setColumnFullState(lastColumn, false);
+				else allPages.push(createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, _getNextPageNumber(lastPage), 2));
+			} else allPages.push(createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, _getNextPageNumber(lastPage), 2));
 			shapedTextOffset += textGlyphCount;
 			continue;
 		}
@@ -16680,6 +17148,219 @@ function dealWidthParagraph(ctx, viewModel, paragraphNode, curPage, sectionBreak
 	return allPages;
 }
 
+//#endregion
+//#region src/components/docs/layout/block/column.ts
+const EMPTY_COLUMN_GROUP_MIN_HEIGHT = 72;
+function createColumnGroupSkeleton(ctx, curPage, viewModel, columnGroupNode, sectionBreakConfig) {
+	var _viewModel$getColumnG, _getLastNotFullColumn;
+	const columnGroupSource = (_viewModel$getColumnG = viewModel.getColumnGroupByStartIndex(columnGroupNode.startIndex)) === null || _viewModel$getColumnG === void 0 ? void 0 : _viewModel$getColumnG.columnGroupSource;
+	if (columnGroupSource == null) {
+		console.warn("Column group not found when creating column group skeleton");
+		return null;
+	}
+	const hostColumn = (_getLastNotFullColumn = getLastNotFullColumnInfo(curPage)) === null || _getLastNotFullColumn === void 0 ? void 0 : _getLastNotFullColumn.column;
+	if (hostColumn == null) return null;
+	const columnPages = columnGroupNode.children.map((columnNode, index) => {
+		const sourceColumn = columnGroupSource.columns[index];
+		return createColumnContentPage(ctx, viewModel, columnNode, sectionBreakConfig, Math.max(0, getInitialColumnWidth(columnGroupSource, sourceColumn, hostColumn.width)));
+	});
+	const columnHeights = columnPages.map((page) => Math.max(page.height, EMPTY_COLUMN_GROUP_MIN_HEIGHT));
+	const layout = calculateColumnGroupLayout(columnGroupSource, hostColumn.width, columnHeights);
+	const columns = layout.columns.map((layoutColumn, index) => {
+		const page = columnPages[index];
+		page.pageHeight = columnHeights[index];
+		return {
+			columnId: layoutColumn.columnId,
+			left: layoutColumn.left,
+			top: layoutColumn.top,
+			width: layoutColumn.width,
+			height: columnHeights[index],
+			st: columnGroupNode.children[index].startIndex,
+			ed: columnGroupNode.children[index].endIndex,
+			page
+		};
+	});
+	const columnGroupSkeleton = {
+		columns,
+		width: layout.width,
+		height: layout.height,
+		top: getNextBlockTop(hostColumn.lines),
+		left: hostColumn.left,
+		st: columnGroupNode.startIndex,
+		ed: columnGroupNode.endIndex,
+		columnGroupId: columnGroupSource.columnGroupId,
+		columnGroupSource
+	};
+	columns.forEach((column) => {
+		column.parent = columnGroupSkeleton;
+		column.page.parent = column;
+	});
+	return columnGroupSkeleton;
+}
+function appendColumnGroupBlockLine(page, columnGroup) {
+	const columnInfo = getLastNotFullColumnInfo(page);
+	if (columnInfo == null) return false;
+	const { column } = columnInfo;
+	const line = createColumnGroupBlockLine(columnGroup, column.lines.length);
+	line.parent = column;
+	column.lines.push(line);
+	page.skeColumnGroups.set(columnGroup.columnGroupId, columnGroup);
+	columnGroup.parent = page;
+	return true;
+}
+function createColumnContentPage(ctx, viewModel, columnNode, sectionBreakConfig, width) {
+	var _sectionBreakConfig$d, _ctx$dataModel, _ctx$dataModel$getBod;
+	const columnSectionBreakConfig = {
+		...sectionBreakConfig,
+		pageSize: {
+			width,
+			height: Number.POSITIVE_INFINITY
+		},
+		marginTop: 0,
+		marginBottom: 0,
+		marginLeft: 0,
+		marginRight: 0,
+		columnProperties: []
+	};
+	const page = createSkeletonPage(ctx, columnSectionBreakConfig, ctx.skeletonResourceReference);
+	page.type = 3;
+	for (const paragraphNode of getColumnParagraphNodes(columnNode)) dealWidthParagraph(ctx, viewModel, paragraphNode, page, columnSectionBreakConfig);
+	updateBlockIndex([page], columnNode.startIndex, (_sectionBreakConfig$d = sectionBreakConfig.documentCompatibilityPolicy) !== null && _sectionBreakConfig$d !== void 0 ? _sectionBreakConfig$d : getDocumentCompatibilityPolicy());
+	applyTrailingBlockRangeSpaceBelow([page], (_ctx$dataModel = ctx.dataModel) === null || _ctx$dataModel === void 0 || (_ctx$dataModel$getBod = _ctx$dataModel.getBody) === null || _ctx$dataModel$getBod === void 0 ? void 0 : _ctx$dataModel$getBod.call(_ctx$dataModel), columnNode.endIndex);
+	return page;
+}
+function getColumnParagraphNodes(columnNode) {
+	const firstChild = columnNode.children[0];
+	if ((firstChild === null || firstChild === void 0 ? void 0 : firstChild.nodeType) === _univerjs_core.DataStreamTreeNodeType.SECTION_BREAK) return firstChild.children;
+	return columnNode.children;
+}
+function createColumnGroupBlockLine(columnGroup, lineIndex) {
+	const top = columnGroup.top;
+	return {
+		paragraphIndex: columnGroup.ed,
+		type: 1,
+		divides: [],
+		divideLen: 0,
+		lineHeight: columnGroup.height,
+		contentHeight: columnGroup.height,
+		top,
+		asc: 0,
+		dsc: 0,
+		paddingTop: 0,
+		paddingBottom: 0,
+		marginTop: 0,
+		marginBottom: 0,
+		spaceBelowApply: 0,
+		st: columnGroup.st,
+		ed: columnGroup.ed,
+		lineIndex,
+		paragraphStart: true,
+		isBehindTable: false,
+		tableId: ""
+	};
+}
+function getNextBlockTop(lines) {
+	const lastLine = lines[lines.length - 1];
+	if (lastLine == null) return 0;
+	return lastLine.top + lastLine.lineHeight;
+}
+function calculateColumnGroupLayout(source, availableWidth, columnHeights) {
+	var _source$gap$v, _source$gap;
+	const width = Math.max(0, availableWidth);
+	const gap = Math.max(0, (_source$gap$v = (_source$gap = source.gap) === null || _source$gap === void 0 ? void 0 : _source$gap.v) !== null && _source$gap$v !== void 0 ? _source$gap$v : 0);
+	const columns = source.columns;
+	if (columns.length === 0) return {
+		mode: "horizontal",
+		width,
+		height: 0,
+		columns: []
+	};
+	if (shouldStack(columns, width, gap, source.responsive)) {
+		let top = 0;
+		return {
+			mode: "stack",
+			width,
+			height: sumHeights(columnHeights),
+			columns: columns.map((column, index) => {
+				var _columnHeights$index;
+				const layoutColumn = {
+					columnId: column.columnId,
+					left: 0,
+					top,
+					width
+				};
+				top += Math.max(0, (_columnHeights$index = columnHeights[index]) !== null && _columnHeights$index !== void 0 ? _columnHeights$index : 0);
+				return layoutColumn;
+			})
+		};
+	}
+	const widths = allocateHorizontalWidths(columns, Math.max(0, width - gap * (columns.length - 1)));
+	let left = 0;
+	return {
+		mode: "horizontal",
+		width,
+		height: Math.max(0, ...columnHeights),
+		columns: columns.map((column, index) => {
+			const layoutColumn = {
+				columnId: column.columnId,
+				left,
+				top: 0,
+				width: widths[index]
+			};
+			left += widths[index] + gap;
+			return layoutColumn;
+		})
+	};
+}
+function shouldStack(columns, availableWidth, gap, responsive) {
+	if (responsive !== _univerjs_core.ColumnResponsiveType.STACK) return false;
+	return columns.reduce((sum, column) => sum + getMinWidth(column), 0) + gap * Math.max(0, columns.length - 1) > availableWidth;
+}
+function getInitialColumnWidth(source, column, availableWidth) {
+	var _source$gap$v2, _source$gap2;
+	if (column == null) return availableWidth;
+	const contentWidth = Math.max(0, availableWidth - Math.max(0, (_source$gap$v2 = (_source$gap2 = source.gap) === null || _source$gap2 === void 0 ? void 0 : _source$gap2.v) !== null && _source$gap$v2 !== void 0 ? _source$gap$v2 : 0) * Math.max(0, source.columns.length - 1));
+	const ratioSum = source.columns.reduce((sum, item) => sum + Math.max(0, item.widthRatio || 0), 0) || source.columns.length;
+	return Math.max(getMinWidth(column), contentWidth * (Math.max(0, column.widthRatio || 0) || 1) / ratioSum);
+}
+function allocateHorizontalWidths(columns, contentWidth) {
+	const ratioSum = columns.reduce((sum, column) => sum + Math.max(0, column.widthRatio || 0), 0) || columns.length;
+	const idealWidths = columns.map((column) => contentWidth * (Math.max(0, column.widthRatio || 0) || 1) / ratioSum);
+	const minWidths = columns.map(getMinWidth);
+	const widths = idealWidths.map((width, index) => Math.max(width, minWidths[index]));
+	const overflow = widths.reduce((sum, width) => sum + width, 0) - contentWidth;
+	if (overflow <= 0) return widths;
+	return compressToFit(widths, minWidths, overflow);
+}
+function compressToFit(widths, minWidths, overflow) {
+	const nextWidths = [...widths];
+	let remainingOverflow = overflow;
+	let flexibleIndexes = getFlexibleIndexes(nextWidths, minWidths);
+	while (remainingOverflow > 0 && flexibleIndexes.length > 0) {
+		const totalShrink = flexibleIndexes.reduce((sum, item) => sum + item.shrink, 0);
+		for (const item of flexibleIndexes) {
+			const shrink = Math.min(item.shrink, remainingOverflow * item.shrink / totalShrink);
+			nextWidths[item.index] -= shrink;
+			remainingOverflow -= shrink;
+		}
+		flexibleIndexes = getFlexibleIndexes(nextWidths, minWidths);
+	}
+	return nextWidths;
+}
+function getFlexibleIndexes(widths, minWidths) {
+	return widths.map((width, index) => ({
+		index,
+		shrink: Math.max(0, width - minWidths[index])
+	})).filter((item) => item.shrink > 0);
+}
+function getMinWidth(column) {
+	var _column$minWidth$v, _column$minWidth;
+	return Math.max(0, (_column$minWidth$v = (_column$minWidth = column.minWidth) === null || _column$minWidth === void 0 ? void 0 : _column$minWidth.v) !== null && _column$minWidth$v !== void 0 ? _column$minWidth$v : 0);
+}
+function sumHeights(heights) {
+	return heights.reduce((sum, height) => sum + Math.max(0, height), 0);
+}
+
 //#endregion
 //#region src/components/docs/layout/block/section.ts
 function dealWithSection(ctx, viewModel, sectionNode, curPage, sectionBreakConfig, layoutAnchor) {
@@ -16704,6 +17385,10 @@ function dealWithSection(ctx, viewModel, sectionNode, curPage, sectionBreakConfi
 			if (ctx.paragraphsOpenNewPage.has(paragraphNode.endIndex)) currentPageCache = createSkeletonPage(ctx, sectionBreakConfig, ctx.skeletonResourceReference, currentPageCache.pageNumber + 1);
 			skeletonPages = dealWidthParagraph(ctx, viewModel, paragraphNode, currentPageCache, sectionBreakConfig);
 		}
+		if (paragraphNode.nodeType === _univerjs_core.DataStreamTreeNodeType.COLUMN_GROUP) {
+			const columnGroupSkeleton = createColumnGroupSkeleton(ctx, currentPageCache, viewModel, paragraphNode, sectionBreakConfig);
+			if (columnGroupSkeleton && appendColumnGroupBlockLine(currentPageCache, columnGroupSkeleton)) skeletonPages = [currentPageCache];
+		}
 		if (skeletonPages.length === 0) skeletonPages = dealWithBlockError();
 		_pushPage(allCurrentSkeletonPages, skeletonPages);
 		if (ctx.isDirty) break;
@@ -17086,11 +17771,49 @@ function removeDupPages(ctx) {
 		return !hasPage;
 	});
 }
+function mergeContinuousDuplicatePages(pages) {
+	for (let index = 1; index < pages.length;) {
+		var _page$skeDrawings, _page$skeTables;
+		const previousPage = pages[index - 1];
+		const page = pages[index];
+		if (previousPage.pageNumber !== page.pageNumber) {
+			index++;
+			continue;
+		}
+		const topOffset = previousPage.height;
+		for (const section of page.sections) {
+			section.top += topOffset;
+			section.parent = previousPage;
+			previousPage.sections.push(section);
+		}
+		(_page$skeDrawings = page.skeDrawings) === null || _page$skeDrawings === void 0 || _page$skeDrawings.forEach((drawing, drawingId) => {
+			drawing.aTop += topOffset;
+			previousPage.skeDrawings.set(drawingId, drawing);
+		});
+		(_page$skeTables = page.skeTables) === null || _page$skeTables === void 0 || _page$skeTables.forEach((table, tableId) => {
+			table.top += topOffset;
+			table.parent = previousPage;
+			previousPage.skeTables.set(tableId, table);
+		});
+		previousPage.height += page.height;
+		previousPage.width = Math.max(previousPage.width, page.width);
+		previousPage.ed = Math.max(previousPage.ed, page.ed);
+		pages.splice(index, 1);
+	}
+}
 function getPagePath(page) {
 	const path = [];
 	let skeNode = page;
 	let parent = skeNode.parent;
 	while (parent) {
+		var _parent$parent;
+		if (parent.page === skeNode && ((_parent$parent = parent.parent) === null || _parent$parent === void 0 ? void 0 : _parent$parent.columns)) {
+			const index = parent.parent.columns.indexOf(parent);
+			if (index !== -1) path.unshift("columns", index, "page");
+			skeNode = parent.parent;
+			parent = skeNode === null || skeNode === void 0 ? void 0 : skeNode.parent;
+			continue;
+		}
 		if (parent.pages) {
 			const index = parent.pages.indexOf(skeNode);
 			if (index !== -1) path.unshift("pages", index);
@@ -17101,11 +17824,53 @@ function getPagePath(page) {
 			const index = parent.rows.indexOf(skeNode);
 			if (index !== -1) path.unshift("rows", index);
 		} else if (parent.skeTables && parent.skeTables.has(skeNode.tableId)) path.unshift("skeTables", skeNode.tableId);
+		else if (parent.skeColumnGroups && parent.skeColumnGroups.has(skeNode.columnGroupId)) path.unshift("skeColumnGroups", skeNode.columnGroupId);
 		skeNode = parent;
 		parent = parent === null || parent === void 0 ? void 0 : parent.parent;
 	}
 	return path;
 }
+function getBoundaryGlyphInPage(page, useLast) {
+	const sections = useLast ? [...page.sections].reverse() : page.sections;
+	for (const section of sections) {
+		const columns = useLast ? [...section.columns].reverse() : section.columns;
+		for (const column of columns) {
+			const lines = useLast ? [...column.lines].reverse() : column.lines;
+			for (const line of lines) {
+				const divides = useLast ? [...line.divides].reverse() : line.divides;
+				for (const divide of divides) {
+					const glyph = (useLast ? [...divide.glyphGroup].reverse() : divide.glyphGroup).find((item) => {
+						var _item$content;
+						return (_item$content = item.content) === null || _item$content === void 0 ? void 0 : _item$content.length;
+					});
+					if (glyph) return {
+						section,
+						column,
+						line,
+						divide,
+						glyph
+					};
+				}
+			}
+		}
+	}
+}
+function isHitTestAddressableGlyph(glyph) {
+	var _glyph$content;
+	return Boolean((_glyph$content = glyph.content) === null || _glyph$content === void 0 ? void 0 : _glyph$content.length) || glyph.streamType === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH && glyph.count > 0;
+}
+function resolveMostSpecificPageByCharIndex(page, charIndex) {
+	var _page$skeTables$value, _page$skeTables2, _page$skeColumnGroups, _page$skeColumnGroups2;
+	for (const table of (_page$skeTables$value = (_page$skeTables2 = page.skeTables) === null || _page$skeTables2 === void 0 ? void 0 : _page$skeTables2.values()) !== null && _page$skeTables$value !== void 0 ? _page$skeTables$value : []) for (const row of table.rows) for (const cell of row.cells) {
+		const { st, ed } = cell;
+		if (charIndex >= st && charIndex <= ed) return resolveMostSpecificPageByCharIndex(cell, charIndex);
+	}
+	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 : []) for (const column of columnGroup.columns) {
+		const { st, ed } = column;
+		if (charIndex >= st && charIndex <= ed) return resolveMostSpecificPageByCharIndex(column.page, charIndex);
+	}
+	return page;
+}
 var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 	constructor(_docViewModel, localeService) {
 		super(localeService);
@@ -17405,7 +18170,7 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 		return this._getNearestNode(cache.nearestNodeList, cache.nearestNodeDistanceList);
 	}
 	_collectNearestNode(segmentPage, pageType, page, segmentId, pi, cache, x, y, pageLength, nestLevel = 0) {
-		const { sections, skeTables } = segmentPage;
+		const { sections, skeTables, skeColumnGroups = /* @__PURE__ */ new Map() } = segmentPage;
 		this._findLiquid.translateSave();
 		const pageLeft = this._findLiquid.x;
 		const pageRight = pageLeft + page.pageWidth;
@@ -17466,7 +18231,7 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 								this._findLiquid.translateDivide(divide);
 								const { x: startX } = this._findLiquid;
 								for (const glyph of glyphGroup) {
-									if (!glyph.content || glyph.content.length === 0) continue;
+									if (!isHitTestAddressableGlyph(glyph)) continue;
 									const { width: glyphWidth, left: glyphLeft } = glyph;
 									const startX_fin = startX + glyphLeft;
 									const endX_fin = startX + glyphLeft + glyphWidth;
@@ -17569,6 +18334,30 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 				(_this$_findLiquid11 = this._findLiquid) === null || _this$_findLiquid11 === void 0 || _this$_findLiquid11.translateRestore();
 			}
 		}
+		if (skeColumnGroups.size > 0) for (const columnGroup of skeColumnGroups.values()) {
+			var _this$_findLiquid12, _this$_findLiquid13, _this$_findLiquid17;
+			const { top: columnGroupTop, left: columnGroupLeft, width: columnGroupWidth, height: columnGroupHeight, columns } = columnGroup;
+			const absoluteColumnGroupLeft = this._findLiquid.x + columnGroupLeft;
+			const absoluteColumnGroupTop = this._findLiquid.y + columnGroupTop;
+			if (x < absoluteColumnGroupLeft || x > absoluteColumnGroupLeft + columnGroupWidth || y < absoluteColumnGroupTop || y > absoluteColumnGroupTop + columnGroupHeight) continue;
+			(_this$_findLiquid12 = this._findLiquid) === null || _this$_findLiquid12 === void 0 || _this$_findLiquid12.translateSave();
+			(_this$_findLiquid13 = this._findLiquid) === null || _this$_findLiquid13 === void 0 || _this$_findLiquid13.translate(columnGroupLeft, columnGroupTop);
+			for (const column of columns) {
+				var _this$_findLiquid14, _this$_findLiquid15, _ref, _exactMatch4, _this$_findLiquid16;
+				const absoluteColumnLeft = absoluteColumnGroupLeft + column.left;
+				const absoluteColumnTop = absoluteColumnGroupTop + column.top;
+				if (x < absoluteColumnLeft || x > absoluteColumnLeft + column.width || y < absoluteColumnTop || y > absoluteColumnTop + column.height) continue;
+				const nestedCache = {
+					nearestNodeList: [],
+					nearestNodeDistanceList: []
+				};
+				(_this$_findLiquid14 = this._findLiquid) === null || _this$_findLiquid14 === void 0 || _this$_findLiquid14.translateSave();
+				(_this$_findLiquid15 = this._findLiquid) === null || _this$_findLiquid15 === void 0 || _this$_findLiquid15.translate(column.left, column.top);
+				exactMatch = (_ref = (_exactMatch4 = exactMatch) !== null && _exactMatch4 !== void 0 ? _exactMatch4 : this._collectNearestNode(column.page, 3, column.page, segmentId, pi, nestedCache, x, y, pageLength, nestLevel + 1)) !== null && _ref !== void 0 ? _ref : this._getNearestNode(nestedCache.nearestNodeList, nestedCache.nearestNodeDistanceList);
+				(_this$_findLiquid16 = this._findLiquid) === null || _this$_findLiquid16 === void 0 || _this$_findLiquid16.translateRestore();
+			}
+			(_this$_findLiquid17 = this._findLiquid) === null || _this$_findLiquid17 === void 0 || _this$_findLiquid17.translateRestore();
+		}
 		if (exactMatch) {
 			this._findLiquid.translateRestore();
 			return exactMatch;
@@ -17713,7 +18502,7 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 			let isContinuous = false;
 			ctx.sectionBreakConfigCache.set(sectionNode.endIndex, sectionBreakConfig);
 			if (sectionType === _univerjs_core.SectionType.CONTINUOUS && curSkeletonPage != null) {
-				updateBlockIndex(allSkeletonPages);
+				updateBlockIndex(allSkeletonPages, -1, ctx.docsConfig.documentCompatibilityPolicy);
 				this._addNewSectionByContinuous(curSkeletonPage, columnProperties, columnSeparatorType);
 				isContinuous = true;
 			} else if (layoutAnchor == null || curSkeletonPage == null) {
@@ -17722,7 +18511,10 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 			}
 			const { pages } = dealWithSection(ctx, viewModel, sectionNode, curSkeletonPage, sectionBreakConfig, layoutAnchor);
 			if (sectionTypeNext === _univerjs_core.SectionType.CONTINUOUS && columnProperties.length > 0) {}
-			if (isContinuous) pages.splice(0, 1);
+			if (isContinuous) {
+				const continuousFirstPage = pages.shift();
+				if (continuousFirstPage && allSkeletonPages.length > 0) allSkeletonPages[allSkeletonPages.length - 1] = continuousFirstPage;
+			}
 			allSkeletonPages.push(...pages);
 			if (ctx.isDirty) break;
 		}
@@ -17733,7 +18525,8 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 		} else {
 			this._iteratorCount = 0;
 			removeDupPages(ctx);
-			updateBlockIndex(skeleton.pages);
+			updateBlockIndex(skeleton.pages, -1, ctx.docsConfig.documentCompatibilityPolicy);
+			mergeContinuousDuplicatePages(skeleton.pages);
 			updateInlineDrawingCoordsAndBorder(ctx, skeleton.pages);
 			for (const hSkeMap of skeleton.skeHeaders.values()) for (const page of hSkeMap.values()) updateInlineDrawingCoordsAndBorder(ctx, [page]);
 			for (const fSkeMap of skeleton.skeFooters.values()) for (const page of fSkeMap.values()) updateInlineDrawingCoordsAndBorder(ctx, [page]);
@@ -17757,9 +18550,10 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 		if (skeletonData == null) return;
 		const { pages, skeFooters, skeHeaders } = skeletonData;
 		for (const page of pages) {
+			var _segmentPageParent$pa;
 			const curPageIndex = pages.indexOf(page);
 			if (segmentId && curPageIndex !== segmentPageIndex) continue;
-			const { pageWidth, skeTables } = page;
+			const { pageWidth } = page;
 			let segmentPage = page;
 			if (segmentId) {
 				var _skeHeaders$get5, _skeFooters$get5;
@@ -17769,27 +18563,22 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 				else if (maybeFooterSke) segmentPage = maybeFooterSke;
 				else continue;
 			}
-			if (segmentId === "") {
-				let foundCell = false;
-				for (const table of skeTables.values()) {
-					const { rows } = table;
-					for (const row of rows) {
-						const { cells } = row;
-						for (const cell of cells) {
-							const { st, ed } = cell;
-							if (charIndex >= st && charIndex <= ed) {
-								segmentPage = cell;
-								foundCell = true;
-								break;
-							}
-						}
-						if (foundCell) break;
-					}
-					if (foundCell) break;
+			if (segmentId === "") segmentPage = resolveMostSpecificPageByCharIndex(page, charIndex);
+			const { sections, st, ed } = segmentPage;
+			const segmentPageParent = segmentPage.parent;
+			const isColumnSegmentPage = segmentId === "" && (segmentPageParent === null || segmentPageParent === void 0 ? void 0 : segmentPageParent.page) === segmentPage && ((_segmentPageParent$pa = segmentPageParent.parent) === null || _segmentPageParent$pa === void 0 ? void 0 : _segmentPageParent$pa.columnGroupId);
+			if (charIndex < st || charIndex > ed) {
+				if (isColumnSegmentPage) {
+					const boundary = getBoundaryGlyphInPage(segmentPage, charIndex >= ed);
+					if (boundary) return {
+						page: segmentPage,
+						pageType: segmentPage.type,
+						segmentPageIndex,
+						...boundary
+					};
 				}
+				continue;
 			}
-			const { sections, st, ed } = segmentPage;
-			if (charIndex < st || charIndex > ed) continue;
 			for (const section of sections) {
 				const { columns, st, ed } = section;
 				if (charIndex < st || charIndex > ed) continue;
@@ -17822,6 +18611,15 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 					}
 				}
 			}
+			if (isColumnSegmentPage) {
+				const boundary = getBoundaryGlyphInPage(segmentPage, charIndex >= segmentPage.ed);
+				if (boundary) return {
+					page: segmentPage,
+					pageType: segmentPage.type,
+					segmentPageIndex,
+					...boundary
+				};
+			}
 		}
 	}
 };
@@ -22594,7 +23392,7 @@ var Documents = class Documents extends DocComponent {
 		for (let i = 0, len = pages.length; i < len; i++) {
 			var _skeHeaders$get, _headerSkeletonPage$m, _skeFooters$get;
 			const page = pages[i];
-			const { sections, marginTop: pagePaddingTop = 0, marginBottom: pagePaddingBottom = 0, marginLeft: pagePaddingLeft = 0, marginRight: pagePaddingRight = 0, width: actualWidth, height: actualHeight, pageWidth, headerId, footerId, renderConfig = {}, skeTables } = page;
+			const { sections, marginTop: pagePaddingTop = 0, marginBottom: pagePaddingBottom = 0, marginLeft: pagePaddingLeft = 0, marginRight: pagePaddingRight = 0, width: actualWidth, height: actualHeight, pageWidth, headerId, footerId, renderConfig = {}, skeTables, skeColumnGroups = /* @__PURE__ */ new Map() } = page;
 			const { verticalAlign = _univerjs_core.VerticalAlign.TOP, horizontalAlign = _univerjs_core.HorizontalAlign.LEFT, centerAngle: centerAngleDeg = 0, vertexAngle: vertexAngleDeg = 0, wrapStrategy = _univerjs_core.WrapStrategy.UNSPECIFIED, cellValueType } = renderConfig;
 			const isVertical = vertexAngleDeg === 90 && centerAngleDeg === 90;
 			const horizontalOffsetNoAngle = this._horizontalHandler(actualWidth, pagePaddingLeft, pagePaddingRight, horizontalAlign, vertexAngleDeg, centerAngleDeg, cellValueType);
@@ -22694,6 +23492,7 @@ var Documents = class Documents extends DocComponent {
 					this._drawLiquid.translateRestore();
 				}
 			}
+			if (skeColumnGroups.size > 0) this._drawColumnGroups(ctx, page, skeColumnGroups, extensions, backgroundExtension, glyphExtensionsExcludeBackground, alignOffsetNoAngle, centerAngle, vertexAngle, renderConfig, parentScale);
 			this._resetRotation(ctx, finalAngle);
 			const footerSkeletonPage = (_skeFooters$get = skeFooters.get(footerId)) === null || _skeFooters$get === void 0 ? void 0 : _skeFooters$get.get(pageWidth);
 			if (footerSkeletonPage) {
@@ -22751,6 +23550,21 @@ var Documents = class Documents extends DocComponent {
 			drawLiquid.translateRestore();
 		}
 	}
+	_drawColumnGroups(ctx, page, skeColumnGroups, extensions, backgroundExtension, glyphExtensionsExcludeBackground, alignOffsetNoAngle, centerAngle, vertexAngle, renderConfig, parentScale) {
+		const drawLiquid = this._drawLiquid;
+		if (drawLiquid == null) return;
+		for (const columnGroup of skeColumnGroups.values()) {
+			drawLiquid.translateSave();
+			drawLiquid.translate(columnGroup.left, columnGroup.top);
+			for (const column of columnGroup.columns) {
+				drawLiquid.translateSave();
+				drawLiquid.translate(column.left, column.top);
+				this._drawNestedPageContent(ctx, page, column.page, extensions, backgroundExtension, glyphExtensionsExcludeBackground, alignOffsetNoAngle, centerAngle, vertexAngle, renderConfig, parentScale);
+				drawLiquid.translateRestore();
+			}
+			drawLiquid.translateRestore();
+		}
+	}
 	_drawTableCellBackgrounds(ctx, page, tableSkeleton) {
 		if (this._drawLiquid == null) return;
 		const backgrounds = /* @__PURE__ */ new Map();
@@ -22859,15 +23673,33 @@ var Documents = class Documents extends DocComponent {
 	_drawTableCell(ctx, page, cell, extensions, backgroundExtension, glyphExtensionsExcludeBackground, alignOffsetNoAngle, centerAngle, vertexAngle, renderConfig, parentScale) {
 		if (this._drawLiquid == null) return;
 		this._drawTableCellBordersAndBg(ctx, page, cell, false);
-		const { sections, marginLeft, marginTop } = cell;
-		alignOffsetNoAngle = Vector2.create(alignOffsetNoAngle.x + marginLeft, alignOffsetNoAngle.y + marginTop);
+		this._drawNestedPageContent(ctx, page, cell, extensions, backgroundExtension, glyphExtensionsExcludeBackground, alignOffsetNoAngle, centerAngle, vertexAngle, renderConfig, parentScale);
+	}
+	_drawNestedPageContent(ctx, parentPage, nestedPage, extensions, backgroundExtension, glyphExtensionsExcludeBackground, alignOffsetNoAngle, centerAngle, vertexAngle, renderConfig, parentScale) {
+		if (this._drawLiquid == null) return;
+		const { sections, marginLeft, marginTop, skeTables } = nestedPage;
+		const alignOffset = Vector2.create(alignOffsetNoAngle.x + marginLeft, alignOffsetNoAngle.y + marginTop);
 		ctx.save();
 		const { x, y } = this._drawLiquid;
-		const { pageWidth, pageHeight } = cell;
+		const { pageWidth, pageHeight } = nestedPage;
+		const clipOrigin = getNestedPageClipOrigin(parentPage, nestedPage, {
+			x,
+			y
+		}, alignOffset);
 		ctx.beginPath();
-		ctx.rectByPrecision(x + page.marginLeft, y + page.marginTop, pageWidth, pageHeight);
+		ctx.rectByPrecision(clipOrigin.x, clipOrigin.y, pageWidth, pageHeight);
 		ctx.closePath();
 		ctx.clip();
+		if (skeTables.size > 0) if (isColumnGroupNestedPage(nestedPage)) {
+			this._drawLiquid.translateSave();
+			this._drawLiquid.translate(alignOffset.x, alignOffset.y);
+			this._drawTable(ctx, {
+				...nestedPage,
+				marginLeft: 0,
+				marginTop: 0
+			}, skeTables, extensions, backgroundExtension, glyphExtensionsExcludeBackground, Vector2.create(0, 0), centerAngle, vertexAngle, renderConfig, parentScale);
+			this._drawLiquid.translateRestore();
+		} else this._drawTable(ctx, nestedPage, skeTables, extensions, backgroundExtension, glyphExtensionsExcludeBackground, alignOffset, centerAngle, vertexAngle, renderConfig, parentScale);
 		for (const section of sections) {
 			const { columns } = section;
 			this._drawLiquid.translateSave();
@@ -22877,7 +23709,6 @@ var Documents = class Documents extends DocComponent {
 				this._drawLiquid.translateSave();
 				this._drawLiquid.translateColumn(column);
 				const linesCount = lines.length;
-				const alignOffset = alignOffsetNoAngle;
 				for (let i = 0; i < linesCount; i++) {
 					const line = lines[i];
 					const { divides, asc = 0, type, lineHeight = 0 } = line;
@@ -22895,7 +23726,7 @@ var Documents = class Documents extends DocComponent {
 					} else {
 						this._drawLiquid.translateSave();
 						this._drawLiquid.translateLine(line, true, true);
-						this._drawLineBackground(ctx, cell, line, page.marginLeft, page.marginTop);
+						this._drawLineBackground(ctx, nestedPage, line);
 						const divideLength = divides.length;
 						for (let i = 0; i < divideLength; i++) {
 							const divide = divides[i];
@@ -22924,7 +23755,7 @@ var Documents = class Documents extends DocComponent {
 							}
 							this._drawLiquid.translateRestore();
 						}
-						if (line.borderBottom) this._drawBorderBottom(ctx, cell, line, page.marginLeft, page.marginTop);
+						if (line.borderBottom) this._drawBorderBottom(ctx, nestedPage, line, parentPage.marginLeft, parentPage.marginTop);
 						this._drawLiquid.translateRestore();
 					}
 				}
@@ -23127,6 +23958,21 @@ function setTableCellBorderDash(ctx, dashStyle) {
 	}
 	ctx.setLineDash([0]);
 }
+function isColumnGroupNestedPage(page) {
+	var _parent$parent;
+	const parent = page.parent;
+	return (parent === null || parent === void 0 ? void 0 : parent.columnId) != null && ((_parent$parent = parent.parent) === null || _parent$parent === void 0 ? void 0 : _parent$parent.columnGroupId) != null;
+}
+function getNestedPageClipOrigin(parentPage, nestedPage, drawOrigin, alignOffset) {
+	if (isColumnGroupNestedPage(nestedPage)) return {
+		x: drawOrigin.x + alignOffset.x,
+		y: drawOrigin.y + alignOffset.y
+	};
+	return {
+		x: drawOrigin.x + parentPage.marginLeft,
+		y: drawOrigin.y + parentPage.marginTop
+	};
+}
 function fillRectByPrecisionBounds(ctx, x, y, width, height) {
 	const { scaleX, scaleY } = ctx.getScale();
 	const startX = fixLineWidthByScale(x, scaleX);
@@ -25709,7 +26555,7 @@ Engine = __decorate([__decorateParam(2, ICanvasColorService)], Engine);
 //#endregion
 //#region package.json
 var name = "@univerjs/engine-render";
-var version = "1.0.0-alpha.0";
+var version = "1.0.0-alpha.1";
 
 //#endregion
 //#region src/config/config.ts
@@ -30165,12 +31011,15 @@ exports.cancelRequestFrame = cancelRequestFrame;
 exports.checkStyle = checkStyle;
 exports.clampRange = clampRange;
 exports.clearLineByBorderType = clearLineByBorderType;
+exports.compareDocumentSkeletonNestedPagePathOrder = compareDocumentSkeletonNestedPagePathOrder;
 exports.convertTextRotation = convertTextRotation;
 exports.convertTransformToOffsetX = convertTransformToOffsetX;
 exports.convertTransformToOffsetY = convertTransformToOffsetY;
 exports.createCanvasElement = createCanvasElement;
 exports.createImageElement = createImageElement;
 exports.degToRad = degToRad;
+exports.documentSkeletonLineIterator = documentSkeletonLineIterator;
+exports.documentSkeletonTableIterator = documentSkeletonTableIterator;
 exports.drawDiagonalLineByBorderType = drawDiagonalLineByBorderType;
 exports.drawLineByBorderType = drawLineByBorderType;
 exports.expandRangeIfIntersects = expandRangeIfIntersects;
@@ -30186,6 +31035,8 @@ exports.getDPI = getDPI;
 exports.getDevicePixelRatio = getDevicePixelRatio;
 exports.getDocsSkeletonPageSize = getDocsSkeletonPageSize;
 exports.getDocsTableRenderViewport = getDocsTableRenderViewport;
+exports.getDocumentSkeletonColumnPagePathInfo = getDocumentSkeletonColumnPagePathInfo;
+exports.getDocumentSkeletonNestedPageOffset = getDocumentSkeletonNestedPageOffset;
 exports.getDrawingGroupState = getDrawingGroupState;
 exports.getFirstGrapheme = getFirstGrapheme;
 exports.getFontStyleString = getFontStyleString;