@univerjs/docs-ui 1.0.0-alpha.8 → 1.0.0-beta.0

package/lib/es/index.js

@@ -284,10 +284,7 @@ let DocAutoFormatService = class DocAutoFormatService extends Disposable {
 		const matchList = this._matches.get(match.id);
 		if (matchList) {
 			matchList.push(match);
-			matchList.sort((a, b) => {
-				var _b$priority, _a$priority;
-				return ((_b$priority = b.priority) !== null && _b$priority !== void 0 ? _b$priority : 0) - ((_a$priority = a.priority) !== null && _a$priority !== void 0 ? _a$priority : 0);
-			});
+			matchList.sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
 		} else this._matches.set(match.id, [match]);
 		return toDisposable(() => {
 			const matchList = this._matches.get(match.id);
@@ -298,25 +295,24 @@ let DocAutoFormatService = class DocAutoFormatService extends Disposable {
 		});
 	}
 	onAutoFormat(id, params) {
-		var _this$_matches$get, _docRanges$find, _selection$segmentId;
-		const autoFormats = (_this$_matches$get = this._matches.get(id)) !== null && _this$_matches$get !== void 0 ? _this$_matches$get : [];
+		const autoFormats = this._matches.get(id) ?? [];
 		const unit = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		const docRanges = this._textSelectionManagerService.getDocRanges();
-		const selection = (_docRanges$find = docRanges.find((range) => range.isActive)) !== null && _docRanges$find !== void 0 ? _docRanges$find : docRanges[0];
-		const documentDataModel = unit === null || unit === void 0 ? void 0 : unit.getSelfOrHeaderFooterModel((_selection$segmentId = selection === null || selection === void 0 ? void 0 : selection.segmentId) !== null && _selection$segmentId !== void 0 ? _selection$segmentId : "");
+		const selection = docRanges.find((range) => range.isActive) ?? docRanges[0];
+		const documentDataModel = unit === null || unit === void 0 ? void 0 : unit.getSelfOrHeaderFooterModel((selection === null || selection === void 0 ? void 0 : selection.segmentId) ?? "");
 		if (unit && selection && documentDataModel) {
-			var _documentDataModel$ge, _documentDataModel$ge2, _documentDataModel$ge3, _documentDataModel$ge4, _documentDataModel$ge5, _documentDataModel$ge6, _matched$getMutations;
+			var _documentDataModel$ge, _documentDataModel$ge2, _documentDataModel$ge3;
 			const context = {
 				unit: documentDataModel,
 				selection,
 				isBody: !selection.segmentId,
-				paragraphs: BuildTextUtils.range.getParagraphsInRange(selection, (_documentDataModel$ge = (_documentDataModel$ge2 = documentDataModel.getBody()) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.paragraphs) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : [], (_documentDataModel$ge3 = (_documentDataModel$ge4 = documentDataModel.getBody()) === null || _documentDataModel$ge4 === void 0 ? void 0 : _documentDataModel$ge4.dataStream) !== null && _documentDataModel$ge3 !== void 0 ? _documentDataModel$ge3 : ""),
-				customRanges: BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, (_documentDataModel$ge5 = (_documentDataModel$ge6 = documentDataModel.getBody()) === null || _documentDataModel$ge6 === void 0 ? void 0 : _documentDataModel$ge6.customRanges) !== null && _documentDataModel$ge5 !== void 0 ? _documentDataModel$ge5 : []),
+				paragraphs: BuildTextUtils.range.getParagraphsInRange(selection, ((_documentDataModel$ge = documentDataModel.getBody()) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge.paragraphs) ?? [], ((_documentDataModel$ge2 = documentDataModel.getBody()) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.dataStream) ?? ""),
+				customRanges: BuildTextUtils.customRange.getCustomRangesInterestsWithSelection(selection, ((_documentDataModel$ge3 = documentDataModel.getBody()) === null || _documentDataModel$ge3 === void 0 ? void 0 : _documentDataModel$ge3.customRanges) ?? []),
 				commandId: id,
 				commandParams: params
 			};
 			const matched = autoFormats.find((i) => i.match(context));
-			return (_matched$getMutations = matched === null || matched === void 0 ? void 0 : matched.getMutations(context)) !== null && _matched$getMutations !== void 0 ? _matched$getMutations : [];
+			return (matched === null || matched === void 0 ? void 0 : matched.getMutations(context)) ?? [];
 		}
 		return [];
 	}
@@ -419,12 +415,12 @@ const BreakLineCommand = {
 	id: "doc.command.break-line",
 	type: CommandType.COMMAND,
 	handler: (accessor, params) => {
-		var _params$textRange, _docDataModel$getSelf, _originBody$paragraph, _prevParagraph$bullet, _prevParagraph$paragr;
+		var _docDataModel$getSelf, _prevParagraph$bullet, _prevParagraph$paragr;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
 		const docMenuStyleService = accessor.get(DocMenuStyleService);
-		const activeTextRange = (_params$textRange = params === null || params === void 0 ? void 0 : params.textRange) !== null && _params$textRange !== void 0 ? _params$textRange : docSelectionManagerService.getActiveTextRange();
+		const activeTextRange = (params === null || params === void 0 ? void 0 : params.textRange) ?? docSelectionManagerService.getActiveTextRange();
 		const rectRanges = docSelectionManagerService.getRectRanges();
 		if (activeTextRange == null) return false;
 		if (rectRanges && rectRanges.length) {
@@ -435,15 +431,16 @@ const BreakLineCommand = {
 			}]);
 			return true;
 		}
-		const { horizontalLine, insertionMode = "split-paragraph" } = params !== null && params !== void 0 ? params : {};
+		const { horizontalLine, insertionMode = "split-paragraph" } = params ?? {};
 		const { segmentId } = activeTextRange;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
-		const originBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId !== null && segmentId !== void 0 ? segmentId : "")) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
+		const originBody = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId ?? "")) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (docDataModel == null || originBody == null) return false;
 		const unitId = docDataModel.getUnitId();
 		const { startOffset, endOffset } = activeTextRange;
-		const paragraphs = (_originBody$paragraph = originBody.paragraphs) !== null && _originBody$paragraph !== void 0 ? _originBody$paragraph : [];
-		const insertsAtStructuralGap = insertionMode === "insert-gap" || isTopLevelStructuralGap(originBody.dataStream, startOffset);
+		const paragraphs = originBody.paragraphs ?? [];
+		const isBareStructuralGap = isTopLevelStructuralGap(originBody.dataStream, startOffset) && originBody.dataStream[startOffset] !== DataStreamTreeTokenType.PARAGRAPH;
+		const insertsAtStructuralGap = insertionMode === "insert-gap" || isBareStructuralGap;
 		const prevParagraph = insertsAtStructuralGap ? void 0 : paragraphs.find((p) => p.startIndex >= startOffset);
 		if (!prevParagraph && !insertsAtStructuralGap) return false;
 		const isAtParagraphEnd = startOffset === (prevParagraph === null || prevParagraph === void 0 ? void 0 : prevParagraph.startIndex);
@@ -1128,7 +1125,6 @@ const InnerPasteCommand = {
 		if (hasTable && hasRangeInTable(selections)) return false;
 		if (selections.length && (rectRanges === null || rectRanges === void 0 ? void 0 : rectRanges.length)) return false;
 		for (let i = 0; i < selections.length; i++) {
-			var _originBody$customRan, _originBody$customDec;
 			const selection = selections[i];
 			const { startOffset, endOffset, collapsed } = selection;
 			const len = startOffset - memoryCursor.cursor;
@@ -1158,8 +1154,8 @@ const InnerPasteCommand = {
 				rawActions.push(action);
 			}
 			if (hasCustomBlock && drawings) {
-				var _docDataModel$getSnap, _docDataModel$getSnap2;
-				const drawingLen = (_docDataModel$getSnap = (_docDataModel$getSnap2 = docDataModel.getSnapshot().drawingsOrder) === null || _docDataModel$getSnap2 === void 0 ? void 0 : _docDataModel$getSnap2.length) !== null && _docDataModel$getSnap !== void 0 ? _docDataModel$getSnap : 0;
+				var _docDataModel$getSnap;
+				const drawingLen = ((_docDataModel$getSnap = docDataModel.getSnapshot().drawingsOrder) === null || _docDataModel$getSnap === void 0 ? void 0 : _docDataModel$getSnap.length) ?? 0;
 				for (const block of cloneBody.customBlocks) {
 					const { blockId } = block;
 					const drawingId = generateRandomId(6);
@@ -1198,8 +1194,8 @@ const InnerPasteCommand = {
 					resourceMutationGroups.push(mutationInfos);
 				}
 			}
-			const customRange = getCustomRangeAtPosition((_originBody$customRan = originBody.customRanges) !== null && _originBody$customRan !== void 0 ? _originBody$customRan : [], endOffset, UNITS.includes(unitId));
-			const customDecorations = getCustomDecorationAtPosition((_originBody$customDec = originBody.customDecorations) !== null && _originBody$customDec !== void 0 ? _originBody$customDec : [], endOffset);
+			const customRange = getCustomRangeAtPosition(originBody.customRanges ?? [], endOffset, UNITS.includes(unitId));
+			const customDecorations = getCustomDecorationAtPosition(originBody.customDecorations ?? [], endOffset);
 			if (customRange) cloneBody.customRanges = [{
 				...customRange,
 				startIndex: 0,
@@ -1292,7 +1288,7 @@ function adjustSelectionByTable(selection, tables) {
 	};
 }
 function getCutActionsFromTextRanges(selections, docDataModel, segmentId) {
-	var _docDataModel$getSelf2, _docDataModel$getDraw, _docDataModel$getDraw2;
+	var _docDataModel$getSelf2;
 	const originBody = (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 	const textX = new TextX();
 	const jsonX = JSONX.getInstance();
@@ -1316,8 +1312,8 @@ function getCutActionsFromTextRanges(selections, docDataModel, segmentId) {
 	const path = getRichTextEditPath(docDataModel, segmentId);
 	rawActions.push(jsonX.editOp(textX.serialize(), path));
 	const removedCustomBlockIds = getCustomBlockIdsInSelections(originBody, selections);
-	const drawings = (_docDataModel$getDraw = docDataModel.getDrawings()) !== null && _docDataModel$getDraw !== void 0 ? _docDataModel$getDraw : {};
-	const drawingOrder = (_docDataModel$getDraw2 = docDataModel.getDrawingsOrder()) !== null && _docDataModel$getDraw2 !== void 0 ? _docDataModel$getDraw2 : [];
+	const drawings = docDataModel.getDrawings() ?? {};
+	const drawingOrder = docDataModel.getDrawingsOrder() ?? [];
 	const sortedRemovedCustomBlockIds = removedCustomBlockIds.sort((a, b) => {
 		if (drawingOrder.indexOf(a) > drawingOrder.indexOf(b)) return -1;
 		else if (drawingOrder.indexOf(a) < drawingOrder.indexOf(b)) return 1;
@@ -1462,12 +1458,12 @@ const CutContentCommand = {
 //#endregion
 //#region src/commands/commands/util.ts
 function getCurrentParagraph(accessor) {
-	var _doc$getBody$paragrap, _doc$getBody, _doc$getBody$dataStre, _doc$getBody2;
+	var _doc$getBody, _doc$getBody2;
 	const instanceService = accessor.get(IUniverInstanceService);
 	const range = accessor.get(DocSelectionManagerService).getActiveTextRange();
 	const doc = instanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 	if (!range || !range.collapsed || !doc || range.segmentId) return false;
-	return BuildTextUtils.range.getParagraphsInRange(range, (_doc$getBody$paragrap = (_doc$getBody = doc.getBody()) === null || _doc$getBody === void 0 ? void 0 : _doc$getBody.paragraphs) !== null && _doc$getBody$paragrap !== void 0 ? _doc$getBody$paragrap : [], (_doc$getBody$dataStre = (_doc$getBody2 = doc.getBody()) === null || _doc$getBody2 === void 0 ? void 0 : _doc$getBody2.dataStream) !== null && _doc$getBody$dataStre !== void 0 ? _doc$getBody$dataStre : "")[0];
+	return BuildTextUtils.range.getParagraphsInRange(range, ((_doc$getBody = doc.getBody()) === null || _doc$getBody === void 0 ? void 0 : _doc$getBody.paragraphs) ?? [], ((_doc$getBody2 = doc.getBody()) === null || _doc$getBody2 === void 0 ? void 0 : _doc$getBody2.dataStream) ?? "")[0];
 }
 
 //#endregion
@@ -1476,7 +1472,6 @@ const DeleteCustomBlockCommand = {
 	id: "doc.command.delete-custom-block",
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _documentDataModel$ge;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
@@ -1513,7 +1508,7 @@ const DeleteCustomBlockCommand = {
 		});
 		const path = getRichTextEditPath(documentDataModel, segmentId);
 		rawActions.push(jsonX.editOp(textX.serialize(), path));
-		const drawing = ((_documentDataModel$ge = documentDataModel.getDrawings()) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : {})[drawingId];
+		const drawing = (documentDataModel.getDrawings() ?? {})[drawingId];
 		const drawingIndex = documentDataModel.getDrawingsOrder().indexOf(drawingId);
 		const removeDrawingAction = jsonX.removeOp(["drawings", drawingId], drawing);
 		const removeDrawingOrderAction = jsonX.removeOp(["drawingsOrder", drawingIndex], drawingId);
@@ -1697,11 +1692,11 @@ function getCursorWhenDelete(textRanges, rectRanges) {
 	return cursor;
 }
 function isDeleteOffsetInsideBlockRange(body, offset) {
-	var _body$blockRanges$som, _body$blockRanges;
-	return (_body$blockRanges$som = (_body$blockRanges = body.blockRanges) === null || _body$blockRanges === void 0 ? void 0 : _body$blockRanges.some((blockRange) => {
+	var _body$blockRanges;
+	return ((_body$blockRanges = body.blockRanges) === null || _body$blockRanges === void 0 ? void 0 : _body$blockRanges.some((blockRange) => {
 		const interval = getBlockRangeInterval(blockRange);
 		return interval.startOffset < offset && offset < interval.endOffset - 1;
-	})) !== null && _body$blockRanges$som !== void 0 ? _body$blockRanges$som : false;
+	})) ?? false;
 }
 const DeleteLeftCommand = {
 	id: "doc.command.delete-left",
@@ -1742,7 +1737,7 @@ const DeleteLeftCommand = {
 		const { startOffset, collapsed } = actualRange;
 		if (collapsed) {
 			const emptyCenteredParagraph = getEmptyCenteredParagraphAtOffset(body, startOffset);
-			if (emptyCenteredParagraph != null) return resetEmptyCenteredParagraphAlignment(commandService, docDataModel, segmentId !== null && segmentId !== void 0 ? segmentId : "", emptyCenteredParagraph, style);
+			if (emptyCenteredParagraph != null) return resetEmptyCenteredParagraphAlignment(commandService, docDataModel, segmentId ?? "", emptyCenteredParagraph, style);
 		}
 		const curGlyph = skeleton.findNodeByCharIndex(startOffset, segmentId, segmentPage);
 		const isBullet = hasListGlyph(curGlyph);
@@ -1808,8 +1803,8 @@ const DeleteLeftCommand = {
 					range: actualRange
 				});
 			} else if (preGlyph.streamType === "\b") {
-				var _docDataModel$getSnap, _preGlyph$drawingId, _docDataModel$getBody;
-				const drawing = (_docDataModel$getSnap = docDataModel.getSnapshot().drawings) === null || _docDataModel$getSnap === void 0 ? void 0 : _docDataModel$getSnap[(_preGlyph$drawingId = preGlyph.drawingId) !== null && _preGlyph$drawingId !== void 0 ? _preGlyph$drawingId : ""];
+				var _docDataModel$getSnap, _docDataModel$getBody;
+				const drawing = (_docDataModel$getSnap = docDataModel.getSnapshot().drawings) === null || _docDataModel$getSnap === void 0 ? void 0 : _docDataModel$getSnap[preGlyph.drawingId ?? ""];
 				if (drawing == null) return true;
 				const customBlock = (_docDataModel$getBody = docDataModel.getBody()) === null || _docDataModel$getBody === void 0 || (_docDataModel$getBody = _docDataModel$getBody.customBlocks) === null || _docDataModel$getBody === void 0 ? void 0 : _docDataModel$getBody.find((block) => block.blockId === preGlyph.drawingId);
 				if (drawing.layoutType === PositionedObjectLayoutType.INLINE || (customBlock === null || customBlock === void 0 ? void 0 : customBlock.blockType) === BlockType.CUSTOM) {
@@ -1894,7 +1889,7 @@ const DeleteRightCommand = {
 		const { startOffset, endOffset, collapsed } = actualRange;
 		if (collapsed) {
 			const emptyCenteredParagraph = getEmptyCenteredParagraphAtOffset(body, startOffset);
-			if (emptyCenteredParagraph != null) return resetEmptyCenteredParagraphAlignment(commandService, docDataModel, segmentId !== null && segmentId !== void 0 ? segmentId : "", emptyCenteredParagraph, style);
+			if (emptyCenteredParagraph != null) return resetEmptyCenteredParagraphAlignment(commandService, docDataModel, segmentId ?? "", emptyCenteredParagraph, style);
 		}
 		if (startOffset === body.dataStream.length - 2 && collapsed) return true;
 		let result = false;
@@ -1907,8 +1902,8 @@ const DeleteRightCommand = {
 				range: activeRange
 			});
 			else if (needDeleteGlyph.streamType === "\b") {
-				var _docDataModel$getSnap2, _needDeleteGlyph$draw;
-				const drawing = (_docDataModel$getSnap2 = docDataModel.getSnapshot().drawings) === null || _docDataModel$getSnap2 === void 0 ? void 0 : _docDataModel$getSnap2[(_needDeleteGlyph$draw = needDeleteGlyph.drawingId) !== null && _needDeleteGlyph$draw !== void 0 ? _needDeleteGlyph$draw : ""];
+				var _docDataModel$getSnap2;
+				const drawing = (_docDataModel$getSnap2 = docDataModel.getSnapshot().drawings) === null || _docDataModel$getSnap2 === void 0 ? void 0 : _docDataModel$getSnap2[needDeleteGlyph.drawingId ?? ""];
 				if (drawing == null) return true;
 				if (drawing.layoutType === PositionedObjectLayoutType.INLINE) {
 					const unitId = docDataModel.getUnitId();
@@ -1971,8 +1966,7 @@ function getTextRangesWhenDelete(activeRange, ranges) {
 	}];
 }
 function getEmptyCenteredParagraphAtOffset(body, offset) {
-	var _body$paragraphs2;
-	const paragraphs = (_body$paragraphs2 = body.paragraphs) !== null && _body$paragraphs2 !== void 0 ? _body$paragraphs2 : [];
+	const paragraphs = body.paragraphs ?? [];
 	for (let i = 0; i < paragraphs.length; i++) {
 		var _paragraph$paragraphS2;
 		const paragraph = paragraphs[i];
@@ -2016,12 +2010,12 @@ const DeleteCurrentParagraphCommand = {
 	priority: 0,
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
-		var _docDataModel$getBody2, _docDataModel$getBody3;
+		var _docDataModel$getBody2;
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (!docDataModel) return false;
-		const dataStream = (_docDataModel$getBody2 = (_docDataModel$getBody3 = docDataModel.getBody()) === null || _docDataModel$getBody3 === void 0 ? void 0 : _docDataModel$getBody3.dataStream) !== null && _docDataModel$getBody2 !== void 0 ? _docDataModel$getBody2 : "";
+		const dataStream = ((_docDataModel$getBody2 = docDataModel.getBody()) === null || _docDataModel$getBody2 === void 0 ? void 0 : _docDataModel$getBody2.dataStream) ?? "";
 		const paragraph = getCurrentParagraph(accessor);
 		if (!paragraph) return false;
 		const actions = BuildTextUtils.selection.delete([{
@@ -2196,9 +2190,9 @@ var HtmlToUDMService = class HtmlToUDMService {
 		return createSectionId(new Set((_body$sectionBreaks = body.sectionBreaks) === null || _body$sectionBreaks === void 0 ? void 0 : _body$sectionBreaks.map((sectionBreak) => sectionBreak.sectionId)));
 	}
 	convert(html, metaConfig = {}) {
-		var _pastePlugin$preproce, _pastePlugin$preproce2, _metaConfig$unitId;
+		var _pastePlugin$preproce;
 		const pastePlugin = HtmlToUDMService._pluginList.find((plugin) => plugin.checkPasteType(html));
-		const dom = parseToDom((_pastePlugin$preproce = pastePlugin === null || pastePlugin === void 0 || (_pastePlugin$preproce2 = pastePlugin.preprocessHtml) === null || _pastePlugin$preproce2 === void 0 ? void 0 : _pastePlugin$preproce2.call(pastePlugin, html)) !== null && _pastePlugin$preproce !== void 0 ? _pastePlugin$preproce : html);
+		const dom = parseToDom((pastePlugin === null || pastePlugin === void 0 || (_pastePlugin$preproce = pastePlugin.preprocessHtml) === null || _pastePlugin$preproce === void 0 ? void 0 : _pastePlugin$preproce.call(pastePlugin, html)) ?? html);
 		const docData = {
 			body: {
 				dataStream: "",
@@ -2209,7 +2203,7 @@ var HtmlToUDMService = class HtmlToUDMService {
 				customBlocks: []
 			},
 			tableSource: {},
-			id: (_metaConfig$unitId = metaConfig === null || metaConfig === void 0 ? void 0 : metaConfig.unitId) !== null && _metaConfig$unitId !== void 0 ? _metaConfig$unitId : ""
+			id: (metaConfig === null || metaConfig === void 0 ? void 0 : metaConfig.unitId) ?? ""
 		};
 		if (pastePlugin) {
 			this._styleRules = [...pastePlugin.stylesRules];
@@ -2239,16 +2233,15 @@ var HtmlToUDMService = class HtmlToUDMService {
 				ts: style
 			});
 		} else if (node.nodeName === "IMG") {
-			var _element$dataset$imag;
 			const element = node;
-			const imageSourceType = (_element$dataset$imag = element.dataset.imageSourceType) !== null && _element$dataset$imag !== void 0 ? _element$dataset$imag : element.src ? inferImageSourceType(element.src) : void 0;
+			const imageSourceType = element.dataset.imageSourceType ?? (element.src ? inferImageSourceType(element.src) : void 0);
 			const source = imageSourceType === ImageSourceType.UUID ? element.dataset.source : element.src;
 			if (source && imageSourceType) {
-				var _readImageSize, _readImageSize2, _readCssSize, _readCssSize2, _doc$body;
-				const width = (_readImageSize = readImageSize(element, "width")) !== null && _readImageSize !== void 0 ? _readImageSize : 100;
-				const height = (_readImageSize2 = readImageSize(element, "height")) !== null && _readImageSize2 !== void 0 ? _readImageSize2 : 100;
-				const docTransformWidth = (_readCssSize = readCssSize(element.dataset.docTransformWidth || null, null, "width")) !== null && _readCssSize !== void 0 ? _readCssSize : width;
-				const docTransformHeight = (_readCssSize2 = readCssSize(element.dataset.docTransformHeight || null, null, "height")) !== null && _readCssSize2 !== void 0 ? _readCssSize2 : height;
+				var _doc$body;
+				const width = readImageSize(element, "width") ?? 100;
+				const height = readImageSize(element, "height") ?? 100;
+				const docTransformWidth = readCssSize(element.dataset.docTransformWidth || null, null, "width") ?? width;
+				const docTransformHeight = readCssSize(element.dataset.docTransformHeight || null, null, "height") ?? height;
 				const id = generateRandomId(6);
 				(_doc$body = doc.body) === null || _doc$body === void 0 || (_doc$body = _doc$body.customBlocks) === null || _doc$body === void 0 || _doc$body.push({
 					startIndex: body.dataStream.length,
@@ -2306,14 +2299,13 @@ var HtmlToUDMService = class HtmlToUDMService {
 		}
 	}
 	_processCodeBlock(node, doc) {
-		var _node$textContent, _body$blockRanges;
 		if (node.tagName.toUpperCase() !== "PRE") return false;
 		const body = doc.body;
 		const startIndex = body.dataStream.length;
-		const text = (_node$textContent = node.textContent) !== null && _node$textContent !== void 0 ? _node$textContent : "";
+		const text = node.textContent ?? "";
 		body.dataStream += text;
 		this._appendParagraph(doc, node);
-		(_body$blockRanges = body.blockRanges) !== null && _body$blockRanges !== void 0 || (body.blockRanges = []);
+		body.blockRanges ??= [];
 		body.blockRanges.push({
 			blockId: generateRandomId(6),
 			blockType: DocumentBlockRangeType.CODE,
@@ -2327,11 +2319,10 @@ var HtmlToUDMService = class HtmlToUDMService {
 		return doc.body.dataStream.length;
 	}
 	_processAfterStructuredBlock(node, doc, startIndex) {
-		var _body$blockRanges2;
 		const blockType = getStructuredBlockType(node);
 		const body = doc.body;
 		if (!blockType || startIndex == null || body.dataStream.length <= startIndex) return;
-		(_body$blockRanges2 = body.blockRanges) !== null && _body$blockRanges2 !== void 0 || (body.blockRanges = []);
+		body.blockRanges ??= [];
 		body.blockRanges.push({
 			blockId: generateRandomId(6),
 			blockType,
@@ -2364,10 +2355,9 @@ var HtmlToUDMService = class HtmlToUDMService {
 		this._appendParagraph(doc, node);
 	}
 	_appendParagraph(doc, node) {
-		var _body$paragraphs2, _this$_listStack;
 		const body = doc.body;
 		if (body.dataStream[this._lastParagraphIndex] === "\r" && this._lastParagraphIndex === body.dataStream.length - 1) return;
-		(_body$paragraphs2 = body.paragraphs) !== null && _body$paragraphs2 !== void 0 || (body.paragraphs = []);
+		body.paragraphs ??= [];
 		const paragraph = {
 			startIndex: body.dataStream.length,
 			paragraphId: this._createParagraphId(body)
@@ -2378,7 +2368,7 @@ var HtmlToUDMService = class HtmlToUDMService {
 			headingId: generateRandomId(6),
 			namedStyleType: heading
 		};
-		const listContext = (_this$_listStack = this._listStack[this._listStack.length - 1]) !== null && _this$_listStack !== void 0 ? _this$_listStack : extractWordListInfo(node);
+		const listContext = this._listStack[this._listStack.length - 1] ?? extractWordListInfo(node);
 		if (listContext) {
 			paragraph.bullet = {
 				listId: listContext.listId,
@@ -2395,7 +2385,7 @@ var HtmlToUDMService = class HtmlToUDMService {
 		var _doc$body2;
 		const htmlListContext = this._listStack[this._listStack.length - 1];
 		const wordListContext = extractWordListInfo(node);
-		const listContext = htmlListContext !== null && htmlListContext !== void 0 ? htmlListContext : wordListContext;
+		const listContext = htmlListContext ?? wordListContext;
 		const paragraph = (_doc$body2 = doc.body) === null || _doc$body2 === void 0 || (_doc$body2 = _doc$body2.paragraphs) === null || _doc$body2 === void 0 ? void 0 : _doc$body2[doc.body.paragraphs.length - 1];
 		if (!listContext || !paragraph) return;
 		paragraph.bullet = {
@@ -2406,20 +2396,18 @@ var HtmlToUDMService = class HtmlToUDMService {
 		if (wordListContext) paragraph.startIndex -= stripListMarkerFromCurrentParagraph(doc.body);
 	}
 	_processHtmlTable(node, doc) {
-		var _doc$tableSource, _body$tables, _body$sectionBreaks2;
 		const body = doc.body;
 		if (body.dataStream[body.dataStream.length - 1] !== "\r") {
-			var _body$paragraphs3;
 			body.dataStream += "\r";
-			(_body$paragraphs3 = body.paragraphs) !== null && _body$paragraphs3 !== void 0 || (body.paragraphs = []);
+			body.paragraphs ??= [];
 			body.paragraphs.push({
 				startIndex: body.dataStream.length - 1,
 				paragraphId: this._createParagraphId(body)
 			});
 		}
-		(_doc$tableSource = doc.tableSource) !== null && _doc$tableSource !== void 0 || (doc.tableSource = {});
-		(_body$tables = body.tables) !== null && _body$tables !== void 0 || (body.tables = []);
-		(_body$sectionBreaks2 = body.sectionBreaks) !== null && _body$sectionBreaks2 !== void 0 || (body.sectionBreaks = []);
+		doc.tableSource ??= {};
+		body.tables ??= [];
+		body.sectionBreaks ??= [];
 		const rows = collectHtmlTableRows(node);
 		const grid = buildHtmlTableGrid(rows);
 		const columnCount = Math.max(1, ...grid.map((row) => row.length));
@@ -2430,7 +2418,7 @@ var HtmlToUDMService = class HtmlToUDMService {
 		table.tableColumns = columnWidths.map((width) => getTableColumn(width));
 		table.size = {
 			type: TableSizeType.SPECIFIED,
-			width: { v: tableWidth !== null && tableWidth !== void 0 ? tableWidth : table.tableColumns.reduce((sum, column) => sum + column.size.width.v, 0) }
+			width: { v: tableWidth ?? table.tableColumns.reduce((sum, column) => sum + column.size.width.v, 0) }
 		};
 		const startIndex = body.dataStream.length;
 		body.dataStream += DataStreamTreeTokenType.TABLE_START;
@@ -2445,8 +2433,7 @@ var HtmlToUDMService = class HtmlToUDMService {
 			table.tableRows.push(tableRow);
 			body.dataStream += DataStreamTreeTokenType.TABLE_ROW_START;
 			for (let columnIndex = 0; columnIndex < columnCount; columnIndex++) {
-				var _row$columnIndex;
-				const parsedCell = (_row$columnIndex = row[columnIndex]) !== null && _row$columnIndex !== void 0 ? _row$columnIndex : {
+				const parsedCell = row[columnIndex] ?? {
 					element: null,
 					rowSpan: 1,
 					colSpan: 1,
@@ -2471,15 +2458,11 @@ var HtmlToUDMService = class HtmlToUDMService {
 		});
 	}
 	_appendHtmlTableCell(cell, doc) {
-		var _body$sectionBreaks3;
 		const body = doc.body;
 		body.dataStream += DataStreamTreeTokenType.TABLE_CELL_START;
 		if (cell.element && !cell.covered) this._process(cell.element, cell.element.childNodes, doc);
-		if (body.dataStream[body.dataStream.length - 1] !== "\r") {
-			var _cell$element;
-			this._appendParagraph(doc, (_cell$element = cell.element) !== null && _cell$element !== void 0 ? _cell$element : document.createElement("td"));
-		}
-		(_body$sectionBreaks3 = body.sectionBreaks) !== null && _body$sectionBreaks3 !== void 0 || (body.sectionBreaks = []);
+		if (body.dataStream[body.dataStream.length - 1] !== "\r") this._appendParagraph(doc, cell.element ?? document.createElement("td"));
+		body.sectionBreaks ??= [];
 		body.sectionBreaks.push({
 			sectionId: this._createSectionId(body),
 			startIndex: body.dataStream.length
@@ -2492,10 +2475,10 @@ var HtmlToUDMService = class HtmlToUDMService {
 		switch (tagName) {
 			case "TABLE": {
 				if (body.dataStream[body.dataStream.length - 1] !== "\r") {
-					var _body$paragraphs4;
+					var _body$paragraphs2;
 					body.dataStream += "\r";
 					if (body.paragraphs == null) body.paragraphs = [];
-					(_body$paragraphs4 = body.paragraphs) === null || _body$paragraphs4 === void 0 || _body$paragraphs4.push({
+					(_body$paragraphs2 = body.paragraphs) === null || _body$paragraphs2 === void 0 || _body$paragraphs2.push({
 						startIndex: body.dataStream.length - 1,
 						paragraphId: this._createParagraphId(body)
 					});
@@ -2549,16 +2532,16 @@ var HtmlToUDMService = class HtmlToUDMService {
 				body.dataStream += DataStreamTreeTokenType.TABLE_ROW_END;
 				break;
 			case "TD":
-				var _body$sectionBreaks4;
+				var _body$sectionBreaks2;
 				if (body.dataStream[body.dataStream.length - 1] !== "\r") {
-					var _body$paragraphs5;
-					(_body$paragraphs5 = body.paragraphs) === null || _body$paragraphs5 === void 0 || _body$paragraphs5.push({
+					var _body$paragraphs3;
+					(_body$paragraphs3 = body.paragraphs) === null || _body$paragraphs3 === void 0 || _body$paragraphs3.push({
 						startIndex: body.dataStream.length,
 						paragraphId: this._createParagraphId(body)
 					});
 					body.dataStream += "\r";
 				}
-				(_body$sectionBreaks4 = body.sectionBreaks) === null || _body$sectionBreaks4 === void 0 || _body$sectionBreaks4.push({
+				(_body$sectionBreaks2 = body.sectionBreaks) === null || _body$sectionBreaks2 === void 0 || _body$sectionBreaks2.push({
 					sectionId: this._createSectionId(body),
 					startIndex: body.dataStream.length
 				});
@@ -2573,14 +2556,13 @@ var HtmlToUDMService = class HtmlToUDMService {
 		const body = doc.body;
 		const element = node;
 		if (element.tagName.toUpperCase() === "A") {
-			var _body$customRanges, _element$dataset$rang;
 			const href = element.href;
 			if (!isSafeUrl(href)) return;
-			body.customRanges = (_body$customRanges = body.customRanges) !== null && _body$customRanges !== void 0 ? _body$customRanges : [];
+			body.customRanges = body.customRanges ?? [];
 			body.customRanges.push({
 				startIndex: start,
 				endIndex: body.dataStream.length - 1,
-				rangeId: (_element$dataset$rang = element.dataset.rangeid) !== null && _element$dataset$rang !== void 0 ? _element$dataset$rang : generateRandomId(),
+				rangeId: element.dataset.rangeid ?? generateRandomId(),
 				rangeType: CustomRangeType.HYPERLINK,
 				properties: { url: href }
 			});
@@ -2598,8 +2580,7 @@ function collectHtmlTableRows(table) {
 	return rows;
 }
 function normalizeTextNode(node) {
-	var _node$nodeValue;
-	const value = (_node$nodeValue = node.nodeValue) !== null && _node$nodeValue !== void 0 ? _node$nodeValue : "";
+	const value = node.nodeValue ?? "";
 	if (value.includes(WORD_SPACE_PLACEHOLDER)) return value.replace(/[\t\u00A0]+/g, " ").replace(/[ \r\n]+/g, " ").replace(/ *\uE000+ */g, (match) => " ".repeat(Array.from(match).filter((char) => char === WORD_SPACE_PLACEHOLDER).length));
 	const hasExplicitSpacing = /[\t\u00A0]/.test(value);
 	const text = value.replace(/[\t\u00A0]+/g, " ").replace(/[ \r\n]+/g, " ");
@@ -2613,9 +2594,9 @@ function inferImageSourceType(src) {
 function hasTextSibling(node, direction) {
 	let current = node;
 	while (current) {
-		var _current$nodeValue, _current$textContent;
+		var _current$nodeValue;
 		if (current.nodeType === Node.TEXT_NODE && ((_current$nodeValue = current.nodeValue) === null || _current$nodeValue === void 0 ? void 0 : _current$nodeValue.trim())) return true;
-		if (current.nodeType === Node.ELEMENT_NODE && ((_current$textContent = current.textContent) !== null && _current$textContent !== void 0 ? _current$textContent : "").trim()) return true;
+		if (current.nodeType === Node.ELEMENT_NODE && (current.textContent ?? "").trim()) return true;
 		current = direction === "previous" ? current.previousSibling : current.nextSibling;
 	}
 	return false;
@@ -2627,7 +2608,6 @@ function buildHtmlTableGrid(rows) {
 		const parsedRow = [];
 		let columnIndex = 0;
 		getHtmlTableCells(row).forEach((cellElement) => {
-			var _cellElement$getAttri, _cellElement$getAttri2;
 			while (occupied.has(`${rowIndex}:${columnIndex}`)) {
 				parsedRow[columnIndex] = {
 					element: null,
@@ -2637,8 +2617,8 @@ function buildHtmlTableGrid(rows) {
 				};
 				columnIndex++;
 			}
-			const rowSpan = Math.max(1, Number((_cellElement$getAttri = cellElement.getAttribute("rowspan")) !== null && _cellElement$getAttri !== void 0 ? _cellElement$getAttri : 1));
-			const colSpan = Math.max(1, Number((_cellElement$getAttri2 = cellElement.getAttribute("colspan")) !== null && _cellElement$getAttri2 !== void 0 ? _cellElement$getAttri2 : 1));
+			const rowSpan = Math.max(1, Number(cellElement.getAttribute("rowspan") ?? 1));
+			const colSpan = Math.max(1, Number(cellElement.getAttribute("colspan") ?? 1));
 			parsedRow[columnIndex] = {
 				element: cellElement,
 				rowSpan,
@@ -2700,20 +2680,19 @@ function collectHtmlTableColumnWidths(table, grid, columnCount) {
 }
 function resolveHtmlTableColumnWidths(table, grid, columnCount, tableWidth) {
 	const explicitWidths = collectHtmlTableColumnWidths(table, grid, columnCount);
-	const fallbackTableWidth = tableWidth !== null && tableWidth !== void 0 ? tableWidth : DEFAULT_TABLE_WIDTH;
-	const explicitTotal = explicitWidths.reduce((sum, width) => sum + (width !== null && width !== void 0 ? width : 0), 0);
+	const fallbackTableWidth = tableWidth ?? DEFAULT_TABLE_WIDTH;
+	const explicitTotal = explicitWidths.reduce((sum, width) => sum + (width ?? 0), 0);
 	const missingCount = explicitWidths.filter((width) => width == null).length;
 	const fallbackColumnWidth = missingCount ? Math.max((fallbackTableWidth - explicitTotal) / missingCount, 1) : fallbackTableWidth / columnCount;
-	return explicitWidths.map((width) => width !== null && width !== void 0 ? width : roundCssNumber$1(fallbackColumnWidth));
+	return explicitWidths.map((width) => width ?? roundCssNumber$1(fallbackColumnWidth));
 }
 function createTableCellFromHtml(element, rowSpan, colSpan) {
-	var _element$getAttribute, _ref, _readCssColor;
 	const cell = getEmptyTableCell();
 	if (rowSpan > 1) cell.rowSpan = rowSpan;
 	if (colSpan > 1) cell.columnSpan = colSpan;
-	const style = (_element$getAttribute = element.getAttribute("style")) !== null && _element$getAttribute !== void 0 ? _element$getAttribute : "";
+	const style = element.getAttribute("style") ?? "";
 	const width = readCssSize(element.getAttribute("width"), style, "width");
-	const backgroundColor = (_ref = (_readCssColor = readCssColor(style, "background-color")) !== null && _readCssColor !== void 0 ? _readCssColor : readCssColor(style, "background")) !== null && _ref !== void 0 ? _ref : readHtmlAttributeColor(element, "bgcolor");
+	const backgroundColor = readCssColor(style, "background-color") ?? readCssColor(style, "background") ?? readHtmlAttributeColor(element, "bgcolor");
 	const borderTop = createTableCellBorder(style, "top");
 	const borderRight = createTableCellBorder(style, "right");
 	const borderBottom = createTableCellBorder(style, "bottom");
@@ -2730,14 +2709,14 @@ function createTableCellFromHtml(element, rowSpan, colSpan) {
 	return cell;
 }
 function createTableCellBorder(style, side) {
-	var _ref2, _ref3, _ref4, _readCssColor2, _sideStyle$match, _readCssValue, _ref5, _ref6, _readCssLengthValue, _normalizeCssColor;
+	var _sideStyle$match, _readCssValue;
 	const sideStyle = readCssValue(style, `border-${side}`);
-	const color = (_ref2 = (_ref3 = (_ref4 = (_readCssColor2 = readCssColor(style, `border-${side}-color`)) !== null && _readCssColor2 !== void 0 ? _readCssColor2 : normalizeCssColor$1(sideStyle === null || sideStyle === void 0 || (_sideStyle$match = sideStyle.match(/(#[0-9a-f]{3,8}|rgb\([^)]+\))/i)) === null || _sideStyle$match === void 0 ? void 0 : _sideStyle$match[1])) !== null && _ref4 !== void 0 ? _ref4 : readCssColor(style, "border-color")) !== null && _ref3 !== void 0 ? _ref3 : normalizeCssColor$1((_readCssValue = readCssValue(style, "border")) === null || _readCssValue === void 0 || (_readCssValue = _readCssValue.match(/(#[0-9a-f]{3,8}|rgb\([^)]+\))/i)) === null || _readCssValue === void 0 ? void 0 : _readCssValue[1])) !== null && _ref2 !== void 0 ? _ref2 : readNamedBorderColor(style);
-	const width = (_ref5 = (_ref6 = (_readCssLengthValue = readCssLengthValue(readCssValue(style, `border-${side}-width`))) !== null && _readCssLengthValue !== void 0 ? _readCssLengthValue : readCssLengthValue(sideStyle)) !== null && _ref6 !== void 0 ? _ref6 : readCssLengthValue(readCssValue(style, "border-width"))) !== null && _ref5 !== void 0 ? _ref5 : readCssLengthValue(readCssValue(style, "border"));
+	const color = readCssColor(style, `border-${side}-color`) ?? normalizeCssColor$1(sideStyle === null || sideStyle === void 0 || (_sideStyle$match = sideStyle.match(/(#[0-9a-f]{3,8}|rgb\([^)]+\))/i)) === null || _sideStyle$match === void 0 ? void 0 : _sideStyle$match[1]) ?? readCssColor(style, "border-color") ?? normalizeCssColor$1((_readCssValue = readCssValue(style, "border")) === null || _readCssValue === void 0 || (_readCssValue = _readCssValue.match(/(#[0-9a-f]{3,8}|rgb\([^)]+\))/i)) === null || _readCssValue === void 0 ? void 0 : _readCssValue[1]) ?? readNamedBorderColor(style);
+	const width = readCssLengthValue(readCssValue(style, `border-${side}-width`)) ?? readCssLengthValue(sideStyle) ?? readCssLengthValue(readCssValue(style, "border-width")) ?? readCssLengthValue(readCssValue(style, "border"));
 	if (!color && width == null) return;
 	return {
-		color: { rgb: (_normalizeCssColor = normalizeCssColor$1(color)) !== null && _normalizeCssColor !== void 0 ? _normalizeCssColor : "#1f1f1f" },
-		width: { v: width !== null && width !== void 0 ? width : 1 }
+		color: { rgb: normalizeCssColor$1(color) ?? "#1f1f1f" },
+		width: { v: width ?? 1 }
 	};
 }
 function readNamedBorderColor(style) {
@@ -2781,19 +2760,17 @@ function readCssValue(style, property) {
 }
 function readCssSize(attributeValue, style, property) {
 	var _readCssValue2;
-	const styleMatch = (_readCssValue2 = readCssValue(style !== null && style !== void 0 ? style : "", property)) === null || _readCssValue2 === void 0 ? void 0 : _readCssValue2.match(/^([0-9.]+)\s*(px|pt|in|cm|mm)?$/i);
+	const styleMatch = (_readCssValue2 = readCssValue(style ?? "", property)) === null || _readCssValue2 === void 0 ? void 0 : _readCssValue2.match(/^([0-9.]+)\s*(px|pt|in|cm|mm)?$/i);
 	if (styleMatch) return toPixels(Number(styleMatch[1]), styleMatch[2]);
 	const attrMatch = attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.match(/([0-9.]+)\s*(px|pt|in|cm|mm)?/i);
 	return attrMatch ? toPixels(Number(attrMatch[1]), attrMatch[2]) : void 0;
 }
 function readCssLengthValue(value) {
-	var _value$match;
-	const match = (_value$match = value === null || value === void 0 ? void 0 : value.match(/(?:^|\s)([0-9.]+)\s*(px|pt|in|cm|mm)(?=\s|$)/i)) !== null && _value$match !== void 0 ? _value$match : value === null || value === void 0 ? void 0 : value.match(/^\s*([0-9.]+)\s*$/);
+	const match = (value === null || value === void 0 ? void 0 : value.match(/(?:^|\s)([0-9.]+)\s*(px|pt|in|cm|mm)(?=\s|$)/i)) ?? (value === null || value === void 0 ? void 0 : value.match(/^\s*([0-9.]+)\s*$/));
 	return match ? toPixels(Number(match[1]), match[2]) : void 0;
 }
 function readImageSize(element, property) {
-	var _readCssSize3;
-	return (_readCssSize3 = readCssSize((property === "width" ? element.dataset.width : element.dataset.height) || null, null, property)) !== null && _readCssSize3 !== void 0 ? _readCssSize3 : readCssSize(element.getAttribute(property), element.getAttribute("style"), property);
+	return readCssSize((property === "width" ? element.dataset.width : element.dataset.height) || null, null, property) ?? readCssSize(element.getAttribute(property), element.getAttribute("style"), property);
 }
 function toPixels(value, unit) {
 	switch (unit === null || unit === void 0 ? void 0 : unit.toLowerCase()) {
@@ -2841,18 +2818,16 @@ function getHeadingNamedStyleType(node) {
 	}
 }
 function extractWordListInfo(node) {
-	var _node$getAttribute;
-	const match = ((_node$getAttribute = node.getAttribute("style")) !== null && _node$getAttribute !== void 0 ? _node$getAttribute : "").match(/mso-list:\s*([^ ;]+)\s+level(\d+)/i);
+	const match = (node.getAttribute("style") ?? "").match(/mso-list:\s*([^ ;]+)\s+level(\d+)/i);
 	if (!match && !/MsoListParagraph/i.test(node.className)) return null;
 	{
-		var _node$textContent2, _marker$, _match$, _match$2;
-		const marker = ((_node$textContent2 = node.textContent) !== null && _node$textContent2 !== void 0 ? _node$textContent2 : "").trim().match(/^([0-9]+[.)]|[a-zA-Z][.)]|[ivxlcdmIVXLCDM]+[.)]|[\u2022\u00B7\u25CF\u25CB\u25AA\u25AB-])/);
-		const markerText = (_marker$ = marker === null || marker === void 0 ? void 0 : marker[1]) !== null && _marker$ !== void 0 ? _marker$ : "";
+		const marker = (node.textContent ?? "").trim().match(/^([0-9]+[.)]|[a-zA-Z][.)]|[ivxlcdmIVXLCDM]+[.)]|[\u2022\u00B7\u25CF\u25CB\u25AA\u25AB-])/);
+		const markerText = (marker === null || marker === void 0 ? void 0 : marker[1]) ?? "";
 		const ordered = Boolean(markerText && !/^[\u2022\u00B7\u25CF\u25CB\u25AA\u25AB-]$/.test(markerText));
 		return {
-			listId: (_match$ = match === null || match === void 0 ? void 0 : match[1]) !== null && _match$ !== void 0 ? _match$ : "mso-list",
+			listId: (match === null || match === void 0 ? void 0 : match[1]) ?? "mso-list",
 			listType: ordered ? PresetListType.ORDER_LIST : PresetListType.BULLET_LIST,
-			nestingLevel: Math.max(0, Number((_match$2 = match === null || match === void 0 ? void 0 : match[2]) !== null && _match$2 !== void 0 ? _match$2 : 1) - 1)
+			nestingLevel: Math.max(0, Number((match === null || match === void 0 ? void 0 : match[2]) ?? 1) - 1)
 		};
 	}
 }
@@ -3049,12 +3024,12 @@ function readMsoTabCount(attributes) {
 	return Number.isFinite(count) ? count : void 0;
 }
 function countWordSpaces(content) {
-	var _content$match$length, _content$match, _text$match$reduce, _text$match, _text$replace$match$l, _text$replace$match;
-	const entitySpaceCount = (_content$match$length = (_content$match = content.match(/&nbsp;|&#160;|&#x0*a0;/gi)) === null || _content$match === void 0 ? void 0 : _content$match.length) !== null && _content$match$length !== void 0 ? _content$match$length : 0;
+	var _content$match, _text$match, _text$replace$match;
+	const entitySpaceCount = ((_content$match = content.match(/&nbsp;|&#160;|&#x0*a0;/gi)) === null || _content$match === void 0 ? void 0 : _content$match.length) ?? 0;
 	const text = content.replace(/&nbsp;|&#160;|&#x0*a0;/gi, "\xA0").replace(/<[^>]*>/g, "");
-	const literalSpaceCount = (_text$match$reduce = (_text$match = text.match(/[\u00A0\t]/g)) === null || _text$match === void 0 ? void 0 : _text$match.reduce((count, char) => count + (char === "	" ? WORD_TAB_WIDTH : 1), 0)) !== null && _text$match$reduce !== void 0 ? _text$match$reduce : 0;
+	const literalSpaceCount = ((_text$match = text.match(/[\u00A0\t]/g)) === null || _text$match === void 0 ? void 0 : _text$match.reduce((count, char) => count + (char === "	" ? WORD_TAB_WIDTH : 1), 0)) ?? 0;
 	if (entitySpaceCount || literalSpaceCount) return literalSpaceCount;
-	return (_text$replace$match$l = (_text$replace$match = text.replace(/\r?\n/g, "").match(/ /g)) === null || _text$replace$match === void 0 ? void 0 : _text$replace$match.length) !== null && _text$replace$match$l !== void 0 ? _text$replace$match$l : 0;
+	return ((_text$replace$match = text.replace(/\r?\n/g, "").match(/ /g)) === null || _text$replace$match === void 0 ? void 0 : _text$replace$match.length) ?? 0;
 }
 
 //#endregion
@@ -3127,26 +3102,22 @@ function createInternalClipboardDocDataList(docs) {
 	if (docs.length === 1) return createInternalClipboardDocData(docs[0]);
 	const merged = { body: { dataStream: "" } };
 	for (const doc of docs) {
-		var _body$dataStream;
 		const part = createInternalClipboardDocData(doc);
 		const body = part.body;
 		if (!body) continue;
 		const offset = merged.body.dataStream.length;
-		merged.body.dataStream += (_body$dataStream = body.dataStream) !== null && _body$dataStream !== void 0 ? _body$dataStream : "";
+		merged.body.dataStream += body.dataStream ?? "";
 		appendOffsetRanges(merged.body, body, offset);
 		if (part.tableSource) {
-			var _merged$tableSource;
-			(_merged$tableSource = merged.tableSource) !== null && _merged$tableSource !== void 0 || (merged.tableSource = {});
+			merged.tableSource ??= {};
 			Object.assign(merged.tableSource, part.tableSource);
 		}
 		if (part.lists) {
-			var _merged$lists;
-			(_merged$lists = merged.lists) !== null && _merged$lists !== void 0 || (merged.lists = {});
+			merged.lists ??= {};
 			Object.assign(merged.lists, part.lists);
 		}
 		if (part.drawings) {
-			var _merged$drawings;
-			(_merged$drawings = merged.drawings) !== null && _merged$drawings !== void 0 || (merged.drawings = {});
+			merged.drawings ??= {};
 			Object.assign(merged.drawings, part.drawings);
 		}
 	}
@@ -3181,8 +3152,7 @@ function wrapClipboardHtml(fragmentHtml) {
 function appendOffsetRanges(target, source, offset) {
 	var _source$textRuns, _source$paragraphs, _source$sectionBreaks, _source$tables, _source$blockRanges, _source$customRanges, _source$customDecorat, _source$customBlocks;
 	if ((_source$textRuns = source.textRuns) === null || _source$textRuns === void 0 ? void 0 : _source$textRuns.length) {
-		var _target$textRuns;
-		(_target$textRuns = target.textRuns) !== null && _target$textRuns !== void 0 || (target.textRuns = []);
+		target.textRuns ??= [];
 		target.textRuns.push(...source.textRuns.map((textRun) => ({
 			...textRun,
 			st: textRun.st + offset,
@@ -3190,24 +3160,21 @@ function appendOffsetRanges(target, source, offset) {
 		})));
 	}
 	if ((_source$paragraphs = source.paragraphs) === null || _source$paragraphs === void 0 ? void 0 : _source$paragraphs.length) {
-		var _target$paragraphs;
-		(_target$paragraphs = target.paragraphs) !== null && _target$paragraphs !== void 0 || (target.paragraphs = []);
+		target.paragraphs ??= [];
 		target.paragraphs.push(...source.paragraphs.map((paragraph) => ({
 			...paragraph,
 			startIndex: paragraph.startIndex + offset
 		})));
 	}
 	if ((_source$sectionBreaks = source.sectionBreaks) === null || _source$sectionBreaks === void 0 ? void 0 : _source$sectionBreaks.length) {
-		var _target$sectionBreaks;
-		(_target$sectionBreaks = target.sectionBreaks) !== null && _target$sectionBreaks !== void 0 || (target.sectionBreaks = []);
+		target.sectionBreaks ??= [];
 		target.sectionBreaks.push(...source.sectionBreaks.map((sectionBreak) => ({
 			...sectionBreak,
 			startIndex: sectionBreak.startIndex + offset
 		})));
 	}
 	if ((_source$tables = source.tables) === null || _source$tables === void 0 ? void 0 : _source$tables.length) {
-		var _target$tables;
-		(_target$tables = target.tables) !== null && _target$tables !== void 0 || (target.tables = []);
+		target.tables ??= [];
 		target.tables.push(...source.tables.map((table) => ({
 			...table,
 			startIndex: table.startIndex + offset,
@@ -3215,8 +3182,7 @@ function appendOffsetRanges(target, source, offset) {
 		})));
 	}
 	if ((_source$blockRanges = source.blockRanges) === null || _source$blockRanges === void 0 ? void 0 : _source$blockRanges.length) {
-		var _target$blockRanges;
-		(_target$blockRanges = target.blockRanges) !== null && _target$blockRanges !== void 0 || (target.blockRanges = []);
+		target.blockRanges ??= [];
 		target.blockRanges.push(...source.blockRanges.map((blockRange) => ({
 			...blockRange,
 			startIndex: blockRange.startIndex + offset,
@@ -3224,8 +3190,7 @@ function appendOffsetRanges(target, source, offset) {
 		})));
 	}
 	if ((_source$customRanges = source.customRanges) === null || _source$customRanges === void 0 ? void 0 : _source$customRanges.length) {
-		var _target$customRanges;
-		(_target$customRanges = target.customRanges) !== null && _target$customRanges !== void 0 || (target.customRanges = []);
+		target.customRanges ??= [];
 		target.customRanges.push(...source.customRanges.map((customRange) => ({
 			...customRange,
 			startIndex: customRange.startIndex + offset,
@@ -3233,8 +3198,7 @@ function appendOffsetRanges(target, source, offset) {
 		})));
 	}
 	if ((_source$customDecorat = source.customDecorations) === null || _source$customDecorat === void 0 ? void 0 : _source$customDecorat.length) {
-		var _target$customDecorat;
-		(_target$customDecorat = target.customDecorations) !== null && _target$customDecorat !== void 0 || (target.customDecorations = []);
+		target.customDecorations ??= [];
 		target.customDecorations.push(...source.customDecorations.map((customDecoration) => ({
 			...customDecoration,
 			startIndex: customDecoration.startIndex + offset,
@@ -3242,8 +3206,7 @@ function appendOffsetRanges(target, source, offset) {
 		})));
 	}
 	if ((_source$customBlocks = source.customBlocks) === null || _source$customBlocks === void 0 ? void 0 : _source$customBlocks.length) {
-		var _target$customBlocks;
-		(_target$customBlocks = target.customBlocks) !== null && _target$customBlocks !== void 0 || (target.customBlocks = []);
+		target.customBlocks ??= [];
 		target.customBlocks.push(...source.customBlocks.map((customBlock) => ({
 			...customBlock,
 			startIndex: customBlock.startIndex + offset
@@ -3290,7 +3253,7 @@ function covertTextRunToHtml(dataStream, textRun) {
 	if ((ul === null || ul === void 0 ? void 0 : ul.s) === BooleanNumber.TRUE) html = `<u>${html}</u>`;
 	if ((st === null || st === void 0 ? void 0 : st.s) === BooleanNumber.TRUE) html = `<s>${html}</s>`;
 	if (bl === BooleanNumber.TRUE) html = `<strong>${html}</strong>`;
-	style.push(`font-family: ${ff !== null && ff !== void 0 ? ff : DEFAULT_CLIPBOARD_FONT_FAMILY}`);
+	style.push(`font-family: ${ff ?? DEFAULT_CLIPBOARD_FONT_FAMILY}`);
 	if (cl === null || cl === void 0 ? void 0 : cl.rgb) style.push(`color: ${normalizeCssColor(cl.rgb)}`);
 	if (fs) style.push(`font-size: ${fs}pt`);
 	if (ol) style.push("text-decoration: overline");
@@ -3367,8 +3330,8 @@ function getBodySliceHtml(doc, startIndex, endIndex) {
 		const sliceHtml = handleCustomBlock(startIndex, endIndex + 1);
 		switch (rangeType) {
 			case CustomRangeType.HYPERLINK:
-				var _range$properties$url, _range$properties;
-				html += `<a data-rangeid="${rangeId}" href="${(_range$properties$url = (_range$properties = range.properties) === null || _range$properties === void 0 ? void 0 : _range$properties.url) !== null && _range$properties$url !== void 0 ? _range$properties$url : ""}">${sliceHtml.sliceHtml}</a>`;
+				var _range$properties;
+				html += `<a data-rangeid="${rangeId}" href="${((_range$properties = range.properties) === null || _range$properties === void 0 ? void 0 : _range$properties.url) ?? ""}">${sliceHtml.sliceHtml}</a>`;
 				break;
 			default:
 				html += sliceHtml.sliceHtml;
@@ -3410,9 +3373,9 @@ function processNode(node, doc, result) {
 			for (const n of node.children) processNode(n, doc, result);
 			break;
 		case DataStreamTreeNodeType.PARAGRAPH: {
-			var _doc$body$paragraphs$, _doc$body;
+			var _doc$body;
 			const { children, startIndex, endIndex } = node;
-			const paragraph = (_doc$body$paragraphs$ = (_doc$body = doc.body) === null || _doc$body === void 0 || (_doc$body = _doc$body.paragraphs) === null || _doc$body === void 0 ? void 0 : _doc$body.find((p) => p.startIndex === endIndex)) !== null && _doc$body$paragraphs$ !== void 0 ? _doc$body$paragraphs$ : {};
+			const paragraph = ((_doc$body = doc.body) === null || _doc$body === void 0 || (_doc$body = _doc$body.paragraphs) === null || _doc$body === void 0 ? void 0 : _doc$body.find((p) => p.startIndex === endIndex)) ?? {};
 			const { paragraphStyle = {} } = paragraph;
 			const { horizontalAlign, spaceAbove, spaceBelow, lineSpacing } = paragraphStyle;
 			const style = [];
@@ -3443,16 +3406,16 @@ function processNode(node, doc, result) {
 			break;
 		}
 		case DataStreamTreeNodeType.TABLE: {
-			var _result$tableIndex, _result$tableStack, _doc$body2, _doc$tableSource, _table$tableColumns;
+			var _doc$body2, _doc$tableSource, _table$tableColumns;
 			const { children } = node;
 			closeListStack(result);
-			(_result$tableIndex = result.tableIndex) !== null && _result$tableIndex !== void 0 || (result.tableIndex = 0);
-			(_result$tableStack = result.tableStack) !== null && _result$tableStack !== void 0 || (result.tableStack = []);
+			result.tableIndex ??= 0;
+			result.tableStack ??= [];
 			const tableRange = (_doc$body2 = doc.body) === null || _doc$body2 === void 0 || (_doc$body2 = _doc$body2.tables) === null || _doc$body2 === void 0 ? void 0 : _doc$body2[result.tableIndex++];
 			const table = tableRange ? (_doc$tableSource = doc.tableSource) === null || _doc$tableSource === void 0 ? void 0 : _doc$tableSource[tableRange.tableId] : void 0;
 			const width = table === null || table === void 0 || (_table$tableColumns = table.tableColumns) === null || _table$tableColumns === void 0 ? void 0 : _table$tableColumns.reduce((sum, column) => {
-				var _column$size$width$v, _column$size;
-				return sum + ((_column$size$width$v = (_column$size = column.size) === null || _column$size === void 0 || (_column$size = _column$size.width) === null || _column$size === void 0 ? void 0 : _column$size.v) !== null && _column$size$width$v !== void 0 ? _column$size$width$v : 0);
+				var _column$size;
+				return sum + (((_column$size = column.size) === null || _column$size === void 0 || (_column$size = _column$size.width) === null || _column$size === void 0 ? void 0 : _column$size.v) ?? 0);
 			}, 0);
 			const tableStyle = ["border-collapse: collapse", width ? `width: ${roundCssNumber(width)}px` : "width: 100%"].join("; ");
 			result.tableStack.push({
@@ -3467,9 +3430,9 @@ function processNode(node, doc, result) {
 			break;
 		}
 		case DataStreamTreeNodeType.TABLE_ROW: {
-			var _result$tableStack2, _tableContext$table, _row$trHeight;
+			var _result$tableStack, _tableContext$table, _row$trHeight;
 			const { children } = node;
-			const tableContext = (_result$tableStack2 = result.tableStack) === null || _result$tableStack2 === void 0 ? void 0 : _result$tableStack2[result.tableStack.length - 1];
+			const tableContext = (_result$tableStack = result.tableStack) === null || _result$tableStack === void 0 ? void 0 : _result$tableStack[result.tableStack.length - 1];
 			if (tableContext) {
 				tableContext.rowIndex++;
 				tableContext.columnIndex = 0;
@@ -3482,11 +3445,11 @@ function processNode(node, doc, result) {
 			break;
 		}
 		case DataStreamTreeNodeType.TABLE_CELL: {
-			var _result$tableStack3, _tableContext$table2, _row$tableCells, _tableContext$columnI;
+			var _result$tableStack2, _tableContext$table2, _row$tableCells;
 			const { children } = node;
-			const tableContext = (_result$tableStack3 = result.tableStack) === null || _result$tableStack3 === void 0 ? void 0 : _result$tableStack3[result.tableStack.length - 1];
+			const tableContext = (_result$tableStack2 = result.tableStack) === null || _result$tableStack2 === void 0 ? void 0 : _result$tableStack2[result.tableStack.length - 1];
 			const row = tableContext === null || tableContext === void 0 || (_tableContext$table2 = tableContext.table) === null || _tableContext$table2 === void 0 || (_tableContext$table2 = _tableContext$table2.tableRows) === null || _tableContext$table2 === void 0 ? void 0 : _tableContext$table2[tableContext.rowIndex];
-			const cell = row === null || row === void 0 || (_row$tableCells = row.tableCells) === null || _row$tableCells === void 0 ? void 0 : _row$tableCells[(_tableContext$columnI = tableContext === null || tableContext === void 0 ? void 0 : tableContext.columnIndex) !== null && _tableContext$columnI !== void 0 ? _tableContext$columnI : 0];
+			const cell = row === null || row === void 0 || (_row$tableCells = row.tableCells) === null || _row$tableCells === void 0 ? void 0 : _row$tableCells[(tableContext === null || tableContext === void 0 ? void 0 : tableContext.columnIndex) ?? 0];
 			if (tableContext) tableContext.columnIndex++;
 			if ((cell === null || cell === void 0 ? void 0 : cell.rowSpan) === 0 || (cell === null || cell === void 0 ? void 0 : cell.columnSpan) === 0) break;
 			result.html += `<td class="UniverTableCell"${serializeTableCellAttributes(cell)}>`;
@@ -3508,10 +3471,10 @@ function renderParagraphNodeHtml(doc, paragraph, startIndex, endIndex, innerHtml
 	result.html += renderBlockParagraphHtml(doc, paragraph, startIndex, endIndex, innerHtml, style);
 }
 function renderBlockParagraphHtml(doc, paragraph, startIndex, endIndex, innerHtml, style) {
-	var _doc$body3, _renderHeadingParagra;
+	var _doc$body3;
 	const blockRange = (_doc$body3 = doc.body) === null || _doc$body3 === void 0 || (_doc$body3 = _doc$body3.blockRanges) === null || _doc$body3 === void 0 ? void 0 : _doc$body3.find((range) => range.startIndex <= startIndex && endIndex <= range.endIndex + 1);
 	if (blockRange && !hasVisibleHtml(innerHtml)) return "";
-	const paragraphHtml = (_renderHeadingParagra = renderHeadingParagraphHtml(paragraph, innerHtml, style)) !== null && _renderHeadingParagra !== void 0 ? _renderHeadingParagra : `<p class="UniverNormal" ${style.length ? `style="${style.join("; ")};"` : ""}>${innerHtml}</p>`;
+	const paragraphHtml = renderHeadingParagraphHtml(paragraph, innerHtml, style) ?? `<p class="UniverNormal" ${style.length ? `style="${style.join("; ")};"` : ""}>${innerHtml}</p>`;
 	switch (blockRange === null || blockRange === void 0 ? void 0 : blockRange.blockType) {
 		case DocumentBlockRangeType.QUOTE: return `<blockquote data-doc-type="quote" style="border-left: 4px solid #d0d7de; margin: 8px 0; padding: 4px 0 4px 12px; color: #57606a;">${paragraphHtml}</blockquote>`;
 		case DocumentBlockRangeType.CODE: return `<pre data-doc-type="code-block" style="font-family: Consolas, 'Courier New', monospace; background: #f6f8fa; padding: 12px; border-radius: 6px; white-space: pre-wrap;"><code>${innerHtml.replace(/<\/?[^>]+>/g, "")}</code></pre>`;
@@ -3526,11 +3489,10 @@ function renderHeadingParagraphHtml(paragraph, innerHtml, style) {
 	return `<p class="UniverHeading" role="heading" aria-level="${headingLevel}" data-heading-level="${headingLevel}" ${style.length ? `style="${style.join("; ")};"` : ""}>${innerHtml}</p>`;
 }
 function renderListParagraphItemHtml(doc, paragraph, innerHtml, style) {
-	var _bullet$nestingLevel;
 	const bullet = paragraph.bullet;
 	if (!bullet) return null;
 	const tag = isOrderedListType(String(bullet.listType)) ? "ol" : "ul";
-	const level = (_bullet$nestingLevel = bullet.nestingLevel) !== null && _bullet$nestingLevel !== void 0 ? _bullet$nestingLevel : 0;
+	const level = bullet.nestingLevel ?? 0;
 	const listStyle = getListStyleType(doc, String(bullet.listType), level);
 	return {
 		tag,
@@ -3541,8 +3503,7 @@ function renderListParagraphItemHtml(doc, paragraph, innerHtml, style) {
 	};
 }
 function appendListParagraphHtml(result, listItem) {
-	var _result$listStack;
-	(_result$listStack = result.listStack) !== null && _result$listStack !== void 0 || (result.listStack = []);
+	result.listStack ??= [];
 	const stack = result.listStack;
 	while (stack.length > listItem.level + 1) result.html += `</li></${stack.pop().tag}>`;
 	const current = stack[stack.length - 1];
@@ -3571,16 +3532,16 @@ function openList(result, listItem) {
 	});
 }
 function closeListStack(result) {
-	var _result$listStack2;
-	while ((_result$listStack2 = result.listStack) === null || _result$listStack2 === void 0 ? void 0 : _result$listStack2.length) result.html += `</li></${result.listStack.pop().tag}>`;
+	var _result$listStack;
+	while ((_result$listStack = result.listStack) === null || _result$listStack === void 0 ? void 0 : _result$listStack.length) result.html += `</li></${result.listStack.pop().tag}>`;
 }
 function serializeTableCellAttributes(cell) {
-	var _cell$rowSpan, _cell$columnSpan, _cell$size, _cell$backgroundColor;
+	var _cell$size, _cell$backgroundColor;
 	if (!cell) return "";
 	const attributes = [];
 	const styles = [];
-	if (((_cell$rowSpan = cell.rowSpan) !== null && _cell$rowSpan !== void 0 ? _cell$rowSpan : 1) > 1) attributes.push(`rowspan="${cell.rowSpan}"`);
-	if (((_cell$columnSpan = cell.columnSpan) !== null && _cell$columnSpan !== void 0 ? _cell$columnSpan : 1) > 1) attributes.push(`colspan="${cell.columnSpan}"`);
+	if ((cell.rowSpan ?? 1) > 1) attributes.push(`rowspan="${cell.rowSpan}"`);
+	if ((cell.columnSpan ?? 1) > 1) attributes.push(`colspan="${cell.columnSpan}"`);
 	if (((_cell$size = cell.size) === null || _cell$size === void 0 || (_cell$size = _cell$size.width) === null || _cell$size === void 0 ? void 0 : _cell$size.v) != null) styles.push(`width: ${roundCssNumber(cell.size.width.v)}px`);
 	if ((_cell$backgroundColor = cell.backgroundColor) === null || _cell$backgroundColor === void 0 ? void 0 : _cell$backgroundColor.rgb) styles.push(`background-color: ${cell.backgroundColor.rgb}`);
 	[
@@ -3589,9 +3550,9 @@ function serializeTableCellAttributes(cell) {
 		["bottom", cell.borderBottom],
 		["left", cell.borderLeft]
 	].forEach(([side, border]) => {
-		var _border$width$v, _border$width, _border$color$rgb, _border$color;
+		var _border$width, _border$color;
 		if (!border) return;
-		styles.push(`border-${side}: ${roundCssNumber((_border$width$v = (_border$width = border.width) === null || _border$width === void 0 ? void 0 : _border$width.v) !== null && _border$width$v !== void 0 ? _border$width$v : 1)}px solid ${(_border$color$rgb = (_border$color = border.color) === null || _border$color === void 0 ? void 0 : _border$color.rgb) !== null && _border$color$rgb !== void 0 ? _border$color$rgb : "#1f1f1f"}`);
+		styles.push(`border-${side}: ${roundCssNumber(((_border$width = border.width) === null || _border$width === void 0 ? void 0 : _border$width.v) ?? 1)}px solid ${((_border$color = border.color) === null || _border$color === void 0 ? void 0 : _border$color.rgb) ?? "#1f1f1f"}`);
 	});
 	if (styles.length) attributes.push(`style="${styles.join("; ")};"`);
 	return attributes.length ? ` ${attributes.join(" ")}` : "";
@@ -3600,7 +3561,7 @@ function serializeTextStyle(textStyle) {
 	if (!textStyle) return [];
 	const { ff, fs, it, bl, ul, st, ol, bg, cl } = textStyle;
 	const style = [];
-	style.push(`font-family: ${ff !== null && ff !== void 0 ? ff : DEFAULT_CLIPBOARD_FONT_FAMILY}`);
+	style.push(`font-family: ${ff ?? DEFAULT_CLIPBOARD_FONT_FAMILY}`);
 	if (fs != null) style.push(`font-size: ${fs}pt`);
 	if (cl === null || cl === void 0 ? void 0 : cl.rgb) style.push(`color: ${normalizeCssColor(cl.rgb)}`);
 	if (bg === null || bg === void 0 ? void 0 : bg.rgb) style.push(`background-color: ${normalizeCssColor(bg.rgb)}`);
@@ -3685,8 +3646,8 @@ var UDMToHtmlService = class {
 		if (docList.length === 0) throw new Error("The bodyList length at least to be 1");
 		let html = "";
 		for (const doc of Tools.deepClone(docList)) {
-			var _this$_docHtmlExportS, _this$_docHtmlExportS2;
-			html += convertBodyToHtml((_this$_docHtmlExportS = (_this$_docHtmlExportS2 = this._docHtmlExportService) === null || _this$_docHtmlExportS2 === void 0 ? void 0 : _this$_docHtmlExportS2.transformDocumentForHtmlExport(doc)) !== null && _this$_docHtmlExportS !== void 0 ? _this$_docHtmlExportS : doc);
+			var _this$_docHtmlExportS;
+			html += convertBodyToHtml(((_this$_docHtmlExportS = this._docHtmlExportService) === null || _this$_docHtmlExportS === void 0 ? void 0 : _this$_docHtmlExportS.transformDocumentForHtmlExport(doc)) ?? doc);
 		}
 		return html;
 	}
@@ -3759,8 +3720,7 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 		this._umdToHtml = new UDMToHtmlService(docHtmlExportService);
 	}
 	async copy(sliceType = SliceBodyType.copy, ranges) {
-		var _this$_getDocumentBod;
-		const { newSnapshotList = [], needCache = false, plainTextList, snapshot, ranges: allRanges } = (_this$_getDocumentBod = this._getDocumentBodyInRanges(sliceType, ranges)) !== null && _this$_getDocumentBod !== void 0 ? _this$_getDocumentBod : {};
+		const { newSnapshotList = [], needCache = false, plainTextList, snapshot, ranges: allRanges } = this._getDocumentBodyInRanges(sliceType, ranges) ?? {};
 		if (newSnapshotList.length === 0 || snapshot == null) return false;
 		try {
 			var _allRanges$;
@@ -3799,10 +3759,9 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 		return this._paste(partDocData);
 	}
 	async _cut(ranges) {
-		var _ref, _ranges$filter, _ref2, _ref3, _textRanges$;
-		const textRanges = (_ref = (_ranges$filter = ranges === null || ranges === void 0 ? void 0 : ranges.filter((range) => range.rangeType === DOC_RANGE_TYPE.TEXT)) !== null && _ranges$filter !== void 0 ? _ranges$filter : this._docSelectionManagerService.getTextRanges()) !== null && _ref !== void 0 ? _ref : [];
-		const rectRanges = (_ref2 = (_ref3 = ranges === null || ranges === void 0 ? void 0 : ranges.filter((range) => range.rangeType === DOC_RANGE_TYPE.RECT)) !== null && _ref3 !== void 0 ? _ref3 : this._docSelectionManagerService.getRectRanges()) !== null && _ref2 !== void 0 ? _ref2 : [];
-		const { segmentId, endOffset: activeEndOffset, style } = (_textRanges$ = textRanges[0]) !== null && _textRanges$ !== void 0 ? _textRanges$ : {};
+		const textRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter((range) => range.rangeType === DOC_RANGE_TYPE.TEXT)) ?? this._docSelectionManagerService.getTextRanges() ?? [];
+		const rectRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter((range) => range.rangeType === DOC_RANGE_TYPE.RECT)) ?? this._docSelectionManagerService.getRectRanges() ?? [];
+		const { segmentId, endOffset: activeEndOffset, style } = textRanges[0] ?? {};
 		if (segmentId == null) this._logService.error("[DocClipboardController] segmentId is not existed");
 		if (textRanges.length === 0 && rectRanges.length === 0) return false;
 		this.copy(SliceBodyType.cut, ranges);
@@ -3834,7 +3793,7 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 		}
 	}
 	async _paste(docData) {
-		var _body$customRanges$ma, _body$customRanges, _body$paragraphs, _currentDocument$getS;
+		var _body$customRanges, _body$paragraphs, _currentDocument$getS;
 		const { body: _body } = docData;
 		if (_body == null) return false;
 		let body = normalizeBody(_body);
@@ -3846,12 +3805,12 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 				targetUnitId: currentDocument.getUnitId()
 			});
 		});
-		const customRangeMappings = (_body$customRanges$ma = (_body$customRanges = body.customRanges) === null || _body$customRanges === void 0 ? void 0 : _body$customRanges.map((sourceRange) => {
+		const customRangeMappings = ((_body$customRanges = body.customRanges) === null || _body$customRanges === void 0 ? void 0 : _body$customRanges.map((sourceRange) => {
 			return {
 				sourceRange,
 				targetRange: BuildTextUtils.customRange.copyCustomRange(sourceRange)
 			};
-		})) !== null && _body$customRanges$ma !== void 0 ? _body$customRanges$ma : [];
+		})) ?? [];
 		body.customRanges = customRangeMappings.map(({ targetRange }) => targetRange);
 		(_body$paragraphs = body.paragraphs) === null || _body$paragraphs === void 0 || _body$paragraphs.forEach((copy) => {
 			var _copy$paragraphStyle;
@@ -3924,14 +3883,14 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 	}
 	_applyCopyDocDataHooks(doc, sourceDocuments) {
 		return this._clipboardHooks.reduce((currentDoc, hook) => {
-			var _hook$onCopyDocData, _hook$onCopyDocData2;
-			return (_hook$onCopyDocData = (_hook$onCopyDocData2 = hook.onCopyDocData) === null || _hook$onCopyDocData2 === void 0 ? void 0 : _hook$onCopyDocData2.call(hook, currentDoc, { sourceDocuments })) !== null && _hook$onCopyDocData !== void 0 ? _hook$onCopyDocData : currentDoc;
+			var _hook$onCopyDocData;
+			return ((_hook$onCopyDocData = hook.onCopyDocData) === null || _hook$onCopyDocData === void 0 ? void 0 : _hook$onCopyDocData.call(hook, currentDoc, { sourceDocuments })) ?? currentDoc;
 		}, doc);
 	}
 	_getDocumentBodyInRanges(sliceType, ranges) {
 		var _this$_clipboardHooks, _docDataModel$getSelf;
 		const docDataModel = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
-		const allRanges = ranges !== null && ranges !== void 0 ? ranges : this._docSelectionManagerService.getDocRanges();
+		const allRanges = ranges ?? this._docSelectionManagerService.getDocRanges();
 		const results = [];
 		const plainTextResults = [];
 		const copyContentHook = (_this$_clipboardHooks = this._clipboardHooks.find((hook) => hook.onCopyContent)) === null || _this$_clipboardHooks === void 0 ? void 0 : _this$_clipboardHooks.onCopyContent;
@@ -3942,7 +3901,7 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 		const snapshot = docDataModel.getSnapshot();
 		if (body == null) return;
 		for (const range of allRanges) {
-			var _docDataModel$getSelf2, _copyContentHook;
+			var _docDataModel$getSelf2;
 			const { startOffset, endOffset, collapsed, rangeType } = range;
 			if (collapsed || startOffset == null || endOffset == null) continue;
 			if (rangeType === DOC_RANGE_TYPE.RECT) {
@@ -3960,11 +3919,11 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 			const docBody = (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.sliceBody(deleteRange.startOffset, deleteRange.endOffset, sliceType);
 			if (docBody == null) continue;
 			results.push(docBody);
-			plainTextResults.push((_copyContentHook = copyContentHook === null || copyContentHook === void 0 ? void 0 : copyContentHook(deleteRange.startOffset, deleteRange.endOffset, {
+			plainTextResults.push((copyContentHook === null || copyContentHook === void 0 ? void 0 : copyContentHook(deleteRange.startOffset, deleteRange.endOffset, {
 				body,
 				segmentId,
 				unitId: docDataModel.getUnitId()
-			})) !== null && _copyContentHook !== void 0 ? _copyContentHook : docBody.dataStream);
+			})) ?? docBody.dataStream);
 		}
 		return {
 			newSnapshotList: results.map((e) => ({
@@ -3979,7 +3938,6 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 	}
 	async _genDocDataFromClipboardItems(items) {
 		try {
-			var _await$this$_uploadBa;
 			let html = "";
 			let text = "";
 			let internalJson = "";
@@ -4005,15 +3963,14 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 				}
 			}
 			if (!html && !text && files.length) html = await this._createImagePasteHtml(files);
-			html = (_await$this$_uploadBa = await this._uploadBase64ImagesInHtml(html)) !== null && _await$this$_uploadBa !== void 0 ? _await$this$_uploadBa : "";
+			html = await this._uploadBase64ImagesInHtml(html) ?? "";
 			return this._genDocDataFromHtmlAndText(html, text, void 0, internalJson);
 		} catch (e) {
 			return Promise.reject(e);
 		}
 	}
 	_genDocDataFromHtmlAndText(html, text, _unitId, internalJson) {
-		var _parseInternalClipboa;
-		const internalDocData = (_parseInternalClipboa = parseInternalClipboardFragment(internalJson)) !== null && _parseInternalClipboa !== void 0 ? _parseInternalClipboa : extractInternalClipboardFragmentFromHtml(html);
+		const internalDocData = parseInternalClipboardFragment(internalJson) ?? extractInternalClipboardFragmentFromHtml(html);
 		if (internalDocData === null || internalDocData === void 0 ? void 0 : internalDocData.body) return internalDocData;
 		if (!html) if (text) return { body: BuildTextUtils.transform.fromPlainText(text) };
 		else throw new Error("[DocClipboardService] html and text cannot be both empty!");
@@ -4055,7 +4012,7 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 		return doc.documentElement.outerHTML;
 	}
 	async _createImagePasteHtml(files) {
-		var _this$_clipboardHooks3, _this$_clipboardHooks4;
+		var _this$_clipboardHooks3;
 		const doc = {
 			id: "",
 			documentStyle: {},
@@ -4091,7 +4048,7 @@ let DocClipboardService = class DocClipboardService extends Disposable {
 				};
 			});
 		};
-		const onBeforePasteImage = (_this$_clipboardHooks3 = (_this$_clipboardHooks4 = this._clipboardHooks.find((e) => e.onBeforePasteImage)) === null || _this$_clipboardHooks4 === void 0 ? void 0 : _this$_clipboardHooks4.onBeforePasteImage) !== null && _this$_clipboardHooks3 !== void 0 ? _this$_clipboardHooks3 : fileToBase64;
+		const onBeforePasteImage = ((_this$_clipboardHooks3 = this._clipboardHooks.find((e) => e.onBeforePasteImage)) === null || _this$_clipboardHooks3 === void 0 ? void 0 : _this$_clipboardHooks3.onBeforePasteImage) ?? fileToBase64;
 		await Promise.all(files.map(async (file, index) => {
 			var _body$customBlocks;
 			const image = await onBeforePasteImage(file);
@@ -4153,12 +4110,12 @@ function endsAtDocumentBoundary(dataStream) {
 	return lastToken === DataStreamTreeTokenType.PARAGRAPH || lastToken === DataStreamTreeTokenType.SECTION_BREAK || lastToken === DataStreamTreeTokenType.BLOCK_END || lastToken === DataStreamTreeTokenType.TABLE_END || lastToken === DataStreamTreeTokenType.COLUMN_GROUP_END;
 }
 function ensureParagraphAtStructuralGap(body, originBody, ranges) {
-	var _body$paragraphs$map, _body$paragraphs2, _body$paragraphs3;
+	var _body$paragraphs2;
 	if (endsAtDocumentBoundary(body.dataStream) || !ranges.every((range) => range.collapsed && isTopLevelStructuralGap(originBody.dataStream, range.startOffset))) return;
 	const paragraphIndex = body.dataStream.length;
-	const paragraphIds = new Set((_body$paragraphs$map = (_body$paragraphs2 = body.paragraphs) === null || _body$paragraphs2 === void 0 ? void 0 : _body$paragraphs2.map((paragraph) => paragraph.paragraphId)) !== null && _body$paragraphs$map !== void 0 ? _body$paragraphs$map : []);
+	const paragraphIds = new Set(((_body$paragraphs2 = body.paragraphs) === null || _body$paragraphs2 === void 0 ? void 0 : _body$paragraphs2.map((paragraph) => paragraph.paragraphId)) ?? []);
 	body.dataStream += DataStreamTreeTokenType.PARAGRAPH;
-	body.paragraphs = [...(_body$paragraphs3 = body.paragraphs) !== null && _body$paragraphs3 !== void 0 ? _body$paragraphs3 : [], {
+	body.paragraphs = [...body.paragraphs ?? [], {
 		startIndex: paragraphIndex,
 		paragraphId: createParagraphId(paragraphIds)
 	}];
@@ -4568,12 +4525,12 @@ const DocSelectAllCommand = {
 	id: "doc.command.select-all",
 	type: CommandType.COMMAND,
 	handler: async (accessor) => {
-		var _docRanges$find, _docDataModel$getSelf;
+		var _docDataModel$getSelf;
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		const docRanges = docSelectionManagerService.getDocRanges();
-		const activeRange = (_docRanges$find = docRanges.find((range) => range.isActive)) !== null && _docRanges$find !== void 0 ? _docRanges$find : docRanges[0];
+		const activeRange = docRanges.find((range) => range.isActive) ?? docRanges[0];
 		if (docDataModel == null || activeRange == null) return false;
 		const { segmentId } = activeRange;
 		const unitId = docDataModel.getUnitId();
@@ -4595,8 +4552,7 @@ function getWholeDocumentRanges(body) {
 	return getRangesForOffsets(body, 0, body.dataStream.length - 2);
 }
 function getRangesForOffsets(body, startOffset, endOffset) {
-	var _body$columnGroups;
-	const columnGroups = [...(_body$columnGroups = body.columnGroups) !== null && _body$columnGroups !== void 0 ? _body$columnGroups : []].sort((left, right) => left.startIndex - right.startIndex);
+	const columnGroups = [...body.columnGroups ?? []].sort((left, right) => left.startIndex - right.startIndex);
 	const ranges = [];
 	let offset = startOffset;
 	for (const columnGroup of columnGroups) {
@@ -4613,10 +4569,9 @@ function getRangesForOffsets(body, startOffset, endOffset) {
 	return ranges;
 }
 function getRangesWithTables(body, startOffset, endOffset) {
-	var _body$tables;
 	const ranges = [];
 	let offset = startOffset;
-	for (const table of [...(_body$tables = body.tables) !== null && _body$tables !== void 0 ? _body$tables : []].sort((left, right) => left.startIndex - right.startIndex)) {
+	for (const table of [...body.tables ?? []].sort((left, right) => left.startIndex - right.startIndex)) {
 		const { startIndex, endIndex } = table;
 		if (startIndex < startOffset || endIndex > endOffset) continue;
 		if (offset !== startIndex) ranges.push(...getTextRangesByParagraphs(body, offset, startIndex - 1));
@@ -4627,9 +4582,8 @@ function getRangesWithTables(body, startOffset, endOffset) {
 	return ranges;
 }
 function getTextRangesByParagraphs(body, startOffset, endOffset) {
-	var _body$paragraphs;
 	if (startOffset > endOffset) return [];
-	const paragraphs = [...(_body$paragraphs = body.paragraphs) !== null && _body$paragraphs !== void 0 ? _body$paragraphs : []].sort((left, right) => left.startIndex - right.startIndex);
+	const paragraphs = [...body.paragraphs ?? []].sort((left, right) => left.startIndex - right.startIndex);
 	const ranges = [];
 	let offset = startOffset;
 	for (const paragraph of paragraphs) {
@@ -4650,7 +4604,6 @@ function getTextRangesByParagraphs(body, startOffset, endOffset) {
 	return ranges;
 }
 function getSelectAllScopes(body, activeRange) {
-	var _body$tables2, _body$customBlocks, _body$blockRanges, _body$columnGroups2;
 	const scopes = [];
 	const addScope = (scope) => {
 		if ((scope === null || scope === void 0 ? void 0 : scope.length) && !scopes.some((existing) => isSameRanges(existing, scope))) scopes.push(scope);
@@ -4658,9 +4611,9 @@ function getSelectAllScopes(body, activeRange) {
 	const startOffset = activeRange.startOffset;
 	const endOffset = activeRange.endOffset;
 	if (startOffset == null || endOffset == null) return [getWholeDocumentRanges(body)];
-	const table = ((_body$tables2 = body.tables) !== null && _body$tables2 !== void 0 ? _body$tables2 : []).find((item) => isRangeInside(startOffset, endOffset, item.startIndex, item.endIndex));
-	const customBlock = ((_body$customBlocks = body.customBlocks) !== null && _body$customBlocks !== void 0 ? _body$customBlocks : []).find((item) => item.startIndex >= startOffset && item.startIndex <= endOffset);
-	const blockRange = ((_body$blockRanges = body.blockRanges) !== null && _body$blockRanges !== void 0 ? _body$blockRanges : []).find((item) => isRangeInside(startOffset, endOffset, item.startIndex, item.endIndex));
+	const table = (body.tables ?? []).find((item) => isRangeInside(startOffset, endOffset, item.startIndex, item.endIndex));
+	const customBlock = (body.customBlocks ?? []).find((item) => item.startIndex >= startOffset && item.startIndex <= endOffset);
+	const blockRange = (body.blockRanges ?? []).find((item) => isRangeInside(startOffset, endOffset, item.startIndex, item.endIndex));
 	if (table) addScope([getTableRectRange(table)]);
 	else if (customBlock) addScope([{
 		endOffset: customBlock.startIndex,
@@ -4673,14 +4626,13 @@ function getSelectAllScopes(body, activeRange) {
 		startOffset: blockRange.startIndex + 1
 	}]);
 	else {
-		var _body$tables3;
-		const paragraphRange = clampParagraphRangeByTables(getParagraphRangeAtOffset(body, startOffset), (_body$tables3 = body.tables) !== null && _body$tables3 !== void 0 ? _body$tables3 : [], startOffset);
+		const paragraphRange = clampParagraphRangeByTables(getParagraphRangeAtOffset(body, startOffset), body.tables ?? [], startOffset);
 		addScope(paragraphRange ? [{
 			...paragraphRange,
 			rangeType: DOC_RANGE_TYPE.TEXT
 		}] : null);
 	}
-	const columnGroup = ((_body$columnGroups2 = body.columnGroups) !== null && _body$columnGroups2 !== void 0 ? _body$columnGroups2 : []).find((item) => isRangeInside(startOffset, endOffset, item.startIndex, item.endIndex));
+	const columnGroup = (body.columnGroups ?? []).find((item) => isRangeInside(startOffset, endOffset, item.startIndex, item.endIndex));
 	if (columnGroup) {
 		const column = getColumnRanges(body, columnGroup).find((item) => isRangeInside(startOffset, endOffset, item.startOffset, item.endOffset));
 		if (column) addScope(getRangesForOffsets(body, column.startOffset, column.endOffset));
@@ -4721,12 +4673,10 @@ function getTableRectRange(table) {
 	};
 }
 function getParagraphRangeAtOffset(body, offset) {
-	var _body$paragraphs2;
-	const sortedParagraphs = [...(_body$paragraphs2 = body.paragraphs) !== null && _body$paragraphs2 !== void 0 ? _body$paragraphs2 : []].sort((left, right) => left.startIndex - right.startIndex);
+	const sortedParagraphs = [...body.paragraphs ?? []].sort((left, right) => left.startIndex - right.startIndex);
 	const paragraphStartOffsets = getParagraphContentStartOffsets(body);
 	for (const paragraph of sortedParagraphs) {
-		var _paragraphStartOffset;
-		const startOffset = (_paragraphStartOffset = paragraphStartOffsets.get(paragraph.startIndex)) !== null && _paragraphStartOffset !== void 0 ? _paragraphStartOffset : 0;
+		const startOffset = paragraphStartOffsets.get(paragraph.startIndex) ?? 0;
 		if (startOffset <= offset && offset <= paragraph.startIndex) return {
 			endOffset: paragraph.startIndex,
 			startOffset
@@ -4756,8 +4706,7 @@ function isSameTextRangeCoverage(currentRanges, nextRanges) {
 	return startOffset === targetRange.startOffset && endOffset === targetRange.endOffset && currentRanges.every((range) => range.startOffset >= targetRange.startOffset && range.endOffset <= targetRange.endOffset);
 }
 function getRangeType(range) {
-	var _range$rangeType;
-	return (_range$rangeType = range.rangeType) !== null && _range$rangeType !== void 0 ? _range$rangeType : DOC_RANGE_TYPE.TEXT;
+	return range.rangeType ?? DOC_RANGE_TYPE.TEXT;
 }
 
 //#endregion
@@ -4829,7 +4778,7 @@ const IMEInputCommand = {
 	id: "doc.command.ime-input",
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _renderManagerService, _docDataModel$getSelf, _body$customRanges, _body$customDecoratio;
+		var _renderManagerService, _docDataModel$getSelf;
 		const { unitId, newText, oldTextLen, isCompositionEnd, isCompositionStart } = params;
 		const commandService = accessor.get(ICommandService);
 		const renderManagerService = accessor.get(IRenderManagerService);
@@ -4862,9 +4811,9 @@ const IMEInputCommand = {
 		};
 		const defaultTextStyle = docMenuStyleService.getDefaultStyle();
 		const styleCache = docMenuStyleService.getStyleCache();
-		const curCustomRange = getCustomRangeAtPosition((_body$customRanges = body.customRanges) !== null && _body$customRanges !== void 0 ? _body$customRanges : [], startOffset + oldTextLen, SHEET_EDITOR_UNITS.includes(unitId));
+		const curCustomRange = getCustomRangeAtPosition(body.customRanges ?? [], startOffset + oldTextLen, SHEET_EDITOR_UNITS.includes(unitId));
 		const curTextRun = getTextRunAtPosition(body, isCompositionStart ? endOffset : startOffset + oldTextLen, defaultTextStyle, styleCache, SHEET_EDITOR_UNITS.includes(unitId));
-		const customDecorations = getCustomDecorationAtPosition((_body$customDecoratio = body.customDecorations) !== null && _body$customDecoratio !== void 0 ? _body$customDecoratio : [], startOffset + oldTextLen);
+		const customDecorations = getCustomDecorationAtPosition(body.customDecorations ?? [], startOffset + oldTextLen);
 		const textX = new TextX();
 		const jsonX = JSONX.getInstance();
 		if (!previousActiveRange.collapsed && isCompositionStart) {
@@ -4920,7 +4869,7 @@ const IMEInputCommand = {
 function handleInlineFormat(preCommandId, params, commandService) {
 	return commandService.executeCommand(SetInlineFormatCommand.id, {
 		preCommandId,
-		...params !== null && params !== void 0 ? params : {}
+		...params ?? {}
 	});
 }
 const SetInlineFormatBoldCommandId = "doc.command.set-inline-format-bold";
@@ -5058,15 +5007,15 @@ const SetInlineFormatCommand = {
 	id: "doc.command.set-inline-format",
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _docSelectionManagerS, _docRanges$find, _docDataModel$getSelf;
+		var _docDataModel$getSelf;
 		const { value, preCommandId } = params;
 		const commandService = accessor.get(ICommandService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const docMenuStyleService = accessor.get(DocMenuStyleService);
-		const textRanges = (_docSelectionManagerS = docSelectionManagerService.getTextRanges()) !== null && _docSelectionManagerS !== void 0 ? _docSelectionManagerS : [];
+		const textRanges = docSelectionManagerService.getTextRanges() ?? [];
 		const docRanges = textRanges.length > 0 ? textRanges.filter((range) => range.startOffset != null && range.endOffset != null) : docSelectionManagerService.getDocRanges();
-		const activeRange = (_docRanges$find = docRanges.find((r) => r.isActive)) !== null && _docRanges$find !== void 0 ? _docRanges$find : docRanges[0];
+		const activeRange = docRanges.find((r) => r.isActive) ?? docRanges[0];
 		if (docRanges.length === 0) return false;
 		const { segmentId } = docRanges[0];
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
@@ -5115,7 +5064,6 @@ const SetInlineFormatCommand = {
 		const memoryCursor = new MemoryCursor();
 		memoryCursor.reset();
 		for (const range of docRanges) {
-			var _formatPatch;
 			let { startOffset, endOffset, rangeType } = range;
 			if (startOffset == null || endOffset == null) continue;
 			if (rangeType === DOC_RANGE_TYPE.RECT) startOffset = startOffset - 1;
@@ -5131,7 +5079,7 @@ const SetInlineFormatCommand = {
 				textRuns: [{
 					st: 0,
 					ed: endOffset - startOffset,
-					ts: (_formatPatch = formatPatch) !== null && _formatPatch !== void 0 ? _formatPatch : { [COMMAND_ID_TO_FORMAT_KEY_MAP[preCommandId]]: formatValue }
+					ts: formatPatch ?? { [COMMAND_ID_TO_FORMAT_KEY_MAP[preCommandId]]: formatValue }
 				}]
 			};
 			const len = startOffset - memoryCursor.cursor;
@@ -5166,11 +5114,10 @@ function getReverseFormatValue(ts, key, preCommandId) {
 	else return (ts === null || ts === void 0 ? void 0 : ts[key]) === BaselineOffset.SUPERSCRIPT ? BaselineOffset.NORMAL : BaselineOffset.SUPERSCRIPT;
 }
 function getStyleInTextRange(body, textRange, defaultStyle) {
-	var _textRuns$find$ts$ff, _textRuns$find, _textRuns$0$ts, _textRuns$0$ts2, _textRuns$find$ts$bg, _textRuns$find2, _textRuns$find$ts$cl, _textRuns$find3, _textRuns$find$ts$tex, _textRuns$find4;
+	var _textRuns$find, _textRuns$0$ts, _textRuns$0$ts2, _textRuns$find2, _textRuns$find3, _textRuns$find4;
 	const { startOffset, endOffset, collapsed } = textRange;
 	if (collapsed) {
-		var _body$textRuns;
-		const textRuns = (_body$textRuns = body.textRuns) !== null && _body$textRuns !== void 0 ? _body$textRuns : [];
+		const textRuns = body.textRuns ?? [];
 		let textRun = null;
 		for (let i = textRuns.length - 1; i >= 0; i--) {
 			const curTextRun = textRuns[i];
@@ -5192,10 +5139,10 @@ function getStyleInTextRange(body, textRange, defaultStyle) {
 	}).filter(Boolean);
 	style.fs = style.fs ? Math.max(style.fs, ...fsArr) : fsArr.length ? Math.max(...fsArr) : void 0;
 	style.fs = !style.fs || Number.isNaN(style.fs) ? void 0 : style.fs;
-	style.ff = (_textRuns$find$ts$ff = (_textRuns$find = textRuns.find((t) => {
+	style.ff = ((_textRuns$find = textRuns.find((t) => {
 		var _t$ts2;
 		return ((_t$ts2 = t.ts) === null || _t$ts2 === void 0 ? void 0 : _t$ts2.ff) != null;
-	})) === null || _textRuns$find === void 0 || (_textRuns$find = _textRuns$find.ts) === null || _textRuns$find === void 0 ? void 0 : _textRuns$find.ff) !== null && _textRuns$find$ts$ff !== void 0 ? _textRuns$find$ts$ff : style.ff;
+	})) === null || _textRuns$find === void 0 || (_textRuns$find = _textRuns$find.ts) === null || _textRuns$find === void 0 ? void 0 : _textRuns$find.ff) ?? style.ff;
 	style.it = textRuns.length && textRuns.every((t) => {
 		var _t$ts3;
 		return ((_t$ts3 = t.ts) === null || _t$ts3 === void 0 ? void 0 : _t$ts3.it) === BooleanNumber.TRUE;
@@ -5212,18 +5159,18 @@ function getStyleInTextRange(body, textRange, defaultStyle) {
 		var _t$ts6;
 		return ((_t$ts6 = t.ts) === null || _t$ts6 === void 0 || (_t$ts6 = _t$ts6.st) === null || _t$ts6 === void 0 ? void 0 : _t$ts6.s) === BooleanNumber.TRUE;
 	}) ? (_textRuns$0$ts2 = textRuns[0].ts) === null || _textRuns$0$ts2 === void 0 ? void 0 : _textRuns$0$ts2.st : style.st;
-	style.bg = (_textRuns$find$ts$bg = (_textRuns$find2 = textRuns.find((t) => {
+	style.bg = ((_textRuns$find2 = textRuns.find((t) => {
 		var _t$ts7;
 		return ((_t$ts7 = t.ts) === null || _t$ts7 === void 0 ? void 0 : _t$ts7.bg) != null;
-	})) === null || _textRuns$find2 === void 0 || (_textRuns$find2 = _textRuns$find2.ts) === null || _textRuns$find2 === void 0 ? void 0 : _textRuns$find2.bg) !== null && _textRuns$find$ts$bg !== void 0 ? _textRuns$find$ts$bg : style.bg;
-	style.cl = (_textRuns$find$ts$cl = (_textRuns$find3 = textRuns.find((t) => {
+	})) === null || _textRuns$find2 === void 0 || (_textRuns$find2 = _textRuns$find2.ts) === null || _textRuns$find2 === void 0 ? void 0 : _textRuns$find2.bg) ?? style.bg;
+	style.cl = ((_textRuns$find3 = textRuns.find((t) => {
 		var _t$ts8;
 		return ((_t$ts8 = t.ts) === null || _t$ts8 === void 0 ? void 0 : _t$ts8.cl) != null;
-	})) === null || _textRuns$find3 === void 0 || (_textRuns$find3 = _textRuns$find3.ts) === null || _textRuns$find3 === void 0 ? void 0 : _textRuns$find3.cl) !== null && _textRuns$find$ts$cl !== void 0 ? _textRuns$find$ts$cl : style.cl;
-	style.textFill = (_textRuns$find$ts$tex = (_textRuns$find4 = textRuns.find((t) => {
+	})) === null || _textRuns$find3 === void 0 || (_textRuns$find3 = _textRuns$find3.ts) === null || _textRuns$find3 === void 0 ? void 0 : _textRuns$find3.cl) ?? style.cl;
+	style.textFill = ((_textRuns$find4 = textRuns.find((t) => {
 		var _t$ts9;
 		return ((_t$ts9 = t.ts) === null || _t$ts9 === void 0 ? void 0 : _t$ts9.textFill) != null;
-	})) === null || _textRuns$find4 === void 0 || (_textRuns$find4 = _textRuns$find4.ts) === null || _textRuns$find4 === void 0 ? void 0 : _textRuns$find4.textFill) !== null && _textRuns$find$ts$tex !== void 0 ? _textRuns$find$ts$tex : style.textFill;
+	})) === null || _textRuns$find4 === void 0 || (_textRuns$find4 = _textRuns$find4.ts) === null || _textRuns$find4 === void 0 ? void 0 : _textRuns$find4.textFill) ?? style.textFill;
 	const vas = textRuns.filter((t) => {
 		var _t$ts10;
 		return (t === null || t === void 0 || (_t$ts10 = t.ts) === null || _t$ts10 === void 0 ? void 0 : _t$ts10.va) != null;
@@ -5388,7 +5335,6 @@ const ReplaceSelectionCommand = {
 	id: "doc.command.replace-selection",
 	type: CommandType.COMMAND,
 	handler(accessor, params) {
-		var _params$selection;
 		if (!params) return false;
 		const commandService = accessor.get(ICommandService);
 		const { unitId, body: insertBody, textRanges } = params;
@@ -5396,7 +5342,7 @@ const ReplaceSelectionCommand = {
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		if (!docDataModel) return false;
 		const body = docDataModel.getBody();
-		const selection = (_params$selection = params.selection) !== null && _params$selection !== void 0 ? _params$selection : docSelectionManagerService.getActiveTextRange();
+		const selection = params.selection ?? docSelectionManagerService.getActiveTextRange();
 		if (!selection || !body) return false;
 		const doMutation = {
 			id: RichTextEditingMutation.id,
@@ -5490,18 +5436,18 @@ const ListOperationCommand = {
 	id: "doc.command.list-operation",
 	type: CommandType.COMMAND,
 	handler: (accessor, params) => {
-		var _ref, _params$docRange, _segment$getBody$para, _segment$getBody, _segment$getBody$data, _segment$getBody2;
+		var _segment$getBody, _segment$getBody2;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
 		const listType = params.listType;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
-		const docRanges = (_ref = (_params$docRange = params.docRange) !== null && _params$docRange !== void 0 ? _params$docRange : docSelectionManagerService.getDocRanges()) !== null && _ref !== void 0 ? _ref : [];
+		const docRanges = params.docRange ?? docSelectionManagerService.getDocRanges() ?? [];
 		if (docDataModel == null || docRanges.length === 0) return false;
 		const segmentId = docRanges[0].segmentId;
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-		const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+		const paragraphs = (segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) ?? [];
+		const dataStream = (segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) ?? "";
 		if (!paragraphs.length) return false;
 		const currentParagraphs = BuildTextUtils.range.getParagraphsInRanges(docRanges, paragraphs, dataStream);
 		const unitId = docDataModel.getUnitId();
@@ -5532,18 +5478,18 @@ const ChangeListTypeCommand = {
 	id: "doc.command.change-list-type",
 	type: CommandType.COMMAND,
 	handler: (accessor, params) => {
-		var _params$docRange2, _segment$getBody$para2, _segment$getBody3, _segment$getBody$data2, _segment$getBody4;
+		var _segment$getBody3, _segment$getBody4;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
 		const { listType } = params;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
-		const activeRanges = (_params$docRange2 = params.docRange) !== null && _params$docRange2 !== void 0 ? _params$docRange2 : docSelectionManagerService.getDocRanges();
+		const activeRanges = params.docRange ?? docSelectionManagerService.getDocRanges();
 		if (docDataModel == null || activeRanges == null || !activeRanges.length) return false;
 		const { segmentId } = activeRanges[0];
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para2 = segment === null || segment === void 0 || (_segment$getBody3 = segment.getBody()) === null || _segment$getBody3 === void 0 ? void 0 : _segment$getBody3.paragraphs) !== null && _segment$getBody$para2 !== void 0 ? _segment$getBody$para2 : [];
-		const dataStream = (_segment$getBody$data2 = segment === null || segment === void 0 || (_segment$getBody4 = segment.getBody()) === null || _segment$getBody4 === void 0 ? void 0 : _segment$getBody4.dataStream) !== null && _segment$getBody$data2 !== void 0 ? _segment$getBody$data2 : "";
+		const paragraphs = (segment === null || segment === void 0 || (_segment$getBody3 = segment.getBody()) === null || _segment$getBody3 === void 0 ? void 0 : _segment$getBody3.paragraphs) ?? [];
+		const dataStream = (segment === null || segment === void 0 || (_segment$getBody4 = segment.getBody()) === null || _segment$getBody4 === void 0 ? void 0 : _segment$getBody4.dataStream) ?? "";
 		if (!paragraphs.length) return false;
 		const currentParagraphs = BuildTextUtils.range.getParagraphsInRanges(activeRanges, paragraphs, dataStream);
 		const unitId = docDataModel.getUnitId();
@@ -5579,7 +5525,7 @@ const ChangeListNestingLevelCommand = {
 	id: "doc.command.change-list-nesting-level",
 	type: CommandType.COMMAND,
 	handler: (accessor, params) => {
-		var _docSelectionManagerS, _segment$getBody$para3, _segment$getBody5, _segment$getBody$data3, _segment$getBody6;
+		var _segment$getBody5, _segment$getBody6;
 		if (!params) return false;
 		const { type } = params;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
@@ -5589,10 +5535,10 @@ const ChangeListNestingLevelCommand = {
 		const activeRange = docSelectionManagerService.getActiveTextRange();
 		if (docDataModel == null || activeRange == null) return false;
 		const { segmentId } = activeRange;
-		const selections = (_docSelectionManagerS = docSelectionManagerService.getDocRanges()) !== null && _docSelectionManagerS !== void 0 ? _docSelectionManagerS : [];
+		const selections = docSelectionManagerService.getDocRanges() ?? [];
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para3 = segment === null || segment === void 0 || (_segment$getBody5 = segment.getBody()) === null || _segment$getBody5 === void 0 ? void 0 : _segment$getBody5.paragraphs) !== null && _segment$getBody$para3 !== void 0 ? _segment$getBody$para3 : [];
-		const dataStream = (_segment$getBody$data3 = segment === null || segment === void 0 || (_segment$getBody6 = segment.getBody()) === null || _segment$getBody6 === void 0 ? void 0 : _segment$getBody6.dataStream) !== null && _segment$getBody$data3 !== void 0 ? _segment$getBody$data3 : "";
+		const paragraphs = (segment === null || segment === void 0 || (_segment$getBody5 = segment.getBody()) === null || _segment$getBody5 === void 0 ? void 0 : _segment$getBody5.paragraphs) ?? [];
+		const dataStream = (segment === null || segment === void 0 || (_segment$getBody6 = segment.getBody()) === null || _segment$getBody6 === void 0 ? void 0 : _segment$getBody6.dataStream) ?? "";
 		if (!paragraphs.length) return false;
 		const currentParagraphs = BuildTextUtils.range.getParagraphsInRange(activeRange, paragraphs, dataStream);
 		const unitId = docDataModel.getUnitId();
@@ -5666,7 +5612,7 @@ const ToggleCheckListCommand = {
 			params: {
 				unitId,
 				actions: [],
-				textRanges: textRanges !== null && textRanges !== void 0 ? textRanges : [],
+				textRanges: textRanges ?? [],
 				segmentId,
 				isEditing: false
 			}
@@ -5703,7 +5649,7 @@ const QuickListCommand = {
 	id: "doc.command.quick-list",
 	type: CommandType.COMMAND,
 	handler(accessor, params) {
-		var _docDataModel$getBody, _docDataModel$getBody2, _paragraph$bullet;
+		var _docDataModel$getBody;
 		if (!params) return false;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
@@ -5719,7 +5665,7 @@ const QuickListCommand = {
 		const { paragraphStyle = {} } = paragraph;
 		const bulletParagraphTextStyle = (PRESET_LIST_TYPE[listType].nestingLevel[0].paragraphProperties || {}).textStyle;
 		let listId = generateRandomId(6);
-		const paragraphs = (_docDataModel$getBody = (_docDataModel$getBody2 = docDataModel.getBody()) === null || _docDataModel$getBody2 === void 0 ? void 0 : _docDataModel$getBody2.paragraphs) !== null && _docDataModel$getBody !== void 0 ? _docDataModel$getBody : [];
+		const paragraphs = ((_docDataModel$getBody = docDataModel.getBody()) === null || _docDataModel$getBody === void 0 ? void 0 : _docDataModel$getBody.paragraphs) ?? [];
 		const curIndex = paragraphs.findIndex((i) => i.startIndex === paragraph.startIndex);
 		const prevParagraph = paragraphs[curIndex - 1];
 		const nextParagraph = paragraphs[curIndex + 1];
@@ -5767,7 +5713,7 @@ const QuickListCommand = {
 						indentFirstLine: void 0
 					},
 					bullet: {
-						...(_paragraph$bullet = paragraph.bullet) !== null && _paragraph$bullet !== void 0 ? _paragraph$bullet : {
+						...paragraph.bullet ?? {
 							nestingLevel: 0,
 							textStyle: { fs: 20 }
 						},
@@ -5784,7 +5730,6 @@ const QuickListCommand = {
 	}
 };
 function insertList(accessor, listType, trigger) {
-	var _contentInsertRange$s, _contentInsertRange$e, _sourceParagraph$para;
 	const commandService = accessor.get(ICommandService);
 	const docDataModel = accessor.get(IUniverInstanceService).getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 	if (!docDataModel) return false;
@@ -5797,13 +5742,13 @@ function insertList(accessor, listType, trigger) {
 	const paragraph = contentInsertRange ? null : getCurrentParagraph(accessor);
 	if (!contentInsertRange && !paragraph) return false;
 	const sourceParagraph = paragraph || void 0;
-	const insertOffset = (_contentInsertRange$s = contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.startOffset) !== null && _contentInsertRange$s !== void 0 ? _contentInsertRange$s : sourceParagraph.startIndex + 1;
+	const insertOffset = (contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.startOffset) ?? sourceParagraph.startIndex + 1;
 	const sourceBullet = sourceParagraph === null || sourceParagraph === void 0 ? void 0 : sourceParagraph.bullet;
 	const textX = BuildTextUtils.selection.replace({
 		doc: docDataModel,
 		selection: {
 			startOffset: insertOffset,
-			endOffset: (_contentInsertRange$e = contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.endOffset) !== null && _contentInsertRange$e !== void 0 ? _contentInsertRange$e : insertOffset,
+			endOffset: (contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.endOffset) ?? insertOffset,
 			collapsed: true
 		},
 		body: {
@@ -5811,7 +5756,7 @@ function insertList(accessor, listType, trigger) {
 			paragraphs: [{
 				startIndex: 0,
 				paragraphId: createParagraphId(/* @__PURE__ */ new Set()),
-				paragraphStyle: { ...(_sourceParagraph$para = sourceParagraph === null || sourceParagraph === void 0 ? void 0 : sourceParagraph.paragraphStyle) !== null && _sourceParagraph$para !== void 0 ? _sourceParagraph$para : {} },
+				paragraphStyle: { ...(sourceParagraph === null || sourceParagraph === void 0 ? void 0 : sourceParagraph.paragraphStyle) ?? {} },
 				bullet: {
 					listType,
 					listId: (sourceBullet === null || sourceBullet === void 0 ? void 0 : sourceBullet.listType) === listType ? sourceBullet.listId : generateRandomId(6),
@@ -5869,7 +5814,7 @@ const AlignOperationCommand = {
 	id: "doc.command.align-action",
 	type: CommandType.COMMAND,
 	handler: (accessor, params) => {
-		var _segment$getBody$para, _segment$getBody, _segment$getBody$data, _segment$getBody2;
+		var _segment$getBody, _segment$getBody2;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
@@ -5880,8 +5825,8 @@ const AlignOperationCommand = {
 		if (allRanges.length === 0) return false;
 		const segmentId = allRanges[0].segmentId;
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-		const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+		const paragraphs = (segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) ?? [];
+		const dataStream = (segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) ?? "";
 		if (paragraphs == null) return false;
 		const currentParagraphs = BuildTextUtils.range.getParagraphsInRanges(allRanges, paragraphs, dataStream);
 		const unitId = docDataModel.getUnitId();
@@ -6021,7 +5966,6 @@ const SetParagraphNamedStyleCommand = {
 	id: "doc.command.set-paragraph-named-style",
 	type: CommandType.COMMAND,
 	handler(accessor, params) {
-		var _params$textRanges;
 		if (!params) return false;
 		const doc = accessor.get(IUniverInstanceService).getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (!doc) return false;
@@ -6029,7 +5973,7 @@ const SetParagraphNamedStyleCommand = {
 		const selectionService = accessor.get(DocSelectionManagerService);
 		const contentInsertRange = params.textRanges ? null : consumeContentInsertRange(accessor, unitId);
 		if (contentInsertRange) return insertNamedStyleParagraph(accessor, doc, params.value, contentInsertRange.startOffset, contentInsertRange.endOffset, contentInsertRange.segmentId);
-		const selections = (_params$textRanges = params.textRanges) !== null && _params$textRanges !== void 0 ? _params$textRanges : selectionService.getTextRanges({
+		const selections = params.textRanges ?? selectionService.getTextRanges({
 			unitId,
 			subUnitId: unitId
 		});
@@ -6110,7 +6054,7 @@ const QuickHeadingCommand = {
 	id: "doc.command.quick-heading",
 	type: CommandType.COMMAND,
 	handler(accessor, params) {
-		var _segment$getBody$para, _segment$getBody, _segment$getBody$data, _segment$getBody2;
+		var _segment$getBody, _segment$getBody2;
 		if (!params) return false;
 		const { value } = params;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
@@ -6121,8 +6065,8 @@ const QuickHeadingCommand = {
 		if (docDataModel == null || activeRange == null || !activeRange.collapsed) return false;
 		const { segmentId, startOffset } = activeRange;
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
-		const paragraphs = (_segment$getBody$para = segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) !== null && _segment$getBody$para !== void 0 ? _segment$getBody$para : [];
-		const dataStream = (_segment$getBody$data = segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) !== null && _segment$getBody$data !== void 0 ? _segment$getBody$data : "";
+		const paragraphs = (segment === null || segment === void 0 || (_segment$getBody = segment.getBody()) === null || _segment$getBody === void 0 ? void 0 : _segment$getBody.paragraphs) ?? [];
+		const dataStream = (segment === null || segment === void 0 || (_segment$getBody2 = segment.getBody()) === null || _segment$getBody2 === void 0 ? void 0 : _segment$getBody2.dataStream) ?? "";
 		const paragraph = BuildTextUtils.paragraph.util.getParagraphsInRange(activeRange, paragraphs, dataStream)[0];
 		if (!paragraph) return false;
 		const { paragraphStart } = paragraph;
@@ -6462,7 +6406,7 @@ var NodePositionConvertToCursor = class {
 			const isStartBack = start.glyph === start_sp && isFirst ? start.isBack : true;
 			const isEndBack = end.glyph === end_sp && isLast ? end.isBack : false;
 			const collapsed = start === end;
-			const rawAnchorGlyph = isStartBack ? preGlyph !== null && preGlyph !== void 0 ? preGlyph : firstGlyph : firstGlyph;
+			const rawAnchorGlyph = isStartBack ? preGlyph ?? firstGlyph : firstGlyph;
 			const anchorGlyph = this._getCaretGlyph(rawAnchorGlyph, glyphGroup, start_sp);
 			const selectedGlyphs = glyphGroup.slice(start_sp, end_sp + 1);
 			const isSelectionOnlyNonInlineDrawing = !collapsed && selectedGlyphs.length > 0 && selectedGlyphs.every((glyph) => this._isNonInlineDrawingGlyph(glyph));
@@ -6513,10 +6457,8 @@ var NodePositionConvertToCursor = class {
 		};
 	}
 	_getCaretGlyph(glyph, glyphGroup, glyphIndex) {
-		var _this$_findTextLikeGl;
 		if (!glyph || !this._isNonInlineDrawingGlyph(glyph)) return glyph;
-		const neighbor = (_this$_findTextLikeGl = this._findTextLikeGlyph(glyphGroup, glyphIndex - 1, -1)) !== null && _this$_findTextLikeGl !== void 0 ? _this$_findTextLikeGl : this._findTextLikeGlyph(glyphGroup, glyphIndex + 1, 1);
-		return neighbor !== null && neighbor !== void 0 ? neighbor : {
+		return this._findTextLikeGlyph(glyphGroup, glyphIndex - 1, -1) ?? this._findTextLikeGlyph(glyphGroup, glyphIndex + 1, 1) ?? {
 			...glyph,
 			bBox: getDefaultCaretBoundingBox(glyph)
 		};
@@ -6686,8 +6628,7 @@ var NodePositionConvertToCursor = class {
 						this._liquid.translatePagePadding(tablePage);
 					}
 					if (hasHorizontalViewport) {
-						var _viewport$leadingInse;
-						const visibleLeft = this._liquid.x + tableLeft - ((_viewport$leadingInse = viewport.leadingInsetLeft) !== null && _viewport$leadingInse !== void 0 ? _viewport$leadingInse : 0);
+						const visibleLeft = this._liquid.x + tableLeft - (viewport.leadingInsetLeft ?? 0);
 						this._horizontalClip = {
 							left: visibleLeft,
 							right: visibleLeft + viewport.viewportWidth
@@ -6705,11 +6646,13 @@ var NodePositionConvertToCursor = class {
 				const section = sections[s];
 				const columns = section.columns;
 				const { start_next: start_c, end_next: end_c } = this._getSelectionRuler(NodePositionMap.section, startPosition, endPosition, columns.length - 1, s);
+				this._liquid.translateSave();
 				this._liquid.translateSection(section);
 				for (let c = start_c; c <= end_c; c++) {
 					const column = columns[c];
 					const lines = column.lines;
 					const { start_next: start_l, end_next: end_l } = this._getSelectionRuler(NodePositionMap.column, startPosition, endPosition, lines.length - 1, c);
+					this._liquid.translateSave();
 					this._liquid.translateColumn(column);
 					for (let l = start_l; l <= end_l; l++) {
 						const line = lines[l];
@@ -6732,7 +6675,9 @@ var NodePositionConvertToCursor = class {
 						}
 						this._liquid.translateRestore();
 					}
+					this._liquid.translateRestore();
 				}
+				this._liquid.translateRestore();
 			}
 			this._liquid.translateRestore();
 			this._horizontalClip = previousHorizontalClip;
@@ -6741,8 +6686,7 @@ var NodePositionConvertToCursor = class {
 	}
 };
 function hasHorizontalTableViewport$2(viewport) {
-	var _viewport$leadingInse2, _viewport$trailingIns;
-	return viewport != null && ((_viewport$leadingInse2 = viewport.leadingInsetLeft) !== null && _viewport$leadingInse2 !== void 0 ? _viewport$leadingInse2 : 0) + viewport.contentWidth + ((_viewport$trailingIns = viewport.trailingInsetRight) !== null && _viewport$trailingIns !== void 0 ? _viewport$trailingIns : 0) > viewport.viewportWidth;
+	return viewport != null && (viewport.leadingInsetLeft ?? 0) + viewport.contentWidth + (viewport.trailingInsetRight ?? 0) > viewport.viewportWidth;
 }
 function clipPositionToHorizontalRange(position, clip) {
 	if (!clip) return position;
@@ -6787,14 +6731,14 @@ function getDefaultCaretBoundingBox(glyph) {
 	};
 }
 function getGlyphFontSize(glyph) {
-	var _ref, _glyph$fontStyle$orig, _glyph$fontStyle, _glyph$fontStyle2, _glyph$ts;
-	const fontSize = (_ref = (_glyph$fontStyle$orig = (_glyph$fontStyle = glyph.fontStyle) === null || _glyph$fontStyle === void 0 ? void 0 : _glyph$fontStyle.originFontSize) !== null && _glyph$fontStyle$orig !== void 0 ? _glyph$fontStyle$orig : (_glyph$fontStyle2 = glyph.fontStyle) === null || _glyph$fontStyle2 === void 0 ? void 0 : _glyph$fontStyle2.fontSize) !== null && _ref !== void 0 ? _ref : (_glyph$ts = glyph.ts) === null || _glyph$ts === void 0 ? void 0 : _glyph$ts.fs;
+	var _glyph$fontStyle, _glyph$fontStyle2, _glyph$ts;
+	const fontSize = ((_glyph$fontStyle = glyph.fontStyle) === null || _glyph$fontStyle === void 0 ? void 0 : _glyph$fontStyle.originFontSize) ?? ((_glyph$fontStyle2 = glyph.fontStyle) === null || _glyph$fontStyle2 === void 0 ? void 0 : _glyph$fontStyle2.fontSize) ?? ((_glyph$ts = glyph.ts) === null || _glyph$ts === void 0 ? void 0 : _glyph$ts.fs);
 	return typeof fontSize === "number" && Number.isFinite(fontSize) && fontSize > 0 ? fontSize : 14;
 }
 function getDocumentUnitId$1(docSkeleton) {
-	var _viewModel$getDataMod, _viewModel$getDataMod2, _viewModel$getDataMod3, _viewModel$getDataMod4;
+	var _viewModel$getDataMod, _viewModel$getDataMod2, _viewModel$getDataMod3;
 	const viewModel = docSkeleton.getViewModel();
-	return (_viewModel$getDataMod = (_viewModel$getDataMod2 = viewModel.getDataModel) === null || _viewModel$getDataMod2 === void 0 || (_viewModel$getDataMod4 = (_viewModel$getDataMod3 = _viewModel$getDataMod2.call(viewModel)).getUnitId) === null || _viewModel$getDataMod4 === void 0 ? void 0 : _viewModel$getDataMod4.call(_viewModel$getDataMod3)) !== null && _viewModel$getDataMod !== void 0 ? _viewModel$getDataMod : "";
+	return ((_viewModel$getDataMod = viewModel.getDataModel) === null || _viewModel$getDataMod === void 0 || (_viewModel$getDataMod3 = (_viewModel$getDataMod2 = _viewModel$getDataMod.call(viewModel)).getUnitId) === null || _viewModel$getDataMod3 === void 0 ? void 0 : _viewModel$getDataMod3.call(_viewModel$getDataMod2)) ?? "";
 }
 
 //#endregion
@@ -6884,8 +6828,8 @@ function getColumnBoundary(table, column) {
 	var _table$tableSource;
 	const columns = (_table$tableSource = table.tableSource) === null || _table$tableSource === void 0 ? void 0 : _table$tableSource.tableColumns;
 	if (columns && column >= 0 && column <= columns.length) return columns.slice(0, column).reduce((total, tableColumn) => {
-		var _tableColumn$size$wid, _tableColumn$size;
-		return total + ((_tableColumn$size$wid = (_tableColumn$size = tableColumn.size) === null || _tableColumn$size === void 0 || (_tableColumn$size = _tableColumn$size.width) === null || _tableColumn$size === void 0 ? void 0 : _tableColumn$size.v) !== null && _tableColumn$size$wid !== void 0 ? _tableColumn$size$wid : 0);
+		var _tableColumn$size;
+		return total + (((_tableColumn$size = tableColumn.size) === null || _tableColumn$size === void 0 || (_tableColumn$size = _tableColumn$size.width) === null || _tableColumn$size === void 0 ? void 0 : _tableColumn$size.v) ?? 0);
 	}, 0);
 	const row = table.rows[0];
 	const cell = row === null || row === void 0 ? void 0 : row.cells[column];
@@ -6895,15 +6839,14 @@ function getColumnBoundary(table, column) {
 	return null;
 }
 function getDocumentUnitId(docSkeleton) {
-	var _viewModel$getDataMod, _viewModel$getDataMod2, _viewModel$getDataMod3, _viewModel$getDataMod4;
+	var _viewModel$getDataMod, _viewModel$getDataMod2, _viewModel$getDataMod3;
 	const viewModel = docSkeleton.getViewModel();
-	return (_viewModel$getDataMod = (_viewModel$getDataMod2 = viewModel.getDataModel) === null || _viewModel$getDataMod2 === void 0 || (_viewModel$getDataMod4 = (_viewModel$getDataMod3 = _viewModel$getDataMod2.call(viewModel)).getUnitId) === null || _viewModel$getDataMod4 === void 0 ? void 0 : _viewModel$getDataMod4.call(_viewModel$getDataMod3)) !== null && _viewModel$getDataMod !== void 0 ? _viewModel$getDataMod : "";
+	return ((_viewModel$getDataMod = viewModel.getDataModel) === null || _viewModel$getDataMod === void 0 || (_viewModel$getDataMod3 = (_viewModel$getDataMod2 = _viewModel$getDataMod.call(viewModel)).getUnitId) === null || _viewModel$getDataMod3 === void 0 ? void 0 : _viewModel$getDataMod3.call(_viewModel$getDataMod2)) ?? "";
 }
 function pushViewportClippedPoints(pointGroup, position, viewport, tableLeft) {
-	var _viewport$leadingInse;
 	const scrollLeft = hasHorizontalTableViewport$1(viewport) ? viewport.scrollLeft : 0;
 	const viewportWidth = hasHorizontalTableViewport$1(viewport) ? viewport.viewportWidth : null;
-	const visibleLeft = tableLeft - ((_viewport$leadingInse = viewport === null || viewport === void 0 ? void 0 : viewport.leadingInsetLeft) !== null && _viewport$leadingInse !== void 0 ? _viewport$leadingInse : 0);
+	const visibleLeft = tableLeft - ((viewport === null || viewport === void 0 ? void 0 : viewport.leadingInsetLeft) ?? 0);
 	const startX = position.startX - scrollLeft;
 	const endX = position.endX - scrollLeft;
 	const clippedStartX = viewportWidth == null ? startX : Math.max(startX, visibleLeft);
@@ -6916,8 +6859,7 @@ function pushViewportClippedPoints(pointGroup, position, viewport, tableLeft) {
 	}));
 }
 function hasHorizontalTableViewport$1(viewport) {
-	var _viewport$leadingInse2, _viewport$trailingIns;
-	return viewport != null && ((_viewport$leadingInse2 = viewport.leadingInsetLeft) !== null && _viewport$leadingInse2 !== void 0 ? _viewport$leadingInse2 : 0) + viewport.contentWidth + ((_viewport$trailingIns = viewport.trailingInsetRight) !== null && _viewport$trailingIns !== void 0 ? _viewport$trailingIns : 0) > viewport.viewportWidth;
+	return viewport != null && (viewport.leadingInsetLeft ?? 0) + viewport.contentWidth + (viewport.trailingInsetRight ?? 0) > viewport.viewportWidth;
 }
 var NodePositionConvertToRectRange = class {
 	constructor(_documentOffsetConfig, _docSkeleton) {
@@ -6926,7 +6868,6 @@ var NodePositionConvertToRectRange = class {
 		_defineProperty(this, "_liquid", new Liquid());
 	}
 	getRangePointData(startNodePosition, endNodePosition) {
-		var _this$_documentOffset, _this$_documentOffset2;
 		const pointGroup = [];
 		const docSkeleton = this._docSkeleton;
 		const skeletonData = docSkeleton.getSkeletonData();
@@ -6941,8 +6882,8 @@ var NodePositionConvertToRectRange = class {
 		const unitId = getDocumentUnitId(docSkeleton);
 		const sourceTableId = getTableIdAndSliceIndex(tableId).tableId;
 		const nestedTableContexts = documentSkeletonTableIterator(pages, {
-			docsLeft: (_this$_documentOffset = this._documentOffsetConfig.docsLeft) !== null && _this$_documentOffset !== void 0 ? _this$_documentOffset : 0,
-			docsTop: (_this$_documentOffset2 = this._documentOffsetConfig.docsTop) !== null && _this$_documentOffset2 !== void 0 ? _this$_documentOffset2 : 0,
+			docsLeft: this._documentOffsetConfig.docsLeft ?? 0,
+			docsTop: this._documentOffsetConfig.docsTop ?? 0,
 			pageMarginTop,
 			skeFooters: skeletonData === null || skeletonData === void 0 ? void 0 : skeletonData.skeFooters,
 			skeHeaders: skeletonData === null || skeletonData === void 0 ? void 0 : skeletonData.skeHeaders,
@@ -6963,11 +6904,10 @@ var NodePositionConvertToRectRange = class {
 			if (table == null) {
 				const nestedTableContext = nestedTableContexts.find((context) => context.pageIndex === p && (context.source === "column" || context.source === "header" || context.source === "footer") && context.tableId.startsWith(tableId));
 				if (nestedTableContext) {
-					var _this$_documentOffset3, _this$_documentOffset4;
 					const nestedTable = nestedTableContext.table;
 					const viewport = getDocsTableRenderViewport(unitId, sourceTableId);
-					const nestedX = nestedTableContext.tableRect.left - nestedTable.left - ((_this$_documentOffset3 = this._documentOffsetConfig.docsLeft) !== null && _this$_documentOffset3 !== void 0 ? _this$_documentOffset3 : 0);
-					const nestedY = nestedTableContext.tableRect.top - ((_this$_documentOffset4 = this._documentOffsetConfig.docsTop) !== null && _this$_documentOffset4 !== void 0 ? _this$_documentOffset4 : 0);
+					const nestedX = nestedTableContext.tableRect.left - nestedTable.left - (this._documentOffsetConfig.docsLeft ?? 0);
+					const nestedY = nestedTableContext.tableRect.top - (this._documentOffsetConfig.docsTop ?? 0);
 					if (intersectsMergedCell) {
 						const rows = nestedTable.rows.filter((row) => row.index >= startRow && row.index <= endRow);
 						const firstRow = rows[0];
@@ -7133,9 +7073,8 @@ function expandRangeByMergedCells(table, range) {
 		changed = false;
 		table.tableRows.forEach((row, rowIndex) => {
 			row.tableCells.forEach((cell, columnIndex) => {
-				var _cell$rowSpan, _cell$columnSpan;
-				const rowSpan = (_cell$rowSpan = cell.rowSpan) !== null && _cell$rowSpan !== void 0 ? _cell$rowSpan : 1;
-				const columnSpan = (_cell$columnSpan = cell.columnSpan) !== null && _cell$columnSpan !== void 0 ? _cell$columnSpan : 1;
+				const rowSpan = cell.rowSpan ?? 1;
+				const columnSpan = cell.columnSpan ?? 1;
 				if (rowSpan <= 0 || columnSpan <= 0 || rowSpan === 1 && columnSpan === 1) return;
 				const mergedRange = {
 					startRowIndex: rowIndex,
@@ -7163,9 +7102,8 @@ function rangeIntersectsMergedCell(table, range) {
 	if (!table) return false;
 	const normalized = normalizeRange(range);
 	return table.tableRows.some((row, rowIndex) => row.tableCells.some((cell, columnIndex) => {
-		var _cell$rowSpan2, _cell$columnSpan2;
-		const rowSpan = (_cell$rowSpan2 = cell.rowSpan) !== null && _cell$rowSpan2 !== void 0 ? _cell$rowSpan2 : 1;
-		const columnSpan = (_cell$columnSpan2 = cell.columnSpan) !== null && _cell$columnSpan2 !== void 0 ? _cell$columnSpan2 : 1;
+		const rowSpan = cell.rowSpan ?? 1;
+		const columnSpan = cell.columnSpan ?? 1;
 		if (rowSpan <= 0 || columnSpan <= 0 || rowSpan === 1 && columnSpan === 1) return false;
 		return rangesIntersect(normalized, {
 			startRowIndex: rowIndex,
@@ -7295,16 +7233,16 @@ var TextRange = class {
 		}, 1e3);
 	}
 	get startOffset() {
-		var _getOneTextSelectionR, _this$_docSkeleton$ge;
-		const { startOffset } = (_getOneTextSelectionR = getOneTextSelectionRange(this._cursorList)) !== null && _getOneTextSelectionR !== void 0 ? _getOneTextSelectionR : {};
+		var _this$_docSkeleton$ge;
+		const { startOffset } = getOneTextSelectionRange(this._cursorList) ?? {};
 		const body = (_this$_docSkeleton$ge = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId)) === null || _this$_docSkeleton$ge === void 0 ? void 0 : _this$_docSkeleton$ge.getBody();
 		if (startOffset == null || body == null) return startOffset;
 		const maxLength = body.dataStream.length - 2;
 		return Math.min(maxLength, startOffset);
 	}
 	get endOffset() {
-		var _getOneTextSelectionR2, _this$_docSkeleton$ge2;
-		const { endOffset } = (_getOneTextSelectionR2 = getOneTextSelectionRange(this._cursorList)) !== null && _getOneTextSelectionR2 !== void 0 ? _getOneTextSelectionR2 : {};
+		var _this$_docSkeleton$ge2;
+		const { endOffset } = getOneTextSelectionRange(this._cursorList) ?? {};
 		const body = (_this$_docSkeleton$ge2 = this._docSkeleton.getViewModel().getDataModel().getSelfOrHeaderFooterModel(this._segmentId)) === null || _this$_docSkeleton$ge2 === void 0 ? void 0 : _this$_docSkeleton$ge2.getBody();
 		if (endOffset == null || body == null) return endOffset;
 		const maxLength = body.dataStream.length - 2;
@@ -7511,7 +7449,7 @@ function convertPositionsToRectRanges(scene, document, docSkeleton, anchorNodePo
 	const nodePositionGroup = new NodePositionConvertToRectRange(document.getOffsetConfig(), docSkeleton).getNodePositionGroup(anchorNodePosition, focusNodePosition);
 	const ranges = [];
 	try {
-		for (const position of nodePositionGroup !== null && nodePositionGroup !== void 0 ? nodePositionGroup : []) ranges.push(new RectRange(scene, document, docSkeleton, position.anchor, position.focus, style, segmentId, segmentPage));
+		for (const position of nodePositionGroup ?? []) ranges.push(new RectRange(scene, document, docSkeleton, position.anchor, position.focus, style, segmentId, segmentPage));
 		return ranges;
 	} catch (error) {
 		ranges.forEach((range) => range.dispose());
@@ -7691,11 +7629,11 @@ function getDescendantTables(node) {
 	return node.children.flatMap(getDescendantTables);
 }
 function isInSameColumnPage(anchorPosition, focusPosition) {
-	var _anchorPosition$path$, _anchorPosition$path, _focusPosition$path$i, _focusPosition$path;
+	var _anchorPosition$path, _focusPosition$path;
 	const anchorColumnInfo = getDocumentSkeletonColumnPagePathInfo(anchorPosition);
 	const focusColumnInfo = getDocumentSkeletonColumnPagePathInfo(focusPosition);
-	const anchorPageIndex = (_anchorPosition$path$ = (_anchorPosition$path = anchorPosition.path) === null || _anchorPosition$path === void 0 ? void 0 : _anchorPosition$path.indexOf("page")) !== null && _anchorPosition$path$ !== void 0 ? _anchorPosition$path$ : -1;
-	const focusPageIndex = (_focusPosition$path$i = (_focusPosition$path = focusPosition.path) === null || _focusPosition$path === void 0 ? void 0 : _focusPosition$path.indexOf("page")) !== null && _focusPosition$path$i !== void 0 ? _focusPosition$path$i : -1;
+	const anchorPageIndex = ((_anchorPosition$path = anchorPosition.path) === null || _anchorPosition$path === void 0 ? void 0 : _anchorPosition$path.indexOf("page")) ?? -1;
+	const focusPageIndex = ((_focusPosition$path = focusPosition.path) === null || _focusPosition$path === void 0 ? void 0 : _focusPosition$path.indexOf("page")) ?? -1;
 	return anchorPageIndex >= 0 && focusPageIndex >= 0 && anchorPageIndex === anchorPosition.path.length - 1 && focusPageIndex === focusPosition.path.length - 1 && !!anchorColumnInfo && !!focusColumnInfo && anchorColumnInfo.pageIndex === focusColumnInfo.pageIndex && anchorColumnInfo.columnGroupId === focusColumnInfo.columnGroupId && anchorColumnInfo.columnIndex === focusColumnInfo.columnIndex;
 }
 function getColumnInputBoundaryCollapsedPosition(anchorPosition, focusPosition, skeleton) {
@@ -7783,14 +7721,8 @@ function getRangeListFromSelection(anchorPosition, focusPosition, scene, documen
 	const startOffset = Math.min(anchorOffset, focusOffset);
 	const endOffset = Math.max(anchorOffset, focusOffset);
 	const originRange = compareNodePosition(anchorPosition, focusPosition);
-	const findStartNodePositionByCharIndex = (charIndex, isBack = true) => {
-		var _skeleton$findNodePos;
-		return (_skeleton$findNodePos = skeleton.findNodePositionByCharIndex(charIndex, isBack, segmentId, segmentPage)) !== null && _skeleton$findNodePos !== void 0 ? _skeleton$findNodePos : charIndex === startOffset ? originRange.start : void 0;
-	};
-	const findEndNodePositionByCharIndex = (charIndex, isBack = true) => {
-		var _skeleton$findNodePos2;
-		return (_skeleton$findNodePos2 = skeleton.findNodePositionByCharIndex(charIndex, isBack, segmentId, segmentPage)) !== null && _skeleton$findNodePos2 !== void 0 ? _skeleton$findNodePos2 : charIndex === endOffset ? originRange.end : void 0;
-	};
+	const findStartNodePositionByCharIndex = (charIndex, isBack = true) => skeleton.findNodePositionByCharIndex(charIndex, isBack, segmentId, segmentPage) ?? (charIndex === startOffset ? originRange.start : void 0);
+	const findEndNodePositionByCharIndex = (charIndex, isBack = true) => skeleton.findNodePositionByCharIndex(charIndex, isBack, segmentId, segmentPage) ?? (charIndex === endOffset ? originRange.end : void 0);
 	const appendTextRange = (rangeStart, rangeEnd, endIsBack = true) => {
 		if (rangeStart > rangeEnd) return true;
 		const sp = findStartNodePositionByCharIndex(rangeStart, true);
@@ -8054,9 +7986,8 @@ function getNextWordBoundaryOffset(content, nodeIndex, paragraphStartOffset, dir
 		return paragraphStartOffset;
 	}
 	if (direction === Direction.RIGHT) {
-		var _target$end;
 		const target = ranges.find((range) => range.end > nodeIndex);
-		return paragraphStartOffset + ((_target$end = target === null || target === void 0 ? void 0 : target.end) !== null && _target$end !== void 0 ? _target$end : content.length);
+		return paragraphStartOffset + ((target === null || target === void 0 ? void 0 : target.end) ?? content.length);
 	}
 	return null;
 }
@@ -8188,9 +8119,8 @@ let DocSelectionRenderService = class DocSelectionRenderService extends RxDispos
 			this._addRectRanges(rectRanges);
 		};
 		for (const range of ranges) {
-			var _range$style;
 			const { startOffset, endOffset, rangeType, startNodePosition, endNodePosition } = range;
-			const rangeStyle = (_range$style = range.style) !== null && _range$style !== void 0 ? _range$style : style;
+			const rangeStyle = range.style ?? style;
 			if (rangeType !== DOC_RANGE_TYPE.RECT && startOffset === endOffset) {
 				const textRange = cursorConvertToTextRange(scene, {
 					...range,
@@ -8429,7 +8359,7 @@ let DocSelectionRenderService = class DocSelectionRenderService extends RxDispos
 			strokeWidth: 1,
 			stroke: "rgba(0, 0, 0, 0)",
 			strokeActive: "rgba(0, 0, 0, 1)",
-			fill: `rgba(${r}, ${g}, ${b}, ${a !== null && a !== void 0 ? a : .3})`
+			fill: `rgba(${r}, ${g}, ${b}, ${a ?? .3})`
 		};
 		this._setRangeStyle(style);
 	}
@@ -8515,8 +8445,8 @@ let DocSelectionRenderService = class DocSelectionRenderService extends RxDispos
 		if (this._container.parentElement !== document.body) document.body.appendChild(this._container);
 	}
 	_getOwnerDocument() {
-		var _this$_container$owne, _this$_container;
-		return (_this$_container$owne = (_this$_container = this._container) === null || _this$_container === void 0 ? void 0 : _this$_container.ownerDocument) !== null && _this$_container$owne !== void 0 ? _this$_container$owne : document;
+		var _this$_container;
+		return ((_this$_container = this._container) === null || _this$_container === void 0 ? void 0 : _this$_container.ownerDocument) ?? document;
 	}
 	_getNodePosition(node) {
 		if (node == null) return;
@@ -8886,14 +8816,14 @@ let DocSelectionRenderService = class DocSelectionRenderService extends RxDispos
 		return this._getElementEmbedOwner(element) === currentEmbedOwner && this._containsCurrentLayoutElement(element);
 	}
 	_getCurrentEmbedOwner() {
-		var _this$_layoutService, _ref, _this$_getElementEmbe;
+		var _this$_layoutService;
 		const rootContainerElement = (_this$_layoutService = this._layoutService) === null || _this$_layoutService === void 0 ? void 0 : _this$_layoutService.rootContainerElement;
-		return (_ref = (_this$_getElementEmbe = this._getElementEmbedOwner(this._input)) !== null && _this$_getElementEmbe !== void 0 ? _this$_getElementEmbe : this._getElementEmbedOwner(this._container)) !== null && _ref !== void 0 ? _ref : this._getElementEmbedOwner(rootContainerElement instanceof HTMLElement ? rootContainerElement : void 0);
+		return this._getElementEmbedOwner(this._input) ?? this._getElementEmbedOwner(this._container) ?? this._getElementEmbedOwner(rootContainerElement instanceof HTMLElement ? rootContainerElement : void 0);
 	}
 	_getElementEmbedOwner(element) {
-		var _element$closest$getA, _element$closest;
+		var _element$closest;
 		if (!element || typeof element.closest !== "function") return;
-		return (_element$closest$getA = (_element$closest = element.closest(`[${"data-embed-interaction-boundary-owner"}]`)) === null || _element$closest === void 0 ? void 0 : _element$closest.getAttribute("data-embed-interaction-boundary-owner")) !== null && _element$closest$getA !== void 0 ? _element$closest$getA : void 0;
+		return ((_element$closest = element.closest(`[${"data-embed-interaction-boundary-owner"}]`)) === null || _element$closest === void 0 ? void 0 : _element$closest.getAttribute("data-embed-interaction-boundary-owner")) ?? void 0;
 	}
 	_containsOwnEditorElement(element) {
 		var _this$_container2, _this$_inputParent;
@@ -8972,9 +8902,8 @@ const SwitchDocModeCommand = {
 		if (action) rawActions.push(action);
 		else return false;
 		if (oldDocumentFlavor !== DocumentFlavor.MODERN) {
-			var _body$customBlocks;
 			const { drawings = {}, body } = docDataModel.getSnapshot();
-			const customBlocks = (_body$customBlocks = body === null || body === void 0 ? void 0 : body.customBlocks) !== null && _body$customBlocks !== void 0 ? _body$customBlocks : [];
+			const customBlocks = (body === null || body === void 0 ? void 0 : body.customBlocks) ?? [];
 			for (const drawingId in drawings) {
 				var _glyph$parent, _column$parent;
 				const drawing = drawings[drawingId];
@@ -8997,7 +8926,7 @@ const SwitchDocModeCommand = {
 				const newPositionV = {
 					...drawingPositionV,
 					relativeFrom: ObjectRelativeFromV.PARAGRAPH,
-					posOffset: (prevPosOffset !== null && prevPosOffset !== void 0 ? prevPosOffset : 0) - delta
+					posOffset: (prevPosOffset ?? 0) - delta
 				};
 				const updateDrawingAction = jsonX.replaceOp([
 					"drawings",
@@ -9020,9 +8949,8 @@ const SwitchDocModeCommand = {
 //#region src/commands/commands/table/doc-table-create.command.ts
 const CreateDocTableCommandId = "doc.command.create-table";
 function buildDocTableInsertBody(params) {
-	var _params$existingParag;
 	const { tableDataStream, tableParagraphs, sectionBreaks, tableId, textRun } = params;
-	const existingParagraphIds = (_params$existingParag = params.existingParagraphIds) !== null && _params$existingParag !== void 0 ? _params$existingParag : new Set(tableParagraphs.map((paragraph) => paragraph.paragraphId));
+	const existingParagraphIds = params.existingParagraphIds ?? new Set(tableParagraphs.map((paragraph) => paragraph.paragraphId));
 	const dataStream = `${tableDataStream}${DataStreamTreeTokenType.PARAGRAPH}`;
 	const tableEnd = tableDataStream.length;
 	return {
@@ -9069,7 +8997,7 @@ const CreateDocTableCommand = {
 	id: CreateDocTableCommandId,
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _ref, _contentInsertRange$s, _docDataModel$getSelf, _contentInsertRange$s2, _body$paragraphs, _curGlyph$parent, _body$paragraphs2;
+		var _docDataModel$getSelf, _curGlyph$parent, _body$paragraphs;
 		const { rowCount, colCount } = params;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
@@ -9085,7 +9013,7 @@ const CreateDocTableCommand = {
 		}
 		const activeRange = docSelectionManagerService.getActiveTextRange();
 		if (activeRange == null && contentInsertRange == null) return false;
-		const segmentId = (_ref = (_contentInsertRange$s = contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.segmentId) !== null && _contentInsertRange$s !== void 0 ? _contentInsertRange$s : activeRange === null || activeRange === void 0 ? void 0 : activeRange.segmentId) !== null && _ref !== void 0 ? _ref : "";
+		const segmentId = (contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.segmentId) ?? (activeRange === null || activeRange === void 0 ? void 0 : activeRange.segmentId) ?? "";
 		const segmentPage = activeRange === null || activeRange === void 0 ? void 0 : activeRange.segmentPage;
 		const body = docDataModel === null || docDataModel === void 0 || (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (body == null) return false;
@@ -9093,9 +9021,9 @@ const CreateDocTableCommand = {
 		const docSkeletonManagerService = getCommandSkeleton(accessor, unitId);
 		const skeleton = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getSkeleton();
 		if (skeleton == null) return false;
-		const startOffset = normalizeTableInsertOffset(body, (_contentInsertRange$s2 = contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.startOffset) !== null && _contentInsertRange$s2 !== void 0 ? _contentInsertRange$s2 : activeRange.startOffset);
+		const startOffset = normalizeTableInsertOffset(body, (contentInsertRange === null || contentInsertRange === void 0 ? void 0 : contentInsertRange.startOffset) ?? activeRange.startOffset);
 		if (!canInsertTableAtOffset(body, startOffset)) return false;
-		const prevParagraph = ((_body$paragraphs = body.paragraphs) !== null && _body$paragraphs !== void 0 ? _body$paragraphs : []).find((paragraph) => {
+		const prevParagraph = (body.paragraphs ?? []).find((paragraph) => {
 			return getParagraphContentStartOffset(body, paragraph) < startOffset && startOffset <= paragraph.startIndex;
 		});
 		const curGlyph = skeleton.findNodeByCharIndex(startOffset, segmentId, segmentPage);
@@ -9142,7 +9070,7 @@ const CreateDocTableCommand = {
 			sectionBreaks,
 			tableId: tableSource.tableId,
 			textRun: curTextRun,
-			existingParagraphIds: new Set((_body$paragraphs2 = body.paragraphs) === null || _body$paragraphs2 === void 0 ? void 0 : _body$paragraphs2.map((paragraph) => paragraph.paragraphId))
+			existingParagraphIds: new Set((_body$paragraphs = body.paragraphs) === null || _body$paragraphs === void 0 ? void 0 : _body$paragraphs.map((paragraph) => paragraph.paragraphId))
 		});
 		textX.push({
 			t: TextXActionType.INSERT,
@@ -9312,13 +9240,13 @@ const DocTableDeleteTableCommand = {
 	id: "doc.table.delete-table",
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _params$targetRange, _docDataModel$getSelf3;
+		var _docDataModel$getSelf3;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
 		const activeRectRanges = docSelectionManagerService.getRectRanges();
 		const activeTextRange = docSelectionManagerService.getActiveTextRange();
-		const rangeInfo = getRangeInfoFromRanges((_params$targetRange = params === null || params === void 0 ? void 0 : params.targetRange) !== null && _params$targetRange !== void 0 ? _params$targetRange : activeTextRange, (params === null || params === void 0 ? void 0 : params.targetRange) ? [] : activeRectRanges);
+		const rangeInfo = getRangeInfoFromRanges((params === null || params === void 0 ? void 0 : params.targetRange) ?? activeTextRange, (params === null || params === void 0 ? void 0 : params.targetRange) ? [] : activeRectRanges);
 		if (rangeInfo == null) return false;
 		const { segmentId } = rangeInfo;
 		const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
@@ -9480,7 +9408,7 @@ const DocTableInsertColumnCommand = {
 	id: DocTableInsertColumnCommandId,
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _docDataModel$getSelf2, _snapshot$tableSource, _documentStyle$pageSi, _documentStyle$pageSi2;
+		var _docDataModel$getSelf2, _snapshot$tableSource, _documentStyle$pageSi;
 		const { position } = params;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
@@ -9547,7 +9475,7 @@ const DocTableInsertColumnCommand = {
 		const { marginLeft = 0, marginRight = 0 } = documentStyle;
 		const tableColumns = snapshot === null || snapshot === void 0 || (_snapshot$tableSource = snapshot.tableSource) === null || _snapshot$tableSource === void 0 || (_snapshot$tableSource = _snapshot$tableSource[tableId]) === null || _snapshot$tableSource === void 0 ? void 0 : _snapshot$tableSource.tableColumns;
 		if (!tableColumns) return false;
-		const pageWidth = ((_documentStyle$pageSi = (_documentStyle$pageSi2 = documentStyle.pageSize) === null || _documentStyle$pageSi2 === void 0 ? void 0 : _documentStyle$pageSi2.width) !== null && _documentStyle$pageSi !== void 0 ? _documentStyle$pageSi : 800) - marginLeft - marginRight;
+		const pageWidth = (((_documentStyle$pageSi = documentStyle.pageSize) === null || _documentStyle$pageSi === void 0 ? void 0 : _documentStyle$pageSi.width) ?? 800) - marginLeft - marginRight;
 		const tableWidth = tableColumns.reduce((sum, column) => sum + column.size.width.v, 0);
 		const { newColWidth, widths } = getColumnWidths(tableWidth > 0 ? tableWidth : pageWidth, tableColumns, columnIndex);
 		for (let i = 0; i < widths.length; i++) {
@@ -9584,14 +9512,13 @@ const DocTableTabCommand = {
 	id: "doc.table.tab-in-table",
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _docRanges$find;
 		const { shift } = params;
 		const textSelectionManager = accessor.get(DocSelectionManagerService);
 		const docRanges = textSelectionManager.getDocRanges();
 		const commandService = accessor.get(ICommandService);
 		const docDataModel = accessor.get(IUniverInstanceService).getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 		if (!docDataModel) return false;
-		const activeRange = (_docRanges$find = docRanges.find((range) => range.isActive)) !== null && _docRanges$find !== void 0 ? _docRanges$find : docRanges[0];
+		const activeRange = docRanges.find((range) => range.isActive) ?? docRanges[0];
 		const docSkeletonManagerService = getCommandSkeleton(accessor, docDataModel.getUnitId());
 		const skeleton = docSkeletonManagerService === null || docSkeletonManagerService === void 0 ? void 0 : docSkeletonManagerService.getSkeleton();
 		const viewModel = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getViewModel().getSelfOrHeaderFooterViewModel(activeRange === null || activeRange === void 0 ? void 0 : activeRange.segmentId);
@@ -9724,15 +9651,14 @@ const DOC_TRADITIONAL_WORKSPACE_BACKGROUND_COLOR = "#fafafa";
 const DOC_MODERN_WORKSPACE_BACKGROUND_COLOR = "#fff";
 const DOC_EDITOR_INTERNAL_BACKGROUND_COLOR = "transparent";
 function resolveDocRenderBackground(options) {
-	var _canvasColorService$g;
 	const { documentFlavor, canvasColorService, editorBackgroundColor, isEditor } = options;
-	const backgroundColor = editorBackgroundColor !== null && editorBackgroundColor !== void 0 ? editorBackgroundColor : getDefaultDocCanvasBackgroundColor(documentFlavor, isEditor);
+	const backgroundColor = editorBackgroundColor ?? getDefaultDocCanvasBackgroundColor(documentFlavor, isEditor);
 	if (isEditor) return {
 		canvasElementBackgroundColor: backgroundColor,
 		docBackgroundFillColor: DOC_EDITOR_INTERNAL_BACKGROUND_COLOR
 	};
 	return {
-		canvasElementBackgroundColor: (_canvasColorService$g = canvasColorService === null || canvasColorService === void 0 ? void 0 : canvasColorService.getRenderColor(backgroundColor)) !== null && _canvasColorService$g !== void 0 ? _canvasColorService$g : backgroundColor,
+		canvasElementBackgroundColor: (canvasColorService === null || canvasColorService === void 0 ? void 0 : canvasColorService.getRenderColor(backgroundColor)) ?? backgroundColor,
 		docBackgroundFillColor: void 0
 	};
 }
@@ -9849,8 +9775,8 @@ var Editor = class extends Disposable {
 		return this._docSelectionManagerService.getDocRanges(params);
 	}
 	getCursorPosition() {
-		var _selectionRanges$find, _selectionRanges$find2;
-		return (_selectionRanges$find = (_selectionRanges$find2 = this.getSelectionRanges().find((range) => range.collapsed)) === null || _selectionRanges$find2 === void 0 ? void 0 : _selectionRanges$find2.startOffset) !== null && _selectionRanges$find !== void 0 ? _selectionRanges$find : -1;
+		var _selectionRanges$find;
+		return ((_selectionRanges$find = this.getSelectionRanges().find((range) => range.collapsed)) === null || _selectionRanges$find === void 0 ? void 0 : _selectionRanges$find.startOffset) ?? -1;
 	}
 	getEditorId() {
 		return this._getEditorId();
@@ -9904,9 +9830,8 @@ var Editor = class extends Disposable {
 		return this._param.cancelDefaultResizeListener;
 	}
 	getRenderConfig() {
-		var _this$_param$canvasSt;
 		return {
-			canvasStyle: (_this$_param$canvasSt = this._param.canvasStyle) !== null && _this$_param$canvasSt !== void 0 ? _this$_param$canvasSt : {},
+			canvasStyle: this._param.canvasStyle ?? {},
 			scrollBar: this._param.scrollBar,
 			...this._param.backScrollOffset === void 0 ? {} : { backScrollOffset: this._param.backScrollOffset }
 		};
@@ -10006,14 +9931,14 @@ let EditorService = class EditorService extends Disposable {
 		this._blur$.next(null);
 	}
 	focus(editorUnitId) {
-		var _editor$getDocumentDa, _editor$getDocumentDa2;
+		var _editor$getDocumentDa;
 		if (editorUnitId === this._focusEditorUnitId) return;
 		if (this._focusEditorUnitId) this.blur();
 		if (editorUnitId == null) return;
 		const editor = this.getEditor(editorUnitId);
 		if (editor == null) return;
 		this._univerInstanceService.setCurrentUnitForType(editorUnitId);
-		const valueCount = ((_editor$getDocumentDa = (_editor$getDocumentDa2 = editor.getDocumentData().body) === null || _editor$getDocumentDa2 === void 0 ? void 0 : _editor$getDocumentDa2.dataStream) !== null && _editor$getDocumentDa !== void 0 ? _editor$getDocumentDa : "").replace(/\r?\n/g, "").length;
+		const valueCount = (((_editor$getDocumentDa = editor.getDocumentData().body) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.dataStream) ?? "").replace(/\r?\n/g, "").length;
 		this._contextService.setContextValue(EDITOR_ACTIVATED, true);
 		if (!isInternalEditorID(editorUnitId)) this._contextService.setContextValue(FOCUSING_EDITOR_STANDALONE, true);
 		if (isCommentEditorID(editorUnitId)) this._contextService.setContextValue(FOCUSING_COMMENT_EDITOR, true);
@@ -10036,9 +9961,8 @@ let EditorService = class EditorService extends Disposable {
 		return this._editors;
 	}
 	getEditorRenderConfig(editorUnitId) {
-		var _ref, _this$_editorRenderCo;
 		const editor = this._editors.get(editorUnitId);
-		return (_ref = (_this$_editorRenderCo = this._editorRenderConfigs.get(editorUnitId)) !== null && _this$_editorRenderCo !== void 0 ? _this$_editorRenderCo : editor === null || editor === void 0 ? void 0 : editor.getRenderConfig()) !== null && _ref !== void 0 ? _ref : null;
+		return this._editorRenderConfigs.get(editorUnitId) ?? (editor === null || editor === void 0 ? void 0 : editor.getRenderConfig()) ?? null;
 	}
 	register(config, container) {
 		const { initialSnapshot, canvasStyle = {} } = config;
@@ -10046,7 +9970,8 @@ let EditorService = class EditorService extends Disposable {
 		this._editorRenderConfigs.set(editorUnitId, {
 			canvasStyle,
 			scrollBar: config.scrollBar,
-			...config.backScrollOffset === void 0 ? {} : { backScrollOffset: config.backScrollOffset }
+			...config.backScrollOffset === void 0 ? {} : { backScrollOffset: config.backScrollOffset },
+			...config.preserveHostFocus === void 0 ? {} : { preserveHostFocus: config.preserveHostFocus }
 		});
 		if (this._univerInstanceService.getUnit(editorUnitId, UniverInstanceType.UNIVER_DOC) == null) this._univerInstanceService.createUnit(UniverInstanceType.UNIVER_DOC, initialSnapshot || this._getBlank(editorUnitId), { makeCurrent: false });
 		let render = this._renderManagerService.getRenderUnitById(editorUnitId);
@@ -10162,7 +10087,6 @@ let DocBackScrollRenderController = class DocBackScrollRenderController extends
 		anchorNodePosition && this.scrollToNode(anchorNodePosition);
 	}
 	scrollToNode(startNodePosition) {
-		var _editorRenderConfig$b;
 		const { unitId, scene, mainComponent } = this._context;
 		const skeleton = this._docSkeletonManagerService.getSkeleton();
 		if (mainComponent == null || skeleton == null) return;
@@ -10178,7 +10102,7 @@ let DocBackScrollRenderController = class DocBackScrollRenderController extends
 		let offsetY = 0;
 		let offsetX = 0;
 		const editorRenderConfig = this._editorService.getEditorRenderConfig(unitId);
-		const delta = editorRenderConfig ? (_editorRenderConfig$b = editorRenderConfig.backScrollOffset) !== null && _editorRenderConfig$b !== void 0 ? _editorRenderConfig$b : 0 : 100;
+		const delta = editorRenderConfig ? editorRenderConfig.backScrollOffset ?? 0 : 100;
 		if (top < boundTop) offsetY = top - boundTop - delta;
 		else if (top > boundBottom - height) offsetY = top - boundBottom + height + delta;
 		if (left < boundLeft) offsetX = left - boundLeft;
@@ -10224,11 +10148,11 @@ let DocParagraphPlaceholderRenderController = class DocParagraphPlaceholderRende
 		this.disposeWithMe(documents.pageRender$.subscribe((pageRenderConfig) => this._drawPagePlaceholders(pageRenderConfig)));
 	}
 	_drawPagePlaceholders({ page, pageLeft, pageTop, ctx }) {
-		var _this$_context$unit$g, _activeRange$segmentI, _page$segmentId, _this$_context$mainCo;
+		var _this$_context$unit$g, _this$_context$mainCo;
 		const body = (_this$_context$unit$g = this._context.unit.getSelfOrHeaderFooterModel(page.segmentId)) === null || _this$_context$unit$g === void 0 ? void 0 : _this$_context$unit$g.getBody();
 		if (!body) return;
 		const activeRange = this._docSelectionManagerService.getActiveTextRange();
-		if (!activeRange || ((_activeRange$segmentI = activeRange.segmentId) !== null && _activeRange$segmentI !== void 0 ? _activeRange$segmentI : "") !== ((_page$segmentId = page.segmentId) !== null && _page$segmentId !== void 0 ? _page$segmentId : "")) return;
+		if (!activeRange || (activeRange.segmentId ?? "") !== (page.segmentId ?? "")) return;
 		const placeholders = getParagraphPlaceholderLayouts(page, body, this._getLocale(), pageLeft, pageTop, activeRange.startOffset, {
 			docsLeft: (_this$_context$mainCo = this._context.mainComponent) === null || _this$_context$mainCo === void 0 ? void 0 : _this$_context$mainCo.getOffsetConfig().docsLeft,
 			unitId: this._context.unitId
@@ -10260,20 +10184,19 @@ function shouldRenderParagraphPlaceholder(documentModel, unitId, config) {
 	return ((_documentModel$getSna = documentModel.getSnapshot().documentStyle) === null || _documentModel$getSna === void 0 ? void 0 : _documentModel$getSna.documentFlavor) === DocumentFlavor.MODERN;
 }
 function getParagraphPlaceholderLayouts(page, body, locale, pageLeft = 0, pageTop = 0, activeOffset, options) {
-	var _body$paragraphs, _page$skeTables;
-	const paragraphs = new Map(((_body$paragraphs = body.paragraphs) !== null && _body$paragraphs !== void 0 ? _body$paragraphs : []).map((paragraph) => [paragraph.startIndex, paragraph]));
+	var _page$skeTables;
+	const paragraphs = new Map((body.paragraphs ?? []).map((paragraph) => [paragraph.startIndex, paragraph]));
 	const layouts = [];
 	const visitSection = (section, originLeft, originTop, clip) => {
 		for (const column of section.columns) visitColumn(column, body, paragraphs, locale, layouts, originLeft + column.left, originTop + section.top, activeOffset, clip);
 	};
 	for (const section of page.sections) visitSection(section, pageLeft + page.marginLeft, pageTop + page.marginTop);
 	(_page$skeTables = page.skeTables) === null || _page$skeTables === void 0 || _page$skeTables.forEach((table, tableId) => {
-		var _table$tableId, _options$unitId, _viewport$leadingInse, _viewport$trailingIns, _viewport$leadingInse2;
-		const sourceTableId = getTableIdAndSliceIndex((_table$tableId = table.tableId) !== null && _table$tableId !== void 0 ? _table$tableId : tableId).tableId;
-		const viewport = getDocsTableRenderViewport((_options$unitId = options === null || options === void 0 ? void 0 : options.unitId) !== null && _options$unitId !== void 0 ? _options$unitId : "", sourceTableId);
-		const hasHorizontalViewport = viewport != null && ((_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) > viewport.viewportWidth;
+		const sourceTableId = getTableIdAndSliceIndex(table.tableId ?? tableId).tableId;
+		const viewport = getDocsTableRenderViewport((options === null || options === void 0 ? void 0 : options.unitId) ?? "", sourceTableId);
+		const hasHorizontalViewport = viewport != null && (viewport.leadingInsetLeft ?? 0) + viewport.contentWidth + (viewport.trailingInsetRight ?? 0) > viewport.viewportWidth;
 		const tableLeft = pageLeft + page.marginLeft + table.left;
-		const tableViewportLeft = hasHorizontalViewport ? getDocsTableViewportLeft(viewport, tableLeft - ((_viewport$leadingInse2 = viewport.leadingInsetLeft) !== null && _viewport$leadingInse2 !== void 0 ? _viewport$leadingInse2 : 0), options === null || options === void 0 ? void 0 : options.docsLeft) : tableLeft;
+		const tableViewportLeft = hasHorizontalViewport ? getDocsTableViewportLeft(viewport, tableLeft - (viewport.leadingInsetLeft ?? 0), options === null || options === void 0 ? void 0 : options.docsLeft) : tableLeft;
 		const tableViewportRight = tableViewportLeft + (hasHorizontalViewport ? viewport.viewportWidth : table.width);
 		const tableScrollLeft = hasHorizontalViewport ? viewport.scrollLeft : 0;
 		for (const row of table.rows) for (const cell of row.cells) {
@@ -10320,19 +10243,19 @@ function getPlaceholderText(paragraph, locale) {
 	}
 }
 function getLinePlaceholderLayout(line, paragraph, text, originLeft, originTop, clip) {
-	var _divide$glyphGroup, _paragraph$paragraphS2, _paragraph$paragraphS3, _getLineFontFamily, _divide$left, _divide$paddingLeft, _ref, _divide$width, _clip$left, _clip$right;
+	var _paragraph$paragraphS2;
 	const divide = line.divides[0];
-	const firstGlyph = ((_divide$glyphGroup = divide === null || divide === void 0 ? void 0 : divide.glyphGroup) !== null && _divide$glyphGroup !== void 0 ? _divide$glyphGroup : [])[0];
-	const textStyle = NAMED_STYLE_MAP[(_paragraph$paragraphS2 = (_paragraph$paragraphS3 = paragraph.paragraphStyle) === null || _paragraph$paragraphS3 === void 0 ? void 0 : _paragraph$paragraphS3.namedStyleType) !== null && _paragraph$paragraphS2 !== void 0 ? _paragraph$paragraphS2 : NamedStyleType.NORMAL_TEXT];
+	const firstGlyph = ((divide === null || divide === void 0 ? void 0 : divide.glyphGroup) ?? [])[0];
+	const textStyle = NAMED_STYLE_MAP[((_paragraph$paragraphS2 = paragraph.paragraphStyle) === null || _paragraph$paragraphS2 === void 0 ? void 0 : _paragraph$paragraphS2.namedStyleType) ?? NamedStyleType.NORMAL_TEXT];
 	const fontSize = getPlaceholderFontSize(line, paragraph);
-	const fontFamily = (_getLineFontFamily = getLineFontFamily(line)) !== null && _getLineFontFamily !== void 0 ? _getLineFontFamily : DEFAULT_PLACEHOLDER_FONT_FAMILY;
+	const fontFamily = getLineFontFamily(line) ?? DEFAULT_PLACEHOLDER_FONT_FAMILY;
 	const fontWeight = (textStyle === null || textStyle === void 0 ? void 0 : textStyle.bl) ? "bold" : "normal";
-	const lineStartX = originLeft + ((_divide$left = divide === null || divide === void 0 ? void 0 : divide.left) !== null && _divide$left !== void 0 ? _divide$left : 0) + ((_divide$paddingLeft = divide === null || divide === void 0 ? void 0 : divide.paddingLeft) !== null && _divide$paddingLeft !== void 0 ? _divide$paddingLeft : 0);
+	const lineStartX = originLeft + ((divide === null || divide === void 0 ? void 0 : divide.left) ?? 0) + ((divide === null || divide === void 0 ? void 0 : divide.paddingLeft) ?? 0);
 	const listOffset = paragraph.bullet && firstGlyph ? firstGlyph.left + firstGlyph.width + LIST_PLACEHOLDER_GAP : 0;
 	const x = lineStartX + listOffset;
-	const naturalMaxWidth = Math.max(0, ((_ref = (_divide$width = divide === null || divide === void 0 ? void 0 : divide.width) !== null && _divide$width !== void 0 ? _divide$width : line.width) !== null && _ref !== void 0 ? _ref : 0) - listOffset);
-	const clipLeft = Math.max(x, (_clip$left = clip === null || clip === void 0 ? void 0 : clip.left) !== null && _clip$left !== void 0 ? _clip$left : x);
-	const clipRight = Math.min(x + naturalMaxWidth, (_clip$right = clip === null || clip === void 0 ? void 0 : clip.right) !== null && _clip$right !== void 0 ? _clip$right : x + naturalMaxWidth);
+	const naturalMaxWidth = Math.max(0, ((divide === null || divide === void 0 ? void 0 : divide.width) ?? line.width ?? 0) - listOffset);
+	const clipLeft = Math.max(x, (clip === null || clip === void 0 ? void 0 : clip.left) ?? x);
+	const clipRight = Math.min(x + naturalMaxWidth, (clip === null || clip === void 0 ? void 0 : clip.right) ?? x + naturalMaxWidth);
 	const clipTop = originTop + line.top;
 	return {
 		clipBottom: clipTop + line.lineHeight,
@@ -10349,32 +10272,31 @@ function getLinePlaceholderLayout(line, paragraph, text, originLeft, originTop,
 	};
 }
 function isEmptyParagraph(dataStream, paragraphStart, paragraphEnd) {
-	var _dataStream$slice;
-	return stripNonTextTokens((_dataStream$slice = dataStream === null || dataStream === void 0 ? void 0 : dataStream.slice(paragraphStart, paragraphEnd)) !== null && _dataStream$slice !== void 0 ? _dataStream$slice : "").trim() === "";
+	return stripNonTextTokens((dataStream === null || dataStream === void 0 ? void 0 : dataStream.slice(paragraphStart, paragraphEnd)) ?? "").trim() === "";
 }
 function stripNonTextTokens(text) {
 	return text.replaceAll(DataStreamTreeTokenType.PARAGRAPH, "").replaceAll(DataStreamTreeTokenType.SECTION_BREAK, "").replaceAll(DataStreamTreeTokenType.DOCS_END, "");
 }
 function getLineFontSize(line) {
 	for (const divide of line.divides) for (const glyph of divide.glyphGroup) {
-		var _ref2, _glyph$fontStyle$orig, _glyph$fontStyle, _glyph$fontStyle2, _glyph$ts;
-		const fontSize = (_ref2 = (_glyph$fontStyle$orig = (_glyph$fontStyle = glyph.fontStyle) === null || _glyph$fontStyle === void 0 ? void 0 : _glyph$fontStyle.originFontSize) !== null && _glyph$fontStyle$orig !== void 0 ? _glyph$fontStyle$orig : (_glyph$fontStyle2 = glyph.fontStyle) === null || _glyph$fontStyle2 === void 0 ? void 0 : _glyph$fontStyle2.fontSize) !== null && _ref2 !== void 0 ? _ref2 : (_glyph$ts = glyph.ts) === null || _glyph$ts === void 0 ? void 0 : _glyph$ts.fs;
+		var _glyph$fontStyle, _glyph$fontStyle2, _glyph$ts;
+		const fontSize = ((_glyph$fontStyle = glyph.fontStyle) === null || _glyph$fontStyle === void 0 ? void 0 : _glyph$fontStyle.originFontSize) ?? ((_glyph$fontStyle2 = glyph.fontStyle) === null || _glyph$fontStyle2 === void 0 ? void 0 : _glyph$fontStyle2.fontSize) ?? ((_glyph$ts = glyph.ts) === null || _glyph$ts === void 0 ? void 0 : _glyph$ts.fs);
 		if (fontSize) return fontSize;
 	}
 	return null;
 }
 function getPlaceholderFontSize(line, paragraph) {
-	var _paragraph$paragraphS4, _paragraph$paragraphS5, _ref3, _getLineFontSize;
-	const namedStyleType = (_paragraph$paragraphS4 = (_paragraph$paragraphS5 = paragraph.paragraphStyle) === null || _paragraph$paragraphS5 === void 0 ? void 0 : _paragraph$paragraphS5.namedStyleType) !== null && _paragraph$paragraphS4 !== void 0 ? _paragraph$paragraphS4 : NamedStyleType.NORMAL_TEXT;
+	var _paragraph$paragraphS3;
+	const namedStyleType = ((_paragraph$paragraphS3 = paragraph.paragraphStyle) === null || _paragraph$paragraphS3 === void 0 ? void 0 : _paragraph$paragraphS3.namedStyleType) ?? NamedStyleType.NORMAL_TEXT;
 	const textStyle = NAMED_STYLE_MAP[namedStyleType];
-	const fontSize = (_ref3 = (_getLineFontSize = getLineFontSize(line)) !== null && _getLineFontSize !== void 0 ? _getLineFontSize : textStyle === null || textStyle === void 0 ? void 0 : textStyle.fs) !== null && _ref3 !== void 0 ? _ref3 : DEFAULT_PLACEHOLDER_FONT_SIZE;
+	const fontSize = getLineFontSize(line) ?? (textStyle === null || textStyle === void 0 ? void 0 : textStyle.fs) ?? DEFAULT_PLACEHOLDER_FONT_SIZE;
 	if (namedStyleType !== NamedStyleType.NORMAL_TEXT) return fontSize;
 	return Math.max(fontSize, MIN_BODY_TEXT_PLACEHOLDER_FONT_SIZE);
 }
 function getLineFontFamily(line) {
 	for (const divide of line.divides) for (const glyph of divide.glyphGroup) {
-		var _glyph$fontStyle$font, _glyph$fontStyle3, _glyph$ts2;
-		const fontFamily = (_glyph$fontStyle$font = (_glyph$fontStyle3 = glyph.fontStyle) === null || _glyph$fontStyle3 === void 0 ? void 0 : _glyph$fontStyle3.fontFamily) !== null && _glyph$fontStyle$font !== void 0 ? _glyph$fontStyle$font : (_glyph$ts2 = glyph.ts) === null || _glyph$ts2 === void 0 ? void 0 : _glyph$ts2.ff;
+		var _glyph$fontStyle3, _glyph$ts2;
+		const fontFamily = ((_glyph$fontStyle3 = glyph.fontStyle) === null || _glyph$fontStyle3 === void 0 ? void 0 : _glyph$fontStyle3.fontFamily) ?? ((_glyph$ts2 = glyph.ts) === null || _glyph$ts2 === void 0 ? void 0 : _glyph$ts2.ff);
 		if (fontFamily) return fontFamily;
 	}
 	return null;
@@ -10384,11 +10306,10 @@ function drawParagraphPlaceholders(ctx, placeholders) {
 	ctx.fillStyle = PLACEHOLDER_COLOR;
 	ctx.textBaseline = "alphabetic";
 	for (const placeholder of placeholders) {
-		var _placeholder$clipLeft, _placeholder$clipRigh, _placeholder$clipTop, _placeholder$clipBott;
-		const clipLeft = (_placeholder$clipLeft = placeholder.clipLeft) !== null && _placeholder$clipLeft !== void 0 ? _placeholder$clipLeft : placeholder.x;
-		const clipRight = (_placeholder$clipRigh = placeholder.clipRight) !== null && _placeholder$clipRigh !== void 0 ? _placeholder$clipRigh : placeholder.x + placeholder.maxWidth;
-		const clipTop = (_placeholder$clipTop = placeholder.clipTop) !== null && _placeholder$clipTop !== void 0 ? _placeholder$clipTop : placeholder.y - placeholder.fontSize;
-		const clipBottom = (_placeholder$clipBott = placeholder.clipBottom) !== null && _placeholder$clipBott !== void 0 ? _placeholder$clipBott : placeholder.y + placeholder.fontSize;
+		const clipLeft = placeholder.clipLeft ?? placeholder.x;
+		const clipRight = placeholder.clipRight ?? placeholder.x + placeholder.maxWidth;
+		const clipTop = placeholder.clipTop ?? placeholder.y - placeholder.fontSize;
+		const clipBottom = placeholder.clipBottom ?? placeholder.y + placeholder.fontSize;
 		if (clipRight <= clipLeft || clipBottom <= clipTop) continue;
 		ctx.save();
 		ctx.beginPath();
@@ -10433,13 +10354,12 @@ function resolveDocFitPaddingX(availableWidth, paddingX) {
 	return 0;
 }
 function calcDocFitToWidthScale(params) {
-	var _options$maxScale;
 	const options = normalizeDocFitToWidthOptions(params.options);
 	if (options.mode !== "fit-width") return 1;
 	if (!Number.isFinite(params.availableWidth) || !Number.isFinite(params.baseWidth) || params.baseWidth <= 0) return 1;
 	const paddingX = resolveDocFitPaddingX(params.availableWidth, options.paddingX);
 	const rawScale = Math.max(0, params.availableWidth - paddingX * 2) / params.baseWidth;
-	const maxScale = (_options$maxScale = options.maxScale) !== null && _options$maxScale !== void 0 ? _options$maxScale : Number.POSITIVE_INFINITY;
+	const maxScale = options.maxScale ?? Number.POSITIVE_INFINITY;
 	return Math.min(maxScale, Math.max(options.minScale, rawScale));
 }
 function resolveDocFitBaseWidth(params) {
@@ -10458,12 +10378,10 @@ let DocViewScaleService = class DocViewScaleService extends Disposable {
 		this._configService = _configService;
 	}
 	getPluginConfig() {
-		var _this$_configService$;
-		return (_this$_configService$ = this._configService.getConfig("docs-ui.config")) !== null && _this$_configService$ !== void 0 ? _this$_configService$ : {};
+		return this._configService.getConfig("docs-ui.config") ?? {};
 	}
 	getOptions() {
-		var _this$getPluginConfig;
-		return (_this$getPluginConfig = this.getPluginConfig().fitToWidth) !== null && _this$getPluginConfig !== void 0 ? _this$getPluginConfig : DEFAULT_DOC_FIT_TO_WIDTH_OPTIONS;
+		return this.getPluginConfig().fitToWidth ?? DEFAULT_DOC_FIT_TO_WIDTH_OPTIONS;
 	}
 	getBaseWidth() {
 		var _this$_context$unit, _this$_context$unit$g, _documentStyle$pageSi;
@@ -10498,10 +10416,7 @@ let DocViewScaleService = class DocViewScaleService extends Disposable {
 	}
 	_resolveContainer(container) {
 		if (container == null) return;
-		if (typeof container === "string") {
-			var _ref, _document$querySelect;
-			return (_ref = (_document$querySelect = document.querySelector(container)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.getElementById(container)) !== null && _ref !== void 0 ? _ref : void 0;
-		}
+		if (typeof container === "string") return document.querySelector(container) ?? document.getElementById(container) ?? void 0;
 		return container;
 	}
 };
@@ -10793,8 +10708,7 @@ function getPageSizeInModernMode(page) {
 //#endregion
 //#region src/basics/selection.ts
 function findFirstCursorOffset(snapshot) {
-	var _snapshot$body;
-	const { dataStream } = (_snapshot$body = snapshot.body) !== null && _snapshot$body !== void 0 ? _snapshot$body : {};
+	const { dataStream } = snapshot.body ?? {};
 	const EXCLUDE_TOKENS = [
 		DataStreamTreeTokenType.TABLE_START,
 		DataStreamTreeTokenType.TABLE_CELL_END,
@@ -10916,12 +10830,12 @@ const CloseHeaderFooterCommand = {
 	id: "doc.command.close-header-footer",
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
-		var _params$unitId, _instanceService$getC, _renderObject$mainCom;
+		var _instanceService$getC, _renderObject$mainCom;
 		const commandService = accessor.get(ICommandService);
 		const renderManagerService = accessor.get(IRenderManagerService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const instanceService = accessor.get(IUniverInstanceService);
-		const unitId = (_params$unitId = params === null || params === void 0 ? void 0 : params.unitId) !== null && _params$unitId !== void 0 ? _params$unitId : (_instanceService$getC = instanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC)) === null || _instanceService$getC === void 0 ? void 0 : _instanceService$getC.getUnitId();
+		const unitId = (params === null || params === void 0 ? void 0 : params.unitId) ?? ((_instanceService$getC = instanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC)) === null || _instanceService$getC === void 0 ? void 0 : _instanceService$getC.getUnitId());
 		if (unitId == null) return false;
 		const renderObject = renderManagerService.getRenderUnitById(unitId);
 		if (renderObject == null) return false;
@@ -11140,16 +11054,14 @@ const MODERN_WIDTH_OPTIONS = [
 	ModernDocumentWidthMode.WIDE
 ];
 const getPaperSize = (size) => {
-	const result = Object.keys(PAGE_SIZE).find((key) => {
+	return Object.keys(PAGE_SIZE).find((key) => {
 		const { width, height } = PAGE_SIZE[key];
 		if (size.width === width && size.height === height) return true;
 		return false;
-	});
-	return result !== null && result !== void 0 ? result : "A4";
+	}) ?? "A4";
 };
 const getModernWidthMode = (size) => {
-	var _size$width;
-	const width = (_size$width = size === null || size === void 0 ? void 0 : size.width) !== null && _size$width !== void 0 ? _size$width : MODERN_DOCUMENT_WIDTH[ModernDocumentWidthMode.MEDIUM];
+	const width = (size === null || size === void 0 ? void 0 : size.width) ?? MODERN_DOCUMENT_WIDTH[ModernDocumentWidthMode.MEDIUM];
 	return MODERN_WIDTH_OPTIONS.reduce((nearest, option) => {
 		const nearestDistance = Math.abs(MODERN_DOCUMENT_WIDTH[nearest] - width);
 		return Math.abs(MODERN_DOCUMENT_WIDTH[option] - width) < nearestDistance ? option : nearest;
@@ -11167,21 +11079,21 @@ function PageSettings(props) {
 	const documentStyle = useDependency(IUniverInstanceService).getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC).getDocumentStyle();
 	const localeService = useDependency(LocaleService);
 	const [settings, setSettings] = useState(() => {
-		var _documentStyle$pageSi, _documentStyle$pageSi2, _documentStyle$pageSi3, _documentStyle$pageSi4, _documentStyle$pageSi5, _documentStyle$pageOr, _documentStyle$margin, _documentStyle$margin2, _documentStyle$margin3, _documentStyle$margin4;
+		var _documentStyle$pageSi, _documentStyle$pageSi2;
 		return {
 			mode: documentStyle.documentFlavor === DocumentFlavor.TRADITIONAL ? DocumentFlavor.TRADITIONAL : DocumentFlavor.MODERN,
 			modernWidth: getModernWidthMode(documentStyle.pageSize),
-			paperSize: getPaperSize((_documentStyle$pageSi = documentStyle.pageSize) !== null && _documentStyle$pageSi !== void 0 ? _documentStyle$pageSi : PAGE_SIZE.A4),
+			paperSize: getPaperSize(documentStyle.pageSize ?? PAGE_SIZE.A4),
 			pageSize: {
-				width: (_documentStyle$pageSi2 = (_documentStyle$pageSi3 = documentStyle.pageSize) === null || _documentStyle$pageSi3 === void 0 ? void 0 : _documentStyle$pageSi3.width) !== null && _documentStyle$pageSi2 !== void 0 ? _documentStyle$pageSi2 : 0,
-				height: (_documentStyle$pageSi4 = (_documentStyle$pageSi5 = documentStyle.pageSize) === null || _documentStyle$pageSi5 === void 0 ? void 0 : _documentStyle$pageSi5.height) !== null && _documentStyle$pageSi4 !== void 0 ? _documentStyle$pageSi4 : 0
+				width: ((_documentStyle$pageSi = documentStyle.pageSize) === null || _documentStyle$pageSi === void 0 ? void 0 : _documentStyle$pageSi.width) ?? 0,
+				height: ((_documentStyle$pageSi2 = documentStyle.pageSize) === null || _documentStyle$pageSi2 === void 0 ? void 0 : _documentStyle$pageSi2.height) ?? 0
 			},
-			orientation: (_documentStyle$pageOr = documentStyle.pageOrient) !== null && _documentStyle$pageOr !== void 0 ? _documentStyle$pageOr : PageOrientType.PORTRAIT,
+			orientation: documentStyle.pageOrient ?? PageOrientType.PORTRAIT,
 			margins: {
-				top: (_documentStyle$margin = documentStyle.marginTop) !== null && _documentStyle$margin !== void 0 ? _documentStyle$margin : 0,
-				bottom: (_documentStyle$margin2 = documentStyle.marginBottom) !== null && _documentStyle$margin2 !== void 0 ? _documentStyle$margin2 : 0,
-				left: (_documentStyle$margin3 = documentStyle.marginLeft) !== null && _documentStyle$margin3 !== void 0 ? _documentStyle$margin3 : 0,
-				right: (_documentStyle$margin4 = documentStyle.marginRight) !== null && _documentStyle$margin4 !== void 0 ? _documentStyle$margin4 : 0
+				top: documentStyle.marginTop ?? 0,
+				bottom: documentStyle.marginBottom ?? 0,
+				left: documentStyle.marginLeft ?? 0,
+				right: documentStyle.marginRight ?? 0
 			}
 		};
 	});
@@ -11310,17 +11222,14 @@ const PAGE_SETTING_COMPONENT_ID = "docs.component.page-setting";
 //#region src/commands/commands/doc-page-setup.command.ts
 const PAGE_FILL_TABLE_TOLERANCE = 2;
 function getPageContentWidth(config) {
-	var _config$pageSize$widt, _config$pageSize, _config$marginLeft, _config$marginRight;
-	const pageWidth = (_config$pageSize$widt = (_config$pageSize = config.pageSize) === null || _config$pageSize === void 0 ? void 0 : _config$pageSize.width) !== null && _config$pageSize$widt !== void 0 ? _config$pageSize$widt : 0;
+	var _config$pageSize;
+	const pageWidth = ((_config$pageSize = config.pageSize) === null || _config$pageSize === void 0 ? void 0 : _config$pageSize.width) ?? 0;
 	if (!pageWidth) return 0;
 	if (config.documentFlavor === DocumentFlavor.MODERN) return Math.max(0, pageWidth - MODERN_DOCUMENT_DEFAULT_MARGIN * 2);
-	return Math.max(0, pageWidth - ((_config$marginLeft = config.marginLeft) !== null && _config$marginLeft !== void 0 ? _config$marginLeft : 0) - ((_config$marginRight = config.marginRight) !== null && _config$marginRight !== void 0 ? _config$marginRight : 0));
+	return Math.max(0, pageWidth - (config.marginLeft ?? 0) - (config.marginRight ?? 0));
 }
 function getTableColumnTotalWidth(table) {
-	return table.tableColumns.reduce((total, column) => {
-		var _column$size$width$v;
-		return total + ((_column$size$width$v = column.size.width.v) !== null && _column$size$width$v !== void 0 ? _column$size$width$v : 0);
-	}, 0);
+	return table.tableColumns.reduce((total, column) => total + (column.size.width.v ?? 0), 0);
 }
 function isPageFillTable(table, oldContentWidth) {
 	if (oldContentWidth <= 0 || table.tableColumns.length === 0) return false;
@@ -11371,7 +11280,7 @@ const DocPageSetupCommand = {
 		const snapshot = docDataModel.getSnapshot();
 		const newDocumentStyle = {
 			...documentStyle,
-			documentFlavor: documentFlavor !== null && documentFlavor !== void 0 ? documentFlavor : documentStyle.documentFlavor,
+			documentFlavor: documentFlavor ?? documentStyle.documentFlavor,
 			marginBottom,
 			marginLeft,
 			marginRight,
@@ -11720,7 +11629,7 @@ const InsertSpecialCharacterCommand = {
 	id: "doc.command.insert-special-character",
 	type: CommandType.COMMAND,
 	handler: (accessor, params) => {
-		var _docDataModel$getSelf, _originBody$customRan, _originBody$customDec;
+		var _docDataModel$getSelf;
 		if (!(params === null || params === void 0 ? void 0 : params.value)) return false;
 		const commandService = accessor.get(ICommandService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
@@ -11734,8 +11643,8 @@ const InsertSpecialCharacterCommand = {
 		if (!originBody) return false;
 		const { value } = params;
 		const curTextRun = getTextRunAtPosition(originBody, activeRange.endOffset, docMenuStyleService.getDefaultStyle(), docMenuStyleService.getStyleCache());
-		const curCustomRange = getCustomRangeAtPosition((_originBody$customRan = originBody.customRanges) !== null && _originBody$customRan !== void 0 ? _originBody$customRan : [], activeRange.endOffset);
-		const curCustomDecorations = getCustomDecorationAtPosition((_originBody$customDec = originBody.customDecorations) !== null && _originBody$customDec !== void 0 ? _originBody$customDec : [], activeRange.endOffset);
+		const curCustomRange = getCustomRangeAtPosition(originBody.customRanges ?? [], activeRange.endOffset);
+		const curCustomDecorations = getCustomDecorationAtPosition(originBody.customDecorations ?? [], activeRange.endOffset);
 		return commandService.executeCommand(InsertTextCommand.id, {
 			unitId: docDataModel.getUnitId(),
 			body: {
@@ -11972,7 +11881,7 @@ function disableMenuWhenHeaderFooterEditing(accessor) {
 				return;
 			}
 			const emitDisabled = (editArea) => {
-				const currentEditArea = editArea !== null && editArea !== void 0 ? editArea : viewModel.getEditArea();
+				const currentEditArea = editArea ?? viewModel.getEditArea();
 				emit(currentEditArea === DocumentEditArea.HEADER || currentEditArea === DocumentEditArea.FOOTER);
 			};
 			emitDisabled();
@@ -12066,7 +11975,7 @@ function disableMenuWhenNoDocRange(accessor) {
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	return new Observable((subscriber) => {
 		const subscription = docSelectionManagerService.textSelection$.subscribe((selection) => {
-			var _document$getBody$blo, _document$getBody;
+			var _document$getBody;
 			if (selection == null) {
 				subscriber.next(true);
 				return;
@@ -12077,7 +11986,7 @@ function disableMenuWhenNoDocRange(accessor) {
 				return;
 			}
 			const document = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
-			if (((_document$getBody$blo = document === null || document === void 0 || (_document$getBody = document.getBody()) === null || _document$getBody === void 0 || (_document$getBody = _document$getBody.blockRanges) === null || _document$getBody === void 0 ? void 0 : _document$getBody.filter((range) => range.blockType === DocumentBlockRangeType.CODE)) !== null && _document$getBody$blo !== void 0 ? _document$getBody$blo : []).some((blockRange) => textRanges.some((range) => Math.max(range.startOffset, blockRange.startIndex) <= Math.min(range.endOffset, blockRange.endIndex)))) {
+			if (((document === null || document === void 0 || (_document$getBody = document.getBody()) === null || _document$getBody === void 0 || (_document$getBody = _document$getBody.blockRanges) === null || _document$getBody === void 0 ? void 0 : _document$getBody.filter((range) => range.blockType === DocumentBlockRangeType.CODE)) ?? []).some((blockRange) => textRanges.some((range) => Math.max(range.startOffset, blockRange.startIndex) <= Math.min(range.endOffset, blockRange.endIndex)))) {
 				subscriber.next(true);
 				return;
 			}
@@ -12123,8 +12032,8 @@ function SymbolPickerMenuItemFactory(accessor) {
 	};
 }
 function isTextRangeInAnyBlockRange(document, range) {
-	var _document$getBody$blo2, _document$getBody2;
-	const blockRanges = (_document$getBody$blo2 = document === null || document === void 0 || (_document$getBody2 = document.getBody()) === null || _document$getBody2 === void 0 ? void 0 : _document$getBody2.blockRanges) !== null && _document$getBody$blo2 !== void 0 ? _document$getBody$blo2 : [];
+	var _document$getBody2;
+	const blockRanges = (document === null || document === void 0 || (_document$getBody2 = document.getBody()) === null || _document$getBody2 === void 0 ? void 0 : _document$getBody2.blockRanges) ?? [];
 	const startOffset = range.startOffset;
 	const endOffset = range.collapsed ? range.startOffset : range.endOffset - 1;
 	return blockRanges.some((blockRange) => Math.max(startOffset, blockRange.startIndex) <= Math.min(endOffset, blockRange.endIndex));
@@ -12134,10 +12043,10 @@ function hideMenuWhenSelectionInBlockRange(accessor) {
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	return new Observable((subscriber) => {
 		const calc = (selection) => {
-			var _getCurrentSelection, _selection$textRanges, _docSelectionManagerS, _selection$unitId;
+			var _getCurrentSelection;
 			const currentSelection = (_getCurrentSelection = docSelectionManagerService.__getCurrentSelection) === null || _getCurrentSelection === void 0 ? void 0 : _getCurrentSelection.call(docSelectionManagerService);
-			const textRanges = (_selection$textRanges = selection === null || selection === void 0 ? void 0 : selection.textRanges) !== null && _selection$textRanges !== void 0 ? _selection$textRanges : [...(_docSelectionManagerS = docSelectionManagerService.getTextRanges()) !== null && _docSelectionManagerS !== void 0 ? _docSelectionManagerS : []];
-			const unitId = (_selection$unitId = selection === null || selection === void 0 ? void 0 : selection.unitId) !== null && _selection$unitId !== void 0 ? _selection$unitId : currentSelection === null || currentSelection === void 0 ? void 0 : currentSelection.unitId;
+			const textRanges = (selection === null || selection === void 0 ? void 0 : selection.textRanges) ?? [...docSelectionManagerService.getTextRanges() ?? []];
+			const unitId = (selection === null || selection === void 0 ? void 0 : selection.unitId) ?? (currentSelection === null || currentSelection === void 0 ? void 0 : currentSelection.unitId);
 			const document = unitId ? univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC) : univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 			subscriber.next(textRanges.some((range) => isTextRangeInAnyBlockRange(document, range)));
 		};
@@ -12357,7 +12266,7 @@ function FontFamilySelectorMenuItemFactory(accessor) {
 					return;
 				}
 				const ff = (_textRun$ts7 = textRun.ts) === null || _textRun$ts7 === void 0 ? void 0 : _textRun$ts7.ff;
-				subscriber.next(ff !== null && ff !== void 0 ? ff : defaultValue);
+				subscriber.next(ff ?? defaultValue);
 			};
 			const disposable = commandService.onCommandExecuted((c) => {
 				const id = c.id;
@@ -12395,7 +12304,7 @@ function FontSizeSelectorMenuItemFactory(accessor) {
 					return;
 				}
 				const fs = (_textRun$ts8 = textRun.ts) === null || _textRun$ts8 === void 0 ? void 0 : _textRun$ts8.fs;
-				subscriber.next(fs !== null && fs !== void 0 ? fs : DEFAULT_SIZE);
+				subscriber.next(fs ?? DEFAULT_SIZE);
 			};
 			const disposable = commandService.onCommandExecuted((c) => {
 				const id = c.id;
@@ -12431,14 +12340,14 @@ function HeadingSelectorMenuItemFactory(accessor) {
 		value$: new Observable((subscriber) => {
 			const DEFAULT_TYPE = NamedStyleType.NORMAL_TEXT;
 			const calc = () => {
-				var _paragraph$paragraphS, _paragraph$paragraphS2;
+				var _paragraph$paragraphS;
 				if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 				const paragraph = getParagraphStyleAtCursor(accessor);
 				if (paragraph == null) {
 					subscriber.next(DEFAULT_TYPE);
 					return;
 				}
-				const namedStyleType = (_paragraph$paragraphS = (_paragraph$paragraphS2 = paragraph.paragraphStyle) === null || _paragraph$paragraphS2 === void 0 ? void 0 : _paragraph$paragraphS2.namedStyleType) !== null && _paragraph$paragraphS !== void 0 ? _paragraph$paragraphS : DEFAULT_TYPE;
+				const namedStyleType = ((_paragraph$paragraphS = paragraph.paragraphStyle) === null || _paragraph$paragraphS === void 0 ? void 0 : _paragraph$paragraphS.namedStyleType) ?? DEFAULT_TYPE;
 				subscriber.next(namedStyleType);
 			};
 			const disposable = commandService.onCommandExecuted((c) => {
@@ -12505,12 +12414,12 @@ const FLOAT_TEXT_STYLE_OPTIONS = [
 	}
 ];
 function normalizeFloatingTextStyleValue(paragraph) {
-	var _paragraph$bullet, _paragraph$paragraphS3, _paragraph$paragraphS4;
+	var _paragraph$bullet, _paragraph$paragraphS2;
 	const listType = paragraph === null || paragraph === void 0 || (_paragraph$bullet = paragraph.bullet) === null || _paragraph$bullet === void 0 ? void 0 : _paragraph$bullet.listType;
 	if (listType === null || listType === void 0 ? void 0 : listType.startsWith(PresetListType.ORDER_LIST)) return PresetListType.ORDER_LIST;
 	if (listType === null || listType === void 0 ? void 0 : listType.startsWith(PresetListType.BULLET_LIST)) return PresetListType.BULLET_LIST;
 	if (listType === PresetListType.CHECK_LIST || listType === PresetListType.CHECK_LIST_CHECKED) return PresetListType.CHECK_LIST;
-	return (_paragraph$paragraphS3 = paragraph === null || paragraph === void 0 || (_paragraph$paragraphS4 = paragraph.paragraphStyle) === null || _paragraph$paragraphS4 === void 0 ? void 0 : _paragraph$paragraphS4.namedStyleType) !== null && _paragraph$paragraphS3 !== void 0 ? _paragraph$paragraphS3 : NamedStyleType.NORMAL_TEXT;
+	return (paragraph === null || paragraph === void 0 || (_paragraph$paragraphS2 = paragraph.paragraphStyle) === null || _paragraph$paragraphS2 === void 0 ? void 0 : _paragraph$paragraphS2.namedStyleType) ?? NamedStyleType.NORMAL_TEXT;
 }
 function FloatTextStyleMenuItemFactory(accessor) {
 	const commandService = accessor.get(ICommandService);
@@ -12562,7 +12471,7 @@ function TextColorSelectorMenuItemFactory(accessor) {
 						return;
 					}
 					const color = (_textRun$ts9 = textRun.ts) === null || _textRun$ts9 === void 0 || (_textRun$ts9 = _textRun$ts9.cl) === null || _textRun$ts9 === void 0 ? void 0 : _textRun$ts9.rgb;
-					subscriber.next(color !== null && color !== void 0 ? color : defaultValue);
+					subscriber.next(color ?? defaultValue);
 				};
 				const disposable = commandService.onCommandExecuted((c) => {
 					if (c.id === SetInlineFormatTextColorCommand.id) calc();
@@ -12577,7 +12486,7 @@ function TextColorSelectorMenuItemFactory(accessor) {
 				if (c.id === SetInlineFormatTextColorCommand.id) {
 					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const color = c.params.value;
-					subscriber.next(color !== null && color !== void 0 ? color : defaultColor);
+					subscriber.next(color ?? defaultColor);
 				}
 			});
 			subscriber.next(defaultColor);
@@ -12696,11 +12605,11 @@ function AlignLeftMenuItemFactory(accessor) {
 			const disposable = commandService.onCommandExecuted((c) => {
 				const id = c.id;
 				if (id === SetTextSelectionsOperation.id || id === AlignOperationCommand.id) {
-					var _paragraph$paragraphS5;
+					var _paragraph$paragraphS3;
 					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const paragraph = getParagraphStyleAtCursor(accessor);
 					if (paragraph == null) return;
-					const alignType = (_paragraph$paragraphS5 = paragraph.paragraphStyle) === null || _paragraph$paragraphS5 === void 0 ? void 0 : _paragraph$paragraphS5.horizontalAlign;
+					const alignType = (_paragraph$paragraphS3 = paragraph.paragraphStyle) === null || _paragraph$paragraphS3 === void 0 ? void 0 : _paragraph$paragraphS3.horizontalAlign;
 					subscriber.next(alignType === HorizontalAlign.LEFT);
 				}
 			});
@@ -12721,11 +12630,11 @@ function AlignCenterMenuItemFactory(accessor) {
 			const disposable = commandService.onCommandExecuted((c) => {
 				const id = c.id;
 				if (id === SetTextSelectionsOperation.id || id === AlignOperationCommand.id) {
-					var _paragraph$paragraphS6;
+					var _paragraph$paragraphS4;
 					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const paragraph = getParagraphStyleAtCursor(accessor);
 					if (paragraph == null) return;
-					const alignType = (_paragraph$paragraphS6 = paragraph.paragraphStyle) === null || _paragraph$paragraphS6 === void 0 ? void 0 : _paragraph$paragraphS6.horizontalAlign;
+					const alignType = (_paragraph$paragraphS4 = paragraph.paragraphStyle) === null || _paragraph$paragraphS4 === void 0 ? void 0 : _paragraph$paragraphS4.horizontalAlign;
 					subscriber.next(alignType === HorizontalAlign.CENTER);
 				}
 			});
@@ -12747,11 +12656,11 @@ function AlignRightMenuItemFactory(accessor) {
 			const disposable = commandService.onCommandExecuted((c) => {
 				const id = c.id;
 				if (id === SetTextSelectionsOperation.id || id === AlignOperationCommand.id) {
-					var _paragraph$paragraphS7;
+					var _paragraph$paragraphS5;
 					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const paragraph = getParagraphStyleAtCursor(accessor);
 					if (paragraph == null) return;
-					const alignType = (_paragraph$paragraphS7 = paragraph.paragraphStyle) === null || _paragraph$paragraphS7 === void 0 ? void 0 : _paragraph$paragraphS7.horizontalAlign;
+					const alignType = (_paragraph$paragraphS5 = paragraph.paragraphStyle) === null || _paragraph$paragraphS5 === void 0 ? void 0 : _paragraph$paragraphS5.horizontalAlign;
 					subscriber.next(alignType === HorizontalAlign.RIGHT);
 				}
 			});
@@ -12773,11 +12682,11 @@ function AlignJustifyMenuItemFactory(accessor) {
 			const disposable = commandService.onCommandExecuted((c) => {
 				const id = c.id;
 				if (id === SetTextSelectionsOperation.id || id === AlignOperationCommand.id) {
-					var _paragraph$paragraphS8;
+					var _paragraph$paragraphS6;
 					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const paragraph = getParagraphStyleAtCursor(accessor);
 					if (paragraph == null) return;
-					const alignType = (_paragraph$paragraphS8 = paragraph.paragraphStyle) === null || _paragraph$paragraphS8 === void 0 ? void 0 : _paragraph$paragraphS8.horizontalAlign;
+					const alignType = (_paragraph$paragraphS6 = paragraph.paragraphStyle) === null || _paragraph$paragraphS6 === void 0 ? void 0 : _paragraph$paragraphS6.horizontalAlign;
 					subscriber.next(alignType === HorizontalAlign.JUSTIFIED);
 				}
 			});
@@ -12818,13 +12727,13 @@ function AlignMenuItemFactory(accessor) {
 	const commandService = accessor.get(ICommandService);
 	const value$ = new Observable((subscriber) => {
 		const calc = () => {
-			var _paragraph$paragraphS9, _paragraph$paragraphS10;
+			var _paragraph$paragraphS7;
 			if (shouldSuppressDocMenuStateRefresh(accessor)) {
 				subscriber.next(HorizontalAlign.LEFT);
 				return;
 			}
 			const paragraph = getParagraphStyleAtCursor(accessor);
-			subscriber.next((_paragraph$paragraphS9 = paragraph === null || paragraph === void 0 || (_paragraph$paragraphS10 = paragraph.paragraphStyle) === null || _paragraph$paragraphS10 === void 0 ? void 0 : _paragraph$paragraphS10.horizontalAlign) !== null && _paragraph$paragraphS9 !== void 0 ? _paragraph$paragraphS9 : HorizontalAlign.LEFT);
+			subscriber.next((paragraph === null || paragraph === void 0 || (_paragraph$paragraphS7 = paragraph.paragraphStyle) === null || _paragraph$paragraphS7 === void 0 ? void 0 : _paragraph$paragraphS7.horizontalAlign) ?? HorizontalAlign.LEFT);
 		};
 		const disposable = commandService.onCommandExecuted((c) => {
 			if (c.id === SetTextSelectionsOperation.id || c.id === AlignOperationCommand.id) calc();
@@ -12839,8 +12748,8 @@ function AlignMenuItemFactory(accessor) {
 		id: AlignOperationCommand.id,
 		type: MenuItemType.SELECTOR,
 		icon: value$.pipe(map((alignType) => {
-			var _HORIZONTAL_ALIGN_OPT, _HORIZONTAL_ALIGN_OPT2;
-			return (_HORIZONTAL_ALIGN_OPT = (_HORIZONTAL_ALIGN_OPT2 = HORIZONTAL_ALIGN_OPTIONS.find((option) => option.value === alignType)) === null || _HORIZONTAL_ALIGN_OPT2 === void 0 ? void 0 : _HORIZONTAL_ALIGN_OPT2.icon) !== null && _HORIZONTAL_ALIGN_OPT !== void 0 ? _HORIZONTAL_ALIGN_OPT : "LeftJustifyingIcon";
+			var _HORIZONTAL_ALIGN_OPT;
+			return ((_HORIZONTAL_ALIGN_OPT = HORIZONTAL_ALIGN_OPTIONS.find((option) => option.value === alignType)) === null || _HORIZONTAL_ALIGN_OPT === void 0 ? void 0 : _HORIZONTAL_ALIGN_OPT.icon) ?? "LeftJustifyingIcon";
 		})),
 		tooltip: "docs-ui.toolbar.alignLeft",
 		selections: HORIZONTAL_ALIGN_OPTIONS,
@@ -12864,17 +12773,16 @@ const listValueFactory$ = (accessor) => {
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const subscription = univerInstanceService.focused$.subscribe((unitId) => {
-			var _docRanges$find;
 			if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 			if (unitId == null) return;
 			const docDataModel = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
 			if (docDataModel == null) return;
 			const docRanges = docSelectionManagerService.getDocRanges();
-			const range = (_docRanges$find = docRanges.find((r) => r.isActive)) !== null && _docRanges$find !== void 0 ? _docRanges$find : docRanges[0];
+			const range = docRanges.find((r) => r.isActive) ?? docRanges[0];
 			if (range) {
-				var _doc$getBody$paragrap, _doc$getBody, _doc$getBody$dataStre, _doc$getBody2;
+				var _doc$getBody, _doc$getBody2;
 				const doc = docDataModel.getSelfOrHeaderFooterModel(range === null || range === void 0 ? void 0 : range.segmentId);
-				const paragraphs = BuildTextUtils.range.getParagraphsInRange(range, (_doc$getBody$paragrap = doc === null || doc === void 0 || (_doc$getBody = doc.getBody()) === null || _doc$getBody === void 0 ? void 0 : _doc$getBody.paragraphs) !== null && _doc$getBody$paragrap !== void 0 ? _doc$getBody$paragrap : [], (_doc$getBody$dataStre = doc === null || doc === void 0 || (_doc$getBody2 = doc.getBody()) === null || _doc$getBody2 === void 0 ? void 0 : _doc$getBody2.dataStream) !== null && _doc$getBody$dataStre !== void 0 ? _doc$getBody$dataStre : "");
+				const paragraphs = BuildTextUtils.range.getParagraphsInRange(range, (doc === null || doc === void 0 || (_doc$getBody = doc.getBody()) === null || _doc$getBody === void 0 ? void 0 : _doc$getBody.paragraphs) ?? [], (doc === null || doc === void 0 || (_doc$getBody2 = doc.getBody()) === null || _doc$getBody2 === void 0 ? void 0 : _doc$getBody2.dataStream) ?? "");
 				let listType;
 				if (paragraphs.every((p) => {
 					if (!listType) {
@@ -12986,7 +12894,7 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 						return;
 					}
 					const color = (_textRun$ts10 = textRun.ts) === null || _textRun$ts10 === void 0 || (_textRun$ts10 = _textRun$ts10.bg) === null || _textRun$ts10 === void 0 ? void 0 : _textRun$ts10.rgb;
-					subscriber.next(color !== null && color !== void 0 ? color : defaultValue);
+					subscriber.next(color ?? defaultValue);
 				};
 				const disposable = commandService.onCommandExecuted((c) => {
 					if (c.id === SetInlineFormatTextBackgroundColorCommand.id) calc();
@@ -13001,7 +12909,7 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 				if (c.id === SetInlineFormatTextBackgroundColorCommand.id) {
 					if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 					const color = c.params.value;
-					subscriber.next(color !== null && color !== void 0 ? color : defaultColor);
+					subscriber.next(color ?? defaultColor);
 				}
 			});
 			subscriber.next(defaultColor);
@@ -13012,7 +12920,7 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 	};
 }
 function getFontStyleAtCursor(accessor) {
-	var _docRanges$find2, _docMenuStyleService$, _paragraph$paragraphS11, _paragraph$paragraphS12, _docDataModel$getSelf;
+	var _paragraph$paragraphS8, _paragraph$paragraphS9, _docDataModel$getSelf;
 	if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 	let univerInstanceService;
 	let textSelectionService;
@@ -13027,11 +12935,11 @@ function getFontStyleAtCursor(accessor) {
 	}
 	const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 	const docRanges = textSelectionService.getDocRanges();
-	const activeRange = (_docRanges$find2 = docRanges.find((r) => r.isActive)) !== null && _docRanges$find2 !== void 0 ? _docRanges$find2 : docRanges[0];
+	const activeRange = docRanges.find((r) => r.isActive) ?? docRanges[0];
 	const defaultTextStyle = docMenuStyleService.getDefaultStyle();
-	const cacheStyle = (_docMenuStyleService$ = docMenuStyleService.getStyleCache()) !== null && _docMenuStyleService$ !== void 0 ? _docMenuStyleService$ : {};
+	const cacheStyle = docMenuStyleService.getStyleCache() ?? {};
 	const paragraph = getParagraphStyleAtCursor(accessor);
-	const namedStyle = (paragraph === null || paragraph === void 0 || (_paragraph$paragraphS11 = paragraph.paragraphStyle) === null || _paragraph$paragraphS11 === void 0 ? void 0 : _paragraph$paragraphS11.namedStyleType) ? NAMED_STYLE_MAP[paragraph === null || paragraph === void 0 || (_paragraph$paragraphS12 = paragraph.paragraphStyle) === null || _paragraph$paragraphS12 === void 0 ? void 0 : _paragraph$paragraphS12.namedStyleType] : null;
+	const namedStyle = (paragraph === null || paragraph === void 0 || (_paragraph$paragraphS8 = paragraph.paragraphStyle) === null || _paragraph$paragraphS8 === void 0 ? void 0 : _paragraph$paragraphS8.namedStyleType) ? NAMED_STYLE_MAP[paragraph === null || paragraph === void 0 || (_paragraph$paragraphS9 = paragraph.paragraphStyle) === null || _paragraph$paragraphS9 === void 0 ? void 0 : _paragraph$paragraphS9.namedStyleType] : null;
 	if (docDataModel == null || activeRange == null) return { ts: {
 		...defaultTextStyle,
 		...namedStyle,
@@ -13054,7 +12962,7 @@ function getFontStyleAtCursor(accessor) {
 	} };
 }
 function getParagraphStyleAtCursor(accessor) {
-	var _docRanges$find3, _docDataModel$getSelf2;
+	var _docDataModel$getSelf2;
 	if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 	let univerInstanceService;
 	let textSelectionService;
@@ -13067,7 +12975,7 @@ function getParagraphStyleAtCursor(accessor) {
 	}
 	const docDataModel = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 	const docRanges = textSelectionService.getDocRanges();
-	const activeRange = (_docRanges$find3 = docRanges.find((r) => r.isActive)) !== null && _docRanges$find3 !== void 0 ? _docRanges$find3 : docRanges[0];
+	const activeRange = docRanges.find((r) => r.isActive) ?? docRanges[0];
 	if (docDataModel == null || activeRange == null) return;
 	const { startOffset, segmentId } = activeRange;
 	const paragraphs = (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(segmentId)) === null || _docDataModel$getSelf2 === void 0 || (_docDataModel$getSelf2 = _docDataModel$getSelf2.getBody()) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.paragraphs;
@@ -13097,11 +13005,10 @@ function PageSettingMenuItemFactory(accessor) {
 //#endregion
 //#region src/views/paragraph-menu/theme-color.ts
 function getHighlightBackgroundColor(themeService, index) {
-	var _themeService$getColo;
 	const tokenPath = `highlight.background.${index + 1}`;
 	const token = themeService.getColorFromTheme(tokenPath);
 	if (token == null || typeof token.color !== "string" || typeof token.alpha !== "number") throw new Error(`Theme token ${tokenPath} is required.`);
-	return new ColorKit((_themeService$getColo = themeService.getColorFromTheme(token.color)) !== null && _themeService$getColo !== void 0 ? _themeService$getColo : token.color).setAlpha(token.alpha).toRgbString();
+	return new ColorKit(themeService.getColorFromTheme(token.color) ?? token.color).setAlpha(token.alpha).toRgbString();
 }
 
 //#endregion
@@ -13139,22 +13046,21 @@ const BACKGROUND_COLOR_SWATCH_ICONS = [
 	"DocParagraphBackgroundColorSwatchIcon.11",
 	"DocParagraphBackgroundColorSwatchIcon.12",
 	"DocParagraphBackgroundColorSwatchIcon.13",
-	"DocParagraphBackgroundColorSwatchIcon.14",
-	"DocParagraphBackgroundColorSwatchIcon.15"
+	"DocParagraphBackgroundColorSwatchIcon.14"
 ];
 function getHeadingActivatedObservable(accessor, headingType) {
 	const commandService = accessor.get(ICommandService);
 	return new Observable((subscriber) => {
 		const DEFAULT_TYPE = NamedStyleType.NORMAL_TEXT;
 		const calc = () => {
-			var _paragraph$paragraphS, _paragraph$paragraphS2;
+			var _paragraph$paragraphS;
 			if (shouldSuppressDocMenuStateRefresh(accessor)) return;
 			const paragraph = getParagraphStyleAtCursor(accessor);
 			if (paragraph == null) {
 				subscriber.next(DEFAULT_TYPE === headingType);
 				return;
 			}
-			const namedStyleType = (_paragraph$paragraphS = (_paragraph$paragraphS2 = paragraph.paragraphStyle) === null || _paragraph$paragraphS2 === void 0 ? void 0 : _paragraph$paragraphS2.namedStyleType) !== null && _paragraph$paragraphS !== void 0 ? _paragraph$paragraphS : DEFAULT_TYPE;
+			const namedStyleType = ((_paragraph$paragraphS = paragraph.paragraphStyle) === null || _paragraph$paragraphS === void 0 ? void 0 : _paragraph$paragraphS.namedStyleType) ?? DEFAULT_TYPE;
 			subscriber.next(namedStyleType === headingType);
 		};
 		const disposable = commandService.onCommandExecuted((c) => {
@@ -14680,9 +14586,8 @@ function CountBar(_props) {
 //#endregion
 //#region src/views/doc-footer/DocFooter.tsx
 function DocFooterContent() {
-	var _config$footer;
 	const config = useConfigValue(DOCS_UI_PLUGIN_CONFIG_KEY);
-	return ((_config$footer = config === null || config === void 0 ? void 0 : config.footer) !== null && _config$footer !== void 0 ? _config$footer : true) && /* @__PURE__ */ jsxs("div", {
+	return ((config === null || config === void 0 ? void 0 : config.footer) ?? true) && /* @__PURE__ */ jsxs("div", {
 		className: "univer-box-border univer-flex univer-items-center univer-justify-between univer-px-5 univer-py-1.5",
 		children: [/* @__PURE__ */ jsx("div", {}), /* @__PURE__ */ jsx(CountBar, {})]
 	});
@@ -14847,8 +14752,7 @@ let DocCanvasPopManagerService = class DocCanvasPopManagerService extends Dispos
 		return this._createRectPositionObserver(getBound, currentRender);
 	}
 	_createRangePositionObserver(range, currentRender) {
-		var _calcDocRangePosition;
-		const positions = (_calcDocRangePosition = calcDocRangePositions(range, currentRender)) !== null && _calcDocRangePosition !== void 0 ? _calcDocRangePosition : [];
+		const positions = calcDocRangePositions(range, currentRender) ?? [];
 		const positions$ = new BehaviorSubject(positions);
 		const disposable = new DisposableCollection();
 		disposable.add(this._commandService.onCommandExecuted((commandInfo) => {
@@ -14954,7 +14858,7 @@ let DocCanvasPopManagerService = class DocCanvasPopManagerService extends Dispos
 				"top",
 				"bottom",
 				"horizontal"
-			].some((i) => direction.includes(i)) ? bounds.length > 1 ? multipleDirection !== null && multipleDirection !== void 0 ? multipleDirection : direction : direction : direction,
+			].some((i) => direction.includes(i)) ? bounds.length > 1 ? multipleDirection ?? direction : direction : direction,
 			canvasElement: currentRender.engine.getCanvasElement()
 		});
 		return {
@@ -14985,8 +14889,8 @@ const calcDocRangePositions$1 = (range, documents, skeleton, pageIndex) => {
 	const skeletonData = skeleton.getSkeletonData();
 	let end = range.collapsed ? range.startOffset : range.endOffset - 1;
 	if (range.segmentId) {
-		var _Array$from$, _skeletonData$skeFoot, _skeletonData$skeFoot2, _skeletonData$skeHead, _skeletonData$skeHead2;
-		const root = (_Array$from$ = Array.from((_skeletonData$skeFoot = skeletonData === null || skeletonData === void 0 || (_skeletonData$skeFoot2 = skeletonData.skeFooters.get(range.segmentId)) === null || _skeletonData$skeFoot2 === void 0 ? void 0 : _skeletonData$skeFoot2.values()) !== null && _skeletonData$skeFoot !== void 0 ? _skeletonData$skeFoot : [])[0]) !== null && _Array$from$ !== void 0 ? _Array$from$ : Array.from((_skeletonData$skeHead = skeletonData === null || skeletonData === void 0 || (_skeletonData$skeHead2 = skeletonData.skeHeaders.get(range.segmentId)) === null || _skeletonData$skeHead2 === void 0 ? void 0 : _skeletonData$skeHead2.values()) !== null && _skeletonData$skeHead !== void 0 ? _skeletonData$skeHead : [])[0];
+		var _skeletonData$skeFoot, _skeletonData$skeHead;
+		const root = Array.from((skeletonData === null || skeletonData === void 0 || (_skeletonData$skeFoot = skeletonData.skeFooters.get(range.segmentId)) === null || _skeletonData$skeFoot === void 0 ? void 0 : _skeletonData$skeFoot.values()) ?? [])[0] ?? Array.from((skeletonData === null || skeletonData === void 0 || (_skeletonData$skeHead = skeletonData.skeHeaders.get(range.segmentId)) === null || _skeletonData$skeHead === void 0 ? void 0 : _skeletonData$skeHead.values()) ?? [])[0];
 		if (root) end = Math.min(root.ed, end);
 	}
 	const endPosition = skeleton.findNodePositionByCharIndex(end, true, range.segmentId, pageIndex);
@@ -15080,7 +14984,7 @@ const calcParagraphPositionsFromLineContexts = (contexts, docsLeft, docsTop) =>
 };
 function getParagraphLineBottom(context, lineTop) {
 	const lineBottom = lineTop + context.line.lineHeight;
-	if (context.source !== "column" || context.line !== context.column.lines.at(-1) || !Number.isFinite(context.page.pageHeight)) return lineBottom;
+	if (context.source !== "column" || context.line !== context.column.lines[context.column.lines.length - 1] || !Number.isFinite(context.page.pageHeight)) return lineBottom;
 	const pageTop = lineTop - context.line.top - context.section.top;
 	return Math.max(lineBottom, pageTop + context.page.pageHeight);
 }
@@ -15159,9 +15063,8 @@ function getTableBlockMenuHoverRect(tableRect) {
 	};
 }
 function getTableHorizontalViewportGeometry(tableLeft, tableWidth, viewport) {
-	var _viewport$leadingInse;
 	const hasHorizontalViewport = hasHorizontalTableViewport(viewport);
-	const visibleLeft = hasHorizontalViewport ? tableLeft - ((_viewport$leadingInse = viewport.leadingInsetLeft) !== null && _viewport$leadingInse !== void 0 ? _viewport$leadingInse : 0) : tableLeft;
+	const visibleLeft = hasHorizontalViewport ? tableLeft - (viewport.leadingInsetLeft ?? 0) : tableLeft;
 	return {
 		scrollLeft: hasHorizontalViewport ? viewport.scrollLeft : 0,
 		visibleLeft,
@@ -15169,8 +15072,7 @@ function getTableHorizontalViewportGeometry(tableLeft, tableWidth, viewport) {
 	};
 }
 function hasHorizontalTableViewport(viewport) {
-	var _viewport$leadingInse2, _viewport$trailingIns;
-	return viewport != null && ((_viewport$leadingInse2 = viewport.leadingInsetLeft) !== null && _viewport$leadingInse2 !== void 0 ? _viewport$leadingInse2 : 0) + viewport.contentWidth + ((_viewport$trailingIns = viewport.trailingInsetRight) !== null && _viewport$trailingIns !== void 0 ? _viewport$trailingIns : 0) > viewport.viewportWidth;
+	return viewport != null && (viewport.leadingInsetLeft ?? 0) + viewport.contentWidth + (viewport.trailingInsetRight ?? 0) > viewport.viewportWidth;
 }
 let DocEventManagerService = class DocEventManagerService extends Disposable {
 	get hoverParagraph() {
@@ -15302,8 +15204,7 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 		})))), filter(({ down, up }) => down.target === up.target && (down.button === 2 || up.timeStamp - down.timeStamp < 300))).subscribe(({ down }) => {
 			const point = transformOffset2Bound(down.offsetX, down.offsetY, this._context.scene);
 			if (down.button === 2) {
-				var _this$_calcActiveBull;
-				const bullet = (_this$_calcActiveBull = this._calcActiveBullet(point)) !== null && _this$_calcActiveBull !== void 0 ? _this$_calcActiveBull : this._calcActiveListParagraph(point);
+				const bullet = this._calcActiveBullet(point) ?? this._calcActiveListParagraph(point);
 				if (bullet) this._contextMenuBullet$.next({
 					...bullet,
 					x: down.offsetX,
@@ -15330,13 +15231,12 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 		return [...this._bulletBounds];
 	}
 	getListContextMenuBulletByOffset(offsetX, offsetY) {
-		var _this$_calcActiveBull2;
 		const point = transformOffset2Bound(offsetX, offsetY, this._context.scene);
-		return (_this$_calcActiveBull2 = this._calcActiveBullet(point)) !== null && _this$_calcActiveBull2 !== void 0 ? _this$_calcActiveBull2 : this._calcActiveListParagraph(point);
+		return this._calcActiveBullet(point) ?? this._calcActiveListParagraph(point);
 	}
 	_buildCustomRangeBoundsBySegment(segmentId, segmentPage = -1) {
-		var _this$_context$unit$g, _this$_context$unit$g2;
-		const customRanges = (_this$_context$unit$g = (_this$_context$unit$g2 = this._context.unit.getSelfOrHeaderFooterModel(segmentId)) === null || _this$_context$unit$g2 === void 0 || (_this$_context$unit$g2 = _this$_context$unit$g2.getBody()) === null || _this$_context$unit$g2 === void 0 ? void 0 : _this$_context$unit$g2.customRanges) !== null && _this$_context$unit$g !== void 0 ? _this$_context$unit$g : [];
+		var _this$_context$unit$g;
+		const customRanges = ((_this$_context$unit$g = this._context.unit.getSelfOrHeaderFooterModel(segmentId)) === null || _this$_context$unit$g === void 0 || (_this$_context$unit$g = _this$_context$unit$g.getBody()) === null || _this$_context$unit$g === void 0 ? void 0 : _this$_context$unit$g.customRanges) ?? [];
 		const layouts = [];
 		customRanges.forEach((range) => {
 			const textRange = {
@@ -15381,9 +15281,9 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 		}));
 	}
 	_buildBulletBoundsBySegment(segmentId, segmentPage = -1) {
-		var _this$_context$unit$g3, _body$paragraphs;
-		const body = (_this$_context$unit$g3 = this._context.unit.getSelfOrHeaderFooterModel(segmentId)) === null || _this$_context$unit$g3 === void 0 ? void 0 : _this$_context$unit$g3.getBody();
-		const paragraphs = ((_body$paragraphs = body === null || body === void 0 ? void 0 : body.paragraphs) !== null && _body$paragraphs !== void 0 ? _body$paragraphs : []).filter((p) => p.bullet);
+		var _this$_context$unit$g2;
+		const body = (_this$_context$unit$g2 = this._context.unit.getSelfOrHeaderFooterModel(segmentId)) === null || _this$_context$unit$g2 === void 0 ? void 0 : _this$_context$unit$g2.getBody();
+		const paragraphs = ((body === null || body === void 0 ? void 0 : body.paragraphs) ?? []).filter((p) => p.bullet);
 		const bounds = [];
 		const skeletonData = this._skeleton.getSkeletonData();
 		if (!skeletonData) return bounds;
@@ -15415,8 +15315,8 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 			return bounds;
 		};
 		if (segmentId) {
-			var _skeletonData$skeFoot3, _skeletonData$skeFoot4, _skeletonData$skeHead3;
-			const page = (_skeletonData$skeFoot3 = (_skeletonData$skeFoot4 = skeletonData.skeFooters.get(segmentId)) === null || _skeletonData$skeFoot4 === void 0 ? void 0 : _skeletonData$skeFoot4.values()) !== null && _skeletonData$skeFoot3 !== void 0 ? _skeletonData$skeFoot3 : (_skeletonData$skeHead3 = skeletonData.skeHeaders.get(segmentId)) === null || _skeletonData$skeHead3 === void 0 ? void 0 : _skeletonData$skeHead3.values();
+			var _skeletonData$skeFoot2, _skeletonData$skeHead2;
+			const page = ((_skeletonData$skeFoot2 = skeletonData.skeFooters.get(segmentId)) === null || _skeletonData$skeFoot2 === void 0 ? void 0 : _skeletonData$skeFoot2.values()) ?? ((_skeletonData$skeHead2 = skeletonData.skeHeaders.get(segmentId)) === null || _skeletonData$skeHead2 === void 0 ? void 0 : _skeletonData$skeHead2.values());
 			if (!page) return bounds;
 			return calc(Array.from(page));
 		}
@@ -15448,8 +15348,8 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 		return getListParagraphContextMenuHit(paragraphBound, this._getParagraphByStartIndex(paragraphBound.startIndex, paragraphBound.segmentId), evt);
 	}
 	_getParagraphByStartIndex(startIndex, segmentId) {
-		var _this$_context$unit$g4;
-		return (_this$_context$unit$g4 = this._context.unit.getSelfOrHeaderFooterModel(segmentId)) === null || _this$_context$unit$g4 === void 0 || (_this$_context$unit$g4 = _this$_context$unit$g4.getBody()) === null || _this$_context$unit$g4 === void 0 || (_this$_context$unit$g4 = _this$_context$unit$g4.paragraphs) === null || _this$_context$unit$g4 === void 0 ? void 0 : _this$_context$unit$g4.find((paragraph) => paragraph.startIndex === startIndex);
+		var _this$_context$unit$g3;
+		return (_this$_context$unit$g3 = this._context.unit.getSelfOrHeaderFooterModel(segmentId)) === null || _this$_context$unit$g3 === void 0 || (_this$_context$unit$g3 = _this$_context$unit$g3.getBody()) === null || _this$_context$unit$g3 === void 0 || (_this$_context$unit$g3 = _this$_context$unit$g3.paragraphs) === null || _this$_context$unit$g3 === void 0 ? void 0 : _this$_context$unit$g3.find((paragraph) => paragraph.startIndex === startIndex);
 	}
 	_buildParagraphBoundsBySegment(segmentId) {
 		const skeletonData = this._skeleton.getSkeletonData();
@@ -15484,9 +15384,8 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 				pageMarginTop: documentOffsetConfig.pageMarginTop,
 				unitId: this._context.unitId
 			}, (context) => {
-				var _lineContextsBySource;
 				if (context.source === "table-cell") return;
-				const lineContexts = (_lineContextsBySource = lineContextsBySource.get(context.pageIndex)) !== null && _lineContextsBySource !== void 0 ? _lineContextsBySource : [];
+				const lineContexts = lineContextsBySource.get(context.pageIndex) ?? [];
 				lineContexts.push(context);
 				lineContextsBySource.set(context.pageIndex, lineContexts);
 			});
@@ -15511,9 +15410,8 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 					tableId
 				});
 				for (const cellGeometry of tableContext.cells) {
-					var _cell$pageWidth, _cell$marginLeft, _cell$marginRight;
 					const cell = cellGeometry.cell;
-					const cellContentWidth = ((_cell$pageWidth = cell.pageWidth) !== null && _cell$pageWidth !== void 0 ? _cell$pageWidth : 0) - ((_cell$marginLeft = cell.marginLeft) !== null && _cell$marginLeft !== void 0 ? _cell$marginLeft : 0) - ((_cell$marginRight = cell.marginRight) !== null && _cell$marginRight !== void 0 ? _cell$marginRight : 0);
+					const cellContentWidth = (cell.pageWidth ?? 0) - (cell.marginLeft ?? 0) - (cell.marginRight ?? 0);
 					const bounds = calcDocParagraphPositions(cell.sections, cellGeometry.pageTop, cellGeometry.pageLeft, cellContentWidth).map((bound) => clipParagraphBoundHorizontally(bound, cellGeometry.clipLeft, cellGeometry.clipRight)).filter((bound) => bound != null);
 					let arr = this._tableParagraphBounds.get(tableId);
 					if (!arr) {
@@ -15549,15 +15447,15 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 			return paragraphMap;
 		};
 		if (segmentId) {
-			var _skeletonData$skeFoot5, _skeletonData$skeFoot6, _skeletonData$skeHead4;
-			const page = (_skeletonData$skeFoot5 = (_skeletonData$skeFoot6 = skeletonData.skeFooters.get(segmentId)) === null || _skeletonData$skeFoot6 === void 0 ? void 0 : _skeletonData$skeFoot6.values()) !== null && _skeletonData$skeFoot5 !== void 0 ? _skeletonData$skeFoot5 : (_skeletonData$skeHead4 = skeletonData.skeHeaders.get(segmentId)) === null || _skeletonData$skeHead4 === void 0 ? void 0 : _skeletonData$skeHead4.values();
+			var _skeletonData$skeFoot3, _skeletonData$skeHead3;
+			const page = ((_skeletonData$skeFoot3 = skeletonData.skeFooters.get(segmentId)) === null || _skeletonData$skeFoot3 === void 0 ? void 0 : _skeletonData$skeFoot3.values()) ?? ((_skeletonData$skeHead3 = skeletonData.skeHeaders.get(segmentId)) === null || _skeletonData$skeHead3 === void 0 ? void 0 : _skeletonData$skeHead3.values());
 			if (!page) return null;
 			return calc(Array.from(page));
 		}
 		return calc(skeletonData.pages);
 	}
 	_buildParagraphBounds() {
-		var _this$_buildParagraph, _this$_skeleton$getSk3;
+		var _this$_skeleton$getSk3;
 		const tableViewportSignature = this._getTableViewportSignature();
 		if (!this._paragraphDirty && this._tableViewportSignature === tableViewportSignature) return;
 		this._paragraphDirty = false;
@@ -15565,7 +15463,7 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 		this._tableParagraphBounds = /* @__PURE__ */ new Map();
 		this._tableCellBounds = /* @__PURE__ */ new Map();
 		this._tableBounds = /* @__PURE__ */ new Map();
-		this._paragraphBounds = (_this$_buildParagraph = this._buildParagraphBoundsBySegment()) !== null && _this$_buildParagraph !== void 0 ? _this$_buildParagraph : /* @__PURE__ */ new Map();
+		this._paragraphBounds = this._buildParagraphBoundsBySegment() ?? /* @__PURE__ */ new Map();
 		this._paragraphLeftBounds = Array.from(this._paragraphBounds.values()).map((bound) => ({
 			...bound,
 			rect: {
@@ -15576,8 +15474,7 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 			}
 		}));
 		const handleSegment = (segmentId) => {
-			var _this$_buildParagraph2;
-			this._segmentParagraphBounds.set(segmentId, (_this$_buildParagraph2 = this._buildParagraphBoundsBySegment(segmentId)) !== null && _this$_buildParagraph2 !== void 0 ? _this$_buildParagraph2 : /* @__PURE__ */ new Map());
+			this._segmentParagraphBounds.set(segmentId, this._buildParagraphBoundsBySegment(segmentId) ?? /* @__PURE__ */ new Map());
 		};
 		(_this$_skeleton$getSk3 = this._skeleton.getSkeletonData()) === null || _this$_skeleton$getSk3 === void 0 || _this$_skeleton$getSk3.pages.forEach((page) => {
 			if (page.headerId) handleSegment(page.headerId);
@@ -15642,8 +15539,8 @@ let DocEventManagerService = class DocEventManagerService extends Disposable {
 		})), startIndex, endIndex);
 	}
 	_getTableViewportSignature() {
-		var _this$_skeleton$getSk4, _this$_skeleton$getSk5;
-		const pages = (_this$_skeleton$getSk4 = (_this$_skeleton$getSk5 = this._skeleton.getSkeletonData()) === null || _this$_skeleton$getSk5 === void 0 ? void 0 : _this$_skeleton$getSk5.pages) !== null && _this$_skeleton$getSk4 !== void 0 ? _this$_skeleton$getSk4 : [];
+		var _this$_skeleton$getSk4;
+		const pages = ((_this$_skeleton$getSk4 = this._skeleton.getSkeletonData()) === null || _this$_skeleton$getSk4 === void 0 ? void 0 : _this$_skeleton$getSk4.pages) ?? [];
 		const signatures = [];
 		for (const tableContext of documentSkeletonTableIterator(pages, {
 			pageMarginTop: this._documents.getOffsetConfig().pageMarginTop,
@@ -15671,13 +15568,12 @@ function isRangeOverlappingParagraph(bound, startIndex, endIndex) {
 	return Math.max(bound.paragraphStart, startIndex) <= Math.min(bound.paragraphEnd, endIndex);
 }
 function clipParagraphBoundHorizontally(bound, visibleLeft, visibleRight) {
-	var _clipRectHorizontally;
 	const rect = clipRectHorizontally(bound.rect, visibleLeft, visibleRight);
 	if (!rect) return null;
 	return {
 		...bound,
 		rect,
-		fisrtLine: (_clipRectHorizontally = clipRectHorizontally(bound.fisrtLine, visibleLeft, visibleRight)) !== null && _clipRectHorizontally !== void 0 ? _clipRectHorizontally : rect
+		fisrtLine: clipRectHorizontally(bound.fisrtLine, visibleLeft, visibleRight) ?? rect
 	};
 }
 function clipRectHorizontally(rect, visibleLeft, visibleRight) {
@@ -15733,7 +15629,7 @@ const SideMenu = forwardRef((props, ref) => {
 				transform: open ? "translateX(0)" : "translateX(-100%)",
 				maxHeight,
 				opacity: open ? 1 : 0,
-				maxWidth: maxWidth !== null && maxWidth !== void 0 ? maxWidth : mode === "side-bar" ? 320 : 180,
+				maxWidth: maxWidth ?? (mode === "side-bar" ? 320 : 180),
 				paddingRight: mode === "float" ? void 0 : 0
 			},
 			children: /* @__PURE__ */ jsx("div", {
@@ -15798,28 +15694,28 @@ function DocSideMenu() {
 	return null;
 }
 function DocSideMenuContent() {
-	var _documentData$body$da, _documentData$body, _currentDoc$getUnitId, _documentData$body$pa, _documentData$body2;
+	var _documentData$body, _documentData$body2;
 	const instanceService = useDependency(IUniverInstanceService);
 	const currentDoc = useObservable(useMemo(() => instanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC), []));
 	const renderManagerService = useDependency(IRenderManagerService);
 	const documentData = useObservable(currentDoc ? () => currentDoc.change$.pipe(debounceTime(100), map(() => currentDoc.getSnapshot())) : null, currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getSnapshot(), false, [currentDoc]);
-	const fullDataStream = (_documentData$body$da = documentData === null || documentData === void 0 || (_documentData$body = documentData.body) === null || _documentData$body === void 0 ? void 0 : _documentData$body.dataStream) !== null && _documentData$body$da !== void 0 ? _documentData$body$da : "";
+	const fullDataStream = (documentData === null || documentData === void 0 || (_documentData$body = documentData.body) === null || _documentData$body === void 0 ? void 0 : _documentData$body.dataStream) ?? "";
 	const [activeId, setActiveId] = useState(void 0);
-	const unitId = (_currentDoc$getUnitId = currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getUnitId()) !== null && _currentDoc$getUnitId !== void 0 ? _currentDoc$getUnitId : "";
+	const unitId = (currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getUnitId()) ?? "";
 	const renderer = renderManagerService.getRenderUnitById(unitId);
 	const title = documentData === null || documentData === void 0 ? void 0 : documentData.title;
 	const docEventManagerService = renderer === null || renderer === void 0 ? void 0 : renderer.with(DocEventManagerService);
 	const paragraphBounds = docEventManagerService === null || docEventManagerService === void 0 ? void 0 : docEventManagerService.paragraphBounds;
 	const readLayout = () => {
-		var _renderer$mainCompone, _renderer$mainCompone2, _renderer$engine$heig, _renderer$scene$scale;
+		var _renderer$mainCompone;
 		return {
-			left: (_renderer$mainCompone = renderer === null || renderer === void 0 || (_renderer$mainCompone2 = renderer.mainComponent) === null || _renderer$mainCompone2 === void 0 ? void 0 : _renderer$mainCompone2.left) !== null && _renderer$mainCompone !== void 0 ? _renderer$mainCompone : 0,
-			canvasHeight: (_renderer$engine$heig = renderer === null || renderer === void 0 ? void 0 : renderer.engine.height) !== null && _renderer$engine$heig !== void 0 ? _renderer$engine$heig : 0,
-			scaleY: (_renderer$scene$scale = renderer === null || renderer === void 0 ? void 0 : renderer.scene.scaleY) !== null && _renderer$scene$scale !== void 0 ? _renderer$scene$scale : 1
+			left: (renderer === null || renderer === void 0 || (_renderer$mainCompone = renderer.mainComponent) === null || _renderer$mainCompone === void 0 ? void 0 : _renderer$mainCompone.left) ?? 0,
+			canvasHeight: (renderer === null || renderer === void 0 ? void 0 : renderer.engine.height) ?? 0,
+			scaleY: (renderer === null || renderer === void 0 ? void 0 : renderer.scene.scaleY) ?? 1
 		};
 	};
 	const { left, canvasHeight, scaleY } = useObservable((renderer === null || renderer === void 0 ? void 0 : renderer.engine.onTransformChange$) ? () => fromEventSubject(renderer.engine.onTransformChange$).pipe(throttleTime(33), map(readLayout), startWith(readLayout())) : null, readLayout(), false, [renderer]);
-	const paragraphs = (_documentData$body$pa = documentData === null || documentData === void 0 || (_documentData$body2 = documentData.body) === null || _documentData$body2 === void 0 ? void 0 : _documentData$body2.paragraphs) !== null && _documentData$body$pa !== void 0 ? _documentData$body$pa : [];
+	const paragraphs = (documentData === null || documentData === void 0 || (_documentData$body2 = documentData.body) === null || _documentData$body2 === void 0 ? void 0 : _documentData$body2.paragraphs) ?? [];
 	const paragraphMap = useMemo(() => {
 		const map = /* @__PURE__ */ new Map();
 		paragraphs.forEach((p) => {
@@ -15857,7 +15753,7 @@ function DocSideMenuContent() {
 		text: title,
 		level: 1,
 		isTitle: true
-	}] : [], ...paragraphMenus !== null && paragraphMenus !== void 0 ? paragraphMenus : []].filter(Boolean);
+	}] : [], ...paragraphMenus ?? []].filter(Boolean);
 	const [open, setOpen] = useState(true);
 	useEffect(() => {
 		const viewport = renderer === null || renderer === void 0 ? void 0 : renderer.scene.getViewport("viewMain");
@@ -16035,12 +15931,22 @@ function createDefaultDocsTableLikeCustomBlockBleedViewport() {
 }
 function resolveDocsTableLikeCustomBlockBleedViewport(root, contentWidth, hint) {
 	const rootRect = root.getBoundingClientRect();
-	const rootWidth = Math.max(1, rootRect.width);
+	const hintedViewScale = hint === null || hint === void 0 ? void 0 : hint.viewScale;
+	const viewScale = typeof hintedViewScale === "number" && Number.isFinite(hintedViewScale) && hintedViewScale > 0 ? hintedViewScale : 1;
+	const rootWidth = Math.max(1, rootRect.width / viewScale);
 	const normalizedContentWidth = Math.max(1, contentWidth);
 	const hintedBleedLeft = hint === null || hint === void 0 ? void 0 : hint.bleedLeft;
 	const hintedBleedWidth = hint === null || hint === void 0 ? void 0 : hint.bleedWidth;
-	if (Number.isFinite(hintedBleedWidth) && (hintedBleedWidth !== null && hintedBleedWidth !== void 0 ? hintedBleedWidth : 0) > 0) {
-		const bleedLeft = Math.max(0, hintedBleedLeft !== null && hintedBleedLeft !== void 0 ? hintedBleedLeft : 0);
+	const hasBleedHint = Number.isFinite(hintedBleedWidth) && (hintedBleedWidth ?? 0) > 0;
+	if (normalizedContentWidth <= rootWidth && ((hint === null || hint === void 0 ? void 0 : hint.authoritativeContentWidth) || !hasBleedHint)) return {
+		bleedLeft: 0,
+		bleedRight: 0,
+		bleedWidth: rootWidth,
+		contentWidth: normalizedContentWidth,
+		virtualWidth: rootWidth
+	};
+	if (hasBleedHint) {
+		const bleedLeft = Math.max(0, hintedBleedLeft ?? 0);
 		const bleedWidth = Math.max(1, hintedBleedWidth);
 		return {
 			bleedLeft,
@@ -16050,30 +15956,25 @@ function resolveDocsTableLikeCustomBlockBleedViewport(root, contentWidth, hint)
 			virtualWidth: Math.max(bleedWidth, bleedLeft + normalizedContentWidth)
 		};
 	}
-	if (normalizedContentWidth <= rootWidth) return {
-		bleedLeft: 0,
-		bleedRight: 0,
-		bleedWidth: rootWidth,
-		contentWidth: normalizedContentWidth,
-		virtualWidth: rootWidth
-	};
 	const bounds = resolveDocsTableLikeCustomBlockBleedBounds(root);
 	const viewportLeft = bounds.left + DOCS_CUSTOM_BLOCK_VIEWPORT_INSET;
 	const viewportWidth = Math.max(1, bounds.width - DOCS_CUSTOM_BLOCK_VIEWPORT_INSET * 2);
-	const bleedLeft = Math.max(0, rootRect.left - viewportLeft);
+	const bleedLeft = Math.max(0, (rootRect.left - viewportLeft) / viewScale);
+	const bleedRight = Math.max(0, (viewportLeft + viewportWidth - rootRect.right) / viewScale);
+	const logicalViewportWidth = viewportWidth / viewScale;
 	return {
 		bleedLeft,
-		bleedRight: Math.max(0, viewportLeft + viewportWidth - rootRect.right),
-		bleedWidth: viewportWidth,
+		bleedRight,
+		bleedWidth: logicalViewportWidth,
 		contentWidth: normalizedContentWidth,
-		virtualWidth: Math.max(viewportWidth, bleedLeft + normalizedContentWidth)
+		virtualWidth: Math.max(logicalViewportWidth, bleedLeft + normalizedContentWidth)
 	};
 }
 function resolveDocsTableLikeCustomBlockContentWidth(authoritativeContentWidth, fallbackContentWidth) {
-	return Number.isFinite(authoritativeContentWidth) && (authoritativeContentWidth !== null && authoritativeContentWidth !== void 0 ? authoritativeContentWidth : 0) > 0 ? authoritativeContentWidth : Math.max(1, fallbackContentWidth);
+	return Number.isFinite(authoritativeContentWidth) && (authoritativeContentWidth ?? 0) > 0 ? authoritativeContentWidth : Math.max(1, fallbackContentWidth);
 }
 function resolveDocsTableLikeCustomBlockContentHeight(authoritativeContentHeight, fallbackContentHeight) {
-	return Number.isFinite(authoritativeContentHeight) && (authoritativeContentHeight !== null && authoritativeContentHeight !== void 0 ? authoritativeContentHeight : 0) > 0 ? authoritativeContentHeight : Math.max(1, fallbackContentHeight);
+	return Number.isFinite(authoritativeContentHeight) && (authoritativeContentHeight ?? 0) > 0 ? authoritativeContentHeight : Math.max(1, fallbackContentHeight);
 }
 function resolveDocsTableLikeCustomBlockBleedBounds(root) {
 	const clippingAncestor = findClippingAncestor(root);
@@ -16109,10 +16010,9 @@ function hasClippingOverflow(value) {
 //#region src/embed-docs-custom-block-refresh.ts
 function collectDocsTableLikeEmbedChildUnitIds(drawings, resolveChildUnitId) {
 	const childUnitIds = /* @__PURE__ */ new Set();
-	Object.values(drawings !== null && drawings !== void 0 ? drawings : {}).forEach((drawing) => {
-		var _resolveChildUnitId;
+	Object.values(drawings ?? {}).forEach((drawing) => {
 		const data = getDrawingData(drawing);
-		const childUnitId = data ? (_resolveChildUnitId = resolveChildUnitId === null || resolveChildUnitId === void 0 ? void 0 : resolveChildUnitId(data)) !== null && _resolveChildUnitId !== void 0 ? _resolveChildUnitId : typeof data.childUnitId === "string" ? data.childUnitId : void 0 : void 0;
+		const childUnitId = data ? (resolveChildUnitId === null || resolveChildUnitId === void 0 ? void 0 : resolveChildUnitId(data)) ?? (typeof data.childUnitId === "string" ? data.childUnitId : void 0) : void 0;
 		const childType = typeof (data === null || data === void 0 ? void 0 : data.childType) === "number" ? data.childType : void 0;
 		if (!childUnitId || !isSheetLikeDocsCustomBlockChildType(childType)) return;
 		childUnitIds.add(childUnitId);
@@ -16195,31 +16095,31 @@ function clampScroll(value, min, max) {
 function resolveMaxScrollLeft(element, requestedMaxScrollLeft) {
 	const nativeMaxScrollLeft = Math.max(0, element.scrollWidth - element.clientWidth);
 	if (!Number.isFinite(requestedMaxScrollLeft)) return nativeMaxScrollLeft;
-	return clampScroll(requestedMaxScrollLeft !== null && requestedMaxScrollLeft !== void 0 ? requestedMaxScrollLeft : nativeMaxScrollLeft, 0, nativeMaxScrollLeft);
+	return clampScroll(requestedMaxScrollLeft ?? nativeMaxScrollLeft, 0, nativeMaxScrollLeft);
 }
 
 //#endregion
 //#region src/embed-host-anchor.ts
 const MODERN_DOCS_CUSTOM_BLOCK_VIEWPORT_INSET = 10;
 function resolveDocsCustomBlockRenderViewport(params) {
-	var _params$fallbackWidth, _params$fallbackHeigh, _params$contentHeight, _params$visibleCanvas, _params$pageMarginLef, _params$pageMarginRig, _params$contentWidth, _params$docsLeft, _params$visibleCanvas2;
 	const defaultSize = resolveDocsCustomBlockSize(params.childType);
-	const fallbackWidth = (_params$fallbackWidth = params.fallbackWidth) !== null && _params$fallbackWidth !== void 0 ? _params$fallbackWidth : defaultSize.width;
-	const fallbackHeight = (_params$fallbackHeigh = params.fallbackHeight) !== null && _params$fallbackHeigh !== void 0 ? _params$fallbackHeigh : defaultSize.height;
+	const fallbackWidth = params.fallbackWidth ?? defaultSize.width;
+	const fallbackHeight = params.fallbackHeight ?? defaultSize.height;
 	const sheetLike = isSheetLikeDocsCustomBlockChildType(params.childType);
-	const contentHeight = Number.isFinite(params.contentHeight) && ((_params$contentHeight = params.contentHeight) !== null && _params$contentHeight !== void 0 ? _params$contentHeight : 0) > 0 ? params.contentHeight : fallbackHeight;
-	const visibleCanvasHeight = Number.isFinite(params.visibleCanvasHeight) && ((_params$visibleCanvas = params.visibleCanvasHeight) !== null && _params$visibleCanvas !== void 0 ? _params$visibleCanvas : 0) > 0 ? params.visibleCanvasHeight : void 0;
+	const contentHeight = Number.isFinite(params.contentHeight) && (params.contentHeight ?? 0) > 0 ? params.contentHeight : fallbackHeight;
+	const visibleCanvasHeight = Number.isFinite(params.visibleCanvasHeight) && (params.visibleCanvasHeight ?? 0) > 0 ? params.visibleCanvasHeight : void 0;
 	const height = sheetLike ? contentHeight : fallbackHeight;
 	const viewportHeight = sheetLike && visibleCanvasHeight != null ? Math.min(contentHeight, visibleCanvasHeight) : height;
+	const viewScale = params.scale && params.scale > 0 ? params.scale : 1;
 	if (!sheetLike) return {
 		height,
 		width: fallbackWidth
 	};
 	const pageWidth = params.pageWidth;
-	const pageMarginLeft = (_params$pageMarginLef = params.pageMarginLeft) !== null && _params$pageMarginLef !== void 0 ? _params$pageMarginLef : 0;
-	const pageMarginRight = (_params$pageMarginRig = params.pageMarginRight) !== null && _params$pageMarginRig !== void 0 ? _params$pageMarginRig : 0;
+	const pageMarginLeft = params.pageMarginLeft ?? 0;
+	const pageMarginRight = params.pageMarginRight ?? 0;
 	const pageContentWidth = Number.isFinite(pageWidth) ? Math.max(0, pageWidth - pageMarginLeft - pageMarginRight) : fallbackWidth;
-	const contentWidth = Number.isFinite(params.contentWidth) && ((_params$contentWidth = params.contentWidth) !== null && _params$contentWidth !== void 0 ? _params$contentWidth : 0) > 0 ? params.contentWidth : fallbackWidth;
+	const contentWidth = Number.isFinite(params.contentWidth) && (params.contentWidth ?? 0) > 0 ? params.contentWidth : fallbackWidth;
 	if (params.documentFlavor !== DocumentFlavor.MODERN || !Number.isFinite(pageWidth)) {
 		const layoutWidth = Math.min(contentWidth, pageContentWidth || contentWidth);
 		return {
@@ -16228,16 +16128,17 @@ function resolveDocsCustomBlockRenderViewport(params) {
 			height,
 			layoutWidth,
 			offsetLeft: 0,
+			pageContentWidth,
+			viewScale,
 			viewportHeight,
 			width: layoutWidth
 		};
 	}
-	const scale = params.scale && params.scale > 0 ? params.scale : 1;
-	const inset = MODERN_DOCS_CUSTOM_BLOCK_VIEWPORT_INSET / scale;
-	const docsLeft = (_params$docsLeft = params.docsLeft) !== null && _params$docsLeft !== void 0 ? _params$docsLeft : 0;
+	const inset = MODERN_DOCS_CUSTOM_BLOCK_VIEWPORT_INSET / viewScale;
+	const docsLeft = params.docsLeft ?? 0;
 	const fallbackViewportLeft = docsLeft + inset;
 	const fallbackViewportWidth = Math.max(0, pageWidth - inset * 2);
-	const hasVisibleCanvas = Number.isFinite(params.visibleCanvasLeft) && Number.isFinite(params.visibleCanvasWidth) && ((_params$visibleCanvas2 = params.visibleCanvasWidth) !== null && _params$visibleCanvas2 !== void 0 ? _params$visibleCanvas2 : 0) > 0;
+	const hasVisibleCanvas = Number.isFinite(params.visibleCanvasLeft) && Number.isFinite(params.visibleCanvasWidth) && (params.visibleCanvasWidth ?? 0) > 0;
 	const viewportLeft = hasVisibleCanvas ? params.visibleCanvasLeft + inset : fallbackViewportLeft;
 	const viewportWidth = hasVisibleCanvas ? Math.max(0, params.visibleCanvasWidth - inset * 2) : fallbackViewportWidth;
 	const paragraphTextStart = docsLeft + pageMarginLeft;
@@ -16251,6 +16152,8 @@ function resolveDocsCustomBlockRenderViewport(params) {
 		height,
 		layoutWidth,
 		offsetLeft: 0,
+		pageContentWidth,
+		viewScale,
 		viewportHeight,
 		width: layoutWidth
 	};
@@ -16259,7 +16162,7 @@ function resolveDocsCustomBlockRenderViewport(params) {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs-ui";
-var version = "1.0.0-alpha.8";
+var version = "1.0.0-beta.0";
 
 //#endregion
 //#region src/commands/commands/doc-paragraph-setting.command.ts
@@ -16267,7 +16170,6 @@ const DocParagraphSettingCommand = {
 	id: "doc-paragraph-setting.command",
 	type: CommandType.COMMAND,
 	handler: async (accessor, config) => {
-		var _segmentBody$paragrap, _segmentBody$dataStre, _BuildTextUtils$range;
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const commandService = accessor.get(ICommandService);
@@ -16278,9 +16180,9 @@ const DocParagraphSettingCommand = {
 		const unitId = docDataModel.getUnitId();
 		const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
 		const segmentBody = segment === null || segment === void 0 ? void 0 : segment.getBody();
-		const allParagraphs = (_segmentBody$paragrap = segmentBody === null || segmentBody === void 0 ? void 0 : segmentBody.paragraphs) !== null && _segmentBody$paragrap !== void 0 ? _segmentBody$paragrap : [];
-		const dataStream = (_segmentBody$dataStre = segmentBody === null || segmentBody === void 0 ? void 0 : segmentBody.dataStream) !== null && _segmentBody$dataStre !== void 0 ? _segmentBody$dataStre : "";
-		const paragraphs = (_BuildTextUtils$range = BuildTextUtils.range.getParagraphsInRanges(docRanges, allParagraphs, dataStream)) !== null && _BuildTextUtils$range !== void 0 ? _BuildTextUtils$range : [];
+		const allParagraphs = (segmentBody === null || segmentBody === void 0 ? void 0 : segmentBody.paragraphs) ?? [];
+		const dataStream = (segmentBody === null || segmentBody === void 0 ? void 0 : segmentBody.dataStream) ?? "";
+		const paragraphs = BuildTextUtils.range.getParagraphsInRanges(docRanges, allParagraphs, dataStream) ?? [];
 		const doMutation = {
 			id: RichTextEditingMutation.id,
 			params: {
@@ -16430,16 +16332,15 @@ function getSegmentId(documentStyle, editArea, pageIndex, page) {
 	else return evenAndOddHeaders === BooleanNumber.TRUE && isEvenPage ? evenPageFooterId : defaultFooterId;
 }
 const DocHeaderFooterOptions = (props) => {
-	var _segmentContext$segme, _segmentContext$segme2;
 	const docSelectionRenderService = useDependency(IRenderManagerService).getRenderUnitById(props.unitId).with(DocSelectionRenderService);
 	const segmentContext = useObservable(docSelectionRenderService.segmentContext$, {
 		segmentId: docSelectionRenderService.getSegment(),
 		segmentPage: docSelectionRenderService.getSegmentPage()
 	});
-	return /* @__PURE__ */ jsx(DocHeaderFooterOptionsContent, { ...props }, `${(_segmentContext$segme = segmentContext === null || segmentContext === void 0 ? void 0 : segmentContext.segmentId) !== null && _segmentContext$segme !== void 0 ? _segmentContext$segme : ""}:${(_segmentContext$segme2 = segmentContext === null || segmentContext === void 0 ? void 0 : segmentContext.segmentPage) !== null && _segmentContext$segme2 !== void 0 ? _segmentContext$segme2 : -1}`);
+	return /* @__PURE__ */ jsx(DocHeaderFooterOptionsContent, { ...props }, `${(segmentContext === null || segmentContext === void 0 ? void 0 : segmentContext.segmentId) ?? ""}:${(segmentContext === null || segmentContext === void 0 ? void 0 : segmentContext.segmentPage) ?? -1}`);
 };
 function DocHeaderFooterOptionsContent(props) {
-	var _renderManagerService2, _sectionContext$confi, _sectionContext$secti, _sectionContext$secti2;
+	var _renderManagerService2, _sectionContext$secti;
 	const localeService = useDependency(LocaleService);
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const renderManagerService = useDependency(IRenderManagerService);
@@ -16459,19 +16360,19 @@ function DocHeaderFooterOptionsContent(props) {
 		};
 	};
 	const [options, setOptions] = useState(() => {
-		var _getCurrentSectionCon, _config$marginHeader, _config$marginFooter, _config$useFirstPageH, _config$evenAndOddHea;
+		var _getCurrentSectionCon;
 		const config = (_getCurrentSectionCon = getCurrentSectionContext()) === null || _getCurrentSectionCon === void 0 ? void 0 : _getCurrentSectionCon.config;
 		return {
-			marginHeader: (_config$marginHeader = config === null || config === void 0 ? void 0 : config.marginHeader) !== null && _config$marginHeader !== void 0 ? _config$marginHeader : 0,
-			marginFooter: (_config$marginFooter = config === null || config === void 0 ? void 0 : config.marginFooter) !== null && _config$marginFooter !== void 0 ? _config$marginFooter : 0,
-			useFirstPageHeaderFooter: (_config$useFirstPageH = config === null || config === void 0 ? void 0 : config.useFirstPageHeaderFooter) !== null && _config$useFirstPageH !== void 0 ? _config$useFirstPageH : BooleanNumber.FALSE,
-			evenAndOddHeaders: (_config$evenAndOddHea = config === null || config === void 0 ? void 0 : config.evenAndOddHeaders) !== null && _config$evenAndOddHea !== void 0 ? _config$evenAndOddHea : BooleanNumber.FALSE
+			marginHeader: (config === null || config === void 0 ? void 0 : config.marginHeader) ?? 0,
+			marginFooter: (config === null || config === void 0 ? void 0 : config.marginFooter) ?? 0,
+			useFirstPageHeaderFooter: (config === null || config === void 0 ? void 0 : config.useFirstPageHeaderFooter) ?? BooleanNumber.FALSE,
+			evenAndOddHeaders: (config === null || config === void 0 ? void 0 : config.evenAndOddHeaders) ?? BooleanNumber.FALSE
 		};
 	});
 	const sectionContext = getCurrentSectionContext();
-	const referenceKey = getSectionHeaderFooterReferenceKey(((_renderManagerService2 = renderManagerService.getRenderUnitById(unitId)) === null || _renderManagerService2 === void 0 || (_renderManagerService2 = _renderManagerService2.with(DocSkeletonManagerService)) === null || _renderManagerService2 === void 0 || (_renderManagerService2 = _renderManagerService2.getViewModel()) === null || _renderManagerService2 === void 0 ? void 0 : _renderManagerService2.getEditArea()) === DocumentEditArea.FOOTER ? "footer" : "header", getHeaderFooterVariant((_sectionContext$confi = sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.config) !== null && _sectionContext$confi !== void 0 ? _sectionContext$confi : {}, docSelectionRenderService.getSegmentPage(), sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.page));
-	const canLinkToPrevious = ((_sectionContext$secti = sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.sectionIndex) !== null && _sectionContext$secti !== void 0 ? _sectionContext$secti : -1) > 0;
-	const [linkedToPrevious, setLinkedToPrevious] = useState(canLinkToPrevious && !(sectionContext === null || sectionContext === void 0 || (_sectionContext$secti2 = sectionContext.section) === null || _sectionContext$secti2 === void 0 ? void 0 : _sectionContext$secti2[referenceKey]));
+	const referenceKey = getSectionHeaderFooterReferenceKey(((_renderManagerService2 = renderManagerService.getRenderUnitById(unitId)) === null || _renderManagerService2 === void 0 || (_renderManagerService2 = _renderManagerService2.with(DocSkeletonManagerService)) === null || _renderManagerService2 === void 0 || (_renderManagerService2 = _renderManagerService2.getViewModel()) === null || _renderManagerService2 === void 0 ? void 0 : _renderManagerService2.getEditArea()) === DocumentEditArea.FOOTER ? "footer" : "header", getHeaderFooterVariant((sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.config) ?? {}, docSelectionRenderService.getSegmentPage(), sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.page));
+	const canLinkToPrevious = ((sectionContext === null || sectionContext === void 0 ? void 0 : sectionContext.sectionIndex) ?? -1) > 0;
+	const [linkedToPrevious, setLinkedToPrevious] = useState(canLinkToPrevious && !(sectionContext === null || sectionContext === void 0 || (_sectionContext$secti = sectionContext.section) === null || _sectionContext$secti === void 0 ? void 0 : _sectionContext$secti[referenceKey]));
 	const handleCheckboxChange = (val, type) => {
 		var _renderManagerService3;
 		setOptions((prev) => ({
@@ -16559,7 +16460,7 @@ function DocHeaderFooterOptionsContent(props) {
 			...linked ? {} : { segmentId }
 		})) return;
 		setLinkedToPrevious(linked);
-		docSelectionRenderService.setSegment(linked ? previousSegmentId !== null && previousSegmentId !== void 0 ? previousSegmentId : "" : segmentId);
+		docSelectionRenderService.setSegment(linked ? previousSegmentId ?? "" : segmentId);
 		layoutService.focus();
 	};
 	return /* @__PURE__ */ jsxs("div", {
@@ -16701,21 +16602,22 @@ function TextColorSwatchIcon({ className, style, onClick, color }) {
 		"aria-hidden": "true",
 		onClick,
 		children: [/* @__PURE__ */ jsx("rect", {
-			x: 3,
-			y: 3,
-			width: 18,
-			height: 18,
-			rx: 4,
+			x: 1,
+			y: 1,
+			width: 22,
+			height: 22,
+			rx: 2.5,
 			fill: "none",
 			stroke: "currentColor",
-			strokeOpacity: .16
+			strokeWidth: 1,
+			strokeOpacity: .12
 		}), /* @__PURE__ */ jsx("text", {
 			x: 12,
-			y: 16.5,
+			y: 17.25,
 			direction: "ltr",
 			fontFamily: "Arial, sans-serif",
-			fontSize: 12,
-			fontWeight: 700,
+			fontSize: 15,
+			fontWeight: 400,
 			fill: color,
 			textAnchor: "middle",
 			children: "A"
@@ -16737,7 +16639,7 @@ function BackgroundColorSwatchIcon({ className, style, onClick, color }) {
 			y: 3,
 			width: 18,
 			height: 18,
-			rx: 5,
+			rx: 3,
 			fill: color,
 			stroke: "currentColor",
 			strokeOpacity: .12
@@ -16745,12 +16647,11 @@ function BackgroundColorSwatchIcon({ className, style, onClick, color }) {
 	});
 }
 function HeaderTextColorIcon({ className, style, onClick, extend }) {
-	var _extend$colorChannel;
 	return /* @__PURE__ */ jsx(TextColorSwatchIcon, {
 		className,
 		style,
 		onClick,
-		color: (_extend$colorChannel = extend === null || extend === void 0 ? void 0 : extend.colorChannel1) !== null && _extend$colorChannel !== void 0 ? _extend$colorChannel : "currentColor"
+		color: (extend === null || extend === void 0 ? void 0 : extend.colorChannel1) ?? "currentColor"
 	});
 }
 function DefaultTextColorIcon({ className, style, onClick }) {
@@ -16865,19 +16766,15 @@ function convertDisplayLineSpacingToStoredValue(lineSpacing, spacingRule) {
 	return spacingRule === SpacingRule.AUTO ? lineSpacing : round(lineSpacing, 4);
 }
 function getLineSpacingMetrics(lineNode) {
-	var _lineNode$divides, _lineNode$paddingTop, _lineNode$contentHeig, _lineNode$paddingBott;
 	if (!lineNode) return null;
-	const glyphLineHeight = Math.max(0, ...((_lineNode$divides = lineNode.divides) !== null && _lineNode$divides !== void 0 ? _lineNode$divides : []).flatMap((divide) => {
-		var _divide$glyphGroup;
-		return ((_divide$glyphGroup = divide.glyphGroup) !== null && _divide$glyphGroup !== void 0 ? _divide$glyphGroup : []).map((glyph) => {
-			var _glyph$bBox$ba, _glyph$bBox, _glyph$bBox$bd, _glyph$bBox2;
-			return ((_glyph$bBox$ba = (_glyph$bBox = glyph.bBox) === null || _glyph$bBox === void 0 ? void 0 : _glyph$bBox.ba) !== null && _glyph$bBox$ba !== void 0 ? _glyph$bBox$ba : 0) + ((_glyph$bBox$bd = (_glyph$bBox2 = glyph.bBox) === null || _glyph$bBox2 === void 0 ? void 0 : _glyph$bBox2.bd) !== null && _glyph$bBox$bd !== void 0 ? _glyph$bBox$bd : 0);
-		});
-	})) || lineNode.contentHeight || 0;
+	const glyphLineHeight = Math.max(0, ...(lineNode.divides ?? []).flatMap((divide) => (divide.glyphGroup ?? []).map((glyph) => {
+		var _glyph$bBox, _glyph$bBox2;
+		return (((_glyph$bBox = glyph.bBox) === null || _glyph$bBox === void 0 ? void 0 : _glyph$bBox.ba) ?? 0) + (((_glyph$bBox2 = glyph.bBox) === null || _glyph$bBox2 === void 0 ? void 0 : _glyph$bBox2.bd) ?? 0);
+	}))) || lineNode.contentHeight || 0;
 	if (!glyphLineHeight) return null;
 	return {
 		glyphLineHeight,
-		renderedLineHeight: ((_lineNode$paddingTop = lineNode.paddingTop) !== null && _lineNode$paddingTop !== void 0 ? _lineNode$paddingTop : 0) + ((_lineNode$contentHeig = lineNode.contentHeight) !== null && _lineNode$contentHeig !== void 0 ? _lineNode$contentHeig : glyphLineHeight) + ((_lineNode$paddingBott = lineNode.paddingBottom) !== null && _lineNode$paddingBott !== void 0 ? _lineNode$paddingBott : 0) || glyphLineHeight
+		renderedLineHeight: (lineNode.paddingTop ?? 0) + (lineNode.contentHeight ?? glyphLineHeight) + (lineNode.paddingBottom ?? 0) || glyphLineHeight
 	};
 }
 function convertLineSpacingForRuleChange(currentStoredValue, currentRule, nextRule, metrics) {
@@ -16899,8 +16796,8 @@ const PARAGRAPH_LAYOUT_BLOCK_TYPES = /* @__PURE__ */ new Set([
 ]);
 function resolveParagraphsForSettingPanel(paragraphs, body, documentStyle) {
 	return paragraphs.map((paragraph) => {
-		var _body$blockRanges$som, _body$blockRanges;
-		const hasLayoutBlockRange = (_body$blockRanges$som = (_body$blockRanges = body.blockRanges) === null || _body$blockRanges === void 0 ? void 0 : _body$blockRanges.some((range) => PARAGRAPH_LAYOUT_BLOCK_TYPES.has(range.blockType) && paragraph.startIndex > range.startIndex && paragraph.startIndex < range.endIndex)) !== null && _body$blockRanges$som !== void 0 ? _body$blockRanges$som : false;
+		var _body$blockRanges;
+		const hasLayoutBlockRange = ((_body$blockRanges = body.blockRanges) === null || _body$blockRanges === void 0 ? void 0 : _body$blockRanges.some((range) => PARAGRAPH_LAYOUT_BLOCK_TYPES.has(range.blockType) && paragraph.startIndex > range.startIndex && paragraph.startIndex < range.endIndex)) ?? false;
 		return {
 			...paragraph,
 			paragraphStyle: resolveDocumentParagraphStyle(documentStyle, paragraph.paragraphStyle, { excludeDocumentOuterSpacing: hasLayoutBlockRange })
@@ -16917,25 +16814,24 @@ const useDocRanges = () => {
 	return docRanges;
 };
 const useCurrentParagraph = () => {
-	var _body$paragraphs, _body$dataStream, _BuildTextUtils$range;
 	const docDataModel = useDependency(IUniverInstanceService).getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 	const docRanges = useDocRanges();
 	if (!docDataModel || docRanges.length === 0) return [];
 	const segmentId = docRanges[0].segmentId;
 	const segment = docDataModel.getSelfOrHeaderFooterModel(segmentId);
 	const body = segment === null || segment === void 0 ? void 0 : segment.getBody();
-	const paragraphs = (_body$paragraphs = body === null || body === void 0 ? void 0 : body.paragraphs) !== null && _body$paragraphs !== void 0 ? _body$paragraphs : [];
-	const dataStream = (_body$dataStream = body === null || body === void 0 ? void 0 : body.dataStream) !== null && _body$dataStream !== void 0 ? _body$dataStream : "";
-	const currentParagraphs = (_BuildTextUtils$range = BuildTextUtils.range.getParagraphsInRanges(docRanges, paragraphs, dataStream)) !== null && _BuildTextUtils$range !== void 0 ? _BuildTextUtils$range : [];
+	const paragraphs = (body === null || body === void 0 ? void 0 : body.paragraphs) ?? [];
+	const dataStream = (body === null || body === void 0 ? void 0 : body.dataStream) ?? "";
+	const currentParagraphs = BuildTextUtils.range.getParagraphsInRanges(docRanges, paragraphs, dataStream) ?? [];
 	return body == null ? currentParagraphs : resolveParagraphsForSettingPanel(currentParagraphs, body, docDataModel.getDocumentStyle());
 };
 const useFirstParagraphHorizontalAlign = (paragraph, defaultValue) => {
 	const commandService = useDependency(ICommandService);
 	const [horizontalAlign, setHorizontalAlignSetInternal] = useState(() => {
-		var _firstParagraph$parag, _firstParagraph$parag2;
+		var _firstParagraph$parag;
 		const firstParagraph = paragraph[0];
 		if (!firstParagraph) return defaultValue;
-		return String((_firstParagraph$parag = (_firstParagraph$parag2 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag2 === void 0 ? void 0 : _firstParagraph$parag2.horizontalAlign) !== null && _firstParagraph$parag !== void 0 ? _firstParagraph$parag : defaultValue);
+		return String(((_firstParagraph$parag = firstParagraph.paragraphStyle) === null || _firstParagraph$parag === void 0 ? void 0 : _firstParagraph$parag.horizontalAlign) ?? defaultValue);
 	});
 	const sethorizontalAlign = (v) => {
 		setHorizontalAlignSetInternal(v);
@@ -16946,10 +16842,10 @@ const useFirstParagraphHorizontalAlign = (paragraph, defaultValue) => {
 const useFirstParagraphIndentStart = (paragraph) => {
 	const commandService = useDependency(ICommandService);
 	const [indentStart, setIndentStartInternal] = useState(() => {
-		var _firstParagraph$parag3;
+		var _firstParagraph$parag2;
 		const firstParagraph = paragraph[0];
 		if (!firstParagraph) return 0;
-		return getNumberUnitValue((_firstParagraph$parag3 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag3 === void 0 ? void 0 : _firstParagraph$parag3.indentStart, 0);
+		return getNumberUnitValue((_firstParagraph$parag2 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag2 === void 0 ? void 0 : _firstParagraph$parag2.indentStart, 0);
 	});
 	const setIndentStart = (v) => {
 		setIndentStartInternal(v);
@@ -16960,10 +16856,10 @@ const useFirstParagraphIndentStart = (paragraph) => {
 const useFirstParagraphIndentEnd = (paragraph) => {
 	const commandService = useDependency(ICommandService);
 	const [indentEnd, setIndentEndInternal] = useState(() => {
-		var _firstParagraph$parag4;
+		var _firstParagraph$parag3;
 		const firstParagraph = paragraph[0];
 		if (!firstParagraph) return 0;
-		return getNumberUnitValue((_firstParagraph$parag4 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag4 === void 0 ? void 0 : _firstParagraph$parag4.indentEnd, 0);
+		return getNumberUnitValue((_firstParagraph$parag3 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag3 === void 0 ? void 0 : _firstParagraph$parag3.indentEnd, 0);
 	});
 	const setIndentEnd = (v) => {
 		setIndentEndInternal(v);
@@ -16974,10 +16870,10 @@ const useFirstParagraphIndentEnd = (paragraph) => {
 const useFirstParagraphIndentFirstLine = (paragraph) => {
 	const commandService = useDependency(ICommandService);
 	const [indentFirstLine, setIndentFirstLineInternal] = useState(() => {
-		var _firstParagraph$parag5;
+		var _firstParagraph$parag4;
 		const firstParagraph = paragraph[0];
 		if (!firstParagraph) return 0;
-		return getNumberUnitValue((_firstParagraph$parag5 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag5 === void 0 ? void 0 : _firstParagraph$parag5.indentFirstLine, 0);
+		return getNumberUnitValue((_firstParagraph$parag4 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag4 === void 0 ? void 0 : _firstParagraph$parag4.indentFirstLine, 0);
 	});
 	const setIndentFirstLine = (v) => {
 		setIndentFirstLineInternal(v);
@@ -16988,10 +16884,10 @@ const useFirstParagraphIndentFirstLine = (paragraph) => {
 const useFirstParagraphIndentHanging = (paragraph) => {
 	const commandService = useDependency(ICommandService);
 	const [hanging, setHangingInternal] = useState(() => {
-		var _firstParagraph$parag6;
+		var _firstParagraph$parag5;
 		const firstParagraph = paragraph[0];
 		if (!firstParagraph) return 0;
-		return getNumberUnitValue((_firstParagraph$parag6 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag6 === void 0 ? void 0 : _firstParagraph$parag6.hanging, 0);
+		return getNumberUnitValue((_firstParagraph$parag5 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag5 === void 0 ? void 0 : _firstParagraph$parag5.hanging, 0);
 	});
 	const setHanging = (v) => {
 		setHangingInternal(v);
@@ -17002,10 +16898,10 @@ const useFirstParagraphIndentHanging = (paragraph) => {
 const useFirstParagraphIndentSpaceAbove = (paragraph) => {
 	const commandService = useDependency(ICommandService);
 	const [spaceAbove, setSpaceAboveInternal] = useState(() => {
-		var _firstParagraph$parag7;
+		var _firstParagraph$parag6;
 		const firstParagraph = paragraph[0];
 		if (!firstParagraph) return 0;
-		return getNumberUnitValue((_firstParagraph$parag7 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag7 === void 0 ? void 0 : _firstParagraph$parag7.spaceAbove, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_ABOVE);
+		return getNumberUnitValue((_firstParagraph$parag6 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag6 === void 0 ? void 0 : _firstParagraph$parag6.spaceAbove, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_ABOVE);
 	});
 	const setSpaceAbove = (v) => {
 		setSpaceAboveInternal(v);
@@ -17016,10 +16912,10 @@ const useFirstParagraphIndentSpaceAbove = (paragraph) => {
 const useFirstParagraphSpaceBelow = (paragraph) => {
 	const commandService = useDependency(ICommandService);
 	const [spaceBelow, setSpaceBelowInternal] = useState(() => {
-		var _firstParagraph$parag8;
+		var _firstParagraph$parag7;
 		const firstParagraph = paragraph[0];
 		if (!firstParagraph) return 0;
-		return getNumberUnitValue((_firstParagraph$parag8 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag8 === void 0 ? void 0 : _firstParagraph$parag8.spaceBelow, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_BELOW);
+		return getNumberUnitValue((_firstParagraph$parag7 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag7 === void 0 ? void 0 : _firstParagraph$parag7.spaceBelow, DEFAULT_DOCUMENT_PARAGRAPH_SPACE_BELOW);
 	});
 	const setSpaceBelow = (v) => {
 		setSpaceBelowInternal(v);
@@ -17039,17 +16935,17 @@ const useFirstParagraphLineSpacing = (paragraph) => {
 	}, []);
 	const stateChange$ = useMemo(() => new BehaviorSubject({}), []);
 	const [spacingRule, setSpacingRuleInternal] = useState(() => {
-		var _firstParagraph$parag9, _firstParagraph$parag10;
+		var _firstParagraph$parag8;
 		const firstParagraph = paragraph[0];
 		if (!firstParagraph) return SpacingRule.AUTO;
-		return (_firstParagraph$parag9 = (_firstParagraph$parag10 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag10 === void 0 ? void 0 : _firstParagraph$parag10.spacingRule) !== null && _firstParagraph$parag9 !== void 0 ? _firstParagraph$parag9 : SpacingRule.AUTO;
+		return ((_firstParagraph$parag8 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag8 === void 0 ? void 0 : _firstParagraph$parag8.spacingRule) ?? SpacingRule.AUTO;
 	});
 	const [lineSpacing, setLineSpacingInternal] = useState(() => {
-		var _firstParagraph$parag11, _firstParagraph$parag12, _firstParagraph$parag13, _firstParagraph$parag14;
+		var _firstParagraph$parag9, _firstParagraph$parag10;
 		const firstParagraph = paragraph[0];
 		if (!firstParagraph) return DEFAULT_DOCUMENT_PARAGRAPH_LINE_SPACING;
-		const currentSpacingRule = (_firstParagraph$parag11 = (_firstParagraph$parag12 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag12 === void 0 ? void 0 : _firstParagraph$parag12.spacingRule) !== null && _firstParagraph$parag11 !== void 0 ? _firstParagraph$parag11 : SpacingRule.AUTO;
-		return convertStoredLineSpacingToDisplayValue((_firstParagraph$parag13 = (_firstParagraph$parag14 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag14 === void 0 ? void 0 : _firstParagraph$parag14.lineSpacing) !== null && _firstParagraph$parag13 !== void 0 ? _firstParagraph$parag13 : DEFAULT_DOCUMENT_PARAGRAPH_LINE_SPACING, currentSpacingRule);
+		const currentSpacingRule = ((_firstParagraph$parag9 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag9 === void 0 ? void 0 : _firstParagraph$parag9.spacingRule) ?? SpacingRule.AUTO;
+		return convertStoredLineSpacingToDisplayValue(((_firstParagraph$parag10 = firstParagraph.paragraphStyle) === null || _firstParagraph$parag10 === void 0 ? void 0 : _firstParagraph$parag10.lineSpacing) ?? DEFAULT_DOCUMENT_PARAGRAPH_LINE_SPACING, currentSpacingRule);
 	});
 	const setLineSpacing = async (v) => {
 		setLineSpacingInternal(v);
@@ -17117,13 +17013,12 @@ const ALIGNMENT_OPTIONS = [
 	}
 ];
 const ParagraphSettingSection = (props) => {
-	const { titleKey, children, first = false } = props;
-	const localeService = useDependency(LocaleService);
+	const { title, children, first = false } = props;
 	return /* @__PURE__ */ jsxs("section", {
 		className: clsx(!first && "univer-mt-5"),
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "univer-text-sm univer-font-medium univer-leading-5",
-			children: localeService.t(titleKey)
+			children: title
 		}), /* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3",
 			children
@@ -17131,13 +17026,13 @@ const ParagraphSettingSection = (props) => {
 	});
 };
 const ParagraphSettingRow = (props) => {
-	const { labelKey, unit, children } = props;
+	const { label, unit, children } = props;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "univer-grid univer-min-h-8 univer-items-center univer-gap-3",
 		style: { gridTemplateColumns: "minmax(0, 1fr) minmax(160px, 180px)" },
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "univer-min-w-0 univer-text-xs univer-leading-5 univer-text-gray-900 dark:!univer-text-gray-100",
-			children: [useDependency(LocaleService).t(labelKey), unit]
+			children: [label, unit]
 		}), /* @__PURE__ */ jsx("div", {
 			className: "univer-w-full univer-min-w-0",
 			children
@@ -17155,7 +17050,7 @@ const AutoFocusInputNumber = (props) => {
 		max,
 		value,
 		onChange: (v) => {
-			onChange(v !== null && v !== void 0 ? v : 0).finally(() => {
+			onChange(v ?? 0).finally(() => {
 				setTimeout(() => {
 					var _ref$current;
 					(_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
@@ -17185,7 +17080,7 @@ function ParagraphSetting() {
 		className: "univer-box-border univer-w-full",
 		children: [
 			/* @__PURE__ */ jsx(ParagraphSettingSection, {
-				titleKey: "docs-ui.doc.paragraphSetting.alignment",
+				title: localeService.t("docs-ui.doc.paragraphSetting.alignment"),
 				first: true,
 				children: /* @__PURE__ */ jsx("div", {
 					className: clsx("univer-flex univer-grid-cols-4 univer-items-center univer-justify-around univer-gap-2 univer-rounded-lg univer-bg-white univer-p-1 dark:!univer-bg-gray-900", borderClassName),
@@ -17211,68 +17106,68 @@ function ParagraphSetting() {
 				})
 			}),
 			/* @__PURE__ */ jsx(ParagraphSettingSection, {
-				titleKey: "docs-ui.doc.paragraphSetting.indentation",
+				title: localeService.t("docs-ui.doc.paragraphSetting.indentation"),
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "univer-grid univer-gap-3",
 					children: [
 						/* @__PURE__ */ jsx(ParagraphSettingRow, {
-							labelKey: "docs-ui.doc.paragraphSetting.left",
+							label: localeService.t("docs-ui.doc.paragraphSetting.left"),
 							unit: "(px)",
 							children: /* @__PURE__ */ jsx(AutoFocusInputNumber, {
 								value: indentStart,
-								onChange: (v) => setIndentStart(v !== null && v !== void 0 ? v : 0)
+								onChange: (v) => setIndentStart(v ?? 0)
 							})
 						}),
 						/* @__PURE__ */ jsx(ParagraphSettingRow, {
-							labelKey: "docs-ui.doc.paragraphSetting.right",
+							label: localeService.t("docs-ui.doc.paragraphSetting.right"),
 							unit: "(px)",
 							children: /* @__PURE__ */ jsx(AutoFocusInputNumber, {
 								value: indentEnd,
-								onChange: (v) => setIndentEnd(v !== null && v !== void 0 ? v : 0)
+								onChange: (v) => setIndentEnd(v ?? 0)
 							})
 						}),
 						/* @__PURE__ */ jsx(ParagraphSettingRow, {
-							labelKey: "docs-ui.doc.paragraphSetting.firstLine",
+							label: localeService.t("docs-ui.doc.paragraphSetting.firstLine"),
 							unit: "(px)",
 							children: /* @__PURE__ */ jsx(AutoFocusInputNumber, {
 								value: indentFirstLine,
-								onChange: (v) => setIndentFirstLine(v !== null && v !== void 0 ? v : 0)
+								onChange: (v) => setIndentFirstLine(v ?? 0)
 							})
 						}),
 						/* @__PURE__ */ jsx(ParagraphSettingRow, {
-							labelKey: "docs-ui.doc.paragraphSetting.hanging",
+							label: localeService.t("docs-ui.doc.paragraphSetting.hanging"),
 							unit: "(px)",
 							children: /* @__PURE__ */ jsx(AutoFocusInputNumber, {
 								value: hanging,
-								onChange: (v) => setHanging(v !== null && v !== void 0 ? v : 0)
+								onChange: (v) => setHanging(v ?? 0)
 							})
 						})
 					]
 				})
 			}),
 			/* @__PURE__ */ jsx(ParagraphSettingSection, {
-				titleKey: "docs-ui.doc.paragraphSetting.spacing",
+				title: localeService.t("docs-ui.doc.paragraphSetting.spacing"),
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "univer-grid univer-gap-3",
 					children: [
 						/* @__PURE__ */ jsx(ParagraphSettingRow, {
-							labelKey: "docs-ui.doc.paragraphSetting.before",
+							label: localeService.t("docs-ui.doc.paragraphSetting.before"),
 							unit: "(px)",
 							children: /* @__PURE__ */ jsx(AutoFocusInputNumber, {
 								value: spaceAbove,
-								onChange: (v) => setSpaceAbove(v !== null && v !== void 0 ? v : 0)
+								onChange: (v) => setSpaceAbove(v ?? 0)
 							})
 						}),
 						/* @__PURE__ */ jsx(ParagraphSettingRow, {
-							labelKey: "docs-ui.doc.paragraphSetting.after",
+							label: localeService.t("docs-ui.doc.paragraphSetting.after"),
 							unit: "(px)",
 							children: /* @__PURE__ */ jsx(AutoFocusInputNumber, {
 								value: spaceBelow,
-								onChange: (v) => setSpaceBelow(v !== null && v !== void 0 ? v : 0)
+								onChange: (v) => setSpaceBelow(v ?? 0)
 							})
 						}),
 						/* @__PURE__ */ jsx(ParagraphSettingRow, {
-							labelKey: "docs-ui.doc.paragraphSetting.lineSpace",
+							label: localeService.t("docs-ui.doc.paragraphSetting.lineSpace"),
 							children: /* @__PURE__ */ jsxs("div", {
 								className: "univer-flex univer-w-full univer-flex-col univer-gap-2",
 								children: [/* @__PURE__ */ jsx(Select, {
@@ -17283,7 +17178,7 @@ function ParagraphSetting() {
 								}), /* @__PURE__ */ jsx(AutoFocusInputNumber, {
 									...lineSpaceConfig,
 									value: lineSpacing,
-									onChange: (v) => setLineSpacing(v !== null && v !== void 0 ? v : 0)
+									onChange: (v) => setLineSpacing(v ?? 0)
 								})]
 							})
 						})
@@ -17420,8 +17315,8 @@ DocFloatMenuService = __decorate([
 	__decorateParam(5, IContextService)
 ], DocFloatMenuService);
 function isRangeInCodeBlock(documentDataModel, range) {
-	var _documentDataModel$ge3, _documentDataModel$ge4;
-	return ((_documentDataModel$ge3 = (_documentDataModel$ge4 = documentDataModel.getBody()) === null || _documentDataModel$ge4 === void 0 ? void 0 : _documentDataModel$ge4.blockRanges) !== null && _documentDataModel$ge3 !== void 0 ? _documentDataModel$ge3 : []).some((blockRange) => blockRange.blockType === DocumentBlockRangeType.CODE && Math.max(range.startOffset, blockRange.startIndex) <= Math.min(range.endOffset, blockRange.endIndex));
+	var _documentDataModel$ge3;
+	return (((_documentDataModel$ge3 = documentDataModel.getBody()) === null || _documentDataModel$ge3 === void 0 ? void 0 : _documentDataModel$ge3.blockRanges) ?? []).some((blockRange) => blockRange.blockType === DocumentBlockRangeType.CODE && Math.max(range.startOffset, blockRange.startIndex) <= Math.min(range.endOffset, blockRange.endIndex));
 }
 
 //#endregion
@@ -17458,8 +17353,8 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		return (_this$_paragraphMenu = this._paragraphMenu) === null || _this$_paragraphMenu === void 0 ? void 0 : _this$_paragraphMenu.paragraph;
 	}
 	get activeTarget() {
-		var _this$_paragraphMenu$, _this$_paragraphMenu2;
-		return (_this$_paragraphMenu$ = (_this$_paragraphMenu2 = this._paragraphMenu) === null || _this$_paragraphMenu2 === void 0 ? void 0 : _this$_paragraphMenu2.target) !== null && _this$_paragraphMenu$ !== void 0 ? _this$_paragraphMenu$ : null;
+		var _this$_paragraphMenu2;
+		return ((_this$_paragraphMenu2 = this._paragraphMenu) === null || _this$_paragraphMenu2 === void 0 ? void 0 : _this$_paragraphMenu2.target) ?? null;
 	}
 	setBlockMenuDragging(isDragging) {
 		this._isBlockMenuDragging = isDragging;
@@ -17525,7 +17420,6 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		if (this._paragraphMenu) this._paragraphMenu.active = active;
 	}
 	_init() {
-		var _this$_docEventManage;
 		const handleHoverTarget = (paragraph, tableBound) => {
 			if (this._isBlockMenuDragging) return;
 			if (this._docSelectionRenderService.isOnPointerEvent) {
@@ -17564,12 +17458,12 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		this.disposeWithMe(combineLatest([
 			this._docEventManagerService.hoverParagraphRealTime$,
 			this._docEventManagerService.hoverParagraphLeft$,
-			(_this$_docEventManage = this._docEventManagerService.hoverTableRealTime$) !== null && _this$_docEventManage !== void 0 ? _this$_docEventManage : new BehaviorSubject(null)
+			this._docEventManagerService.hoverTableRealTime$ ?? new BehaviorSubject(null)
 		]).pipe(throttleTime(16, void 0, {
 			leading: true,
 			trailing: true
 		})).subscribe(([p, left, table]) => {
-			handleHoverTarget(p !== null && p !== void 0 ? p : left, table);
+			handleHoverTarget(p ?? left, table);
 		}));
 		this.disposeWithMe(this._docSelectionRenderService.onSelectionStart$.subscribe(() => {
 			this.hideParagraphMenu(true);
@@ -17632,14 +17526,12 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		return this._getCollapsedTextRange(config) != null;
 	}
 	_shouldOpenSlashMenuFromInput(config) {
-		var _ref, _config$content;
 		const event = config.event;
-		if (((_ref = (_config$content = config.content) !== null && _config$content !== void 0 ? _config$content : event.data) !== null && _ref !== void 0 ? _ref : "") !== "/") return false;
+		if ((config.content ?? event.data ?? "") !== "/") return false;
 		return this._getCollapsedTextRange(config) != null;
 	}
 	_getCollapsedTextRange(config) {
-		var _config$activeRange;
-		const activeRange = (_config$activeRange = config.activeRange) !== null && _config$activeRange !== void 0 ? _config$activeRange : this._docSelectionManagerService.getActiveTextRange();
+		const activeRange = config.activeRange ?? this._docSelectionManagerService.getActiveTextRange();
 		if (!activeRange) return null;
 		if (activeRange.collapsed || activeRange.startOffset === activeRange.endOffset) return {
 			...activeRange,
@@ -17648,31 +17540,31 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		return null;
 	}
 	_getSlashMenuParagraph(config) {
-		var _this$_paragraphMenu$2, _this$_paragraphMenu7, _find;
+		var _this$_paragraphMenu7;
 		const activeRange = this._getCollapsedTextRange(config);
 		const offset = activeRange === null || activeRange === void 0 ? void 0 : activeRange.startOffset;
-		const activeParagraph = (_this$_paragraphMenu$2 = (_this$_paragraphMenu7 = this._paragraphMenu) === null || _this$_paragraphMenu7 === void 0 ? void 0 : _this$_paragraphMenu7.paragraph) !== null && _this$_paragraphMenu$2 !== void 0 ? _this$_paragraphMenu$2 : null;
+		const activeParagraph = ((_this$_paragraphMenu7 = this._paragraphMenu) === null || _this$_paragraphMenu7 === void 0 ? void 0 : _this$_paragraphMenu7.paragraph) ?? null;
 		if (activeParagraph && offset != null && offset >= activeParagraph.paragraphStart && offset <= activeParagraph.paragraphEnd) return activeParagraph;
 		if (activeParagraph && offset == null) return activeParagraph;
 		if (offset == null) return null;
-		return (_find = [...this._docEventManagerService.paragraphBounds.values()].find((paragraph) => offset >= paragraph.paragraphStart && offset <= paragraph.paragraphEnd)) !== null && _find !== void 0 ? _find : null;
+		return [...this._docEventManagerService.paragraphBounds.values()].find((paragraph) => offset >= paragraph.paragraphStart && offset <= paragraph.paragraphEnd) ?? null;
 	}
 	_getSlashMenuAnchorRect(config, paragraph) {
 		const activeRange = this._getCollapsedTextRange(config);
 		if (!activeRange) return paragraph.firstLine;
 		try {
-			var _calcDocRangePosition, _calcDocRangePosition2;
-			return (_calcDocRangePosition = (_calcDocRangePosition2 = calcDocRangePositions({
+			var _calcDocRangePosition;
+			return ((_calcDocRangePosition = calcDocRangePositions({
 				...activeRange,
 				collapsed: true,
 				endOffset: activeRange.startOffset
-			}, this._context)) === null || _calcDocRangePosition2 === void 0 ? void 0 : _calcDocRangePosition2[0]) !== null && _calcDocRangePosition !== void 0 ? _calcDocRangePosition : paragraph.firstLine;
+			}, this._context)) === null || _calcDocRangePosition === void 0 ? void 0 : _calcDocRangePosition[0]) ?? paragraph.firstLine;
 		} catch {
 			return paragraph.firstLine;
 		}
 	}
 	showParagraphMenu(paragraph) {
-		var _this$_paragraphMenu8, _target$paragraph;
+		var _this$_paragraphMenu8;
 		if (this._hasExpandedSelection()) {
 			this.hideParagraphMenu(true);
 			return;
@@ -17684,12 +17576,11 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		}
 		if (((_this$_paragraphMenu8 = this._paragraphMenu) === null || _this$_paragraphMenu8 === void 0 ? void 0 : _this$_paragraphMenu8.target.key) === target.key) return;
 		this.hideParagraphMenu(true);
-		const targetParagraph = (_target$paragraph = target.paragraph) !== null && _target$paragraph !== void 0 ? _target$paragraph : paragraph;
+		const targetParagraph = target.paragraph ?? paragraph;
 		const blockRange = target.blockRange;
 		const getFirstLine = () => {
-			var _this$_docEventManage2, _latestParagraphBound;
-			const latestParagraphBound = (_this$_docEventManage2 = this._docEventManagerService.findParagraphBoundByIndex(targetParagraph.startIndex)) !== null && _this$_docEventManage2 !== void 0 ? _this$_docEventManage2 : targetParagraph;
-			const baseAnchor = blockRange ? getBlockRangeAnchorRect(this._docEventManagerService, blockRange, paragraph) : (_latestParagraphBound = latestParagraphBound.firstLine) !== null && _latestParagraphBound !== void 0 ? _latestParagraphBound : paragraph.firstLine;
+			const latestParagraphBound = this._docEventManagerService.findParagraphBoundByIndex(targetParagraph.startIndex) ?? targetParagraph;
+			const baseAnchor = blockRange ? getBlockRangeAnchorRect(this._docEventManagerService, blockRange, paragraph) : latestParagraphBound.firstLine ?? paragraph.firstLine;
 			if (!target.cellRange) return baseAnchor;
 			return getTableCellParagraphAnchorRect(this._docEventManagerService, latestParagraphBound, baseAnchor);
 		};
@@ -17755,10 +17646,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			firstLine: anchorRect
 		};
 		this.hideParagraphMenu(true);
-		const getFirstLine = () => {
-			var _this$_docEventManage3;
-			return getTableAnchorRect((_this$_docEventManage3 = this._docEventManagerService.tableBounds.get(table.tableId)) !== null && _this$_docEventManage3 !== void 0 ? _this$_docEventManage3 : tableBound);
-		};
+		const getFirstLine = () => getTableAnchorRect(this._docEventManagerService.tableBounds.get(table.tableId) ?? tableBound);
 		const disposable = this._docPopupManagerService.attachPopupToRect(getFirstLine, {
 			componentKey: DOC_TABLE_BLOCK_MENU_COMPONENT_KEY,
 			direction: "top-right",
@@ -17827,9 +17715,9 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		}
 	}
 	_buildParagraphMenuTarget(paragraph) {
-		var _body$dataStream, _body$paragraphs, _paragraphModel$bulle, _paragraphModel$parag, _body$customBlocks;
+		var _body$paragraphs, _paragraphModel$bulle, _paragraphModel$parag, _body$customBlocks;
 		const body = this._context.unit.getBody();
-		const dataStream = (_body$dataStream = body === null || body === void 0 ? void 0 : body.dataStream) !== null && _body$dataStream !== void 0 ? _body$dataStream : "";
+		const dataStream = (body === null || body === void 0 ? void 0 : body.dataStream) ?? "";
 		const cellRange = getContainingTableCellRange(dataStream, paragraph.paragraphStart);
 		const inTable = cellRange != null || isParagraphInTable(this._context.unit, paragraph.paragraphStart);
 		const blockRange = getParagraphBlockRange(this._context.unit, paragraph);
@@ -17847,7 +17735,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 				paragraph: targetParagraph,
 				blockRange,
 				icon: BLOCK_RANGE_ICON_MAP[blockRange.blockType],
-				cellRange: cellRange !== null && cellRange !== void 0 ? cellRange : void 0,
+				cellRange: cellRange ?? void 0,
 				menuRange: {
 					startOffset: blockRange.startIndex,
 					endOffset: blockRange.endIndex + 1,
@@ -17873,7 +17761,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			paragraph,
 			customBlock,
 			icon: "TextTypeIcon",
-			cellRange: cellRange !== null && cellRange !== void 0 ? cellRange : void 0,
+			cellRange: cellRange ?? void 0,
 			menuRange: {
 				startOffset: customBlock.startIndex,
 				endOffset: customBlock.startIndex,
@@ -17889,7 +17777,7 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 			key: `${DocumentBlockType.PARAGRAPH}:${paragraph.startIndex}`,
 			paragraph,
 			icon: isHorizontalRuleParagraph ? "ReduceIcon" : listIcon,
-			cellRange: cellRange !== null && cellRange !== void 0 ? cellRange : void 0,
+			cellRange: cellRange ?? void 0,
 			menuRange: {
 				startOffset: paragraph.paragraphStart,
 				endOffset: paragraph.paragraphStart,
@@ -17901,11 +17789,10 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		};
 	}
 	_getBodyBlockTargets() {
-		var _body$tables2, _body$blockRanges;
 		const body = this._context.unit.getBody();
 		if (!body) return [];
-		const tableRanges = (_body$tables2 = body.tables) !== null && _body$tables2 !== void 0 ? _body$tables2 : [];
-		const blockRanges = (_body$blockRanges = body.blockRanges) !== null && _body$blockRanges !== void 0 ? _body$blockRanges : [];
+		const tableRanges = body.tables ?? [];
+		const blockRanges = body.blockRanges ?? [];
 		const paragraphBounds = [...this._docEventManagerService.paragraphBounds.values()];
 		const targets = [];
 		for (const table of tableRanges) {
@@ -17965,10 +17852,9 @@ let DocParagraphMenuService = class DocParagraphMenuService extends Disposable {
 		return targets;
 	}
 	_getCellBlockTargets(cellRange) {
-		var _body$blockRanges2;
 		const body = this._context.unit.getBody();
 		if (!body) return [];
-		const blockRanges = (_body$blockRanges2 = body.blockRanges) !== null && _body$blockRanges2 !== void 0 ? _body$blockRanges2 : [];
+		const blockRanges = body.blockRanges ?? [];
 		const paragraphBounds = [...this._docEventManagerService.paragraphBounds.values()].filter((paragraph) => paragraph.paragraphStart > cellRange.startOffset && paragraph.paragraphStart < cellRange.endOffset);
 		const targets = [];
 		for (const blockRange of blockRanges) {
@@ -18016,8 +17902,8 @@ DocParagraphMenuService = __decorate([
 	__decorateParam(6, Inject(DocSelectionRenderService))
 ], DocParagraphMenuService);
 function isParagraphInTable(documentDataModel, paragraphStart) {
-	var _documentDataModel$ge, _documentDataModel$ge2;
-	return ((_documentDataModel$ge = (_documentDataModel$ge2 = documentDataModel.getBody()) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.tables) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : []).some((table) => paragraphStart > table.startIndex && paragraphStart < table.endIndex);
+	var _documentDataModel$ge;
+	return (((_documentDataModel$ge = documentDataModel.getBody()) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge.tables) ?? []).some((table) => paragraphStart > table.startIndex && paragraphStart < table.endIndex);
 }
 function getParagraphMoveRange(documentDataModel, paragraph, cellRange) {
 	const body = documentDataModel.getBody();
@@ -18077,13 +17963,13 @@ function unionRects(rects) {
 	}));
 }
 function getParagraphBlockRange(documentDataModel, paragraph) {
-	var _documentDataModel$ge3, _documentDataModel$ge4;
-	return ((_documentDataModel$ge3 = (_documentDataModel$ge4 = documentDataModel.getBody()) === null || _documentDataModel$ge4 === void 0 ? void 0 : _documentDataModel$ge4.blockRanges) !== null && _documentDataModel$ge3 !== void 0 ? _documentDataModel$ge3 : []).find((range) => Math.max(paragraph.paragraphStart, range.startIndex) <= Math.min(paragraph.paragraphEnd, range.endIndex));
+	var _documentDataModel$ge2;
+	return (((_documentDataModel$ge2 = documentDataModel.getBody()) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.blockRanges) ?? []).find((range) => Math.max(paragraph.paragraphStart, range.startIndex) <= Math.min(paragraph.paragraphEnd, range.endIndex));
 }
 function getBlockRangeAnchorRect(docEventManagerService, blockRange, fallbackParagraph) {
-	var _bounds$0$firstLine, _bounds$;
+	var _bounds$;
 	const bounds = docEventManagerService.findParagraphBoundsInRange(blockRange.startIndex, blockRange.endIndex).sort((left, right) => left.firstLine.top - right.firstLine.top || left.firstLine.left - right.firstLine.left);
-	const anchor = (_bounds$0$firstLine = (_bounds$ = bounds[0]) === null || _bounds$ === void 0 ? void 0 : _bounds$.firstLine) !== null && _bounds$0$firstLine !== void 0 ? _bounds$0$firstLine : fallbackParagraph.firstLine;
+	const anchor = ((_bounds$ = bounds[0]) === null || _bounds$ === void 0 ? void 0 : _bounds$.firstLine) ?? fallbackParagraph.firstLine;
 	const left = Math.min(...(bounds.length ? bounds : [fallbackParagraph]).map((bound) => bound.firstLine.left));
 	const top = anchor.top;
 	return {
@@ -18108,6 +17994,9 @@ const PARAGRAPH_MENU_HOVER_OPEN_DELAY = 800;
 const PARAGRAPH_MENU_HOVER_HIDE_DELAY = 240;
 const PARAGRAPH_MENU_HOVER_BRIDGE_EDGE_OVERLAP = 12;
 const PARAGRAPH_MENU_HOVER_BRIDGE_VERTICAL_PADDING = 8;
+function getParagraphMenuIconSizeClass(iconKey) {
+	return iconKey === "TextTypeIcon" ? "univer-size-3" : "univer-size-4";
+}
 function shouldExecuteParagraphMenuMove(validatorService, context) {
 	return validatorService.canMoveBlock(context);
 }
@@ -18201,8 +18090,7 @@ const NAMED_STYLE_HEADING_COMMAND_IDS = {
 	[NamedStyleType.SUBTITLE]: SubtitleHeadingCommand.id
 };
 function getParagraphMenuActiveHeadingCommandId(namedStyleType) {
-	var _NAMED_STYLE_HEADING_;
-	return (_NAMED_STYLE_HEADING_ = NAMED_STYLE_HEADING_COMMAND_IDS[namedStyleType !== null && namedStyleType !== void 0 ? namedStyleType : NamedStyleType.NORMAL_TEXT]) !== null && _NAMED_STYLE_HEADING_ !== void 0 ? _NAMED_STYLE_HEADING_ : NormalTextHeadingCommand.id;
+	return NAMED_STYLE_HEADING_COMMAND_IDS[namedStyleType ?? NamedStyleType.NORMAL_TEXT] ?? NormalTextHeadingCommand.id;
 }
 function getParagraphMenuHiddenHeadingCommandIds(namedStyleType) {
 	if (namedStyleType === NamedStyleType.TITLE) return [
@@ -18271,8 +18159,7 @@ function shouldRestoreParagraphMenuSelectionAfterCommand(commandId) {
 	return !!commandId && PARAGRAPH_MENU_RESTORE_SELECTION_COMMAND_IDS.has(commandId);
 }
 function getParagraphMenuCommand(params, targetRange) {
-	var _ref, _params$commandId;
-	const commandId = (_ref = (_params$commandId = params.commandId) !== null && _params$commandId !== void 0 ? _params$commandId : params.id) !== null && _ref !== void 0 ? _ref : typeof params.label === "string" ? params.label : void 0;
+	const commandId = params.commandId ?? params.id ?? (typeof params.label === "string" ? params.label : void 0);
 	if (commandId && targetRange && commandId in HEADING_COMMAND_VALUES) return {
 		commandId: SetParagraphNamedStyleCommand.id,
 		params: {
@@ -18296,19 +18183,18 @@ function getParagraphMenuCommand(params, targetRange) {
 	};
 }
 function getParagraphMenuResolvedCommand(option, targetRange) {
-	var _ref2, _option$commandId, _option$id;
-	const commandId = (_ref2 = (_option$commandId = option.commandId) !== null && _option$commandId !== void 0 ? _option$commandId : option.id) !== null && _ref2 !== void 0 ? _ref2 : typeof option.label === "string" ? option.label : void 0;
+	const commandId = option.commandId ?? option.id ?? (typeof option.label === "string" ? option.label : void 0);
 	if (!commandId) return {};
 	return getParagraphMenuCommand({
 		...option,
 		commandId,
-		id: (_option$id = option.id) !== null && _option$id !== void 0 ? _option$id : commandId
+		id: option.id ?? commandId
 	}, targetRange);
 }
 function getParagraphMenuCommandParams(commandId, commandParams, target, unitId) {
 	if (commandId !== DeleteCurrentParagraphCommand.id || (target === null || target === void 0 ? void 0 : target.kind) !== "blockRange" || !target.blockRange) return commandParams;
 	return {
-		...commandParams !== null && commandParams !== void 0 ? commandParams : {},
+		...commandParams ?? {},
 		unitId,
 		blockRange: target.blockRange
 	};
@@ -18426,10 +18312,10 @@ function stripBlockParagraphStyle(style, blockType) {
 	return nextStyle;
 }
 function unwrapBlockRangeBody(documentBody, blockRange) {
-	var _body$paragraphs, _body$blockRanges;
+	var _body$blockRanges;
 	const body = Tools.deepClone(documentBody);
 	const endTokenOffset = getEndTokenOffset(body, blockRange);
-	((_body$paragraphs = body.paragraphs) !== null && _body$paragraphs !== void 0 ? _body$paragraphs : []).filter((paragraph) => paragraph.startIndex > blockRange.startIndex && paragraph.startIndex < endTokenOffset).forEach((paragraph) => {
+	(body.paragraphs ?? []).filter((paragraph) => paragraph.startIndex > blockRange.startIndex && paragraph.startIndex < endTokenOffset).forEach((paragraph) => {
 		paragraph.paragraphStyle = stripBlockParagraphStyle(paragraph.paragraphStyle, blockRange.blockType);
 	});
 	deleteBodyText(body, endTokenOffset, endTokenOffset + 1);
@@ -18533,8 +18419,8 @@ function getParagraphFormattingRange(target, paragraph) {
 }
 function getParagraphMenuCommandTargetRange(commandId, targetRange, formattingRange) {
 	if (commandId === DocPasteCommand.id) return targetRange;
-	if (commandId && PARAGRAPH_MENU_SELECTION_COMMAND_IDS.has(commandId)) return formattingRange !== null && formattingRange !== void 0 ? formattingRange : targetRange;
-	return targetRange !== null && targetRange !== void 0 ? targetRange : formattingRange;
+	if (commandId && PARAGRAPH_MENU_SELECTION_COMMAND_IDS.has(commandId)) return formattingRange ?? targetRange;
+	return targetRange ?? formattingRange;
 }
 function finishParagraphMenuCommand(docParagraphMenuService, layoutService, hideMenu) {
 	docParagraphMenuService === null || docParagraphMenuService === void 0 || docParagraphMenuService.hideParagraphMenu(true);
@@ -18560,11 +18446,11 @@ function getBlockRangeClipboardTargetRange(commandId, target, paragraph) {
 		collapsed: true,
 		segmentId: paragraph === null || paragraph === void 0 ? void 0 : paragraph.segmentId
 	};
-	if (commandId === DocCopyCurrentParagraphCommand.id || commandId === DocCutCurrentParagraphCommand.id) return getBlockSelectionRange(target, paragraph !== null && paragraph !== void 0 ? paragraph : void 0);
+	if (commandId === DocCopyCurrentParagraphCommand.id || commandId === DocCutCurrentParagraphCommand.id) return getBlockSelectionRange(target, paragraph ?? void 0);
 	return null;
 }
 function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
-	var _ref3, _ref4, _currentActiveTarget$, _doc$getBody$dataStre, _doc$getBody, _currentActiveTarget$2, _paragraphObj$paragra, _currentActiveTarget$3;
+	var _doc$getBody, _paragraphObj$paragra;
 	const [visible, setVisible] = useState(false);
 	const [openMode, setOpenMode] = useState("pointer");
 	const [anchorRect, setAnchorRect] = useState(null);
@@ -18599,18 +18485,18 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 	const slashMenuRequest = useObservable(docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.slashMenuRequest$);
 	const paragraph = useObservable(docEventManagerService === null || docEventManagerService === void 0 ? void 0 : docEventManagerService.hoverParagraph$);
 	const paragraphLeft = useObservable(docEventManagerService === null || docEventManagerService === void 0 ? void 0 : docEventManagerService.hoverParagraphLeft$);
-	const rawActiveTarget = activeTarget !== null && activeTarget !== void 0 ? activeTarget : docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget;
+	const rawActiveTarget = activeTarget ?? (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget);
 	const currentActiveTarget = tableBlockOnly ? (rawActiveTarget === null || rawActiveTarget === void 0 ? void 0 : rawActiveTarget.kind) === "table" ? rawActiveTarget : null : (rawActiveTarget === null || rawActiveTarget === void 0 ? void 0 : rawActiveTarget.kind) === "table" ? null : rawActiveTarget;
-	const activeParagraphBound = (_ref3 = (_ref4 = (_currentActiveTarget$ = currentActiveTarget === null || currentActiveTarget === void 0 ? void 0 : currentActiveTarget.paragraph) !== null && _currentActiveTarget$ !== void 0 ? _currentActiveTarget$ : docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeParagraph) !== null && _ref4 !== void 0 ? _ref4 : paragraph) !== null && _ref3 !== void 0 ? _ref3 : paragraphLeft;
+	const activeParagraphBound = (currentActiveTarget === null || currentActiveTarget === void 0 ? void 0 : currentActiveTarget.paragraph) ?? (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeParagraph) ?? paragraph ?? paragraphLeft;
 	const startIndex = activeParagraphBound === null || activeParagraphBound === void 0 ? void 0 : activeParagraphBound.startIndex;
-	const dataStream = (_doc$getBody$dataStre = doc === null || doc === void 0 || (_doc$getBody = doc.getBody()) === null || _doc$getBody === void 0 ? void 0 : _doc$getBody.dataStream) !== null && _doc$getBody$dataStre !== void 0 ? _doc$getBody$dataStre : "";
+	const dataStream = (doc === null || doc === void 0 || (_doc$getBody = doc.getBody()) === null || _doc$getBody === void 0 ? void 0 : _doc$getBody.dataStream) ?? "";
 	const paragraphObj = useMemo(() => {
 		var _doc$getBody2;
 		return doc === null || doc === void 0 || (_doc$getBody2 = doc.getBody()) === null || _doc$getBody2 === void 0 || (_doc$getBody2 = _doc$getBody2.paragraphs) === null || _doc$getBody2 === void 0 ? void 0 : _doc$getBody2.find((p) => p.startIndex === startIndex);
 	}, [doc, startIndex]);
-	const isEmptyParagraph = (_currentActiveTarget$2 = currentActiveTarget === null || currentActiveTarget === void 0 ? void 0 : currentActiveTarget.emptyMode) !== null && _currentActiveTarget$2 !== void 0 ? _currentActiveTarget$2 : isEmptyParagraphMenuTarget(dataStream, activeParagraphBound);
+	const isEmptyParagraph = (currentActiveTarget === null || currentActiveTarget === void 0 ? void 0 : currentActiveTarget.emptyMode) ?? isEmptyParagraphMenuTarget(dataStream, activeParagraphBound);
 	const namedStyleType = paragraphObj === null || paragraphObj === void 0 || (_paragraphObj$paragra = paragraphObj.paragraphStyle) === null || _paragraphObj$paragra === void 0 ? void 0 : _paragraphObj$paragra.namedStyleType;
-	const targetIconKey = (_currentActiveTarget$3 = currentActiveTarget === null || currentActiveTarget === void 0 ? void 0 : currentActiveTarget.icon) !== null && _currentActiveTarget$3 !== void 0 ? _currentActiveTarget$3 : getParagraphMenuTriggerIconKey(namedStyleType);
+	const targetIconKey = (currentActiveTarget === null || currentActiveTarget === void 0 ? void 0 : currentActiveTarget.icon) ?? getParagraphMenuTriggerIconKey(namedStyleType);
 	const TargetIcon = iconManager.get(targetIconKey);
 	const paragraphMenuType = useMemo(() => getParagraphMenuType(currentActiveTarget, isEmptyParagraph), [currentActiveTarget, isEmptyParagraph]);
 	const paragraphMenuActiveItemIds = useMemo(() => getParagraphMenuActiveItemIds(currentActiveTarget, namedStyleType), [currentActiveTarget, namedStyleType]);
@@ -18626,11 +18512,11 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 		bottom: 0
 	}), []);
 	const updateAnchorRect = () => {
-		var _anchorRef$current, _boundingRect$left, _boundingRect$right, _anchorRef$current$ow, _anchorRef$current2, _boundingRect$top, _boundingRect$bottom;
+		var _anchorRef$current, _anchorRef$current2;
 		const boundingRect = (_anchorRef$current = anchorRef.current) === null || _anchorRef$current === void 0 ? void 0 : _anchorRef$current.getBoundingClientRect();
-		const left = ((_boundingRect$left = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.left) !== null && _boundingRect$left !== void 0 ? _boundingRect$left : 0) - 4;
-		const right = (_boundingRect$right = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.right) !== null && _boundingRect$right !== void 0 ? _boundingRect$right : 0;
-		const viewportWidth = (_anchorRef$current$ow = (_anchorRef$current2 = anchorRef.current) === null || _anchorRef$current2 === void 0 || (_anchorRef$current2 = _anchorRef$current2.ownerDocument.defaultView) === null || _anchorRef$current2 === void 0 ? void 0 : _anchorRef$current2.innerWidth) !== null && _anchorRef$current$ow !== void 0 ? _anchorRef$current$ow : window.innerWidth;
+		const left = ((boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.left) ?? 0) - 4;
+		const right = (boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.right) ?? 0;
+		const viewportWidth = ((_anchorRef$current2 = anchorRef.current) === null || _anchorRef$current2 === void 0 || (_anchorRef$current2 = _anchorRef$current2.ownerDocument.defaultView) === null || _anchorRef$current2 === void 0 ? void 0 : _anchorRef$current2.innerWidth) ?? window.innerWidth;
 		setMenuDirection(getParagraphMenuPopupDirection(left, 212, 8, {
 			anchorRight: right,
 			direction,
@@ -18639,8 +18525,8 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 		const nextAnchorRect = {
 			left,
 			right,
-			top: (_boundingRect$top = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.top) !== null && _boundingRect$top !== void 0 ? _boundingRect$top : 0,
-			bottom: (_boundingRect$bottom = boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.bottom) !== null && _boundingRect$bottom !== void 0 ? _boundingRect$bottom : 0
+			top: (boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.top) ?? 0,
+			bottom: (boundingRect === null || boundingRect === void 0 ? void 0 : boundingRect.bottom) ?? 0
 		};
 		setAnchorRect(nextAnchorRect);
 		anchorRect$.next(nextAnchorRect);
@@ -18664,9 +18550,8 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 		}, PARAGRAPH_MENU_HOVER_HIDE_DELAY);
 	};
 	const handleOpenMenu = (mode = "pointer") => {
-		var _docParagraphMenuServ;
 		clearHideTimer();
-		const latestTarget = (_docParagraphMenuServ = docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) !== null && _docParagraphMenuServ !== void 0 ? _docParagraphMenuServ : activeTarget;
+		const latestTarget = (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) ?? activeTarget;
 		setParagraphMenuInteractionActive(docParagraphMenuService, true);
 		const targetRange = latestTarget ? {
 			...latestTarget.menuRange,
@@ -18679,11 +18564,11 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 	};
 	openMenuRef.current = handleOpenMenu;
 	const handleOpenSlashMenu = (request) => {
-		var _request$target$parag, _request$target$parag2;
+		var _request$target$parag;
 		clearHideTimer();
 		targetRangeRef.current = {
 			...request.target.menuRange,
-			segmentId: (_request$target$parag = (_request$target$parag2 = request.target.paragraph) === null || _request$target$parag2 === void 0 ? void 0 : _request$target$parag2.segmentId) !== null && _request$target$parag !== void 0 ? _request$target$parag : activeParagraphBound === null || activeParagraphBound === void 0 ? void 0 : activeParagraphBound.segmentId
+			segmentId: ((_request$target$parag = request.target.paragraph) === null || _request$target$parag === void 0 ? void 0 : _request$target$parag.segmentId) ?? (activeParagraphBound === null || activeParagraphBound === void 0 ? void 0 : activeParagraphBound.segmentId)
 		};
 		setMenuDirection("vertical");
 		setAnchorRect(request.anchorRect);
@@ -18703,8 +18588,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 		docSelectionManagerService.replaceDocRanges([range], void 0, false);
 	};
 	const getCurrentTextRangesSnapshot = () => {
-		var _docSelectionManagerS;
-		return ((_docSelectionManagerS = docSelectionManagerService.getTextRanges()) !== null && _docSelectionManagerS !== void 0 ? _docSelectionManagerS : []).map((range) => ({ ...range }));
+		return (docSelectionManagerService.getTextRanges() ?? []).map((range) => ({ ...range }));
 	};
 	const restoreTextRanges = (ranges) => {
 		if (!ranges) return;
@@ -18716,13 +18600,12 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 		return commandService.executeCommand(resolved.commandId, resolved.params);
 	};
 	const unwrapActiveBlockRange = async () => {
-		var _docParagraphMenuServ2, _activeParagraphBound;
-		const latestTarget = (_docParagraphMenuServ2 = docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) !== null && _docParagraphMenuServ2 !== void 0 ? _docParagraphMenuServ2 : activeTarget;
+		const latestTarget = (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) ?? activeTarget;
 		if (!latestTarget || latestTarget.kind !== "blockRange" || !latestTarget.blockRange || !(doc === null || doc === void 0 ? void 0 : doc.getBody())) return null;
 		const previousBody = doc.getBody();
 		const { body, range } = unwrapBlockRangeBody(previousBody, latestTarget.blockRange);
 		const actions = buildUnwrapBlockRangeActions(previousBody, body, latestTarget.blockRange);
-		const segmentId = (_activeParagraphBound = activeParagraphBound === null || activeParagraphBound === void 0 ? void 0 : activeParagraphBound.segmentId) !== null && _activeParagraphBound !== void 0 ? _activeParagraphBound : "";
+		const segmentId = (activeParagraphBound === null || activeParagraphBound === void 0 ? void 0 : activeParagraphBound.segmentId) ?? "";
 		if (!await commandService.executeCommand(RichTextEditingMutation.id, {
 			unitId: popup.unitId,
 			actions,
@@ -18740,12 +18623,11 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 		return nextRange;
 	};
 	const executeParagraphMenuOption = async (option) => {
-		var _docParagraphMenuServ3, _ref5, _option$commandId2;
-		const latestTarget = (_docParagraphMenuServ3 = docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) !== null && _docParagraphMenuServ3 !== void 0 ? _docParagraphMenuServ3 : activeTarget;
-		const targetRange = getTargetSelectionRange(latestTarget, activeParagraphBound !== null && activeParagraphBound !== void 0 ? activeParagraphBound : void 0);
-		const blockRange = getBlockSelectionRange(latestTarget, activeParagraphBound !== null && activeParagraphBound !== void 0 ? activeParagraphBound : void 0);
-		const formattingRange = getParagraphFormattingRange(latestTarget, activeParagraphBound !== null && activeParagraphBound !== void 0 ? activeParagraphBound : void 0);
-		const commandId = (_ref5 = (_option$commandId2 = option.commandId) !== null && _option$commandId2 !== void 0 ? _option$commandId2 : option.id) !== null && _ref5 !== void 0 ? _ref5 : typeof option.label === "string" ? option.label : void 0;
+		const latestTarget = (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) ?? activeTarget;
+		const targetRange = getTargetSelectionRange(latestTarget, activeParagraphBound ?? void 0);
+		const blockRange = getBlockSelectionRange(latestTarget, activeParagraphBound ?? void 0);
+		const formattingRange = getParagraphFormattingRange(latestTarget, activeParagraphBound ?? void 0);
+		const commandId = option.commandId ?? option.id ?? (typeof option.label === "string" ? option.label : void 0);
 		const commandParams = typeof option.params === "function" ? option.params() : option.params;
 		if (!commandId) return;
 		if (commandId === "doc.menu.paragraph-t.reset-colors") {
@@ -18756,9 +18638,9 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 			return;
 		}
 		if (commandId === "doc.menu.paragraph-t.indent.increase" || commandId === "doc.menu.paragraph-t.indent.decrease") {
-			var _paragraphObj$paragra2, _paragraphObj$paragra3;
+			var _paragraphObj$paragra2;
 			if (formattingRange) replaceSelection(formattingRange);
-			const currentIndent = (_paragraphObj$paragra2 = paragraphObj === null || paragraphObj === void 0 || (_paragraphObj$paragra3 = paragraphObj.paragraphStyle) === null || _paragraphObj$paragra3 === void 0 || (_paragraphObj$paragra3 = _paragraphObj$paragra3.indentFirstLine) === null || _paragraphObj$paragra3 === void 0 ? void 0 : _paragraphObj$paragra3.v) !== null && _paragraphObj$paragra2 !== void 0 ? _paragraphObj$paragra2 : 0;
+			const currentIndent = (paragraphObj === null || paragraphObj === void 0 || (_paragraphObj$paragra2 = paragraphObj.paragraphStyle) === null || _paragraphObj$paragra2 === void 0 || (_paragraphObj$paragra2 = _paragraphObj$paragra2.indentFirstLine) === null || _paragraphObj$paragra2 === void 0 ? void 0 : _paragraphObj$paragra2.v) ?? 0;
 			const delta = commandId === "doc.menu.paragraph-t.indent.increase" ? 20 : -20;
 			await commandService.executeCommand(DocParagraphSettingCommand.id, { paragraph: { indentFirstLine: { v: Math.max(0, currentIndent + delta) } } });
 			finishParagraphMenuCommand(docParagraphMenuService, layoutService, handleHideMenu);
@@ -18824,15 +18706,13 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 			return;
 		}
 		const previousTextRanges = shouldRestoreParagraphMenuSelectionAfterCommand(commandId) ? getCurrentTextRangesSnapshot() : null;
-		if (commandId && shouldUseInsertBelowRange(commandId, option) && (latestTarget === null || latestTarget === void 0 ? void 0 : latestTarget.moveRange)) {
-			var _ref6, _targetRange$segmentI;
-			docContentInsertService.setInsertRange({
-				unitId: popup.unitId,
-				startOffset: latestTarget.moveRange.endOffset,
-				endOffset: latestTarget.moveRange.endOffset,
-				segmentId: (_ref6 = (_targetRange$segmentI = targetRange === null || targetRange === void 0 ? void 0 : targetRange.segmentId) !== null && _targetRange$segmentI !== void 0 ? _targetRange$segmentI : activeParagraphBound === null || activeParagraphBound === void 0 ? void 0 : activeParagraphBound.segmentId) !== null && _ref6 !== void 0 ? _ref6 : ""
-			});
-		} else if (PARAGRAPH_MENU_SELECTION_COMMAND_IDS.has(commandId) && !PARAGRAPH_MENU_SKIP_REPLACE_SELECTION_COMMAND_IDS.has(commandId)) replaceSelection(getParagraphMenuCommandTargetRange(commandId, targetRange, formattingRange));
+		if (commandId && shouldUseInsertBelowRange(commandId, option) && (latestTarget === null || latestTarget === void 0 ? void 0 : latestTarget.moveRange)) docContentInsertService.setInsertRange({
+			unitId: popup.unitId,
+			startOffset: latestTarget.moveRange.endOffset,
+			endOffset: latestTarget.moveRange.endOffset,
+			segmentId: (targetRange === null || targetRange === void 0 ? void 0 : targetRange.segmentId) ?? (activeParagraphBound === null || activeParagraphBound === void 0 ? void 0 : activeParagraphBound.segmentId) ?? ""
+		});
+		else if (PARAGRAPH_MENU_SELECTION_COMMAND_IDS.has(commandId) && !PARAGRAPH_MENU_SKIP_REPLACE_SELECTION_COMMAND_IDS.has(commandId)) replaceSelection(getParagraphMenuCommandTargetRange(commandId, targetRange, formattingRange));
 		try {
 			await executeResolvedCommand({
 				...option,
@@ -18887,14 +18767,14 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 				isMouseOver.current = true;
 				hoverOpenSchedulerRef.current.openNow();
 			},
-			children: [/* @__PURE__ */ jsx(TargetIcon, {}), (currentActiveTarget === null || currentActiveTarget === void 0 ? void 0 : currentActiveTarget.draggable) && /* @__PURE__ */ jsx("button", {
+			children: [/* @__PURE__ */ jsx(TargetIcon, { className: clsx(getParagraphMenuIconSizeClass(targetIconKey), "univer-shrink-0 univer-text-gray-700 dark:!univer-text-white") }), (currentActiveTarget === null || currentActiveTarget === void 0 ? void 0 : currentActiveTarget.draggable) && /* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: "univer-group univer-flex univer-h-4 univer-w-2.5 univer-cursor-grab univer-items-center univer-justify-center univer-border-none univer-bg-transparent univer-p-0 active:univer-cursor-grabbing",
 				"aria-label": localeService.t("docs-ui.doc.blockMenu.dragBlock"),
 				title: localeService.t("docs-ui.doc.blockMenu.dragBlock"),
 				onPointerDown: (event) => {
-					var _docParagraphMenuServ4, _event$currentTarget$, _event$currentTarget;
-					const latestTarget = (_docParagraphMenuServ4 = docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) !== null && _docParagraphMenuServ4 !== void 0 ? _docParagraphMenuServ4 : activeTarget;
+					var _event$currentTarget$, _event$currentTarget;
+					const latestTarget = (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) ?? activeTarget;
 					const moveRange = latestTarget === null || latestTarget === void 0 ? void 0 : latestTarget.moveRange;
 					if (!moveRange || !(latestTarget === null || latestTarget === void 0 ? void 0 : latestTarget.draggable)) return;
 					event.preventDefault();
@@ -18909,14 +18789,13 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 					setDropRect(null);
 					const pointerId = event.pointerId;
 					const handlePointerMove = (moveEvent) => {
-						var _target$targetOffset, _target$rect;
 						if (moveEvent.pointerId !== pointerId) return;
 						moveEvent.preventDefault();
 						const range = dragRangeRef.current;
 						if (!range) return;
 						const target = docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.getDropTargetFromClientPoint(moveEvent.clientX, moveEvent.clientY, range);
-						dragTargetOffsetRef.current = (_target$targetOffset = target === null || target === void 0 ? void 0 : target.targetOffset) !== null && _target$targetOffset !== void 0 ? _target$targetOffset : null;
-						setDropRect((_target$rect = target === null || target === void 0 ? void 0 : target.rect) !== null && _target$rect !== void 0 ? _target$rect : null);
+						dragTargetOffsetRef.current = (target === null || target === void 0 ? void 0 : target.targetOffset) ?? null;
+						setDropRect((target === null || target === void 0 ? void 0 : target.rect) ?? null);
 					};
 					const finishDrag = (shouldDrop) => {
 						window.removeEventListener("pointermove", handlePointerMove);
@@ -18997,6 +18876,7 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 				children: /* @__PURE__ */ jsx(ContextMenuPanel, {
 					className: "univer-w-[212px]",
 					menuType: resolvedParagraphMenuType,
+					flowQuickGroups: true,
 					activeItemIds: (currentActiveTarget === null || currentActiveTarget === void 0 ? void 0 : currentActiveTarget.kind) === "table" ? void 0 : paragraphMenuActiveItemIds,
 					hiddenItemIds: openMode === "slash" || (currentActiveTarget === null || currentActiveTarget === void 0 ? void 0 : currentActiveTarget.kind) === "table" ? void 0 : paragraphMenuHiddenItemIds,
 					autoFocus: openMode === "slash",
@@ -19016,22 +18896,20 @@ function ParagraphMenuBase({ popup, tableBlockOnly = false }) {
 						finishParagraphMenuCommand(docParagraphMenuService, layoutService, handleHideMenu);
 					},
 					onOptionSelect: async (params) => {
-						var _targetRangeRef$curre, _docParagraphMenuServ5;
-						const targetRange = (_targetRangeRef$curre = targetRangeRef.current) !== null && _targetRangeRef$curre !== void 0 ? _targetRangeRef$curre : getParagraphMenuTargetRange(activeParagraphBound);
+						const targetRange = targetRangeRef.current ?? getParagraphMenuTargetRange(activeParagraphBound);
 						const { commandId, params: commandParams } = getParagraphMenuCommand(params, targetRange);
-						const latestTarget = (_docParagraphMenuServ5 = docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) !== null && _docParagraphMenuServ5 !== void 0 ? _docParagraphMenuServ5 : activeTarget;
+						const latestTarget = (docParagraphMenuService === null || docParagraphMenuService === void 0 ? void 0 : docParagraphMenuService.activeTarget) ?? activeTarget;
 						if ((latestTarget === null || latestTarget === void 0 ? void 0 : latestTarget.kind) === "table" && commandId && targetRange) {
-							var _targetRange$segmentI2, _targetRange$segmentI3;
 							const tableRange = {
 								...targetRange,
-								segmentId: (_targetRange$segmentI2 = targetRange.segmentId) !== null && _targetRange$segmentI2 !== void 0 ? _targetRange$segmentI2 : "",
+								segmentId: targetRange.segmentId ?? "",
 								collapsed: false
 							};
 							const afterTableRange = {
 								startOffset: latestTarget.moveRange.endOffset,
 								endOffset: latestTarget.moveRange.endOffset,
 								collapsed: true,
-								segmentId: (_targetRange$segmentI3 = targetRange.segmentId) !== null && _targetRange$segmentI3 !== void 0 ? _targetRange$segmentI3 : ""
+								segmentId: targetRange.segmentId ?? ""
 							};
 							if (commandId === DocCopyCommand.id || commandId === DocCopyCommand.name) {
 								await docClipboardService.copy(SliceBodyType.copy, [tableRange]);
@@ -19102,53 +18980,29 @@ function getSectionColumnCount(section) {
 	return ((_section$columnProper = section.columnProperties) === null || _section$columnProper === void 0 ? void 0 : _section$columnProper.length) || 1;
 }
 function getSectionColumnGap(section) {
-	var _section$columnProper2, _section$columnProper3;
-	return (_section$columnProper2 = (_section$columnProper3 = section.columnProperties) === null || _section$columnProper3 === void 0 || (_section$columnProper3 = _section$columnProper3[0]) === null || _section$columnProper3 === void 0 ? void 0 : _section$columnProper3.paddingEnd) !== null && _section$columnProper2 !== void 0 ? _section$columnProper2 : DEFAULT_SECTION_COLUMN_GAP;
+	var _section$columnProper2;
+	return ((_section$columnProper2 = section.columnProperties) === null || _section$columnProper2 === void 0 || (_section$columnProper2 = _section$columnProper2[0]) === null || _section$columnProper2 === void 0 ? void 0 : _section$columnProper2.paddingEnd) ?? DEFAULT_SECTION_COLUMN_GAP;
 }
 function getSectionSettingValues(sections, documentStyle) {
 	return {
 		columnCount: getCommonValue(sections.map(getSectionColumnCount)),
 		columnGap: getCommonValue(sections.map(getSectionColumnGap)),
-		separatorType: getCommonValue(sections.map((section) => {
-			var _section$columnSepara;
-			return (_section$columnSepara = section.columnSeparatorType) !== null && _section$columnSepara !== void 0 ? _section$columnSepara : ColumnSeparatorType.NONE;
-		})),
-		sectionType: getCommonValue(sections.map((section) => {
-			var _section$sectionType;
-			return (_section$sectionType = section.sectionType) !== null && _section$sectionType !== void 0 ? _section$sectionType : SectionType.SECTION_TYPE_UNSPECIFIED;
-		})),
+		separatorType: getCommonValue(sections.map((section) => section.columnSeparatorType ?? ColumnSeparatorType.NONE)),
+		sectionType: getCommonValue(sections.map((section) => section.sectionType ?? SectionType.SECTION_TYPE_UNSPECIFIED)),
 		pageWidth: getCommonValue(sections.map((section) => {
-			var _section$pageSize$wid, _section$pageSize, _documentStyle$pageSi;
-			return (_section$pageSize$wid = (_section$pageSize = section.pageSize) === null || _section$pageSize === void 0 ? void 0 : _section$pageSize.width) !== null && _section$pageSize$wid !== void 0 ? _section$pageSize$wid : (_documentStyle$pageSi = documentStyle.pageSize) === null || _documentStyle$pageSi === void 0 ? void 0 : _documentStyle$pageSi.width;
+			var _section$pageSize, _documentStyle$pageSi;
+			return ((_section$pageSize = section.pageSize) === null || _section$pageSize === void 0 ? void 0 : _section$pageSize.width) ?? ((_documentStyle$pageSi = documentStyle.pageSize) === null || _documentStyle$pageSi === void 0 ? void 0 : _documentStyle$pageSi.width);
 		})),
 		pageHeight: getCommonValue(sections.map((section) => {
-			var _section$pageSize$hei, _section$pageSize2, _documentStyle$pageSi2;
-			return (_section$pageSize$hei = (_section$pageSize2 = section.pageSize) === null || _section$pageSize2 === void 0 ? void 0 : _section$pageSize2.height) !== null && _section$pageSize$hei !== void 0 ? _section$pageSize$hei : (_documentStyle$pageSi2 = documentStyle.pageSize) === null || _documentStyle$pageSi2 === void 0 ? void 0 : _documentStyle$pageSi2.height;
-		})),
-		pageOrient: getCommonValue(sections.map((section) => {
-			var _section$pageOrient;
-			return (_section$pageOrient = section.pageOrient) !== null && _section$pageOrient !== void 0 ? _section$pageOrient : documentStyle.pageOrient;
-		})),
-		marginTop: getCommonValue(sections.map((section) => {
-			var _ref, _section$marginTop;
-			return (_ref = (_section$marginTop = section.marginTop) !== null && _section$marginTop !== void 0 ? _section$marginTop : documentStyle.marginTop) !== null && _ref !== void 0 ? _ref : 0;
-		})),
-		marginBottom: getCommonValue(sections.map((section) => {
-			var _ref2, _section$marginBottom;
-			return (_ref2 = (_section$marginBottom = section.marginBottom) !== null && _section$marginBottom !== void 0 ? _section$marginBottom : documentStyle.marginBottom) !== null && _ref2 !== void 0 ? _ref2 : 0;
-		})),
-		marginLeft: getCommonValue(sections.map((section) => {
-			var _ref3, _section$marginLeft;
-			return (_ref3 = (_section$marginLeft = section.marginLeft) !== null && _section$marginLeft !== void 0 ? _section$marginLeft : documentStyle.marginLeft) !== null && _ref3 !== void 0 ? _ref3 : 0;
-		})),
-		marginRight: getCommonValue(sections.map((section) => {
-			var _ref4, _section$marginRight;
-			return (_ref4 = (_section$marginRight = section.marginRight) !== null && _section$marginRight !== void 0 ? _section$marginRight : documentStyle.marginRight) !== null && _ref4 !== void 0 ? _ref4 : 0;
+			var _section$pageSize2, _documentStyle$pageSi2;
+			return ((_section$pageSize2 = section.pageSize) === null || _section$pageSize2 === void 0 ? void 0 : _section$pageSize2.height) ?? ((_documentStyle$pageSi2 = documentStyle.pageSize) === null || _documentStyle$pageSi2 === void 0 ? void 0 : _documentStyle$pageSi2.height);
 		})),
-		pageNumberStart: getCommonValue(sections.map((section) => {
-			var _ref5, _section$pageNumberSt;
-			return (_ref5 = (_section$pageNumberSt = section.pageNumberStart) !== null && _section$pageNumberSt !== void 0 ? _section$pageNumberSt : documentStyle.pageNumberStart) !== null && _ref5 !== void 0 ? _ref5 : 1;
-		}))
+		pageOrient: getCommonValue(sections.map((section) => section.pageOrient ?? documentStyle.pageOrient)),
+		marginTop: getCommonValue(sections.map((section) => section.marginTop ?? documentStyle.marginTop ?? 0)),
+		marginBottom: getCommonValue(sections.map((section) => section.marginBottom ?? documentStyle.marginBottom ?? 0)),
+		marginLeft: getCommonValue(sections.map((section) => section.marginLeft ?? documentStyle.marginLeft ?? 0)),
+		marginRight: getCommonValue(sections.map((section) => section.marginRight ?? documentStyle.marginRight ?? 0)),
+		pageNumberStart: getCommonValue(sections.map((section) => section.pageNumberStart ?? documentStyle.pageNumberStart ?? 1))
 	};
 }
 function createSectionColumnUpdates(sections, documentStyle, change) {
@@ -19163,9 +19017,8 @@ function createSectionColumnUpdates(sections, documentStyle, change) {
 }
 function createSectionOrientationUpdates(sections, documentStyle, pageOrient) {
 	return sections.map((section) => {
-		var _ref6, _section$pageOrient2, _section$pageSize3;
-		const currentOrient = (_ref6 = (_section$pageOrient2 = section.pageOrient) !== null && _section$pageOrient2 !== void 0 ? _section$pageOrient2 : documentStyle.pageOrient) !== null && _ref6 !== void 0 ? _ref6 : PageOrientType.PORTRAIT;
-		const currentPageSize = (_section$pageSize3 = section.pageSize) !== null && _section$pageSize3 !== void 0 ? _section$pageSize3 : documentStyle.pageSize;
+		const currentOrient = section.pageOrient ?? documentStyle.pageOrient ?? PageOrientType.PORTRAIT;
+		const currentPageSize = section.pageSize ?? documentStyle.pageSize;
 		return {
 			sectionId: section.sectionId,
 			config: {
@@ -19197,7 +19050,6 @@ function navigateToSection(controller, documentDataModel, sections, sectionId) {
 	controller.navigateToSectionEnd(documentDataModel.getUnitId(), index === 0 ? 0 : sections[index - 1].startIndex + 1, sections[index].startIndex);
 }
 function useSectionSetting() {
-	var _documentDataModel$ge;
 	const commandService = useDependency(ICommandService);
 	const instanceService = useDependency(IUniverInstanceService);
 	const selectionManager = useDependency(DocSelectionManagerService);
@@ -19205,7 +19057,7 @@ function useSectionSetting() {
 	const documentDataModel = useObservable(useMemo(() => instanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC), [instanceService]));
 	const resolveSections = () => (documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getDocumentStyle().documentFlavor) === DocumentFlavor.TRADITIONAL ? getSelectedSections(documentDataModel, selectionManager.getDocRanges()) : [];
 	const sections = useObservable(documentDataModel ? () => combineLatest([selectionManager.textSelection$.pipe(startWith(void 0)), documentDataModel.change$.pipe(startWith(void 0))]).pipe(map(resolveSections)) : null, resolveSections(), false, [documentDataModel, selectionManager]);
-	const documentStyle = (_documentDataModel$ge = documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getDocumentStyle()) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : {};
+	const documentStyle = (documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getDocumentStyle()) ?? {};
 	const values = getSectionSettingValues(sections, documentStyle);
 	const body = documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getBody();
 	const allSections = (documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getDocumentStyle().documentFlavor) === DocumentFlavor.TRADITIONAL && body ? getTopLevelSectionBreaks(body) : [];
@@ -19230,7 +19082,7 @@ function useSectionSetting() {
 		selectedSectionId: sections.length === 1 ? sections[0].sectionId : void 0,
 		...values,
 		selectSection(sectionId) {
-			navigateToSection(controller, documentDataModel !== null && documentDataModel !== void 0 ? documentDataModel : void 0, allSections, sectionId);
+			navigateToSection(controller, documentDataModel ?? void 0, allSections, sectionId);
 		},
 		setColumnCount(value) {
 			const next = Math.max(1, Math.round(value));
@@ -19303,7 +19155,6 @@ function SettingRow(props) {
 	});
 }
 function SectionSetting() {
-	var _setting$selectedSect;
 	const localeService = useDependency(LocaleService);
 	const controller = useDependency(DocSectionSettingController);
 	const setting = useSectionSetting();
@@ -19324,7 +19175,7 @@ function SectionSetting() {
 					label: localeService.t("docs-ui.doc.slider.sectionSetting"),
 					children: /* @__PURE__ */ jsx(Select, {
 						className: "univer-w-full",
-						value: (_setting$selectedSect = setting.selectedSectionId) !== null && _setting$selectedSect !== void 0 ? _setting$selectedSect : "",
+						value: setting.selectedSectionId ?? "",
 						options: [...setting.selectedSectionId == null ? [{
 							label: localeService.t("docs-ui.doc.sectionSetting.multipleValues"),
 							value: "",
@@ -19883,11 +19734,10 @@ const COLLAB_CURSOR_LABEL_MAX_WIDTH = 200;
 const COLLAB_CURSOR_LABEL_TEXT_PADDING_LR = 6;
 const COLLAB_CURSOR_LABEL_TEXT_PADDING_TB = 4;
 function drawBubble(ctx, props) {
-	var _radius, _width, _height;
 	let { radius, width, height } = props;
-	radius = (_radius = radius) !== null && _radius !== void 0 ? _radius : 0;
-	width = (_width = width) !== null && _width !== void 0 ? _width : 30;
-	height = (_height = height) !== null && _height !== void 0 ? _height : 30;
+	radius = radius ?? 0;
+	width = width ?? 30;
+	height = height ?? 30;
 	let bottomRight = 0;
 	bottomRight = Math.min(radius, width / 2, height / 2);
 	ctx.beginPath();
@@ -19984,7 +19834,7 @@ function checkCreateHeaderFooterType(viewModel, editArea, segmentPage, page) {
 	const [headerFooterId, createType] = useFirstPageHeaderFooter === BooleanNumber.TRUE && isFirstPage ? variants.first : evenAndOddHeaders === BooleanNumber.TRUE && isEvenPage ? variants.even : variants.default;
 	return {
 		createType: headerFooterId ? null : createType,
-		headerFooterId: headerFooterId !== null && headerFooterId !== void 0 ? headerFooterId : null,
+		headerFooterId: headerFooterId ?? null,
 		sectionId
 	};
 }
@@ -20235,18 +20085,14 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			if (!updateCommandList.includes(command.id)) return;
 			const param = command.params;
 			switch (command.id) {
-				case MoveCursorOperation.id:
-					var _param$granularity;
-					return this._handleMoveCursor(param.direction, (_param$granularity = param.granularity) !== null && _param$granularity !== void 0 ? _param$granularity : "character");
-				case MoveSelectionOperation.id:
-					var _param$granularity2;
-					return this._handleShiftMoveSelection(param.direction, (_param$granularity2 = param.granularity) !== null && _param$granularity2 !== void 0 ? _param$granularity2 : "character");
+				case MoveCursorOperation.id: return this._handleMoveCursor(param.direction, param.granularity ?? "character");
+				case MoveSelectionOperation.id: return this._handleShiftMoveSelection(param.direction, param.granularity ?? "character");
 				default: throw new Error("Unknown command");
 			}
 		}));
 	}
 	_handleShiftMoveSelection(direction, granularity = "character") {
-		var _docDataModel$getSelf, _body$dataStream$leng, _docDataModel$getCust;
+		var _docDataModel$getSelf;
 		const activeRange = this._textSelectionManagerService.getActiveTextRange();
 		const allRanges = this._textSelectionManagerService.getTextRanges();
 		const docDataModel = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
@@ -20256,8 +20102,8 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		const docObject = currentRender ? neoGetDocObject(currentRender) : null;
 		if (activeRange == null || skeleton == null || docObject == null) return;
 		const { startOffset, endOffset, style, collapsed, direction: rangeDirection, segmentId, startNodePosition, endNodePosition, segmentPage } = activeRange;
-		const normalizedSegmentId = segmentId !== null && segmentId !== void 0 ? segmentId : "";
-		const normalizedSegmentPage = segmentPage !== null && segmentPage !== void 0 ? segmentPage : -1;
+		const normalizedSegmentId = segmentId ?? "";
+		const normalizedSegmentPage = segmentPage ?? -1;
 		if (allRanges.length > 1) {
 			let min = Number.POSITIVE_INFINITY;
 			let max = Number.NEGATIVE_INFINITY;
@@ -20276,8 +20122,8 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		let focusOffset = collapsed ? endOffset : rangeDirection === RANGE_DIRECTION.FORWARD ? endOffset : startOffset;
 		const body = (_docDataModel$getSelf = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId)) === null || _docDataModel$getSelf === void 0 ? void 0 : _docDataModel$getSelf.getBody();
 		if (body == null) return;
-		const dataStreamLength = (_body$dataStream$leng = body.dataStream.length) !== null && _body$dataStream$leng !== void 0 ? _body$dataStream$leng : Number.POSITIVE_INFINITY;
-		const customRanges = (_docDataModel$getCust = docDataModel.getCustomRanges()) !== null && _docDataModel$getCust !== void 0 ? _docDataModel$getCust : [];
+		const dataStreamLength = body.dataStream.length ?? Number.POSITIVE_INFINITY;
+		const customRanges = docDataModel.getCustomRanges() ?? [];
 		if (granularity !== "character") {
 			const nextOffset = this._getCursorOffsetByGranularity(skeleton, focusOffset, direction, granularity, normalizedSegmentId, normalizedSegmentPage, dataStreamLength, body.dataStream);
 			if (nextOffset == null || nextOffset === focusOffset) return;
@@ -20292,10 +20138,9 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 			return;
 		}
 		if (direction === Direction.LEFT || direction === Direction.RIGHT) {
-			var _preGlyph$count;
 			const preGlyph = skeleton.findNodeByCharIndex(focusOffset - 1, segmentId, segmentPage);
 			const curGlyph = skeleton.findNodeByCharIndex(focusOffset, segmentId, segmentPage);
-			focusOffset = direction === Direction.RIGHT ? focusOffset + curGlyph.count : focusOffset - ((_preGlyph$count = preGlyph === null || preGlyph === void 0 ? void 0 : preGlyph.count) !== null && _preGlyph$count !== void 0 ? _preGlyph$count : 0);
+			focusOffset = direction === Direction.RIGHT ? focusOffset + curGlyph.count : focusOffset - ((preGlyph === null || preGlyph === void 0 ? void 0 : preGlyph.count) ?? 0);
 			focusOffset = Math.min(dataStreamLength - 2, Math.max(0, focusOffset));
 			this._textSelectionManagerService.replaceDocRanges([{
 				startOffset: anchorOffset,
@@ -20330,7 +20175,7 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		}
 	}
 	_handleMoveCursor(direction, granularity = "character") {
-		var _docDataModel$getSelf2, _body$dataStream$leng2, _docDataModel$getCust2;
+		var _docDataModel$getSelf2;
 		const activeRange = this._textSelectionManagerService.getActiveTextRange();
 		const allRanges = this._textSelectionManagerService.getTextRanges();
 		const docDataModel = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
@@ -20340,12 +20185,12 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		const docObject = currentRender ? neoGetDocObject(currentRender) : null;
 		if (activeRange == null || skeleton == null || docObject == null || allRanges == null) return;
 		const { startOffset, endOffset, style, collapsed, segmentId, startNodePosition, endNodePosition, segmentPage } = activeRange;
-		const normalizedSegmentId = segmentId !== null && segmentId !== void 0 ? segmentId : "";
-		const normalizedSegmentPage = segmentPage !== null && segmentPage !== void 0 ? segmentPage : -1;
+		const normalizedSegmentId = segmentId ?? "";
+		const normalizedSegmentPage = segmentPage ?? -1;
 		const body = (_docDataModel$getSelf2 = docDataModel.getSelfOrHeaderFooterModel(normalizedSegmentId)) === null || _docDataModel$getSelf2 === void 0 ? void 0 : _docDataModel$getSelf2.getBody();
 		if (body == null) return;
-		const dataStreamLength = (_body$dataStream$leng2 = body.dataStream.length) !== null && _body$dataStream$leng2 !== void 0 ? _body$dataStream$leng2 : Number.POSITIVE_INFINITY;
-		const customRanges = (_docDataModel$getCust2 = docDataModel.getCustomRanges()) !== null && _docDataModel$getCust2 !== void 0 ? _docDataModel$getCust2 : [];
+		const dataStreamLength = body.dataStream.length ?? Number.POSITIVE_INFINITY;
+		const customRanges = docDataModel.getCustomRanges() ?? [];
 		if (granularity !== "character") {
 			let cursorOffset;
 			if (!activeRange.collapsed || allRanges.length > 1) {
@@ -20383,10 +20228,8 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 				const preSpan = skeleton.findNodeByCharIndex(startOffset - 1, segmentId, segmentPage);
 				const curSpan = skeleton.findNodeByCharIndex(startOffset, segmentId, segmentPage);
 				const nextGlyph = skeleton.findNodeByCharIndex(startOffset + 1, segmentId, segmentPage);
-				if (direction === Direction.LEFT) {
-					var _preSpan$count;
-					cursor = Math.max(0, startOffset - ((_preSpan$count = preSpan === null || preSpan === void 0 ? void 0 : preSpan.count) !== null && _preSpan$count !== void 0 ? _preSpan$count : 1));
-				} else cursor = Math.min(dataStreamLength - 2, endOffset + curSpan.count + ((nextGlyph === null || nextGlyph === void 0 ? void 0 : nextGlyph.streamType) === DataStreamTreeTokenType.SECTION_BREAK ? 1 : 0));
+				if (direction === Direction.LEFT) cursor = Math.max(0, startOffset - ((preSpan === null || preSpan === void 0 ? void 0 : preSpan.count) ?? 1));
+				else cursor = Math.min(dataStreamLength - 2, endOffset + curSpan.count + ((nextGlyph === null || nextGlyph === void 0 ? void 0 : nextGlyph.streamType) === DataStreamTreeTokenType.SECTION_BREAK ? 1 : 0));
 			}
 			const skipTokens = [...this._getCursorSkipTokens()];
 			if (direction === Direction.LEFT) while (skipTokens.includes(body.dataStream[cursor])) cursor--;
@@ -20457,9 +20300,8 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		return 0;
 	}
 	_getWordBoundaryOffset(skeleton, focusOffset, direction, segmentId, segmentPage, dataStreamLength) {
-		var _skeleton$findNodeByC;
 		if (direction !== Direction.LEFT && direction !== Direction.RIGHT) return;
-		const glyph = (_skeleton$findNodeByC = skeleton.findNodeByCharIndex(focusOffset, segmentId, segmentPage)) !== null && _skeleton$findNodeByC !== void 0 ? _skeleton$findNodeByC : skeleton.findNodeByCharIndex(Math.max(0, focusOffset - 1), segmentId, segmentPage);
+		const glyph = skeleton.findNodeByCharIndex(focusOffset, segmentId, segmentPage) ?? skeleton.findNodeByCharIndex(Math.max(0, focusOffset - 1), segmentId, segmentPage);
 		if (glyph == null) return direction === Direction.LEFT ? 0 : dataStreamLength - 2;
 		const paragraphInfo = getParagraphInfoByGlyph(glyph);
 		if (paragraphInfo == null) return;
@@ -20469,9 +20311,9 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		return Math.min(dataStreamLength - 2, Math.max(0, nextOffset));
 	}
 	_getLineBoundaryOffset(skeleton, focusOffset, direction, segmentId, segmentPage, dataStreamLength) {
-		var _skeleton$findNodeByC2, _glyph$parent;
+		var _glyph$parent;
 		if (direction !== Direction.LEFT && direction !== Direction.RIGHT) return;
-		const glyph = (_skeleton$findNodeByC2 = skeleton.findNodeByCharIndex(focusOffset, segmentId, segmentPage)) !== null && _skeleton$findNodeByC2 !== void 0 ? _skeleton$findNodeByC2 : skeleton.findNodeByCharIndex(Math.max(0, focusOffset - 1), segmentId, segmentPage);
+		const glyph = skeleton.findNodeByCharIndex(focusOffset, segmentId, segmentPage) ?? skeleton.findNodeByCharIndex(Math.max(0, focusOffset - 1), segmentId, segmentPage);
 		const line = glyph === null || glyph === void 0 || (_glyph$parent = glyph.parent) === null || _glyph$parent === void 0 ? void 0 : _glyph$parent.parent;
 		if (line == null) return direction === Direction.LEFT ? 0 : dataStreamLength - 2;
 		const boundaryGlyph = direction === Direction.LEFT ? this._getFirstCursorGlyphInLine(line) : this._getLastCursorGlyphInLine(line);
@@ -20581,7 +20423,6 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		return divideLeft + left;
 	}
 	_matchPositionByLeftOffset(docSkeleton, line, offsetLeft, nodePosition) {
-		var _nearestNode$glyph;
 		const nearestNode = { distance: Number.POSITIVE_INFINITY };
 		const nearestEmptyParagraphNode = { distance: Number.POSITIVE_INFINITY };
 		for (const divide of line.divides) {
@@ -20608,7 +20449,7 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 				}
 			}
 		}
-		const nearestGlyph = (_nearestNode$glyph = nearestNode.glyph) !== null && _nearestNode$glyph !== void 0 ? _nearestNode$glyph : nearestEmptyParagraphNode.glyph;
+		const nearestGlyph = nearestNode.glyph ?? nearestEmptyParagraphNode.glyph;
 		if (nearestGlyph == null) return;
 		const { segmentPage } = nodePosition;
 		return docSkeleton.findPositionByGlyph(nearestGlyph, segmentPage);
@@ -20763,10 +20604,10 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		}
 	}
 	_findLineAroundTable(table, direction) {
-		var _pages, _tablePage$parent;
+		var _tablePage$parent;
 		const tablePage = table.parent;
 		if (tablePage == null) return;
-		const pages = (_pages = (_tablePage$parent = tablePage.parent) === null || _tablePage$parent === void 0 ? void 0 : _tablePage$parent.pages) !== null && _pages !== void 0 ? _pages : [tablePage];
+		const pages = ((_tablePage$parent = tablePage.parent) === null || _tablePage$parent === void 0 ? void 0 : _tablePage$parent.pages) ?? [tablePage];
 		const lineMatcher = direction ? (line) => line.st === table.ed + 1 : (line) => line.ed === table.st - 1;
 		for (const page of pages) for (const section of page.sections) for (const column of section.columns) {
 			const line = (direction ? column.lines : [...column.lines].reverse()).find(lineMatcher);
@@ -20780,14 +20621,12 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		return Math.min(Math.abs(offsetLeft - left), Math.abs(offsetLeft - right));
 	}
 	_getTableCellHostOffsetLeft(cell) {
-		var _table$left, _cell$left, _cell$marginLeft;
 		const row = cell.parent;
 		const table = row === null || row === void 0 ? void 0 : row.parent;
-		return ((_table$left = table === null || table === void 0 ? void 0 : table.left) !== null && _table$left !== void 0 ? _table$left : 0) + ((_cell$left = cell.left) !== null && _cell$left !== void 0 ? _cell$left : 0) + ((_cell$marginLeft = cell.marginLeft) !== null && _cell$marginLeft !== void 0 ? _cell$marginLeft : 0);
+		return ((table === null || table === void 0 ? void 0 : table.left) ?? 0) + (cell.left ?? 0) + (cell.marginLeft ?? 0);
 	}
 	_getTableCellContentWidth(cell) {
-		var _cell$pageWidth, _cell$marginLeft2, _cell$marginRight;
-		return Math.max(0, ((_cell$pageWidth = cell.pageWidth) !== null && _cell$pageWidth !== void 0 ? _cell$pageWidth : 0) - ((_cell$marginLeft2 = cell.marginLeft) !== null && _cell$marginLeft2 !== void 0 ? _cell$marginLeft2 : 0) - ((_cell$marginRight = cell.marginRight) !== null && _cell$marginRight !== void 0 ? _cell$marginRight : 0));
+		return Math.max(0, (cell.pageWidth ?? 0) - (cell.marginLeft ?? 0) - (cell.marginRight ?? 0));
 	}
 	_isTableCellContentPage(page) {
 		var _table$rows;
@@ -20828,8 +20667,8 @@ let DocMoveCursorController = class DocMoveCursorController extends Disposable {
 		};
 	}
 	_findColumnGroupByBlockLine(page, line) {
-		var _page$skeColumnGroups, _page$skeColumnGroups2;
-		for (const columnGroup of (_page$skeColumnGroups = (_page$skeColumnGroups2 = page.skeColumnGroups) === null || _page$skeColumnGroups2 === void 0 ? void 0 : _page$skeColumnGroups2.values()) !== null && _page$skeColumnGroups !== void 0 ? _page$skeColumnGroups : []) if (line.paragraphIndex === columnGroup.ed || line.st <= columnGroup.ed && line.ed >= columnGroup.st) return columnGroup;
+		var _page$skeColumnGroups;
+		for (const columnGroup of ((_page$skeColumnGroups = page.skeColumnGroups) === null || _page$skeColumnGroups === void 0 ? void 0 : _page$skeColumnGroups.values()) ?? []) if (line.paragraphIndex === columnGroup.ed || line.st <= columnGroup.ed && line.ed >= columnGroup.st) return columnGroup;
 	}
 	_findColumnGroupBlockLine(columnGroup) {
 		const page = columnGroup.parent;
@@ -20988,7 +20827,7 @@ let DocClipboardController = class DocClipboardController extends RxDisposable {
 	_initLegacyPasteCommand() {
 		var _this$_docSelectionRe;
 		(_this$_docSelectionRe = this._docSelectionRenderService) === null || _this$_docSelectionRe === void 0 || _this$_docSelectionRe.onPaste$.pipe(takeUntil(this.dispose$)).subscribe((config) => {
-			var _clipboardEvent$clipb, _clipboardEvent$clipb2, _clipboardEvent$clipb3, _clipboardEvent$clipb4, _htmlContent;
+			var _clipboardEvent$clipb, _clipboardEvent$clipb2, _clipboardEvent$clipb3, _clipboardEvent$clipb4;
 			if (!whenDocOrEditor(this._contextService)) return;
 			config.event.preventDefault();
 			const clipboardEvent = config.event;
@@ -20996,7 +20835,7 @@ let DocClipboardController = class DocClipboardController extends RxDisposable {
 			const internalJson = (_clipboardEvent$clipb2 = clipboardEvent.clipboardData) === null || _clipboardEvent$clipb2 === void 0 ? void 0 : _clipboardEvent$clipb2.getData("application/x-doc-fragment+json");
 			const textContent = (_clipboardEvent$clipb3 = clipboardEvent.clipboardData) === null || _clipboardEvent$clipb3 === void 0 ? void 0 : _clipboardEvent$clipb3.getData(PLAIN_TEXT_CLIPBOARD_MIME_TYPE);
 			const files = [...((_clipboardEvent$clipb4 = clipboardEvent.clipboardData) === null || _clipboardEvent$clipb4 === void 0 ? void 0 : _clipboardEvent$clipb4.items) || []].filter((item) => imageMimeTypeSet.has(item.type)).map((item) => item.getAsFile()).filter((e) => !!e);
-			if (!!this._editorService.getEditor(this._context.unitId) && ((_htmlContent = htmlContent) !== null && _htmlContent !== void 0 ? _htmlContent : "").indexOf("</table>") > -1) htmlContent = "";
+			if (!!this._editorService.getEditor(this._context.unitId) && (htmlContent ?? "").indexOf("</table>") > -1) htmlContent = "";
 			this._docClipboardService.legacyPaste({
 				html: htmlContent,
 				internalJson,
@@ -21054,10 +20893,10 @@ let DocContextMenuRenderController = class DocContextMenuRenderController extend
 		}));
 	}
 	_isSelectionInCodeBlock() {
-		var _documentDataModel$ge, _documentDataModel$ge2, _this$_docSelectionMa;
+		var _documentDataModel$ge;
 		const documentDataModel = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
-		const blockRanges = (_documentDataModel$ge = documentDataModel === null || documentDataModel === void 0 || (_documentDataModel$ge2 = documentDataModel.getBody()) === null || _documentDataModel$ge2 === void 0 || (_documentDataModel$ge2 = _documentDataModel$ge2.blockRanges) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.filter((range) => range.blockType === DocumentBlockRangeType.CODE)) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : [];
-		const textRanges = (_this$_docSelectionMa = this._docSelectionManagerService.getTextRanges()) !== null && _this$_docSelectionMa !== void 0 ? _this$_docSelectionMa : [];
+		const blockRanges = (documentDataModel === null || documentDataModel === void 0 || (_documentDataModel$ge = documentDataModel.getBody()) === null || _documentDataModel$ge === void 0 || (_documentDataModel$ge = _documentDataModel$ge.blockRanges) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge.filter((range) => range.blockType === DocumentBlockRangeType.CODE)) ?? [];
+		const textRanges = this._docSelectionManagerService.getTextRanges() ?? [];
 		if (!blockRanges.length || !textRanges.length) return false;
 		return blockRanges.some((blockRange) => textRanges.some((range) => isRangeIntersectingBlock(range, blockRange.startIndex, blockRange.endIndex)));
 	}
@@ -21320,7 +21159,7 @@ let DocInputController = class DocInputController extends Disposable {
 	}
 	_initialNormalInput() {
 		this._onInputSubscription = this._docSelectionRenderService.onInput$.subscribe(async (config) => {
-			var _docDataModel$getSelf, _originBody$customRan, _originBody$customDec;
+			var _docDataModel$getSelf;
 			if (config == null) return;
 			const { unitId } = this._context;
 			const { event, content = "", activeRange } = config;
@@ -21334,9 +21173,9 @@ let DocInputController = class DocInputController extends Disposable {
 			if (!originBody) return;
 			const defaultTextStyle = this._docMenuStyleService.getDefaultStyle();
 			const cacheStyle = this._docMenuStyleService.getStyleCache();
-			const curCustomRange = getCustomRangeAtPosition((_originBody$customRan = originBody === null || originBody === void 0 ? void 0 : originBody.customRanges) !== null && _originBody$customRan !== void 0 ? _originBody$customRan : [], activeRange.endOffset, SHEET_EDITOR_UNITS.includes(unitId));
+			const curCustomRange = getCustomRangeAtPosition((originBody === null || originBody === void 0 ? void 0 : originBody.customRanges) ?? [], activeRange.endOffset, SHEET_EDITOR_UNITS.includes(unitId));
 			const curTextRun = getTextRunAtPosition(originBody, activeRange.endOffset, defaultTextStyle, cacheStyle, SHEET_EDITOR_UNITS.includes(unitId));
-			const curCustomDecorations = getCustomDecorationAtPosition((_originBody$customDec = originBody === null || originBody === void 0 ? void 0 : originBody.customDecorations) !== null && _originBody$customDec !== void 0 ? _originBody$customDec : [], activeRange.endOffset);
+			const curCustomDecorations = getCustomDecorationAtPosition((originBody === null || originBody === void 0 ? void 0 : originBody.customDecorations) ?? [], activeRange.endOffset);
 			await this._commandService.executeCommand(InsertTextCommand.id, {
 				unitId,
 				body: {
@@ -21464,11 +21303,12 @@ let DocSelectionRenderController = class DocSelectionRenderController extends Di
 			scene.resetCursor();
 		}));
 		this.disposeWithMe(document.onPointerDown$.subscribeEvent((evt, state) => {
+			var _this$_editorService$;
 			if (this._isEditorReadOnly(unitId)) return;
 			if (this._isEmbedInteractionEvent(evt, unitId)) return;
 			const docDataModel = this._instanceSrv.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 			if ((docDataModel === null || docDataModel === void 0 ? void 0 : docDataModel.getUnitId()) !== unitId) this._instanceSrv.setCurrentUnitForType(unitId);
-			this._instanceSrv.focusUnit(unitId);
+			if (!((_this$_editorService$ = this._editorService.getEditorRenderConfig(unitId)) === null || _this$_editorService$ === void 0 ? void 0 : _this$_editorService$.preserveHostFocus)) this._instanceSrv.focusUnit(unitId);
 			const skeleton = this._docSkeletonManagerService.getSkeleton();
 			const { offsetX, offsetY } = evt;
 			const coord = this._getTransformCoordForDocumentOffset(offsetX, offsetY);
@@ -21802,10 +21642,7 @@ let DocsRenderService = class DocsRenderService extends RxDisposable {
 		this._init();
 	}
 	_init() {
-		this._instanceSrv.getAllUnitsForType(UniverInstanceType.UNIVER_DOC).forEach((documentModel) => {
-			var _this$_instanceSrv$ge;
-			return this._createRenderer(documentModel, (_this$_instanceSrv$ge = this._instanceSrv.getUnitCreateOptions(documentModel.getUnitId())) !== null && _this$_instanceSrv$ge !== void 0 ? _this$_instanceSrv$ge : void 0);
-		});
+		this._instanceSrv.getAllUnitsForType(UniverInstanceType.UNIVER_DOC).forEach((documentModel) => this._createRenderer(documentModel, this._instanceSrv.getUnitCreateOptions(documentModel.getUnitId()) ?? void 0));
 		this._instanceSrv.getTypeOfUnitAdded$(UniverInstanceType.UNIVER_DOC).pipe(takeUntil(this.dispose$)).subscribe((event) => this._createRenderer(event.unit, event.options));
 		this._instanceSrv.getTypeOfUnitDisposed$(UniverInstanceType.UNIVER_DOC).pipe(takeUntil(this.dispose$)).subscribe((doc) => this._disposeRenderer(doc));
 	}
@@ -22245,17 +22082,17 @@ UniverDocsUIPlugin = __decorate([
 //#endregion
 //#region src/views/rich-text-editor/hooks/editor-undo-redo-keyboard.ts
 function isSheetFormulaEditor(editorUnitId, univerInstanceService) {
-	var _documentModel$getBod, _documentModel$getBod2;
+	var _documentModel$getBod;
 	if (editorUnitId !== DOCS_NORMAL_EDITOR_UNIT_ID_KEY && editorUnitId !== DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) return false;
 	const documentModel = univerInstanceService.getUnit(editorUnitId, UniverInstanceType.UNIVER_DOC);
-	return (_documentModel$getBod = documentModel === null || documentModel === void 0 || (_documentModel$getBod2 = documentModel.getBody()) === null || _documentModel$getBod2 === void 0 || (_documentModel$getBod2 = _documentModel$getBod2.dataStream) === null || _documentModel$getBod2 === void 0 ? void 0 : _documentModel$getBod2.startsWith("=")) !== null && _documentModel$getBod !== void 0 ? _documentModel$getBod : false;
+	return (documentModel === null || documentModel === void 0 || (_documentModel$getBod = documentModel.getBody()) === null || _documentModel$getBod === void 0 || (_documentModel$getBod = _documentModel$getBod.dataStream) === null || _documentModel$getBod === void 0 ? void 0 : _documentModel$getBod.startsWith("=")) ?? false;
 }
 function executeEditorUndoRedoCommand(options) {
-	var _univerInstanceServic, _univerInstanceServic2;
+	var _univerInstanceServic;
 	const { commandId, commandService, editorUnitId, univerInstanceService } = options;
 	const shouldUseSheetEditorContext = editorUnitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY || editorUnitId === DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY;
 	if (isSheetFormulaEditor(editorUnitId, univerInstanceService)) return;
-	const previousFocusedUnitId = (_univerInstanceServic = (_univerInstanceServic2 = univerInstanceService.getFocusedUnit()) === null || _univerInstanceServic2 === void 0 ? void 0 : _univerInstanceServic2.getUnitId()) !== null && _univerInstanceServic !== void 0 ? _univerInstanceServic : null;
+	const previousFocusedUnitId = ((_univerInstanceServic = univerInstanceService.getFocusedUnit()) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId()) ?? null;
 	const shouldRestoreFocus = !shouldUseSheetEditorContext && previousFocusedUnitId !== null && previousFocusedUnitId !== editorUnitId;
 	if (!shouldUseSheetEditorContext && previousFocusedUnitId !== editorUnitId) univerInstanceService.focusUnit(editorUnitId);
 	commandService.executeCommand(commandId).finally(() => {
@@ -22283,7 +22120,7 @@ function createEditorUndoRedoKeyboardConfig(options) {
 			...keyCodes
 		],
 		handler: (keyCode, metaKey) => {
-			switch (`${keyCode}:${metaKey !== null && metaKey !== void 0 ? metaKey : 0}`) {
+			switch (`${keyCode}:${metaKey ?? 0}`) {
 				case `${KeyCode.Z}:${ctrlCommand}`:
 					executeEditorUndoRedoCommand({
 						commandId: UndoCommand.id,
@@ -22310,8 +22147,8 @@ function createEditorUndoRedoKeyboardConfig(options) {
 //#endregion
 //#region src/views/rich-text-editor/hooks/use-editor.ts
 function useEditor(opts) {
-	const { editorId, initialValue, container, autoFocus: _autoFocus, isSingle, canvasStyle } = opts;
-	const autoFocus = useMemo(() => _autoFocus !== null && _autoFocus !== void 0 ? _autoFocus : false, []);
+	const { editorId, initialValue, container, preserveHostFocus, autoFocus: _autoFocus, isSingle, canvasStyle } = opts;
+	const autoFocus = useMemo(() => _autoFocus ?? false, []);
 	const [editor, setEditor] = useState();
 	const editorService = useDependency(IEditorService);
 	useLayoutEffect(() => {
@@ -22343,14 +22180,15 @@ function useEditor(opts) {
 				autofocus: true,
 				canvasStyle,
 				editorUnitId: editorId,
-				initialSnapshot: snapshot
+				initialSnapshot: snapshot,
+				preserveHostFocus
 			}, container.current);
 			const editor = editorService.getEditor(editorId);
 			setEditor(editor);
 			if (autoFocus) {
-				var _snapshot$body$dataSt, _snapshot$body;
+				var _snapshot$body;
 				editorService.focus(editorId);
-				const end = ((_snapshot$body$dataSt = (_snapshot$body = snapshot.body) === null || _snapshot$body === void 0 ? void 0 : _snapshot$body.dataStream.length) !== null && _snapshot$body$dataSt !== void 0 ? _snapshot$body$dataSt : 2) - 2;
+				const end = (((_snapshot$body = snapshot.body) === null || _snapshot$body === void 0 ? void 0 : _snapshot$body.dataStream.length) ?? 2) - 2;
 				editor.setSelectionRanges([{
 					startOffset: end,
 					endOffset: end
@@ -22408,11 +22246,10 @@ const useEditorClickOutside = (editorId, containerRef, onClickOutside) => {
 * limitations under the License.
 */
 function useIsFocusing(editorId) {
-	var _docSelectionRenderSe;
 	const renderer = useDependency(IRenderManagerService).getRenderUnitById(editorId);
 	const docSelectionRenderService = renderer === null || renderer === void 0 ? void 0 : renderer.with(DocSelectionRenderService);
 	const selections = useObservable(docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.textSelectionInner$);
-	return Boolean(((_docSelectionRenderSe = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) !== null && _docSelectionRenderSe !== void 0 ? _docSelectionRenderSe : false) && (selections === null || selections === void 0 ? void 0 : selections.textRanges.some((r) => r.collapsed)));
+	return Boolean(((docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) ?? false) && (selections === null || selections === void 0 ? void 0 : selections.textRanges.some((r) => r.collapsed)));
 }
 
 //#endregion
@@ -22553,10 +22390,10 @@ function useOnChange(editor, onChange) {
 		if (!editor) return;
 		const dispose = commandService.onCommandExecuted((command) => {
 			if (command.id === RichTextEditingMutation.id) {
-				var _data$body$dataStream, _data$body;
+				var _data$body;
 				if (command.params.unitId !== editor.getEditorId()) return;
 				const data = editor.getDocumentData();
-				onChange(data, getPlainText((_data$body$dataStream = (_data$body = data.body) === null || _data$body === void 0 ? void 0 : _data$body.dataStream) !== null && _data$body$dataStream !== void 0 ? _data$body$dataStream : ""));
+				onChange(data, getPlainText(((_data$body = data.body) === null || _data$body === void 0 ? void 0 : _data$body.dataStream) ?? ""));
 			}
 		});
 		return () => {
@@ -22698,8 +22535,7 @@ const useResize = (editor, isSingle = true, autoScrollbar, autoScroll) => {
 //#endregion
 //#region src/views/RichTextEditor.tsx
 const RichTextEditor = (props) => {
-	var _docSelectionRenderSe3;
-	const { className, autoFocus, onFocusChange: _onFocusChange, initialValue, onClickOutside: _onClickOutside, keyboardEventConfig, moveCursor = true, style, isSingle, editorId: propsEditorId, onHeightChange, onChange: _onChange, defaultHeight = 32, maxHeight = 32, icon, editorRef, placeholder, noStyle } = props;
+	const { className, autoFocus, onFocusChange: _onFocusChange, initialValue, onClickOutside: _onClickOutside, preserveHostFocus, keyboardEventConfig, moveCursor = true, style, isSingle, editorId: propsEditorId, onHeightChange, onChange: _onChange, defaultHeight = 32, maxHeight = 32, icon, editorRef, placeholder, noStyle } = props;
 	useDependency(IEditorService);
 	const commandService = useDependency(ICommandService);
 	const univerInstanceService = useDependency(IUniverInstanceService);
@@ -22707,29 +22543,24 @@ const RichTextEditor = (props) => {
 	const onClickOutside = useEvent(_onClickOutside);
 	const [height, setHeight] = useState(defaultHeight);
 	const formulaEditorContainerRef = useRef(null);
-	const editorId = useMemo(() => propsEditorId !== null && propsEditorId !== void 0 ? propsEditorId : createInternalEditorID(`RICH_TEXT_EDITOR-${generateRandomId(4)}`), [propsEditorId]);
+	const editorId = useMemo(() => propsEditorId ?? createInternalEditorID(`RICH_TEXT_EDITOR-${generateRandomId(4)}`), [propsEditorId]);
 	const editor = useEditor({
 		editorId,
 		initialValue,
 		container: formulaEditorContainerRef,
+		preserveHostFocus,
 		autoFocus,
 		isSingle
 	});
 	const renderer = useDependency(IRenderManagerService).getRenderUnitById(editorId);
 	const selectionIsFocusing = useIsFocusing(editorId);
 	const docSelectionRenderService = renderer === null || renderer === void 0 ? void 0 : renderer.with(DocSelectionRenderService);
-	const editorFocused = useObservable(editor ? () => {
-		var _docSelectionRenderSe2;
-		return merge$1(editor.focus$, editor.blur$).pipe(map(() => {
-			var _docSelectionRenderSe;
-			return (_docSelectionRenderSe = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) !== null && _docSelectionRenderSe !== void 0 ? _docSelectionRenderSe : false;
-		}), startWith((_docSelectionRenderSe2 = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) !== null && _docSelectionRenderSe2 !== void 0 ? _docSelectionRenderSe2 : false));
-	} : null, (_docSelectionRenderSe3 = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) !== null && _docSelectionRenderSe3 !== void 0 ? _docSelectionRenderSe3 : false, false, [docSelectionRenderService, editor]);
+	const editorFocused = useObservable(editor ? () => merge$1(editor.focus$, editor.blur$).pipe(map(() => (docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) ?? false), startWith((docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) ?? false)) : null, (docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) ?? false, false, [docSelectionRenderService, editor]);
 	const isFocusing = selectionIsFocusing && editorFocused;
 	const sheetEmbeddingRef = useRef(null);
 	const resolveShowPlaceholder = () => {
-		var _editor$getDocumentDa, _editor$getDocumentDa2;
-		return !BuildTextUtils.transform.getPlainText((_editor$getDocumentDa = editor === null || editor === void 0 || (_editor$getDocumentDa2 = editor.getDocumentData().body) === null || _editor$getDocumentDa2 === void 0 ? void 0 : _editor$getDocumentDa2.dataStream) !== null && _editor$getDocumentDa !== void 0 ? _editor$getDocumentDa : "");
+		var _editor$getDocumentDa;
+		return !BuildTextUtils.transform.getPlainText((editor === null || editor === void 0 || (_editor$getDocumentDa = editor.getDocumentData().body) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.dataStream) ?? "");
 	};
 	const showPlaceholder = useObservable(editor ? () => editor.selectionChange$.pipe(map(resolveShowPlaceholder), startWith(resolveShowPlaceholder())) : null, resolveShowPlaceholder(), false, [editor]);
 	const { checkScrollBar } = useResize(editor, isSingle, true, true);
@@ -22742,20 +22573,20 @@ const RichTextEditor = (props) => {
 		editorRef.current = editor;
 	}, [editor]);
 	const onChange = useEvent((data) => {
-		var _data$body$dataStream, _data$body;
+		var _data$body;
 		const docSkeleton = renderer === null || renderer === void 0 ? void 0 : renderer.with(DocSkeletonManagerService);
 		const size = docSkeleton === null || docSkeleton === void 0 ? void 0 : docSkeleton.getSkeleton().getActualSize();
 		if (size) {
 			onHeightChange === null || onHeightChange === void 0 || onHeightChange(size.actualHeight);
 			setHeight(Math.max(defaultHeight, Math.min(size.actualHeight + 10, maxHeight)));
 		}
-		_onChange === null || _onChange === void 0 || _onChange(data, getPlainText((_data$body$dataStream = (_data$body = data.body) === null || _data$body === void 0 ? void 0 : _data$body.dataStream) !== null && _data$body$dataStream !== void 0 ? _data$body$dataStream : ""));
+		_onChange === null || _onChange === void 0 || _onChange(data, getPlainText(((_data$body = data.body) === null || _data$body === void 0 ? void 0 : _data$body.dataStream) ?? ""));
 		checkScrollBar();
 	});
 	useEffect(() => {
-		var _data$body$dataStream2, _data$body2;
+		var _data$body2;
 		const data = editor === null || editor === void 0 ? void 0 : editor.getDocumentData();
-		onFocusChange === null || onFocusChange === void 0 || onFocusChange(isFocusing, getPlainText((_data$body$dataStream2 = data === null || data === void 0 || (_data$body2 = data.body) === null || _data$body2 === void 0 ? void 0 : _data$body2.dataStream) !== null && _data$body$dataStream2 !== void 0 ? _data$body$dataStream2 : ""));
+		onFocusChange === null || onFocusChange === void 0 || onFocusChange(isFocusing, getPlainText((data === null || data === void 0 || (_data$body2 = data.body) === null || _data$body2 === void 0 ? void 0 : _data$body2.dataStream) ?? ""));
 	}, [isFocusing, onFocusChange]);
 	useEditorClickOutside(editorId, sheetEmbeddingRef, onClickOutside);
 	const resolvedKeyboardEventConfig = useMemo(() => createEditorUndoRedoKeyboardConfig({