@univerjs/engine-render 1.0.0-alpha.7 → 1.0.0-alpha.8

package/lib/cjs/index.js

@@ -18,696 +18,86 @@ var __exportAll = (all, no_symbols) => {
 //#endregion
 let _univerjs_core = require("@univerjs/core");
 let rxjs = require("rxjs");
-let opentype_js = require("opentype.js");
 let franc_min = require("franc-min");
 let _floating_ui_dom = require("@floating-ui/dom");
 let _floating_ui_utils = require("@floating-ui/utils");
 let _floating_ui_utils_dom = require("@floating-ui/utils/dom");
 
-//#region src/basics/const.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-let SHAPE_TYPE = /* @__PURE__ */ function(SHAPE_TYPE) {
-	SHAPE_TYPE["RECT"] = "rect";
-	SHAPE_TYPE["CIRCLE"] = "circle";
-	SHAPE_TYPE["PATH"] = "path";
-	return SHAPE_TYPE;
-}({});
-let LINK_VIEW_PORT_TYPE = /* @__PURE__ */ function(LINK_VIEW_PORT_TYPE) {
-	LINK_VIEW_PORT_TYPE[LINK_VIEW_PORT_TYPE["XY"] = 0] = "XY";
-	LINK_VIEW_PORT_TYPE[LINK_VIEW_PORT_TYPE["X"] = 1] = "X";
-	LINK_VIEW_PORT_TYPE[LINK_VIEW_PORT_TYPE["Y"] = 2] = "Y";
-	return LINK_VIEW_PORT_TYPE;
-}({});
-const MIDDLE_CELL_POS_MAGIC_NUMBER = 1;
-const DEFAULT_FONTFACE_PLANE = "\"Helvetica Neue\", Helvetica, Arial, \"PingFang SC\", \"Hiragino Sans GB\", \"Heiti SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif";
-const DEFAULT_SKELETON_HEADER_FOOTER = {
-	lines: [],
-	drawings: /* @__PURE__ */ new Map(),
-	height: 0,
-	st: 0,
-	ed: 0,
-	marginLeft: 0
-};
-const DEFAULT_SKELETON_HEADER = {
-	...DEFAULT_SKELETON_HEADER_FOOTER,
-	marginTop: 20
-};
-const DEFAULT_SKELETON_FOOTER = {
-	...DEFAULT_SKELETON_HEADER_FOOTER,
-	marginBottom: 20
-};
-const DEFAULT_OFFSET_SPACING = 1;
-const DEFAULT_DOCUMENT_FONTSIZE = 14;
-/**
-* https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
-*/
-let CURSOR_TYPE = /* @__PURE__ */ function(CURSOR_TYPE) {
-	CURSOR_TYPE["DEFAULT"] = "default";
-	CURSOR_TYPE["AUTO"] = "auto";
-	CURSOR_TYPE["CROSSHAIR"] = "crosshair";
-	CURSOR_TYPE["POINTER"] = "pointer";
-	CURSOR_TYPE["MOVE"] = "move";
-	CURSOR_TYPE["EAST_RESIZE"] = "e-resize";
-	CURSOR_TYPE["NORTH_EAST_RESIZE"] = "ne-resize";
-	CURSOR_TYPE["NORTH_WEST_RESIZE"] = "nw-resize";
-	CURSOR_TYPE["NORTH_RESIZE"] = "n-resize";
-	CURSOR_TYPE["SOUTH_EAST_RESIZE"] = "se-resize";
-	CURSOR_TYPE["SOUTH_WEST_RESIZE"] = "sw-resize";
-	CURSOR_TYPE["SOUTH_RESIZE"] = "s-resize";
-	CURSOR_TYPE["WEST_RESIZE"] = "w-resize";
-	CURSOR_TYPE["EAST_WEST_RESIZE"] = "ew-resize";
-	CURSOR_TYPE["NORTH_SOUTH_RESIZE"] = "ns-resize";
-	CURSOR_TYPE["NORTH_EAST_SOUTH_WEST_RESIZE"] = "nesw-resize";
-	CURSOR_TYPE["NORTH_WEST_SOUTH_EAST_RESIZE"] = "nwse-resize";
-	CURSOR_TYPE["TEXT"] = "text";
-	CURSOR_TYPE["WAIT"] = "wait";
-	CURSOR_TYPE["HELP"] = "help";
-	CURSOR_TYPE["CELL"] = "cell";
-	CURSOR_TYPE["NONE"] = "none";
-	CURSOR_TYPE["VERTICAL_TEXT"] = "vertical-text";
-	CURSOR_TYPE["NO_DROP"] = "no-drop";
-	CURSOR_TYPE["GRAB"] = "grab";
-	CURSOR_TYPE["GRABBING"] = "grabbing";
-	CURSOR_TYPE["ALL_SCROLL"] = "all-scroll";
-	CURSOR_TYPE["COLUMN_RESIZE"] = "col-resize";
-	CURSOR_TYPE["ROW_RESIZE"] = "row-resize";
-	CURSOR_TYPE["PROGRESS"] = "progress";
-	CURSOR_TYPE["NOT_ALLOWED"] = "not-allowed";
-	CURSOR_TYPE["ZOOM_IN"] = "zoom-in";
-	CURSOR_TYPE["ZOOM_OUT"] = "zoom-out";
-	return CURSOR_TYPE;
-}({});
-let DOCUMENT_CONTEXT_CLIP_TYPE = /* @__PURE__ */ function(DOCUMENT_CONTEXT_CLIP_TYPE) {
-	DOCUMENT_CONTEXT_CLIP_TYPE[DOCUMENT_CONTEXT_CLIP_TYPE["noClip"] = 0] = "noClip";
-	DOCUMENT_CONTEXT_CLIP_TYPE[DOCUMENT_CONTEXT_CLIP_TYPE["DOC_SIZE"] = 1] = "DOC_SIZE";
-	DOCUMENT_CONTEXT_CLIP_TYPE[DOCUMENT_CONTEXT_CLIP_TYPE["CONTENT_SIZE_LEFT"] = 2] = "CONTENT_SIZE_LEFT";
-	DOCUMENT_CONTEXT_CLIP_TYPE[DOCUMENT_CONTEXT_CLIP_TYPE["CONTENT_SIZE_CENTER"] = 3] = "CONTENT_SIZE_CENTER";
-	DOCUMENT_CONTEXT_CLIP_TYPE[DOCUMENT_CONTEXT_CLIP_TYPE["CONTENT_SIZE_Right"] = 4] = "CONTENT_SIZE_Right";
-	return DOCUMENT_CONTEXT_CLIP_TYPE;
-}({});
-const COLOR_BLACK_RGB = "rgb(0,0,0)";
-let BORDER_TYPE = /* @__PURE__ */ function(BORDER_TYPE) {
-	BORDER_TYPE["TOP"] = "t";
-	BORDER_TYPE["BOTTOM"] = "b";
-	BORDER_TYPE["LEFT"] = "l";
-	BORDER_TYPE["RIGHT"] = "r";
-	BORDER_TYPE["TL_BR"] = "tl_br";
-	BORDER_TYPE["TL_BC"] = "tl_bc";
-	BORDER_TYPE["TL_MR"] = "tl_mr";
-	BORDER_TYPE["BL_TR"] = "bl_tr";
-	BORDER_TYPE["ML_TR"] = "ml_tr";
-	BORDER_TYPE["BC_TR"] = "bc_tr";
-	return BORDER_TYPE;
-}({});
-let ORIENTATION_TYPE = /* @__PURE__ */ function(ORIENTATION_TYPE) {
-	ORIENTATION_TYPE[ORIENTATION_TYPE["UP"] = 0] = "UP";
-	ORIENTATION_TYPE[ORIENTATION_TYPE["DOWN"] = 1] = "DOWN";
-	return ORIENTATION_TYPE;
-}({});
-let RENDER_CLASS_TYPE = /* @__PURE__ */ function(RENDER_CLASS_TYPE) {
-	RENDER_CLASS_TYPE["ENGINE"] = "Engine";
-	RENDER_CLASS_TYPE["SCENE"] = "Scene";
-	RENDER_CLASS_TYPE["BASE_OBJECT"] = "BaseObject";
-	RENDER_CLASS_TYPE["SCENE_VIEWER"] = "SceneViewer";
-	RENDER_CLASS_TYPE["CANVAS"] = "Canvas";
-	RENDER_CLASS_TYPE["VIEWPORT"] = "Viewport";
-	RENDER_CLASS_TYPE["LAYER"] = "Layer";
-	RENDER_CLASS_TYPE["GROUP"] = "Group";
-	RENDER_CLASS_TYPE["IMAGE"] = "Image";
-	RENDER_CLASS_TYPE["SHAPE"] = "Shape";
-	RENDER_CLASS_TYPE["TEXT"] = "Text";
-	return RENDER_CLASS_TYPE;
-}({});
-const MAXIMUM_ROW_HEIGHT = 2e3;
-const MAXIMUM_COL_WIDTH = 2e3;
-const MIN_COL_WIDTH = 2;
-const FIX_ONE_PIXEL_BLUR_OFFSET = .5;
-const DRAWING_OBJECT_LOWER_LAYER_INDEX = 3;
-const DRAWING_OBJECT_LAYER_INDEX = 4;
-const DRAWING_OBJECT_UPPER_LAYER_INDEX = 5;
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
 
 //#endregion
-//#region src/basics/tools.ts
-const DEG180 = 180;
-const PI_OVER_DEG180 = Math.PI / DEG180;
-const DEG180_OVER_PI = DEG180 / Math.PI;
-const RGB_PAREN = "rgb(";
-const RGBA_PAREN = "rgba(";
-const getColor = (RgbArray, opacity) => {
-	if (!RgbArray) return `${RGB_PAREN}0,0,0)`;
-	if (opacity != null) return `${RGBA_PAREN + RgbArray.join(",")},${opacity})`;
-	return `${RGB_PAREN + RgbArray.join(",")})`;
-};
-const PERCENT_TO_NUMBER_DIVIDE = 100;
-const toPx = (num, ReferenceValue) => {
-	if (_univerjs_core.Tools.isNumber(num)) return num;
-	if (ReferenceValue && num && _univerjs_core.Tools.isString(num) && num.substr(num.length - 1, 1) === "%") return ReferenceValue * (Number.parseFloat(num) / PERCENT_TO_NUMBER_DIVIDE);
-	return 0;
-};
-const ONE_FRAME_NUMBER = 16;
-/**
-* Queue a new function into the requested animation frame pool (ie. this function will be executed byt the browser for the next frame)
-* @param func - the function to be called
-* @param requester - the object that will request the next frame. Falls back to window.
-* @returns frame number
-*/
-const requestNewFrame = (func, requester) => {
-	if (!requester) requester = window;
-	if (requester.requestPostAnimationFrame) return requester.requestPostAnimationFrame(func);
-	if (requester.requestAnimationFrame) return requester.requestAnimationFrame(func);
-	if (requester.msRequestAnimationFrame) return requester.msRequestAnimationFrame(func);
-	if (requester.webkitRequestAnimationFrame) return requester.webkitRequestAnimationFrame(func);
-	if (requester.mozRequestAnimationFrame) return requester.mozRequestAnimationFrame(func);
-	if (requester.oRequestAnimationFrame) return requester.oRequestAnimationFrame(func);
-	return setTimeout(func, ONE_FRAME_NUMBER);
-};
-const cancelRequestFrame = (requestID, requester) => {
-	if (!requester) requester = window;
-	if (requester.requestPostAnimationFrame) return requester.cancelPostAnimationFrame(requestID);
-	if (requester.requestAnimationFrame) return requester.cancelAnimationFrame(requestID);
-	if (requester.msRequestAnimationFrame) return requester.msCancelAnimationFrame(requestID);
-	if (requester.webkitRequestAnimationFrame) return requester.webkitCancelAnimationFrame(requestID);
-	if (requester.mozRequestAnimationFrame) return requester.mozCancelAnimationFrame(requestID);
-	if (requester.oRequestAnimationFrame) return requester.oCancelAnimationFrame(requestID);
-	return clearTimeout(requestID);
-};
-const createCanvasElement = () => {
-	const canvas = document.createElement("canvas");
-	canvas.dir = "ltr";
-	try {
-		canvas.style = canvas.style || {};
-	} catch (e) {
-		console.error(e);
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
 	}
-	return canvas;
-};
-const createImageElement = () => document.createElement("img");
-const radToDeg = (rad) => rad * DEG180_OVER_PI;
-const degToRad = (deg) => deg * PI_OVER_DEG180;
-/**
-* Gets the pointer prefix to use
-* @param engine defines the engine we are finding the prefix for
-* @returns "pointer" if touch is enabled. Else returns "mouse"
-*/
-const getPointerPrefix = () => {
-	let eventPrefix = "pointer";
-	if (typeof window !== "undefined" && !window.PointerEvent && typeof navigator !== "undefined") eventPrefix = "mouse";
-	if (_univerjs_core.Tools.isTablet() && !_univerjs_core.Tools.isIPhone() && !(document && "ontouchend" in document)) eventPrefix = "mouse";
-	return eventPrefix;
-};
-/**
-* Utility function to detect if the current user agent is Safari
-* @returns whether or not the current user agent is safari
-*/
-const IsSafari = () => {
-	if (_univerjs_core.Tools.getBrowserType() === "safari") return true;
-	return false;
-};
-const GENERATE_RANDOM_KEY_DEFAULT_LENGTH = 4;
-const generateRandomKey = (prefix = "obj", keyLength = GENERATE_RANDOM_KEY_DEFAULT_LENGTH) => {
-	const userAgent = window.navigator.userAgent.replace(/[^a-zA-Z0-9]/g, "").split("");
-	let mid = "";
-	for (let i = 0; i < keyLength; i++) mid += userAgent[Math.round(Math.random() * (userAgent.length - 1))];
-	const time = (/* @__PURE__ */ new Date()).getTime();
-	return `${prefix}_${mid}_${time}`;
-};
-function getValueType(value) {
-	return Object.prototype.toString.apply(value);
+	return ("string" === r ? String : Number)(t);
 }
-function isFunction(value) {
-	return getValueType(value) === "[object Function]";
+
+//#endregion
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
 }
-function isDate(value) {
-	return getValueType(value) === "[object Date]";
+
+//#endregion
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
 }
-function isRegExp(value) {
-	return getValueType(value) === "[object RegExp]";
-}
-function isArray(value) {
-	return getValueType(value) === "[object Array]";
-}
-function isString(value) {
-	return getValueType(value) === "[object String]";
-}
-function isNumber(value) {
-	return getValueType(value) === "[object Number]";
-}
-function isObject(value) {
-	return getValueType(value) === "[object Object]";
-}
-function precisionTo(num, accurate) {
-	accurate = 10 ** accurate;
-	return Math.round(num * accurate) / accurate;
-}
-/**
-* When drawing lines, it is necessary to align their precision.
-* performance testing
-* var time = performance.now(); for(let i=0;i<100000000;i++){ fixLineWidthByScale(i, 0.666); }; console.log(performance.now()-time);
-*/
-function fixLineWidthByScale(num, scale) {
-	return Math.round(num * scale) / scale;
-}
-function getFontStyleString(textStyle) {
-	const defaultFont = _univerjs_core.DEFAULT_STYLES.ff;
-	const defaultFontSize = _univerjs_core.DEFAULT_STYLES.fs;
-	if (!textStyle) {
-		const fontString = `${defaultFontSize}pt  ${defaultFont}`;
-		return {
-			fontCache: fontString,
-			fontString,
-			fontSize: defaultFontSize,
-			originFontSize: defaultFontSize,
-			fontFamily: defaultFont
-		};
+
+//#endregion
+//#region src/components/docs/layout/shaping-engine/font-cache.ts
+const DEFAULT_MEASURE_TEXT = "0";
+const getDefaultBaselineOffset = (fontSize) => ({
+	sbr: .6,
+	sbo: fontSize,
+	spr: .6,
+	spo: fontSize
+});
+var FontCache = class {
+	static get globalFontMeasureCache() {
+		return this._globalFontMeasureCache;
 	}
-	let italic = _univerjs_core.FontStyleType.ITALIC;
-	if (textStyle.it === 0 || textStyle.it === void 0) italic = _univerjs_core.FontStyleType.NORMAL;
-	let bold = _univerjs_core.FontStyleType.BOLD;
-	if (textStyle.bl === 0 || textStyle.bl === void 0) bold = _univerjs_core.FontStyleType.NORMAL;
-	let originFontSize = defaultFontSize;
-	if (textStyle.fs) originFontSize = textStyle.fs;
-	let fontSize = originFontSize;
-	const fontFamilyResult = normalizeFontFamily(textStyle.ff, defaultFont);
-	const { va: baselineOffset } = textStyle;
-	if (baselineOffset === _univerjs_core.BaselineOffset.SUBSCRIPT || baselineOffset === _univerjs_core.BaselineOffset.SUPERSCRIPT) {
-		const { sbr, spr } = FontCache.getBaselineOffsetInfo(fontFamilyResult, fontSize);
-		fontSize *= baselineOffset === _univerjs_core.BaselineOffset.SUBSCRIPT ? sbr : spr;
+	static setFontMeasureCache(fontStyle, content, tm) {
+		if (!this._globalFontMeasureCache.has(fontStyle)) this._globalFontMeasureCache.set(fontStyle, /* @__PURE__ */ new Map());
+		const fontMeasureCache = this._globalFontMeasureCache.get(fontStyle);
+		if (fontMeasureCache) fontMeasureCache.set(content, tm);
 	}
-	const fontStringPure = `${italic} ${bold} ${fontSize}pt ${fontFamilyResult}`;
-	return {
-		fontCache: fontStringPure,
-		fontString: `${fontStringPure}, ${DEFAULT_FONTFACE_PLANE} `,
-		fontSize,
-		originFontSize,
-		fontFamily: fontFamilyResult
-	};
-}
-function normalizeFontFamily(fontFamily, defaultFont) {
-	if (!(fontFamily === null || fontFamily === void 0 ? void 0 : fontFamily.trim())) return defaultFont;
-	return fontFamily.split(",").map((item) => {
-		const family = item.trim().replace(/^['"]|['"]$/g, "");
-		return family.includes(" ") ? `"${family}"` : family;
-	}).filter(Boolean).join(", ");
-}
-function hasAllLatin(text) {
-	if (!/[\u0000-\u024F]/gi.exec(text)) return false;
-	return true;
-}
-function hasBasicLatin(text) {
-	if (!/[\u0000-\u007F]/gi.exec(text)) return false;
-	return true;
-}
-function hasLatinOneSupplement(text) {
-	if (!/[\u0080-\u00FF]/gi.exec(text)) return false;
-	return true;
-}
-function hasLatinExtendedA(text) {
-	if (!/[\u0100-\u017F]/gi.exec(text)) return false;
-	return true;
-}
-function hasLatinExtendedB(text) {
-	if (!/[\u0180-\u024F]/gi.exec(text)) return false;
-	return true;
-}
-const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
-function getFirstGrapheme(text) {
-	var _it$next$value$segmen, _it$next$value;
-	return (_it$next$value$segmen = (_it$next$value = segmenter.segment(text)[Symbol.iterator]().next().value) === null || _it$next$value === void 0 ? void 0 : _it$next$value.segment) !== null && _it$next$value$segmen !== void 0 ? _it$next$value$segmen : null;
-}
-function isEmojiGrapheme(grapheme) {
-	if (/\p{Extended_Pictographic}/u.test(grapheme)) return true;
-	if (/^\p{Regional_Indicator}{2}$/u.test(grapheme)) return true;
-	if (/^[0-9#*]\uFE0F?\u20E3$/u.test(grapheme)) return true;
-	return false;
-}
-function startWithEmoji(text) {
-	const first = getFirstGrapheme(text);
-	return first ? isEmojiGrapheme(first) : false;
-}
-function hasArabic(text) {
-	return /[\u0600-\u06FF]|[\u0750-\u0750]|[\u0870-\u08FF]|[\uFB50-\uFDFF]|[\uFE70-\uFEFF]/gi.test(text);
-}
-function hasTibetan(text) {
-	return /[\u0180-\u024F]/gi.test(text);
-}
-function hasThai(text) {
-	return /[\u0E00-\u0E7F]/.test(text);
-}
-function hasSpace(text) {
-	return /\s+/g.test(text);
-}
-function isCjkLeftAlignedPunctuation(text) {
-	return [
-		"”",
-		"’",
-		"，",
-		"。",
-		"．",
-		"、",
-		"：",
-		"；",
-		"？",
-		"！",
-		"》",
-		"）",
-		"』",
-		"」",
-		"】",
-		"〗",
-		"〕",
-		"〉",
-		"］",
-		"｝"
-	].indexOf(text) > -1;
-}
-function isCjkRightAlignedPunctuation(text) {
-	return [
-		"“",
-		"‘",
-		"《",
-		"（",
-		"『",
-		"「",
-		"【",
-		"〖",
-		"〔",
-		"〈",
-		"［",
-		"｛"
-	].indexOf(text) > -1;
-}
-function isCjkCenterAlignedPunctuation(text) {
-	return ["・", "·"].indexOf(text) > -1;
-}
-const one_thousand = 1e3;
-let dpi_cache;
-function getDPI() {
-	if (dpi_cache) return dpi_cache;
-	let i = 56;
-	for (; i < one_thousand * 2; i++) if (matchMedia(`(max-resolution: ${i}dpi)`).matches === true) return i;
-	dpi_cache = i;
-	setTimeout(() => {
-		dpi_cache = null;
-	}, one_thousand);
-	return i;
-}
-const BENCHMARK_DPI = 72;
-const BENCHMARK_CONVERT_MM = 25.4;
-function ptToPx(pt) {
-	return pt / (BENCHMARK_DPI / getDPI());
-}
-function pxToPt(px) {
-	return px * (BENCHMARK_DPI / getDPI());
-}
-function ptToMM(px) {
-	return px * (getDPI() / BENCHMARK_CONVERT_MM);
-}
-function pxToInch(px) {
-	return px * getDPI();
-}
-function getScale(parentScale) {
-	const { scaleX = 1, scaleY = 1 } = parentScale;
-	return Math.max(scaleX, scaleY);
-}
-function getCellPositionByIndex(row, column, rowHeightAccumulation, columnWidthAccumulation) {
-	const startRow = row - 1;
-	const startColumn = column - 1;
-	const startY = rowHeightAccumulation[startRow] || 0;
-	let endY = rowHeightAccumulation[row];
-	if (endY == null) endY = rowHeightAccumulation[rowHeightAccumulation.length - 1];
-	const startX = columnWidthAccumulation[startColumn] || 0;
-	let endX = columnWidthAccumulation[column];
-	if (endX == null) endX = columnWidthAccumulation[columnWidthAccumulation.length - 1];
-	return {
-		startY,
-		endY,
-		startX,
-		endX
-	};
-}
-/**
-* @deprecated use same function in @univerjs/core
-* @description Get the cell position information of the specified row and column, including the position information of the cell and the merge information of the cell
-* @param {number} row The row index of the cell
-* @param {number} column The column index of the cell
-* @param {number[]} rowHeightAccumulation The accumulated height of each row
-* @param {number[]} columnWidthAccumulation The accumulated width of each column
-* @param {ICellInfo} mergeDataInfo The merge information of the cell
-* @returns {ICellWithCoord} The cell position information of the specified row and column, including the position information of the cell and the merge information of the cell
-*/
-function getCellWithCoordByIndexCore(row, column, rowHeightAccumulation, columnWidthAccumulation, mergeDataInfo) {
-	row = _univerjs_core.Tools.clamp(row, 0, rowHeightAccumulation.length - 1);
-	column = _univerjs_core.Tools.clamp(column, 0, columnWidthAccumulation.length - 1);
-	let { startY, endY, startX, endX } = getCellPositionByIndex(row, column, rowHeightAccumulation, columnWidthAccumulation);
-	const { isMerged, isMergedMainCell, startRow, startColumn, endRow, endColumn } = mergeDataInfo;
-	let mergeInfo = {
-		startRow,
-		startColumn,
-		endRow,
-		endColumn,
-		startY: 0,
-		endY: 0,
-		startX: 0,
-		endX: 0
-	};
-	const rowAccumulationCount = rowHeightAccumulation.length - 1;
-	const columnAccumulationCount = columnWidthAccumulation.length - 1;
-	if (isMerged && startRow !== -1 && startColumn !== -1) {
-		const mergeStartY = rowHeightAccumulation[startRow - 1] || 0;
-		const mergeEndY = rowHeightAccumulation[endRow] || rowHeightAccumulation[rowAccumulationCount];
-		const mergeStartX = columnWidthAccumulation[startColumn - 1] || 0;
-		const mergeEndX = columnWidthAccumulation[endColumn] || columnWidthAccumulation[columnAccumulationCount];
-		mergeInfo = {
-			...mergeInfo,
-			startY: mergeStartY,
-			endY: mergeEndY,
-			startX: mergeStartX,
-			endX: mergeEndX
-		};
-	} else if (!isMerged && endRow !== -1 && endColumn !== -1) {
-		const mergeEndY = rowHeightAccumulation[endRow] || rowHeightAccumulation[rowAccumulationCount];
-		const mergeEndX = columnWidthAccumulation[endColumn] || columnWidthAccumulation[columnAccumulationCount];
-		mergeInfo = {
-			...mergeInfo,
-			startY,
-			endY: mergeEndY,
-			startX,
-			endX: mergeEndX
-		};
+	static clearFontMeasureCache(path) {
+		const pathArr = path.split("/");
+		if (pathArr.length === 1) {
+			const fontStyle = pathArr[0];
+			this._globalFontMeasureCache.delete(fontStyle);
+		} else if (pathArr.length === 2) {
+			var _this$_globalFontMeas;
+			const fontStyle = pathArr[0];
+			const content = pathArr[1];
+			(_this$_globalFontMeas = this._globalFontMeasureCache.get(fontStyle)) === null || _this$_globalFontMeas === void 0 || _this$_globalFontMeas.delete(content);
+		} else return false;
+		return true;
 	}
-	return {
-		isMerged,
-		isMergedMainCell,
-		actualRow: row,
-		actualColumn: column,
-		startY,
-		endY,
-		startX,
-		endX,
-		mergeInfo
-	};
-}
-/**
-* @deprecated please use getCellWithCoordByIndexCore in @univerjs/core instead
-*/
-const getCellByIndexWithMergeInfo = getCellWithCoordByIndexCore;
-/**
-* Determine whether there are any cells in a row that are not in the merged cells, mainly used for the calculation of auto height
-* @deprecated please use SpreadsheetSkeleton@_hasUnMergedCellInRow
-*/
-function hasUnMergedCellInRow(row, startColumn, endColumn, mergeData) {
-	let hasUnMergedCell = false;
-	for (let colIndex = startColumn; colIndex <= endColumn; colIndex++) {
-		const { isMerged, isMergedMainCell } = (0, _univerjs_core.getCellInfoInMergeData)(row, colIndex, mergeData);
-		if (!isMerged && !isMergedMainCell) {
-			hasUnMergedCell = true;
-			break;
-		}
-	}
-	return hasUnMergedCell;
-}
-function mergeInfoOffset(mergeInfo, offsetX, offsetY) {
-	return {
-		...mergeInfo,
-		startY: mergeInfo.startY + offsetY,
-		endY: mergeInfo.endY + offsetY,
-		startX: mergeInfo.startX + offsetX,
-		endX: mergeInfo.endX + offsetX
-	};
-}
-function isRectIntersect(rect1, rect2) {
-	return !(rect1.left > rect2.right || rect1.top > rect2.bottom || rect2.left > rect1.right || rect2.top > rect1.bottom);
-}
-function injectStyle(styles) {
-	const styleElement = document.createElement("style");
-	document.head.appendChild(styleElement);
-	const styleSheet = styleElement.sheet;
-	for (const style of styles) styleSheet === null || styleSheet === void 0 || styleSheet.insertRule(style, styleSheet.cssRules.length);
-}
-function checkStyle(content) {
-	for (let i = 0, len = document.head.childNodes.length; i < len; i++) {
-		const node = document.head.childNodes[i];
-		if (node.nodeName === "STYLE" && node.textContent && node.textContent.indexOf(content) > -1) return true;
-	}
-	return false;
-}
-function pxToNum(unit) {
-	return Number(unit.replace(/px/gi, ""));
-}
-function getSizeForDom(dom) {
-	const { borderTopWidth, borderLeftWidth, borderRightWidth, borderBottomWidth, width, height } = getComputedStyle(dom);
-	return {
-		top: pxToNum(borderTopWidth),
-		left: pxToNum(borderLeftWidth),
-		right: pxToNum(borderRightWidth),
-		bottom: pxToNum(borderBottomWidth),
-		width: pxToNum(width),
-		height: pxToNum(height)
-	};
-}
-/**
-*1 pixel * 0.75 = 1 pt
-*/
-const PX_TO_PT_RATIO = .75;
-function ptToPixel(pt) {
-	return pt / PX_TO_PT_RATIO;
-}
-function pixelToPt(px) {
-	return px * PX_TO_PT_RATIO;
-}
-/**
-* Is cell in view ranges.
-* @param ranges
-* @param rowIndex
-* @param colIndex
-* @returns boolean
-*/
-function inViewRanges(ranges, rowIndex, colIndex) {
-	for (const range of ranges) if (rowIndex >= range.startRow && rowIndex <= range.endRow && colIndex >= range.startColumn && colIndex <= range.endColumn) return true;
-	return false;
-}
-/**
-* If there is an intersection in ranges to the mainRanges, extend it to the first set of ranges.
-* @param {IRange[]} mainRanges target ranges
-* @param {IRange[]} ranges
-*/
-function expandRangeIfIntersects(mainRanges, ranges) {
-	const intersects = [];
-	for (const mainRange of mainRanges) for (const range of ranges) if (_univerjs_core.Rectangle.simpleRangesIntersect(mainRange, range)) intersects.push(range);
-	return mainRanges.concat(intersects);
-}
-function clampRange(range, maxRow, maxColumn) {
-	return {
-		startRow: _univerjs_core.Tools.clamp(range.startRow, 0, maxRow),
-		endRow: _univerjs_core.Tools.clamp(range.endRow, 0, maxRow),
-		startColumn: _univerjs_core.Tools.clamp(range.startColumn, 0, maxColumn),
-		endColumn: _univerjs_core.Tools.clamp(range.endColumn, 0, maxColumn)
-	};
-}
-/**
-* Get system highlight color in rgb format.
-*/
-function getSystemHighlightColor() {
-	const hiddenEle = document.createElement("div");
-	hiddenEle.style.width = "0";
-	hiddenEle.style.height = "0";
-	hiddenEle.style.backgroundColor = "highlight";
-	document.body.append(hiddenEle);
-	const highlightColor = getComputedStyle(hiddenEle).backgroundColor;
-	hiddenEle.remove();
-	return new _univerjs_core.ColorKit(highlightColor).toRgb();
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
-function _typeof(o) {
-	"@babel/helpers - typeof";
-	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
-		return typeof o;
-	} : function(o) {
-		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-	}, _typeof(o);
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
-function toPrimitive(t, r) {
-	if ("object" != _typeof(t) || !t) return t;
-	var e = t[Symbol.toPrimitive];
-	if (void 0 !== e) {
-		var i = e.call(t, r || "default");
-		if ("object" != _typeof(i)) return i;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return ("string" === r ? String : Number)(t);
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
-function toPropertyKey(t) {
-	var i = toPrimitive(t, "string");
-	return "symbol" == _typeof(i) ? i : i + "";
-}
-
-//#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
-function _defineProperty(e, r, t) {
-	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-		value: t,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[r] = t, e;
-}
-
-//#endregion
-//#region src/components/docs/layout/shaping-engine/font-cache.ts
-const DEFAULT_MEASURE_TEXT = "0";
-const getDefaultBaselineOffset = (fontSize) => ({
-	sbr: .6,
-	sbo: fontSize,
-	spr: .6,
-	spo: fontSize
-});
-var FontCache = class {
-	static get globalFontMeasureCache() {
-		return this._globalFontMeasureCache;
-	}
-	static setFontMeasureCache(fontStyle, content, tm) {
-		if (!this._globalFontMeasureCache.has(fontStyle)) this._globalFontMeasureCache.set(fontStyle, /* @__PURE__ */ new Map());
-		const fontMeasureCache = this._globalFontMeasureCache.get(fontStyle);
-		if (fontMeasureCache) fontMeasureCache.set(content, tm);
-	}
-	static clearFontMeasureCache(path) {
-		const pathArr = path.split("/");
-		if (pathArr.length === 1) {
-			const fontStyle = pathArr[0];
-			this._globalFontMeasureCache.delete(fontStyle);
-		} else if (pathArr.length === 2) {
-			var _this$_globalFontMeas;
-			const fontStyle = pathArr[0];
-			const content = pathArr[1];
-			(_this$_globalFontMeas = this._globalFontMeasureCache.get(fontStyle)) === null || _this$_globalFontMeas === void 0 || _this$_globalFontMeas.delete(content);
-		} else return false;
-		return true;
-	}
-	static getFontMeasureCache(fontStyle, content) {
-		var _this$_globalFontMeas2;
-		return (_this$_globalFontMeas2 = this._globalFontMeasureCache.get(fontStyle)) === null || _this$_globalFontMeas2 === void 0 ? void 0 : _this$_globalFontMeas2.get(content);
+	static getFontMeasureCache(fontStyle, content) {
+		var _this$_globalFontMeas2;
+		return (_this$_globalFontMeas2 = this._globalFontMeasureCache.get(fontStyle)) === null || _this$_globalFontMeas2 === void 0 ? void 0 : _this$_globalFontMeas2.get(content);
 	}
 	static autoCleanFontMeasureCache(cacheLimit = 1e6) {
 		let allSize = 0;
@@ -783,21 +173,6 @@ var FontCache = class {
 		}
 		return bBox;
 	}
-	static getBBoxFromGlyphInfo(glyphInfo, fontStyle) {
-		var _glyph$advanceWidth;
-		const glyph = glyphInfo.glyph;
-		const font = glyphInfo.font;
-		const { y1, y2 } = glyphInfo.boundingBox;
-		const scale = ptToPixel(fontStyle.fontSize) / font.unitsPerEm;
-		const { ascender, descender } = font;
-		return this._calculateBoundingBoxByMeasureText({
-			width: ((_glyph$advanceWidth = glyph.advanceWidth) !== null && _glyph$advanceWidth !== void 0 ? _glyph$advanceWidth : 0) * scale,
-			fontBoundingBoxAscent: ascender * scale,
-			fontBoundingBoxDescent: Math.abs(descender * scale),
-			actualBoundingBoxAscent: y2 * scale,
-			actualBoundingBoxDescent: Math.abs(y1 * scale)
-		}, fontStyle);
-	}
 	/**
 	* Measure text on another canvas.
 	* @param content
@@ -1074,189 +449,717 @@ const CJK_ALL_DATA = [
 function letters() {
 	return _univerjs_core.regexp.charset(...CJK_LETTER_DATA);
 }
-/**
-* Returns the CJK punctuation charset generated from `cjk-regex@3.4.0`.
-*/
-function punctuations() {
-	return _univerjs_core.regexp.charset(...CJK_PUNCTUATION_DATA);
+/**
+* Returns the CJK punctuation charset generated from `cjk-regex@3.4.0`.
+*/
+function punctuations() {
+	return _univerjs_core.regexp.charset(...CJK_PUNCTUATION_DATA);
+}
+/**
+* Returns the combined CJK letter and punctuation charset generated from `cjk-regex@3.4.0`.
+*/
+function all() {
+	return _univerjs_core.regexp.charset(...CJK_ALL_DATA);
+}
+/**
+* Returns true when text contains CJK letters, excluding punctuation and symbols.
+*/
+function hasCJKText(text) {
+	return CJK_LETTER_REG.test(text);
+}
+/**
+* Returns true when text contains CJK letters or CJK punctuation.
+*/
+function hasCJK(text) {
+	return CJK_ALL_REG.test(text);
+}
+/**
+* Returns true when text contains CJK punctuation, excluding CJK letters.
+*/
+function hasCJKPunctuation(text) {
+	return CJK_PUNCTUATION_REG.test(text);
+}
+/**
+* Namespace-style CJK regex API used by document rendering and layout.
+*/
+const cjk = {
+	CJK_LETTER_SOURCE,
+	CJK_PUNCTUATION_SOURCE,
+	CJK_ALL_SOURCE,
+	CJK_LETTER_REG,
+	CJK_PUNCTUATION_REG,
+	CJK_ALL_REG,
+	CJK_LETTER_DATA,
+	CJK_PUNCTUATION_DATA,
+	CJK_ALL_DATA,
+	letters,
+	punctuations,
+	all,
+	hasCJKText,
+	hasCJK,
+	hasCJKPunctuation
+};
+
+//#endregion
+//#region src/basics/const.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let SHAPE_TYPE = /* @__PURE__ */ function(SHAPE_TYPE) {
+	SHAPE_TYPE["RECT"] = "rect";
+	SHAPE_TYPE["CIRCLE"] = "circle";
+	SHAPE_TYPE["PATH"] = "path";
+	return SHAPE_TYPE;
+}({});
+let LINK_VIEW_PORT_TYPE = /* @__PURE__ */ function(LINK_VIEW_PORT_TYPE) {
+	LINK_VIEW_PORT_TYPE[LINK_VIEW_PORT_TYPE["XY"] = 0] = "XY";
+	LINK_VIEW_PORT_TYPE[LINK_VIEW_PORT_TYPE["X"] = 1] = "X";
+	LINK_VIEW_PORT_TYPE[LINK_VIEW_PORT_TYPE["Y"] = 2] = "Y";
+	return LINK_VIEW_PORT_TYPE;
+}({});
+const MIDDLE_CELL_POS_MAGIC_NUMBER = 1;
+const DEFAULT_FONTFACE_PLANE = "\"Helvetica Neue\", Helvetica, Arial, \"PingFang SC\", \"Hiragino Sans GB\", \"Heiti SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif";
+const DEFAULT_SKELETON_HEADER_FOOTER = {
+	lines: [],
+	drawings: /* @__PURE__ */ new Map(),
+	height: 0,
+	st: 0,
+	ed: 0,
+	marginLeft: 0
+};
+const DEFAULT_SKELETON_HEADER = {
+	...DEFAULT_SKELETON_HEADER_FOOTER,
+	marginTop: 20
+};
+const DEFAULT_SKELETON_FOOTER = {
+	...DEFAULT_SKELETON_HEADER_FOOTER,
+	marginBottom: 20
+};
+const DEFAULT_OFFSET_SPACING = 1;
+const DEFAULT_DOCUMENT_FONTSIZE = 14;
+/**
+* https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
+*/
+let CURSOR_TYPE = /* @__PURE__ */ function(CURSOR_TYPE) {
+	CURSOR_TYPE["DEFAULT"] = "default";
+	CURSOR_TYPE["AUTO"] = "auto";
+	CURSOR_TYPE["CROSSHAIR"] = "crosshair";
+	CURSOR_TYPE["POINTER"] = "pointer";
+	CURSOR_TYPE["MOVE"] = "move";
+	CURSOR_TYPE["EAST_RESIZE"] = "e-resize";
+	CURSOR_TYPE["NORTH_EAST_RESIZE"] = "ne-resize";
+	CURSOR_TYPE["NORTH_WEST_RESIZE"] = "nw-resize";
+	CURSOR_TYPE["NORTH_RESIZE"] = "n-resize";
+	CURSOR_TYPE["SOUTH_EAST_RESIZE"] = "se-resize";
+	CURSOR_TYPE["SOUTH_WEST_RESIZE"] = "sw-resize";
+	CURSOR_TYPE["SOUTH_RESIZE"] = "s-resize";
+	CURSOR_TYPE["WEST_RESIZE"] = "w-resize";
+	CURSOR_TYPE["EAST_WEST_RESIZE"] = "ew-resize";
+	CURSOR_TYPE["NORTH_SOUTH_RESIZE"] = "ns-resize";
+	CURSOR_TYPE["NORTH_EAST_SOUTH_WEST_RESIZE"] = "nesw-resize";
+	CURSOR_TYPE["NORTH_WEST_SOUTH_EAST_RESIZE"] = "nwse-resize";
+	CURSOR_TYPE["TEXT"] = "text";
+	CURSOR_TYPE["WAIT"] = "wait";
+	CURSOR_TYPE["HELP"] = "help";
+	CURSOR_TYPE["CELL"] = "cell";
+	CURSOR_TYPE["NONE"] = "none";
+	CURSOR_TYPE["VERTICAL_TEXT"] = "vertical-text";
+	CURSOR_TYPE["NO_DROP"] = "no-drop";
+	CURSOR_TYPE["GRAB"] = "grab";
+	CURSOR_TYPE["GRABBING"] = "grabbing";
+	CURSOR_TYPE["ALL_SCROLL"] = "all-scroll";
+	CURSOR_TYPE["COLUMN_RESIZE"] = "col-resize";
+	CURSOR_TYPE["ROW_RESIZE"] = "row-resize";
+	CURSOR_TYPE["PROGRESS"] = "progress";
+	CURSOR_TYPE["NOT_ALLOWED"] = "not-allowed";
+	CURSOR_TYPE["ZOOM_IN"] = "zoom-in";
+	CURSOR_TYPE["ZOOM_OUT"] = "zoom-out";
+	return CURSOR_TYPE;
+}({});
+let DOCUMENT_CONTEXT_CLIP_TYPE = /* @__PURE__ */ function(DOCUMENT_CONTEXT_CLIP_TYPE) {
+	DOCUMENT_CONTEXT_CLIP_TYPE[DOCUMENT_CONTEXT_CLIP_TYPE["noClip"] = 0] = "noClip";
+	DOCUMENT_CONTEXT_CLIP_TYPE[DOCUMENT_CONTEXT_CLIP_TYPE["DOC_SIZE"] = 1] = "DOC_SIZE";
+	DOCUMENT_CONTEXT_CLIP_TYPE[DOCUMENT_CONTEXT_CLIP_TYPE["CONTENT_SIZE_LEFT"] = 2] = "CONTENT_SIZE_LEFT";
+	DOCUMENT_CONTEXT_CLIP_TYPE[DOCUMENT_CONTEXT_CLIP_TYPE["CONTENT_SIZE_CENTER"] = 3] = "CONTENT_SIZE_CENTER";
+	DOCUMENT_CONTEXT_CLIP_TYPE[DOCUMENT_CONTEXT_CLIP_TYPE["CONTENT_SIZE_Right"] = 4] = "CONTENT_SIZE_Right";
+	return DOCUMENT_CONTEXT_CLIP_TYPE;
+}({});
+const COLOR_BLACK_RGB = "rgb(0,0,0)";
+let BORDER_TYPE = /* @__PURE__ */ function(BORDER_TYPE) {
+	BORDER_TYPE["TOP"] = "t";
+	BORDER_TYPE["BOTTOM"] = "b";
+	BORDER_TYPE["LEFT"] = "l";
+	BORDER_TYPE["RIGHT"] = "r";
+	BORDER_TYPE["TL_BR"] = "tl_br";
+	BORDER_TYPE["TL_BC"] = "tl_bc";
+	BORDER_TYPE["TL_MR"] = "tl_mr";
+	BORDER_TYPE["BL_TR"] = "bl_tr";
+	BORDER_TYPE["ML_TR"] = "ml_tr";
+	BORDER_TYPE["BC_TR"] = "bc_tr";
+	return BORDER_TYPE;
+}({});
+let ORIENTATION_TYPE = /* @__PURE__ */ function(ORIENTATION_TYPE) {
+	ORIENTATION_TYPE[ORIENTATION_TYPE["UP"] = 0] = "UP";
+	ORIENTATION_TYPE[ORIENTATION_TYPE["DOWN"] = 1] = "DOWN";
+	return ORIENTATION_TYPE;
+}({});
+let RENDER_CLASS_TYPE = /* @__PURE__ */ function(RENDER_CLASS_TYPE) {
+	RENDER_CLASS_TYPE["ENGINE"] = "Engine";
+	RENDER_CLASS_TYPE["SCENE"] = "Scene";
+	RENDER_CLASS_TYPE["BASE_OBJECT"] = "BaseObject";
+	RENDER_CLASS_TYPE["SCENE_VIEWER"] = "SceneViewer";
+	RENDER_CLASS_TYPE["CANVAS"] = "Canvas";
+	RENDER_CLASS_TYPE["VIEWPORT"] = "Viewport";
+	RENDER_CLASS_TYPE["LAYER"] = "Layer";
+	RENDER_CLASS_TYPE["GROUP"] = "Group";
+	RENDER_CLASS_TYPE["IMAGE"] = "Image";
+	RENDER_CLASS_TYPE["SHAPE"] = "Shape";
+	RENDER_CLASS_TYPE["TEXT"] = "Text";
+	return RENDER_CLASS_TYPE;
+}({});
+const MAXIMUM_ROW_HEIGHT = 2e3;
+const MAXIMUM_COL_WIDTH = 2e3;
+const MIN_COL_WIDTH = 2;
+const FIX_ONE_PIXEL_BLUR_OFFSET = .5;
+const DRAWING_OBJECT_LOWER_LAYER_INDEX = 3;
+const DRAWING_OBJECT_LAYER_INDEX = 4;
+const DRAWING_OBJECT_UPPER_LAYER_INDEX = 5;
+
+//#endregion
+//#region src/basics/i-document-skeleton-cached.ts
+let DocumentSkeletonPageType = /* @__PURE__ */ function(DocumentSkeletonPageType) {
+	DocumentSkeletonPageType[DocumentSkeletonPageType["BODY"] = 0] = "BODY";
+	DocumentSkeletonPageType[DocumentSkeletonPageType["HEADER"] = 1] = "HEADER";
+	DocumentSkeletonPageType[DocumentSkeletonPageType["FOOTER"] = 2] = "FOOTER";
+	DocumentSkeletonPageType[DocumentSkeletonPageType["CELL"] = 3] = "CELL";
+	return DocumentSkeletonPageType;
+}({});
+let SkeletonType = /* @__PURE__ */ function(SkeletonType) {
+	SkeletonType[SkeletonType["GLYPH"] = 0] = "GLYPH";
+	SkeletonType[SkeletonType["DIVIDE"] = 1] = "DIVIDE";
+	SkeletonType[SkeletonType["LINE"] = 2] = "LINE";
+	SkeletonType[SkeletonType["COLUMN"] = 3] = "COLUMN";
+	SkeletonType[SkeletonType["SECTION"] = 4] = "SECTION";
+	SkeletonType[SkeletonType["PAGE"] = 5] = "PAGE";
+	SkeletonType[SkeletonType["DRAWING"] = 6] = "DRAWING";
+	SkeletonType[SkeletonType["BULLET"] = 7] = "BULLET";
+	SkeletonType[SkeletonType["HEADER"] = 8] = "HEADER";
+	SkeletonType[SkeletonType["FOOTER"] = 9] = "FOOTER";
+	SkeletonType[SkeletonType["ALL"] = 10] = "ALL";
+	return SkeletonType;
+}({});
+let BreakType = /* @__PURE__ */ function(BreakType) {
+	BreakType[BreakType["SECTION"] = 0] = "SECTION";
+	BreakType[BreakType["PAGE"] = 1] = "PAGE";
+	BreakType[BreakType["COLUMN"] = 2] = "COLUMN";
+	return BreakType;
+}({});
+let LineType = /* @__PURE__ */ function(LineType) {
+	LineType[LineType["PARAGRAPH"] = 0] = "PARAGRAPH";
+	LineType[LineType["BLOCK"] = 1] = "BLOCK";
+	return LineType;
+}({});
+let GlyphType = /* @__PURE__ */ function(GlyphType) {
+	GlyphType[GlyphType["LETTER"] = 0] = "LETTER";
+	GlyphType[GlyphType["WORD"] = 1] = "WORD";
+	GlyphType[GlyphType["LIST"] = 2] = "LIST";
+	GlyphType[GlyphType["PLACEHOLDER"] = 3] = "PLACEHOLDER";
+	GlyphType[GlyphType["TAB"] = 4] = "TAB";
+	GlyphType[GlyphType["IMAGE"] = 5] = "IMAGE";
+	GlyphType[GlyphType["AT"] = 6] = "AT";
+	GlyphType[GlyphType["MATH"] = 7] = "MATH";
+	GlyphType[GlyphType["MULTI_LINE"] = 8] = "MULTI_LINE";
+	GlyphType[GlyphType["CUSTOM"] = 9] = "CUSTOM";
+	return GlyphType;
+}({});
+/**
+* Determining the text layout, whether it's vertical or horizontal,
+* data storage is primarily horizontal,
+* and vertical layout is supported through rendering and drawing.
+*/
+let PageLayoutType = /* @__PURE__ */ function(PageLayoutType) {
+	PageLayoutType[PageLayoutType["VERTICAL"] = 0] = "VERTICAL";
+	PageLayoutType[PageLayoutType["HORIZONTAL"] = 1] = "HORIZONTAL";
+	PageLayoutType[PageLayoutType["AUTO"] = 2] = "AUTO";
+	return PageLayoutType;
+}({});
+
+//#endregion
+//#region src/basics/document-node-tools.ts
+function hasListGlyph(glyph) {
+	var _glyphGroup$;
+	const divide = glyph === null || glyph === void 0 ? void 0 : glyph.parent;
+	if (divide == null) return false;
+	return ((_glyphGroup$ = divide.glyphGroup[0]) === null || _glyphGroup$ === void 0 ? void 0 : _glyphGroup$.glyphType) === 2;
+}
+function isIndentByGlyph(glyph, body) {
+	const paragraph = getParagraphByGlyph(glyph, body);
+	if (paragraph == null) return false;
+	const { paragraphStyle } = paragraph;
+	if (paragraphStyle == null) return false;
+	return (0, _univerjs_core.checkParagraphHasIndentByStyle)(paragraphStyle);
+}
+function isLastGlyph(glyph) {
+	const divide = glyph === null || glyph === void 0 ? void 0 : glyph.parent;
+	const line = divide === null || divide === void 0 ? void 0 : divide.parent;
+	const glyphGroup = divide === null || divide === void 0 ? void 0 : divide.glyphGroup;
+	const divides = line === null || line === void 0 ? void 0 : line.divides;
+	if (glyphGroup && glyph && divides && divide) {
+		const glyphIndex = glyphGroup.indexOf(glyph);
+		if (divides.indexOf(divide) === divides.length - 1 && glyphIndex === glyphGroup.length - 1) return true;
+	}
+	return false;
+}
+function isFirstGlyph(glyph) {
+	const divide = glyph === null || glyph === void 0 ? void 0 : glyph.parent;
+	const line = divide === null || divide === void 0 ? void 0 : divide.parent;
+	const glyphGroup = divide === null || divide === void 0 ? void 0 : divide.glyphGroup;
+	const divides = line === null || line === void 0 ? void 0 : line.divides;
+	if (glyphGroup && glyph && divides && divide) {
+		const glyphIndex = glyphGroup.indexOf(glyph);
+		const divideIndex = divides.indexOf(divide);
+		if (divideIndex === 0 && glyphIndex === 0) return true;
+		if (divideIndex === 0 && glyphIndex === 1 && glyphGroup[0].glyphType === 2) return true;
+	}
+	return false;
+}
+function getParagraphByGlyph(glyph, body) {
+	var _glyph$parent;
+	const line = glyph === null || glyph === void 0 || (_glyph$parent = glyph.parent) === null || _glyph$parent === void 0 ? void 0 : _glyph$parent.parent;
+	if (line == null || body == null) return;
+	const paragraphs = body.paragraphs;
+	if (paragraphs == null) return;
+	for (let i = 0; i < paragraphs.length; i++) {
+		const paragraph = paragraphs[i];
+		const prevParagraph = paragraphs[i - 1];
+		if (paragraph.startIndex === line.paragraphIndex) {
+			var _prevParagraph$startI;
+			return {
+				...paragraph,
+				paragraphStart: ((_prevParagraph$startI = prevParagraph === null || prevParagraph === void 0 ? void 0 : prevParagraph.startIndex) !== null && _prevParagraph$startI !== void 0 ? _prevParagraph$startI : -1) + 1,
+				paragraphEnd: paragraph.startIndex
+			};
+		}
+	}
+}
+function isPlaceholderOrSpace(glyph) {
+	if (glyph == null) return false;
+	if ([
+		_univerjs_core.DataStreamTreeTokenType.PARAGRAPH,
+		_univerjs_core.DataStreamTreeTokenType.TAB,
+		_univerjs_core.DataStreamTreeTokenType.SECTION_BREAK
+	].indexOf(glyph.streamType) !== -1 || glyph.content === _univerjs_core.DataStreamTreeTokenType.SPACE) return true;
+	return false;
+}
+function isSameLine(glyph1, glyph2) {
+	if (glyph1 == null) return false;
+	if (glyph2 == null) return false;
+	if (glyph1.parent == null) return false;
+	if (glyph2.parent == null) return false;
+	return glyph1.parent.parent === glyph2.parent.parent;
+}
+
+//#endregion
+//#region src/basics/tools.ts
+const DEG180 = 180;
+const PI_OVER_DEG180 = Math.PI / DEG180;
+const DEG180_OVER_PI = DEG180 / Math.PI;
+const RGB_PAREN = "rgb(";
+const RGBA_PAREN = "rgba(";
+const getColor = (RgbArray, opacity) => {
+	if (!RgbArray) return `${RGB_PAREN}0,0,0)`;
+	if (opacity != null) return `${RGBA_PAREN + RgbArray.join(",")},${opacity})`;
+	return `${RGB_PAREN + RgbArray.join(",")})`;
+};
+const PERCENT_TO_NUMBER_DIVIDE = 100;
+const toPx = (num, ReferenceValue) => {
+	if (_univerjs_core.Tools.isNumber(num)) return num;
+	if (ReferenceValue && num && _univerjs_core.Tools.isString(num) && num.substr(num.length - 1, 1) === "%") return ReferenceValue * (Number.parseFloat(num) / PERCENT_TO_NUMBER_DIVIDE);
+	return 0;
+};
+const ONE_FRAME_NUMBER = 16;
+/**
+* Queue a new function into the requested animation frame pool (ie. this function will be executed byt the browser for the next frame)
+* @param func - the function to be called
+* @param requester - the object that will request the next frame. Falls back to window.
+* @returns frame number
+*/
+const requestNewFrame = (func, requester) => {
+	if (!requester) requester = window;
+	if (requester.requestPostAnimationFrame) return requester.requestPostAnimationFrame(func);
+	if (requester.requestAnimationFrame) return requester.requestAnimationFrame(func);
+	if (requester.msRequestAnimationFrame) return requester.msRequestAnimationFrame(func);
+	if (requester.webkitRequestAnimationFrame) return requester.webkitRequestAnimationFrame(func);
+	if (requester.mozRequestAnimationFrame) return requester.mozRequestAnimationFrame(func);
+	if (requester.oRequestAnimationFrame) return requester.oRequestAnimationFrame(func);
+	return setTimeout(func, ONE_FRAME_NUMBER);
+};
+const cancelRequestFrame = (requestID, requester) => {
+	if (!requester) requester = window;
+	if (requester.requestPostAnimationFrame) return requester.cancelPostAnimationFrame(requestID);
+	if (requester.requestAnimationFrame) return requester.cancelAnimationFrame(requestID);
+	if (requester.msRequestAnimationFrame) return requester.msCancelAnimationFrame(requestID);
+	if (requester.webkitRequestAnimationFrame) return requester.webkitCancelAnimationFrame(requestID);
+	if (requester.mozRequestAnimationFrame) return requester.mozCancelAnimationFrame(requestID);
+	if (requester.oRequestAnimationFrame) return requester.oCancelAnimationFrame(requestID);
+	return clearTimeout(requestID);
+};
+const createCanvasElement = () => {
+	const canvas = document.createElement("canvas");
+	canvas.dir = "ltr";
+	try {
+		canvas.style = canvas.style || {};
+	} catch (e) {
+		console.error(e);
+	}
+	return canvas;
+};
+const createImageElement = () => document.createElement("img");
+const radToDeg = (rad) => rad * DEG180_OVER_PI;
+const degToRad = (deg) => deg * PI_OVER_DEG180;
+/**
+* Gets the pointer prefix to use
+* @param engine defines the engine we are finding the prefix for
+* @returns "pointer" if touch is enabled. Else returns "mouse"
+*/
+const getPointerPrefix = () => {
+	let eventPrefix = "pointer";
+	if (typeof window !== "undefined" && !window.PointerEvent && typeof navigator !== "undefined") eventPrefix = "mouse";
+	if (_univerjs_core.Tools.isTablet() && !_univerjs_core.Tools.isIPhone() && !(document && "ontouchend" in document)) eventPrefix = "mouse";
+	return eventPrefix;
+};
+/**
+* Utility function to detect if the current user agent is Safari
+* @returns whether or not the current user agent is safari
+*/
+const IsSafari = () => {
+	if (_univerjs_core.Tools.getBrowserType() === "safari") return true;
+	return false;
+};
+const GENERATE_RANDOM_KEY_DEFAULT_LENGTH = 4;
+const generateRandomKey = (prefix = "obj", keyLength = GENERATE_RANDOM_KEY_DEFAULT_LENGTH) => {
+	const userAgent = window.navigator.userAgent.replace(/[^a-zA-Z0-9]/g, "").split("");
+	let mid = "";
+	for (let i = 0; i < keyLength; i++) mid += userAgent[Math.round(Math.random() * (userAgent.length - 1))];
+	const time = (/* @__PURE__ */ new Date()).getTime();
+	return `${prefix}_${mid}_${time}`;
+};
+function getValueType(value) {
+	return Object.prototype.toString.apply(value);
+}
+function isFunction(value) {
+	return getValueType(value) === "[object Function]";
+}
+function isDate(value) {
+	return getValueType(value) === "[object Date]";
+}
+function isRegExp(value) {
+	return getValueType(value) === "[object RegExp]";
+}
+function isArray(value) {
+	return getValueType(value) === "[object Array]";
+}
+function isString(value) {
+	return getValueType(value) === "[object String]";
+}
+function isNumber(value) {
+	return getValueType(value) === "[object Number]";
+}
+function isObject(value) {
+	return getValueType(value) === "[object Object]";
+}
+function precisionTo(num, accurate) {
+	accurate = 10 ** accurate;
+	return Math.round(num * accurate) / accurate;
+}
+/**
+* When drawing lines, it is necessary to align their precision.
+* performance testing
+* var time = performance.now(); for(let i=0;i<100000000;i++){ fixLineWidthByScale(i, 0.666); }; console.log(performance.now()-time);
+*/
+function fixLineWidthByScale(num, scale) {
+	return Math.round(num * scale) / scale;
+}
+function getFontStyleString(textStyle) {
+	const defaultFont = _univerjs_core.DEFAULT_STYLES.ff;
+	const defaultFontSize = _univerjs_core.DEFAULT_STYLES.fs;
+	if (!textStyle) {
+		const fontString = `${defaultFontSize}pt  ${defaultFont}`;
+		return {
+			fontCache: fontString,
+			fontString,
+			fontSize: defaultFontSize,
+			originFontSize: defaultFontSize,
+			fontFamily: defaultFont
+		};
+	}
+	let italic = _univerjs_core.FontStyleType.ITALIC;
+	if (textStyle.it === 0 || textStyle.it === void 0) italic = _univerjs_core.FontStyleType.NORMAL;
+	let bold = _univerjs_core.FontStyleType.BOLD;
+	if (textStyle.bl === 0 || textStyle.bl === void 0) bold = _univerjs_core.FontStyleType.NORMAL;
+	let originFontSize = defaultFontSize;
+	if (textStyle.fs) originFontSize = textStyle.fs;
+	let fontSize = originFontSize;
+	const fontFamilyResult = normalizeFontFamily(textStyle.ff, defaultFont);
+	const { va: baselineOffset } = textStyle;
+	if (baselineOffset === _univerjs_core.BaselineOffset.SUBSCRIPT || baselineOffset === _univerjs_core.BaselineOffset.SUPERSCRIPT) {
+		const { sbr, spr } = FontCache.getBaselineOffsetInfo(fontFamilyResult, fontSize);
+		fontSize *= baselineOffset === _univerjs_core.BaselineOffset.SUBSCRIPT ? sbr : spr;
+	}
+	const fontStringPure = `${italic} ${bold} ${fontSize}pt ${fontFamilyResult}`;
+	return {
+		fontCache: fontStringPure,
+		fontString: `${fontStringPure}, ${DEFAULT_FONTFACE_PLANE} `,
+		fontSize,
+		originFontSize,
+		fontFamily: fontFamilyResult
+	};
+}
+function normalizeFontFamily(fontFamily, defaultFont) {
+	if (!(fontFamily === null || fontFamily === void 0 ? void 0 : fontFamily.trim())) return defaultFont;
+	return fontFamily.split(",").map((item) => {
+		const family = item.trim().replace(/^['"]|['"]$/g, "");
+		return family.includes(" ") ? `"${family}"` : family;
+	}).filter(Boolean).join(", ");
+}
+function hasAllLatin(text) {
+	if (!/[\u0000-\u024F]/gi.exec(text)) return false;
+	return true;
+}
+function hasBasicLatin(text) {
+	if (!/[\u0000-\u007F]/gi.exec(text)) return false;
+	return true;
+}
+function hasLatinOneSupplement(text) {
+	if (!/[\u0080-\u00FF]/gi.exec(text)) return false;
+	return true;
+}
+function hasLatinExtendedA(text) {
+	if (!/[\u0100-\u017F]/gi.exec(text)) return false;
+	return true;
+}
+function hasLatinExtendedB(text) {
+	if (!/[\u0180-\u024F]/gi.exec(text)) return false;
+	return true;
+}
+const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+function getFirstGrapheme(text) {
+	var _it$next$value$segmen, _it$next$value;
+	return (_it$next$value$segmen = (_it$next$value = segmenter.segment(text)[Symbol.iterator]().next().value) === null || _it$next$value === void 0 ? void 0 : _it$next$value.segment) !== null && _it$next$value$segmen !== void 0 ? _it$next$value$segmen : null;
+}
+function isEmojiGrapheme(grapheme) {
+	if (/\p{Extended_Pictographic}/u.test(grapheme)) return true;
+	if (/^\p{Regional_Indicator}{2}$/u.test(grapheme)) return true;
+	if (/^[0-9#*]\uFE0F?\u20E3$/u.test(grapheme)) return true;
+	return false;
+}
+function startWithEmoji(text) {
+	const first = getFirstGrapheme(text);
+	return first ? isEmojiGrapheme(first) : false;
+}
+function hasArabic(text) {
+	return /[\u0600-\u06FF]|[\u0750-\u0750]|[\u0870-\u08FF]|[\uFB50-\uFDFF]|[\uFE70-\uFEFF]/gi.test(text);
+}
+function hasTibetan(text) {
+	return /[\u0180-\u024F]/gi.test(text);
+}
+function hasThai(text) {
+	return /[\u0E00-\u0E7F]/.test(text);
+}
+function hasSpace(text) {
+	return /\s+/g.test(text);
+}
+function isCjkLeftAlignedPunctuation(text) {
+	return [
+		"”",
+		"’",
+		"，",
+		"。",
+		"．",
+		"、",
+		"：",
+		"；",
+		"？",
+		"！",
+		"》",
+		"）",
+		"』",
+		"」",
+		"】",
+		"〗",
+		"〕",
+		"〉",
+		"］",
+		"｝"
+	].indexOf(text) > -1;
+}
+function isCjkRightAlignedPunctuation(text) {
+	return [
+		"“",
+		"‘",
+		"《",
+		"（",
+		"『",
+		"「",
+		"【",
+		"〖",
+		"〔",
+		"〈",
+		"［",
+		"｛"
+	].indexOf(text) > -1;
 }
-/**
-* Returns the combined CJK letter and punctuation charset generated from `cjk-regex@3.4.0`.
-*/
-function all() {
-	return _univerjs_core.regexp.charset(...CJK_ALL_DATA);
+function isCjkCenterAlignedPunctuation(text) {
+	return ["・", "·"].indexOf(text) > -1;
 }
-/**
-* Returns true when text contains CJK letters, excluding punctuation and symbols.
-*/
-function hasCJKText(text) {
-	return CJK_LETTER_REG.test(text);
+const one_thousand = 1e3;
+let dpi_cache;
+function getDPI() {
+	if (dpi_cache) return dpi_cache;
+	let i = 56;
+	for (; i < one_thousand * 2; i++) if (matchMedia(`(max-resolution: ${i}dpi)`).matches === true) return i;
+	dpi_cache = i;
+	setTimeout(() => {
+		dpi_cache = null;
+	}, one_thousand);
+	return i;
 }
-/**
-* Returns true when text contains CJK letters or CJK punctuation.
-*/
-function hasCJK(text) {
-	return CJK_ALL_REG.test(text);
+const BENCHMARK_DPI = 72;
+const BENCHMARK_CONVERT_MM = 25.4;
+function ptToPx(pt) {
+	return pt / (BENCHMARK_DPI / getDPI());
 }
-/**
-* Returns true when text contains CJK punctuation, excluding CJK letters.
-*/
-function hasCJKPunctuation(text) {
-	return CJK_PUNCTUATION_REG.test(text);
+function pxToPt(px) {
+	return px * (BENCHMARK_DPI / getDPI());
 }
-/**
-* Namespace-style CJK regex API used by document rendering and layout.
-*/
-const cjk = {
-	CJK_LETTER_SOURCE,
-	CJK_PUNCTUATION_SOURCE,
-	CJK_ALL_SOURCE,
-	CJK_LETTER_REG,
-	CJK_PUNCTUATION_REG,
-	CJK_ALL_REG,
-	CJK_LETTER_DATA,
-	CJK_PUNCTUATION_DATA,
-	CJK_ALL_DATA,
-	letters,
-	punctuations,
-	all,
-	hasCJKText,
-	hasCJK,
-	hasCJKPunctuation
-};
-
-//#endregion
-//#region src/basics/i-document-skeleton-cached.ts
-let DocumentSkeletonPageType = /* @__PURE__ */ function(DocumentSkeletonPageType) {
-	DocumentSkeletonPageType[DocumentSkeletonPageType["BODY"] = 0] = "BODY";
-	DocumentSkeletonPageType[DocumentSkeletonPageType["HEADER"] = 1] = "HEADER";
-	DocumentSkeletonPageType[DocumentSkeletonPageType["FOOTER"] = 2] = "FOOTER";
-	DocumentSkeletonPageType[DocumentSkeletonPageType["CELL"] = 3] = "CELL";
-	return DocumentSkeletonPageType;
-}({});
-let SkeletonType = /* @__PURE__ */ function(SkeletonType) {
-	SkeletonType[SkeletonType["GLYPH"] = 0] = "GLYPH";
-	SkeletonType[SkeletonType["DIVIDE"] = 1] = "DIVIDE";
-	SkeletonType[SkeletonType["LINE"] = 2] = "LINE";
-	SkeletonType[SkeletonType["COLUMN"] = 3] = "COLUMN";
-	SkeletonType[SkeletonType["SECTION"] = 4] = "SECTION";
-	SkeletonType[SkeletonType["PAGE"] = 5] = "PAGE";
-	SkeletonType[SkeletonType["DRAWING"] = 6] = "DRAWING";
-	SkeletonType[SkeletonType["BULLET"] = 7] = "BULLET";
-	SkeletonType[SkeletonType["HEADER"] = 8] = "HEADER";
-	SkeletonType[SkeletonType["FOOTER"] = 9] = "FOOTER";
-	SkeletonType[SkeletonType["ALL"] = 10] = "ALL";
-	return SkeletonType;
-}({});
-let BreakType = /* @__PURE__ */ function(BreakType) {
-	BreakType[BreakType["SECTION"] = 0] = "SECTION";
-	BreakType[BreakType["PAGE"] = 1] = "PAGE";
-	BreakType[BreakType["COLUMN"] = 2] = "COLUMN";
-	return BreakType;
-}({});
-let LineType = /* @__PURE__ */ function(LineType) {
-	LineType[LineType["PARAGRAPH"] = 0] = "PARAGRAPH";
-	LineType[LineType["BLOCK"] = 1] = "BLOCK";
-	return LineType;
-}({});
-let GlyphType = /* @__PURE__ */ function(GlyphType) {
-	GlyphType[GlyphType["LETTER"] = 0] = "LETTER";
-	GlyphType[GlyphType["WORD"] = 1] = "WORD";
-	GlyphType[GlyphType["LIST"] = 2] = "LIST";
-	GlyphType[GlyphType["PLACEHOLDER"] = 3] = "PLACEHOLDER";
-	GlyphType[GlyphType["TAB"] = 4] = "TAB";
-	GlyphType[GlyphType["IMAGE"] = 5] = "IMAGE";
-	GlyphType[GlyphType["AT"] = 6] = "AT";
-	GlyphType[GlyphType["MATH"] = 7] = "MATH";
-	GlyphType[GlyphType["MULTI_LINE"] = 8] = "MULTI_LINE";
-	GlyphType[GlyphType["CUSTOM"] = 9] = "CUSTOM";
-	return GlyphType;
-}({});
-/**
-* Determining the text layout, whether it's vertical or horizontal,
-* data storage is primarily horizontal,
-* and vertical layout is supported through rendering and drawing.
-*/
-let PageLayoutType = /* @__PURE__ */ function(PageLayoutType) {
-	PageLayoutType[PageLayoutType["VERTICAL"] = 0] = "VERTICAL";
-	PageLayoutType[PageLayoutType["HORIZONTAL"] = 1] = "HORIZONTAL";
-	PageLayoutType[PageLayoutType["AUTO"] = 2] = "AUTO";
-	return PageLayoutType;
-}({});
-
-//#endregion
-//#region src/basics/document-node-tools.ts
-function hasListGlyph(glyph) {
-	var _glyphGroup$;
-	const divide = glyph === null || glyph === void 0 ? void 0 : glyph.parent;
-	if (divide == null) return false;
-	return ((_glyphGroup$ = divide.glyphGroup[0]) === null || _glyphGroup$ === void 0 ? void 0 : _glyphGroup$.glyphType) === 2;
+function ptToMM(px) {
+	return px * (getDPI() / BENCHMARK_CONVERT_MM);
 }
-function isIndentByGlyph(glyph, body) {
-	const paragraph = getParagraphByGlyph(glyph, body);
-	if (paragraph == null) return false;
-	const { paragraphStyle } = paragraph;
-	if (paragraphStyle == null) return false;
-	return (0, _univerjs_core.checkParagraphHasIndentByStyle)(paragraphStyle);
+function pxToInch(px) {
+	return px * getDPI();
 }
-function isLastGlyph(glyph) {
-	const divide = glyph === null || glyph === void 0 ? void 0 : glyph.parent;
-	const line = divide === null || divide === void 0 ? void 0 : divide.parent;
-	const glyphGroup = divide === null || divide === void 0 ? void 0 : divide.glyphGroup;
-	const divides = line === null || line === void 0 ? void 0 : line.divides;
-	if (glyphGroup && glyph && divides && divide) {
-		const glyphIndex = glyphGroup.indexOf(glyph);
-		if (divides.indexOf(divide) === divides.length - 1 && glyphIndex === glyphGroup.length - 1) return true;
-	}
-	return false;
+function getScale(parentScale) {
+	const { scaleX = 1, scaleY = 1 } = parentScale;
+	return Math.max(scaleX, scaleY);
 }
-function isFirstGlyph(glyph) {
-	const divide = glyph === null || glyph === void 0 ? void 0 : glyph.parent;
-	const line = divide === null || divide === void 0 ? void 0 : divide.parent;
-	const glyphGroup = divide === null || divide === void 0 ? void 0 : divide.glyphGroup;
-	const divides = line === null || line === void 0 ? void 0 : line.divides;
-	if (glyphGroup && glyph && divides && divide) {
-		const glyphIndex = glyphGroup.indexOf(glyph);
-		const divideIndex = divides.indexOf(divide);
-		if (divideIndex === 0 && glyphIndex === 0) return true;
-		if (divideIndex === 0 && glyphIndex === 1 && glyphGroup[0].glyphType === 2) return true;
-	}
-	return false;
+function getCellPositionByIndex(row, column, rowHeightAccumulation, columnWidthAccumulation) {
+	const startRow = row - 1;
+	const startColumn = column - 1;
+	const startY = rowHeightAccumulation[startRow] || 0;
+	let endY = rowHeightAccumulation[row];
+	if (endY == null) endY = rowHeightAccumulation[rowHeightAccumulation.length - 1];
+	const startX = columnWidthAccumulation[startColumn] || 0;
+	let endX = columnWidthAccumulation[column];
+	if (endX == null) endX = columnWidthAccumulation[columnWidthAccumulation.length - 1];
+	return {
+		startY,
+		endY,
+		startX,
+		endX
+	};
 }
-function getParagraphByGlyph(glyph, body) {
-	var _glyph$parent;
-	const line = glyph === null || glyph === void 0 || (_glyph$parent = glyph.parent) === null || _glyph$parent === void 0 ? void 0 : _glyph$parent.parent;
-	if (line == null || body == null) return;
-	const paragraphs = body.paragraphs;
-	if (paragraphs == null) return;
-	for (let i = 0; i < paragraphs.length; i++) {
-		const paragraph = paragraphs[i];
-		const prevParagraph = paragraphs[i - 1];
-		if (paragraph.startIndex === line.paragraphIndex) {
-			var _prevParagraph$startI;
-			return {
-				...paragraph,
-				paragraphStart: ((_prevParagraph$startI = prevParagraph === null || prevParagraph === void 0 ? void 0 : prevParagraph.startIndex) !== null && _prevParagraph$startI !== void 0 ? _prevParagraph$startI : -1) + 1,
-				paragraphEnd: paragraph.startIndex
-			};
-		}
+function mergeInfoOffset(mergeInfo, offsetX, offsetY) {
+	return {
+		...mergeInfo,
+		startY: mergeInfo.startY + offsetY,
+		endY: mergeInfo.endY + offsetY,
+		startX: mergeInfo.startX + offsetX,
+		endX: mergeInfo.endX + offsetX
+	};
+}
+function isRectIntersect(rect1, rect2) {
+	return !(rect1.left > rect2.right || rect1.top > rect2.bottom || rect2.left > rect1.right || rect2.top > rect1.bottom);
+}
+function injectStyle(styles) {
+	const styleElement = document.createElement("style");
+	document.head.appendChild(styleElement);
+	const styleSheet = styleElement.sheet;
+	for (const style of styles) styleSheet === null || styleSheet === void 0 || styleSheet.insertRule(style, styleSheet.cssRules.length);
+}
+function checkStyle(content) {
+	for (let i = 0, len = document.head.childNodes.length; i < len; i++) {
+		const node = document.head.childNodes[i];
+		if (node.nodeName === "STYLE" && node.textContent && node.textContent.indexOf(content) > -1) return true;
 	}
+	return false;
 }
-function isPlaceholderOrSpace(glyph) {
-	if (glyph == null) return false;
-	if ([
-		_univerjs_core.DataStreamTreeTokenType.PARAGRAPH,
-		_univerjs_core.DataStreamTreeTokenType.TAB,
-		_univerjs_core.DataStreamTreeTokenType.SECTION_BREAK
-	].indexOf(glyph.streamType) !== -1 || glyph.content === _univerjs_core.DataStreamTreeTokenType.SPACE) return true;
+function pxToNum(unit) {
+	return Number(unit.replace(/px/gi, ""));
+}
+function getSizeForDom(dom) {
+	const { borderTopWidth, borderLeftWidth, borderRightWidth, borderBottomWidth, width, height } = getComputedStyle(dom);
+	return {
+		top: pxToNum(borderTopWidth),
+		left: pxToNum(borderLeftWidth),
+		right: pxToNum(borderRightWidth),
+		bottom: pxToNum(borderBottomWidth),
+		width: pxToNum(width),
+		height: pxToNum(height)
+	};
+}
+/**
+*1 pixel * 0.75 = 1 pt
+*/
+const PX_TO_PT_RATIO = .75;
+function ptToPixel(pt) {
+	return pt / PX_TO_PT_RATIO;
+}
+function pixelToPt(px) {
+	return px * PX_TO_PT_RATIO;
+}
+/**
+* Is cell in view ranges.
+* @param ranges
+* @param rowIndex
+* @param colIndex
+* @returns boolean
+*/
+function inViewRanges(ranges, rowIndex, colIndex) {
+	for (const range of ranges) if (rowIndex >= range.startRow && rowIndex <= range.endRow && colIndex >= range.startColumn && colIndex <= range.endColumn) return true;
 	return false;
 }
-function isSameLine(glyph1, glyph2) {
-	if (glyph1 == null) return false;
-	if (glyph2 == null) return false;
-	if (glyph1.parent == null) return false;
-	if (glyph2.parent == null) return false;
-	return glyph1.parent.parent === glyph2.parent.parent;
+/**
+* If there is an intersection in ranges to the mainRanges, extend it to the first set of ranges.
+* @param {IRange[]} mainRanges target ranges
+* @param {IRange[]} ranges
+*/
+function expandRangeIfIntersects(mainRanges, ranges) {
+	const intersects = [];
+	for (const mainRange of mainRanges) for (const range of ranges) if (_univerjs_core.Rectangle.simpleRangesIntersect(mainRange, range)) intersects.push(range);
+	return mainRanges.concat(intersects);
+}
+function clampRange(range, maxRow, maxColumn) {
+	return {
+		startRow: _univerjs_core.Tools.clamp(range.startRow, 0, maxRow),
+		endRow: _univerjs_core.Tools.clamp(range.endRow, 0, maxRow),
+		startColumn: _univerjs_core.Tools.clamp(range.startColumn, 0, maxColumn),
+		endColumn: _univerjs_core.Tools.clamp(range.endColumn, 0, maxColumn)
+	};
+}
+/**
+* Get system highlight color in rgb format.
+*/
+function getSystemHighlightColor() {
+	const hiddenEle = document.createElement("div");
+	hiddenEle.style.width = "0";
+	hiddenEle.style.height = "0";
+	hiddenEle.style.backgroundColor = "highlight";
+	document.body.append(hiddenEle);
+	const highlightColor = getComputedStyle(hiddenEle).backgroundColor;
+	hiddenEle.remove();
+	return new _univerjs_core.ColorKit(highlightColor).toRgb();
 }
 
 //#endregion
@@ -1316,7 +1219,9 @@ var Vector2 = class Vector2 {
 	static CatmullRom(value1, value2, value3, value4, amount) {
 		const squared = amount * amount;
 		const cubed = amount * squared;
-		return new Vector2(.5 * (2 * value2.x + (-value1.x + value3.x) * amount + (2 * value1.x - 5 * value2.x + 4 * value3.x - value4.x) * squared + (-value1.x + 3 * value2.x - 3 * value3.x + value4.x) * cubed), .5 * (2 * value2.y + (-value1.y + value3.y) * amount + (2 * value1.y - 5 * value2.y + 4 * value3.y - value4.y) * squared + (-value1.y + 3 * value2.y - 3 * value3.y + value4.y) * cubed));
+		const x = .5 * (2 * value2.x + (-value1.x + value3.x) * amount + (2 * value1.x - 5 * value2.x + 4 * value3.x - value4.x) * squared + (-value1.x + 3 * value2.x - 3 * value3.x + value4.x) * cubed);
+		const y = .5 * (2 * value2.y + (-value1.y + value3.y) * amount + (2 * value1.y - 5 * value2.y + 4 * value3.y - value4.y) * squared + (-value1.y + 3 * value2.y - 3 * value3.y + value4.y) * cubed);
+		return new Vector2(x, y);
 	}
 	/**
 	* Returns a new Vector2 set with same the coordinates than "value" ones if the vector "value" is in the square defined by "min" and "max".
@@ -1352,7 +1257,9 @@ var Vector2 = class Vector2 {
 		const part2 = -2 * cubed + 3 * squared;
 		const part3 = cubed - 2 * squared + amount;
 		const part4 = cubed - squared;
-		return new Vector2(value1.x * part1 + value2.x * part2 + tangent1.x * part3 + tangent2.x * part4, value1.y * part1 + value2.y * part2 + tangent1.y * part3 + tangent2.y * part4);
+		const x = value1.x * part1 + value2.x * part2 + tangent1.x * part3 + tangent2.x * part4;
+		const y = value1.y * part1 + value2.y * part2 + tangent1.y * part3 + tangent2.y * part4;
+		return new Vector2(x, y);
 	}
 	/**
 	* Returns a new Vector2 which is the 1st derivative of the Hermite spline defined by the vectors "value1", "value2", "tangent1", "tangent2".
@@ -1390,7 +1297,9 @@ var Vector2 = class Vector2 {
 	* @returns a new Vector2
 	*/
 	static Lerp(start, end, amount) {
-		return new Vector2(start.x + (end.x - start.x) * amount, start.y + (end.y - start.y) * amount);
+		const x = start.x + (end.x - start.x) * amount;
+		const y = start.y + (end.y - start.y) * amount;
+		return new Vector2(x, y);
 	}
 	/**
 	* Gets the dot product of the vector "left" and the vector "right"
@@ -1429,7 +1338,9 @@ var Vector2 = class Vector2 {
 	* @returns a new Vector2
 	*/
 	static Minimize(left, right) {
-		return new Vector2(left.x < right.x ? left.x : right.x, left.y < right.y ? left.y : right.y);
+		const x = left.x < right.x ? left.x : right.x;
+		const y = left.y < right.y ? left.y : right.y;
+		return new Vector2(x, y);
 	}
 	/**
 	* Gets a new Vector2 set with the maximal coordinate values from the "left" and "right" vectors
@@ -1438,7 +1349,9 @@ var Vector2 = class Vector2 {
 	* @returns a new Vector2
 	*/
 	static Maximize(left, right) {
-		return new Vector2(left.x > right.x ? left.x : right.x, left.y > right.y ? left.y : right.y);
+		const x = left.x > right.x ? left.x : right.x;
+		const y = left.y > right.y ? left.y : right.y;
+		return new Vector2(x, y);
 	}
 	/**
 	* Determines if a given vector is included in a triangle
@@ -3161,7 +3074,7 @@ const MAX_WHEEL_ZOOM_STEP_BELOW_ONE = .07;
 const LINE_DELTA_PIXEL_SIZE = 16;
 const PAGE_DELTA_PIXEL_SIZE = 800;
 const ZOOM_RATIO_PRECISION = 100;
-function clamp(value, min, max) {
+function clamp$1(value, min, max) {
 	return Math.min(max, Math.max(min, value));
 }
 function normalizeWheelDelta(event) {
@@ -3176,10 +3089,10 @@ function normalizeWheelDelta(event) {
 function getNextWheelZoomRatio(currentRatio, event) {
 	const validCurrentRatio = Number.isFinite(currentRatio) ? currentRatio : 1;
 	const normalizedDelta = normalizeWheelDelta(event);
-	if (normalizedDelta === 0) return clamp(validCurrentRatio, MIN_ZOOM_RATIO, MAX_ZOOM_RATIO);
+	if (normalizedDelta === 0) return clamp$1(validCurrentRatio, MIN_ZOOM_RATIO, MAX_ZOOM_RATIO);
 	const maxStep = validCurrentRatio < 1 ? MAX_WHEEL_ZOOM_STEP_BELOW_ONE : MAX_WHEEL_ZOOM_STEP;
-	const ratioDelta = clamp(-normalizedDelta * PIXEL_DELTA_TO_ZOOM_RATIO, -maxStep, maxStep);
-	return clamp(Math.round((validCurrentRatio + ratioDelta) * ZOOM_RATIO_PRECISION) / ZOOM_RATIO_PRECISION, MIN_ZOOM_RATIO, MAX_ZOOM_RATIO);
+	const ratioDelta = clamp$1(-normalizedDelta * PIXEL_DELTA_TO_ZOOM_RATIO, -maxStep, maxStep);
+	return clamp$1(Math.round((validCurrentRatio + ratioDelta) * ZOOM_RATIO_PRECISION) / ZOOM_RATIO_PRECISION, MIN_ZOOM_RATIO, MAX_ZOOM_RATIO);
 }
 
 //#endregion
@@ -3933,6 +3846,95 @@ var BaseObject = class extends _univerjs_core.Disposable {
 	}
 };
 
+//#endregion
+//#region src/basics/drawing-effect.ts
+const DRAWINGML_GLOW_BLUR_SCALE = .5;
+const GAUSSIAN_BLUR_BOUND_SCALE = 3;
+function clamp(value, min, max) {
+	return Math.max(min, Math.min(max, value));
+}
+function colorWithOpacity(color, opacity) {
+	if (opacity === void 0) return color;
+	const parsedColor = new _univerjs_core.ColorKit(color);
+	if (!parsedColor.isValid) return color;
+	return parsedColor.setAlpha(parsedColor.getAlpha() * clamp(opacity, 0, 1)).toRgbString();
+}
+function cssPixels(value) {
+	return `${Math.abs(value) < Number.EPSILON ? 0 : value}px`;
+}
+function toDropShadowFilter(effect) {
+	return `drop-shadow(${cssPixels(effect.offsetX)} ${cssPixels(effect.offsetY)} ${cssPixels(effect.blurRadius)} ${effect.color})`;
+}
+function resolveOuterShadowEffect(effect) {
+	var _effect$distance, _effect$direction, _effect$sx, _effect$sy, _effect$blurRadius;
+	if (!(effect === null || effect === void 0 ? void 0 : effect.color)) return;
+	const distance = (_effect$distance = effect.distance) !== null && _effect$distance !== void 0 ? _effect$distance : 0;
+	const direction = ((_effect$direction = effect.direction) !== null && _effect$direction !== void 0 ? _effect$direction : 0) * Math.PI / 180;
+	const sizeScale = (((_effect$sx = effect.sx) !== null && _effect$sx !== void 0 ? _effect$sx : 1) + ((_effect$sy = effect.sy) !== null && _effect$sy !== void 0 ? _effect$sy : 1)) / 2;
+	return {
+		color: colorWithOpacity(effect.color, effect.opacity),
+		blurRadius: Math.max(0, (_effect$blurRadius = effect.blurRadius) !== null && _effect$blurRadius !== void 0 ? _effect$blurRadius : 0) * sizeScale,
+		offsetX: Math.cos(direction) * distance * sizeScale,
+		offsetY: Math.sin(direction) * distance * sizeScale
+	};
+}
+function resolveGlowEffect(effect) {
+	var _effect$radius;
+	if (!(effect === null || effect === void 0 ? void 0 : effect.color)) return;
+	return {
+		color: effect.color,
+		blurRadius: Math.max(0, (_effect$radius = effect.radius) !== null && _effect$radius !== void 0 ? _effect$radius : 0) * DRAWINGML_GLOW_BLUR_SCALE,
+		offsetX: 0,
+		offsetY: 0
+	};
+}
+/**
+* Resolves effects painted from an off-screen alpha mask.
+*
+* A glow uses two centered mask passes to match PowerPoint's DrawingML glow density without repainting source content.
+*/
+function resolveDrawingEffectMasks(glow, outerShadow) {
+	const effects = [];
+	const resolvedGlow = resolveGlowEffect(glow);
+	const resolvedOuterShadow = resolveOuterShadowEffect(outerShadow);
+	if (resolvedGlow) effects.push(resolvedGlow, resolvedGlow);
+	if (resolvedOuterShadow) effects.push(resolvedOuterShadow);
+	return effects;
+}
+function expandDrawingEffectBounds(bounds, glow, outerShadow) {
+	let expandedBounds = { ...bounds };
+	const effects = [resolveGlowEffect(glow), resolveOuterShadowEffect(outerShadow)];
+	for (const effect of effects) {
+		if (!effect) continue;
+		const blurBound = effect.blurRadius * GAUSSIAN_BLUR_BOUND_SCALE;
+		const shadowBounds = {
+			left: expandedBounds.left + effect.offsetX - blurBound,
+			top: expandedBounds.top + effect.offsetY - blurBound,
+			right: expandedBounds.right + effect.offsetX + blurBound,
+			bottom: expandedBounds.bottom + effect.offsetY + blurBound
+		};
+		expandedBounds = {
+			left: Math.min(expandedBounds.left, shadowBounds.left),
+			top: Math.min(expandedBounds.top, shadowBounds.top),
+			right: Math.max(expandedBounds.right, shadowBounds.right),
+			bottom: Math.max(expandedBounds.bottom, shadowBounds.bottom)
+		};
+	}
+	return expandedBounds;
+}
+function createDrawingEffectFilter(glow, outerShadow) {
+	const filters = [];
+	const resolvedGlow = resolveGlowEffect(glow);
+	const resolvedOuterShadow = resolveOuterShadowEffect(outerShadow);
+	if (resolvedGlow) filters.push(toDropShadowFilter(resolvedGlow));
+	if (resolvedOuterShadow) filters.push(toDropShadowFilter(resolvedOuterShadow));
+	return filters.join(" ");
+}
+function combineDrawingEffectFilter(currentFilter, effectFilter) {
+	if (!effectFilter) return currentFilter;
+	return currentFilter && currentFilter !== "none" ? `${currentFilter} ${effectFilter}` : effectFilter;
+}
+
 //#endregion
 //#region src/basics/position.ts
 function getOffsetRectForDom(ele) {
@@ -5174,7 +5176,7 @@ var Background = class extends SheetExtension {
 				if (hasMergeData) {
 					if (spreadsheetSkeleton.worksheet.getSpanModel().getMergeDataIndex(row, col) !== -1) return;
 				}
-				const cellInfo = (_backgroundPositions$ = backgroundPositions === null || backgroundPositions === void 0 ? void 0 : backgroundPositions.getValue(row, col)) !== null && _backgroundPositions$ !== void 0 ? _backgroundPositions$ : spreadsheetSkeleton.getCellByIndexWithNoHeader(row, col);
+				const cellInfo = (_backgroundPositions$ = backgroundPositions === null || backgroundPositions === void 0 ? void 0 : backgroundPositions.getValue(row, col)) !== null && _backgroundPositions$ !== void 0 ? _backgroundPositions$ : spreadsheetSkeleton.getCellWithCoordByIndex(row, col, false);
 				if (!cellInfo) return;
 				if (bgConfigParam || bgColorMatrix.getValue(row, col)) {
 					renderBGContext.cellInfo = cellInfo;
@@ -5744,7 +5746,7 @@ var Custom = class extends SheetExtension {
 				if (primaryWithCoord.isMerged) primaryWithCoord = skeleton.getCellWithCoordByIndex(mergeInfo.startRow, mergeInfo.startColumn, false);
 				const renderInfo = {
 					data: cellData,
-					style: skeleton.getStyles().getStyleByCell(cellData),
+					style: worksheet.getComposedCellStyleByCellData(mergeInfo.startRow, mergeInfo.startColumn, cellData),
 					primaryWithCoord,
 					subUnitId,
 					row,
@@ -11756,6 +11758,9 @@ const SHAPE_OBJECT_ARRAY = [
 var Shape = class extends BaseObject {
 	constructor(key, props) {
 		super(key);
+		_defineProperty(this, "_renderCacheCanvas", void 0);
+		_defineProperty(this, "_renderCacheBounds", void 0);
+		_defineProperty(this, "_renderCachePixelRatio", 0);
 		_defineProperty(this, "_hoverCursor", void 0);
 		_defineProperty(this, "_moveCursor", null);
 		_defineProperty(this, "_fillRule", "nonzero");
@@ -11946,6 +11951,46 @@ var Shape = class extends BaseObject {
 			...props
 		};
 	}
+	_renderWithCache(ctx, bounds, draw) {
+		var _this$_renderCacheBou, _this$_renderCacheBou2, _this$_renderCacheBou3, _this$_renderCacheBou4, _this$_renderCacheCan, _this$_renderCacheCan2;
+		const transform = ctx.getTransform();
+		const scaleX = Math.hypot(transform.a, transform.b);
+		const scaleY = Math.hypot(transform.c, transform.d);
+		const pixelRatio = Math.max(scaleX, scaleY);
+		if (pixelRatio <= Number.EPSILON) return;
+		const width = Math.ceil((bounds.right - bounds.left) * pixelRatio) / pixelRatio;
+		const height = Math.ceil((bounds.bottom - bounds.top) * pixelRatio) / pixelRatio;
+		if (width <= 0 || height <= 0) return;
+		const cacheBoundsChanged = ((_this$_renderCacheBou = this._renderCacheBounds) === null || _this$_renderCacheBou === void 0 ? void 0 : _this$_renderCacheBou.left) !== bounds.left || ((_this$_renderCacheBou2 = this._renderCacheBounds) === null || _this$_renderCacheBou2 === void 0 ? void 0 : _this$_renderCacheBou2.top) !== bounds.top || ((_this$_renderCacheBou3 = this._renderCacheBounds) === null || _this$_renderCacheBou3 === void 0 ? void 0 : _this$_renderCacheBou3.right) !== bounds.right || ((_this$_renderCacheBou4 = this._renderCacheBounds) === null || _this$_renderCacheBou4 === void 0 ? void 0 : _this$_renderCacheBou4.bottom) !== bounds.bottom;
+		const cacheSizeChanged = ((_this$_renderCacheCan = this._renderCacheCanvas) === null || _this$_renderCacheCan === void 0 ? void 0 : _this$_renderCacheCan.getWidth()) !== width || ((_this$_renderCacheCan2 = this._renderCacheCanvas) === null || _this$_renderCacheCan2 === void 0 ? void 0 : _this$_renderCacheCan2.getHeight()) !== height || this._renderCachePixelRatio !== pixelRatio;
+		if (!this._renderCacheCanvas) {
+			var _this$getEngine;
+			this._renderCacheCanvas = new Canvas({
+				colorService: (_this$getEngine = this.getEngine()) === null || _this$getEngine === void 0 ? void 0 : _this$getEngine.canvasColorService,
+				width,
+				height,
+				pixelRatio
+			});
+		} else if (cacheSizeChanged) this._renderCacheCanvas.setSize(width, height, pixelRatio);
+		if (this.isDirty() || cacheBoundsChanged || cacheSizeChanged) {
+			const cacheContext = this._renderCacheCanvas.getContext();
+			this._renderCacheCanvas.clear();
+			cacheContext.save();
+			cacheContext.translate(-bounds.left, -bounds.top);
+			draw(cacheContext);
+			cacheContext.restore();
+			this._renderCacheBounds = { ...bounds };
+			this._renderCachePixelRatio = pixelRatio;
+		}
+		ctx.drawImage(this._renderCacheCanvas.getCanvasEle(), bounds.left, bounds.top, width, height);
+	}
+	_releaseRenderCache() {
+		var _this$_renderCacheCan3;
+		(_this$_renderCacheCan3 = this._renderCacheCanvas) === null || _this$_renderCacheCan3 === void 0 || _this$_renderCacheCan3.dispose();
+		this._renderCacheCanvas = null;
+		this._renderCacheBounds = null;
+		this._renderCachePixelRatio = 0;
+	}
 	_draw(ctx, bounds) {
 		/** abstract */
 	}
@@ -11975,6 +12020,10 @@ var Shape = class extends BaseObject {
 		if (hasTransformState) this.transformByState(transformState);
 		this.makeDirty(true);
 	}
+	dispose() {
+		this._releaseRenderCache();
+		super.dispose();
+	}
 };
 
 //#endregion
@@ -12423,6 +12472,9 @@ function getDocsTableVirtualContentWidth(viewport) {
 	var _viewport$leadingInse, _viewport$trailingIns;
 	return ((_viewport$leadingInse = viewport.leadingInsetLeft) !== null && _viewport$leadingInse !== void 0 ? _viewport$leadingInse : 0) + viewport.contentWidth + ((_viewport$trailingIns = viewport.trailingInsetRight) !== null && _viewport$trailingIns !== void 0 ? _viewport$trailingIns : 0);
 }
+function getDocsTableViewportLeft(viewport, fallbackLeft, docsLeft = 0) {
+	return (viewport === null || viewport === void 0 ? void 0 : viewport.viewportLeft) != null ? viewport.viewportLeft - docsLeft : fallbackLeft;
+}
 function hasDocsTableHorizontalViewport(viewport) {
 	return viewport != null && getDocsTableVirtualContentWidth(viewport) > viewport.viewportWidth;
 }
@@ -12941,13 +12993,19 @@ var DocumentViewModel = class DocumentViewModel {
 	_buildHeaderFooterViewModel() {
 		const { headerModelMap, footerModelMap } = this._documentDataModel;
 		const viewModels = [];
-		const tableSource = this.getSnapshot().tableSource;
+		const rootTableSource = this.getSnapshot().tableSource;
 		for (const [headerId, headerModel] of headerModelMap) {
-			this._headerTreeMap.set(headerId, new DocumentViewModel(headerModel, tableSource));
+			this._headerTreeMap.set(headerId, new DocumentViewModel(headerModel, {
+				...rootTableSource,
+				...headerModel.getSnapshot().tableSource
+			}));
 			viewModels.push(this._headerTreeMap.get(headerId));
 		}
 		for (const [footerId, footerModel] of footerModelMap) {
-			this._footerTreeMap.set(footerId, new DocumentViewModel(footerModel, tableSource));
+			this._footerTreeMap.set(footerId, new DocumentViewModel(footerModel, {
+				...rootTableSource,
+				...footerModel.getSnapshot().tableSource
+			}));
 			viewModels.push(this._footerTreeMap.get(footerId));
 		}
 		this._segmentViewModels$.next(viewModels);
@@ -13019,15 +13077,36 @@ function baseAdjustability(content, width) {
 function createSkeletonWordGlyph(content, config, glyphWidth) {
 	return _createSkeletonWordOrLetter(1, content, config, glyphWidth);
 }
-function createSkeletonLetterGlyph(content, config, glyphMetrics, glyphInfo) {
+function createSkeletonLetterGlyph(content, config, glyphMetrics) {
 	const glyphWidth = typeof glyphMetrics === "number" ? glyphMetrics : glyphMetrics === null || glyphMetrics === void 0 ? void 0 : glyphMetrics.width;
-	const glyph = _createSkeletonWordOrLetter(0, content, config, glyphWidth, glyphInfo);
+	const glyph = _createSkeletonWordOrLetter(0, content, config, glyphWidth);
 	if (typeof glyphMetrics === "object") {
 		if (glyphMetrics.ascent != null) glyph.bBox.ba = glyph.bBox.aba = glyphMetrics.ascent;
 		if (glyphMetrics.descent != null) glyph.bBox.bd = glyph.bBox.abd = glyphMetrics.descent;
 	}
 	return glyph;
 }
+const WHOLE_ENTITY_RENDER_MARKER = "​";
+/**
+* Creates one non-text skeleton glyph for a whole entity whose source spans
+* multiple model characters. `raw` and `count` retain the source mapping.
+*
+* The zero-width marker keeps the glyph in the document paint loop so a
+* component extension can render the entity, without painting its model
+* source as ordinary text.
+*/
+function createSkeletonWholeEntityGlyph(raw, config, glyphMetrics) {
+	const glyph = createSkeletonLetterGlyph(raw, config, glyphMetrics);
+	glyph.adjustability = baseAdjustability(WHOLE_ENTITY_RENDER_MARKER, glyph.width);
+	glyph.bBox.width = glyph.width;
+	glyph.content = WHOLE_ENTITY_RENDER_MARKER;
+	glyph.count = raw.length;
+	glyph.glyphType = 3;
+	glyph.isJustifiable = false;
+	glyph.raw = raw;
+	glyph.streamType = _univerjs_core.DataStreamTreeTokenType.LETTER;
+	return glyph;
+}
 function createSkeletonTabGlyph(config, glyphWidth) {
 	return _createSkeletonWordOrLetter(4, _univerjs_core.DataStreamTreeTokenType.TAB, config, glyphWidth);
 }
@@ -13067,7 +13146,7 @@ function createSkeletonCustomBlockGlyph(config, glyphWidth = 0, glyphHeight = 0,
 		drawingId
 	};
 }
-function _createSkeletonWordOrLetter(glyphType, content, config, glyphWidth, glyphInfo) {
+function _createSkeletonWordOrLetter(glyphType, content, config, glyphWidth) {
 	var _config$documentCompa;
 	const { fontStyle, textStyle, charSpace = 1, gridType = _univerjs_core.GridType.LINES, snapToGrid = _univerjs_core.BooleanNumber.FALSE } = config;
 	const skipWidthList = [
@@ -13121,8 +13200,7 @@ function _createSkeletonWordOrLetter(glyphType, content, config, glyphWidth, gly
 	if (content === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH) streamType = _univerjs_core.DataStreamTreeTokenType.PARAGRAPH;
 	let bBox = null;
 	let xOffset = 0;
-	if (glyphInfo && glyphInfo.boundingBox && glyphInfo.font) bBox = FontCache.getBBoxFromGlyphInfo(glyphInfo, fontStyle);
-	else bBox = FontCache.getTextSize(content, fontStyle);
+	bBox = FontCache.getTextSize(content, fontStyle);
 	bBox = applyFontMetricCompatibility(content, fontStyle, bBox, (_config$documentCompa = config.documentCompatibilityPolicy) !== null && _config$documentCompa !== void 0 ? _config$documentCompa : getDocumentCompatibilityPolicy());
 	const { width: contentWidth = 0 } = bBox;
 	let width = glyphWidth !== null && glyphWidth !== void 0 ? glyphWidth : contentWidth;
@@ -13130,12 +13208,6 @@ function _createSkeletonWordOrLetter(glyphType, content, config, glyphWidth, gly
 		width = contentWidth + (cjk.hasCJK(content) ? charSpace : charSpace / 2);
 		if (gridType === _univerjs_core.GridType.SNAP_TO_CHARS) xOffset = (width - contentWidth) / 2;
 	}
-	if (glyphInfo && glyphInfo.kerning !== 0 && glyphInfo.font) {
-		const radio = ptToPixel(fontStyle.fontSize) / glyphInfo.font.unitsPerEm;
-		const delta = glyphInfo.kerning * radio;
-		width += delta;
-		xOffset += delta;
-	}
 	return {
 		content,
 		ts: textStyle,
@@ -15279,7 +15351,7 @@ function lineIterator(pagesOrCells, cb) {
 	}
 }
 function documentSkeletonTableIterator(pages, options = {}) {
-	const { docsLeft = 0, docsTop = 0, pageMarginTop = 0, resolveViewport = true, skeFooters, skeHeaders, tableCellInsetX = 0, unitId = "" } = options;
+	const { docsLeft = 0, docsTop = 0, includeCells = true, pageMarginTop = 0, resolveViewport = true, skeFooters, skeHeaders, tableCellInsetX = 0, unitId = "" } = options;
 	const contexts = [];
 	pages.forEach((rootPage, pageIndex) => {
 		var _skeHeaders$get, _skeFooters$get, _rootPage$skeColumnGr;
@@ -15288,6 +15360,7 @@ function documentSkeletonTableIterator(pages, options = {}) {
 		collectPageTables({
 			contexts,
 			docsLeft,
+			includeCells,
 			page: rootPage,
 			pageIndex,
 			pageLeft: rootPageLeft,
@@ -15304,6 +15377,7 @@ function documentSkeletonTableIterator(pages, options = {}) {
 		if (headerPage != null) collectPageTables({
 			contexts,
 			docsLeft,
+			includeCells,
 			page: headerPage,
 			pageIndex,
 			pageLeft: rootPageDocumentLeft,
@@ -15318,6 +15392,7 @@ function documentSkeletonTableIterator(pages, options = {}) {
 		if (footerPage != null) collectPageTables({
 			contexts,
 			docsLeft,
+			includeCells,
 			page: footerPage,
 			pageIndex,
 			pageLeft: rootPageDocumentLeft,
@@ -15331,13 +15406,16 @@ function documentSkeletonTableIterator(pages, options = {}) {
 		(_rootPage$skeColumnGr = rootPage.skeColumnGroups) === null || _rootPage$skeColumnGr === void 0 || _rootPage$skeColumnGr.forEach((columnGroup) => {
 			columnGroup.columns.forEach((columnGroupColumn) => {
 				const nestedPage = columnGroupColumn.page;
+				const nestedPageLeft = rootPageLeft + columnGroup.left + columnGroupColumn.left + nestedPage.marginLeft;
+				const nestedPageTop = rootPageTop + columnGroup.top + columnGroupColumn.top + nestedPage.marginTop;
 				collectPageTables({
 					contexts,
 					docsLeft,
+					includeCells,
 					page: nestedPage,
 					pageIndex,
-					pageLeft: rootPageLeft + columnGroup.left + columnGroupColumn.left + nestedPage.marginLeft,
-					pageTop: rootPageTop + columnGroup.top + columnGroupColumn.top + nestedPage.marginTop,
+					pageLeft: nestedPageLeft,
+					pageTop: nestedPageTop,
 					rootPage,
 					source: "column",
 					resolveViewport,
@@ -15363,9 +15441,10 @@ function documentSkeletonLineIterator(pages, options, cb) {
 			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 sourceTableId = getSourceTableId(table.tableId);
+			const viewport = getDocsTableRenderViewport(unitId, sourceTableId);
 			const hasHorizontalViewport = hasDocsTableHorizontalViewport(viewport);
-			const tableViewportLeft = getTableViewportLeft(pageLeft, table.left, viewport, docsLeft);
+			const tableViewportLeft = getDocsTableViewportLeft(viewport, pageLeft + table.left, docsLeft);
 			const tableViewportRight = tableViewportLeft + (hasHorizontalViewport ? viewport.viewportWidth : table.width);
 			const tableScrollLeft = hasHorizontalViewport ? viewport.scrollLeft : 0;
 			table.rows.forEach((row) => {
@@ -15485,7 +15564,7 @@ function getPageLineBounds(page, column, columnCount, pageLeft) {
 }
 function collectPageTables(options) {
 	var _page$skeTables2;
-	const { contexts, docsLeft, page, pageIndex, pageLeft, pageTop, resolveViewport, rootPage, source, tableCellInsetX, unitId } = options;
+	const { contexts, docsLeft, includeCells, 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;
@@ -15494,11 +15573,11 @@ function collectPageTables(options) {
 		const sourceTableId = getSourceTableId(effectiveTableId);
 		const viewport = resolveViewport ? getDocsTableRenderViewport(unitId, sourceTableId) : null;
 		const hasHorizontalViewport = hasDocsTableHorizontalViewport(viewport);
-		const tableViewportLeft = getTableViewportLeft(pageLeft, table.left, viewport, docsLeft);
+		const tableViewportLeft = getDocsTableViewportLeft(viewport, pageLeft + table.left, docsLeft);
 		const tableViewportRight = tableViewportLeft + (hasHorizontalViewport ? viewport.viewportWidth : table.width);
 		const tableScrollLeft = hasHorizontalViewport ? viewport.scrollLeft : 0;
 		const cells = [];
-		table.rows.forEach((row, rowIndex) => {
+		if (includeCells) 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;
@@ -15556,10 +15635,6 @@ function collectPageTables(options) {
 		});
 	});
 }
-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;
 }
@@ -15730,9 +15805,28 @@ function getFontCreateConfig(index, viewModel, paragraphNode, sectionBreakConfig
 	if (!hasAddonStyle && originTextRun) fontCreateConfigCache.setValue(st, ed, result);
 	return result;
 }
+/**
+* Returns whether a custom range should occupy one measured glyph in the
+* document skeleton while preserving its complete source text in the model.
+*
+* Visible whole-entity ranges such as mentions keep their existing shaping.
+* The atomic behavior is reserved for hidden ranges whose renderer provides
+* explicit glyph metrics, such as an inline formula.
+*/
+function isMeasuredWholeEntityRange(customRange) {
+	if (!(customRange === null || customRange === void 0 ? void 0 : customRange.wholeEntity) || customRange.show !== false) return false;
+	return [
+		customRange.glyphAscentEm,
+		customRange.glyphDescentEm,
+		customRange.glyphWidthEm
+	].every((value) => typeof value === "number" && Number.isFinite(value) && value >= 0);
+}
 function getCustomRangeGlyphMetrics(index, viewModel, paragraphNode, config) {
 	const customRange = viewModel.getCustomRange(index + paragraphNode.startIndex);
 	if (!customRange) return;
+	return getCustomRangeGlyphMetricsFromRange(customRange, config);
+}
+function getCustomRangeGlyphMetricsFromRange(customRange, config) {
 	const fontSize = ptToPixel(config.fontStyle.originFontSize);
 	const toPixels = (value) => typeof value === "number" && Number.isFinite(value) && value >= 0 ? value * fontSize : void 0;
 	const metrics = {
@@ -16617,14 +16711,15 @@ const BLOCK_LAYOUT_OUTER_SPACING_MAP = /* @__PURE__ */ new Map([
 	[_univerjs_core.DocumentBlockRangeType.CODE, 32],
 	[_univerjs_core.DocumentBlockRangeType.QUOTE, 24]
 ]);
+const MAX_KEEP_NEXT_LOOKAHEAD = 32;
 function _endsWithToken(text, glyphs, token) {
 	var _glyphs, _glyphs2;
 	return text.endsWith(token) || ((_glyphs = glyphs[glyphs.length - 1]) === null || _glyphs === void 0 ? void 0 : _glyphs.raw) === token || ((_glyphs2 = glyphs[glyphs.length - 1]) === null || _glyphs2 === void 0 ? void 0 : _glyphs2.streamType) === token;
 }
 function _isMarkedDocxColumnBreak(viewModel, absoluteIndex) {
+	var _customRange$properti;
 	const customRange = viewModel.getCustomRange(absoluteIndex);
-	const properties = customRange === null || customRange === void 0 ? void 0 : customRange.properties;
-	return (properties === null || properties === void 0 ? void 0 : properties.docxBreakType) === "column";
+	return (customRange === null || customRange === void 0 || (_customRange$properti = customRange.properties) === null || _customRange$properti === void 0 ? void 0 : _customRange$properti.docxBreakType) === _univerjs_core.DocxBreakType.COLUMN;
 }
 function _glyphCount(glyphs) {
 	return glyphs.reduce((count, glyph) => count + glyph.count, 0);
@@ -16745,15 +16840,20 @@ function _hasNextAdjacentLayoutBlockRange(blockRanges, blockRange) {
 	const nextBlockRange = _getNextAdjacentBlockRange(blockRanges, blockRange);
 	return nextBlockRange != null && BLOCK_LAYOUT_OUTER_SPACING_MAP.has(nextBlockRange.blockType) && nextBlockRange.startIndex === blockRange.endIndex + 1;
 }
-function _applyBlockRangeLayoutParagraphStyle(body, paragraph, paragraphStyle, documentStyle, useLegacyModernDefaults) {
+function _applyBlockRangeLayoutParagraphStyle(body, paragraph, paragraphStyle, documentStyle, useLegacyModernDefaults, styles, paragraphStyleId) {
 	var _body$paragraphs, _BLOCK_LAYOUT_OUTER_S;
 	const blockRanges = body === null || body === void 0 ? void 0 : body.blockRanges;
-	if (!(blockRanges === null || blockRanges === void 0 ? void 0 : blockRanges.length)) return (0, _univerjs_core.resolveDocumentParagraphStyle)(documentStyle, paragraphStyle, { useLegacyModernDefaults });
+	const resolveOptions = {
+		useLegacyModernDefaults,
+		styles,
+		paragraphStyleId
+	};
+	if (!(blockRanges === null || blockRanges === void 0 ? void 0 : blockRanges.length)) return (0, _univerjs_core.resolveDocumentParagraphStyle)(documentStyle, paragraphStyle, resolveOptions);
 	const blockRange = blockRanges.find((range) => BLOCK_LAYOUT_OUTER_SPACING_MAP.has(range.blockType) && paragraph.startIndex > range.startIndex && paragraph.startIndex < range.endIndex);
-	if (!blockRange) return (0, _univerjs_core.resolveDocumentParagraphStyle)(documentStyle, paragraphStyle, { useLegacyModernDefaults });
+	if (!blockRange) return (0, _univerjs_core.resolveDocumentParagraphStyle)(documentStyle, paragraphStyle, resolveOptions);
 	const style = (0, _univerjs_core.resolveDocumentParagraphStyle)(documentStyle, paragraphStyle, {
-		excludeDocumentOuterSpacing: true,
-		useLegacyModernDefaults
+		...resolveOptions,
+		excludeDocumentOuterSpacing: true
 	});
 	if (style.lineSpacing == null) style.lineSpacing = _univerjs_core.DEFAULT_DOCUMENT_PARAGRAPH_LINE_SPACING;
 	const blockParagraphs = ((_body$paragraphs = body === null || body === void 0 ? void 0 : body.paragraphs) !== null && _body$paragraphs !== void 0 ? _body$paragraphs : []).filter((item) => item.startIndex > blockRange.startIndex && item.startIndex < blockRange.endIndex).sort((left, right) => left.startIndex - right.startIndex);
@@ -16803,6 +16903,158 @@ function _getDrawingSkeletonFormat(drawingOrigin) {
 function _getNextPageNumber(lastPage) {
 	return lastPage.pageNumber + 1;
 }
+function _getParagraphLineRefs(pages, paragraphIndex) {
+	const refs = [];
+	for (const page of pages) {
+		var _page$sections;
+		for (const section of (_page$sections = page.sections) !== null && _page$sections !== void 0 ? _page$sections : []) for (const column of section.columns) for (const line of column.lines) if (line.paragraphIndex === paragraphIndex) refs.push({
+			page,
+			column,
+			line
+		});
+	}
+	return refs;
+}
+function _hasPageContent(page) {
+	var _page$sections2, _page$skeTables$size, _page$skeTables;
+	return ((_page$sections2 = page.sections) !== null && _page$sections2 !== void 0 ? _page$sections2 : []).some((section) => section.columns.some((column) => !isBlankColumn(column))) || ((_page$skeTables$size = (_page$skeTables = page.skeTables) === null || _page$skeTables === void 0 ? void 0 : _page$skeTables.size) !== null && _page$skeTables$size !== void 0 ? _page$skeTables$size : 0) > 0;
+}
+function _hasOnlyExplicitPageBoundaryMarkers(page) {
+	var _page$skeTables$size2, _page$skeTables2, _page$sections3;
+	if (((_page$skeTables$size2 = (_page$skeTables2 = page.skeTables) === null || _page$skeTables2 === void 0 ? void 0 : _page$skeTables2.size) !== null && _page$skeTables$size2 !== void 0 ? _page$skeTables$size2 : 0) > 0) return false;
+	return ((_page$sections3 = page.sections) !== null && _page$sections3 !== void 0 ? _page$sections3 : []).every((section) => section.columns.every((column) => column.lines.every((line) => line.divides.every((divide) => divide.glyphGroup.every(({ raw, streamType }) => raw === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH || streamType === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH || raw === _univerjs_core.DataStreamTreeTokenType.PAGE_BREAK || streamType === _univerjs_core.DataStreamTreeTokenType.PAGE_BREAK)))));
+}
+function _lineSpanHeight(lines) {
+	if (lines.length === 0) return 0;
+	const firstTop = Math.min(...lines.map((line) => line.top));
+	return Math.max(...lines.map((line) => {
+		var _line$spaceBelowApply;
+		return line.top + line.lineHeight + Math.max(0, (_line$spaceBelowApply = line.spaceBelowApply) !== null && _line$spaceBelowApply !== void 0 ? _line$spaceBelowApply : 0);
+	})) - firstTop;
+}
+function _columnUsedHeight(column) {
+	return _lineSpanHeight(column.lines);
+}
+function _reindexColumnLines(column) {
+	column.lines.forEach((line, index) => {
+		line.lineIndex = index;
+		line.parent = column;
+	});
+}
+function _prependLines(sourceColumn, targetColumn, lines) {
+	var _targetColumn$parent$, _targetColumn$parent;
+	if (lines.length === 0 || lines.some((line) => !sourceColumn.lines.includes(line))) return 0;
+	const movedHeight = _lineSpanHeight(lines);
+	const targetHeight = (_targetColumn$parent$ = (_targetColumn$parent = targetColumn.parent) === null || _targetColumn$parent === void 0 ? void 0 : _targetColumn$parent.height) !== null && _targetColumn$parent$ !== void 0 ? _targetColumn$parent$ : Number.POSITIVE_INFINITY;
+	if (movedHeight + _columnUsedHeight(targetColumn) > targetHeight) return 0;
+	const firstTop = Math.min(...lines.map((line) => line.top));
+	const moved = lines.map((line) => {
+		line.top -= firstTop;
+		return line;
+	});
+	const movedSet = new Set(moved);
+	sourceColumn.lines = sourceColumn.lines.filter((line) => !movedSet.has(line));
+	for (const line of targetColumn.lines) line.top += movedHeight;
+	targetColumn.lines.unshift(...moved);
+	sourceColumn.isFull = false;
+	_reindexColumnLines(sourceColumn);
+	_reindexColumnLines(targetColumn);
+	return moved.length;
+}
+function _hasExplicitStructuralBreak(shapedTextList) {
+	return shapedTextList.some(({ text, glyphs }) => _endsWithToken(text, glyphs, _univerjs_core.DataStreamTreeTokenType.PAGE_BREAK) || _endsWithToken(text, glyphs, _univerjs_core.DataStreamTreeTokenType.COLUMN_BREAK));
+}
+function _applyKeepLines(pages, paragraphIndex, metrics) {
+	const refs = _getParagraphLineRefs(pages, paragraphIndex);
+	if (metrics) {
+		metrics.measuredLineCount += refs.length;
+		metrics.peakCheckpointLineCount = Math.max(metrics.peakCheckpointLineCount, refs.length);
+	}
+	const paragraphPages = [...new Set(refs.map(({ page }) => page))];
+	if (paragraphPages.length !== 2 || paragraphPages.some((page) => page.sections.some((section) => section.columns.length !== 1))) return 0;
+	const sourceRefs = refs.filter(({ page }) => page === paragraphPages[0]);
+	const targetRefs = refs.filter(({ page }) => page === paragraphPages[1]);
+	const sourceColumns = [...new Set(sourceRefs.map(({ column }) => column))];
+	const targetColumns = [...new Set(targetRefs.map(({ column }) => column))];
+	if (sourceColumns.length !== 1 || targetColumns.length !== 1) return 0;
+	const movedLineCount = _prependLines(sourceColumns[0], targetColumns[0], sourceRefs.map(({ line }) => line));
+	if (metrics && movedLineCount > 0) {
+		metrics.retryCount += 1;
+		metrics.movedLineCount += movedLineCount;
+	}
+	return movedLineCount;
+}
+function _applyKeepNext(pages, originalPage, paragraphIndex, paragraphConfigCache, metrics) {
+	var _originalPage$section;
+	const refs = _getParagraphLineRefs(pages, paragraphIndex);
+	if (metrics) {
+		metrics.measuredLineCount += refs.length;
+		metrics.peakCheckpointLineCount = Math.max(metrics.peakCheckpointLineCount, refs.length);
+	}
+	const targetPages = [...new Set(refs.map(({ page }) => page))];
+	if (refs.length === 0 || targetPages.length !== 1 || targetPages[0] === originalPage || targetPages[0].breakType === 1 || targetPages[0].sections.some((section) => section.columns.length !== 1)) return 0;
+	if (!((_originalPage$section = originalPage.sections) === null || _originalPage$section === void 0 ? void 0 : _originalPage$section.length)) return 0;
+	const sourceSection = getLastSection(originalPage);
+	const sourceColumn = sourceSection === null || sourceSection === void 0 ? void 0 : sourceSection.columns.findLast((column) => column.lines.length > 0);
+	const targetColumn = refs[0].column;
+	if (!sourceColumn || refs.some(({ column }) => column !== targetColumn)) return 0;
+	let start = sourceColumn.lines.length;
+	let scannedParagraphs = 0;
+	while (start > 0 && scannedParagraphs < MAX_KEEP_NEXT_LOOKAHEAD) {
+		var _paragraphConfigCache;
+		const paragraph = sourceColumn.lines[start - 1].paragraphIndex;
+		if (((_paragraphConfigCache = paragraphConfigCache.get(paragraph)) === null || _paragraphConfigCache === void 0 || (_paragraphConfigCache = _paragraphConfigCache.paragraphStyle) === null || _paragraphConfigCache === void 0 ? void 0 : _paragraphConfigCache.keepNext) !== _univerjs_core.BooleanNumber.TRUE) break;
+		scannedParagraphs += 1;
+		const paragraphStart = sourceColumn.lines.findLastIndex((line, index) => index < start && line.paragraphIndex !== paragraph) + 1;
+		const pageRefs = _getParagraphLineRefs([originalPage], paragraph);
+		if (metrics) {
+			metrics.measuredLineCount += pageRefs.length;
+			metrics.peakCheckpointLineCount = Math.max(metrics.peakCheckpointLineCount, pageRefs.length);
+		}
+		const tailLineCount = start - paragraphStart;
+		if (pageRefs.length !== tailLineCount || pageRefs.some(({ column }) => column !== sourceColumn)) break;
+		start = paragraphStart;
+	}
+	if (metrics) metrics.keepNextScanCount += scannedParagraphs;
+	if (start === sourceColumn.lines.length) return 0;
+	const movedLineCount = _prependLines(sourceColumn, targetColumn, sourceColumn.lines.slice(start));
+	if (metrics && movedLineCount > 0) {
+		metrics.retryCount += 1;
+		metrics.movedLineCount += movedLineCount;
+	}
+	return movedLineCount;
+}
+function _applyWidowControl(pages, paragraphIndex, metrics) {
+	const refs = _getParagraphLineRefs(pages, paragraphIndex);
+	if (metrics) {
+		metrics.measuredLineCount += refs.length;
+		metrics.peakCheckpointLineCount = Math.max(metrics.peakCheckpointLineCount, refs.length);
+	}
+	const paragraphPages = [...new Set(refs.map(({ page }) => page))];
+	if (paragraphPages.length < 2 || paragraphPages.some((page) => page.sections.some((section) => section.columns.length !== 1))) return 0;
+	const sourcePage = paragraphPages[paragraphPages.length - 2];
+	const targetPage = paragraphPages[paragraphPages.length - 1];
+	const sourceRefs = refs.filter(({ page }) => page === sourcePage);
+	const targetRefs = refs.filter(({ page }) => page === targetPage);
+	if (sourceRefs.length === 1 && targetRefs.length >= 2) {
+		const movedLineCount = _prependLines(sourceRefs[0].column, targetRefs[0].column, [sourceRefs[0].line]);
+		if (metrics && movedLineCount > 0) {
+			metrics.retryCount += 1;
+			metrics.movedLineCount += movedLineCount;
+		}
+		return movedLineCount;
+	}
+	if (targetRefs.length === 1 && sourceRefs.length >= 3) {
+		const line = sourceRefs[sourceRefs.length - 1];
+		const movedLineCount = _prependLines(line.column, targetRefs[0].column, [line.line]);
+		if (metrics && movedLineCount > 0) {
+			metrics.retryCount += 1;
+			metrics.movedLineCount += movedLineCount;
+		}
+		return movedLineCount;
+	}
+	return 0;
+}
 function lineBreaking(ctx, viewModel, shapedTextList, curPage, paragraphNode, sectionBreakConfig, tableSkeleton) {
 	var _viewModel$getSnapsho, _sectionBreakConfig$d, _viewModel$getBody2, _viewModel$getBody3;
 	const { skeletonResourceReference } = ctx;
@@ -16814,7 +17066,8 @@ function lineBreaking(ctx, viewModel, shapedTextList, curPage, paragraphNode, se
 		paragraphId: "para_render_fallback"
 	};
 	const { paragraphStyle = {}, bullet } = paragraph;
-	const documentStyle = (_viewModel$getSnapsho = viewModel.getSnapshot) === null || _viewModel$getSnapsho === void 0 || (_viewModel$getSnapsho = _viewModel$getSnapsho.call(viewModel)) === null || _viewModel$getSnapsho === void 0 ? void 0 : _viewModel$getSnapsho.documentStyle;
+	const documentSnapshot = (_viewModel$getSnapsho = viewModel.getSnapshot) === null || _viewModel$getSnapsho === void 0 ? void 0 : _viewModel$getSnapsho.call(viewModel);
+	const documentStyle = documentSnapshot === null || documentSnapshot === void 0 ? void 0 : documentSnapshot.documentStyle;
 	const documentCompatibilityPolicy = (_sectionBreakConfig$d = sectionBreakConfig.documentCompatibilityPolicy) !== null && _sectionBreakConfig$d !== void 0 ? _sectionBreakConfig$d : getDocumentCompatibilityPolicy(documentStyle === null || documentStyle === void 0 ? void 0 : documentStyle.documentFlavor);
 	const shouldApplyDocumentDefaults = documentCompatibilityPolicy.applyDocumentDefaultParagraphStyle;
 	const useWordStyleLineHeight = documentCompatibilityPolicy.useWordStyleLineHeight;
@@ -16828,7 +17081,7 @@ function lineBreaking(ctx, viewModel, shapedTextList, curPage, paragraphNode, se
 		segmentDrawingAnchorCache = /* @__PURE__ */ new Map();
 		drawingAnchor === null || drawingAnchor === void 0 || drawingAnchor.set(segmentId, segmentDrawingAnchorCache);
 	}
-	const resolvedParagraphStyle = _applyBlockRangeLayoutParagraphStyle((_viewModel$getBody2 = (_viewModel$getBody3 = viewModel.getBody) === null || _viewModel$getBody3 === void 0 ? void 0 : _viewModel$getBody3.call(viewModel)) !== null && _viewModel$getBody2 !== void 0 ? _viewModel$getBody2 : null, paragraph, paragraphStyle, documentStyle, shouldApplyDocumentDefaults);
+	const resolvedParagraphStyle = _applyBlockRangeLayoutParagraphStyle((_viewModel$getBody2 = (_viewModel$getBody3 = viewModel.getBody) === null || _viewModel$getBody3 === void 0 ? void 0 : _viewModel$getBody3.call(viewModel)) !== null && _viewModel$getBody2 !== void 0 ? _viewModel$getBody2 : null, paragraph, paragraphStyle, documentStyle, shouldApplyDocumentDefaults, documentSnapshot === null || documentSnapshot === void 0 ? void 0 : documentSnapshot.styles, paragraph.styleId);
 	const borderBottom = resolvedParagraphStyle.borderBottom;
 	if (borderBottom) {
 		var _borderBottom$padding, _borderBottom$width;
@@ -16878,6 +17131,13 @@ function lineBreaking(ctx, viewModel, shapedTextList, curPage, paragraphNode, se
 	}
 	segmentParagraphCache.set(endIndex, paragraphConfig);
 	let allPages = [curPage];
+	const explicitStructuralBreak = _hasExplicitStructuralBreak(shapedTextList);
+	const traditionalPagination = isTraditionalDocumentCompatibility(documentCompatibilityPolicy);
+	const forcePageBreakBefore = traditionalPagination && resolvedParagraphStyle.pageBreakBefore === _univerjs_core.BooleanNumber.TRUE && _hasPageContent(curPage) && !_hasOnlyExplicitPageBoundaryMarkers(curPage);
+	if (forcePageBreakBefore) {
+		allPages.push(createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, _getNextPageNumber(curPage), 1));
+		ctx.paragraphsOpenNewPage.add(endIndex);
+	}
 	let isParagraphFirstShapedText = true;
 	let shapedTextOffset = 0;
 	for (const [_index, { text, glyphs, breakPointType }] of _mergeAdjacentCustomBlockShapedTexts(shapedTextList, paragraphNonInlineSkeDrawingsByBlockId).entries()) {
@@ -16914,6 +17174,17 @@ function lineBreaking(ctx, viewModel, shapedTextList, curPage, paragraphNode, se
 		pushPending();
 		shapedTextOffset += textGlyphCount;
 	}
+	const needsPaginationCheckpoint = forcePageBreakBefore || !explicitStructuralBreak && tableSkeleton == null && paragraphNonInlineSkeDrawingsByBlockId.size === 0 && (resolvedParagraphStyle.keepLines === _univerjs_core.BooleanNumber.TRUE || allPages.length > 1 && (resolvedParagraphStyle.widowControl === _univerjs_core.BooleanNumber.TRUE || segmentParagraphCache.size > 1));
+	if (traditionalPagination && ctx.paginationMetrics) if (needsPaginationCheckpoint) ctx.paginationMetrics.constrainedParagraphs += 1;
+	else ctx.paginationMetrics.noConstraintParagraphs += 1;
+	if (traditionalPagination && !explicitStructuralBreak && !forcePageBreakBefore && tableSkeleton == null && paragraphNonInlineSkeDrawingsByBlockId.size === 0) {
+		if (resolvedParagraphStyle.keepLines === _univerjs_core.BooleanNumber.TRUE && _applyKeepLines(allPages, endIndex, ctx.paginationMetrics) > 0) ctx.paragraphsOpenNewPage.add(endIndex);
+		const keepNextMoved = allPages.length > 1 ? _applyKeepNext(allPages, curPage, endIndex, segmentParagraphCache, ctx.paginationMetrics) : 0;
+		if (keepNextMoved > 0) ctx.paragraphsOpenNewPage.add(endIndex);
+		let widowMoved = 0;
+		if (allPages.length > 1 && resolvedParagraphStyle.widowControl === _univerjs_core.BooleanNumber.TRUE) widowMoved = _applyWidowControl(allPages, endIndex, ctx.paginationMetrics);
+		if (widowMoved > 0 && keepNextMoved === 0 && _applyKeepNext(allPages, curPage, endIndex, segmentParagraphCache, ctx.paginationMetrics) > 0) ctx.paragraphsOpenNewPage.add(endIndex);
+	}
 	return allPages;
 }
 function syncActiveParagraphDrawings(glyphs, paragraphNonInlineSkeDrawings, paragraphInlineSkeDrawings, paragraphNonInlineSkeDrawingsByBlockId, paragraphInlineSkeDrawingsByBlockId) {
@@ -17056,6 +17327,39 @@ var LineBreakerLinkEnhancer = class {
 	}
 };
 
+//#endregion
+//#region src/components/docs/layout/line-breaker/enhancers/whole-entity-enhancer.ts
+/**
+* Removes line-break opportunities from the interior of measured whole
+* entities. The model keeps the entity's complete source text, while shaping
+* treats the inclusive custom range as one unbreakable inline object.
+*/
+var LineBreakerWholeEntityEnhancer = class {
+	constructor(_lineBreaker, ranges, _contentStartIndex) {
+		this._lineBreaker = _lineBreaker;
+		this._contentStartIndex = _contentStartIndex;
+		_defineProperty(this, "content", void 0);
+		_defineProperty(this, "_ranges", void 0);
+		_defineProperty(this, "_rangeIndex", 0);
+		this.content = _lineBreaker.content;
+		this._ranges = [...ranges].sort((a, b) => a.startIndex - b.startIndex);
+	}
+	nextBreakPoint() {
+		let breakPoint = this._lineBreaker.nextBreakPoint();
+		while (breakPoint && this._isInsideWholeEntity(breakPoint.position)) breakPoint = this._lineBreaker.nextBreakPoint();
+		return breakPoint;
+	}
+	_isInsideWholeEntity(position) {
+		const absolutePosition = this._contentStartIndex + position;
+		let range = this._ranges[this._rangeIndex];
+		while (range && absolutePosition > range.endIndex) {
+			this._rangeIndex++;
+			range = this._ranges[this._rangeIndex];
+		}
+		return range != null && absolutePosition > range.startIndex && absolutePosition <= range.endIndex;
+	}
+};
+
 //#endregion
 //#region src/components/docs/layout/line-breaker/extensions/custom-block-linebreak-extension.ts
 const SLASH_B_CODE_POINT = 8;
@@ -17074,318 +17378,6 @@ function tabLineBreakExtension(breaker) {
 	});
 }
 
-//#endregion
-//#region src/components/docs/layout/shaping-engine/font-library.ts
-function getFontInfoFromFontData(fontData) {
-	const { family, style: styleString } = fontData;
-	let style = 0;
-	let weight = 400;
-	if (/italic/i.test(styleString)) style = 1;
-	switch (true) {
-		case /thin|hairline/i.test(styleString):
-			weight = 100;
-			break;
-		case /(extra|ultra) *light/i.test(styleString):
-			weight = 200;
-			break;
-		case /light/i.test(styleString):
-			weight = 300;
-			break;
-		case /medium/i.test(styleString):
-			weight = 500;
-			break;
-		case /(semi|demi) *bold/i.test(styleString):
-			weight = 600;
-			break;
-		case /bold/i.test(styleString):
-			weight = 700;
-			break;
-		case /(extra|ultra) *bold/i.test(styleString):
-			weight = 800;
-			break;
-		case /black|heavy/i.test(styleString):
-			weight = 900;
-			break;
-	}
-	return {
-		family,
-		variant: {
-			style,
-			weight
-		}
-	};
-}
-function getFontInfoFromTextStyle(style) {
-	const { ff, bl = _univerjs_core.BooleanNumber.FALSE, it = _univerjs_core.BooleanNumber.FALSE } = style;
-	return {
-		family: ff !== null && ff !== void 0 ? ff : "Arial",
-		variant: {
-			style: it === _univerjs_core.BooleanNumber.TRUE ? 1 : 0,
-			weight: bl === _univerjs_core.BooleanNumber.TRUE ? 700 : 400
-		}
-	};
-}
-function fontInfoDistance(a, b) {
-	let styleDistance = Number.POSITIVE_INFINITY;
-	if (a.variant.style === b.variant.style) styleDistance = 0;
-	else if (a.variant.style !== 0 && b.variant.style !== 0) styleDistance = 1;
-	else styleDistance = 2;
-	const weightDistance = Math.abs(a.variant.weight - b.variant.weight);
-	return [styleDistance, weightDistance];
-}
-function compareFontInfoDistance(a, b) {
-	if (a[0] === b[0] && a[1] === b[1]) return 0;
-	if (a[0] === b[0]) return a[1] > b[1] ? 1 : 2;
-	return a[0] > b[0] ? 1 : 2;
-}
-async function checkLocalFontsPermission() {
-	var _window$navigator;
-	if (typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope) return false;
-	if (typeof window === "undefined") return false;
-	if (window.navigator == null || ((_window$navigator = window.navigator) === null || _window$navigator === void 0 ? void 0 : _window$navigator.permissions) == null) return false;
-	try {
-		return (await window.navigator.permissions.query({ name: "local-fonts" })).state === "granted";
-	} catch (_err) {
-		return false;
-	}
-}
-var FontLibrary = class {
-	constructor() {
-		_defineProperty(this, "isReady", false);
-		_defineProperty(this, "_fontBook", /* @__PURE__ */ new Map());
-		this._loadFontsToBook();
-	}
-	async _loadFontsToBook() {
-		if (this.isReady) return;
-		if (!await checkLocalFontsPermission() || !("queryLocalFonts" in window)) return;
-		if (typeof navigator === "object" && navigator.userAgent.includes("Electron")) return;
-		try {
-			const availableFonts = await window.queryLocalFonts({ postscriptNames: [] });
-			for (const font of availableFonts) {
-				const { family, style } = font;
-				let fontMap = this._fontBook.get(family);
-				if (fontMap == null) {
-					fontMap = /* @__PURE__ */ new Map();
-					this._fontBook.set(family, fontMap);
-				}
-				const buffer = await (await font.blob()).arrayBuffer();
-				fontMap.set(style, {
-					font,
-					buffer
-				});
-			}
-			this.isReady = true;
-		} catch (err) {
-			console.error(err);
-		}
-	}
-	findBestMatchFontByStyle(style) {
-		const ff = style.ff;
-		const fontMap = this._fontBook.get(ff);
-		if (fontMap == null) return;
-		let bestFont = null;
-		let bestDistance = [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY];
-		for (const fontWithBuffer of fontMap.values()) {
-			const { font } = fontWithBuffer;
-			const distance = fontInfoDistance(getFontInfoFromFontData(font), getFontInfoFromTextStyle(style));
-			if (bestFont == null) {
-				bestFont = fontWithBuffer;
-				bestDistance = distance;
-			} else if (compareFontInfoDistance(bestDistance, distance) === 1) {
-				bestFont = fontWithBuffer;
-				bestDistance = distance;
-			}
-		}
-		return bestFont;
-	}
-	getValidFontFamilies(families) {
-		return families.filter((family) => this._fontBook.has(family));
-	}
-};
-const fontLibrary = new FontLibrary();
-
-//#endregion
-//#region src/components/docs/layout/shaping-engine/utils.ts
-function prepareParagraphBody(body, paragraphIndex) {
-	const { dataStream, paragraphs = [], textRuns = [] } = body;
-	let last = 0;
-	for (let i = 0; i < paragraphs.length; i++) {
-		const { startIndex } = paragraphs[i];
-		if (startIndex === paragraphIndex) break;
-		last = startIndex + 1;
-	}
-	const textRunChunks = [];
-	for (const textRun of textRuns) {
-		const { st, ed } = textRun;
-		if (st >= last && st <= paragraphIndex) textRunChunks.push({
-			...textRun,
-			st: st - last,
-			ed: Math.min(ed, paragraphIndex) - last
-		});
-		else if (ed >= last && ed <= paragraphIndex) textRunChunks.push({
-			...textRun,
-			st: Math.max(st, last) - last,
-			ed: ed - last
-		});
-	}
-	return {
-		dataStream: dataStream.substring(last, paragraphIndex + 1),
-		textRuns: textRunChunks
-	};
-}
-function prepareTextChunks(body) {
-	const { dataStream, textRuns = [] } = body;
-	let offset = 0;
-	const chunks = [];
-	for (const textRun of textRuns) {
-		const { st, ed, ts = {} } = textRun;
-		if (st !== offset) chunks.push({ content: dataStream.substring(offset, st) });
-		chunks.push({
-			content: dataStream.substring(st, ed),
-			style: ts
-		});
-		offset = ed;
-	}
-	if (offset !== dataStream.length) chunks.push({ content: dataStream.substring(offset) });
-	return chunks;
-}
-
-//#endregion
-//#region src/components/docs/layout/shaping-engine/text-shaping.ts
-const fontCache = /* @__PURE__ */ new Map();
-const glyphCache = /* @__PURE__ */ new Map();
-const fontFamilyCache = /* @__PURE__ */ new Map();
-function trimOuterQuotes(value) {
-	const firstChar = value.charCodeAt(0);
-	const lastChar = value.charCodeAt(value.length - 1);
-	const hasLeadingQuote = firstChar === 34 || firstChar === 39;
-	const hasTrailingQuote = lastChar === 34 || lastChar === 39;
-	if (hasLeadingQuote && hasTrailingQuote) return value.slice(1, -1);
-	if (hasLeadingQuote) return value.slice(1);
-	if (hasTrailingQuote) return value.slice(0, -1);
-	return value;
-}
-function expandFontFamilies(fontFamily) {
-	if (!(fontFamily === null || fontFamily === void 0 ? void 0 : fontFamily.trim())) return [];
-	let families = fontFamilyCache.get(fontFamily);
-	if (families) return families;
-	families = fontFamily.split(",").map((family) => trimOuterQuotes(family.trim())).filter(Boolean);
-	fontFamilyCache.set(fontFamily, families);
-	return families;
-}
-const defaultFontFamilies = expandFontFamilies(DEFAULT_FONTFACE_PLANE);
-function shapeChunk(content, charPosition, used, families, style) {
-	var _style$bl, _style$it, _content$match;
-	let fi = 0;
-	let fontFamily = families[fi];
-	while (used.has(fontFamily)) {
-		fi++;
-		fontFamily = families[fi];
-	}
-	if (!fontFamily) return [{
-		char: content,
-		start: charPosition,
-		end: charPosition + content.length,
-		glyph: null,
-		font: null,
-		kerning: 0,
-		boundingBox: null
-	}];
-	used.add(fontFamily);
-	const { font: fontInfo, buffer: fontBuffer } = fontLibrary.findBestMatchFontByStyle({
-		ff: fontFamily,
-		bl: (_style$bl = style.bl) !== null && _style$bl !== void 0 ? _style$bl : _univerjs_core.BooleanNumber.FALSE,
-		it: (_style$it = style.it) !== null && _style$it !== void 0 ? _style$it : _univerjs_core.BooleanNumber.FALSE
-	});
-	let font = fontCache.get(fontInfo.fullName);
-	if (!font) {
-		font = (0, opentype_js.parse)(fontBuffer);
-		fontCache.set(fontInfo.fullName, font);
-	}
-	const results = [];
-	const glyphs = font.stringToGlyphs(content);
-	const chars = (_content$match = content.match(/[\s\S]/gu)) !== null && _content$match !== void 0 ? _content$match : [];
-	let gi = 0;
-	let startIndex = 0;
-	while (gi < glyphs.length) {
-		var _chars$gi;
-		const glyph = glyphs[gi];
-		if (glyph.index !== 0) results.push({
-			char: chars[gi],
-			start: startIndex + charPosition,
-			end: startIndex + charPosition + chars[gi].length,
-			glyph,
-			font,
-			kerning: 0,
-			boundingBox: glyph.getBoundingBox()
-		});
-		else {
-			const start = startIndex;
-			const firstGrapheme = getFirstGrapheme(content.substring(start));
-			if (firstGrapheme && isEmojiGrapheme(firstGrapheme)) {
-				let acc = 0;
-				do {
-					acc += chars[gi].length;
-					startIndex += chars[gi].length;
-					gi++;
-				} while (acc < firstGrapheme.length);
-				results.push(...shapeChunk(content.slice(start, start + firstGrapheme.length), charPosition + start, used, families, style));
-				continue;
-			} else {
-				let nextGlyph = glyphs[gi + 1];
-				let nextChar = chars[gi + 1];
-				while ((nextGlyph === null || nextGlyph === void 0 ? void 0 : nextGlyph.index) === 0 && !isEmojiGrapheme(nextChar)) {
-					startIndex += chars[gi].length;
-					gi++;
-					nextGlyph = glyphs[gi + 1];
-					nextChar = chars[gi + 1];
-				}
-				results.push(...shapeChunk(content.slice(start, startIndex + chars[gi].length), charPosition + start, used, families, style));
-			}
-		}
-		startIndex += (_chars$gi = chars[gi]) === null || _chars$gi === void 0 ? void 0 : _chars$gi.length;
-		gi++;
-	}
-	used.delete(fontFamily);
-	return results;
-}
-function kerningAdjustment(glyphs) {
-	if (glyphs.length < 2) return;
-	let lastFont = glyphs[0].font;
-	let lastGlyph = glyphs[0].glyph;
-	for (let i = 1; i < glyphs.length; i++) {
-		const { font, glyph } = glyphs[i];
-		if (lastFont !== font || font == null || lastGlyph == null || glyph == null) {
-			lastFont = font;
-			lastGlyph = glyph;
-			continue;
-		}
-		const kerning = font.getKerningValue(lastGlyph, glyph);
-		if (kerning !== 0) glyphs[i].kerning = kerning;
-		lastFont = font;
-		lastGlyph = glyph;
-	}
-}
-function textShape(body) {
-	if (!fontLibrary.isReady) return [];
-	const key = JSON.stringify(body);
-	if (glyphCache.has(key)) return glyphCache.get(key);
-	const chunks = prepareTextChunks(body);
-	const glyphs = [];
-	let charPosition = 0;
-	for (const chunk of chunks) {
-		var _style$ff;
-		const { content, style = {} } = chunk;
-		let fontFamilies = [...expandFontFamilies((_style$ff = style.ff) !== null && _style$ff !== void 0 ? _style$ff : "Arial"), ...defaultFontFamilies];
-		fontFamilies = fontLibrary.getValidFontFamilies(fontFamilies);
-		glyphs.push(...shapeChunk(content, charPosition, /* @__PURE__ */ new Set(), fontFamilies, style));
-		charPosition += content.length;
-	}
-	kerningAdjustment(glyphs);
-	glyphCache.set(key, glyphs);
-	return glyphs;
-}
-
 //#endregion
 //#region src/components/docs/layout/block/paragraph/language-ruler.ts
 function otherHandler(index, charArray, viewModel, paragraphNode, sectionBreakConfig, paragraph) {
@@ -17507,10 +17499,36 @@ function hyphenConfig(paragraphStyle, sectionBreakConfig) {
 	const { autoHyphenation = _univerjs_core.BooleanNumber.FALSE } = sectionBreakConfig;
 	return suppressHyphenation === _univerjs_core.BooleanNumber.FALSE && autoHyphenation === _univerjs_core.BooleanNumber.TRUE;
 }
-function shaping(ctx, content, viewModel, paragraphNode, sectionBreakConfig, useOpenType = false) {
+function collectMeasuredWholeEntityRanges(content, viewModel, paragraphNode) {
+	var _viewModel$getBody$cu, _viewModel$getBody;
+	const ranges = [];
+	const contentStartIndex = paragraphNode.startIndex;
+	const contentEndIndex = contentStartIndex + content.length - 1;
+	const customRanges = (_viewModel$getBody$cu = (_viewModel$getBody = viewModel.getBody()) === null || _viewModel$getBody === void 0 ? void 0 : _viewModel$getBody.customRanges) !== null && _viewModel$getBody$cu !== void 0 ? _viewModel$getBody$cu : [];
+	for (const customRange of customRanges) {
+		if (!customRange.wholeEntity || customRange.startIndex < contentStartIndex || customRange.endIndex < customRange.startIndex || customRange.endIndex > contentEndIndex) continue;
+		const interceptedRange = viewModel.getCustomRange(customRange.startIndex);
+		if ((interceptedRange === null || interceptedRange === void 0 ? void 0 : interceptedRange.rangeId) === customRange.rangeId && interceptedRange.startIndex === customRange.startIndex && interceptedRange.endIndex === customRange.endIndex && isMeasuredWholeEntityRange(interceptedRange)) ranges.push(interceptedRange);
+	}
+	return ranges.sort((a, b) => a.startIndex - b.startIndex);
+}
+function createMeasuredWholeEntityGlyph(content, range, viewModel, paragraphNode, sectionBreakConfig, paragraph) {
+	const relativeStartIndex = range.startIndex - paragraphNode.startIndex;
+	const relativeEndIndex = range.endIndex - paragraphNode.startIndex + 1;
+	const raw = content.slice(relativeStartIndex, relativeEndIndex);
+	const config = getFontCreateConfig(relativeStartIndex, viewModel, paragraphNode, sectionBreakConfig, paragraph);
+	const metrics = getCustomRangeGlyphMetricsFromRange(range, config);
+	if (!raw || !metrics) return;
+	return createSkeletonWholeEntityGlyph(raw, config, metrics);
+}
+function getShapedGlyphText(glyph) {
+	if (glyph.glyphType === 3 && glyph.streamType === _univerjs_core.DataStreamTreeTokenType.LETTER && glyph.raw !== glyph.content) return glyph.raw;
+	return glyph.content;
+}
+function shaping(ctx, content, viewModel, paragraphNode, sectionBreakConfig) {
 	const { gridType = _univerjs_core.GridType.LINES, charSpace = 0, defaultTabStop = 10.5, drawings = {} } = sectionBreakConfig;
 	const shapedTextList = [];
-	let breaker = new LineBreaker(content);
+	const lineBreaker = new LineBreaker(content);
 	const { endIndex } = paragraphNode;
 	const paragraph = viewModel.getParagraph(endIndex) || {
 		startIndex: 0,
@@ -17518,116 +17536,107 @@ function shaping(ctx, content, viewModel, paragraphNode, sectionBreakConfig, use
 	};
 	const { paragraphStyle = {} } = paragraph;
 	const { snapToGrid = _univerjs_core.BooleanNumber.TRUE } = paragraphStyle;
+	const measuredWholeEntityRanges = collectMeasuredWholeEntityRanges(content, viewModel, paragraphNode);
+	const measuredWholeEntityRangeByStart = new Map(measuredWholeEntityRanges.map((range) => [range.startIndex - paragraphNode.startIndex, range]));
+	const measuredWholeEntityRangeStarts = measuredWholeEntityRanges.map((range) => range.startIndex - paragraphNode.startIndex);
+	let measuredWholeEntityRangeIndex = 0;
 	let last = 0;
 	let bk;
-	let lastGlyphIndex = 0;
 	const { hyphen, languageDetector } = ctx;
-	const paragraphBody = prepareParagraphBody(viewModel.getBody(), endIndex);
-	let glyphInfos = [];
-	if (useOpenType) glyphInfos = textShape(paragraphBody);
-	tabLineBreakExtension(breaker);
-	customBlockLineBreakExtension(breaker);
-	breaker = new LineBreakerLinkEnhancer(breaker);
+	tabLineBreakExtension(lineBreaker);
+	customBlockLineBreakExtension(lineBreaker);
+	let breaker = new LineBreakerLinkEnhancer(lineBreaker);
 	const lang = languageDetector.detect(content);
 	const needHyphen = hyphenConfig(paragraphStyle, sectionBreakConfig);
 	const doNotHyphenateCaps = sectionBreakConfig.doNotHyphenateCaps === _univerjs_core.BooleanNumber.TRUE;
 	if (lang !== "unknown" && needHyphen) if (hyphen.hasPattern(lang)) breaker = new LineBreakerHyphenEnhancer(breaker, hyphen, lang, doNotHyphenateCaps);
 	else hyphen.loadPattern(lang);
+	breaker = new LineBreakerWholeEntityEnhancer(breaker, measuredWholeEntityRanges, paragraphNode.startIndex);
 	while (bk = breaker.nextBreakPoint()) {
 		const word = content.slice(last, bk.position);
 		const shapedGlyphs = [];
-		if (fontLibrary.isReady && useOpenType) {
-			const glyphInfosInWord = [];
-			let i = 0;
-			for (i = lastGlyphIndex; i < glyphInfos.length; i++) {
-				const glyphInfo = glyphInfos[i];
-				const { end } = glyphInfo;
-				if (end > bk.position) break;
-				glyphInfosInWord.push(glyphInfo);
-			}
-			lastGlyphIndex = i;
-			for (const glyphInfo of glyphInfosInWord) {
-				const { start, char } = glyphInfo;
-				const config = getFontCreateConfig(start, viewModel, paragraphNode, sectionBreakConfig, paragraph);
-				if (char === _univerjs_core.DataStreamTreeTokenType.TAB) {
-					const newSpan = createSkeletonTabGlyph(config, getCharSpaceApply(charSpace, defaultTabStop, gridType, snapToGrid));
-					shapedGlyphs.push(newSpan);
-				} else if (startWithEmoji(char)) {
-					const newSpan = createSkeletonLetterGlyph(char, config);
-					shapedGlyphs.push(newSpan);
-				} else {
-					const newSpan = createSkeletonLetterGlyph(char, config, getCustomRangeGlyphMetrics(start, viewModel, paragraphNode, config), glyphInfo);
-					shapedGlyphs.push(newSpan);
+		let src = word;
+		let i = last;
+		while (src.length > 0) {
+			var _src$match;
+			while (measuredWholeEntityRangeIndex < measuredWholeEntityRangeStarts.length && measuredWholeEntityRangeStarts[measuredWholeEntityRangeIndex] < i) measuredWholeEntityRangeIndex++;
+			const char = (_src$match = src.match(/^[\s\S]/gu)) === null || _src$match === void 0 ? void 0 : _src$match[0];
+			if (char == null) break;
+			const measuredRange = measuredWholeEntityRangeByStart.get(i);
+			if (measuredRange) {
+				const glyph = createMeasuredWholeEntityGlyph(content, measuredRange, viewModel, paragraphNode, sectionBreakConfig, paragraph);
+				if (glyph) {
+					shapedGlyphs.push(glyph);
+					const count = measuredRange.endIndex - measuredRange.startIndex + 1;
+					i += count;
+					src = src.substring(count);
+					measuredWholeEntityRangeIndex++;
+					continue;
 				}
+				measuredWholeEntityRangeIndex++;
 			}
-		} else {
-			let src = word;
-			let i = last;
-			while (src.length > 0) {
-				var _src$match;
-				const char = (_src$match = src.match(/^[\s\S]/gu)) === null || _src$match === void 0 ? void 0 : _src$match[0];
-				if (char == null) break;
-				if (char === _univerjs_core.DataStreamTreeTokenType.CUSTOM_BLOCK) {
-					const config = getFontCreateConfig(i, viewModel, paragraphNode, sectionBreakConfig, paragraph);
-					let newGlyph = null;
-					const customBlock = viewModel.getCustomBlockWithoutSetCurrentIndex(paragraphNode.startIndex + i);
-					if (customBlock != null) {
-						const { blockId } = customBlock;
-						const drawingOrigin = drawings[blockId];
-						if ((drawingOrigin === null || drawingOrigin === void 0 ? void 0 : drawingOrigin.layoutType) === _univerjs_core.PositionedObjectLayoutType.INLINE) {
-							var _viewModel$getDataMod, _viewModel$getDataMod2, _viewModel$getDataMod3, _boundingBox$height, _boundingBox$width, _ref, _viewport$layoutWidth, _viewport$height;
-							const { angle } = drawingOrigin.docTransform;
-							const { width = 0, height = 0 } = drawingOrigin.docTransform.size;
-							const boundingBox = getBoundingBox(angle, 0, width, 0, height);
-							const viewport = getDocsCustomBlockRenderViewport((_viewModel$getDataMod = (_viewModel$getDataMod2 = (_viewModel$getDataMod3 = viewModel.getDataModel()).getUnitId) === null || _viewModel$getDataMod2 === void 0 ? void 0 : _viewModel$getDataMod2.call(_viewModel$getDataMod3)) !== null && _viewModel$getDataMod !== void 0 ? _viewModel$getDataMod : "", drawingOrigin.drawingId, {
-								fallbackHeight: (_boundingBox$height = boundingBox.height) !== null && _boundingBox$height !== void 0 ? _boundingBox$height : 0,
-								fallbackWidth: (_boundingBox$width = boundingBox.width) !== null && _boundingBox$width !== void 0 ? _boundingBox$width : 0
-							});
-							newGlyph = createSkeletonCustomBlockGlyph(config, (_ref = (_viewport$layoutWidth = viewport === null || viewport === void 0 ? void 0 : viewport.layoutWidth) !== null && _viewport$layoutWidth !== void 0 ? _viewport$layoutWidth : viewport === null || viewport === void 0 ? void 0 : viewport.width) !== null && _ref !== void 0 ? _ref : boundingBox.width, (_viewport$height = viewport === null || viewport === void 0 ? void 0 : viewport.height) !== null && _viewport$height !== void 0 ? _viewport$height : boundingBox.height, drawingOrigin.drawingId);
-						} else if (drawingOrigin != null) newGlyph = createSkeletonCustomBlockGlyph(config, 0, 0, drawingOrigin.drawingId);
-					}
-					if (newGlyph == null) newGlyph = createSkeletonLetterGlyph(char, config);
-					shapedGlyphs.push(newGlyph);
-					i += char.length;
-					src = src.substring(char.length);
-				} else if (/\s/.test(char) || cjk.hasCJK(char)) {
-					const config = getFontCreateConfig(i, viewModel, paragraphNode, sectionBreakConfig, paragraph);
-					let newGlyph = null;
-					if (char === _univerjs_core.DataStreamTreeTokenType.TAB) newGlyph = createSkeletonTabGlyph(config, getCharSpaceApply(charSpace, defaultTabStop, gridType, snapToGrid));
-					else if (char === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH) {
-						var _sectionBreakConfig$r;
-						if (((_sectionBreakConfig$r = sectionBreakConfig.renderConfig) === null || _sectionBreakConfig$r === void 0 ? void 0 : _sectionBreakConfig$r.zeroWidthParagraphBreak) === _univerjs_core.BooleanNumber.TRUE) newGlyph = createSkeletonLetterGlyph(char, config, 0);
-						else newGlyph = createSkeletonLetterGlyph(char, config, getCustomRangeGlyphMetrics(i, viewModel, paragraphNode, config));
-					} else newGlyph = createSkeletonLetterGlyph(char, config);
-					shapedGlyphs.push(newGlyph);
-					i += char.length;
-					src = src.substring(char.length);
-				} else if (startWithEmoji(src)) {
-					const { step, glyphGroup } = emojiHandler(i, src, viewModel, paragraphNode, sectionBreakConfig, paragraph);
-					shapedGlyphs.push(...glyphGroup);
-					i += step;
-					src = src.substring(step);
-				} else if (hasArabic(char)) {
-					const { step, glyphGroup } = ArabicHandler(i, src, viewModel, paragraphNode, sectionBreakConfig, paragraph);
-					shapedGlyphs.push(...glyphGroup);
-					i += step;
-					src = src.substring(step);
-				} else if (hasTibetan(char)) {
-					const { step, glyphGroup } = TibetanHandler(i, src, viewModel, paragraphNode, sectionBreakConfig, paragraph);
-					shapedGlyphs.push(...glyphGroup);
-					i += step;
-					src = src.substring(step);
-				} else if (hasThai(char)) {
-					const { step, glyphGroup } = ThaiHandler(i, src, viewModel, paragraphNode, sectionBreakConfig, paragraph);
-					shapedGlyphs.push(...glyphGroup);
-					i += step;
-					src = src.substring(step);
-				} else {
-					const { step, glyphGroup } = otherHandler(i, src, viewModel, paragraphNode, sectionBreakConfig, paragraph);
-					shapedGlyphs.push(...glyphGroup);
-					i += step;
-					src = src.substring(step);
+			if (char === _univerjs_core.DataStreamTreeTokenType.CUSTOM_BLOCK) {
+				const config = getFontCreateConfig(i, viewModel, paragraphNode, sectionBreakConfig, paragraph);
+				let newGlyph = null;
+				const customBlock = viewModel.getCustomBlockWithoutSetCurrentIndex(paragraphNode.startIndex + i);
+				if (customBlock != null) {
+					const { blockId } = customBlock;
+					const drawingOrigin = drawings[blockId];
+					if ((drawingOrigin === null || drawingOrigin === void 0 ? void 0 : drawingOrigin.layoutType) === _univerjs_core.PositionedObjectLayoutType.INLINE) {
+						var _viewModel$getDataMod, _viewModel$getDataMod2, _viewModel$getDataMod3, _boundingBox$height, _boundingBox$width, _ref, _viewport$layoutWidth, _viewport$height;
+						const { angle } = drawingOrigin.docTransform;
+						const { width = 0, height = 0 } = drawingOrigin.docTransform.size;
+						const boundingBox = getBoundingBox(angle, 0, width, 0, height);
+						const viewport = getDocsCustomBlockRenderViewport((_viewModel$getDataMod = (_viewModel$getDataMod2 = (_viewModel$getDataMod3 = viewModel.getDataModel()).getUnitId) === null || _viewModel$getDataMod2 === void 0 ? void 0 : _viewModel$getDataMod2.call(_viewModel$getDataMod3)) !== null && _viewModel$getDataMod !== void 0 ? _viewModel$getDataMod : "", drawingOrigin.drawingId, {
+							fallbackHeight: (_boundingBox$height = boundingBox.height) !== null && _boundingBox$height !== void 0 ? _boundingBox$height : 0,
+							fallbackWidth: (_boundingBox$width = boundingBox.width) !== null && _boundingBox$width !== void 0 ? _boundingBox$width : 0
+						});
+						newGlyph = createSkeletonCustomBlockGlyph(config, (_ref = (_viewport$layoutWidth = viewport === null || viewport === void 0 ? void 0 : viewport.layoutWidth) !== null && _viewport$layoutWidth !== void 0 ? _viewport$layoutWidth : viewport === null || viewport === void 0 ? void 0 : viewport.width) !== null && _ref !== void 0 ? _ref : boundingBox.width, (_viewport$height = viewport === null || viewport === void 0 ? void 0 : viewport.height) !== null && _viewport$height !== void 0 ? _viewport$height : boundingBox.height, drawingOrigin.drawingId);
+					} else if (drawingOrigin != null) newGlyph = createSkeletonCustomBlockGlyph(config, 0, 0, drawingOrigin.drawingId);
 				}
+				if (newGlyph == null) newGlyph = createSkeletonLetterGlyph(char, config);
+				shapedGlyphs.push(newGlyph);
+				i += char.length;
+				src = src.substring(char.length);
+			} else if (/\s/.test(char) || cjk.hasCJK(char)) {
+				const config = getFontCreateConfig(i, viewModel, paragraphNode, sectionBreakConfig, paragraph);
+				let newGlyph = null;
+				if (char === _univerjs_core.DataStreamTreeTokenType.TAB) newGlyph = createSkeletonTabGlyph(config, getCharSpaceApply(charSpace, defaultTabStop, gridType, snapToGrid));
+				else if (char === _univerjs_core.DataStreamTreeTokenType.PARAGRAPH) {
+					var _sectionBreakConfig$r;
+					if (((_sectionBreakConfig$r = sectionBreakConfig.renderConfig) === null || _sectionBreakConfig$r === void 0 ? void 0 : _sectionBreakConfig$r.zeroWidthParagraphBreak) === _univerjs_core.BooleanNumber.TRUE) newGlyph = createSkeletonLetterGlyph(char, config, 0);
+					else newGlyph = createSkeletonLetterGlyph(char, config, getCustomRangeGlyphMetrics(i, viewModel, paragraphNode, config));
+				} else newGlyph = createSkeletonLetterGlyph(char, config);
+				shapedGlyphs.push(newGlyph);
+				i += char.length;
+				src = src.substring(char.length);
+			} else if (startWithEmoji(src)) {
+				const { step, glyphGroup } = emojiHandler(i, src, viewModel, paragraphNode, sectionBreakConfig, paragraph);
+				shapedGlyphs.push(...glyphGroup);
+				i += step;
+				src = src.substring(step);
+			} else if (hasArabic(char)) {
+				const { step, glyphGroup } = ArabicHandler(i, src, viewModel, paragraphNode, sectionBreakConfig, paragraph);
+				shapedGlyphs.push(...glyphGroup);
+				i += step;
+				src = src.substring(step);
+			} else if (hasTibetan(char)) {
+				const { step, glyphGroup } = TibetanHandler(i, src, viewModel, paragraphNode, sectionBreakConfig, paragraph);
+				shapedGlyphs.push(...glyphGroup);
+				i += step;
+				src = src.substring(step);
+			} else if (hasThai(char)) {
+				const { step, glyphGroup } = ThaiHandler(i, src, viewModel, paragraphNode, sectionBreakConfig, paragraph);
+				shapedGlyphs.push(...glyphGroup);
+				i += step;
+				src = src.substring(step);
+			} else {
+				const nextMeasuredRangeStart = measuredWholeEntityRangeStarts[measuredWholeEntityRangeIndex];
+				const sourceBeforeMeasuredRange = nextMeasuredRangeStart == null ? src : src.slice(0, nextMeasuredRangeStart - i);
+				const { step, glyphGroup } = otherHandler(i, sourceBeforeMeasuredRange, viewModel, paragraphNode, sectionBreakConfig, paragraph);
+				shapedGlyphs.push(...glyphGroup);
+				i += step;
+				src = src.substring(step);
 			}
 		}
 		punctuationSpaceAdjustment(shapedGlyphs);
@@ -17642,7 +17651,7 @@ function shaping(ctx, content, viewModel, paragraphNode, sectionBreakConfig, use
 		}
 		const lastShapedGlyphs = shapedGlyphsList[shapedGlyphsList.length - 1];
 		for (const shapedGlyphs of shapedGlyphsList) {
-			const word = shapedGlyphs.map((g) => g.content).join("");
+			const word = shapedGlyphs.map(getShapedGlyphText).join("");
 			shapedTextList.push({
 				text: word,
 				glyphs: shapedGlyphs,
@@ -18271,7 +18280,8 @@ var LanguageDetector = class LanguageDetector {
 		var _LANG_MAP_TO_HYPHEN_L;
 		let lang = this._detectCache.get(text);
 		if (lang) return lang;
-		lang = (_LANG_MAP_TO_HYPHEN_L = LANG_MAP_TO_HYPHEN_LANG[(0, franc_min.franc)(text)]) !== null && _LANG_MAP_TO_HYPHEN_L !== void 0 ? _LANG_MAP_TO_HYPHEN_L : "unknown";
+		const francLang = (0, franc_min.franc)(text);
+		lang = (_LANG_MAP_TO_HYPHEN_L = LANG_MAP_TO_HYPHEN_LANG[francLang]) !== null && _LANG_MAP_TO_HYPHEN_L !== void 0 ? _LANG_MAP_TO_HYPHEN_L : "unknown";
 		this._detectCache.set(text, lang);
 		return lang;
 	}
@@ -18283,6 +18293,16 @@ _defineProperty(LanguageDetector, "_instance", null);
 
 //#endregion
 //#region src/components/docs/layout/doc-skeleton.ts
+function getEffectiveSectionType(sectionType) {
+	return sectionType == null || sectionType === _univerjs_core.SectionType.SECTION_TYPE_UNSPECIFIED ? _univerjs_core.SectionType.NEXT_PAGE : sectionType;
+}
+function hasCompatiblePageGeometry(page, config) {
+	const { pageSize, pageOrient, marginTop, marginBottom, marginLeft, marginRight } = config;
+	return page.pageWidth === (pageSize === null || pageSize === void 0 ? void 0 : pageSize.width) && page.pageHeight === (pageSize === null || pageSize === void 0 ? void 0 : pageSize.height) && page.pageOrient === pageOrient && page.originMarginTop === marginTop && page.originMarginBottom === marginBottom && page.marginLeft === marginLeft && page.marginRight === marginRight;
+}
+function isTargetPageParity(pageNumber, sectionType) {
+	return sectionType === _univerjs_core.SectionType.EVEN_PAGE ? pageNumber % 2 === 0 : pageNumber % 2 === 1;
+}
 function removeDupPages(ctx) {
 	const hash = /* @__PURE__ */ new Set();
 	ctx.skeleton.pages = ctx.skeleton.pages.filter((page) => {
@@ -18423,6 +18443,7 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 		_defineProperty(this, "_languageDetector", LanguageDetector.getInstance());
 		_defineProperty(this, "_iteratorCount", 0);
 		_defineProperty(this, "_initialWidth", 0);
+		_defineProperty(this, "_paginationMetrics", null);
 	}
 	static create(docViewModel, localeService) {
 		return new DocumentSkeleton(docViewModel, localeService);
@@ -18442,14 +18463,23 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 	* PS: This method has significant impact on performance.
 	*/
 	calculate(bounds) {
+		var _ctx$paginationMetric;
 		if (!this.dirty) return;
 		const ctx = this._prepareLayoutContext();
 		this._skeletonData = this._createSkeleton(ctx, bounds);
+		this._paginationMetrics = (_ctx$paginationMetric = ctx.paginationMetrics) !== null && _ctx$paginationMetric !== void 0 ? _ctx$paginationMetric : null;
 		this._dirty$.next(true);
 	}
 	getSkeletonData() {
 		return this._skeletonData;
 	}
+	/**
+	* Returns a cloned snapshot of the most recent layout's bounded pagination counters.
+	* These diagnostics describe renderer work and are not part of the document model.
+	*/
+	getPaginationMetrics() {
+		return this._paginationMetrics == null ? null : { ...this._paginationMetrics };
+	}
 	resetInitialWidth() {
 		this._initialWidth = 0;
 	}
@@ -18991,6 +19021,15 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 			paragraphConfigCache: /* @__PURE__ */ new Map(),
 			sectionBreakConfigCache: /* @__PURE__ */ new Map(),
 			paragraphsOpenNewPage: /* @__PURE__ */ new Set(),
+			paginationMetrics: {
+				constrainedParagraphs: 0,
+				noConstraintParagraphs: 0,
+				measuredLineCount: 0,
+				retryCount: 0,
+				movedLineCount: 0,
+				keepNextScanCount: 0,
+				peakCheckpointLineCount: 0
+			},
 			hyphen: this._hyphen,
 			languageDetector: this._languageDetector
 		};
@@ -19036,26 +19075,40 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 			}
 		}
 		for (let i = startSectionIndex, len = viewModel.getChildren().length; i < len; i++) {
+			var _viewModel$getSection;
 			const sectionNode = viewModel.getChildren()[i];
 			const sectionBreakConfig = prepareSectionBreakConfig(ctx, i);
 			const { sectionType, columnProperties, columnSeparatorType, sectionTypeNext, pageNumberStart = 1 } = sectionBreakConfig;
+			const explicitPageNumberStart = (_viewModel$getSection = viewModel.getSectionBreak(sectionNode.endIndex)) === null || _viewModel$getSection === void 0 ? void 0 : _viewModel$getSection.pageNumberStart;
+			const effectiveSectionType = getEffectiveSectionType(sectionType);
 			let curSkeletonPage = getLastPage(allSkeletonPages);
-			let isContinuous = false;
+			let reuseCurrentPage = false;
+			let reuseNextColumn = false;
 			ctx.sectionBreakConfigCache.set(sectionNode.endIndex, sectionBreakConfig);
-			if (sectionType === _univerjs_core.SectionType.CONTINUOUS && curSkeletonPage != null) {
+			if (effectiveSectionType === _univerjs_core.SectionType.NEXT_COLUMN && layoutAnchor == null && curSkeletonPage != null && hasCompatiblePageGeometry(curSkeletonPage, sectionBreakConfig)) {
+				updateBlockIndex(allSkeletonPages, -1, ctx.docsConfig.documentCompatibilityPolicy);
+				reuseNextColumn = this._addNewSectionByNextColumn(curSkeletonPage, columnProperties, columnSeparatorType);
+			}
+			if (effectiveSectionType === _univerjs_core.SectionType.CONTINUOUS && curSkeletonPage != null && hasCompatiblePageGeometry(curSkeletonPage, sectionBreakConfig)) {
 				updateBlockIndex(allSkeletonPages, -1, ctx.docsConfig.documentCompatibilityPolicy);
 				if (layoutAnchor != null && layoutAnchor >= sectionNode.startIndex && layoutAnchor <= sectionNode.endIndex) this._restoreContinuousSection(curSkeletonPage, columnProperties, columnSeparatorType);
 				else this._addNewSectionByContinuous(curSkeletonPage, columnProperties, columnSeparatorType);
-				isContinuous = true;
-			} else if (layoutAnchor == null || curSkeletonPage == null) {
-				var _curSkeletonPage$page;
-				curSkeletonPage = createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, (_curSkeletonPage$page = curSkeletonPage === null || curSkeletonPage === void 0 ? void 0 : curSkeletonPage.pageNumber) !== null && _curSkeletonPage$page !== void 0 ? _curSkeletonPage$page : pageNumberStart);
+				reuseCurrentPage = true;
+			} else if (reuseNextColumn) reuseCurrentPage = true;
+			else if (layoutAnchor == null || curSkeletonPage == null) {
+				let nextPageNumber = curSkeletonPage == null ? pageNumberStart : explicitPageNumberStart !== null && explicitPageNumberStart !== void 0 ? explicitPageNumberStart : curSkeletonPage.pageNumber + 1;
+				if (curSkeletonPage != null && (effectiveSectionType === _univerjs_core.SectionType.EVEN_PAGE || effectiveSectionType === _univerjs_core.SectionType.ODD_PAGE) && !isTargetPageParity(nextPageNumber, effectiveSectionType)) {
+					const fillerPage = createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, nextPageNumber);
+					allSkeletonPages.push(fillerPage);
+					nextPageNumber++;
+				}
+				curSkeletonPage = createSkeletonPage(ctx, sectionBreakConfig, skeletonResourceReference, nextPageNumber);
 			}
 			const { pages } = dealWithSection(ctx, viewModel, sectionNode, curSkeletonPage, sectionBreakConfig, layoutAnchor);
 			if (sectionTypeNext === _univerjs_core.SectionType.CONTINUOUS && columnProperties.length > 0) {}
-			if (isContinuous) {
-				const continuousFirstPage = pages.shift();
-				if (continuousFirstPage && allSkeletonPages.length > 0) allSkeletonPages[allSkeletonPages.length - 1] = continuousFirstPage;
+			if (reuseCurrentPage) {
+				const reusedFirstPage = pages.shift();
+				if (reusedFirstPage && allSkeletonPages.length > 0) allSkeletonPages[allSkeletonPages.length - 1] = reusedFirstPage;
 			}
 			allSkeletonPages.push(...pages);
 			if (ctx.isDirty) break;
@@ -19087,6 +19140,21 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 		newSection.parent = curSkeletonPage;
 		sections.push(newSection);
 	}
+	_addNewSectionByNextColumn(curSkeletonPage, columnProperties, columnSeparatorType) {
+		var _curSkeletonPage$sect, _curSkeletonPage$sect2;
+		const currentColumn = getLastNotFullColumnInfo(curSkeletonPage);
+		const nextColumnIndex = currentColumn == null ? 0 : currentColumn.index + 1;
+		if (nextColumnIndex >= (columnProperties.length || 1)) return false;
+		const { pageWidth, pageHeight, marginTop, marginBottom, marginLeft, marginRight } = curSkeletonPage;
+		const sectionTop = (_curSkeletonPage$sect = (_curSkeletonPage$sect2 = curSkeletonPage.sections.at(-1)) === null || _curSkeletonPage$sect2 === void 0 ? void 0 : _curSkeletonPage$sect2.top) !== null && _curSkeletonPage$sect !== void 0 ? _curSkeletonPage$sect : 0;
+		const newSection = createSkeletonSection(columnProperties, columnSeparatorType, sectionTop, 0, pageWidth - marginLeft - marginRight, pageHeight - marginTop - marginBottom - sectionTop);
+		newSection.columns.slice(0, nextColumnIndex).forEach((column) => {
+			column.isFull = true;
+		});
+		newSection.parent = curSkeletonPage;
+		curSkeletonPage.sections.push(newSection);
+		return true;
+	}
 	_restoreContinuousSection(curSkeletonPage, columnProperties, columnSeparatorType) {
 		const section = curSkeletonPage.sections[curSkeletonPage.sections.length - 1];
 		if (section == null) return;
@@ -19175,89 +19243,12 @@ var DocumentSkeleton = class DocumentSkeleton extends _univerjs_core.Skeleton {
 					...boundary
 				};
 			}
-		}
-	}
-};
-
-//#endregion
-//#region src/components/sheets/util.ts
-function createDocumentModelWithStyle(content, textStyle, config = {}) {
-	const contentLength = content.length;
-	const { textRotation, paddingData, horizontalAlign = _univerjs_core.HorizontalAlign.UNSPECIFIED, verticalAlign = _univerjs_core.VerticalAlign.UNSPECIFIED, wrapStrategy = _univerjs_core.WrapStrategy.UNSPECIFIED, cellValueType } = config;
-	const { t: marginTop, r: marginRight, b: marginBottom, l: marginLeft } = paddingData || DEFAULT_PADDING_DATA;
-	const { vertexAngle, centerAngle } = convertTextRotation(textRotation);
-	return new _univerjs_core.DocumentDataModel({
-		id: "d",
-		body: {
-			dataStream: `${content}${_univerjs_core.DEFAULT_EMPTY_DOCUMENT_VALUE}`,
-			textRuns: [{
-				ts: textStyle,
-				st: 0,
-				ed: contentLength
-			}],
-			paragraphs: [{
-				startIndex: contentLength,
-				paragraphId: (0, _univerjs_core.createParagraphId)(/* @__PURE__ */ new Set()),
-				paragraphStyle: { horizontalAlign }
-			}],
-			sectionBreaks: [{
-				sectionId: (0, _univerjs_core.createSectionId)(/* @__PURE__ */ new Set()),
-				startIndex: contentLength + 1
-			}]
-		},
-		documentStyle: {
-			pageSize: {
-				width: Number.POSITIVE_INFINITY,
-				height: Number.POSITIVE_INFINITY
-			},
-			documentFlavor: _univerjs_core.DocumentFlavor.UNSPECIFIED,
-			marginTop,
-			marginBottom,
-			marginRight,
-			marginLeft,
-			paragraphLineGapDefault: 0,
-			renderConfig: {
-				horizontalAlign,
-				verticalAlign,
-				centerAngle,
-				vertexAngle,
-				wrapStrategy,
-				cellValueType
-			}
-		},
-		drawings: {},
-		drawingsOrder: []
-	});
-}
-function extractOtherStyle(style) {
-	if (!style) return {};
-	const { tr: textRotation, td: textDirection, ht: horizontalAlign, vt: verticalAlign, tb: wrapStrategy, pd: paddingData } = style;
-	return {
-		textRotation,
-		textDirection,
-		horizontalAlign,
-		verticalAlign,
-		wrapStrategy,
-		paddingData
-	};
-}
-function getFontFormat(format) {
-	if (!format) return {};
-	const { ff, fs, it, bl, ul, st, ol, cl } = format;
-	const style = {};
-	ff && (style.ff = ff);
-	fs && (style.fs = fs);
-	it && (style.it = it);
-	bl && (style.bl = bl);
-	ul && (style.ul = ul);
-	st && (style.st = st);
-	ol && (style.ol = ol);
-	cl && (style.cl = cl);
-	return style;
-}
+		}
+	}
+};
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -19265,7 +19256,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -19275,11 +19266,6 @@ function __decorate(decorators, target, key, desc) {
 
 //#endregion
 //#region src/components/sheets/sheet.render-skeleton.ts
-const DEFAULT_CELL_DOCUMENT_MODEL_OPTION = {
-	isDeepClone: false,
-	displayRawFormula: false,
-	ignoreTextRotation: false
-};
 const DEFAULT_PADDING_DATA = {
 	t: 0,
 	b: 2,
@@ -19438,12 +19424,6 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends _univerjs_core.Sheet
 		this._handleBorderMatrix.reset();
 		this._overflowCache.reset();
 	}
-	/**
-	* @deprecated should never expose a property that is provided by another module!
-	*/
-	getStyles() {
-		return this._styles;
-	}
 	setOverflowCache(value) {
 		this._overflowCache = value;
 	}
@@ -19844,13 +19824,6 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends _univerjs_core.Sheet
 		}
 		return measuredWidth;
 	}
-	/**
-	* @deprecated use `getRangeByViewport` instead.
-	* @param bounds
-	*/
-	getRangeByBounding(bounds) {
-		return this._getRangeByViewBounding(this.rowHeightAccumulation, this.columnWidthAccumulation, bounds === null || bounds === void 0 ? void 0 : bounds.cacheBound);
-	}
 	getRangeByViewport(vpInfo) {
 		return this._getRangeByViewBounding(this.rowHeightAccumulation, this.columnWidthAccumulation, vpInfo === null || vpInfo === void 0 ? void 0 : vpInfo.viewBound);
 	}
@@ -19899,171 +19872,10 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends _univerjs_core.Sheet
 		const cachedAdjacentCell = (_this$_stylesCache$fo = this._stylesCache.fontMatrix.getValue(row, adjacentColumn)) === null || _this$_stylesCache$fo === void 0 ? void 0 : _this$_stylesCache$fo.cellData;
 		return !(0, _univerjs_core.isCellCoverable)(cachedAdjacentCell !== null && cachedAdjacentCell !== void 0 ? cachedAdjacentCell : this.worksheet.getCell(row, adjacentColumn)) || hasMergeData && this.intersectMergeRange(row, adjacentColumn);
 	}
-	/**
-	* Get cell by pos(offsetX, offsetY).
-	* @deprecated Please use `getCellWithCoordByOffset` instead.
-	*/
-	calculateCellIndexByPosition(offsetX, offsetY, scaleX, scaleY, scrollXY) {
-		return this.getCellWithCoordByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY);
-	}
-	/**
-	* This method has the same implementation as `getCellIndexByOffset`,
-	* but uses a different name to maintain backward compatibility with previous calls.
-	*
-	* @deprecated Please use `getCellIndexByOffset` method instead.
-	*/
-	getCellPositionByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY, options) {
-		return this.getCellIndexByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY, options);
-	}
 	getCellWithMergeInfoByIndex(row, column) {
 		return this.worksheet.getCellInfoInMergeData(row, column);
 	}
 	/**
-	* Same as getColumnIndexByOffsetX
-	* @deprecated Please use `getColumnIndexByOffsetX` method instead.
-	*/
-	getColumnPositionByOffsetX(offsetX, scaleX, scrollXY, options) {
-		return this.getColumnIndexByOffsetX(offsetX, scaleX, scrollXY, options);
-	}
-	/**
-	* Same as getRowIndexByOffsetY
-	* @deprecated Please use `getRowIndexByOffsetY` method instead.
-	*/
-	getRowPositionByOffsetY(offsetY, scaleY, scrollXY, options) {
-		return this.getRowIndexByOffsetY(offsetY, scaleY, scrollXY, options);
-	}
-	/**
-	* Same as getCellWithCoordByIndex, but uses a different name to maintain backward compatibility with previous calls.
-	* @deprecated Please use `getCellWithCoordByIndex` instead.
-	*/
-	getCellByIndex(row, column) {
-		return this.getCellWithCoordByIndex(row, column);
-	}
-	/**
-	* @deprecated Please use `getCellWithCoordByIndex(row, col, false)` instead.
-	* @param row
-	* @param column
-	*/
-	getCellByIndexWithNoHeader(row, column) {
-		return this.getCellWithCoordByIndex(row, column, false);
-	}
-	/**
-	* Only used for cell edit, and no need to rotate text when edit cell content!
-	* @deprecated use same method in worksheet.
-	* @param cell
-	*/
-	getBlankCellDocumentModel(cell) {
-		const documentModelObject = this._getCellDocumentModel(cell, { ignoreTextRotation: true });
-		const textStyle = getFontFormat(this._styles.getStyleByCell(cell));
-		if (documentModelObject != null) {
-			if (documentModelObject.documentModel == null) documentModelObject.documentModel = createDocumentModelWithStyle("", textStyle);
-			return documentModelObject;
-		}
-		const content = "";
-		let fontString = "document";
-		const textRotation = _univerjs_core.DEFAULT_STYLES.tr;
-		const horizontalAlign = _univerjs_core.DEFAULT_STYLES.ht;
-		const verticalAlign = _univerjs_core.DEFAULT_STYLES.vt;
-		const wrapStrategy = _univerjs_core.DEFAULT_STYLES.tb;
-		const paddingData = DEFAULT_PADDING_DATA;
-		fontString = getFontStyleString({}).fontCache;
-		return {
-			documentModel: createDocumentModelWithStyle(content, textStyle),
-			fontString,
-			textRotation,
-			wrapStrategy,
-			verticalAlign,
-			horizontalAlign,
-			paddingData
-		};
-	}
-	/**
-	* Only used for cell edit, and no need to rotate text when edit cell content!
-	* @deprecated use same method in worksheet.
-	* @param cell
-	*/
-	getCellDocumentModelWithFormula(cell) {
-		return this._getCellDocumentModel(cell, {
-			isDeepClone: true,
-			displayRawFormula: true,
-			ignoreTextRotation: true
-		});
-	}
-	/**
-	* This method generates a document model based on the cell's properties and handles the associated styles and configurations.
-	* If the cell does not exist, it will return null.
-	*
-	* @deprecated use same method in worksheet.
-	* PS: This method has significant impact on performance.
-	* @param cell
-	* @param options
-	*/
-	_getCellDocumentModel(cell, options = DEFAULT_CELL_DOCUMENT_MODEL_OPTION) {
-		var _style$bg;
-		const { isDeepClone, displayRawFormula, ignoreTextRotation } = {
-			...DEFAULT_CELL_DOCUMENT_MODEL_OPTION,
-			...options
-		};
-		const style = this._styles.getStyleByCell(cell);
-		if (!cell) return;
-		let documentModel;
-		let fontString = "document";
-		const cellOtherConfig = extractOtherStyle(style);
-		const textRotation = ignoreTextRotation ? _univerjs_core.DEFAULT_STYLES.tr : cellOtherConfig.textRotation || _univerjs_core.DEFAULT_STYLES.tr;
-		let horizontalAlign = cellOtherConfig.horizontalAlign || _univerjs_core.DEFAULT_STYLES.ht;
-		const verticalAlign = cellOtherConfig.verticalAlign || _univerjs_core.DEFAULT_STYLES.vt;
-		const wrapStrategy = cellOtherConfig.wrapStrategy || _univerjs_core.DEFAULT_STYLES.tb;
-		const paddingData = cellOtherConfig.paddingData || DEFAULT_PADDING_DATA;
-		if (cell.f && displayRawFormula) {
-			documentModel = createDocumentModelWithStyle(cell.f.toString(), {}, { verticalAlign });
-			horizontalAlign = _univerjs_core.DEFAULT_STYLES.ht;
-		} else if (cell.p) {
-			const { centerAngle, vertexAngle } = convertTextRotation(textRotation);
-			documentModel = this._updateConfigAndGetDocumentModel(isDeepClone ? _univerjs_core.Tools.deepClone(cell.p) : cell.p, horizontalAlign, paddingData, {
-				horizontalAlign,
-				verticalAlign,
-				centerAngle,
-				vertexAngle,
-				wrapStrategy,
-				zeroWidthParagraphBreak: 1
-			});
-		} else if (cell.v != null) {
-			const textStyle = getFontFormat(style);
-			fontString = getFontStyleString(textStyle).fontCache;
-			let cellText = (0, _univerjs_core.extractPureTextFromCell)(cell);
-			if (cell.t === _univerjs_core.CellValueType.FORCE_STRING && displayRawFormula) cellText = `'${cellText}`;
-			documentModel = createDocumentModelWithStyle(cellText, textStyle, {
-				...cellOtherConfig,
-				textRotation,
-				cellValueType: cell.t
-			});
-		}
-		if (documentModel && cell.linkUrl && cell.linkId) (0, _univerjs_core.addLinkToDocumentModel)(documentModel, cell.linkUrl, cell.linkId);
-		/**
-		* the alignment mode is returned with respect to the offset of the sheet cell,
-		* because the document needs to render the layout for cells and
-		* support alignment across multiple cells (e.g., horizontal alignment of long text in overflow mode).
-		* The alignment mode of the document itself cannot meet this requirement,
-		* so an additional renderConfig needs to be added during the rendering of the document component.
-		* This means that there are two coexisting alignment modes.
-		* In certain cases, such as in an editor, conflicts may arise,
-		* requiring only one alignment mode to be retained.
-		* By removing the relevant configurations in renderConfig,
-		* the alignment mode of the sheet cell can be modified.
-		* The alternative alignment mode is applied to paragraphs within the document.
-		*/
-		return {
-			documentModel,
-			fontString,
-			textRotation,
-			wrapStrategy,
-			verticalAlign,
-			horizontalAlign,
-			paddingData,
-			fill: style === null || style === void 0 || (_style$bg = style.bg) === null || _style$bg === void 0 ? void 0 : _style$bg.rgb
-		};
-	}
-	/**
 	* Calculate the overflow of cell text. If there is no value on either side of the cell,
 	* the text content of this cell can be drawn to both sides, not limited by the cell's width.
 	* Overflow on the left or right is aligned according to the text's horizontal alignment.
@@ -20519,20 +20331,6 @@ let SpreadsheetSkeleton = class SpreadsheetSkeleton extends _univerjs_core.Sheet
 		for (let i = range.startColumn; i <= range.endColumn; i++) if (!this.worksheet.getColVisible(i)) hiddenCols.push(i);
 		return hiddenCols;
 	}
-	/**
-	* @deprecated use function `convertTransformToOffsetX` in same package.
-	*/
-	convertTransformToOffsetX(offsetX, scaleX, scrollXY) {
-		const { x: scrollX } = scrollXY;
-		return (offsetX - scrollX) * scaleX;
-	}
-	/**
-	* @deprecated use function `convertTransformToOffsetY` in same package.
-	*/
-	convertTransformToOffsetY(offsetY, scaleY, scrollXY) {
-		const { y: scrollY } = scrollXY;
-		return (offsetY - scrollY) * scaleY;
-	}
 };
 SpreadsheetSkeleton = __decorate([
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
@@ -20705,7 +20503,8 @@ var Font = class extends SheetExtension {
 		uniqueMergeRanges.forEach((range) => {
 			const fontCache = fontMatrix.getValue(range.startRow, range.startColumn);
 			if (!fontCache) return;
-			renderFontContext.cellInfo = spreadsheetSkeleton.getCellWithCoordByIndex(range.startRow, range.startColumn, false);
+			const cellInfo = spreadsheetSkeleton.getCellWithCoordByIndex(range.startRow, range.startColumn, false);
+			renderFontContext.cellInfo = cellInfo;
 			this._renderFontEachCell(renderFontContext, range.startRow, range.startColumn, fontMatrix, fontCache);
 		});
 		ctx.restore();
@@ -22201,6 +22000,145 @@ var Image$1 = class extends Shape {
 	}
 };
 
+//#endregion
+//#region src/shape/line.ts
+function normalizeLinePosition(position) {
+	const left = Math.min(position.startX, position.endX);
+	const top = Math.min(position.startY, position.endY);
+	return {
+		left,
+		top,
+		width: Math.abs(position.endX - position.startX),
+		height: Math.abs(position.endY - position.startY),
+		startX: position.startX - left,
+		startY: position.startY - top,
+		endX: position.endX - left,
+		endY: position.endY - top
+	};
+}
+/**
+* A line segment defined by two endpoints in its parent's coordinate system.
+*
+* The BaseObject bounds are derived internally so callers only describe line geometry.
+*/
+var Line = class Line extends Shape {
+	constructor(key, props) {
+		var _props$startX, _props$startY, _props$endX, _props$endY;
+		const position = {
+			startX: (_props$startX = props === null || props === void 0 ? void 0 : props.startX) !== null && _props$startX !== void 0 ? _props$startX : 0,
+			startY: (_props$startY = props === null || props === void 0 ? void 0 : props.startY) !== null && _props$startY !== void 0 ? _props$startY : 0,
+			endX: (_props$endX = props === null || props === void 0 ? void 0 : props.endX) !== null && _props$endX !== void 0 ? _props$endX : 0,
+			endY: (_props$endY = props === null || props === void 0 ? void 0 : props.endY) !== null && _props$endY !== void 0 ? _props$endY : 0
+		};
+		const geometry = normalizeLinePosition(position);
+		const normalizedProps = {
+			...props !== null && props !== void 0 ? props : position,
+			left: geometry.left,
+			top: geometry.top,
+			width: geometry.width,
+			height: geometry.height
+		};
+		super(key, normalizedProps);
+		_defineProperty(this, "_startX", 0);
+		_defineProperty(this, "_startY", 0);
+		_defineProperty(this, "_endX", 0);
+		_defineProperty(this, "_endY", 0);
+		this._startX = geometry.startX;
+		this._startY = geometry.startY;
+		this._endX = geometry.endX;
+		this._endY = geometry.endY;
+	}
+	get startX() {
+		return this.left + this._startX;
+	}
+	get startY() {
+		return this.top + this._startY;
+	}
+	get endX() {
+		return this.left + this._endX;
+	}
+	get endY() {
+		return this.top + this._endY;
+	}
+	static drawWith(ctx, props) {
+		Line._drawSegment(ctx, props.startX, props.startY, props.endX, props.endY, props);
+	}
+	setPoints(position) {
+		const geometry = normalizeLinePosition(position);
+		this._startX = geometry.startX;
+		this._startY = geometry.startY;
+		this._endX = geometry.endX;
+		this._endY = geometry.endY;
+		this.transformByState({
+			left: geometry.left,
+			top: geometry.top,
+			width: geometry.width,
+			height: geometry.height
+		});
+		return this;
+	}
+	setProps(props) {
+		var _props$startX2, _props$startY2, _props$endX2, _props$endY2;
+		if (!props) return this;
+		const position = {
+			startX: (_props$startX2 = props.startX) !== null && _props$startX2 !== void 0 ? _props$startX2 : this.startX,
+			startY: (_props$startY2 = props.startY) !== null && _props$startY2 !== void 0 ? _props$startY2 : this.startY,
+			endX: (_props$endX2 = props.endX) !== null && _props$endX2 !== void 0 ? _props$endX2 : this.endX,
+			endY: (_props$endY2 = props.endY) !== null && _props$endY2 !== void 0 ? _props$endY2 : this.endY
+		};
+		const lineProps = {
+			...props,
+			...position
+		};
+		super.setProps(lineProps);
+		this.setPoints(position);
+		return this;
+	}
+	isHit(coord) {
+		const point = this.getInverseCoord(coord);
+		const width = this._endX - this._startX;
+		const height = this._endY - this._startY;
+		const lengthSquared = width * width + height * height;
+		const parsedHitStrokeWidth = typeof this.hitStrokeWidth === "number" ? this.hitStrokeWidth : Number.parseFloat(this.hitStrokeWidth);
+		const hitStrokeWidth = Number.isFinite(parsedHitStrokeWidth) ? parsedHitStrokeWidth : 0;
+		const tolerance = Math.max(this.strokeWidth, hitStrokeWidth) / 2;
+		const pointX = point.x - this._startX;
+		const pointY = point.y - this._startY;
+		if (lengthSquared === 0) return pointX * pointX + pointY * pointY <= tolerance * tolerance;
+		const projection = Math.max(0, Math.min(1, (pointX * width + pointY * height) / lengthSquared));
+		const offsetX = pointX - projection * width;
+		const offsetY = pointY - projection * height;
+		return offsetX * offsetX + offsetY * offsetY <= tolerance * tolerance;
+	}
+	toJson() {
+		const props = super.toJson();
+		delete props.left;
+		delete props.top;
+		delete props.width;
+		delete props.height;
+		return {
+			...props,
+			startX: this.startX,
+			startY: this.startY,
+			endX: this.endX,
+			endY: this.endY
+		};
+	}
+	_draw(ctx) {
+		Line._drawSegment(ctx, this._startX, this._startY, this._endX, this._endY, this);
+	}
+	static _drawSegment(ctx, startX, startY, endX, endY, props) {
+		if (!props.stroke || props.strokeWidth === 0) return;
+		ctx.save();
+		ctx.beginPath();
+		if (props.strokeDashArray) ctx.setLineDash(props.strokeDashArray);
+		ctx.moveTo(startX, startY);
+		ctx.lineTo(endX, endY);
+		this._renderPaintInOrder(ctx, props);
+		ctx.restore();
+	}
+};
+
 //#endregion
 //#region src/shape/path.ts
 const PATH_OBJECT_ARRAY = ["dataArray"];
@@ -23804,13 +23742,28 @@ var FontAndBaseLine = class extends docExtension {
 				this.actualFontMap[fontStringPxStr] = ctx.font;
 			}
 		}
-		const { cl: colorStyle, va: baselineOffset, textFill } = textStyle;
+		const { cl: colorStyle, va: baselineOffset, textFill, glow, outerShadow } = textStyle;
 		const fontColor = (0, _univerjs_core.getColorStyle)(colorStyle) || "rgb(0,0,0)";
 		if (baselineOffset === _univerjs_core.BaselineOffset.SUPERSCRIPT) spanPointWithFont.y += -bBox.spo;
 		else if (baselineOffset === _univerjs_core.BaselineOffset.SUBSCRIPT) spanPointWithFont.y += bBox.sbo;
-		if (this._fillTextWithTextFill(ctx, glyph, spanPointWithFont, textFill, fontColor)) return;
-		if (fontColor && this._preFontColor !== fontColor) ctx.fillStyle = fontColor;
-		this._fillText(ctx, glyph, spanPointWithFont);
+		const drawText = () => {
+			if (this._fillTextWithTextFill(ctx, glyph, spanPointWithFont, textFill, fontColor)) return;
+			if (fontColor && this._preFontColor !== fontColor) ctx.fillStyle = fontColor;
+			this._fillText(ctx, glyph, spanPointWithFont);
+		};
+		if (!glow && !outerShadow) {
+			drawText();
+			return;
+		}
+		const effectFilter = createDrawingEffectFilter(glow, outerShadow);
+		if (!effectFilter) {
+			drawText();
+			return;
+		}
+		ctx.save();
+		ctx.filter = combineDrawingEffectFilter(ctx.filter, effectFilter);
+		drawText();
+		ctx.restore();
 	}
 	_fillTextWithTextFill(ctx, glyph, spanPointWithFont, textFill, fallbackColor) {
 		if (!textFill || textFill.type === "none") return (textFill === null || textFill === void 0 ? void 0 : textFill.type) === "none";
@@ -24039,7 +23992,7 @@ DocumentsSpanAndLineExtensionRegistry.add(new FontAndBaseLine());
 //#region src/components/docs/extensions/line.ts
 const UNIQUE_KEY = "DefaultDocsLineExtension";
 const DOC_EXTENSION_Z_INDEX = 40;
-var Line = class extends docExtension {
+var Line$1 = class extends docExtension {
 	constructor(..._args) {
 		super(..._args);
 		_defineProperty(this, "uKey", UNIQUE_KEY);
@@ -24205,12 +24158,29 @@ var Line = class extends docExtension {
 		return lineType === _univerjs_core.TextDecoration.DOUBLE || lineType === _univerjs_core.TextDecoration.WAVY_DOUBLE;
 	}
 };
-DocumentsSpanAndLineExtensionRegistry.add(new Line());
+DocumentsSpanAndLineExtensionRegistry.add(new Line$1());
 
 //#endregion
 //#region src/components/docs/document.ts
 const DEFAULT_BORDER_COLOR = { color: { rgb: "#c7c9cc" } };
 const TABLE_VIEWPORT_BORDER_CLIP_PADDING = 2;
+const TABLE_OVERFLOW_INTERACTION_PADDING = 24;
+function drawSectionColumnSeparators(ctx, section, height, offsetX = 0, offsetY = 0) {
+	if (section.columns.length < 2) return;
+	ctx.save();
+	ctx.strokeStyle = "#000000";
+	ctx.setLineWidthByPrecision(1);
+	ctx.beginPath();
+	for (const column of section.columns.slice(0, -1)) {
+		if (column.separator !== _univerjs_core.ColumnSeparatorType.BETWEEN_EACH_COLUMN) continue;
+		const separatorX = offsetX + column.left + column.width + column.spaceWidth / 2;
+		ctx.moveToByPrecision(separatorX, offsetY);
+		ctx.lineToByPrecision(separatorX, offsetY + height);
+	}
+	ctx.stroke();
+	ctx.closePath();
+	ctx.restore();
+}
 var Documents = class Documents extends DocComponent {
 	constructor(oKey, documentSkeleton, config) {
 		super(oKey, documentSkeleton, config);
@@ -24242,6 +24212,31 @@ var Documents = class Documents extends DocComponent {
 	getEngine() {
 		return this.getScene().getEngine();
 	}
+	isHit(coord) {
+		var _this$getSkeleton;
+		if (super.isHit(coord)) return true;
+		const skeletonData = (_this$getSkeleton = this.getSkeleton()) === null || _this$getSkeleton === void 0 ? void 0 : _this$getSkeleton.getSkeletonData();
+		if (!skeletonData) return false;
+		const localCoord = this.getInverseCoord(coord);
+		const { pages, skeHeaders, skeFooters } = skeletonData;
+		const unitId = this._getRenderUnitId();
+		const { docsLeft } = this.getOffsetConfig();
+		return documentSkeletonTableIterator(pages, {
+			includeCells: false,
+			pageMarginTop: this.pageMarginTop,
+			resolveViewport: false,
+			skeFooters,
+			skeHeaders,
+			unitId
+		}).some(({ tableId, tableRect }) => {
+			var _viewport$leadingInse;
+			const sourceTableId = getTableIdAndSliceIndex(tableId).tableId;
+			const viewport = getDocsTableRenderViewport(unitId, sourceTableId);
+			const projectedLeft = hasDocsTableHorizontalViewport(viewport) ? getDocsTableViewportLeft(viewport, tableRect.left - ((_viewport$leadingInse = viewport.leadingInsetLeft) !== null && _viewport$leadingInse !== void 0 ? _viewport$leadingInse : 0), docsLeft) : tableRect.left;
+			const projectedRight = hasDocsTableHorizontalViewport(viewport) ? projectedLeft + viewport.viewportWidth : tableRect.right;
+			return localCoord.x >= projectedLeft - TABLE_OVERFLOW_INTERACTION_PADDING && localCoord.x <= projectedRight + TABLE_OVERFLOW_INTERACTION_PADDING && localCoord.y >= tableRect.top - TABLE_OVERFLOW_INTERACTION_PADDING && localCoord.y <= tableRect.bottom + TABLE_OVERFLOW_INTERACTION_PADDING;
+		});
+	}
 	changeSkeleton(newSkeleton) {
 		this.setSkeleton(newSkeleton);
 		return this;
@@ -24250,8 +24245,8 @@ var Documents = class Documents extends DocComponent {
 		this.draw(ctx, bounds);
 	}
 	draw(ctx, bounds) {
-		var _this$getSkeleton;
-		const skeletonData = (_this$getSkeleton = this.getSkeleton()) === null || _this$getSkeleton === void 0 ? void 0 : _this$getSkeleton.getSkeletonData();
+		var _this$getSkeleton2;
+		const skeletonData = (_this$getSkeleton2 = this.getSkeleton()) === null || _this$getSkeleton2 === void 0 ? void 0 : _this$getSkeleton2.getSkeletonData();
 		if (skeletonData == null || this._drawLiquid == null) return;
 		this._drawLiquid.reset();
 		const { pages, skeHeaders, skeFooters } = skeletonData;
@@ -24285,10 +24280,14 @@ var Documents = class Documents extends DocComponent {
 			const headerAlignOffsetNoAngle = Vector2.create(horizontalOffsetNoAngle, (_headerSkeletonPage$m = headerSkeletonPage === null || headerSkeletonPage === void 0 ? void 0 : headerSkeletonPage.marginTop) !== null && _headerSkeletonPage$m !== void 0 ? _headerSkeletonPage$m : 0);
 			if (headerSkeletonPage) this._drawHeaderFooter(headerSkeletonPage, ctx, extensions, backgroundExtension, glyphExtensionsExcludeBackground, headerAlignOffsetNoAngle, centerAngle, vertexAngle, renderConfig, parentScale, page, true);
 			this._startRotation(ctx, finalAngle);
-			for (const section of sections) {
+			for (const [sectionIndex, section] of sections.entries()) {
+				var _sections$slice$find;
 				const { columns } = section;
+				const nextSectionTop = (_sections$slice$find = sections.slice(sectionIndex + 1).find((candidate) => candidate.top > section.top)) === null || _sections$slice$find === void 0 ? void 0 : _sections$slice$find.top;
+				const separatorHeight = Math.max(0, (nextSectionTop !== null && nextSectionTop !== void 0 ? nextSectionTop : page.pageHeight - pagePaddingTop - pagePaddingBottom) - section.top);
 				this._drawLiquid.translateSave();
 				this._drawLiquid.translateSection(section);
+				drawSectionColumnSeparators(ctx, section, separatorHeight, alignOffsetNoAngle.x, alignOffsetNoAngle.y);
 				for (const column of columns) {
 					const { lines, width: columnWidth } = column;
 					this._drawLiquid.translateSave();
@@ -24396,9 +24395,9 @@ var Documents = class Documents extends DocComponent {
 			drawLiquid.translateSave();
 			drawLiquid.translate(tableLeft, tableTop);
 			if (hasDocsTableHorizontalViewport(viewport)) {
-				var _viewport$leadingInse;
+				var _viewport$leadingInse2;
 				const { x, y } = drawLiquid;
-				const clipLeft = x + page.marginLeft - ((_viewport$leadingInse = viewport.leadingInsetLeft) !== null && _viewport$leadingInse !== void 0 ? _viewport$leadingInse : 0);
+				const clipLeft = x + page.marginLeft - ((_viewport$leadingInse2 = viewport.leadingInsetLeft) !== null && _viewport$leadingInse2 !== void 0 ? _viewport$leadingInse2 : 0);
 				ctx.save();
 				ctx.beginPath();
 				ctx.rectByPrecision(clipLeft - TABLE_VIEWPORT_BORDER_CLIP_PADDING, y + page.marginTop - TABLE_VIEWPORT_BORDER_CLIP_PADDING, viewport.viewportWidth + TABLE_VIEWPORT_BORDER_CLIP_PADDING * 2, tableSkeleton.height + TABLE_VIEWPORT_BORDER_CLIP_PADDING * 2);
@@ -24957,6 +24956,63 @@ function getSparseExtensionDiffRanges(uKey, flags, diffRanges) {
 		default: return diffRanges;
 	}
 }
+/**
+* Clip a blit source rectangle to the source canvas bounds and shrink the destination
+* rectangle proportionally, as required by the HTML spec:
+* https://html.spec.whatwg.org/multipage/canvas.html#drawing-images
+* ("the source rectangle must be clipped to the source image and the destination
+* rectangle must be clipped in the same proportion").
+*
+* renderByViewports() blits a region larger than the cache canvas (viewport size plus
+* the row/column header margins, while frozen viewports use bufferEdge=0 on their long
+* axis) and relies on this behavior: compliant browsers treat the overflow as
+* transparent padding. WebKit only implements it since Safari 18 ("Fixed drawImage to
+* not alter the input source or the destination rectangles"), so on Safari < 18 the
+* overflowed blit is dropped or distorted and frozen viewports lose their content.
+*
+* Returns null when the source rectangle lies entirely outside the canvas, meaning
+* nothing visible remains to be drawn.
+*/
+function clipBlitRectToBounds(rect, sourceWidth, sourceHeight) {
+	let { sx, sy, sw, sh, dx, dy, dw, dh } = rect;
+	if (sx < 0) {
+		const cut = Math.min(-sx, sw);
+		const ratio = cut / sw;
+		dx += dw * ratio;
+		dw -= dw * ratio;
+		sw -= cut;
+		sx = 0;
+	}
+	if (sy < 0) {
+		const cut = Math.min(-sy, sh);
+		const ratio = cut / sh;
+		dy += dh * ratio;
+		dh -= dh * ratio;
+		sh -= cut;
+		sy = 0;
+	}
+	if (sx + sw > sourceWidth) {
+		const clamped = Math.max(sourceWidth - sx, 0);
+		dw *= clamped / sw;
+		sw = clamped;
+	}
+	if (sy + sh > sourceHeight) {
+		const clamped = Math.max(sourceHeight - sy, 0);
+		dh *= clamped / sh;
+		sh = clamped;
+	}
+	if (sw <= 0 || sh <= 0) return null;
+	return {
+		sx,
+		sy,
+		sw,
+		sh,
+		dx,
+		dy,
+		dw,
+		dh
+	};
+}
 var Spreadsheet = class extends SheetComponent {
 	constructor(oKey, spreadsheetSkeleton, _allowCache = true) {
 		super(oKey, spreadsheetSkeleton);
@@ -25271,6 +25327,21 @@ var Spreadsheet = class extends SheetComponent {
 	*/
 	_applyCache(cacheCanvas, ctx, sx = 0, sy = 0, sw = 0, sh = 0, dx = 0, dy = 0, dw = 0, dh = 0) {
 		if (!ctx) return;
+		let blitRect = {
+			sx,
+			sy,
+			sw,
+			sh,
+			dx,
+			dy,
+			dw,
+			dh
+		};
+		if (sw > 0 && sh > 0 && dw > 0 && dh > 0) {
+			const clipped = clipBlitRectToBounds(blitRect, cacheCanvas.getWidth(), cacheCanvas.getHeight());
+			if (!clipped) return;
+			blitRect = clipped;
+		}
 		const pixelRatio = cacheCanvas.getPixelRatio();
 		const cacheCtx = cacheCanvas.getContext();
 		cacheCtx.save();
@@ -25278,7 +25349,7 @@ var Spreadsheet = class extends SheetComponent {
 		ctx.setTransform(1, 0, 0, 1, 0, 0);
 		cacheCtx.setTransform(1, 0, 0, 1, 0, 0);
 		ctx.imageSmoothingEnabled = false;
-		ctx.drawImage(cacheCanvas.getCanvasEle(), sx * pixelRatio, sy * pixelRatio, sw * pixelRatio, sh * pixelRatio, dx * pixelRatio, dy * pixelRatio, dw * pixelRatio, dh * pixelRatio);
+		ctx.drawImage(cacheCanvas.getCanvasEle(), blitRect.sx * pixelRatio, blitRect.sy * pixelRatio, blitRect.sw * pixelRatio, blitRect.sh * pixelRatio, blitRect.dx * pixelRatio, blitRect.dy * pixelRatio, blitRect.dw * pixelRatio, blitRect.dh * pixelRatio);
 		ctx.restore();
 		cacheCtx.restore();
 	}
@@ -26706,11 +26777,16 @@ var DrawingGroupObject = class extends Group {
 			height: 0
 		});
 		_defineProperty(this, "_outerShadow", void 0);
+		_defineProperty(this, "_glow", void 0);
 	}
 	setOuterShadow(shadow) {
 		this._outerShadow = shadow;
 		this.makeDirty(true);
 	}
+	setGlow(glow) {
+		this._glow = glow;
+		this.makeDirty(true);
+	}
 	/**
 	* Set the baseBound (chOff/chExt in OOXML) for this group.
 	* This defines the coordinate space of children within the group.
@@ -26757,6 +26833,8 @@ var DrawingGroupObject = class extends Group {
 		const centerX = realLeft + realWidth / 2;
 		const centerY = realTop + realHeight / 2;
 		ctx.transform(m[0], m[1], m[2], m[3], centerX, centerY);
+		const effectFilter = createDrawingEffectFilter(this._glow, void 0);
+		if (effectFilter) ctx.filter = combineDrawingEffectFilter(ctx.filter, effectFilter);
 		if (this._outerShadow) {
 			ctx.shadowColor = this._outerShadow.shadowColor;
 			ctx.shadowBlur = this._outerShadow.shadowBlur;
@@ -27019,7 +27097,8 @@ let CanvasColorService = class CanvasColorService extends _univerjs_core.Disposa
 CanvasColorService = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.ThemeService))], CanvasColorService);
 function getDarkRenderColorOverride(color) {
 	var _DARK_RENDER_COLOR_OV;
-	return (_DARK_RENDER_COLOR_OV = DARK_RENDER_COLOR_OVERRIDES[normalizeRenderColor(color)]) !== null && _DARK_RENDER_COLOR_OV !== void 0 ? _DARK_RENDER_COLOR_OV : null;
+	const normalized = normalizeRenderColor(color);
+	return (_DARK_RENDER_COLOR_OV = DARK_RENDER_COLOR_OVERRIDES[normalized]) !== null && _DARK_RENDER_COLOR_OV !== void 0 ? _DARK_RENDER_COLOR_OV : null;
 }
 function normalizeRenderColor(color) {
 	const trimmed = color.trim().toLowerCase();
@@ -27233,24 +27312,6 @@ let Engine = class Engine extends _univerjs_core.Disposable {
 	* @param {true} [resize] If should perform resize when mounted and observe resize event.
 	*/
 	mount(element, resize = true) {
-		this.setContainer(element, resize);
-	}
-	/**
-	* Unmount the canvas without disposing it so it can be mounted again.
-	*/
-	unmount() {
-		this._clearResizeListener();
-		if (!this._container) throw new Error("[Engine]: cannot unmount when container is not set!");
-		this._container.removeChild(this.getCanvasElement());
-		this._container = null;
-	}
-	/**
-	* Mount the canvas to the element so it would be rendered on UI.
-	* @deprecated Please use `mount` instead.
-	* @param {HTMLElement} element - The element the canvas will mount on.
-	* @param {true} [resize] If should perform resize when mounted and observe resize event.
-	*/
-	setContainer(element, resize = true) {
 		if (this._container === element) return;
 		this._container = element;
 		this._container.appendChild(this.getCanvasElement());
@@ -27271,6 +27332,15 @@ let Engine = class Engine extends _univerjs_core.Disposable {
 			});
 		}
 	}
+	/**
+	* Unmount the canvas without disposing it so it can be mounted again.
+	*/
+	unmount() {
+		this._clearResizeListener();
+		if (!this._container) throw new Error("[Engine]: cannot unmount when container is not set!");
+		this._container.removeChild(this.getCanvasElement());
+		this._container = null;
+	}
 	_clearResizeListener() {
 		var _this$_resizeListener;
 		(_this$_resizeListener = this._resizeListenerDisposable) === null || _this$_resizeListener === void 0 || _this$_resizeListener.dispose();
@@ -27699,7 +27769,7 @@ Engine = __decorate([__decorateParam(2, ICanvasColorService)], Engine);
 //#endregion
 //#region package.json
 var name = "@univerjs/engine-render";
-var version = "1.0.0-alpha.7";
+var version = "1.0.0-alpha.8";
 
 //#endregion
 //#region src/config/config.ts
@@ -27759,8 +27829,6 @@ var InputManager = class InputManager extends _univerjs_core.Disposable {
 		this._onPointerEnter = null;
 		this._onPointerLeave = null;
 		this._onMouseWheel = null;
-		this._onKeyDown = null;
-		this._onKeyUp = null;
 		this._onDragEnter = null;
 		this._onDragLeave = null;
 		this._onDragOver = null;
@@ -27851,12 +27919,6 @@ var InputManager = class InputManager extends _univerjs_core.Disposable {
 		this._scene.getMainViewport().onMouseWheel$.emitEvent(evt);
 		if (!isStop && this._shouldDispatchEventToScene(currentObject)) this._scene.onMouseWheel$.emitEvent(evt);
 	}
-	_onKeyDown(evt) {
-		this._scene.onKeyDown$.emitEvent(evt);
-	}
-	_onKeyUp(evt) {
-		this._scene.onKeyUp$.emitEvent(evt);
-	}
 	_onDragEnter(evt) {
 		var _this$_currentObject;
 		this._currentObject = this._getObjectAtPos(evt.offsetX, evt.offsetY);
@@ -27894,14 +27956,6 @@ var InputManager = class InputManager extends _univerjs_core.Disposable {
 		if (!engine) return;
 		this._onInput$ = engine.onInputChanged$.subscribeEvent((eventData) => {
 			const evt = eventData;
-			if (eventData.deviceType === 1) switch (eventData.type) {
-				case "keydown":
-					this._onKeyDown(evt);
-					break;
-				case "keyup":
-					this._onKeyUp(evt);
-					break;
-			}
 			if (eventData.deviceType === 2 || eventData.deviceType === 3) switch (eventData.type) {
 				case "wheel":
 				case "DOMMouseScroll":
@@ -28476,10 +28530,6 @@ var Transformer = class extends _univerjs_core.Disposable {
 		};
 	}
 	attachTo(applyObject) {
-		if (this.hoverEnabled) {
-			this.hoverEnterFunc && applyObject.onPointerEnter$.subscribeEvent(this.hoverEnterFunc);
-			this.hoverLeaveFunc && applyObject.onPointerLeave$.subscribeEvent(this.hoverLeaveFunc);
-		}
 		this.detachFrom(applyObject);
 		const observer = applyObject.onPointerDown$.subscribeEvent((evt, state) => {
 			const { offsetX: evtOffsetX, offsetY: evtOffsetY } = evt;
@@ -28543,7 +28593,10 @@ var Transformer = class extends _univerjs_core.Disposable {
 			});
 			state.stopPropagation();
 		});
-		this.disposeWithMe((0, _univerjs_core.toDisposable)(observer));
+		if (this.hoverEnabled) {
+			this.hoverEnterFunc && observer.add(applyObject.onPointerEnter$.subscribeEvent(this.hoverEnterFunc));
+			this.hoverLeaveFunc && observer.add(applyObject.onPointerLeave$.subscribeEvent(this.hoverLeaveFunc));
+		}
 		this._subscriptionObjectMap.set(applyObject.oKey, observer);
 		return applyObject;
 	}
@@ -28558,6 +28611,8 @@ var Transformer = class extends _univerjs_core.Disposable {
 	dispose() {
 		var _this$_topScenePointe, _this$_topScenePointe2, _this$_cancelFocusSub2;
 		super.dispose();
+		this._subscriptionObjectMap.forEach((subscription) => subscription === null || subscription === void 0 ? void 0 : subscription.unsubscribe());
+		this._subscriptionObjectMap.clear();
 		(_this$_topScenePointe = this._topScenePointerMoveSub) === null || _this$_topScenePointe === void 0 || _this$_topScenePointe.unsubscribe();
 		(_this$_topScenePointe2 = this._topScenePointerUpSub) === null || _this$_topScenePointe2 === void 0 || _this$_topScenePointe2.unsubscribe();
 		(_this$_cancelFocusSub2 = this._cancelFocusSubscription) === null || _this$_cancelFocusSub2 === void 0 || _this$_cancelFocusSub2.unsubscribe();
@@ -29514,14 +29569,15 @@ var Transformer = class extends _univerjs_core.Disposable {
 		if (resizeEnabled && !isCropper) {
 			const { left: lineLeft, top: lineTop } = this._getRotateAnchorPosition("__SpreadsheetTransformerRotateLine__", height, width, applyObject);
 			if (rotateEnabled) {
-				const rotateLine = new Rect(`__SpreadsheetTransformerRotateLine___${zIndex}`, {
+				const rotateLine = new Line(`__SpreadsheetTransformerRotateLine___${zIndex}`, {
 					zIndex: zIndex - 1,
 					evented: false,
-					left: lineLeft,
-					top: lineTop,
-					height: rotateAnchorOffset,
-					width: 1,
+					startX: lineLeft,
+					startY: lineTop,
+					endX: lineLeft,
+					endY: lineTop + rotateAnchorOffset,
 					strokeWidth: borderStrokeWidth,
+					strokeLineCap: "butt",
 					stroke: rotateStroke !== null && rotateStroke !== void 0 ? rotateStroke : borderStroke
 				});
 				const { left: rotateLeft, top: rotateTop } = this._getRotateAnchorPosition("__SpreadsheetTransformerRotate__", height, width, applyObject);
@@ -29657,22 +29713,6 @@ var Scene = class extends _univerjs_core.Disposable {
 		_defineProperty(this, "onDblclick$", new _univerjs_core.EventSubject());
 		_defineProperty(this, "onTripleClick$", new _univerjs_core.EventSubject());
 		_defineProperty(this, "onMouseWheel$", new _univerjs_core.EventSubject());
-		_defineProperty(
-			this,
-			/**
-			* @deprecated  use `fromGlobalEvent('keydown')` from rx.js instead.
-			*/
-			"onKeyDown$",
-			new _univerjs_core.EventSubject()
-		);
-		_defineProperty(
-			this,
-			/**
-			* @deprecated  use `fromGlobalEvent('keyup')` from rx.js instead.
-			*/
-			"onKeyUp$",
-			new _univerjs_core.EventSubject()
-		);
 		_defineProperty(this, "_beforeRender$", new rxjs.BehaviorSubject(null));
 		_defineProperty(this, "beforeRender$", this._beforeRender$.asObservable());
 		_defineProperty(this, "_afterRender$", new rxjs.BehaviorSubject(null));
@@ -29828,30 +29868,6 @@ var Scene = class extends _univerjs_core.Disposable {
 		this.resetCursor();
 	}
 	/**
-	* @deprecated use transformByState instead.
-	* @param width
-	* @param height
-	*/
-	resize(width, height) {
-		const preWidth = this.width;
-		if (width !== void 0) this.width = width;
-		const preHeight = this.height;
-		if (height !== void 0) this.height = height;
-		this._transformHandler();
-		this.onTransformChange$.emitEvent({
-			type: 1,
-			value: {
-				width: this.width,
-				height: this.height
-			},
-			preValue: {
-				width: preWidth,
-				height: preHeight
-			}
-		});
-		return this;
-	}
-	/**
 	* Unlike @scale, this method doesn't emit event.
 	* @param scaleX
 	* @param scaleY
@@ -30169,14 +30185,6 @@ var Scene = class extends _univerjs_core.Disposable {
 		return this.findViewportByPosToScene(coord);
 	}
 	/**
-	* @deprecated use `getScrollXYInfoByViewport` instead.
-	* @param pos
-	* @param viewPort
-	*/
-	getVpScrollXYInfoByPosToVp(pos, viewPort) {
-		return this.getScrollXYInfoByViewport(pos, viewPort);
-	}
-	/**
 	* getViewportScrollXYInfo by viewport under cursor position
 	* prev getScrollXYByRelativeCoords
 	* @param pos
@@ -30204,14 +30212,6 @@ var Scene = class extends _univerjs_core.Disposable {
 		};
 	}
 	/**
-	* @deprecated use `getCoordRelativeToViewport` instead
-	* @param coord
-	* @returns
-	*/
-	getRelativeToViewportCoord(coord) {
-		return this.getCoordRelativeToViewport(coord);
-	}
-	/**
 	* Get coord to active viewport.
 	* In a nested scene scenario, it is necessary to obtain the relative offsets layer by layer.
 	*
@@ -30289,8 +30289,6 @@ var Scene = class extends _univerjs_core.Disposable {
 		this.onDblclick$.complete();
 		this.onTripleClick$.complete();
 		this.onMouseWheel$.complete();
-		this.onKeyDown$.complete();
-		this.onKeyUp$.complete();
 		this._addObject$.complete();
 		super.dispose();
 	}
@@ -30727,8 +30725,6 @@ let RenderManagerService = class RenderManagerService extends _univerjs_core.Dis
 		this._themeService = _themeService;
 		_defineProperty(this, "_defaultEngine", void 0);
 		_defineProperty(this, "_renderMap", /* @__PURE__ */ new Map());
-		_defineProperty(this, "_createRender$", new rxjs.Subject());
-		_defineProperty(this, "createRender$", this._createRender$.asObservable());
 		_defineProperty(this, "_renderCreated$", new rxjs.Subject());
 		_defineProperty(this, "created$", this._renderCreated$.asObservable());
 		_defineProperty(this, "_renderDisposed$", new rxjs.Subject());
@@ -30786,9 +30782,6 @@ let RenderManagerService = class RenderManagerService extends _univerjs_core.Dis
 			});
 		}));
 	}
-	create(unitId) {
-		this._createRender$.next(unitId);
-	}
 	/**
 	* create renderUnit & init deps from renderDependencies
 	* @param unitId
@@ -30822,7 +30815,7 @@ let RenderManagerService = class RenderManagerService extends _univerjs_core.Dis
 	* @returns renderUnit:IRender
 	*/
 	_createRender(unitId, engine, isMainScene = true, createUnitOptions, parentInjector = this._injector) {
-		const existItem = this.getRenderById(unitId);
+		const existItem = this.getRenderUnitById(unitId);
 		let shouldDestroyEngine = true;
 		if (existItem != null) {
 			if (existItem.engine === engine) shouldDestroyEngine = false;
@@ -30888,15 +30881,6 @@ let RenderManagerService = class RenderManagerService extends _univerjs_core.Dis
 	has(unitId) {
 		return this._renderMap.has(unitId);
 	}
-	/**
-	* @deprecated use getRenderUnitById instead
-	* Get RenderUnit from this._renderMap.
-	* @param unitId
-	* @returns RenderUnit, aka IRender
-	*/
-	getRenderById(unitId) {
-		return this._renderMap.get(unitId);
-	}
 	getRenderUnitById(unitId) {
 		return this._renderMap.get(unitId);
 	}
@@ -30945,40 +30929,8 @@ function withCurrentTypeOfRenderer(type, id, instanceService, renderManagerServi
 	return null;
 }
 
-//#endregion
-//#region src/services/render-config.service.ts
-/**
-* This service carries managers render config that would be passed
-* to every widget, so some rendering could be optimized.
-*
-* @deprecated Will be replaced by ICanvasColorService.
-*/
-var UniverRenderConfigService = class {
-	constructor() {
-		_defineProperty(this, "_renderConfig", { ok: "111" });
-		_defineProperty(this, "_updateSignal$", new rxjs.Subject());
-		_defineProperty(this, "updateSignal$", this._updateSignal$.pipe((0, rxjs.debounceTime)(4)));
-	}
-	setRenderConfig(key, value) {
-		if (value == null) {
-			delete this._renderConfig[key];
-			return;
-		}
-		this._renderConfig[key] = value;
-	}
-	getRenderConfig() {
-		return this._renderConfig;
-	}
-};
-
 //#endregion
 //#region src/plugin.ts
-/**
-* The global rendering engine.
-*
-* @deprecated There will be no more default global render engine in the future.
-*/
-const IRenderingEngine = (0, _univerjs_core.createIdentifier)("univer.render-engine");
 const PLUGIN_NAME = "UNIVER_RENDER_ENGINE_PLUGIN";
 let UniverRenderEnginePlugin = class UniverRenderEnginePlugin extends _univerjs_core.Plugin {
 	constructor(_config = defaultPluginConfig, _injector, _configService) {
@@ -30990,12 +30942,7 @@ let UniverRenderEnginePlugin = class UniverRenderEnginePlugin extends _univerjs_
 		this._configService.setConfig(ENGINE_RENDER_PLUGIN_CONFIG_KEY, rest);
 	}
 	onStarting() {
-		(0, _univerjs_core.registerDependencies)(this._injector, [
-			[UniverRenderConfigService],
-			[ICanvasColorService, { useClass: CanvasColorService }],
-			[IRenderingEngine, { useClass: Engine }],
-			[IRenderManagerService, { useClass: RenderManagerService }]
-		]);
+		(0, _univerjs_core.registerDependencies)(this._injector, [[ICanvasColorService, { useClass: CanvasColorService }], [IRenderManagerService, { useClass: RenderManagerService }]]);
 	}
 };
 _defineProperty(UniverRenderEnginePlugin, "pluginName", PLUGIN_NAME);
@@ -31045,6 +30992,7 @@ var Viewport = class {
 	constructor(viewportKey, scene, props) {
 		var _this$scene$getEngine;
 		_defineProperty(this, "_viewportKey", "");
+		_defineProperty(this, "_transformChangeSubscription", void 0);
 		_defineProperty(
 			this,
 			/**
@@ -31135,8 +31083,8 @@ var Viewport = class {
 		this._isWheelPreventDefaultX = (props === null || props === void 0 ? void 0 : props.isWheelPreventDefaultX) || false;
 		this._isWheelPreventDefaultY = (props === null || props === void 0 ? void 0 : props.isWheelPreventDefaultY) || false;
 		this.resetCanvasSizeAndUpdateScroll();
-		this.getBounding();
-		(_this$scene$getEngine = this.scene.getEngine()) === null || _this$scene$getEngine === void 0 || _this$scene$getEngine.onTransformChange$.subscribeEvent(() => {
+		this.calcViewportInfo();
+		this._transformChangeSubscription = (_this$scene$getEngine = this.scene.getEngine()) === null || _this$scene$getEngine === void 0 ? void 0 : _this$scene$getEngine.onTransformChange$.subscribeEvent(() => {
 			this.markForceDirty(true);
 		});
 		this.markForceDirty(true);
@@ -31652,13 +31600,6 @@ var Viewport = class {
 		};
 	}
 	/**
-	* Get viewport info
-	* @deprecated use `calcViewportInfo`
-	*/
-	getBounding() {
-		return this.calcViewportInfo();
-	}
-	/**
 	* convert vector to scene coordinate, include row & col
 	* @param vec
 	* @returns Vector2
@@ -31735,7 +31676,9 @@ var Viewport = class {
 		this._clipViewport = false;
 	}
 	dispose() {
-		var _this$_scrollBar, _this$_cacheCanvas;
+		var _this$_transformChang, _this$_scrollBar, _this$_cacheCanvas;
+		(_this$_transformChang = this._transformChangeSubscription) === null || _this$_transformChang === void 0 || _this$_transformChang.unsubscribe();
+		this._transformChangeSubscription = void 0;
 		this.onMouseWheel$.complete();
 		this.onScrollAfter$.complete();
 		this.onScrollEnd$.complete();
@@ -32161,12 +32104,12 @@ exports.ICanvasColorService = ICanvasColorService;
 exports.INITIAL_MATRIX = INITIAL_MATRIX;
 exports.INITIAL_Path2 = INITIAL_Path2;
 exports.IRenderManagerService = IRenderManagerService;
-exports.IRenderingEngine = IRenderingEngine;
 exports.IWatermarkTypeEnum = IWatermarkTypeEnum;
 exports.Image = Image$1;
 exports.IsSafari = IsSafari;
 exports.LINK_VIEW_PORT_TYPE = LINK_VIEW_PORT_TYPE;
 exports.Layer = Layer;
+exports.Line = Line;
 exports.LineType = LineType;
 exports.Liquid = Liquid;
 exports.MAIN_VIEW_PORT_KEY = MAIN_VIEW_PORT_KEY;
@@ -32266,21 +32209,23 @@ exports.checkStyle = checkStyle;
 exports.cjk = cjk;
 exports.clampRange = clampRange;
 exports.clearLineByBorderType = clearLineByBorderType;
+exports.combineDrawingEffectFilter = combineDrawingEffectFilter;
 exports.compareDocumentSkeletonNestedPagePathOrder = compareDocumentSkeletonNestedPagePathOrder;
 exports.convertTextRotation = convertTextRotation;
 exports.convertTransformToOffsetX = convertTransformToOffsetX;
 exports.convertTransformToOffsetY = convertTransformToOffsetY;
 exports.createCanvasElement = createCanvasElement;
+exports.createDrawingEffectFilter = createDrawingEffectFilter;
 exports.createImageElement = createImageElement;
 exports.degToRad = degToRad;
 exports.documentSkeletonLineIterator = documentSkeletonLineIterator;
 exports.documentSkeletonTableIterator = documentSkeletonTableIterator;
 exports.drawDiagonalLineByBorderType = drawDiagonalLineByBorderType;
 exports.drawLineByBorderType = drawLineByBorderType;
+exports.expandDrawingEffectBounds = expandDrawingEffectBounds;
 exports.expandRangeIfIntersects = expandRangeIfIntersects;
 exports.fixLineWidthByScale = fixLineWidthByScale;
 exports.generateRandomKey = generateRandomKey;
-exports.getCellByIndexWithMergeInfo = getCellByIndexWithMergeInfo;
 exports.getCellPositionByIndex = getCellPositionByIndex;
 exports.getCharSpaceApply = getCharSpaceApply;
 exports.getColor = getColor;
@@ -32291,6 +32236,7 @@ exports.getDevicePixelRatio = getDevicePixelRatio;
 exports.getDocsCustomBlockRenderViewport = getDocsCustomBlockRenderViewport;
 exports.getDocsSkeletonPageSize = getDocsSkeletonPageSize;
 exports.getDocsTableRenderViewport = getDocsTableRenderViewport;
+exports.getDocsTableViewportLeft = getDocsTableViewportLeft;
 exports.getDocumentSkeletonColumnPagePathInfo = getDocumentSkeletonColumnPagePathInfo;
 exports.getDocumentSkeletonNestedPageOffset = getDocumentSkeletonNestedPageOffset;
 exports.getDrawingGroupState = getDrawingGroupState;
@@ -32330,7 +32276,6 @@ exports.hasListGlyph = hasListGlyph;
 exports.hasSpace = hasSpace;
 exports.hasThai = hasThai;
 exports.hasTibetan = hasTibetan;
-exports.hasUnMergedCellInRow = hasUnMergedCellInRow;
 exports.inViewRanges = inViewRanges;
 exports.injectStyle = injectStyle;
 exports.isArray = isArray;
@@ -32370,6 +32315,9 @@ exports.renderTextWatermark = renderTextWatermark;
 exports.renderUserInfoWatermark = renderUserInfoWatermark;
 exports.renderWatermark = renderWatermark;
 exports.requestNewFrame = requestNewFrame;
+exports.resolveDrawingEffectMasks = resolveDrawingEffectMasks;
+exports.resolveGlowEffect = resolveGlowEffect;
+exports.resolveOuterShadowEffect = resolveOuterShadowEffect;
 exports.scaleDocumentDataForShrinkToFit = scaleDocumentDataForShrinkToFit;
 exports.setDocsCustomBlockRenderViewportProvider = setDocsCustomBlockRenderViewportProvider;
 exports.setDocsTableRenderViewportProvider = setDocsTableRenderViewportProvider;