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

package/lib/cjs/index.js

@@ -590,9 +590,8 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 	* @param {ISelectionWithCoord} selectionWithStyle
 	*/
 	_addSelectionControlByModelData(selectionWithStyle) {
-		var _selectionWithStyle$s;
 		const skeleton = this._skeleton;
-		const style = (_selectionWithStyle$s = selectionWithStyle.style) !== null && _selectionWithStyle$s !== void 0 ? _selectionWithStyle$s : genNormalSelectionStyle(this._selectionTheme);
+		const style = selectionWithStyle.style ?? genNormalSelectionStyle(this._selectionTheme);
 		const scene = this._scene;
 		selectionWithStyle.style = style;
 		return this.newSelectionControl(scene, skeleton, selectionWithStyle);
@@ -672,17 +671,15 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 	* @param moveStartPosY
 	*/
 	_setupPointerMoveListener(viewportMain, activeSelectionControl, rangeType, scrollTimerType = _univerjs_engine_render.ScrollTimerType.ALL, moveStartPosX, moveStartPosY) {
-		var _viewportMain$left, _viewportMain$top;
 		let xCrossTime = 0;
 		let yCrossTime = 0;
 		let lastX = moveStartPosX;
 		let lastY = moveStartPosY;
 		this._scrollTimer = _univerjs_engine_render.ScrollTimer.create(this._scene, scrollTimerType);
-		this._scrollTimer.startScroll((_viewportMain$left = viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.left) !== null && _viewportMain$left !== void 0 ? _viewportMain$left : 0, (_viewportMain$top = viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.top) !== null && _viewportMain$top !== void 0 ? _viewportMain$top : 0, viewportMain);
+		this._scrollTimer.startScroll((viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.left) ?? 0, (viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.top) ?? 0, viewportMain);
 		const scene = this._scene;
 		const startViewport = scene.getActiveViewportByCoord(_univerjs_engine_render.Vector2.FromArray([moveStartPosX, moveStartPosY]));
 		this._scenePointerMoveSub = scene.onPointerMove$.subscribeEvent((moveEvt) => {
-			var _scene$getActiveViewp;
 			if (moveEvt.buttons === 0) {
 				this.endSelection();
 				return;
@@ -695,7 +692,7 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 			const currentSelection = this.getActiveSelectionControl();
 			const freeze = this._getFreeze();
 			const selection = currentSelection === null || currentSelection === void 0 ? void 0 : currentSelection.model;
-			const endViewport = (_scene$getActiveViewp = scene.getActiveViewportByCoord(_univerjs_engine_render.Vector2.FromArray([moveOffsetX, moveOffsetY]))) !== null && _scene$getActiveViewp !== void 0 ? _scene$getActiveViewp : this._getViewportByCell(selection === null || selection === void 0 ? void 0 : selection.endRow, selection === null || selection === void 0 ? void 0 : selection.endColumn);
+			const endViewport = scene.getActiveViewportByCoord(_univerjs_engine_render.Vector2.FromArray([moveOffsetX, moveOffsetY])) ?? this._getViewportByCell(selection === null || selection === void 0 ? void 0 : selection.endRow, selection === null || selection === void 0 ? void 0 : selection.endColumn);
 			const isCrossableViewports = () => {
 				if (!startViewport || !endViewport || !viewportMain) return false;
 				const crossableViewports = [
@@ -715,15 +712,12 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 				const startKey = startViewport.viewportKey;
 				const endKey = endViewport.viewportKey;
 				if (startKey === _univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_ROW_TOP) {
-					var _selection$endRow, _freeze$startRow;
-					if (moveOffsetY < viewportMain.top && ((_selection$endRow = selection === null || selection === void 0 ? void 0 : selection.endRow) !== null && _selection$endRow !== void 0 ? _selection$endRow : 0) < ((_freeze$startRow = freeze === null || freeze === void 0 ? void 0 : freeze.startRow) !== null && _freeze$startRow !== void 0 ? _freeze$startRow : 0)) scrollOffsetY = viewportMain.top;
+					if (moveOffsetY < viewportMain.top && ((selection === null || selection === void 0 ? void 0 : selection.endRow) ?? 0) < ((freeze === null || freeze === void 0 ? void 0 : freeze.startRow) ?? 0)) scrollOffsetY = viewportMain.top;
 					else if (isCrossingY && yCrossTime % 2 === 1) viewportMain.scrollToViewportPos({ viewportScrollY: 0 });
 				} else if (startKey === _univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_COLUMN_LEFT) {
-					var _selection$endColumn, _freeze$startColumn;
-					if (moveOffsetX < viewportMain.left && ((_selection$endColumn = selection === null || selection === void 0 ? void 0 : selection.endColumn) !== null && _selection$endColumn !== void 0 ? _selection$endColumn : 0) < ((_freeze$startColumn = freeze === null || freeze === void 0 ? void 0 : freeze.startColumn) !== null && _freeze$startColumn !== void 0 ? _freeze$startColumn : 0)) scrollOffsetX = viewportMain.left;
+					if (moveOffsetX < viewportMain.left && ((selection === null || selection === void 0 ? void 0 : selection.endColumn) ?? 0) < ((freeze === null || freeze === void 0 ? void 0 : freeze.startColumn) ?? 0)) scrollOffsetX = viewportMain.left;
 					else if (isCrossingX && xCrossTime % 2 === 1) viewportMain.scrollToViewportPos({ viewportScrollX: 0 });
 				} else if (startKey === endKey) {
-					var _selection$endRow2, _freeze$startRow2, _selection$endColumn2, _freeze$startColumn2;
 					let disableX = false;
 					let disableY = false;
 					if (startKey === _univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT_TOP) {
@@ -731,8 +725,8 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 						disableY = true;
 					} else if (startKey === _univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_TOP) disableY = true;
 					else if (startKey === _univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT) disableX = true;
-					if (((_selection$endRow2 = selection === null || selection === void 0 ? void 0 : selection.endRow) !== null && _selection$endRow2 !== void 0 ? _selection$endRow2 : 0) > ((_freeze$startRow2 = freeze === null || freeze === void 0 ? void 0 : freeze.startRow) !== null && _freeze$startRow2 !== void 0 ? _freeze$startRow2 : 0)) disableY = false;
-					if (((_selection$endColumn2 = selection === null || selection === void 0 ? void 0 : selection.endColumn) !== null && _selection$endColumn2 !== void 0 ? _selection$endColumn2 : 0) > ((_freeze$startColumn2 = freeze === null || freeze === void 0 ? void 0 : freeze.startColumn) !== null && _freeze$startColumn2 !== void 0 ? _freeze$startColumn2 : 0)) disableX = false;
+					if (((selection === null || selection === void 0 ? void 0 : selection.endRow) ?? 0) > ((freeze === null || freeze === void 0 ? void 0 : freeze.startRow) ?? 0)) disableY = false;
+					if (((selection === null || selection === void 0 ? void 0 : selection.endColumn) ?? 0) > ((freeze === null || freeze === void 0 ? void 0 : freeze.startColumn) ?? 0)) disableX = false;
 					if (disableX) scrollOffsetX = viewportMain.left;
 					if (disableY) scrollOffsetY = viewportMain.top;
 				} else {
@@ -767,7 +761,7 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 	}
 	getCellWithCoordByOffset(x, y, skeletonParam) {
 		const scene = this._scene;
-		const skeleton = skeletonParam !== null && skeletonParam !== void 0 ? skeletonParam : this._skeleton;
+		const skeleton = skeletonParam ?? this._skeleton;
 		const scrollXY = scene.getViewportScrollXY(scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN));
 		const { scaleX, scaleY } = scene.getAncestorScale();
 		return skeleton.getCellWithCoordByOffset(x - scrollXY.x, y - scrollXY.y, scaleX, scaleY, scrollXY);
@@ -776,20 +770,19 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 	* When mousedown and mouseup need to go to the coordination and undo stack, when mousemove does not need to go to the coordination and undo stack
 	*/
 	_movingHandler(offsetX, offsetY, activeSelectionControl, rangeType) {
-		var _activeSelectionContr, _activeSelectionContr2, _activeSelectionContr3, _activeSelectionContr4, _this$_getViewportByC;
 		const skeleton = this._skeleton;
 		const scene = this._scene;
 		const [unitId, sheetId] = skeleton.getLocation();
 		const currSelectionRange = {
-			startRow: (_activeSelectionContr = activeSelectionControl === null || activeSelectionControl === void 0 ? void 0 : activeSelectionControl.model.startRow) !== null && _activeSelectionContr !== void 0 ? _activeSelectionContr : -1,
-			endRow: (_activeSelectionContr2 = activeSelectionControl === null || activeSelectionControl === void 0 ? void 0 : activeSelectionControl.model.endRow) !== null && _activeSelectionContr2 !== void 0 ? _activeSelectionContr2 : -1,
-			startColumn: (_activeSelectionContr3 = activeSelectionControl === null || activeSelectionControl === void 0 ? void 0 : activeSelectionControl.model.startColumn) !== null && _activeSelectionContr3 !== void 0 ? _activeSelectionContr3 : -1,
-			endColumn: (_activeSelectionContr4 = activeSelectionControl === null || activeSelectionControl === void 0 ? void 0 : activeSelectionControl.model.endColumn) !== null && _activeSelectionContr4 !== void 0 ? _activeSelectionContr4 : -1,
+			startRow: (activeSelectionControl === null || activeSelectionControl === void 0 ? void 0 : activeSelectionControl.model.startRow) ?? -1,
+			endRow: (activeSelectionControl === null || activeSelectionControl === void 0 ? void 0 : activeSelectionControl.model.endRow) ?? -1,
+			startColumn: (activeSelectionControl === null || activeSelectionControl === void 0 ? void 0 : activeSelectionControl.model.startColumn) ?? -1,
+			endColumn: (activeSelectionControl === null || activeSelectionControl === void 0 ? void 0 : activeSelectionControl.model.endColumn) ?? -1,
 			unitId,
 			sheetId
 		};
 		const viewportMain = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
-		const targetViewport = (_this$_getViewportByC = this._getViewportByCell(currSelectionRange.endRow, currSelectionRange.endColumn)) !== null && _this$_getViewportByC !== void 0 ? _this$_getViewportByC : viewportMain;
+		const targetViewport = this._getViewportByCell(currSelectionRange.endRow, currSelectionRange.endColumn) ?? viewportMain;
 		const scrollXY = scene.getScrollXYInfoByViewport(_univerjs_engine_render.Vector2.FromArray([this._startViewportPosX, this._startViewportPosY]), targetViewport);
 		const { scaleX, scaleY } = scene.getAncestorScale();
 		if (rangeType === _univerjs_core.RANGE_TYPE.ROW) offsetX = Number.POSITIVE_INFINITY;
@@ -1798,7 +1791,6 @@ const SELECTION_TITLE_HIGHLIGHT_ALPHA = .3;
 */
 var SelectionControl = class extends _univerjs_core.Disposable {
 	constructor(_scene, _zIndex, _themeService, options) {
-		var _options$enableAutoFi, _options$highlightHea, _options$rowHeaderWid, _options$columnHeader, _options$rowHeaderOff, _options$columnHeader2;
 		super();
 		this._scene = _scene;
 		this._zIndex = _zIndex;
@@ -1852,12 +1844,12 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 		_defineProperty(this, "selectionFilled$", this._selectionFilled$.asObservable());
 		_defineProperty(this, "_antLineOffset", 0);
 		_defineProperty(this, "_antRequestNewFrame", -1);
-		this._enableAutoFill = (_options$enableAutoFi = options === null || options === void 0 ? void 0 : options.enableAutoFill) !== null && _options$enableAutoFi !== void 0 ? _options$enableAutoFi : true;
-		this._highlightHeader = (_options$highlightHea = options === null || options === void 0 ? void 0 : options.highlightHeader) !== null && _options$highlightHea !== void 0 ? _options$highlightHea : true;
-		this._rowHeaderWidth = (_options$rowHeaderWid = options === null || options === void 0 ? void 0 : options.rowHeaderWidth) !== null && _options$rowHeaderWid !== void 0 ? _options$rowHeaderWid : 0;
-		this._columnHeaderHeight = (_options$columnHeader = options === null || options === void 0 ? void 0 : options.columnHeaderHeight) !== null && _options$columnHeader !== void 0 ? _options$columnHeader : 0;
-		this._rowHeaderOffsetX = (_options$rowHeaderOff = options === null || options === void 0 ? void 0 : options.rowHeaderOffsetX) !== null && _options$rowHeaderOff !== void 0 ? _options$rowHeaderOff : 0;
-		this._columnHeaderOffsetY = (_options$columnHeader2 = options === null || options === void 0 ? void 0 : options.columnHeaderOffsetY) !== null && _options$columnHeader2 !== void 0 ? _options$columnHeader2 : 0;
+		this._enableAutoFill = (options === null || options === void 0 ? void 0 : options.enableAutoFill) ?? true;
+		this._highlightHeader = (options === null || options === void 0 ? void 0 : options.highlightHeader) ?? true;
+		this._rowHeaderWidth = (options === null || options === void 0 ? void 0 : options.rowHeaderWidth) ?? 0;
+		this._columnHeaderHeight = (options === null || options === void 0 ? void 0 : options.columnHeaderHeight) ?? 0;
+		this._rowHeaderOffsetX = (options === null || options === void 0 ? void 0 : options.rowHeaderOffsetX) ?? 0;
+		this._columnHeaderOffsetY = (options === null || options === void 0 ? void 0 : options.columnHeaderOffsetY) ?? 0;
 		this._initializeSheetBody();
 		this._initialHeader();
 	}
@@ -2751,7 +2743,7 @@ const copyContentCache = new CopyContentCache();
 //#endregion
 //#region src/services/clipboard/html-to-usm/parse-node-style.ts
 function extractNodeStyle(node, predefinedStyles) {
-	const styles = predefinedStyles !== null && predefinedStyles !== void 0 ? predefinedStyles : node.style;
+	const styles = predefinedStyles ?? node.style;
 	const docStyles = {};
 	const tagName = node.tagName.toLowerCase();
 	switch (tagName) {
@@ -2895,9 +2887,8 @@ function generateParagraphs(dataStream, prevParagraph) {
 	return paragraphs;
 }
 function convertToCellStyle(cell, dataStream, textRuns) {
-	var _textRuns$length;
 	const dataStreamLength = dataStream.length;
-	const canConvertToCellStyle = ((_textRuns$length = textRuns === null || textRuns === void 0 ? void 0 : textRuns.length) !== null && _textRuns$length !== void 0 ? _textRuns$length : 0) === 1 && textRuns[0].st === 0 && textRuns[0].ed === dataStreamLength;
+	const canConvertToCellStyle = ((textRuns === null || textRuns === void 0 ? void 0 : textRuns.length) ?? 0) === 1 && textRuns[0].st === 0 && textRuns[0].ed === dataStreamLength;
 	if (cell.p) {
 		var _cell$p$body;
 		if (canConvertToCellStyle && ((_cell$p$body = cell.p.body) === null || _cell$p$body === void 0 || (_cell$p$body = _cell$p$body.textRuns) === null || _cell$p$body === void 0 ? void 0 : _cell$p$body.length)) {
@@ -2969,8 +2960,7 @@ var HtmlToUSMService = class HtmlToUSMService {
 		this._dom = parseToDom(html);
 		const style = this._dom.querySelector("style");
 		if (style) {
-			var _style$textContent;
-			this._parseMsoNumfmtFromCssText((_style$textContent = style.textContent) !== null && _style$textContent !== void 0 ? _style$textContent : "");
+			this._parseMsoNumfmtFromCssText(style.textContent ?? "");
 			const shadowHost = document.createElement("div");
 			const shadowRoot = shadowHost.attachShadow({ mode: "open" });
 			document.body.appendChild(shadowHost);
@@ -3165,9 +3155,9 @@ var HtmlToUSMService = class HtmlToUSMService {
 		return style;
 	}
 	_parseTable(html, tableElIndex) {
-		var _parseColGroup, _this$_getCurrentSkel;
+		var _this$_getCurrentSkel;
 		const valueMatrix = new _univerjs_core.ObjectMatrix();
-		const colProperties = (_parseColGroup = parseColGroup(html)) !== null && _parseColGroup !== void 0 ? _parseColGroup : [];
+		const colProperties = parseColGroup(html) ?? [];
 		const { rowProperties = [] } = parseTableRows(html);
 		const parsedCellMatrix = this._parseTableByHtml(this._dom, tableElIndex, (_this$_getCurrentSkel = this._getCurrentSkeleton()) === null || _this$_getCurrentSkel === void 0 ? void 0 : _this$_getCurrentSkel.skeleton);
 		parsedCellMatrix && parsedCellMatrix.forValue((row, col, value) => {
@@ -3260,8 +3250,7 @@ var HtmlToUSMService = class HtmlToUSMService {
 				let numfmtPattern;
 				const pattern = this._getMsoNumfmtForNode(cell);
 				if (!(0, _univerjs_core.isDefaultFormat)(pattern)) {
-					var _cell$textContent;
-					cellText = cell.childElementCount === 0 ? normalizePlainCellText((_cell$textContent = cell.textContent) !== null && _cell$textContent !== void 0 ? _cell$textContent : "") : cell.innerHTML;
+					cellText = cell.childElementCount === 0 ? normalizePlainCellText(cell.textContent ?? "") : cell.innerHTML;
 					if (cellText.includes("mso-spacerun:yes")) cellText = cleanMsoSpaceRun(cellText);
 					const parseData = (0, _univerjs_core.getNumfmtParseValueFilter)(cellText);
 					if (typeof (parseData === null || parseData === void 0 ? void 0 : parseData.v) === "number" && (parseData.z === pattern || _univerjs_core.numfmt.format(pattern, parseData.v) === cellText)) {
@@ -3346,13 +3335,10 @@ var HtmlToUSMService = class HtmlToUSMService {
 		}
 	}
 	_getCellTextAndRichText(cell, styleStr, skeleton) {
-		if (cell.childElementCount === 0) {
-			var _cell$textContent2;
-			return {
-				cellText: normalizePlainCellText((_cell$textContent2 = cell.textContent) !== null && _cell$textContent2 !== void 0 ? _cell$textContent2 : ""),
-				cellRichStyle: void 0
-			};
-		}
+		if (cell.childElementCount === 0) return {
+			cellText: normalizePlainCellText(cell.textContent ?? ""),
+			cellRichStyle: void 0
+		};
 		const cellHtml = cell.innerHTML;
 		/**
 		* mso-spacerun:yes is used to force spaces in html copied from excel.
@@ -3467,14 +3453,13 @@ var HtmlToUSMService = class HtmlToUSMService {
 		const body = doc.body;
 		const element = node;
 		if (element.tagName.toUpperCase() === "A") {
-			var _body$customRanges, _element$dataset$rang;
 			const href = element.href;
 			if (!(0, _univerjs_core.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 : (0, _univerjs_core.generateRandomId)(),
+				rangeId: element.dataset.rangeid ?? (0, _univerjs_core.generateRandomId)(),
 				rangeType: _univerjs_core.CustomRangeType.HYPERLINK,
 				properties: { url: href }
 			});
@@ -4163,7 +4148,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		return this._pasteInternal(copyId, pasteType);
 	}
 	async legacyPaste(html, text, files, formulaClipboardPayload) {
-		const isFromExcel = htmlIsFromExcel(html !== null && html !== void 0 ? html : "");
+		const isFromExcel = htmlIsFromExcel(html ?? "");
 		if (files && !isFromExcel) return this._pasteFiles(files, PREDEFINED_HOOK_NAME_PASTE.DEFAULT_PASTE);
 		else if (html) return this._pasteHTML(html, PREDEFINED_HOOK_NAME_PASTE.DEFAULT_PASTE, formulaClipboardPayload);
 		else if (text) if (/[\n\t]/.test(text)) return this._pasteHTML(convertTextToTable(text), PREDEFINED_HOOK_NAME_PASTE.DEFAULT_PASTE);
@@ -5598,15 +5583,13 @@ function checkIfShrink(selection, direction, worksheet) {
 	switch (direction) {
 		case _univerjs_core.Direction.UP:
 		case _univerjs_core.Direction.DOWN:
-			var _primary$startRow, _primary$endRow;
-			startRange.startRow = (_primary$startRow = primary === null || primary === void 0 ? void 0 : primary.startRow) !== null && _primary$startRow !== void 0 ? _primary$startRow : range.startRow;
-			startRange.endRow = (_primary$endRow = primary === null || primary === void 0 ? void 0 : primary.endRow) !== null && _primary$endRow !== void 0 ? _primary$endRow : range.startRow;
+			startRange.startRow = (primary === null || primary === void 0 ? void 0 : primary.startRow) ?? range.startRow;
+			startRange.endRow = (primary === null || primary === void 0 ? void 0 : primary.endRow) ?? range.startRow;
 			break;
 		case _univerjs_core.Direction.LEFT:
 		case _univerjs_core.Direction.RIGHT:
-			var _primary$startColumn, _primary$endColumn;
-			startRange.startColumn = (_primary$startColumn = primary === null || primary === void 0 ? void 0 : primary.startColumn) !== null && _primary$startColumn !== void 0 ? _primary$startColumn : range.startColumn;
-			startRange.endColumn = (_primary$endColumn = primary === null || primary === void 0 ? void 0 : primary.endColumn) !== null && _primary$endColumn !== void 0 ? _primary$endColumn : range.startColumn;
+			startRange.startColumn = (primary === null || primary === void 0 ? void 0 : primary.startColumn) ?? range.startColumn;
+			startRange.endColumn = (primary === null || primary === void 0 ? void 0 : primary.endColumn) ?? range.startColumn;
 			break;
 	}
 	const anchorRange = getEdgeOfRange(startRange, direction, worksheet);
@@ -5731,10 +5714,10 @@ const HideColConfirmCommand = {
 //#endregion
 //#region src/menu/utils.ts
 function getFontStyleAtCursor(accessor) {
-	var _editorService$getFoc, _editorDataModel$getB;
+	var _editorDataModel$getB;
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const textSelectionService = accessor.get(_univerjs_docs.DocSelectionManagerService);
-	const editorUnitId = (_editorService$getFoc = accessor.get(_univerjs_docs_ui.IEditorService).getFocusId()) !== null && _editorService$getFoc !== void 0 ? _editorService$getFoc : _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY;
+	const editorUnitId = accessor.get(_univerjs_docs_ui.IEditorService).getFocusId() ?? _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY;
 	const editorDataModel = univerInstanceService.getUnit(editorUnitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 	const activeTextRange = textSelectionService.getActiveTextRange();
 	if (editorDataModel == null || activeTextRange == null) return null;
@@ -5831,15 +5814,14 @@ const SetRangeFontIncreaseCommand = {
 		if (isCellEditorFocus) {
 			const textRun = getFontStyleAtCursor(accessor);
 			if (textRun != null) {
-				var _textRun$ts$fs, _textRun$ts;
-				const value = (_textRun$ts$fs = (_textRun$ts = textRun.ts) === null || _textRun$ts === void 0 ? void 0 : _textRun$ts.fs) !== null && _textRun$ts$fs !== void 0 ? _textRun$ts$fs : defaultValue;
+				var _textRun$ts;
+				const value = ((_textRun$ts = textRun.ts) === null || _textRun$ts === void 0 ? void 0 : _textRun$ts.fs) ?? defaultValue;
 				params.value = value >= 400 ? 400 : value + 1;
 			}
 			return commandService.executeCommand(_univerjs_docs_ui.SetInlineFormatFontSizeCommand.id, params);
 		}
 		if (primary != null) {
-			var _style$fs;
-			const value = (_style$fs = worksheet.getComposedCellStyle(primary.startRow, primary.startColumn).fs) !== null && _style$fs !== void 0 ? _style$fs : defaultValue;
+			const value = worksheet.getComposedCellStyle(primary.startRow, primary.startColumn).fs ?? defaultValue;
 			params.value = value >= 400 ? 400 : value + 1;
 			return commandService.executeCommand(_univerjs_sheets.SetFontSizeCommand.id, params);
 		}
@@ -5862,15 +5844,14 @@ const SetRangeFontDecreaseCommand = {
 		if (isCellEditorFocus) {
 			const textRun = getFontStyleAtCursor(accessor);
 			if (textRun != null) {
-				var _textRun$ts$fs2, _textRun$ts2;
-				const value = (_textRun$ts$fs2 = (_textRun$ts2 = textRun.ts) === null || _textRun$ts2 === void 0 ? void 0 : _textRun$ts2.fs) !== null && _textRun$ts$fs2 !== void 0 ? _textRun$ts$fs2 : defaultValue;
+				var _textRun$ts2;
+				const value = ((_textRun$ts2 = textRun.ts) === null || _textRun$ts2 === void 0 ? void 0 : _textRun$ts2.fs) ?? defaultValue;
 				params.value = value <= 6 ? 6 : value - 1;
 			}
 			return commandService.executeCommand(_univerjs_docs_ui.SetInlineFormatFontSizeCommand.id, params);
 		}
 		if (primary != null) {
-			var _style$fs2;
-			const value = (_style$fs2 = worksheet.getComposedCellStyle(primary.startRow, primary.startColumn).fs) !== null && _style$fs2 !== void 0 ? _style$fs2 : defaultValue;
+			const value = worksheet.getComposedCellStyle(primary.startRow, primary.startColumn).fs ?? defaultValue;
 			params.value = value <= 6 ? 6 : value - 1;
 			return commandService.executeCommand(_univerjs_sheets.SetFontSizeCommand.id, params);
 		}
@@ -6424,8 +6405,8 @@ let FormatPainterService = class FormatPainterService extends _univerjs_core.Dis
 		};
 	}
 	addHook(hook) {
-		var _hook$priority, _this$_defaultHook$pr, _this$_defaultHook;
-		if (hook.isDefaultHook && ((_hook$priority = hook.priority) !== null && _hook$priority !== void 0 ? _hook$priority : 0) > ((_this$_defaultHook$pr = (_this$_defaultHook = this._defaultHook) === null || _this$_defaultHook === void 0 ? void 0 : _this$_defaultHook.priority) !== null && _this$_defaultHook$pr !== void 0 ? _this$_defaultHook$pr : -1)) this._defaultHook = hook;
+		var _this$_defaultHook;
+		if (hook.isDefaultHook && (hook.priority ?? 0) > (((_this$_defaultHook = this._defaultHook) === null || _this$_defaultHook === void 0 ? void 0 : _this$_defaultHook.priority) ?? -1)) this._defaultHook = hook;
 		else {
 			this._extendHooks.push(hook);
 			this._extendHooks.sort((a, b) => (a.priority || 0) - (b.priority || 0));
@@ -6572,7 +6553,7 @@ let SheetScrollManagerService = class SheetScrollManagerService {
 		this._rawScrollInfo$.complete();
 	}
 	calcViewportScrollFromRowColOffset(scrollInfo) {
-		var _skeleton$getCellWith, _skeleton$getCellWith2;
+		var _skeleton$getCellWith;
 		if (!scrollInfo) return {
 			viewportScrollX: 0,
 			viewportScrollY: 0
@@ -6581,7 +6562,7 @@ let SheetScrollManagerService = class SheetScrollManagerService {
 		sheetViewStartRow = sheetViewStartRow || 0;
 		offsetY = offsetY || 0;
 		const skeleton = this._sheetSkeletonManagerService.getCurrentSkeleton();
-		const { startX: colStart = (skeleton === null || skeleton === void 0 ? void 0 : skeleton.columnWidthAccumulation[sheetViewStartColumn - 1]) || 0, startY: rowStart = (skeleton === null || skeleton === void 0 ? void 0 : skeleton.rowHeightAccumulation[sheetViewStartRow - 1]) || 0 } = (_skeleton$getCellWith = skeleton === null || skeleton === void 0 || (_skeleton$getCellWith2 = skeleton.getCellWithCoordByIndex) === null || _skeleton$getCellWith2 === void 0 ? void 0 : _skeleton$getCellWith2.call(skeleton, sheetViewStartRow, sheetViewStartColumn, false)) !== null && _skeleton$getCellWith !== void 0 ? _skeleton$getCellWith : {};
+		const { startX: colStart = (skeleton === null || skeleton === void 0 ? void 0 : skeleton.columnWidthAccumulation[sheetViewStartColumn - 1]) || 0, startY: rowStart = (skeleton === null || skeleton === void 0 ? void 0 : skeleton.rowHeightAccumulation[sheetViewStartRow - 1]) || 0 } = (skeleton === null || skeleton === void 0 || (_skeleton$getCellWith = skeleton.getCellWithCoordByIndex) === null || _skeleton$getCellWith === void 0 ? void 0 : _skeleton$getCellWith.call(skeleton, sheetViewStartRow, sheetViewStartColumn, false)) ?? {};
 		return {
 			viewportScrollX: colStart + offsetX,
 			viewportScrollY: rowStart + offsetY
@@ -6662,10 +6643,10 @@ let SheetScrollManagerService = class SheetScrollManagerService {
 		return ((_this$_scrollStateMap = this._scrollStateMap.get(unitId)) === null || _this$_scrollStateMap === void 0 ? void 0 : _this$_scrollStateMap.get(sheetId)) || this._getDefaultScrollState(param);
 	}
 	_getDefaultScrollState(param) {
-		var _this$_sheetSkeletonM, _this$_sheetSkeletonM2, _this$_sheetSkeletonM3, _this$_sheetSkeletonM4, _this$_sheetSkeletonM5, _skeleton$getColGapSi, _skeleton$getRowGapSi;
-		const skeleton = (_this$_sheetSkeletonM = (_this$_sheetSkeletonM2 = (_this$_sheetSkeletonM3 = this._sheetSkeletonManagerService).getSkeleton) === null || _this$_sheetSkeletonM2 === void 0 ? void 0 : _this$_sheetSkeletonM2.call(_this$_sheetSkeletonM3, param.sheetId)) !== null && _this$_sheetSkeletonM !== void 0 ? _this$_sheetSkeletonM : (_this$_sheetSkeletonM4 = (_this$_sheetSkeletonM5 = this._sheetSkeletonManagerService).getCurrentSkeleton) === null || _this$_sheetSkeletonM4 === void 0 ? void 0 : _this$_sheetSkeletonM4.call(_this$_sheetSkeletonM5);
-		const colGapSize = (_skeleton$getColGapSi = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getColGapSize(0)) !== null && _skeleton$getColGapSi !== void 0 ? _skeleton$getColGapSi : 0;
-		const rowGapSize = (_skeleton$getRowGapSi = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getRowGapSize(0)) !== null && _skeleton$getRowGapSi !== void 0 ? _skeleton$getRowGapSi : 0;
+		var _this$_sheetSkeletonM, _this$_sheetSkeletonM2, _this$_sheetSkeletonM3, _this$_sheetSkeletonM4;
+		const skeleton = ((_this$_sheetSkeletonM = (_this$_sheetSkeletonM2 = this._sheetSkeletonManagerService).getSkeleton) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.call(_this$_sheetSkeletonM2, param.sheetId)) ?? ((_this$_sheetSkeletonM3 = (_this$_sheetSkeletonM4 = this._sheetSkeletonManagerService).getCurrentSkeleton) === null || _this$_sheetSkeletonM3 === void 0 ? void 0 : _this$_sheetSkeletonM3.call(_this$_sheetSkeletonM4));
+		const colGapSize = (skeleton === null || skeleton === void 0 ? void 0 : skeleton.getColGapSize(0)) ?? 0;
+		const rowGapSize = (skeleton === null || skeleton === void 0 ? void 0 : skeleton.getRowGapSize(0)) ?? 0;
 		return {
 			sheetViewStartRow: 0,
 			sheetViewStartColumn: 0,
@@ -6710,11 +6691,10 @@ const SetSelectionFrozenCommand = {
 			startColumn = sheetViewStartColumn + 1;
 			freezedColCount = 1;
 		} else {
-			var _primary$startRow, _primary$startColumn;
 			const { primary, range } = selections[(selections === null || selections === void 0 ? void 0 : selections.length) - 1];
-			let selectRow = (_primary$startRow = primary === null || primary === void 0 ? void 0 : primary.startRow) !== null && _primary$startRow !== void 0 ? _primary$startRow : range.startRow;
+			let selectRow = (primary === null || primary === void 0 ? void 0 : primary.startRow) ?? range.startRow;
 			if (selectRow === 0) selectRow = 1;
-			let selectColumn = (_primary$startColumn = primary === null || primary === void 0 ? void 0 : primary.startColumn) !== null && _primary$startColumn !== void 0 ? _primary$startColumn : range.startColumn;
+			let selectColumn = (primary === null || primary === void 0 ? void 0 : primary.startColumn) ?? range.startColumn;
 			if (selectColumn === 0) selectColumn = 1;
 			const rangeType = range.rangeType;
 			if (rangeType === _univerjs_core.RANGE_TYPE.ROW || type === 1) {
@@ -7535,12 +7515,11 @@ let SheetsScrollRenderController = class SheetsScrollRenderController extends _u
 		this._scrollToCell(row, column);
 	}
 	_scrollToSelection(targetIsActualRowAndColumn = true) {
-		var _selection$primary;
 		const selection = this._getSelectionsService().getCurrentLastSelection();
 		if (!selection) return;
-		const { startRow, startColumn, actualRow, actualColumn } = (_selection$primary = selection.primary) !== null && _selection$primary !== void 0 ? _selection$primary : selection.range;
-		const selectionStartRow = targetIsActualRowAndColumn ? actualRow !== null && actualRow !== void 0 ? actualRow : startRow : startRow;
-		const selectionStartColumn = targetIsActualRowAndColumn ? actualColumn !== null && actualColumn !== void 0 ? actualColumn : startColumn : startColumn;
+		const { startRow, startColumn, actualRow, actualColumn } = selection.primary ?? selection.range;
+		const selectionStartRow = targetIsActualRowAndColumn ? actualRow ?? startRow : startRow;
+		const selectionStartColumn = targetIsActualRowAndColumn ? actualColumn ?? startColumn : startColumn;
 		this._scrollToCell(selectionStartRow, selectionStartColumn);
 	}
 	_getSelectionsService() {
@@ -7558,14 +7537,14 @@ let SheetsScrollRenderController = class SheetsScrollRenderController extends _u
 		return skeleton.getRangeByViewBound(vpInfo.viewBound);
 	}
 	_scrollToCell(row, column, forceTop = false, forceLeft = false) {
-		var _this$_sheetSkeletonM6, _this$_getSheetObject2, _this$_sheetSkeletonM7;
-		const { rowHeightAccumulation, columnWidthAccumulation } = (_this$_sheetSkeletonM6 = this._sheetSkeletonManagerService.getCurrentSkeleton()) !== null && _this$_sheetSkeletonM6 !== void 0 ? _this$_sheetSkeletonM6 : {};
+		var _this$_getSheetObject2, _this$_sheetSkeletonM6;
+		const { rowHeightAccumulation, columnWidthAccumulation } = this._sheetSkeletonManagerService.getCurrentSkeleton() ?? {};
 		if (rowHeightAccumulation == null || columnWidthAccumulation == null) return false;
 		const scene = (_this$_getSheetObject2 = this._getSheetObject()) === null || _this$_getSheetObject2 === void 0 ? void 0 : _this$_getSheetObject2.scene;
 		if (scene == null) return false;
 		const viewport = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
 		if (viewport == null) return false;
-		const skeleton = (_this$_sheetSkeletonM7 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM7 === void 0 ? void 0 : _this$_sheetSkeletonM7.skeleton;
+		const skeleton = (_this$_sheetSkeletonM6 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM6 === void 0 ? void 0 : _this$_sheetSkeletonM6.skeleton;
 		if (skeleton == null) return false;
 		const worksheet = this._context.unit.getActiveSheet();
 		if (!worksheet) return false;
@@ -7729,10 +7708,10 @@ const ScrollCommand = {
 		return accessor.get(_univerjs_core.ICommandService).syncExecuteCommand(SetScrollOperation.id, {
 			unitId: workbook.getUnitId(),
 			sheetId: worksheet.getSheetId(),
-			sheetViewStartRow: sheetViewStartRow !== null && sheetViewStartRow !== void 0 ? sheetViewStartRow : currentRow !== null && currentRow !== void 0 ? currentRow : 0 + ySplit,
-			sheetViewStartColumn: sheetViewStartColumn !== null && sheetViewStartColumn !== void 0 ? sheetViewStartColumn : currentColumn !== null && currentColumn !== void 0 ? currentColumn : 0 + xSplit,
-			offsetX: offsetX !== null && offsetX !== void 0 ? offsetX : currentOffsetX,
-			offsetY: offsetY !== null && offsetY !== void 0 ? offsetY : currentOffsetY,
+			sheetViewStartRow: sheetViewStartRow ?? currentRow ?? 0 + ySplit,
+			sheetViewStartColumn: sheetViewStartColumn ?? currentColumn ?? 0 + xSplit,
+			offsetX: offsetX ?? currentOffsetX,
+			offsetY: offsetY ?? currentOffsetY,
 			duration
 		});
 	}
@@ -8280,8 +8259,7 @@ let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Dispo
 		};
 	}
 	_getWorkbookForEditUnit(unitId) {
-		var _this$_univerInstance;
-		return (_this$_univerInstance = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) !== null && _this$_univerInstance !== void 0 ? _this$_univerInstance : this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		return this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET) ?? this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	}
 	getCurrentEditorId() {
 		return this._editorUnitId;
@@ -8612,7 +8590,7 @@ const SetCellEditVisibleOperation = {
 		if (!workbook) return false;
 		accessor.get(IEditorBridgeService).changeVisible({
 			...params,
-			unitId: unitId !== null && unitId !== void 0 ? unitId : workbook.getUnitId()
+			unitId: unitId ?? workbook.getUnitId()
 		});
 		return true;
 	}
@@ -8658,11 +8636,11 @@ const ScrollToRangeOperation = {
 	id: "sheet.operation.scroll-to-range",
 	type: _univerjs_core.CommandType.OPERATION,
 	handler: (accessor, params) => {
-		var _params$unitId, _instanceService$getC;
+		var _instanceService$getC;
 		if (!params) return false;
 		const instanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
-		const unitId = (_params$unitId = params.unitId) !== null && _params$unitId !== void 0 ? _params$unitId : (_instanceService$getC = instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _instanceService$getC === void 0 ? void 0 : _instanceService$getC.getUnitId();
+		const unitId = params.unitId ?? ((_instanceService$getC = instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _instanceService$getC === void 0 ? void 0 : _instanceService$getC.getUnitId());
 		if (!unitId) return false;
 		const renderUnit = renderManagerService.getRenderUnitById(unitId);
 		if (!renderUnit) return false;
@@ -8817,10 +8795,7 @@ let SheetsRenderService = class SheetsRenderService extends _univerjs_core.RxDis
 	}
 	_initWorkbookListener() {
 		this._instanceSrv.getTypeOfUnitAdded$(_univerjs_core.UniverInstanceType.UNIVER_SHEET).pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((event) => this._createRenderer(event.unit, event.options));
-		this._instanceSrv.getAllUnitsForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).forEach((workbook) => {
-			var _this$_instanceSrv$ge;
-			return this._createRenderer(workbook, (_this$_instanceSrv$ge = this._instanceSrv.getUnitCreateOptions(workbook.getUnitId())) !== null && _this$_instanceSrv$ge !== void 0 ? _this$_instanceSrv$ge : void 0);
-		});
+		this._instanceSrv.getAllUnitsForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).forEach((workbook) => this._createRenderer(workbook, this._instanceSrv.getUnitCreateOptions(workbook.getUnitId()) ?? void 0));
 		this._instanceSrv.getTypeOfUnitDisposed$(_univerjs_core.UniverInstanceType.UNIVER_SHEET).pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((workbook) => this._disposeRenderer(workbook));
 	}
 	_createRenderer(workbook, createUnitOptions) {
@@ -9124,7 +9099,7 @@ let AutoHeightController = class AutoHeightController extends _univerjs_core.Dis
 	_initialize() {
 		this.disposeWithMe(this._sheetInterceptorService.interceptAutoHeight({ getMutations: (info) => {
 			const { unitId, subUnitId, ranges, autoHeightRanges, lazyAutoHeightRanges, cellHeights } = info;
-			const undoRedoItem = this.getUndoRedoParamsOfAutoHeight(autoHeightRanges !== null && autoHeightRanges !== void 0 ? autoHeightRanges : ranges, subUnitId, cellHeights);
+			const undoRedoItem = this.getUndoRedoParamsOfAutoHeight(autoHeightRanges ?? ranges, subUnitId, cellHeights);
 			return this._processLazyAutoHeight(undoRedoItem, unitId, subUnitId, lazyAutoHeightRanges);
 		} }));
 	}
@@ -9651,10 +9626,9 @@ SheetRenderController = __decorate([
 	__decorateParam(5, (0, _univerjs_core.Optional)(_univerjs_telemetry.ITelemetryService))
 ], SheetRenderController);
 function getLeftTopPlaceholderSize(skeleton) {
-	var _skeleton$rowHeaderWi, _skeleton$columnHeade;
 	return {
-		width: (_skeleton$rowHeaderWi = skeleton.rowHeaderWidthAndMarginLeft) !== null && _skeleton$rowHeaderWi !== void 0 ? _skeleton$rowHeaderWi : skeleton.rowHeaderWidth,
-		height: (_skeleton$columnHeade = skeleton.columnHeaderHeightAndMarginTop) !== null && _skeleton$columnHeade !== void 0 ? _skeleton$columnHeade : skeleton.columnHeaderHeight
+		width: skeleton.rowHeaderWidthAndMarginLeft ?? skeleton.rowHeaderWidth,
+		height: skeleton.columnHeaderHeightAndMarginTop ?? skeleton.columnHeaderHeight
 	};
 }
 
@@ -9933,29 +9907,22 @@ SheetLoadingRenderService = __decorate([
 //#region src/views/hook.ts
 const SheetLoadingWorkbookContext = (0, react.createContext)(null);
 function useActiveWorkbook() {
-	var _ref;
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	const loadingWorkbook = (0, react.useContext)(SheetLoadingWorkbookContext);
 	const workbook = (0, _univerjs_ui.useObservable)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET), void 0, void 0, []);
-	return (_ref = loadingWorkbook !== null && loadingWorkbook !== void 0 ? loadingWorkbook : workbook) !== null && _ref !== void 0 ? _ref : null;
+	return loadingWorkbook ?? workbook ?? null;
 }
 function useSheetLoadingWorkbook() {
-	var _useObservable;
-	return (_useObservable = (0, _univerjs_ui.useObservable)((0, _univerjs_ui.useDependency)(ISheetLoadingRenderService).workbook$)) !== null && _useObservable !== void 0 ? _useObservable : null;
+	return (0, _univerjs_ui.useObservable)((0, _univerjs_ui.useDependency)(ISheetLoadingRenderService).workbook$) ?? null;
 }
 function useSheetLoading() {
-	var _useObservable2;
-	return (_useObservable2 = (0, _univerjs_ui.useObservable)((0, _univerjs_ui.useDependency)(ISheetLoadingRenderService).loading$)) !== null && _useObservable2 !== void 0 ? _useObservable2 : false;
+	return (0, _univerjs_ui.useObservable)((0, _univerjs_ui.useDependency)(ISheetLoadingRenderService).loading$) ?? false;
 }
 function useSheetLoadingPreviewReady() {
-	var _useObservable3;
-	return (_useObservable3 = (0, _univerjs_ui.useObservable)((0, _univerjs_ui.useDependency)(ISheetLoadingRenderService).previewReady$)) !== null && _useObservable3 !== void 0 ? _useObservable3 : false;
+	return (0, _univerjs_ui.useObservable)((0, _univerjs_ui.useDependency)(ISheetLoadingRenderService).previewReady$) ?? false;
 }
 function useActiveWorksheet(workbook) {
-	return (0, _univerjs_ui.useObservable)(() => {
-		var _workbook$activeSheet;
-		return (_workbook$activeSheet = workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) !== null && _workbook$activeSheet !== void 0 ? _workbook$activeSheet : (0, rxjs.of)(null);
-	}, void 0, void 0, [workbook]);
+	return (0, _univerjs_ui.useObservable)(() => (workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) ?? (0, rxjs.of)(null), void 0, void 0, [workbook]);
 }
 function useWorkbooks() {
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
@@ -9994,7 +9961,7 @@ const SheetPasteOptions = [
 	}
 ];
 const useMenuPosition = (range) => {
-	var _scene$getEngine, _endPosition$endX, _endPosition$endY, _convertTransformToOf, _convertTransformToOf2;
+	var _scene$getEngine;
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
 	const workbook = useActiveWorkbook();
@@ -10020,10 +9987,10 @@ const useMenuPosition = (range) => {
 	const canvas = (_scene$getEngine = scene.getEngine()) === null || _scene$getEngine === void 0 ? void 0 : _scene$getEngine.getCanvas();
 	if (!scaleX || !scene || !scaleX || !scaleY || !scrollXY) return null;
 	const endPosition = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getNoMergeCellWithCoordByIndex(anchor.endRow, anchor.endCol);
-	const endX = (_endPosition$endX = endPosition === null || endPosition === void 0 ? void 0 : endPosition.endX) !== null && _endPosition$endX !== void 0 ? _endPosition$endX : 0;
-	const endY = (_endPosition$endY = endPosition === null || endPosition === void 0 ? void 0 : endPosition.endY) !== null && _endPosition$endY !== void 0 ? _endPosition$endY : 0;
-	const positionEndX = (_convertTransformToOf = (0, _univerjs_engine_render.convertTransformToOffsetX)(endX, scaleX, scrollXY)) !== null && _convertTransformToOf !== void 0 ? _convertTransformToOf : -9999;
-	const positionEndY = (_convertTransformToOf2 = (0, _univerjs_engine_render.convertTransformToOffsetY)(endY, scaleY, scrollXY)) !== null && _convertTransformToOf2 !== void 0 ? _convertTransformToOf2 : -9999;
+	const endX = (endPosition === null || endPosition === void 0 ? void 0 : endPosition.endX) ?? 0;
+	const endY = (endPosition === null || endPosition === void 0 ? void 0 : endPosition.endY) ?? 0;
+	const positionEndX = (0, _univerjs_engine_render.convertTransformToOffsetX)(endX, scaleX, scrollXY) ?? -9999;
+	const positionEndY = (0, _univerjs_engine_render.convertTransformToOffsetY)(endY, scaleY, scrollXY) ?? -9999;
 	const canvasWidth = canvas === null || canvas === void 0 ? void 0 : canvas.getWidth();
 	const canvasHeight = canvas === null || canvas === void 0 ? void 0 : canvas.getHeight();
 	if (!canvasWidth || !canvasHeight) return null;
@@ -10179,16 +10146,16 @@ const ISheetEmbedInteractionBoundaryService = (0, _univerjs_core.createIdentifie
 const ISheetEmbedRuntimeFocusCoordinator = (0, _univerjs_core.createIdentifier)("sheets-ui.embed-runtime-focus-coordinator");
 const ISheetEmbedFloatingGeometryService = (0, _univerjs_core.createIdentifier)("sheets-ui.embed-floating-geometry.service");
 function resolveSheetEmbedRuntimeDomScope(element) {
-	var _element$closest$getA, _element$closest, _container$getAttribu, _container$getAttribu2, _container$getAttribu3;
+	var _element$closest;
 	if (!element) return;
-	const embedId = (_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;
+	const embedId = ((_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;
 	const container = resolveSheetEmbedFloatDomContainer(element, embedId);
-	const resolvedEmbedId = (_container$getAttribu = container === null || container === void 0 ? void 0 : container.getAttribute("data-embed-id")) !== null && _container$getAttribu !== void 0 ? _container$getAttribu : embedId;
+	const resolvedEmbedId = (container === null || container === void 0 ? void 0 : container.getAttribute("data-embed-id")) ?? embedId;
 	if (!resolvedEmbedId) return;
 	return {
 		embedId: resolvedEmbedId,
-		hostUnitId: (_container$getAttribu2 = container === null || container === void 0 ? void 0 : container.getAttribute("data-embed-host-unit-id")) !== null && _container$getAttribu2 !== void 0 ? _container$getAttribu2 : void 0,
-		childUnitId: (_container$getAttribu3 = container === null || container === void 0 ? void 0 : container.getAttribute("data-embed-child-unit-id")) !== null && _container$getAttribu3 !== void 0 ? _container$getAttribu3 : void 0,
+		hostUnitId: (container === null || container === void 0 ? void 0 : container.getAttribute("data-embed-host-unit-id")) ?? void 0,
+		childUnitId: (container === null || container === void 0 ? void 0 : container.getAttribute("data-embed-child-unit-id")) ?? void 0,
 		childType: readChildType(container)
 	};
 }
@@ -10198,12 +10165,11 @@ function resolveActiveSheetEmbedRuntimeDomScope(ownerDocument = document) {
 	return resolveSheetEmbedRuntimeDomScope(activeContainer);
 }
 function resolveSheetEmbedFloatDomContainer(element, embedId) {
-	var _element$ownerDocumen, _ownerDocument$queryS;
 	const ownContainer = element === null || element === void 0 ? void 0 : element.closest(`[${SHEET_EMBED_FLOAT_DOM_ATTRIBUTE}="true"]`);
 	if (ownContainer && (!embedId || ownContainer.getAttribute("data-embed-id") === embedId)) return ownContainer;
-	const ownerDocument = (_element$ownerDocumen = element === null || element === void 0 ? void 0 : element.ownerDocument) !== null && _element$ownerDocumen !== void 0 ? _element$ownerDocumen : typeof document === "undefined" ? void 0 : document;
-	if (!ownerDocument || !embedId) return ownContainer !== null && ownContainer !== void 0 ? ownContainer : void 0;
-	return (_ownerDocument$queryS = ownerDocument.querySelector(`[${"data-embed-float-dom"}="true"][${"data-embed-id"}="${escapeAttributeValue(embedId)}"]`)) !== null && _ownerDocument$queryS !== void 0 ? _ownerDocument$queryS : void 0;
+	const ownerDocument = (element === null || element === void 0 ? void 0 : element.ownerDocument) ?? (typeof document === "undefined" ? void 0 : document);
+	if (!ownerDocument || !embedId) return ownContainer ?? void 0;
+	return ownerDocument.querySelector(`[${"data-embed-float-dom"}="true"][${"data-embed-id"}="${escapeAttributeValue(embedId)}"]`) ?? void 0;
 }
 function escapeAttributeValue(value) {
 	return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
@@ -10233,15 +10199,14 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		return (0, _univerjs_engine_render.getCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService);
 	}
 	get _editingUnitId() {
-		var _this$_editorBridgeSe, _this$_editorBridgeSe2;
-		return (_this$_editorBridgeSe = (_this$_editorBridgeSe2 = this._editorBridgeService.getEditCellState()) === null || _this$_editorBridgeSe2 === void 0 ? void 0 : _this$_editorBridgeSe2.unitId) !== null && _this$_editorBridgeSe !== void 0 ? _this$_editorBridgeSe : "";
+		var _this$_editorBridgeSe;
+		return ((_this$_editorBridgeSe = this._editorBridgeService.getEditCellState()) === null || _this$_editorBridgeSe === void 0 ? void 0 : _this$_editorBridgeSe.unitId) ?? "";
 	}
 	get _editingRenderer() {
 		return this._renderManagerService.getRenderUnitById(this._editingUnitId);
 	}
 	get _renderer() {
-		var _this$_editingRendere;
-		return (_this$_editingRendere = this._editingRenderer) !== null && _this$_editingRendere !== void 0 ? _this$_editingRendere : this._currentRenderer;
+		return this._editingRenderer ?? this._currentRenderer;
 	}
 	get _sheetSkeletonManagerService() {
 		var _this$_renderer;
@@ -10252,7 +10217,6 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		return (_this$_renderer2 = this._renderer) === null || _this$_renderer2 === void 0 ? void 0 : _this$_renderer2.engine;
 	}
 	fitTextSize(callback) {
-		var _paddingData$l, _paddingData$r, _paddingData$t, _paddingData$b;
 		const param = this._editorBridgeService.getEditCellState();
 		if (!param) return;
 		const { position, documentLayoutObject, canvasOffset, scaleX, scaleY } = param;
@@ -10266,8 +10230,8 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		if (!info || info.actualWidth <= 0) return;
 		let { actualWidth, actualHeight } = info;
 		const { verticalAlign, horizontalAlign, paddingData, fill } = documentLayoutObject;
-		actualWidth = actualWidth + ((_paddingData$l = paddingData.l) !== null && _paddingData$l !== void 0 ? _paddingData$l : 0) * scaleX + ((_paddingData$r = paddingData.r) !== null && _paddingData$r !== void 0 ? _paddingData$r : 0) * scaleX;
-		actualHeight = actualHeight + ((_paddingData$t = paddingData.t) !== null && _paddingData$t !== void 0 ? _paddingData$t : 0) * scaleY + ((_paddingData$b = paddingData.b) !== null && _paddingData$b !== void 0 ? _paddingData$b : 0) * scaleY;
+		actualWidth = actualWidth + (paddingData.l ?? 0) * scaleX + (paddingData.r ?? 0) * scaleX;
+		actualHeight = actualHeight + (paddingData.t ?? 0) * scaleY + (paddingData.b ?? 0) * scaleY;
 		let editorWidth = endX - startX;
 		let editorHeight = endY - startY;
 		if (editorWidth < actualWidth) editorWidth = Math.ceil(actualWidth);
@@ -10333,8 +10297,7 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 	_getEditorMaxSize(position, canvasOffset, horizontalAlign) {
 		if (this._getEditorObject() == null) return;
 		function pxToNum(size) {
-			var _size$replace;
-			return Number.parseFloat((_size$replace = size === null || size === void 0 ? void 0 : size.replace("px", "")) !== null && _size$replace !== void 0 ? _size$replace : "");
+			return Number.parseFloat((size === null || size === void 0 ? void 0 : size.replace("px", "")) ?? "");
 		}
 		const engine = this.engine;
 		if (!engine) return;
@@ -10435,8 +10398,8 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		});
 	}
 	_getEditorContentElement() {
-		var _this$_embedFloatingG, _this$_embedFloatingG2;
-		return (_this$_embedFloatingG = (_this$_embedFloatingG2 = this._embedFloatingGeometryService) === null || _this$_embedFloatingG2 === void 0 || (_this$_embedFloatingG2 = _this$_embedFloatingG2.getRegistrationByChildUnitId(this._editingUnitId)) === null || _this$_embedFloatingG2 === void 0 ? void 0 : _this$_embedFloatingG2.contentRoot) !== null && _this$_embedFloatingG !== void 0 ? _this$_embedFloatingG : this._layoutService.getContentElement();
+		var _this$_embedFloatingG;
+		return ((_this$_embedFloatingG = this._embedFloatingGeometryService) === null || _this$_embedFloatingG === void 0 || (_this$_embedFloatingG = _this$_embedFloatingG.getRegistrationByChildUnitId(this._editingUnitId)) === null || _this$_embedFloatingG === void 0 ? void 0 : _this$_embedFloatingG.contentRoot) ?? this._layoutService.getContentElement();
 	}
 	/**
 	* Since the document does not support cell background color, an additional rect needs to be added.
@@ -10683,10 +10646,9 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends _u
 		}));
 	}
 	_showEditorByKeyboard(config) {
-		var _ref, _config$content;
 		const event = config === null || config === void 0 ? void 0 : config.event;
 		if (config == null || !event.data && event.inputType !== "InsertParagraph") return;
-		const initialValue = (_ref = (_config$content = config.content) !== null && _config$content !== void 0 ? _config$content : event.data) !== null && _ref !== void 0 ? _ref : "";
+		const initialValue = config.content ?? event.data ?? "";
 		this._commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
 			visible: true,
 			eventType: _univerjs_engine_render.DeviceInputEventType.Keyboard,
@@ -11493,8 +11455,7 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 	_initialCursorSync(d) {
 		d.add(this._cellEditorManagerService.focus$.pipe((0, rxjs.filter)((f) => !!f)).subscribe(() => {
 			var _this$_univerInstance, _this$_renderManagerS2;
-			const editorId = this._contextService.getContextValue(_univerjs_core.FOCUSING_FX_BAR_EDITOR) ? _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY : this._editorBridgeService.getCurrentEditorId();
-			const docUnitId = editorId !== null && editorId !== void 0 ? editorId : (_this$_univerInstance = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getUnitId();
+			const docUnitId = (this._contextService.getContextValue(_univerjs_core.FOCUSING_FX_BAR_EDITOR) ? _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY : this._editorBridgeService.getCurrentEditorId()) ?? ((_this$_univerInstance = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_DOC)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getUnitId());
 			if (!docUnitId) return;
 			const docSelectionRenderManager = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(docUnitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs_ui.DocSelectionRenderService);
 			if (!docSelectionRenderManager) return;
@@ -11656,17 +11617,17 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 				subUnitId: _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY
 			});
 		};
-		const isCellImage = this._isCellImageData(documentDataModel.getSnapshot());
-		this._submitEmptyCellImageEdit = isCellImage && eventType === _univerjs_engine_render.DeviceInputEventType.Keyboard && keycode === _univerjs_ui.KeyCode.BACKSPACE;
-		if (isCellImage) clearAndEdit();
+		const cellImage = (0, _univerjs_sheets.isCellImage)(documentDataModel.getSnapshot());
+		this._submitEmptyCellImageEdit = cellImage && eventType === _univerjs_engine_render.DeviceInputEventType.Keyboard && keycode === _univerjs_ui.KeyCode.BACKSPACE;
+		if (cellImage) clearAndEdit();
 		else if (eventType === _univerjs_engine_render.DeviceInputEventType.Keyboard && keycode === _univerjs_ui.KeyCode.F2) {
-			var _documentDataModel$ge, _documentDataModel$ge2;
+			var _documentDataModel$ge;
 			document.makeDirty();
 			this._textSelectionManagerService.replaceDocRanges([{
 				startOffset: 0,
 				endOffset: 0
 			}]);
-			const endOffset = ((_documentDataModel$ge = (_documentDataModel$ge2 = documentDataModel.getBody()) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.dataStream.length) !== null && _documentDataModel$ge !== void 0 ? _documentDataModel$ge : 2) - 2;
+			const endOffset = (((_documentDataModel$ge = documentDataModel.getBody()) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge.dataStream.length) ?? 2) - 2;
 			this._textSelectionManagerService.replaceDocRanges([{
 				startOffset: endOffset,
 				endOffset
@@ -11697,7 +11658,7 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 		}
 	}
 	async _handleEditorInvisible(param) {
-		var _editCellState$unitId, _snapshot$body;
+		var _snapshot$body;
 		const editCellState = this._editorBridgeService.getEditCellState();
 		const documentDataModel = this._univerInstanceService.getUnit(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		const snapshot = _univerjs_core.Tools.deepClone(documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getSnapshot());
@@ -11705,7 +11666,7 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 		const shouldSubmitEmptyCellImageEdit = this._submitEmptyCellImageEdit;
 		this._submitEmptyCellImageEdit = false;
 		this._cursorChange = 0;
-		const currentUnitId = (_editCellState$unitId = editCellState === null || editCellState === void 0 ? void 0 : editCellState.unitId) !== null && _editCellState$unitId !== void 0 ? _editCellState$unitId : "";
+		const currentUnitId = (editCellState === null || editCellState === void 0 ? void 0 : editCellState.unitId) ?? "";
 		this._exitInput(param);
 		if (editCellState == null) return;
 		const workbook = this._univerInstanceService.getUnit(currentUnitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET);
@@ -11727,10 +11688,10 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 			return;
 		}
 		const isEmpty = (snapshot === null || snapshot === void 0 || (_snapshot$body = snapshot.body) === null || _snapshot$body === void 0 ? void 0 : _snapshot$body.dataStream.length) === 2;
-		const isCellImage = editCellState.documentLayoutObject.documentModel ? this._isCellImageData(editCellState.documentLayoutObject.documentModel.getSnapshot()) : false;
+		const cellImage = editCellState.documentLayoutObject.documentModel ? (0, _univerjs_sheets.isCellImage)(editCellState.documentLayoutObject.documentModel.getSnapshot()) : false;
 		if (snapshot && shouldSubmitCellEdit({
 			isEmpty,
-			isCellImage,
+			isCellImage: cellImage,
 			shouldSubmitEmptyCellImageEdit
 		})) {
 			if (await this._submitEdit(snapshot, keycode === (_univerjs_ui.MetaKeys.CTRL_COMMAND | _univerjs_ui.KeyCode.ENTER) || keycode === (_univerjs_ui.MetaKeys.MAC_CTRL | _univerjs_ui.KeyCode.ENTER)) === false) return;
@@ -11740,10 +11701,6 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 	_getEditorObject() {
 		return getEditorObject(this._editorBridgeService.getCurrentEditorId(), this._renderManagerService);
 	}
-	_isCellImageData(snapshot) {
-		var _snapshot$drawingsOrd, _snapshot$drawingsOrd2;
-		return ((_snapshot$drawingsOrd = (_snapshot$drawingsOrd2 = snapshot.drawingsOrder) === null || _snapshot$drawingsOrd2 === void 0 ? void 0 : _snapshot$drawingsOrd2.length) !== null && _snapshot$drawingsOrd !== void 0 ? _snapshot$drawingsOrd : 0) > 0;
-	}
 	submitCellData(documentDataModel) {
 		return this._submitEdit(documentDataModel.getSnapshot());
 	}
@@ -11920,7 +11877,7 @@ EditingRenderController = __decorate([
 	__decorateParam(15, _univerjs_core.IConfigService)
 ], EditingRenderController);
 function getCellDataByInput(cellData, snapshot, lexerTreeBuilder, localeService, functionService, styles) {
-	var _snapshot$drawingsOrd3, _styles$get;
+	var _styles$get;
 	if ((snapshot === null || snapshot === void 0 ? void 0 : snapshot.body) == null) return null;
 	const { body } = snapshot;
 	cellData.t = void 0;
@@ -11928,7 +11885,7 @@ function getCellDataByInput(cellData, snapshot, lexerTreeBuilder, localeService,
 	let newDataStream = data.substring(data.length - 2, data.length) === _univerjs_core.DEFAULT_EMPTY_DOCUMENT_VALUE ? data.substring(0, data.length - 2) : data;
 	const currentLocale = localeService.getCurrentLocale();
 	newDataStream = normalizeString(newDataStream, lexerTreeBuilder, currentLocale, functionService);
-	if ((_snapshot$drawingsOrd3 = snapshot.drawingsOrder) === null || _snapshot$drawingsOrd3 === void 0 ? void 0 : _snapshot$drawingsOrd3.length) {
+	if ((0, _univerjs_sheets.isCellImage)(snapshot)) {
 		cellData.v = "";
 		cellData.f = null;
 		cellData.si = null;
@@ -11984,10 +11941,9 @@ function isRichText(body) {
 	const bodyNoLineBreak = body.dataStream.replace(/(\r\n)+$/, "");
 	const richTextStyle = ["va"];
 	return textRuns.filter((ts) => ts.st < bodyNoLineBreak.length).some((textRun) => {
-		var _textRun$ts;
 		return Boolean(textRun.ts && Object.keys(textRun.ts).some((property) => {
 			return richTextStyle.includes(property);
-		})) || Object.keys((_textRun$ts = textRun.ts) !== null && _textRun$ts !== void 0 ? _textRun$ts : {}).length && textRun.ed - textRun.st < bodyNoLineBreak.length;
+		})) || Object.keys(textRun.ts ?? {}).length && textRun.ed - textRun.st < bodyNoLineBreak.length;
 	}) || paragraphs.some((paragraph) => paragraph.bullet) || paragraphs.length >= 2 || Boolean(customRanges === null || customRanges === void 0 ? void 0 : customRanges.length) || customBlocks.length > 0;
 }
 function shouldSubmitCellEdit({ isEmpty, isCellImage, shouldSubmitEmptyCellImageEdit }) {
@@ -12116,9 +12072,9 @@ function getSetCellDataMutations(pasteTo, pasteFrom, matrix, accessor) {
 	const { mapFunc } = virtualizeDiscreteRanges([range]);
 	const cellValueMatrix = new _univerjs_core.ObjectMatrix();
 	matrix.forValue((rowIndex, columnIndex, value) => {
-		var _value$s, _value$p, _newStyle$n;
+		var _value$p, _newStyle$n;
 		const { row, col } = mapFunc(rowIndex, columnIndex);
-		const newStyle = { ...(_value$s = value.s) !== null && _value$s !== void 0 ? _value$s : {} };
+		const newStyle = { ...value.s ?? {} };
 		if (newStyle.bd && Object.keys(newStyle.bd).length === 0) newStyle.bd = {
 			t: null,
 			r: null,
@@ -12179,7 +12135,7 @@ function getSetCellValueMutations(pasteTo, pasteFrom, matrix, accessor) {
 	const { mapFunc } = virtualizeDiscreteRanges([range]);
 	const cellValueMatrix = new _univerjs_core.ObjectMatrix();
 	matrix.forValue((rowIndex, columnIndex, value) => {
-		var _value$p2, _value$s2;
+		var _value$p2, _value$s;
 		const { row, col } = mapFunc(rowIndex, columnIndex);
 		let cellValue = {
 			p: null,
@@ -12190,7 +12146,7 @@ function getSetCellValueMutations(pasteTo, pasteFrom, matrix, accessor) {
 			p: value.p,
 			v: value.v
 		};
-		else if (value.v && !pasteFrom && !((_value$s2 = value.s) === null || _value$s2 === void 0 || (_value$s2 = _value$s2.n) === null || _value$s2 === void 0 ? void 0 : _value$s2.pattern)) {
+		else if (value.v && !pasteFrom && !((_value$s = value.s) === null || _value$s === void 0 || (_value$s = _value$s.n) === null || _value$s === void 0 ? void 0 : _value$s.pattern)) {
 			/**
 			* The `pasteFrom` is null, means the data is pasted from outside.
 			* If the value's style has no number format, handle it as follows:
@@ -12232,9 +12188,9 @@ function getSetCellStyleMutations(pasteTo, pasteFrom, matrix, accessor) {
 	const { mapFunc } = virtualizeDiscreteRanges([range]);
 	const cellValueMatrix = new _univerjs_core.ObjectMatrix();
 	matrix.forValue((rowIndex, columnIndex, value) => {
-		var _value$s3, _newStyle$n2;
+		var _newStyle$n2;
 		const { row, col } = mapFunc(rowIndex, columnIndex);
-		const newStyle = { ...(_value$s3 = value.s) !== null && _value$s3 !== void 0 ? _value$s3 : {} };
+		const newStyle = { ...value.s ?? {} };
 		if (newStyle.bd && Object.keys(newStyle.bd).length === 0) newStyle.bd = {
 			t: null,
 			r: null,
@@ -12786,7 +12742,6 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 					};
 				},
 				onPasteColumns(pasteTo, colProperties, payload) {
-					var _self$_configService$;
 					const redos = [];
 					const undos = [];
 					if (payload.pasteType !== PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_COL_WIDTH) return {
@@ -12800,7 +12755,7 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 						undos
 					};
 					const worksheet = self._getWorksheet(unitId, subUnitId);
-					const defaultColumnWidth = (_self$_configService$ = self._configService.getConfig(_univerjs_core.DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY)) !== null && _self$_configService$ !== void 0 ? _self$_configService$ : _univerjs_core.DEFAULT_WORKSHEET_COLUMN_WIDTH;
+					const defaultColumnWidth = self._configService.getConfig(_univerjs_core.DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY) ?? _univerjs_core.DEFAULT_WORKSHEET_COLUMN_WIDTH;
 					const pasteRangeStartRow = rows[0];
 					const pasteRangeEndRow = rows[rows.length - 1];
 					const pasteRangeStartColumn = cols[0];
@@ -13281,8 +13236,8 @@ const calcDocRangePositions = (range, skeleton) => {
 	const skeletonData = skeleton.getSkeletonData();
 	let end = range.endOffset;
 	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);
@@ -13363,13 +13318,13 @@ const calcBulletPosition = (skeleton, paragraph, paddingLeft = 0, paddingTop = 0
 	};
 };
 const calculateDocSkeletonRects = (docSkeleton, paddingLeft = 0, paddingTop = 0) => {
-	var _docModel$getBody$cus, _docModel$getBody, _docModel$getBody$par, _docModel$getBody2, _docSkeleton$getSkele;
+	var _docModel$getBody, _docModel$getBody2, _docSkeleton$getSkele;
 	const docModel = docSkeleton.getViewModel().getDataModel();
-	const hyperLinks = (_docModel$getBody$cus = (_docModel$getBody = docModel.getBody()) === null || _docModel$getBody === void 0 || (_docModel$getBody = _docModel$getBody.customRanges) === null || _docModel$getBody === void 0 ? void 0 : _docModel$getBody.filter((range) => range.rangeType === _univerjs_core.CustomRangeType.HYPERLINK)) !== null && _docModel$getBody$cus !== void 0 ? _docModel$getBody$cus : [];
-	const checkLists = (_docModel$getBody$par = (_docModel$getBody2 = docModel.getBody()) === null || _docModel$getBody2 === void 0 || (_docModel$getBody2 = _docModel$getBody2.paragraphs) === null || _docModel$getBody2 === void 0 ? void 0 : _docModel$getBody2.filter((p) => {
+	const hyperLinks = ((_docModel$getBody = docModel.getBody()) === null || _docModel$getBody === void 0 || (_docModel$getBody = _docModel$getBody.customRanges) === null || _docModel$getBody === void 0 ? void 0 : _docModel$getBody.filter((range) => range.rangeType === _univerjs_core.CustomRangeType.HYPERLINK)) ?? [];
+	const checkLists = ((_docModel$getBody2 = docModel.getBody()) === null || _docModel$getBody2 === void 0 || (_docModel$getBody2 = _docModel$getBody2.paragraphs) === null || _docModel$getBody2 === void 0 ? void 0 : _docModel$getBody2.filter((p) => {
 		var _p$bullet;
 		return ((_p$bullet = p.bullet) === null || _p$bullet === void 0 ? void 0 : _p$bullet.listType.indexOf(_univerjs_core.PresetListType.CHECK_LIST)) === 0;
-	})) !== null && _docModel$getBody$par !== void 0 ? _docModel$getBody$par : [];
+	})) ?? [];
 	const drawings = (_docSkeleton$getSkele = docSkeleton.getSkeletonData()) === null || _docSkeleton$getSkele === void 0 ? void 0 : _docSkeleton$getSkele.pages[0].skeDrawings;
 	return {
 		links: hyperLinks.map((link) => calcLinkPosition(docSkeleton, link, paddingLeft, paddingTop)).filter(Boolean),
@@ -13387,9 +13342,9 @@ const calculateDocSkeletonRects = (docSkeleton, paddingLeft = 0, paddingTop = 0)
 	};
 };
 function calcPadding(cell, font, isNum) {
-	var _font$documentSkeleto, _font$documentSkeleto2, _font$documentSkeleto3, _font$documentSkeleto4;
-	const height = (_font$documentSkeleto = (_font$documentSkeleto2 = font.documentSkeleton) === null || _font$documentSkeleto2 === void 0 || (_font$documentSkeleto2 = _font$documentSkeleto2.getSkeletonData()) === null || _font$documentSkeleto2 === void 0 ? void 0 : _font$documentSkeleto2.pages[0].height) !== null && _font$documentSkeleto !== void 0 ? _font$documentSkeleto : 0;
-	const width = (_font$documentSkeleto3 = (_font$documentSkeleto4 = font.documentSkeleton) === null || _font$documentSkeleto4 === void 0 || (_font$documentSkeleto4 = _font$documentSkeleto4.getSkeletonData()) === null || _font$documentSkeleto4 === void 0 ? void 0 : _font$documentSkeleto4.pages[0].width) !== null && _font$documentSkeleto3 !== void 0 ? _font$documentSkeleto3 : 0;
+	var _font$documentSkeleto, _font$documentSkeleto2;
+	const height = ((_font$documentSkeleto = font.documentSkeleton) === null || _font$documentSkeleto === void 0 || (_font$documentSkeleto = _font$documentSkeleto.getSkeletonData()) === null || _font$documentSkeleto === void 0 ? void 0 : _font$documentSkeleto.pages[0].height) ?? 0;
+	const width = ((_font$documentSkeleto2 = font.documentSkeleton) === null || _font$documentSkeleto2 === void 0 || (_font$documentSkeleto2 = _font$documentSkeleto2.getSkeletonData()) === null || _font$documentSkeleto2 === void 0 ? void 0 : _font$documentSkeleto2.pages[0].width) ?? 0;
 	const vt = font.verticalAlign;
 	const ht = font.horizontalAlign;
 	let paddingTop = 0;
@@ -13422,7 +13377,7 @@ function calcPadding(cell, font, isNum) {
 	};
 }
 const getCustomRangePosition = (injector, unitId, subUnitId, row, col, rangeId) => {
-	var _docSkeleton$getViewM, _cellData$fontRenderE;
+	var _docSkeleton$getViewM;
 	const univerInstanceService = injector.get(_univerjs_core.IUniverInstanceService);
 	const renderManagerService = injector.get(_univerjs_engine_render.IRenderManagerService);
 	const workbook = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET);
@@ -13448,7 +13403,7 @@ const getCustomRangePosition = (injector, unitId, subUnitId, row, col, rangeId)
 	});
 	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualColumn);
 	const cellData = worksheet.getCell(actualCell.actualRow, actualCell.actualColumn);
-	const { topOffset = 0, leftOffset = 0 } = (_cellData$fontRenderE = cellData === null || cellData === void 0 ? void 0 : cellData.fontRenderExtension) !== null && _cellData$fontRenderE !== void 0 ? _cellData$fontRenderE : {};
+	const { topOffset = 0, leftOffset = 0 } = (cellData === null || cellData === void 0 ? void 0 : cellData.fontRenderExtension) ?? {};
 	const { paddingLeft, paddingTop } = calcPadding(actualCell, font, false);
 	const rects = calcDocRangePositions({
 		startOffset: customRange.startIndex,
@@ -13508,6 +13463,33 @@ function getLocationBase(location) {
 	const { workbook, worksheet, ...locBase } = location;
 	return locBase;
 }
+function calculateCellDrawingRects(font, cell, drawings) {
+	var _font$documentSkeleto;
+	const drawingData = (_font$documentSkeleto = font.documentSkeleton) === null || _font$documentSkeleto === void 0 ? void 0 : _font$documentSkeleto.getViewModel().getDataModel().getDrawings();
+	const cellRect = {
+		left: 0,
+		top: 0,
+		right: cell.mergeInfo.endX - cell.mergeInfo.startX,
+		bottom: cell.mergeInfo.endY - cell.mergeInfo.startY
+	};
+	return drawings.map((drawing) => {
+		var _drawingOrigin$docTra, _drawingOrigin$docTra2, _font$style;
+		const drawingOrigin = drawingData === null || drawingData === void 0 ? void 0 : drawingData[drawing.drawingId];
+		const imageWidth = (drawingOrigin === null || drawingOrigin === void 0 || (_drawingOrigin$docTra = drawingOrigin.docTransform) === null || _drawingOrigin$docTra === void 0 ? void 0 : _drawingOrigin$docTra.size.width) ?? drawing.drawing.width;
+		const imageHeight = (drawingOrigin === null || drawingOrigin === void 0 || (_drawingOrigin$docTra2 = drawingOrigin.docTransform) === null || _drawingOrigin$docTra2 === void 0 ? void 0 : _drawingOrigin$docTra2.size.height) ?? drawing.drawing.height;
+		return {
+			...drawing,
+			rect: (0, _univerjs_engine_render.calculateCellImageRect)({
+				cellRect,
+				imageWidth,
+				imageHeight,
+				horizontalAlign: font.horizontalAlign,
+				verticalAlign: font.verticalAlign,
+				padding: (_font$style = font.style) === null || _font$style === void 0 ? void 0 : _font$style.pd
+			})
+		};
+	});
+}
 let HoverManagerService = class HoverManagerService extends _univerjs_core.Disposable {
 	constructor(_univerInstanceService, _renderManagerService) {
 		super();
@@ -13642,7 +13624,6 @@ let HoverManagerService = class HoverManagerService extends _univerjs_core.Dispo
 		};
 	}
 	_calcActiveCell(currentRender, workbook, worksheet, skeletonParam, offsetX, offsetY) {
-		var _cellData$fontRenderE, _ref, _customRange$rects$po;
 		const hoverPosition = getHoverCellPosition(currentRender, workbook, worksheet, skeletonParam, offsetX, offsetY);
 		const skeleton = skeletonParam.skeleton;
 		if (!hoverPosition) return null;
@@ -13653,17 +13634,18 @@ let HoverManagerService = class HoverManagerService extends _univerjs_core.Dispo
 		let drawing = null;
 		const cell = skeleton.getCellWithCoordByIndex(overflowLocation.row, overflowLocation.col);
 		const cellData = worksheet.getCell(overflowLocation.row, overflowLocation.col);
-		const { topOffset = 0, leftOffset = 0 } = (_cellData$fontRenderE = cellData === null || cellData === void 0 ? void 0 : cellData.fontRenderExtension) !== null && _cellData$fontRenderE !== void 0 ? _cellData$fontRenderE : {};
+		const { topOffset = 0, leftOffset = 0 } = (cellData === null || cellData === void 0 ? void 0 : cellData.fontRenderExtension) ?? {};
 		if (font === null || font === void 0 ? void 0 : font.documentSkeleton) {
 			const { paddingLeft, paddingTop } = calcPadding(cell, font, (cellData === null || cellData === void 0 ? void 0 : cellData.p) ? false : (0, _univerjs_core.isRealNum)(cellData === null || cellData === void 0 ? void 0 : cellData.v) && (!(cellData === null || cellData === void 0 ? void 0 : cellData.t) || cellData.t === _univerjs_core.CellValueType.NUMBER));
 			const rects = calculateDocSkeletonRects(font.documentSkeleton, paddingLeft, paddingTop);
+			const drawingRects = calculateCellDrawingRects(font, cell, rects.drawings);
 			const innerX = offsetX - position.startX - leftOffset;
 			const innerY = offsetY - position.startY - topOffset;
 			customRange = rects.links.find((link) => link.rects.some((rect) => rect.left <= innerX && innerX <= rect.right && rect.top <= innerY && innerY <= rect.bottom));
 			bullet = rects.checkLists.find((list) => list.rect.left <= innerX && innerX <= list.rect.right && list.rect.top <= innerY && innerY <= list.rect.bottom);
-			drawing = rects.drawings.find((drawing) => drawing.rect.left <= innerX && innerX <= drawing.rect.right && drawing.rect.top <= innerY && innerY <= drawing.rect.bottom);
+			drawing = drawingRects.find((drawing) => drawing.rect.left <= innerX && innerX <= drawing.rect.right && drawing.rect.top <= innerY && innerY <= drawing.rect.bottom);
 		}
-		const rect = (_ref = (_customRange$rects$po = customRange === null || customRange === void 0 ? void 0 : customRange.rects.pop()) !== null && _customRange$rects$po !== void 0 ? _customRange$rects$po : bullet === null || bullet === void 0 ? void 0 : bullet.rect) !== null && _ref !== void 0 ? _ref : drawing === null || drawing === void 0 ? void 0 : drawing.rect;
+		const rect = (customRange === null || customRange === void 0 ? void 0 : customRange.rects.pop()) ?? (bullet === null || bullet === void 0 ? void 0 : bullet.rect) ?? (drawing === null || drawing === void 0 ? void 0 : drawing.rect);
 		const displayRect = rect && (() => {
 			const absoluteTop = rect.top + cell.mergeInfo.startY + topOffset;
 			const absoluteBottom = rect.bottom + cell.mergeInfo.startY + topOffset;
@@ -14115,7 +14097,7 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends _u
 	}
 	_createFreeze(freezeDirectionType = 0, freezeConfig) {
 		var _this$_sheetSkeletonM;
-		const config = freezeConfig !== null && freezeConfig !== void 0 ? freezeConfig : this._getFreeze();
+		const config = freezeConfig ?? this._getFreeze();
 		if (config == null) return null;
 		const skeleton = (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton;
 		const { startRow: freezeRow, startColumn: freezeColumn } = config;
@@ -14238,7 +14220,7 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends _u
 		if (s2) this._freezeDownSubs.add(s2);
 	}
 	_getCurrentLastVisible() {
-		var _this$_sheetSkeletonM2, _currentScroll$sheetV, _currentScroll$offset, _currentScroll$offset2, _currentScroll$sheetV2, _currentScroll$offset3, _currentScroll$offset4;
+		var _this$_sheetSkeletonM2;
 		const sheetObject = this._getSheetObject();
 		if (sheetObject == null) return;
 		const skeleton = (_this$_sheetSkeletonM2 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM2 === void 0 ? void 0 : _this$_sheetSkeletonM2.skeleton;
@@ -14248,8 +14230,8 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends _u
 		const currentScroll = this._scrollManagerService.getCurrentScrollState();
 		const skeletonViewHeight = (sheetObject.engine.height - skeleton.columnHeaderHeight) / scale;
 		const skeletonViewWidth = (sheetObject.engine.width - skeleton.rowHeaderWidth) / scale;
-		const startRow = (_currentScroll$sheetV = currentScroll === null || currentScroll === void 0 ? void 0 : currentScroll.sheetViewStartRow) !== null && _currentScroll$sheetV !== void 0 ? _currentScroll$sheetV : 0;
-		const startHeight = startRow === 0 ? -((_currentScroll$offset = currentScroll === null || currentScroll === void 0 ? void 0 : currentScroll.offsetY) !== null && _currentScroll$offset !== void 0 ? _currentScroll$offset : 0) : skeleton.rowHeightAccumulation[startRow - 1] - ((_currentScroll$offset2 = currentScroll === null || currentScroll === void 0 ? void 0 : currentScroll.offsetY) !== null && _currentScroll$offset2 !== void 0 ? _currentScroll$offset2 : 0);
+		const startRow = (currentScroll === null || currentScroll === void 0 ? void 0 : currentScroll.sheetViewStartRow) ?? 0;
+		const startHeight = startRow === 0 ? -((currentScroll === null || currentScroll === void 0 ? void 0 : currentScroll.offsetY) ?? 0) : skeleton.rowHeightAccumulation[startRow - 1] - ((currentScroll === null || currentScroll === void 0 ? void 0 : currentScroll.offsetY) ?? 0);
 		let lastRow = 0;
 		let hadFind = false;
 		for (let i = startRow, len = skeleton.rowHeightAccumulation.length; i < len; i++) if (skeleton.rowHeightAccumulation[i] - startHeight > skeletonViewHeight) {
@@ -14258,8 +14240,8 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends _u
 			break;
 		}
 		if (!hadFind) lastRow = skeleton.rowHeightAccumulation.length - 1;
-		const startColumn = (_currentScroll$sheetV2 = currentScroll === null || currentScroll === void 0 ? void 0 : currentScroll.sheetViewStartColumn) !== null && _currentScroll$sheetV2 !== void 0 ? _currentScroll$sheetV2 : 0;
-		const startWidth = startColumn === 0 ? -((_currentScroll$offset3 = currentScroll === null || currentScroll === void 0 ? void 0 : currentScroll.offsetX) !== null && _currentScroll$offset3 !== void 0 ? _currentScroll$offset3 : 0) : skeleton.columnWidthAccumulation[startColumn - 1] - ((_currentScroll$offset4 = currentScroll === null || currentScroll === void 0 ? void 0 : currentScroll.offsetX) !== null && _currentScroll$offset4 !== void 0 ? _currentScroll$offset4 : 0);
+		const startColumn = (currentScroll === null || currentScroll === void 0 ? void 0 : currentScroll.sheetViewStartColumn) ?? 0;
+		const startWidth = startColumn === 0 ? -((currentScroll === null || currentScroll === void 0 ? void 0 : currentScroll.offsetX) ?? 0) : skeleton.columnWidthAccumulation[startColumn - 1] - ((currentScroll === null || currentScroll === void 0 ? void 0 : currentScroll.offsetX) ?? 0);
 		let lastColumn = 0;
 		let hadFindCol = false;
 		for (let i = startColumn, len = skeleton.columnWidthAccumulation.length; i < len; i++) if (skeleton.columnWidthAccumulation[i] - startWidth > skeletonViewWidth) {
@@ -15030,14 +15012,8 @@ function getSheetSelectionsDisabled$(accessor) {
 	const workbook$ = univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	return (0, rxjs.combineLatest)([
 		selectionManagerService.selectionMoveEnd$,
-		workbook$.pipe((0, rxjs.map)((workbook) => {
-			var _workbook$getUnitId;
-			return (_workbook$getUnitId = workbook === null || workbook === void 0 ? void 0 : workbook.getUnitId()) !== null && _workbook$getUnitId !== void 0 ? _workbook$getUnitId : "";
-		})),
-		workbook$.pipe((0, rxjs.switchMap)((workbook) => {
-			var _workbook$activeSheet;
-			return (_workbook$activeSheet = workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) !== null && _workbook$activeSheet !== void 0 ? _workbook$activeSheet : (0, rxjs.of)(null);
-		}))
+		workbook$.pipe((0, rxjs.map)((workbook) => (workbook === null || workbook === void 0 ? void 0 : workbook.getUnitId()) ?? "")),
+		workbook$.pipe((0, rxjs.switchMap)((workbook) => (workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) ?? (0, rxjs.of)(null)))
 	]).pipe((0, rxjs.map)(([selection, unitId, sheet]) => {
 		if (!sheet) return false;
 		if (!selection || selection.length === 0) return false;
@@ -16027,10 +16003,7 @@ let HeaderUnhideRenderController = class HeaderUnhideRenderController extends _u
 		const skeleton = (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getSkeletonParam(worksheet.getSheetId())) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton;
 		if (!skeleton) return;
 		const visibleCheck = this.interceptor.fetchThroughInterceptors(HEADER_UNHIDE_RANGE_VISIBLE_CHECK);
-		const shouldRenderRange = (payload) => {
-			var _visibleCheck;
-			return this._headerUnhideRangeService.shouldRenderRange((_visibleCheck = visibleCheck(true, payload)) !== null && _visibleCheck !== void 0 ? _visibleCheck : true, payload);
-		};
+		const shouldRenderRange = (payload) => this._headerUnhideRangeService.shouldRenderRange(visibleCheck(true, payload) ?? true, payload);
 		const hiddenRowRanges = worksheet.getHiddenRows().filter((range) => shouldRenderRange({
 			axis: "row",
 			range,
@@ -16116,43 +16089,43 @@ var StatusBarService = class {
 			{
 				func: _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.MAX,
 				filter: (status) => {
-					var _status$values$find$v, _status$values$find, _status$values$find$v2, _status$values$find2;
-					return ((_status$values$find$v = (_status$values$find = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find === void 0 ? void 0 : _status$values$find.value) !== null && _status$values$find$v !== void 0 ? _status$values$find$v : 0) > 1 && ((_status$values$find$v2 = (_status$values$find2 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find2 === void 0 ? void 0 : _status$values$find2.value) !== null && _status$values$find$v2 !== void 0 ? _status$values$find$v2 : 0) > 0;
+					var _status$values$find, _status$values$find2;
+					return (((_status$values$find = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find === void 0 ? void 0 : _status$values$find.value) ?? 0) > 1 && (((_status$values$find2 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find2 === void 0 ? void 0 : _status$values$find2.value) ?? 0) > 0;
 				}
 			},
 			{
 				func: _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.MIN,
 				filter: (status) => {
-					var _status$values$find$v3, _status$values$find3, _status$values$find$v4, _status$values$find4;
-					return ((_status$values$find$v3 = (_status$values$find3 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find3 === void 0 ? void 0 : _status$values$find3.value) !== null && _status$values$find$v3 !== void 0 ? _status$values$find$v3 : 0) > 1 && ((_status$values$find$v4 = (_status$values$find4 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find4 === void 0 ? void 0 : _status$values$find4.value) !== null && _status$values$find$v4 !== void 0 ? _status$values$find$v4 : 0) > 0;
+					var _status$values$find3, _status$values$find4;
+					return (((_status$values$find3 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find3 === void 0 ? void 0 : _status$values$find3.value) ?? 0) > 1 && (((_status$values$find4 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find4 === void 0 ? void 0 : _status$values$find4.value) ?? 0) > 0;
 				}
 			},
 			{
 				func: _univerjs_engine_formula.FUNCTION_NAMES_MATH.SUM,
 				filter: (status) => {
-					var _status$values$find$v5, _status$values$find5, _status$values$find$v6, _status$values$find6;
-					return ((_status$values$find$v5 = (_status$values$find5 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find5 === void 0 ? void 0 : _status$values$find5.value) !== null && _status$values$find$v5 !== void 0 ? _status$values$find$v5 : 0) > 1 && ((_status$values$find$v6 = (_status$values$find6 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find6 === void 0 ? void 0 : _status$values$find6.value) !== null && _status$values$find$v6 !== void 0 ? _status$values$find$v6 : 0) > 0;
+					var _status$values$find5, _status$values$find6;
+					return (((_status$values$find5 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find5 === void 0 ? void 0 : _status$values$find5.value) ?? 0) > 1 && (((_status$values$find6 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find6 === void 0 ? void 0 : _status$values$find6.value) ?? 0) > 0;
 				}
 			},
 			{
 				func: _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA,
 				filter: (status) => {
-					var _status$values$find$v7, _status$values$find7;
-					return ((_status$values$find$v7 = (_status$values$find7 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find7 === void 0 ? void 0 : _status$values$find7.value) !== null && _status$values$find$v7 !== void 0 ? _status$values$find$v7 : 0) > 1;
+					var _status$values$find7;
+					return (((_status$values$find7 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find7 === void 0 ? void 0 : _status$values$find7.value) ?? 0) > 1;
 				}
 			},
 			{
 				func: _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT,
 				filter: (status) => {
-					var _status$values$find$v8, _status$values$find8, _status$values$find$v9, _status$values$find9;
-					return ((_status$values$find$v8 = (_status$values$find8 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find8 === void 0 ? void 0 : _status$values$find8.value) !== null && _status$values$find$v8 !== void 0 ? _status$values$find$v8 : 0) > 1 && ((_status$values$find$v9 = (_status$values$find9 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find9 === void 0 ? void 0 : _status$values$find9.value) !== null && _status$values$find$v9 !== void 0 ? _status$values$find$v9 : 0) > 0;
+					var _status$values$find8, _status$values$find9;
+					return (((_status$values$find8 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find8 === void 0 ? void 0 : _status$values$find8.value) ?? 0) > 1 && (((_status$values$find9 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find9 === void 0 ? void 0 : _status$values$find9.value) ?? 0) > 0;
 				}
 			},
 			{
 				func: _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.AVERAGE,
 				filter: (status) => {
-					var _status$values$find$v10, _status$values$find10, _status$values$find$v11, _status$values$find11;
-					return ((_status$values$find$v10 = (_status$values$find10 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find10 === void 0 ? void 0 : _status$values$find10.value) !== null && _status$values$find$v10 !== void 0 ? _status$values$find$v10 : 0) > 1 && ((_status$values$find$v11 = (_status$values$find11 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find11 === void 0 ? void 0 : _status$values$find11.value) !== null && _status$values$find$v11 !== void 0 ? _status$values$find$v11 : 0) > 0;
+					var _status$values$find10, _status$values$find11;
+					return (((_status$values$find10 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find10 === void 0 ? void 0 : _status$values$find10.value) ?? 0) > 1 && (((_status$values$find11 = status.values.find((item) => item.func === _univerjs_engine_formula.FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find11 === void 0 ? void 0 : _status$values$find11.value) ?? 0) > 0;
 				}
 			}
 		]);
@@ -16163,7 +16136,6 @@ var StatusBarService = class {
 		this._state$.complete();
 	}
 	setState(param) {
-		var _param$pattern;
 		const newState = {
 			values: [],
 			pattern: null
@@ -16172,7 +16144,7 @@ var StatusBarService = class {
 			const func = this._functions.find((func) => func.func === item.func);
 			if (func && (func.filter === void 0 || func.filter(param))) newState.values.push(item);
 		});
-		newState.pattern = (_param$pattern = param === null || param === void 0 ? void 0 : param.pattern) !== null && _param$pattern !== void 0 ? _param$pattern : null;
+		newState.pattern = (param === null || param === void 0 ? void 0 : param.pattern) ?? null;
 		this._state$.next(newState);
 	}
 	getState() {
@@ -16351,14 +16323,11 @@ let StatusBarController = class StatusBarController extends _univerjs_core.Dispo
 		var _sheetArrayFormulaCel;
 		const rawCell = sheet.getCellRaw(row, col);
 		const arrayCell = sheetArrayFormulaCellData === null || sheetArrayFormulaCellData === void 0 || (_sheetArrayFormulaCel = sheetArrayFormulaCellData[row]) === null || _sheetArrayFormulaCel === void 0 ? void 0 : _sheetArrayFormulaCel[col];
-		if (arrayCell) {
-			var _arrayCell$t, _arrayCell$v, _arrayCell$s;
-			return {
-				t: (_arrayCell$t = arrayCell.t) !== null && _arrayCell$t !== void 0 ? _arrayCell$t : rawCell === null || rawCell === void 0 ? void 0 : rawCell.t,
-				v: (_arrayCell$v = arrayCell.v) !== null && _arrayCell$v !== void 0 ? _arrayCell$v : rawCell === null || rawCell === void 0 ? void 0 : rawCell.v,
-				s: (_arrayCell$s = arrayCell.s) !== null && _arrayCell$s !== void 0 ? _arrayCell$s : rawCell === null || rawCell === void 0 ? void 0 : rawCell.s
-			};
-		}
+		if (arrayCell) return {
+			t: arrayCell.t ?? (rawCell === null || rawCell === void 0 ? void 0 : rawCell.t),
+			v: arrayCell.v ?? (rawCell === null || rawCell === void 0 ? void 0 : rawCell.v),
+			s: arrayCell.s ?? (rawCell === null || rawCell === void 0 ? void 0 : rawCell.s)
+		};
 		return rawCell;
 	}
 	_calculateSelection(selections, primary) {
@@ -16656,12 +16625,11 @@ function getObservableWithExclusiveRange$(accessor, observable$, disableGroupSet
 	return (0, rxjs.combineLatest)([observable$, getCurrentExclusiveRangeInterest$(accessor, disableGroupSet)]).pipe((0, rxjs_operators.map)(([observable, exclusiveRangeDisable]) => observable || exclusiveRangeDisable));
 }
 function getCurrentRangeDisable$(accessor, permissionTypes = {}, supportCellEdit = false) {
-	var _editorBridgeService$;
 	const workbook$ = accessor.get(_univerjs_core.IUniverInstanceService).getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const userManagerService = accessor.get(_univerjs_core.UserManagerService);
 	const editorBridgeService = accessor.has(IEditorBridgeService) ? accessor.get(IEditorBridgeService) : null;
 	const contextService = accessor.get(_univerjs_core.IContextService);
-	const editorVisible$ = ((_editorBridgeService$ = editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$) !== null && _editorBridgeService$ !== void 0 ? _editorBridgeService$ : (0, rxjs.of)(null)).pipe((0, rxjs_operators.startWith)(null), (0, rxjs_operators.shareReplay)({
+	const editorVisible$ = ((editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$) ?? (0, rxjs.of)(null)).pipe((0, rxjs_operators.startWith)(null), (0, rxjs_operators.shareReplay)({
 		bufferSize: 1,
 		refCount: true
 	}));
@@ -16840,7 +16808,6 @@ function getWorkbookPermissionDisable$(accessor, workbookPermissionTypes) {
 	return (0, rxjs.combineLatest)([accessor.get(_univerjs_core.UserManagerService).currentUser$, workbook$]).pipe((0, rxjs_operators.switchMap)(([_user, workbook]) => {
 		if (!workbook) return (0, rxjs.of)(true);
 		return workbook.activeSheet$.pipe((0, rxjs_operators.switchMap)((worksheet) => {
-			var _permissionService$co;
 			if (!worksheet) return (0, rxjs.of)(true);
 			const unitId = workbook.getUnitId();
 			const subUnitId = worksheet.getSheetId();
@@ -16848,7 +16815,7 @@ function getWorkbookPermissionDisable$(accessor, workbookPermissionTypes) {
 			const worksheetProtectionRuleModel = accessor.get(_univerjs_sheets.WorksheetProtectionRuleModel);
 			const workbookPermissionIds = [];
 			workbookPermissionTypes.forEach((F) => workbookPermissionIds.push(new F(unitId).id));
-			return (0, rxjs.combineLatest)([(_permissionService$co = permissionService.composePermission$(workbookPermissionIds).pipe((0, rxjs_operators.map)((list) => list.every((item) => item.value === true)))) !== null && _permissionService$co !== void 0 ? _permissionService$co : (0, rxjs.of)(false), (0, rxjs.merge)(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe((0, rxjs_operators.startWith)(null))]).pipe((0, rxjs_operators.map)(([permission, _]) => {
+			return (0, rxjs.combineLatest)([permissionService.composePermission$(workbookPermissionIds).pipe((0, rxjs_operators.map)((list) => list.every((item) => item.value === true))) ?? (0, rxjs.of)(false), (0, rxjs.merge)(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe((0, rxjs_operators.startWith)(null))]).pipe((0, rxjs_operators.map)(([permission, _]) => {
 				var _selectionProtectionR;
 				if (!permission) return true;
 				const worksheetRule = worksheetProtectionRuleModel.getRule(unitId, subUnitId);
@@ -16874,11 +16841,10 @@ function CellBorderSelectorMenuItemFactory(accessor) {
 			const defaultIcon = "AllBorderIcon";
 			const borderManager = accessor.get(_univerjs_sheets.BorderStyleManagerService);
 			const disposable = accessor.get(_univerjs_core.ICommandService).onCommandExecuted((c) => {
-				var _item$icon;
 				if (c.id !== _univerjs_sheets.SetBorderBasicCommand.id) return;
 				const { type } = borderManager.getBorderInfo();
 				const item = BORDER_LINE_CHILDREN.find((item) => item.value === type);
-				const icon = (_item$icon = item === null || item === void 0 ? void 0 : item.icon) !== null && _item$icon !== void 0 ? _item$icon : defaultIcon;
+				const icon = (item === null || item === void 0 ? void 0 : item.icon) ?? defaultIcon;
 				subscriber.next(icon);
 			});
 			subscriber.next(defaultIcon);
@@ -17068,8 +17034,8 @@ function updateFontSizeValue(accessor, defaultValue) {
 		const updateSheetEditor = () => {
 			const textRun = getFontStyleAtCursor(accessor);
 			if (textRun != null) {
-				var _textRun$ts$fs, _textRun$ts;
-				const fs = (_textRun$ts$fs = (_textRun$ts = textRun.ts) === null || _textRun$ts === void 0 ? void 0 : _textRun$ts.fs) !== null && _textRun$ts$fs !== void 0 ? _textRun$ts$fs : defaultValue;
+				var _textRun$ts;
+				const fs = ((_textRun$ts = textRun.ts) === null || _textRun$ts === void 0 ? void 0 : _textRun$ts.fs) ?? defaultValue;
 				subscriber.next(fs);
 			}
 		};
@@ -17149,11 +17115,10 @@ const defaultValue = {
 	col: "A"
 };
 function getFrozenValue(selection) {
-	var _primary$startRow, _primary$startColumn;
 	if (!selection) return defaultValue;
 	const { primary, range } = selection;
-	const row = (_primary$startRow = primary === null || primary === void 0 ? void 0 : primary.startRow) !== null && _primary$startRow !== void 0 ? _primary$startRow : range.startRow;
-	const col = (_primary$startColumn = primary === null || primary === void 0 ? void 0 : primary.startColumn) !== null && _primary$startColumn !== void 0 ? _primary$startColumn : range.startColumn;
+	const row = (primary === null || primary === void 0 ? void 0 : primary.startRow) ?? range.startRow;
+	const col = (primary === null || primary === void 0 ? void 0 : primary.startColumn) ?? range.startColumn;
 	return {
 		row: row === 0 ? "1" : String(row),
 		col: col === 0 ? "A" : _univerjs_core.Tools.chatAtABC(col - 1)
@@ -17183,11 +17148,10 @@ const getMenuHiddenByCurrentSelectionChangedObservable$$1 = (accessor, type) =>
 	const selectionManagerService = accessor.get(_univerjs_sheets.SheetsSelectionsService);
 	return new rxjs.Observable((subscriber) => {
 		const update = (selection) => {
-			var _primary$startRow, _primary$startColumn;
 			if (!selection) return subscriber.next(true);
 			const { primary, range } = selection;
-			const row = (_primary$startRow = primary === null || primary === void 0 ? void 0 : primary.startRow) !== null && _primary$startRow !== void 0 ? _primary$startRow : range.startRow;
-			const col = (_primary$startColumn = primary === null || primary === void 0 ? void 0 : primary.startColumn) !== null && _primary$startColumn !== void 0 ? _primary$startColumn : range.startColumn;
+			const row = (primary === null || primary === void 0 ? void 0 : primary.startRow) ?? range.startRow;
+			const col = (primary === null || primary === void 0 ? void 0 : primary.startColumn) ?? range.startColumn;
 			if (type === "row" && row <= 0) return subscriber.next(true);
 			if (type === "col" && col <= 0) return subscriber.next(true);
 			subscriber.next(false);
@@ -17427,7 +17391,7 @@ const MenuItemInput = (props) => {
 	const { prefix, suffix, value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER, disabled$, onChange } = props;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const contextMenuService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IContextMenuService);
-	const disabled = (0, _univerjs_ui.useObservable)(disabled$ !== null && disabled$ !== void 0 ? disabled$ : null, false);
+	const disabled = (0, _univerjs_ui.useObservable)(disabled$ ?? null, false);
 	const [inputValue, setInputValue] = (0, react.useState)();
 	const handleChange = (value) => {
 		if (!value) {
@@ -18098,8 +18062,8 @@ function FontFamilySelectorMenuItemFactory(accessor) {
 				if ((id === _univerjs_docs.SetTextSelectionsOperation.id || id === _univerjs_docs_ui.SetInlineFormatCommand.id) && accessor.get(_univerjs_core.IContextService).getContextValue(_univerjs_core.EDITOR_ACTIVATED) && (accessor.get(_univerjs_core.IContextService).getContextValue(_univerjs_core.FOCUSING_SHEET) || accessor.get(_univerjs_core.IContextService).getContextValue(_univerjs_core.FOCUSING_SHAPE_TEXT_EDITOR))) {
 					const textRun = getFontStyleAtCursor(accessor);
 					if (textRun != null) {
-						var _textRun$ts$ff, _textRun$ts5;
-						const ff = (_textRun$ts$ff = (_textRun$ts5 = textRun.ts) === null || _textRun$ts5 === void 0 ? void 0 : _textRun$ts5.ff) !== null && _textRun$ts$ff !== void 0 ? _textRun$ts$ff : defaultValue;
+						var _textRun$ts5;
+						const ff = ((_textRun$ts5 = textRun.ts) === null || _textRun$ts5 === void 0 ? void 0 : _textRun$ts5.ff) ?? defaultValue;
 						subscriber.next(ff);
 					}
 				}
@@ -18142,10 +18106,8 @@ function TextColorSelectorMenuItemFactory(accessor) {
 			value$: new rxjs.Observable((subscriber) => {
 				const defaultValue = _univerjs_core.DEFAULT_STYLES.cl.rgb;
 				const { isAllValuesSame, value: currentValue } = selectionManagerService.getCellStylesProperty("cl");
-				if (isAllValuesSame) {
-					var _rgb;
-					subscriber.next((_rgb = currentValue === null || currentValue === void 0 ? void 0 : currentValue.rgb) !== null && _rgb !== void 0 ? _rgb : defaultValue);
-				} else subscriber.next(defaultValue);
+				if (isAllValuesSame) subscriber.next((currentValue === null || currentValue === void 0 ? void 0 : currentValue.rgb) ?? defaultValue);
+				else subscriber.next(defaultValue);
 			})
 		}],
 		value$: new rxjs.Observable((subscriber) => {
@@ -18153,7 +18115,7 @@ function TextColorSelectorMenuItemFactory(accessor) {
 			const disposable = commandService.onCommandExecuted((c) => {
 				if (c.id === SetRangeTextColorCommand.id) {
 					const color = c.params.value;
-					subscriber.next(color !== null && color !== void 0 ? color : defaultValue);
+					subscriber.next(color ?? defaultValue);
 				}
 			});
 			subscriber.next(defaultValue);
@@ -18198,10 +18160,8 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 			value$: new rxjs.Observable((subscriber) => {
 				const defaultValue = themeService.getColorFromTheme("primary.600");
 				const { isAllValuesSame, value: currentValue } = selectionManagerService.getCellStylesProperty("bg");
-				if (isAllValuesSame) {
-					var _rgb2;
-					subscriber.next((_rgb2 = currentValue === null || currentValue === void 0 ? void 0 : currentValue.rgb) !== null && _rgb2 !== void 0 ? _rgb2 : defaultValue);
-				} else subscriber.next(defaultValue);
+				if (isAllValuesSame) subscriber.next((currentValue === null || currentValue === void 0 ? void 0 : currentValue.rgb) ?? defaultValue);
+				else subscriber.next(defaultValue);
 			})
 		}],
 		value$: new rxjs.Observable((subscriber) => {
@@ -18209,7 +18169,7 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 			const disposable = commandService.onCommandExecuted((c) => {
 				if (c.id === _univerjs_sheets.SetBackgroundColorCommand.id) {
 					const color = c.params.value;
-					subscriber.next(color !== null && color !== void 0 ? color : defaultValue);
+					subscriber.next(color ?? defaultValue);
 				}
 			});
 			subscriber.next(defaultValue);
@@ -18241,12 +18201,12 @@ const HORIZONTAL_ALIGN_CHILDREN = [
 	}
 ];
 function HorizontalAlignMenuItemFactory(accessor) {
-	var _defaultStyle$ht, _HORIZONTAL_ALIGN_CHI;
+	var _HORIZONTAL_ALIGN_CHI;
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const selectionManagerService = accessor.get(_univerjs_sheets.SheetsSelectionsService);
 	const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const defaultStyle = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getDefaultCellStyleInternal();
-	const defaultValue = (_defaultStyle$ht = defaultStyle === null || defaultStyle === void 0 ? void 0 : defaultStyle.ht) !== null && _defaultStyle$ht !== void 0 ? _defaultStyle$ht : _univerjs_core.HorizontalAlign.LEFT;
+	const defaultValue = (defaultStyle === null || defaultStyle === void 0 ? void 0 : defaultStyle.ht) ?? _univerjs_core.HorizontalAlign.LEFT;
 	return {
 		id: _univerjs_sheets.SetHorizontalTextAlignCommand.id,
 		icon: (_HORIZONTAL_ALIGN_CHI = HORIZONTAL_ALIGN_CHILDREN.find((child) => child.value === defaultValue)) === null || _HORIZONTAL_ALIGN_CHI === void 0 ? void 0 : _HORIZONTAL_ALIGN_CHI.icon,
@@ -18254,30 +18214,28 @@ function HorizontalAlignMenuItemFactory(accessor) {
 		type: _univerjs_ui.MenuItemType.SELECTOR,
 		selections: HORIZONTAL_ALIGN_CHILDREN,
 		value$: deriveStateFromActiveSheet$(univerInstanceService, defaultValue, ({ worksheet }) => new rxjs.Observable((subscriber) => {
-			var _selectionManagerServ11, _ht2;
+			var _selectionManagerServ11;
 			const disposable = accessor.get(_univerjs_core.ICommandService).onCommandExecuted((c) => {
-				var _selectionManagerServ10, _ht;
+				var _selectionManagerServ10;
 				const id = c.id;
 				if (id !== _univerjs_sheets.SetHorizontalTextAlignCommand.id && id !== _univerjs_sheets.SetSelectionsOperation.id && id !== _univerjs_sheets.SetWorksheetActiveOperation.id) return;
 				const primary = (_selectionManagerServ10 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ10 === void 0 ? void 0 : _selectionManagerServ10.primary;
 				let ht;
 				if (primary != null) {
-					var _defaultCellStyle$ht;
 					const range = worksheet.getRange(primary.startRow, primary.startColumn);
 					const defaultCellStyle = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getComposedCellStyle(primary.startRow, primary.startColumn);
-					ht = (_defaultCellStyle$ht = defaultCellStyle === null || defaultCellStyle === void 0 ? void 0 : defaultCellStyle.ht) !== null && _defaultCellStyle$ht !== void 0 ? _defaultCellStyle$ht : range === null || range === void 0 ? void 0 : range.getHorizontalAlignment();
+					ht = (defaultCellStyle === null || defaultCellStyle === void 0 ? void 0 : defaultCellStyle.ht) ?? (range === null || range === void 0 ? void 0 : range.getHorizontalAlignment());
 				}
-				subscriber.next((_ht = ht) !== null && _ht !== void 0 ? _ht : defaultValue);
+				subscriber.next(ht ?? defaultValue);
 			});
 			const primary = (_selectionManagerServ11 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ11 === void 0 ? void 0 : _selectionManagerServ11.primary;
 			let ht;
 			if (primary != null) {
-				var _defaultCellStyle$ht2;
 				const range = worksheet.getRange(primary.startRow, primary.startColumn);
 				const defaultCellStyle = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getComposedCellStyle(primary.startRow, primary.startColumn);
-				ht = (_defaultCellStyle$ht2 = defaultCellStyle === null || defaultCellStyle === void 0 ? void 0 : defaultCellStyle.ht) !== null && _defaultCellStyle$ht2 !== void 0 ? _defaultCellStyle$ht2 : range === null || range === void 0 ? void 0 : range.getHorizontalAlignment();
+				ht = (defaultCellStyle === null || defaultCellStyle === void 0 ? void 0 : defaultCellStyle.ht) ?? (range === null || range === void 0 ? void 0 : range.getHorizontalAlignment());
 			}
-			subscriber.next((_ht2 = ht) !== null && _ht2 !== void 0 ? _ht2 : defaultValue);
+			subscriber.next(ht ?? defaultValue);
 			return disposable.dispose;
 		})),
 		hidden$: (0, rxjs.combineLatest)([(0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET), accessor.get(_univerjs_core.IContextService).subscribeContextValue$(_univerjs_core.FOCUSING_COMMON_DRAWINGS).pipe((0, rxjs.startWith)(false))]).pipe((0, rxjs.map)(([hidden, focusingDrawing]) => hidden || focusingDrawing)),
@@ -18306,12 +18264,12 @@ const VERTICAL_ALIGN_CHILDREN = [
 	}
 ];
 function VerticalAlignMenuItemFactory(accessor) {
-	var _defaultStyle$vt, _VERTICAL_ALIGN_CHILD;
+	var _VERTICAL_ALIGN_CHILD;
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const selectionManagerService = accessor.get(_univerjs_sheets.SheetsSelectionsService);
 	const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const defaultStyle = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getDefaultCellStyleInternal();
-	const defaultValue = (_defaultStyle$vt = defaultStyle === null || defaultStyle === void 0 ? void 0 : defaultStyle.vt) !== null && _defaultStyle$vt !== void 0 ? _defaultStyle$vt : _univerjs_core.VerticalAlign.BOTTOM;
+	const defaultValue = (defaultStyle === null || defaultStyle === void 0 ? void 0 : defaultStyle.vt) ?? _univerjs_core.VerticalAlign.BOTTOM;
 	return {
 		id: _univerjs_sheets.SetVerticalTextAlignCommand.id,
 		icon: (_VERTICAL_ALIGN_CHILD = VERTICAL_ALIGN_CHILDREN.find((child) => child.value === defaultValue)) === null || _VERTICAL_ALIGN_CHILD === void 0 ? void 0 : _VERTICAL_ALIGN_CHILD.icon,
@@ -18319,30 +18277,28 @@ function VerticalAlignMenuItemFactory(accessor) {
 		type: _univerjs_ui.MenuItemType.SELECTOR,
 		selections: VERTICAL_ALIGN_CHILDREN,
 		value$: deriveStateFromActiveSheet$(univerInstanceService, defaultValue, ({ worksheet }) => new rxjs.Observable((subscriber) => {
-			var _selectionManagerServ13, _vt2;
+			var _selectionManagerServ13;
 			const disposable = accessor.get(_univerjs_core.ICommandService).onCommandExecuted((c) => {
-				var _selectionManagerServ12, _vt;
+				var _selectionManagerServ12;
 				const id = c.id;
 				if (id !== _univerjs_sheets.SetVerticalTextAlignCommand.id && id !== _univerjs_sheets.SetSelectionsOperation.id && id !== _univerjs_sheets.SetWorksheetActiveOperation.id) return;
 				const primary = (_selectionManagerServ12 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ12 === void 0 ? void 0 : _selectionManagerServ12.primary;
 				let vt;
 				if (primary != null) {
-					var _defaultCellStyle$vt;
 					const range = worksheet.getRange(primary.startRow, primary.startColumn);
 					const defaultCellStyle = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getComposedCellStyle(primary.startRow, primary.startColumn);
-					vt = (_defaultCellStyle$vt = defaultCellStyle === null || defaultCellStyle === void 0 ? void 0 : defaultCellStyle.vt) !== null && _defaultCellStyle$vt !== void 0 ? _defaultCellStyle$vt : range === null || range === void 0 ? void 0 : range.getVerticalAlignment();
+					vt = (defaultCellStyle === null || defaultCellStyle === void 0 ? void 0 : defaultCellStyle.vt) ?? (range === null || range === void 0 ? void 0 : range.getVerticalAlignment());
 				}
-				subscriber.next((_vt = vt) !== null && _vt !== void 0 ? _vt : defaultValue);
+				subscriber.next(vt ?? defaultValue);
 			});
 			const primary = (_selectionManagerServ13 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ13 === void 0 ? void 0 : _selectionManagerServ13.primary;
 			let vt;
 			if (primary != null) {
-				var _defaultCellStyle$vt2;
 				const range = worksheet.getRange(primary.startRow, primary.startColumn);
 				const defaultCellStyle = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getComposedCellStyle(primary.startRow, primary.startColumn);
-				vt = (_defaultCellStyle$vt2 = defaultCellStyle === null || defaultCellStyle === void 0 ? void 0 : defaultCellStyle.vt) !== null && _defaultCellStyle$vt2 !== void 0 ? _defaultCellStyle$vt2 : range === null || range === void 0 ? void 0 : range.getVerticalAlignment();
+				vt = (defaultCellStyle === null || defaultCellStyle === void 0 ? void 0 : defaultCellStyle.vt) ?? (range === null || range === void 0 ? void 0 : range.getVerticalAlignment());
 			}
-			subscriber.next((_vt2 = vt) !== null && _vt2 !== void 0 ? _vt2 : defaultValue);
+			subscriber.next(vt ?? defaultValue);
 			return disposable.dispose;
 		})),
 		hidden$: (0, rxjs.combineLatest)([(0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET), accessor.get(_univerjs_core.IContextService).subscribeContextValue$(_univerjs_core.FOCUSING_COMMON_DRAWINGS).pipe((0, rxjs.startWith)(false))]).pipe((0, rxjs.map)(([hidden, focusingDrawing]) => hidden || focusingDrawing)),
@@ -18371,12 +18327,12 @@ const TEXT_WRAP_CHILDREN = [
 	}
 ];
 function WrapTextMenuItemFactory(accessor) {
-	var _defaultStyle$tb, _TEXT_WRAP_CHILDREN$f;
+	var _TEXT_WRAP_CHILDREN$f;
 	const selectionManagerService = accessor.get(_univerjs_sheets.SheetsSelectionsService);
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const defaultStyle = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getDefaultCellStyleInternal();
-	const defaultValue = (_defaultStyle$tb = defaultStyle === null || defaultStyle === void 0 ? void 0 : defaultStyle.tb) !== null && _defaultStyle$tb !== void 0 ? _defaultStyle$tb : _univerjs_core.WrapStrategy.OVERFLOW;
+	const defaultValue = (defaultStyle === null || defaultStyle === void 0 ? void 0 : defaultStyle.tb) ?? _univerjs_core.WrapStrategy.OVERFLOW;
 	return {
 		id: _univerjs_sheets.SetTextWrapCommand.id,
 		tooltip: "sheets-ui.toolbar.textWrapMode.main",
@@ -18384,30 +18340,28 @@ function WrapTextMenuItemFactory(accessor) {
 		type: _univerjs_ui.MenuItemType.SELECTOR,
 		selections: TEXT_WRAP_CHILDREN,
 		value$: deriveStateFromActiveSheet$(univerInstanceService, defaultValue, ({ worksheet }) => new rxjs.Observable((subscriber) => {
-			var _selectionManagerServ15, _tb2;
+			var _selectionManagerServ15;
 			const disposable = accessor.get(_univerjs_core.ICommandService).onCommandExecuted((c) => {
-				var _selectionManagerServ14, _tb;
+				var _selectionManagerServ14;
 				const id = c.id;
 				if (id !== _univerjs_sheets.SetTextWrapCommand.id && id !== _univerjs_sheets.SetSelectionsOperation.id && id !== _univerjs_sheets.SetWorksheetActiveOperation.id) return;
 				const primary = (_selectionManagerServ14 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ14 === void 0 ? void 0 : _selectionManagerServ14.primary;
 				let tb;
 				if (primary != null) {
-					var _defaultCellStyle$tb;
 					const range = worksheet.getRange(primary.startRow, primary.startColumn);
 					const defaultCellStyle = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getComposedCellStyle(primary.startRow, primary.startColumn);
-					tb = (_defaultCellStyle$tb = defaultCellStyle === null || defaultCellStyle === void 0 ? void 0 : defaultCellStyle.tb) !== null && _defaultCellStyle$tb !== void 0 ? _defaultCellStyle$tb : range === null || range === void 0 ? void 0 : range.getWrapStrategy();
+					tb = (defaultCellStyle === null || defaultCellStyle === void 0 ? void 0 : defaultCellStyle.tb) ?? (range === null || range === void 0 ? void 0 : range.getWrapStrategy());
 				}
-				subscriber.next((_tb = tb) !== null && _tb !== void 0 ? _tb : defaultValue);
+				subscriber.next(tb ?? defaultValue);
 			});
 			const primary = (_selectionManagerServ15 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ15 === void 0 ? void 0 : _selectionManagerServ15.primary;
 			let tb;
 			if (primary != null) {
-				var _defaultCellStyle$tb2;
 				const range = worksheet.getRange(primary.startRow, primary.startColumn);
 				const defaultCellStyle = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet().getComposedCellStyle(primary.startRow, primary.startColumn);
-				tb = (_defaultCellStyle$tb2 = defaultCellStyle === null || defaultCellStyle === void 0 ? void 0 : defaultCellStyle.tb) !== null && _defaultCellStyle$tb2 !== void 0 ? _defaultCellStyle$tb2 : range === null || range === void 0 ? void 0 : range.getWrapStrategy();
+				tb = (defaultCellStyle === null || defaultCellStyle === void 0 ? void 0 : defaultCellStyle.tb) ?? (range === null || range === void 0 ? void 0 : range.getWrapStrategy());
 			}
-			subscriber.next((_tb2 = tb) !== null && _tb2 !== void 0 ? _tb2 : defaultValue);
+			subscriber.next(tb ?? defaultValue);
 			return disposable.dispose;
 		})),
 		hidden$: (0, rxjs.combineLatest)([(0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET), accessor.get(_univerjs_core.IContextService).subscribeContextValue$(_univerjs_core.FOCUSING_COMMON_DRAWINGS).pipe((0, rxjs.startWith)(false))]).pipe((0, rxjs.map)(([hidden, focusingDrawing]) => hidden || focusingDrawing)),
@@ -18507,10 +18461,7 @@ function TextRotateMenuItemFactory(accessor) {
 					tr = range === null || range === void 0 ? void 0 : range.getTextRotation();
 				}
 				if ((tr === null || tr === void 0 ? void 0 : tr.v) === _univerjs_core.BooleanNumber.TRUE) subscriber.next("v");
-				else {
-					var _ref;
-					subscriber.next((_ref = tr && tr.a) !== null && _ref !== void 0 ? _ref : defaultValue);
-				}
+				else subscriber.next((tr && tr.a) ?? defaultValue);
 			});
 			const primary = (_selectionManagerServ18 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ18 === void 0 ? void 0 : _selectionManagerServ18.primary;
 			let tr;
@@ -18519,10 +18470,7 @@ function TextRotateMenuItemFactory(accessor) {
 				tr = range === null || range === void 0 ? void 0 : range.getTextRotation();
 			}
 			if ((tr === null || tr === void 0 ? void 0 : tr.v) === _univerjs_core.BooleanNumber.TRUE) subscriber.next("v");
-			else {
-				var _ref2;
-				subscriber.next((_ref2 = tr && tr.a) !== null && _ref2 !== void 0 ? _ref2 : defaultValue);
-			}
+			else subscriber.next((tr && tr.a) ?? defaultValue);
 			return disposable.dispose;
 		})),
 		hidden$: (0, rxjs.combineLatest)([(0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET), accessor.get(_univerjs_core.IContextService).subscribeContextValue$(_univerjs_core.FOCUSING_COMMON_DRAWINGS).pipe((0, rxjs.startWith)(false))]).pipe((0, rxjs.map)(([hidden, focusingDrawing]) => hidden || focusingDrawing)),
@@ -19014,14 +18962,13 @@ function getPermissionDisableBase$(accessor) {
 	return (0, rxjs.combineLatest)([univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET), accessor.get(_univerjs_core.UserManagerService).currentUser$]).pipe((0, rxjs.switchMap)(([workbook, _]) => {
 		if (!workbook) return (0, rxjs.of)(true);
 		return workbook.activeSheet$.pipe((0, rxjs.switchMap)((worksheet) => {
-			var _permissionService$co;
 			if (!worksheet) return (0, rxjs.of)(true);
 			const unitId = workbook.getUnitId();
 			const selectionManagerService = accessor.get(_univerjs_sheets.SheetsSelectionsService);
 			const selectionProtectionRuleModel = accessor.get(_univerjs_sheets.RangeProtectionRuleModel);
 			const worksheetProtectionRuleModel = accessor.get(_univerjs_sheets.WorksheetProtectionRuleModel);
 			return (0, rxjs.combineLatest)([
-				(_permissionService$co = permissionService.composePermission$([new _univerjs_sheets.WorkbookEditablePermission(unitId).id]).pipe((0, rxjs.map)((permissions) => permissions.every((permission) => permission.value)))) !== null && _permissionService$co !== void 0 ? _permissionService$co : (0, rxjs.of)(false),
+				permissionService.composePermission$([new _univerjs_sheets.WorkbookEditablePermission(unitId).id]).pipe((0, rxjs.map)((permissions) => permissions.every((permission) => permission.value))) ?? (0, rxjs.of)(false),
 				(0, rxjs.merge)(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe((0, rxjs.startWith)(null)),
 				selectionManagerService.selectionMoveEnd$
 			]).pipe((0, rxjs.map)(([permission, _, __]) => {
@@ -19036,7 +18983,6 @@ function getPermissionDisableBase$(accessor) {
 	}));
 }
 function getAddPermissionDisableBase$(accessor) {
-	var _editorBridgeService$;
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const permissionService = accessor.get(_univerjs_core.IPermissionService);
 	const workbook$ = univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
@@ -19046,10 +18992,10 @@ function getAddPermissionDisableBase$(accessor) {
 		bufferSize: 1,
 		refCount: true
 	}));
-	const editorVisible$ = (_editorBridgeService$ = editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$.pipe((0, rxjs.startWith)(null), (0, rxjs.shareReplay)({
+	const editorVisible$ = (editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$.pipe((0, rxjs.startWith)(null), (0, rxjs.shareReplay)({
 		bufferSize: 1,
 		refCount: true
-	}))) !== null && _editorBridgeService$ !== void 0 ? _editorBridgeService$ : (0, rxjs.of)(null);
+	}))) ?? (0, rxjs.of)(null);
 	return (0, rxjs.combineLatest)([
 		workbook$,
 		userManagerService.currentUser$,
@@ -19058,7 +19004,6 @@ function getAddPermissionDisableBase$(accessor) {
 	]).pipe((0, rxjs.switchMap)(([workbook, _, visible, formulaEditorFocus]) => {
 		if (!workbook || (visible === null || visible === void 0 ? void 0 : visible.visible) && visible.unitId === workbook.getUnitId() || formulaEditorFocus) return (0, rxjs.of)(true);
 		return workbook.activeSheet$.pipe((0, rxjs.switchMap)((worksheet) => {
-			var _permissionService$co2;
 			if (!worksheet) return (0, rxjs.of)(true);
 			const focusingDrawing$ = accessor.get(_univerjs_core.IContextService).subscribeContextValue$(_univerjs_core.FOCUSING_COMMON_DRAWINGS).pipe((0, rxjs.startWith)(false));
 			const unitId = workbook.getUnitId();
@@ -19067,7 +19012,7 @@ function getAddPermissionDisableBase$(accessor) {
 			const worksheetProtectionRuleModel = accessor.get(_univerjs_sheets.WorksheetProtectionRuleModel);
 			const selectionManagerService = accessor.get(_univerjs_sheets.SheetsSelectionsService);
 			return (0, rxjs.combineLatest)([
-				(_permissionService$co2 = permissionService.composePermission$([new _univerjs_sheets.WorkbookCreateProtectPermission(unitId).id]).pipe((0, rxjs.map)((permissions) => permissions.every((permission) => permission.value)))) !== null && _permissionService$co2 !== void 0 ? _permissionService$co2 : (0, rxjs.of)(false),
+				permissionService.composePermission$([new _univerjs_sheets.WorkbookCreateProtectPermission(unitId).id]).pipe((0, rxjs.map)((permissions) => permissions.every((permission) => permission.value))) ?? (0, rxjs.of)(false),
 				(0, rxjs.merge)(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe((0, rxjs.startWith)(null)),
 				selectionManagerService.selectionMoveEnd$,
 				focusingDrawing$
@@ -19096,13 +19041,12 @@ function getAddPermissionFromSheetBarDisable$(accessor) {
 	return (0, rxjs.combineLatest)([univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET), accessor.get(_univerjs_core.UserManagerService).currentUser$]).pipe((0, rxjs.switchMap)(([workbook, _]) => {
 		if (!workbook) return (0, rxjs.of)(true);
 		return workbook.activeSheet$.pipe((0, rxjs.switchMap)((worksheet) => {
-			var _permissionService$co3;
 			if (!worksheet) return (0, rxjs.of)(true);
 			const unitId = workbook.getUnitId();
 			const subUnitId = worksheet.getSheetId();
 			const selectionProtectionRuleModel = accessor.get(_univerjs_sheets.RangeProtectionRuleModel);
 			const worksheetProtectionRuleModel = accessor.get(_univerjs_sheets.WorksheetProtectionRuleModel);
-			return (0, rxjs.combineLatest)([(_permissionService$co3 = permissionService.composePermission$([new _univerjs_sheets.WorkbookCreateProtectPermission(unitId).id]).pipe((0, rxjs.map)((permissions) => permissions.every((permission) => permission.value)))) !== null && _permissionService$co3 !== void 0 ? _permissionService$co3 : (0, rxjs.of)(false), (0, rxjs.merge)(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe((0, rxjs.startWith)(null))]).pipe((0, rxjs.map)(([permission, _]) => {
+			return (0, rxjs.combineLatest)([permissionService.composePermission$([new _univerjs_sheets.WorkbookCreateProtectPermission(unitId).id]).pipe((0, rxjs.map)((permissions) => permissions.every((permission) => permission.value))) ?? (0, rxjs.of)(false), (0, rxjs.merge)(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe((0, rxjs.startWith)(null))]).pipe((0, rxjs.map)(([permission, _]) => {
 				var _selectionProtectionR;
 				if (!permission) return true;
 				const worksheetRule = worksheetProtectionRuleModel.getRule(unitId, subUnitId);
@@ -19118,12 +19062,12 @@ function getRemovePermissionFromSheetBarDisable$(accessor) {
 	return (0, rxjs.combineLatest)([univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET), accessor.get(_univerjs_core.UserManagerService).currentUser$]).pipe((0, rxjs.switchMap)(([workbook, _]) => {
 		if (!workbook) return (0, rxjs.of)(true);
 		return workbook.activeSheet$.pipe((0, rxjs.switchMap)((worksheet) => {
-			var _permissionService$ge2, _permissionService$ge3;
+			var _permissionService$ge2;
 			if (!worksheet) return (0, rxjs.of)(true);
 			const unitId = workbook.getUnitId();
 			const subUnitId = worksheet.getSheetId();
 			const worksheetProtectionRuleModel = accessor.get(_univerjs_sheets.WorksheetProtectionRuleModel);
-			return (0, rxjs.combineLatest)([(_permissionService$ge2 = (_permissionService$ge3 = permissionService.getPermissionPoint$(new _univerjs_sheets.WorksheetDeleteProtectionPermission(unitId, subUnitId).id)) === null || _permissionService$ge3 === void 0 ? void 0 : _permissionService$ge3.pipe((0, rxjs.map)((e) => !!e.value))) !== null && _permissionService$ge2 !== void 0 ? _permissionService$ge2 : (0, rxjs.of)(false), worksheetProtectionRuleModel.ruleChange$.pipe((0, rxjs.startWith)(null))]).pipe((0, rxjs.map)(([permission, _]) => {
+			return (0, rxjs.combineLatest)([((_permissionService$ge2 = permissionService.getPermissionPoint$(new _univerjs_sheets.WorksheetDeleteProtectionPermission(unitId, subUnitId).id)) === null || _permissionService$ge2 === void 0 ? void 0 : _permissionService$ge2.pipe((0, rxjs.map)((e) => !!e.value))) ?? (0, rxjs.of)(false), worksheetProtectionRuleModel.ruleChange$.pipe((0, rxjs.startWith)(null))]).pipe((0, rxjs.map)(([permission, _]) => {
 				const worksheetRule = worksheetProtectionRuleModel.getRule(unitId, subUnitId);
 				if (worksheetRule === null || worksheetRule === void 0 ? void 0 : worksheetRule.permissionId) return !permission;
 				return true;
@@ -19137,13 +19081,12 @@ function getSetPermissionFromSheetBarDisable$(accessor) {
 	return (0, rxjs.combineLatest)([univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET), accessor.get(_univerjs_core.UserManagerService).currentUser$]).pipe((0, rxjs.switchMap)(([workbook, _]) => {
 		if (!workbook) return (0, rxjs.of)(true);
 		return workbook.activeSheet$.pipe((0, rxjs.switchMap)((worksheet) => {
-			var _permissionService$co4;
 			if (!worksheet) return (0, rxjs.of)(true);
 			const unitId = workbook.getUnitId();
 			const subUnitId = worksheet.getSheetId();
 			const selectionProtectionRuleModel = accessor.get(_univerjs_sheets.RangeProtectionRuleModel);
 			const worksheetProtectionRuleModel = accessor.get(_univerjs_sheets.WorksheetProtectionRuleModel);
-			return (0, rxjs.combineLatest)([(_permissionService$co4 = permissionService.composePermission$([new _univerjs_sheets.WorkbookCreateProtectPermission(unitId).id, new _univerjs_sheets.WorkbookManageCollaboratorPermission(unitId).id]).pipe((0, rxjs.map)((permissions) => permissions.every((permission) => permission.value)))) !== null && _permissionService$co4 !== void 0 ? _permissionService$co4 : (0, rxjs.of)(false), (0, rxjs.merge)(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe((0, rxjs.startWith)(null))]).pipe((0, rxjs.map)(([permission, _]) => {
+			return (0, rxjs.combineLatest)([permissionService.composePermission$([new _univerjs_sheets.WorkbookCreateProtectPermission(unitId).id, new _univerjs_sheets.WorkbookManageCollaboratorPermission(unitId).id]).pipe((0, rxjs.map)((permissions) => permissions.every((permission) => permission.value))) ?? (0, rxjs.of)(false), (0, rxjs.merge)(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe((0, rxjs.startWith)(null))]).pipe((0, rxjs.map)(([permission, _]) => {
 				var _selectionProtectionR2;
 				if (!permission) return true;
 				const worksheetRule = worksheetProtectionRuleModel.getRule(unitId, subUnitId);
@@ -19173,8 +19116,8 @@ function getRemovePermissionDisable$(accessor) {
 				if ((selectionRange === null || selectionRange === void 0 ? void 0 : selectionRange.rangeType) === _univerjs_core.RANGE_TYPE.ALL || (selectionRange === null || selectionRange === void 0 ? void 0 : selectionRange.rangeType) === _univerjs_core.RANGE_TYPE.COLUMN || (selectionRange === null || selectionRange === void 0 ? void 0 : selectionRange.rangeType) === _univerjs_core.RANGE_TYPE.ROW) return true;
 				const worksheetRule = worksheetProtectionRuleModel.getRule(unitId, subUnitId);
 				if (worksheetRule === null || worksheetRule === void 0 ? void 0 : worksheetRule.permissionId) {
-					var _permissionService$ge4;
-					return ((_permissionService$ge4 = permissionService.getPermissionPoint(new _univerjs_sheets.WorksheetDeleteProtectionPermission(unitId, subUnitId).id)) === null || _permissionService$ge4 === void 0 ? void 0 : _permissionService$ge4.value) === false;
+					var _permissionService$ge3;
+					return ((_permissionService$ge3 = permissionService.getPermissionPoint(new _univerjs_sheets.WorksheetDeleteProtectionPermission(unitId, subUnitId).id)) === null || _permissionService$ge3 === void 0 ? void 0 : _permissionService$ge3.value) === false;
 				}
 				if (selectionProtectionRuleModel.getSubunitRuleList(unitId, subUnitId).filter((rule) => {
 					return rule.ranges.some((range) => {
@@ -19193,14 +19136,13 @@ function getRemovePermissionDisable$(accessor) {
 	}));
 }
 function getViewPermissionDisable$(accessor) {
-	var _editorBridgeService$2;
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const permissionService = accessor.get(_univerjs_core.IPermissionService);
 	const workbook$ = univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const userManagerService = accessor.get(_univerjs_core.UserManagerService);
 	const editorBridgeService = accessor.has(IEditorBridgeService) ? accessor.get(IEditorBridgeService) : null;
 	const formulaEditorFocus$ = accessor.get(_univerjs_core.IContextService).subscribeContextValue$(_univerjs_core.FOCUSING_FX_BAR_EDITOR);
-	const editorVisible$ = (_editorBridgeService$2 = editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$) !== null && _editorBridgeService$2 !== void 0 ? _editorBridgeService$2 : (0, rxjs.of)(null);
+	const editorVisible$ = (editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$) ?? (0, rxjs.of)(null);
 	return (0, rxjs.combineLatest)([
 		workbook$,
 		userManagerService.currentUser$,
@@ -19209,10 +19151,10 @@ function getViewPermissionDisable$(accessor) {
 	]).pipe((0, rxjs.switchMap)(([workbook, _, visible, formulaEditorFocus]) => {
 		if (!workbook || (visible === null || visible === void 0 ? void 0 : visible.visible) && visible.unitId === workbook.getUnitId() || formulaEditorFocus) return (0, rxjs.of)(true);
 		return workbook.activeSheet$.pipe((0, rxjs.switchMap)((worksheet) => {
-			var _permissionService$ge5, _permissionService$ge6;
+			var _permissionService$ge4;
 			if (!worksheet) return (0, rxjs.of)(true);
 			const unitId = workbook.getUnitId();
-			return ((_permissionService$ge5 = (_permissionService$ge6 = permissionService.getPermissionPoint$(new _univerjs_sheets.WorkbookEditablePermission(unitId).id)) === null || _permissionService$ge6 === void 0 ? void 0 : _permissionService$ge6.pipe((0, rxjs.map)((e) => !!e.value))) !== null && _permissionService$ge5 !== void 0 ? _permissionService$ge5 : (0, rxjs.of)(false)).pipe((0, rxjs.map)((permission) => !permission));
+			return (((_permissionService$ge4 = permissionService.getPermissionPoint$(new _univerjs_sheets.WorkbookEditablePermission(unitId).id)) === null || _permissionService$ge4 === void 0 ? void 0 : _permissionService$ge4.pipe((0, rxjs.map)((e) => !!e.value))) ?? (0, rxjs.of)(false)).pipe((0, rxjs.map)((permission) => !permission));
 		}));
 	}));
 }
@@ -20388,8 +20330,7 @@ function focusSheetCellEditorElement(ownerDocument = document) {
 	return ownerDocument.activeElement === element;
 }
 function registerSheetCellEditorRuntimePortal(options) {
-	var _options$ownerDocumen;
-	const ownerDocument = (_options$ownerDocumen = options.ownerDocument) !== null && _options$ownerDocumen !== void 0 ? _options$ownerDocumen : typeof document === "undefined" ? void 0 : document;
+	const ownerDocument = options.ownerDocument ?? (typeof document === "undefined" ? void 0 : document);
 	if (!ownerDocument) return (0, _univerjs_core.toDisposable)(() => {});
 	const collection = new _univerjs_core.DisposableCollection();
 	const view = ownerDocument.defaultView;
@@ -20459,8 +20400,7 @@ function registerSheetCellEditorRuntimePortal(options) {
 	return collection;
 }
 function resolveSheetCellEditorPortalRoot(ownerDocument = document) {
-	var _ref;
-	return (_ref = ownerDocument.getElementById(SHEET_CELL_EDITOR_SELECTION_CONTAINER_ID)) !== null && _ref !== void 0 ? _ref : ownerDocument.getElementById(SHEET_CELL_EDITOR_ELEMENT_ID);
+	return ownerDocument.getElementById(SHEET_CELL_EDITOR_SELECTION_CONTAINER_ID) ?? ownerDocument.getElementById(SHEET_CELL_EDITOR_ELEMENT_ID);
 }
 
 //#endregion
@@ -20549,27 +20489,27 @@ function isEmbedRuntimeInteractiveElement(element) {
 	return role === "child-editor" || role === "child-popup" || role === "floating-menu";
 }
 function shouldPreserveEmbedPopupFocus(embedId, ownerDocument) {
-	var _activeElement$getAtt, _activeElement$closes;
+	var _activeElement$closes;
 	if (!embedId) return false;
 	const activeElement = ownerDocument.activeElement;
 	if (!(activeElement instanceof HTMLElement)) return false;
 	if (!activeElement.closest(`[${"data-embed-interaction-boundary-owner"}="${embedId}"]`)) return false;
-	const role = (_activeElement$getAtt = activeElement.getAttribute("data-embed-runtime-focus-role")) !== null && _activeElement$getAtt !== void 0 ? _activeElement$getAtt : (_activeElement$closes = activeElement.closest(`[${"data-embed-runtime-focus-role"}]`)) === null || _activeElement$closes === void 0 ? void 0 : _activeElement$closes.getAttribute(SHEET_EMBED_RUNTIME_FOCUS_ROLE_ATTRIBUTE);
+	const role = activeElement.getAttribute("data-embed-runtime-focus-role") ?? ((_activeElement$closes = activeElement.closest(`[${"data-embed-runtime-focus-role"}]`)) === null || _activeElement$closes === void 0 ? void 0 : _activeElement$closes.getAttribute("data-embed-runtime-focus-role"));
 	return role === "child-popup" || role === "floating-menu";
 }
 function shouldPreserveEmbedInteractiveFocus(embedId, ownerDocument) {
-	var _activeElement$getAtt2, _activeElement$closes2;
+	var _activeElement$closes2;
 	if (!embedId) return false;
 	const activeElement = ownerDocument.activeElement;
 	if (!(activeElement instanceof HTMLElement)) return false;
 	if (!activeElement.closest(`[${"data-embed-interaction-boundary-owner"}="${embedId}"]`)) return false;
-	const role = (_activeElement$getAtt2 = activeElement.getAttribute("data-embed-runtime-focus-role")) !== null && _activeElement$getAtt2 !== void 0 ? _activeElement$getAtt2 : (_activeElement$closes2 = activeElement.closest(`[${"data-embed-runtime-focus-role"}]`)) === null || _activeElement$closes2 === void 0 ? void 0 : _activeElement$closes2.getAttribute(SHEET_EMBED_RUNTIME_FOCUS_ROLE_ATTRIBUTE);
+	const role = activeElement.getAttribute("data-embed-runtime-focus-role") ?? ((_activeElement$closes2 = activeElement.closest(`[${"data-embed-runtime-focus-role"}]`)) === null || _activeElement$closes2 === void 0 ? void 0 : _activeElement$closes2.getAttribute("data-embed-runtime-focus-role"));
 	return role == null && activeElement.tagName !== "CANVAS" || role === "child-editor" || role === "child-popup" || role === "floating-menu";
 }
 function isEmbedRuntimeEditorOrPopup(target) {
-	var _target$getAttribute, _target$closest;
+	var _target$closest;
 	if (!(target instanceof HTMLElement)) return false;
-	const role = (_target$getAttribute = target.getAttribute("data-embed-runtime-focus-role")) !== null && _target$getAttribute !== void 0 ? _target$getAttribute : (_target$closest = target.closest(`[${"data-embed-runtime-focus-role"}]`)) === null || _target$closest === void 0 ? void 0 : _target$closest.getAttribute(SHEET_EMBED_RUNTIME_FOCUS_ROLE_ATTRIBUTE);
+	const role = target.getAttribute("data-embed-runtime-focus-role") ?? ((_target$closest = target.closest(`[${"data-embed-runtime-focus-role"}]`)) === null || _target$closest === void 0 ? void 0 : _target$closest.getAttribute("data-embed-runtime-focus-role"));
 	return role === "child-editor" || role === "child-popup" || role === "floating-menu";
 }
 /**
@@ -20587,6 +20527,7 @@ function EditorContainer() {
 	const componentManager = (0, _univerjs_ui.useDependency)(_univerjs_ui.ComponentManager);
 	const editorBridgeService = (0, _univerjs_ui.useDependency)(IEditorBridgeService);
 	const cellEditorResizeService = (0, _univerjs_ui.useDependency)(SheetCellEditorResizeService);
+	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
 	const rootRef = (0, react.useRef)(null);
 	const pointerRefocusTimerRef = (0, react.useRef)(void 0);
 	const visible = (0, _univerjs_ui.useObservable)(editorBridgeService.visible$);
@@ -20595,6 +20536,9 @@ function EditorContainer() {
 	const FormulaEditor = componentManager.get(EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY);
 	const editState = (0, _univerjs_ui.useObservable)(editorBridgeService.currentEditCellState$);
 	const darkMode = (0, _univerjs_ui.useObservable)(themeService.darkMode$, themeService.darkMode);
+	const [showEditCellAddress, setShowEditCellAddress] = (0, react.useState)(false);
+	const editCellAddress = editState ? `${(0, _univerjs_core.numberToABC)(editState.column)}${editState.row + 1}` : null;
+	const editorBorderColor = genNormalSelectionStyle(themeService).stroke;
 	const focusCoordinator = injector.has(ISheetEmbedRuntimeFocusCoordinator) ? injector.get(ISheetEmbedRuntimeFocusCoordinator) : void 0;
 	const resolveRuntimeFocusState = () => {
 		var _instanceService$getF;
@@ -20611,6 +20555,24 @@ function EditorContainer() {
 		instanceService,
 		visible === null || visible === void 0 ? void 0 : visible.unitId
 	]);
+	(0, react.useEffect)(() => {
+		var _renderManagerService;
+		setShowEditCellAddress(false);
+		if (!(visible === null || visible === void 0 ? void 0 : visible.visible) || !(editState === null || editState === void 0 ? void 0 : editState.unitId)) return;
+		const scrollManagerService = (_renderManagerService = renderManagerService.getRenderUnitById(editState.unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(SheetScrollManagerService);
+		if (!scrollManagerService) return;
+		const subscription = scrollManagerService.validViewportScrollInfo$.pipe((0, rxjs.skip)(1)).subscribe((scrollInfo) => {
+			if (scrollInfo) setShowEditCellAddress(true);
+		});
+		return () => subscription.unsubscribe();
+	}, [
+		editState === null || editState === void 0 ? void 0 : editState.column,
+		editState === null || editState === void 0 ? void 0 : editState.row,
+		editState === null || editState === void 0 ? void 0 : editState.sheetId,
+		editState === null || editState === void 0 ? void 0 : editState.unitId,
+		renderManagerService,
+		visible === null || visible === void 0 ? void 0 : visible.visible
+	]);
 	(0, react.useEffect)(() => {
 		const subscription = cellEditorManagerService.state$.subscribe((param) => {
 			if (param == null) return;
@@ -20647,18 +20609,17 @@ function EditorContainer() {
 		if (!disableAutoFocus) cellEditorManagerService.setFocus(true);
 	}, [disableAutoFocus, state]);
 	(0, react.useEffect)(() => {
-		var _rootRef$current$owne, _rootRef$current, _ownerDocument$defaul;
+		var _rootRef$current;
 		if (!(visible === null || visible === void 0 ? void 0 : visible.visible)) return;
 		cellEditorResizeService.fitTextSize();
 		if (contextService.getContextValue(_univerjs_core.FOCUSING_FX_BAR_EDITOR)) return;
-		const ownerDocument = (_rootRef$current$owne = (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.ownerDocument) !== null && _rootRef$current$owne !== void 0 ? _rootRef$current$owne : document;
-		const ownerWindow = (_ownerDocument$defaul = ownerDocument.defaultView) !== null && _ownerDocument$defaul !== void 0 ? _ownerDocument$defaul : window;
+		const ownerDocument = ((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.ownerDocument) ?? document;
+		const ownerWindow = ownerDocument.defaultView ?? window;
 		let focusRetryFrame = 0;
 		let finalFocusRetryFrame = 0;
 		let delayedFocusTimer;
 		const focusCellEditorElement = () => {
-			var _resolveSheetEmbedRun;
-			const scope = rootRef.current ? (_resolveSheetEmbedRun = resolveSheetEmbedRuntimeDomScope(rootRef.current)) !== null && _resolveSheetEmbedRun !== void 0 ? _resolveSheetEmbedRun : resolveActiveSheetEmbedRuntimeDomScope(ownerDocument) : resolveActiveSheetEmbedRuntimeDomScope(ownerDocument);
+			const scope = rootRef.current ? resolveSheetEmbedRuntimeDomScope(rootRef.current) ?? resolveActiveSheetEmbedRuntimeDomScope(ownerDocument) : resolveActiveSheetEmbedRuntimeDomScope(ownerDocument);
 			if (shouldPreserveEmbedInteractiveFocus(scope === null || scope === void 0 ? void 0 : scope.embedId, ownerDocument)) return;
 			focusSheetCellEditorElement(ownerDocument);
 			if (delayedFocusTimer != null) ownerWindow.clearTimeout(delayedFocusTimer);
@@ -20669,9 +20630,8 @@ function EditorContainer() {
 			}, 0);
 		};
 		const focusEditor = () => {
-			var _resolveSheetEmbedRun2;
 			if (contextService.getContextValue(_univerjs_core.FOCUSING_FX_BAR_EDITOR)) return;
-			const scope = rootRef.current ? (_resolveSheetEmbedRun2 = resolveSheetEmbedRuntimeDomScope(rootRef.current)) !== null && _resolveSheetEmbedRun2 !== void 0 ? _resolveSheetEmbedRun2 : resolveActiveSheetEmbedRuntimeDomScope(ownerDocument) : resolveActiveSheetEmbedRuntimeDomScope(ownerDocument);
+			const scope = rootRef.current ? resolveSheetEmbedRuntimeDomScope(rootRef.current) ?? resolveActiveSheetEmbedRuntimeDomScope(ownerDocument) : resolveActiveSheetEmbedRuntimeDomScope(ownerDocument);
 			if (shouldPreserveEmbedPopupFocus(scope === null || scope === void 0 ? void 0 : scope.embedId, ownerDocument)) return;
 			const editor = editorService.getEditor(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 			const docSelectionRenderService = editor === null || editor === void 0 ? void 0 : editor.render.with(_univerjs_docs_ui.DocSelectionRenderService);
@@ -20694,7 +20654,6 @@ function EditorContainer() {
 		visible === null || visible === void 0 ? void 0 : visible.visible
 	]);
 	(0, react.useEffect)(() => {
-		var _ref;
 		if (!(visible === null || visible === void 0 ? void 0 : visible.visible) || !rootRef.current || !focusCoordinator) return;
 		const rootRuntimeScope = resolveSheetEmbedRuntimeDomScope(rootRef.current);
 		const unitRuntimeScope = [
@@ -20704,9 +20663,9 @@ function EditorContainer() {
 		].find((resolvedScope) => resolvedScope != null);
 		if (rootRuntimeScope && unitRuntimeScope && rootRuntimeScope.embedId !== unitRuntimeScope.embedId) return;
 		const activeSessionScope = runtimeFocusState.activeSessionScope;
-		const explicitRuntimeScope = unitRuntimeScope !== null && unitRuntimeScope !== void 0 ? unitRuntimeScope : rootRuntimeScope;
+		const explicitRuntimeScope = unitRuntimeScope ?? rootRuntimeScope;
 		if (activeSessionScope && rootRuntimeScope && !unitRuntimeScope && rootRuntimeScope.embedId !== activeSessionScope.embedId) return;
-		const scope = (_ref = explicitRuntimeScope !== null && explicitRuntimeScope !== void 0 ? explicitRuntimeScope : activeSessionScope) !== null && _ref !== void 0 ? _ref : resolveActiveSheetEmbedRuntimeDomScope(rootRef.current.ownerDocument);
+		const scope = explicitRuntimeScope ?? activeSessionScope ?? resolveActiveSheetEmbedRuntimeDomScope(rootRef.current.ownerDocument);
 		if (!scope) return;
 		const collection = new _univerjs_core.DisposableCollection();
 		const interactionBoundaryService = injector.has(ISheetEmbedInteractionBoundaryService) ? injector.get(ISheetEmbedInteractionBoundaryService) : void 0;
@@ -20766,12 +20725,12 @@ function EditorContainer() {
 		visible === null || visible === void 0 ? void 0 : visible.visible
 	]);
 	(0, react.useEffect)(() => {
-		var _rootRef$current$owne2, _rootRef$current2, _ownerDocument$defaul2;
+		var _rootRef$current2;
 		if ((visible === null || visible === void 0 ? void 0 : visible.visible) || !focusCoordinator) return;
 		const activeSessionScope = runtimeFocusState.activeSessionScope;
 		const childUnitId = activeSessionScope === null || activeSessionScope === void 0 ? void 0 : activeSessionScope.childUnitId;
 		if (!activeSessionScope || activeSessionScope.childType !== _univerjs_core.UniverInstanceType.UNIVER_SHEET || !childUnitId || !instanceService.getUnit(childUnitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) return;
-		const ownerDocument = (_rootRef$current$owne2 = (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.ownerDocument) !== null && _rootRef$current$owne2 !== void 0 ? _rootRef$current$owne2 : document;
+		const ownerDocument = ((_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.ownerDocument) ?? document;
 		const interactionBoundaryService = injector.has(ISheetEmbedInteractionBoundaryService) ? injector.get(ISheetEmbedInteractionBoundaryService) : void 0;
 		const portalRegistration = registerSheetCellEditorRuntimePortal({
 			embedId: activeSessionScope.embedId,
@@ -20779,7 +20738,7 @@ function EditorContainer() {
 			interactionBoundaryService,
 			focusCoordinator
 		});
-		const ownerWindow = (_ownerDocument$defaul2 = ownerDocument.defaultView) !== null && _ownerDocument$defaul2 !== void 0 ? _ownerDocument$defaul2 : window;
+		const ownerWindow = ownerDocument.defaultView ?? window;
 		let delayedFocusTimer;
 		const focusCellEditorElement = () => {
 			if (shouldPreserveEmbedInteractiveFocus(activeSessionScope.embedId, ownerDocument)) return;
@@ -20840,10 +20799,10 @@ function EditorContainer() {
 		};
 	}, []);
 	const refocusEditorAfterPointerDown = (0, _univerjs_ui.useEvent)((event) => {
-		var _rootRef$current$owne3, _rootRef$current4, _ownerDocument$defaul3;
+		var _rootRef$current4;
 		if (!(visible === null || visible === void 0 ? void 0 : visible.visible)) return;
-		const ownerDocument = (_rootRef$current$owne3 = (_rootRef$current4 = rootRef.current) === null || _rootRef$current4 === void 0 ? void 0 : _rootRef$current4.ownerDocument) !== null && _rootRef$current$owne3 !== void 0 ? _rootRef$current$owne3 : document;
-		const ownerWindow = (_ownerDocument$defaul3 = ownerDocument.defaultView) !== null && _ownerDocument$defaul3 !== void 0 ? _ownerDocument$defaul3 : window;
+		const ownerDocument = ((_rootRef$current4 = rootRef.current) === null || _rootRef$current4 === void 0 ? void 0 : _rootRef$current4.ownerDocument) ?? document;
+		const ownerWindow = ownerDocument.defaultView ?? window;
 		const editor = editorService.getEditor(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		const docSelectionRenderService = editor === null || editor === void 0 ? void 0 : editor.render.with(_univerjs_docs_ui.DocSelectionRenderService);
 		const pointerTarget = event.target;
@@ -20878,7 +20837,7 @@ function EditorContainer() {
 			unitId: editState === null || editState === void 0 ? void 0 : editState.unitId
 		});
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref: rootRef,
 		"data-u-comp": "editor",
 		className: "univer-absolute univer-z-10 univer-flex",
@@ -20893,7 +20852,16 @@ function EditorContainer() {
 				getColorFromTheme: themeService.getColorFromTheme.bind(themeService)
 			})
 		},
-		children: FormulaEditor && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormulaEditor, {
+		children: [(visible === null || visible === void 0 ? void 0 : visible.visible) && showEditCellAddress && editCellAddress && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-u-comp": "sheet-cell-editor-address",
+			className: "univer-pointer-events-none univer-absolute univer-left-0 univer-top-0 univer-z-10 univer-whitespace-nowrap univer-rounded-t univer-px-1.5 univer-text-xs univer-leading-5",
+			style: {
+				backgroundColor: editorBorderColor,
+				color: themeService.getColorFromTheme("white"),
+				transform: "translateY(-100%)"
+			},
+			children: editCellAddress
+		}), FormulaEditor && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormulaEditor, {
 			editorId: _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
 			className: "univer-relative univer-flex univer-size-full [&_canvas]:univer-absolute",
 			initValue: "",
@@ -20913,7 +20881,7 @@ function EditorContainer() {
 			},
 			disableContextMenu: false,
 			canvasStyle: { backgroundColor: "transparent" }
-		})
+		})]
 	});
 }
 
@@ -21257,7 +21225,7 @@ function DefinedName({ disable }) {
 //#endregion
 //#region src/views/formula-bar/FormulaBar.tsx
 function FormulaBar(props) {
-	var _workbookEditablePerm, _editState$documentLa, _editState$documentLa2;
+	var _editState$documentLa;
 	const { className, disableDefinedName } = props;
 	const editorBridgeService = (0, _univerjs_ui.useDependency)(IEditorBridgeService);
 	const iconActivated = (0, _univerjs_ui.useObservable)(() => editorBridgeService.visible$.pipe((0, rxjs.map)((visibleInfo) => visibleInfo.visible)), false, false, [editorBridgeService]);
@@ -21308,21 +21276,20 @@ function FormulaBar(props) {
 			}));
 		}), (0, rxjs.map)((cellInfo) => {
 			if (cellInfo) {
-				var _cellInfoWithPermissi, _cellInfoWithPermissi2;
 				const { unitId, subUnitId, primary } = cellInfo;
 				if (worksheetProtectionRuleModel.getRule(unitId, subUnitId)) {
-					var _permissionService$ge, _permissionService$ge2, _permissionService$ge3, _permissionService$ge4;
-					const editDisable = !((_permissionService$ge = (_permissionService$ge2 = permissionService.getPermissionPoint(new _univerjs_sheets.WorksheetEditPermission(unitId, subUnitId).id)) === null || _permissionService$ge2 === void 0 ? void 0 : _permissionService$ge2.value) !== null && _permissionService$ge !== void 0 ? _permissionService$ge : true);
+					var _permissionService$ge, _permissionService$ge2;
+					const editDisable = !(((_permissionService$ge = permissionService.getPermissionPoint(new _univerjs_sheets.WorksheetEditPermission(unitId, subUnitId).id)) === null || _permissionService$ge === void 0 ? void 0 : _permissionService$ge.value) ?? true);
 					return {
-						viewDisable: !((_permissionService$ge3 = (_permissionService$ge4 = permissionService.getPermissionPoint(new _univerjs_sheets.WorksheetViewPermission(unitId, subUnitId).id)) === null || _permissionService$ge4 === void 0 ? void 0 : _permissionService$ge4.value) !== null && _permissionService$ge3 !== void 0 ? _permissionService$ge3 : true),
+						viewDisable: !(((_permissionService$ge2 = permissionService.getPermissionPoint(new _univerjs_sheets.WorksheetViewPermission(unitId, subUnitId).id)) === null || _permissionService$ge2 === void 0 ? void 0 : _permissionService$ge2.value) ?? true),
 						editDisable
 					};
 				}
 				const { actualRow, actualColumn } = primary;
 				const cellInfoWithPermission = rangeProtectionCache.getCellInfo(unitId, subUnitId, actualRow, actualColumn);
 				return {
-					editDisable: !((_cellInfoWithPermissi = cellInfoWithPermission === null || cellInfoWithPermission === void 0 ? void 0 : cellInfoWithPermission[_univerjs_protocol.UnitAction.Edit]) !== null && _cellInfoWithPermissi !== void 0 ? _cellInfoWithPermissi : true),
-					viewDisable: !((_cellInfoWithPermissi2 = cellInfoWithPermission === null || cellInfoWithPermission === void 0 ? void 0 : cellInfoWithPermission[_univerjs_protocol.UnitAction.View]) !== null && _cellInfoWithPermissi2 !== void 0 ? _cellInfoWithPermissi2 : true)
+					editDisable: !((cellInfoWithPermission === null || cellInfoWithPermission === void 0 ? void 0 : cellInfoWithPermission[_univerjs_protocol.UnitAction.Edit]) ?? true),
+					viewDisable: !((cellInfoWithPermission === null || cellInfoWithPermission === void 0 ? void 0 : cellInfoWithPermission[_univerjs_protocol.UnitAction.View]) ?? true)
 				};
 			}
 			return {
@@ -21380,7 +21347,7 @@ function FormulaBar(props) {
 	}
 	const { viewDisable, editDisable: permissionEditDisable } = disableInfo;
 	const editDisable = permissionEditDisable || !!disableEdit;
-	const workbookEditDisable = !((_workbookEditablePerm = workbookEditablePermission === null || workbookEditablePermission === void 0 ? void 0 : workbookEditablePermission.value) !== null && _workbookEditablePerm !== void 0 ? _workbookEditablePerm : true);
+	const workbookEditDisable = !((workbookEditablePermission === null || workbookEditablePermission === void 0 ? void 0 : workbookEditablePermission.value) ?? true);
 	const editorActivationDisable = editDisable || workbookEditDisable;
 	const disabled = editDisable || imageDisable;
 	const shouldSkipFocus = (0, react.useRef)(false);
@@ -21413,7 +21380,7 @@ function FormulaBar(props) {
 		}, 30);
 		shouldSkipFocus.current = false;
 	};
-	const hideEditor = ((_editState$documentLa = editState === null || editState === void 0 || (_editState$documentLa2 = editState.documentLayoutObject.documentModel) === null || _editState$documentLa2 === void 0 || (_editState$documentLa2 = _editState$documentLa2.getDrawingsOrder()) === null || _editState$documentLa2 === void 0 ? void 0 : _editState$documentLa2.length) !== null && _editState$documentLa !== void 0 ? _editState$documentLa : 0) > 0 || viewDisable;
+	const hideEditor = (0, _univerjs_sheets.isCellImage)(editState === null || editState === void 0 || (_editState$documentLa = editState.documentLayoutObject.documentModel) === null || _editState$documentLa === void 0 ? void 0 : _editState$documentLa.getSnapshot()) || viewDisable;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-u-comp": "formula-bar",
 		className: (0, _univerjs_design.clsx)("univer-box-border univer-flex univer-bg-white univer-transition-[height] univer-ease-linear dark:!univer-bg-gray-800", _univerjs_design.borderBottomClassName, className, {
@@ -21424,7 +21391,7 @@ function FormulaBar(props) {
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-relative univer-box-border univer-h-full univer-w-[100px]",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefinedName, { disable: disableDefinedName !== null && disableDefinedName !== void 0 ? disableDefinedName : editDisable })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefinedName, { disable: disableDefinedName ?? editDisable })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "univer-flex univer-size-full",
@@ -21630,7 +21597,7 @@ function SheetBarItem(props) {
 		"data-id": sheetId,
 		role: "tab",
 		"aria-selected": currentSelected,
-		tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : currentSelected ? 0 : -1,
+		tabIndex: tabIndex ?? (currentSelected ? 0 : -1),
 		onKeyDown,
 		onClick,
 		className: (0, _univerjs_design.clsx)("univer-mx-1 univer-box-border univer-flex univer-flex-grow univer-cursor-pointer univer-select-none univer-flex-row univer-items-center univer-rounded univer-text-xs univer-transition-[colors,box-shadow] focus-visible:univer-ring-2 focus-visible:univer-ring-primary-500", {
@@ -21668,9 +21635,8 @@ function SheetBarTabsContextMenu(props) {
 		menuOffset: MENU_OFFSET,
 		onRequestClose: () => onVisibleChange(false),
 		onOptionSelect: (option) => {
-			var _ref;
 			const { label, id, commandId, value } = option;
-			onCommandSelect((_ref = commandId !== null && commandId !== void 0 ? commandId : id) !== null && _ref !== void 0 ? _ref : label, value);
+			onCommandSelect(commandId ?? id ?? label, value);
 		}
 	})] });
 }
@@ -21834,8 +21800,7 @@ var Animate = class {
 //#region src/views/sheet-bar/sheet-bar-tabs/utils/sheet-tab-name-editor.ts
 const MAX_SHEET_NAME_LENGTH = 31;
 function getEditorText(input) {
-	var _input$textContent;
-	return (_input$textContent = input.textContent) !== null && _input$textContent !== void 0 ? _input$textContent : "";
+	return input.textContent ?? "";
 }
 function keepLastTextIndex(inputHtml) {
 	setTimeout(() => {
@@ -22018,10 +21983,9 @@ var SlideTabItem = class SlideTabItem {
 		});
 	}
 	nameCheck() {
-		var _input$textContent;
 		const input = this._slideTabItem.querySelector("span");
 		if (!input) return false;
-		const text = (_input$textContent = input.textContent) !== null && _input$textContent !== void 0 ? _input$textContent : "";
+		const text = input.textContent ?? "";
 		return this._slideTabBar.getConfig().onNameCheckAlert(text, this.getId());
 	}
 	animate() {
@@ -22141,23 +22105,21 @@ var SlideTabItem = class SlideTabItem {
 var SlideScrollbar = class {
 	constructor(slideTabBar) {
 		_defineProperty(this, "_slideTabBar", void 0);
-		_defineProperty(this, "_scrollX", void 0);
-		const primeval = slideTabBar.primeval();
-		this._scrollX = primeval.scrollLeft;
 		this._slideTabBar = slideTabBar;
 	}
 	scrollX(x) {
+		var _primeval$parentEleme;
 		const primeval = this._slideTabBar.primeval();
-		primeval.scrollLeft = x;
-		this._scrollX = primeval.scrollLeft;
+		const viewportWidth = ((_primeval$parentEleme = primeval.parentElement) === null || _primeval$parentEleme === void 0 ? void 0 : _primeval$parentEleme.clientWidth) ?? primeval.clientWidth;
+		const maxScrollX = Math.max(0, primeval.scrollWidth - viewportWidth);
+		primeval.scrollLeft = Math.min(maxScrollX, Math.max(0, x));
 	}
 	scrollRight() {
 		const primeval = this._slideTabBar.primeval();
-		primeval.scrollLeft = primeval.scrollWidth;
-		this._scrollX = primeval.scrollLeft;
+		this.scrollX(primeval.scrollWidth);
 	}
 	getScrollX() {
-		return this._scrollX;
+		return this._slideTabBar.primeval().scrollLeft;
 	}
 };
 var SlideTabBar = class SlideTabBar {
@@ -22296,7 +22258,14 @@ var SlideTabBar = class SlideTabBar {
 			}
 		};
 		this._wheelAction = (wheelEvent) => {
-			this.setScroll(wheelEvent.deltaY);
+			var _this$_slideTabBar$pa;
+			const viewportWidth = ((_this$_slideTabBar$pa = this._slideTabBar.parentElement) === null || _this$_slideTabBar$pa === void 0 ? void 0 : _this$_slideTabBar$pa.clientWidth) ?? this._slideTabBar.clientWidth;
+			if (this._slideTabBar.scrollWidth <= viewportWidth) return;
+			const dominantDelta = Math.abs(wheelEvent.deltaX) > Math.abs(wheelEvent.deltaY) ? wheelEvent.deltaX : wheelEvent.deltaY;
+			if (dominantDelta === 0) return;
+			const deltaModeMultiplier = wheelEvent.deltaMode === WheelEvent.DOM_DELTA_LINE ? 16 : wheelEvent.deltaMode === WheelEvent.DOM_DELTA_PAGE ? viewportWidth : 1;
+			wheelEvent.preventDefault();
+			this.setScroll(dominantDelta * deltaModeMultiplier);
 		};
 		this.addListener();
 	}
@@ -22351,15 +22320,15 @@ var SlideTabBar = class SlideTabBar {
 		return this._activeTabItem;
 	}
 	isLeftEnd() {
-		return this._slideTabBar.scrollLeft === 0;
+		return this._slideTabBar.scrollLeft <= 1;
 	}
 	isRightEnd() {
 		const parent = this._slideTabBar.parentElement;
 		if (!parent) return false;
-		return this._slideTabBar.scrollWidth - parent.clientWidth === this._slideTabBar.scrollLeft;
+		return Math.max(0, this._slideTabBar.scrollWidth - parent.clientWidth) - this._slideTabBar.scrollLeft <= 1;
 	}
 	addListener() {
-		this._slideTabBar.addEventListener("wheel", this._wheelAction);
+		this._slideTabBar.addEventListener("wheel", this._wheelAction, { passive: false });
 		this._slideTabItems.forEach((item) => {
 			item.addEventListener("pointerdown", this._downAction);
 		});
@@ -22372,13 +22341,6 @@ var SlideTabBar = class SlideTabBar {
 	}
 	setScroll(x) {
 		this._slideScrollbar.scrollX(this._slideScrollbar.getScrollX() + x);
-		if (x > 0) {
-			const left = this.calculateLeftScrollX();
-			this._slideScrollbar.scrollX(this._slideScrollbar.getScrollX() + left);
-		} else if (x < 0) {
-			const right = this.calculateRightScrollX();
-			this._slideScrollbar.scrollX(this._slideScrollbar.getScrollX() + right);
-		}
 		this._config.onScroll({
 			leftEnd: this.isLeftEnd(),
 			rightEnd: this.isRightEnd()
@@ -22398,7 +22360,7 @@ var SlideTabBar = class SlideTabBar {
 		});
 	}
 	scrollToItem(index) {
-		const targetIndex = index !== null && index !== void 0 ? index : this._config.currentIndex;
+		const targetIndex = index ?? this._config.currentIndex;
 		if (targetIndex < 0 || targetIndex >= this._slideTabItems.length) {
 			console.error("Index out of bounds");
 			return;
@@ -22587,7 +22549,6 @@ function shouldRefreshSheetTabs(commandInfo) {
 	}
 }
 function SheetBarTabs() {
-	var _config$contextMenu;
 	const [sheetList, setSheetList] = (0, react.useState)([]);
 	const [activeSheetId, setActiveSheetId] = (0, react.useState)("");
 	const [scrollShadow, setScrollShadow] = (0, react.useState)("");
@@ -22609,7 +22570,7 @@ function SheetBarTabs() {
 	const workbookRef = (0, react.useRef)(workbook);
 	const resetOrder = (0, _univerjs_ui.useObservable)(worksheetProtectionRuleModel.resetOrder$);
 	const config = (0, _univerjs_ui.useConfigValue)(_univerjs_ui.UI_PLUGIN_CONFIG_KEY);
-	const showContextMenu = (_config$contextMenu = config === null || config === void 0 ? void 0 : config.contextMenu) !== null && _config$contextMenu !== void 0 ? _config$contextMenu : true;
+	const showContextMenu = (config === null || config === void 0 ? void 0 : config.contextMenu) ?? true;
 	const getActiveTabRect = (0, react.useCallback)(() => {
 		var _slideTabBarRef$curre;
 		const activeTabRect = (_slideTabBarRef$curre = slideTabBarRef.current) === null || _slideTabBarRef$curre === void 0 || (_slideTabBarRef$curre = _slideTabBarRef$curre.getActiveItem()) === null || _slideTabBarRef$curre === void 0 ? void 0 : _slideTabBarRef$curre.getSlideTabItem().getBoundingClientRect();
@@ -22688,7 +22649,7 @@ function SheetBarTabs() {
 		workbook
 	]);
 	const canRenameActiveSheet = (0, react.useCallback)(() => {
-		var _permissionService$ge3, _permissionService$ge4;
+		var _permissionService$ge2;
 		const unitId = workbook.getUnitId();
 		const activeSheet = workbook.getActiveSheet();
 		if (!activeSheet) return false;
@@ -22696,10 +22657,10 @@ function SheetBarTabs() {
 		const worksheetRule = worksheetProtectionRuleModel.getRule(unitId, subUnitId);
 		const hasSelectionRule = rangeProtectionRuleModel.getSubunitRuleList(unitId, subUnitId).length > 0;
 		if (worksheetRule || hasSelectionRule) {
-			var _permissionService$ge, _permissionService$ge2;
-			return (_permissionService$ge = (_permissionService$ge2 = permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookManageCollaboratorPermission(unitId).id)) === null || _permissionService$ge2 === void 0 ? void 0 : _permissionService$ge2.value) !== null && _permissionService$ge !== void 0 ? _permissionService$ge : false;
+			var _permissionService$ge;
+			return ((_permissionService$ge = permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookManageCollaboratorPermission(unitId).id)) === null || _permissionService$ge === void 0 ? void 0 : _permissionService$ge.value) ?? false;
 		}
-		return (_permissionService$ge3 = (_permissionService$ge4 = permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookRenameSheetPermission(unitId).id)) === null || _permissionService$ge4 === void 0 ? void 0 : _permissionService$ge4.value) !== null && _permissionService$ge3 !== void 0 ? _permissionService$ge3 : false;
+		return ((_permissionService$ge2 = permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookRenameSheetPermission(unitId).id)) === null || _permissionService$ge2 === void 0 ? void 0 : _permissionService$ge2.value) ?? false;
 	}, [
 		permissionService,
 		rangeProtectionRuleModel,
@@ -22707,11 +22668,9 @@ function SheetBarTabs() {
 		worksheetProtectionRuleModel
 	]);
 	const updateSheetItems = (0, react.useCallback)(() => {
-		var _activeSheet$getSheet;
 		const activeSheet = workbook.getActiveSheet();
-		const currentSubUnitId = (_activeSheet$getSheet = activeSheet === null || activeSheet === void 0 ? void 0 : activeSheet.getSheetId()) !== null && _activeSheet$getSheet !== void 0 ? _activeSheet$getSheet : "";
+		const currentSubUnitId = (activeSheet === null || activeSheet === void 0 ? void 0 : activeSheet.getSheetId()) ?? "";
 		const sheetListItems = workbook.getSheets().filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
-			var _sheet$getTabColor;
 			const worksheetRule = worksheetProtectionRuleModel.getRule(workbook.getUnitId(), sheet.getSheetId());
 			const hasSelectionRule = rangeProtectionRuleModel.getSubunitRuleList(workbook.getUnitId(), sheet.getSheetId()).length > 0;
 			const hasProtection = Boolean((worksheetRule === null || worksheetRule === void 0 ? void 0 : worksheetRule.permissionId) || hasSelectionRule);
@@ -22726,7 +22685,7 @@ function SheetBarTabs() {
 				}),
 				index,
 				selected: activeSheet === sheet,
-				color: (_sheet$getTabColor = sheet.getTabColor()) !== null && _sheet$getTabColor !== void 0 ? _sheet$getTabColor : void 0
+				color: sheet.getTabColor() ?? void 0
 			};
 		});
 		setSheetList(sheetListItems);
@@ -22854,7 +22813,7 @@ function SheetBarTabs() {
 		workbook
 	]);
 	const onTabListKeyDown = (0, react.useCallback)((event) => {
-		var _slideTabBarContainer2, _slideTabBarContainer3;
+		var _slideTabBarContainer2;
 		const target = event.target;
 		if (target.closest("[contenteditable=true]")) return;
 		const currentTab = target.closest("[data-u-comp=slide-tab-item]");
@@ -22869,7 +22828,7 @@ function SheetBarTabs() {
 			return;
 		}
 		if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
-		const tabItems = Array.from((_slideTabBarContainer2 = (_slideTabBarContainer3 = slideTabBarContainerRef.current) === null || _slideTabBarContainer3 === void 0 ? void 0 : _slideTabBarContainer3.querySelectorAll("[data-u-comp=slide-tab-item]")) !== null && _slideTabBarContainer2 !== void 0 ? _slideTabBarContainer2 : []);
+		const tabItems = Array.from(((_slideTabBarContainer2 = slideTabBarContainerRef.current) === null || _slideTabBarContainer2 === void 0 ? void 0 : _slideTabBarContainer2.querySelectorAll("[data-u-comp=slide-tab-item]")) ?? []);
 		const currentIndex = tabItems.findIndex((tabItem) => tabItem.dataset.id === currentSheetId);
 		if (currentIndex < 0) return;
 		event.preventDefault();
@@ -22979,13 +22938,12 @@ function SheetBarTabs() {
 	}, [activeSheetId, sheetList]);
 	(0, react.useEffect)(() => {
 		const handlePointerDownCapture = (event) => {
-			var _tabElement$getAttrib;
 			const container = slideTabBarContainerRef.current;
 			const target = event.target;
 			if (!container || !(target instanceof Element)) return;
 			const tabElement = target.closest("[data-u-comp=slide-tab-item]");
 			if (!tabElement || !container.contains(tabElement)) return;
-			activateSheetTab((_tabElement$getAttrib = tabElement.getAttribute("data-id")) !== null && _tabElement$getAttrib !== void 0 ? _tabElement$getAttrib : void 0);
+			activateSheetTab(tabElement.getAttribute("data-id") ?? void 0);
 		};
 		document.addEventListener("pointerdown", handlePointerDownCapture, true);
 		return () => document.removeEventListener("pointerdown", handlePointerDownCapture, true);
@@ -23262,12 +23220,12 @@ const StatusBar = () => {
 			}
 			setShow(true);
 			setStatistics((prevStats) => prevStats.map((stat) => {
-				var _items$find$value, _items$find, _state$pattern;
+				var _items$find;
 				return {
 					...stat,
-					value: (_items$find$value = (_items$find = items.find((i) => i.func === stat.name)) === null || _items$find === void 0 ? void 0 : _items$find.value) !== null && _items$find$value !== void 0 ? _items$find$value : stat.value,
+					value: ((_items$find = items.find((i) => i.func === stat.name)) === null || _items$find === void 0 ? void 0 : _items$find.value) ?? stat.value,
 					disable: !items.some((i) => i.func === stat.name),
-					pattern: (_state$pattern = state === null || state === void 0 ? void 0 : state.pattern) !== null && _state$pattern !== void 0 ? _state$pattern : null
+					pattern: (state === null || state === void 0 ? void 0 : state.pattern) ?? null
 				};
 			}));
 		}, []);
@@ -23322,13 +23280,11 @@ const StatusBar = () => {
 //#region src/views/sheet-container/SheetContainer.tsx
 const SHEET_FOOTER_BAR_HEIGHT = 36;
 function RenderSheetFooter() {
-	var _config$footer;
 	const config = (0, _univerjs_ui.useConfigValue)(SHEETS_UI_PLUGIN_CONFIG_KEY);
 	const menuManagerService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IMenuManagerService);
-	const showFooter = (_config$footer = config === null || config === void 0 ? void 0 : config.footer) !== null && _config$footer !== void 0 ? _config$footer : true;
+	const showFooter = (config === null || config === void 0 ? void 0 : config.footer) ?? true;
 	const activeWorkbook = useActiveWorkbook();
-	const loadingWorkbook = useSheetLoadingWorkbook();
-	const workbook = loadingWorkbook !== null && loadingWorkbook !== void 0 ? loadingWorkbook : activeWorkbook;
+	const workbook = useSheetLoadingWorkbook() ?? activeWorkbook;
 	const isLoading = useSheetLoading();
 	const activeWorkbookEmbeddedRender = useActiveWorkbookIsEmbeddedRender(workbook);
 	const focusedUnitType = useFocusedUnitType();
@@ -23367,8 +23323,7 @@ function RenderSheetFooter() {
 function RenderSheetHeader() {
 	const config = (0, _univerjs_ui.useConfigValue)(SHEETS_UI_PLUGIN_CONFIG_KEY);
 	const activeWorkbook = useActiveWorkbook();
-	const loadingWorkbook = useSheetLoadingWorkbook();
-	const workbook = loadingWorkbook !== null && loadingWorkbook !== void 0 ? loadingWorkbook : activeWorkbook;
+	const workbook = useSheetLoadingWorkbook() ?? activeWorkbook;
 	const isLoading = useSheetLoading();
 	const hasWorkbook = !!workbook;
 	const activeWorkbookEmbeddedRender = useActiveWorkbookIsEmbeddedRender(workbook);
@@ -23396,18 +23351,16 @@ function RenderSheetHeader() {
 * We should not write into this component anymore.
 */
 function RenderSheetContent() {
-	var _componentManager$get;
 	const config = (0, _univerjs_ui.useConfigValue)(SHEETS_UI_PLUGIN_CONFIG_KEY);
 	const isLoading = useSheetLoading();
 	const isPreviewReady = useSheetLoadingPreviewReady();
 	const componentManager = (0, _univerjs_ui.useDependency)(_univerjs_ui.ComponentManager);
 	const activeWorkbook = useActiveWorkbook();
-	const loadingWorkbook = useSheetLoadingWorkbook();
-	const workbook = loadingWorkbook !== null && loadingWorkbook !== void 0 ? loadingWorkbook : activeWorkbook;
+	const workbook = useSheetLoadingWorkbook() ?? activeWorkbook;
 	const activeEmbedTab = useActiveSheetEmbedTabData(workbook);
 	const injector = (0, _univerjs_ui.useDependency)(_univerjs_core.Injector);
 	const activeWorkbookEmbeddedRender = useActiveWorkbookIsEmbeddedRender(workbook);
-	const ShapeTextEditorContainer = (_componentManager$get = componentManager.get("SheetShapeTextEditorContainer")) !== null && _componentManager$get !== void 0 ? _componentManager$get : componentManager.get("ShapeTextEditorContainer");
+	const ShapeTextEditorContainer = componentManager.get("SheetShapeTextEditorContainer") ?? componentManager.get("ShapeTextEditorContainer");
 	(0, react.useEffect)(() => {
 		var _tryGetSheetEmbedRunt;
 		if (!workbook || isLoading || activeEmbedTab || activeWorkbookEmbeddedRender) return;
@@ -23517,11 +23470,10 @@ function useFocusedUnitType() {
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	const focusedUnitId = (0, _univerjs_ui.useObservable)(() => univerInstanceService.focused$, null, false, [univerInstanceService]);
 	return (0, react.useMemo)(() => {
-		var _focusedUnit$type;
 		if (!focusedUnitId) return null;
 		if ((0, _univerjs_core.isInternalEditorID)(focusedUnitId) && univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) return _univerjs_core.UniverInstanceType.UNIVER_SHEET;
 		const focusedUnit = univerInstanceService.getUnit(focusedUnitId);
-		return (_focusedUnit$type = focusedUnit === null || focusedUnit === void 0 ? void 0 : focusedUnit.type) !== null && _focusedUnit$type !== void 0 ? _focusedUnit$type : null;
+		return (focusedUnit === null || focusedUnit === void 0 ? void 0 : focusedUnit.type) ?? null;
 	}, [focusedUnitId, univerInstanceService]);
 }
 function useActiveSheetEmbedTabData(workbook) {
@@ -24147,7 +24099,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "1.0.0-alpha.8";
+var version = "1.0.0-beta.0";
 
 //#endregion
 //#region src/views/cell-popup/config.ts
@@ -24240,13 +24192,12 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 	_createHiddenRectObserver(params) {
 		const { row, column, worksheet, skeleton, currentRender } = params;
 		const calc = () => {
-			var _columnWidthAccumulat, _rowHeightAccumulatio;
 			const { startRow: freezeStartRow, startColumn: freezeStartColumn, xSplit, ySplit } = worksheet.getFreeze();
 			const startRow = freezeStartRow - ySplit;
 			const startColumn = freezeStartColumn - xSplit;
 			const { rowHeightAccumulation, columnWidthAccumulation, rowHeaderWidth, columnHeaderHeight } = skeleton;
-			const canvasFreezeWidth = rowHeaderWidth + (startColumn === -1 ? 0 : columnWidthAccumulation[startColumn + xSplit - 1] - ((_columnWidthAccumulat = columnWidthAccumulation[startColumn - 1]) !== null && _columnWidthAccumulat !== void 0 ? _columnWidthAccumulat : 0));
-			const canvasFreezeHeight = columnHeaderHeight + (startRow === -1 ? 0 : rowHeightAccumulation[startRow + ySplit - 1] - ((_rowHeightAccumulatio = rowHeightAccumulation[startRow]) !== null && _rowHeightAccumulatio !== void 0 ? _rowHeightAccumulatio : 0));
+			const canvasFreezeWidth = rowHeaderWidth + (startColumn === -1 ? 0 : columnWidthAccumulation[startColumn + xSplit - 1] - (columnWidthAccumulation[startColumn - 1] ?? 0));
+			const canvasFreezeHeight = columnHeaderHeight + (startRow === -1 ? 0 : rowHeightAccumulation[startRow + ySplit - 1] - (rowHeightAccumulation[startRow] ?? 0));
 			const canvasElement = currentRender.engine.getCanvasElement();
 			const canvasClientRect = canvasElement.getBoundingClientRect();
 			const widthOfCanvas = pxToNum(canvasElement.style.width);
@@ -24496,7 +24447,7 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 		const sheetSelectionRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(ISheetSelectionRenderService);
 		if (!currentRender || !skeleton || !sheetSelectionRenderService) return null;
 		if (this._isSelectionMoving && !popup.showOnSelectionMoving) return;
-		const activeViewport = viewport !== null && viewport !== void 0 ? viewport : getViewportByCell(row, col, currentRender.scene, worksheet);
+		const activeViewport = viewport ?? getViewportByCell(row, col, currentRender.scene, worksheet);
 		if (!activeViewport) return null;
 		const { position, position$, disposable: positionObserverDisposable, updateRowCol } = this._createCellPositionObserver(row, col, currentRender, skeleton, activeViewport);
 		const { rects$, disposable: rectsObserverDisposable } = this._createHiddenRectObserver({
@@ -24565,7 +24516,7 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 		const sheetSelectionRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(ISheetSelectionRenderService);
 		if (!currentRender || !skeleton || !sheetSelectionRenderService) return null;
 		if (sheetSelectionRenderService.selectionMoving && !showOnSelectionMoving) return;
-		const activeViewport = viewport !== null && viewport !== void 0 ? viewport : getViewportByCell(range.startRow, range.startColumn, currentRender.scene, worksheet);
+		const activeViewport = viewport ?? getViewportByCell(range.startRow, range.startColumn, currentRender.scene, worksheet);
 		if (!activeViewport) return null;
 		const { position, position$, disposable: positionObserverDisposable, updateRange, topLeftPos$, rightBottomPos$ } = this._createRangePositionObserver(range, currentRender, skeleton, activeViewport);
 		const { rects$, disposable: rectsObserverDisposable } = this._createHiddenRectObserver({
@@ -24806,12 +24757,12 @@ let CellPopupManagerService = class CellPopupManagerService extends _univerjs_co
 		return subUnitMap;
 	}
 	showPopup(location, popup) {
-		var _subUnitMap$getValue, _popup$id;
+		var _subUnitMap$getValue;
 		const { direction = "horizontal" } = popup;
 		const { unitId, subUnitId, row, col } = location;
 		const subUnitMap = this._ensureCellPopupMap(unitId, subUnitId);
 		const directionCache = (_subUnitMap$getValue = subUnitMap.getValue(row, col)) === null || _subUnitMap$getValue === void 0 ? void 0 : _subUnitMap$getValue[direction];
-		popup.id = (_popup$id = popup.id) !== null && _popup$id !== void 0 ? _popup$id : (0, _univerjs_core.generateRandomId)();
+		popup.id = popup.id ?? (0, _univerjs_core.generateRandomId)();
 		const hidePopup = () => {
 			const root = subUnitMap.getValue(row, col);
 			if (!root) return;
@@ -25565,7 +25516,6 @@ function getBorderStyle(borderData) {
 	}
 }
 function BorderPanel(props) {
-	var _value$color;
 	const iconManager = (0, _univerjs_ui.useDependency)(_univerjs_ui.IconManager);
 	const borderStyleManagerService = (0, _univerjs_ui.useDependency)(_univerjs_sheets.BorderStyleManagerService);
 	const selectionManagerService = (0, _univerjs_ui.useDependency)(_univerjs_sheets.SheetsSelectionsService);
@@ -25615,7 +25565,7 @@ function BorderPanel(props) {
 						type: "button",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.PaintBucketDoubleIcon, {
 							className: "univer-fill-primary-600 dark:!univer-text-white",
-							extend: { colorChannel1: (_value$color = value === null || value === void 0 ? void 0 : value.color) !== null && _value$color !== void 0 ? _value$color : "" }
+							extend: { colorChannel1: (value === null || value === void 0 ? void 0 : value.color) ?? "" }
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreDownIcon, { className: "dark:!univer-text-white" })]
 					})
 				}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Dropdown, {
@@ -25638,7 +25588,7 @@ function BorderPanel(props) {
 						type: "button",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BorderLine, {
 							className: "univer-fill-gray-900 dark:!univer-fill-white",
-							type: type !== null && type !== void 0 ? type : _univerjs_core.BorderStyleTypes.THIN
+							type: type ?? _univerjs_core.BorderStyleTypes.THIN
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreDownIcon, { className: "dark:!univer-text-white" })]
 					})
 				}) })]
@@ -25774,9 +25724,8 @@ const CellPopup = (props) => {
 		"data-u-comp": "sheets-ui-cell-popup",
 		className: "univer-ml-px univer-flex univer-flex-col",
 		children: popups.map((popup) => {
-			var _popup$id;
 			const Component = componentManager.get(popup.componentKey);
-			return Component ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, { popup }, (_popup$id = popup.id) !== null && _popup$id !== void 0 ? _popup$id : popup.componentKey) : null;
+			return Component ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, { popup }, popup.id ?? popup.componentKey) : null;
 		})
 	});
 };
@@ -26018,8 +25967,7 @@ const DefinedNameContainer = () => {
 	if (!workbook || !unitId) return;
 	const checkWorkbookPermission = permissionState.workbook;
 	const checkDefinedNamePermission = (definedName) => {
-		var _permissionState$work;
-		return (_permissionState$work = permissionState.worksheets.get(definedName.id)) !== null && _permissionState$work !== void 0 ? _permissionState$work : checkWorkbookPermission;
+		return permissionState.worksheets.get(definedName.id) ?? checkWorkbookPermission;
 	};
 	const insertConfirm = (param) => {
 		const { name, formulaOrRefString, comment, localSheetId, hidden } = param;
@@ -26222,7 +26170,7 @@ function CascaderDropdown(props) {
 	const { popup } = props;
 	const { extraProps } = popup;
 	const { options, defaultValue, onChange } = extraProps;
-	const [localValue, setLocalValue] = (0, react.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : []);
+	const [localValue, setLocalValue] = (0, react.useState)(defaultValue ?? []);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.CascaderList, {
 		options,
 		value: localValue,
@@ -26267,7 +26215,7 @@ function DateDropdown(props) {
 			}
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Calendar, {
 			value: date.toDate(),
-			showTime: showTime !== null && showTime !== void 0 ? showTime : patternType === "datetime",
+			showTime: showTime ?? patternType === "datetime",
 			onValueChange: (newValue) => {
 				setLocalDate((0, _univerjs_core.dateKit)(newValue));
 			}
@@ -26420,13 +26368,12 @@ function SelectList(props) {
 	});
 }
 function ListDropDown(props) {
-	var _anchorRect$right, _anchorRect$left;
 	const { popup: { extraProps, anchorRect } } = props;
 	const { location, hideFn, onChange, onEdit, options, defaultValue, multiple, showSearch, showEdit } = extraProps;
 	const { worksheet } = location;
 	const [localValue, setLocalValue] = (0, react.useState)(defaultValue);
 	if (!worksheet) return null;
-	const cellWidth = ((_anchorRect$right = anchorRect === null || anchorRect === void 0 ? void 0 : anchorRect.right) !== null && _anchorRect$right !== void 0 ? _anchorRect$right : 0) - ((_anchorRect$left = anchorRect === null || anchorRect === void 0 ? void 0 : anchorRect.left) !== null && _anchorRect$left !== void 0 ? _anchorRect$left : 0);
+	const cellWidth = ((anchorRect === null || anchorRect === void 0 ? void 0 : anchorRect.right) ?? 0) - ((anchorRect === null || anchorRect === void 0 ? void 0 : anchorRect.left) ?? 0);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectList, {
 		style: {
 			minWidth: cellWidth,
@@ -26435,8 +26382,7 @@ function ListDropDown(props) {
 		value: getListDropdownValue(localValue, multiple),
 		multiple,
 		onChange: async (newValue) => {
-			var _newValue$;
-			const str = multiple ? (0, _univerjs_sheets.serializeListOptions)(newValue) : (_newValue$ = newValue[0]) !== null && _newValue$ !== void 0 ? _newValue$ : "";
+			const str = multiple ? (0, _univerjs_sheets.serializeListOptions)(newValue) : newValue[0] ?? "";
 			setLocalValue(str);
 			if (!(await (onChange === null || onChange === void 0 ? void 0 : onChange(newValue)) === false)) hideFn();
 		},
@@ -26693,13 +26639,13 @@ const checkRangesIsWholeSheet = (ranges, sheet) => {
 	return startRow === 0 && startColumn === 0 && endRow === rowCount - 1 && endColumn === colCount - 1;
 };
 const generateDefaultRule = (injector, fromSheetBar) => {
-	var _selectionManagerServ, _selectionManagerServ2;
+	var _selectionManagerServ;
 	const univerInstanceService = injector.get(_univerjs_core.IUniverInstanceService);
 	const selectionManagerService = injector.get(_univerjs_sheets.SheetsSelectionsService);
 	const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const worksheet = workbook.getActiveSheet();
 	let unitType = _univerjs_protocol.UnitObject.SelectRange;
-	let ranges = (_selectionManagerServ = (_selectionManagerServ2 = selectionManagerService.getCurrentSelections()) === null || _selectionManagerServ2 === void 0 ? void 0 : _selectionManagerServ2.map((s) => s.range)) !== null && _selectionManagerServ !== void 0 ? _selectionManagerServ : [];
+	let ranges = ((_selectionManagerServ = selectionManagerService.getCurrentSelections()) === null || _selectionManagerServ === void 0 ? void 0 : _selectionManagerServ.map((s) => s.range)) ?? [];
 	if (fromSheetBar) {
 		unitType = _univerjs_protocol.UnitObject.Worksheet;
 		ranges = [{
@@ -26972,7 +26918,6 @@ const UserEmptyBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAADwC
 //#endregion
 //#region src/views/permission/panel-detail/PermissionDetailUserPart.tsx
 const PermissionDetailUserPart = (props) => {
-	var _workbook$getUnitId;
 	const { editState, onEditStateChange, viewState, onViewStateChange, permissionId } = props;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const dialogService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IDialogService);
@@ -26983,7 +26928,7 @@ const PermissionDetailUserPart = (props) => {
 	const selectUserList = (0, _univerjs_ui.useObservable)(sheetPermissionUserManagerService.selectUserList$, sheetPermissionUserManagerService.selectUserList);
 	const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet();
-	const unitId = (_workbook$getUnitId = workbook === null || workbook === void 0 ? void 0 : workbook.getUnitId()) !== null && _workbook$getUnitId !== void 0 ? _workbook$getUnitId : "";
+	const unitId = (workbook === null || workbook === void 0 ? void 0 : workbook.getUnitId()) ?? "";
 	const handleEditStateChange = (0, _univerjs_ui.useEvent)(onEditStateChange);
 	const handleAddPerson = async () => {
 		const userList = await authzIoService.listCollaborators({
@@ -27133,7 +27078,6 @@ const PermissionDetailUserPart = (props) => {
 //#endregion
 //#region src/views/permission/panel-detail/PermissionDetailPanel.tsx
 const SheetPermissionPanelDetail = (props) => {
-	var _activeRule$editState, _activeRule$viewState;
 	const { fromSheetBar, rule, oldRule } = props;
 	const injector = (0, _univerjs_ui.useDependency)(_univerjs_core.Injector);
 	const componentManager = (0, _univerjs_ui.useDependency)(_univerjs_ui.ComponentManager);
@@ -27143,10 +27087,9 @@ const SheetPermissionPanelDetail = (props) => {
 		return checkRangeValid(injector, activeRule.ranges, activeRule.permissionId, activeRule.unitId, activeRule.subUnitId);
 	});
 	const [desc, setDesc] = (0, react.useState)(activeRule.description);
-	const [editState, setEditState] = (0, react.useState)((_activeRule$editState = activeRule.editState) !== null && _activeRule$editState !== void 0 ? _activeRule$editState : _univerjs_sheets.EditStateEnum.OnlyMe);
-	const [viewState, setViewState] = (0, react.useState)((_activeRule$viewState = activeRule.viewState) !== null && _activeRule$viewState !== void 0 ? _activeRule$viewState : _univerjs_sheets.ViewStateEnum.OthersCanView);
-	const CustomPermissionDetailUserPart = componentManager.get(UNIVER_SHEET_PERMISSION_USER_PART);
-	const PermissionDetailUser = CustomPermissionDetailUserPart !== null && CustomPermissionDetailUserPart !== void 0 ? CustomPermissionDetailUserPart : PermissionDetailUserPart;
+	const [editState, setEditState] = (0, react.useState)(activeRule.editState ?? _univerjs_sheets.EditStateEnum.OnlyMe);
+	const [viewState, setViewState] = (0, react.useState)(activeRule.viewState ?? _univerjs_sheets.ViewStateEnum.OthersCanView);
+	const PermissionDetailUser = componentManager.get("UNIVER_SHEET_PERMISSION_USER_PART") ?? PermissionDetailUserPart;
 	(0, react.useEffect)(() => {
 		const univerInstanceService = injector.get(_univerjs_core.IUniverInstanceService);
 		const sidebarService = injector.get(_univerjs_ui.ISidebarService);
@@ -27358,7 +27301,7 @@ function SheetPermissionPanelListContent() {
 				})]
 			}),
 			(ruleList === null || ruleList === void 0 ? void 0 : ruleList.length) > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: ruleList === null || ruleList === void 0 ? void 0 : ruleList.map((item) => {
-				var _item$creator, _item$creator2, _item$creator$name, _item$creator3, _item$creator4;
+				var _item$creator, _item$creator2, _item$creator3, _item$creator4;
 				const rule = allRuleMap.get(item.objectID);
 				if (!rule) return null;
 				const editAction = item.actions.find((action) => action.action === _univerjs_protocol.UnitAction.Edit);
@@ -27434,7 +27377,7 @@ function SheetPermissionPanelListContent() {
 								className: "univer-flex univer-items-center",
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-										title: (_item$creator$name = (_item$creator3 = item.creator) === null || _item$creator3 === void 0 ? void 0 : _item$creator3.name) !== null && _item$creator$name !== void 0 ? _item$creator$name : "",
+										title: ((_item$creator3 = item.creator) === null || _item$creator3 === void 0 ? void 0 : _item$creator3.name) ?? "",
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Avatar, {
 											src: (_item$creator4 = item.creator) === null || _item$creator4 === void 0 ? void 0 : _item$creator4.avatar,
 											className: "univer-mr-1.5",
@@ -27528,19 +27471,19 @@ const SheetPermissionPanel = ({ showDetail, fromSheetBar, rule, oldRule }) => {
 //#endregion
 //#region src/views/permission/SheetPermissionUserDialog.tsx
 const SheetPermissionUserDialog = () => {
-	var _userList$filter, _authzIoService$getCf, _authzIoService$getCf2;
+	var _authzIoService$getCf;
 	const [inputValue, setInputValue] = (0, react.useState)("");
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const dialogService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IDialogService);
 	const sheetPermissionUserManagerService = (0, _univerjs_ui.useDependency)(SheetPermissionUserManagerService);
 	const authzIoService = (0, _univerjs_ui.useDependency)(_univerjs_core.IAuthzIoService);
 	const userList = (0, _univerjs_ui.useObservable)(sheetPermissionUserManagerService.userList$, sheetPermissionUserManagerService.userList);
-	const searchUserList = (_userList$filter = userList === null || userList === void 0 ? void 0 : userList.filter((item) => {
+	const searchUserList = (userList === null || userList === void 0 ? void 0 : userList.filter((item) => {
 		var _item$subject;
 		return ((_item$subject = item.subject) === null || _item$subject === void 0 ? void 0 : _item$subject.name.toLocaleLowerCase().includes(inputValue.toLocaleLowerCase())) && (item.role === _univerjs_protocol.UnitRole.Owner || item.role === _univerjs_protocol.UnitRole.Editor);
-	})) !== null && _userList$filter !== void 0 ? _userList$filter : [];
+	})) ?? [];
 	const [selectUserInfo, setSelectUserInfo] = (0, react.useState)(sheetPermissionUserManagerService.selectUserList);
-	const cfgEnableObjInherit = (_authzIoService$getCf = (_authzIoService$getCf2 = authzIoService.getCfgEnableObjInherit) === null || _authzIoService$getCf2 === void 0 ? void 0 : _authzIoService$getCf2.call(authzIoService)) !== null && _authzIoService$getCf !== void 0 ? _authzIoService$getCf : false;
+	const cfgEnableObjInherit = ((_authzIoService$getCf = authzIoService.getCfgEnableObjInherit) === null || _authzIoService$getCf === void 0 ? void 0 : _authzIoService$getCf.call(authzIoService)) ?? false;
 	const handleChangeUser = (item) => {
 		if ((selectUserInfo === null || selectUserInfo === void 0 ? void 0 : selectUserInfo.findIndex((v) => {
 			var _v$subject, _item$subject2;
@@ -28020,8 +27963,8 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 		const docViewModel = this._getEditorViewModel(unitId);
 		if (docDataModel == null || docViewModel == null || skeleton == null) return;
 		docDataModel.getSnapshot().body = body;
-		docDataModel.getSnapshot().drawings = drawings !== null && drawings !== void 0 ? drawings : {};
-		docDataModel.getSnapshot().drawingsOrder = drawingsOrder !== null && drawingsOrder !== void 0 ? drawingsOrder : [];
+		docDataModel.getSnapshot().drawings = drawings ?? {};
+		docDataModel.getSnapshot().drawingsOrder = drawingsOrder ?? [];
 		this._checkAndSetRenderStyleConfig(docDataModel);
 		docViewModel.reset(docDataModel);
 		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
@@ -28053,15 +27996,12 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 		if (unitId === _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) this._formulaEditorController.autoScroll();
 	}
 	_checkAndSetRenderStyleConfig(documentDataModel) {
-		var _snapshot$body$dataSt, _snapshot$body;
+		var _snapshot$body;
 		const snapshot = documentDataModel.getSnapshot();
 		if (snapshot.id !== _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY && snapshot.id !== _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY) return;
 		const isFormulaBar = snapshot.id === _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY;
 		if (isFormulaBar) snapshot.documentStyle = formulaEditorStyle;
-		else {
-			var _snapshot$documentSty;
-			(_snapshot$documentSty = snapshot.documentStyle) !== null && _snapshot$documentSty !== void 0 || (snapshot.documentStyle = {});
-		}
+		else snapshot.documentStyle ??= {};
 		let renderConfig = snapshot.documentStyle.renderConfig;
 		if (renderConfig == null) {
 			renderConfig = {};
@@ -28075,7 +28015,7 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 				height: Infinity
 			};
 		}
-		if (!((_snapshot$body$dataSt = (_snapshot$body = snapshot.body) === null || _snapshot$body === void 0 ? void 0 : _snapshot$body.dataStream) !== null && _snapshot$body$dataSt !== void 0 ? _snapshot$body$dataSt : "").startsWith("=")) {
+		if (!(((_snapshot$body = snapshot.body) === null || _snapshot$body === void 0 ? void 0 : _snapshot$body.dataStream) ?? "").startsWith("=")) {
 			renderConfig.isRenderStyle = isFormulaBar ? _univerjs_core.BooleanNumber.FALSE : _univerjs_core.BooleanNumber.TRUE;
 			return;
 		}
@@ -28545,13 +28485,12 @@ function MobileSheetBarImpl(props) {
 		const sheets = workbook.getSheets();
 		const activeSheet = workbook.getActiveSheet();
 		const sheetListItems = sheets.filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
-			var _sheet$getTabColor;
 			return {
 				sheetId: sheet.getSheetId(),
 				label: sheet.getName(),
 				index,
 				selected: activeSheet === sheet,
-				color: (_sheet$getTabColor = sheet.getTabColor()) !== null && _sheet$getTabColor !== void 0 ? _sheet$getTabColor : void 0
+				color: sheet.getTabColor() ?? void 0
 			};
 		});
 		setSheetList(sheetListItems);
@@ -28890,11 +28829,11 @@ let SheetPermissionInterceptorCanvasRenderController = class SheetPermissionInte
 			if (!target) return false;
 			const { unitId, subUnitId } = target;
 			if (rangeParams.row) {
-				var _this$_permissionServ, _this$_permissionServ2;
-				if (((_this$_permissionServ = (_this$_permissionServ2 = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorksheetSetRowStylePermission(unitId, subUnitId).id)) === null || _this$_permissionServ2 === void 0 ? void 0 : _this$_permissionServ2.value) !== null && _this$_permissionServ !== void 0 ? _this$_permissionServ : false) === false) return false;
+				var _this$_permissionServ;
+				if ((((_this$_permissionServ = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorksheetSetRowStylePermission(unitId, subUnitId).id)) === null || _this$_permissionServ === void 0 ? void 0 : _this$_permissionServ.value) ?? false) === false) return false;
 			} else if (rangeParams.col) {
-				var _this$_permissionServ3, _this$_permissionServ4;
-				if (((_this$_permissionServ3 = (_this$_permissionServ4 = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorksheetSetColumnStylePermission(unitId, subUnitId).id)) === null || _this$_permissionServ4 === void 0 ? void 0 : _this$_permissionServ4.value) !== null && _this$_permissionServ3 !== void 0 ? _this$_permissionServ3 : false) === false) return false;
+				var _this$_permissionServ2;
+				if ((((_this$_permissionServ2 = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorksheetSetColumnStylePermission(unitId, subUnitId).id)) === null || _this$_permissionServ2 === void 0 ? void 0 : _this$_permissionServ2.value) ?? false) === false) return false;
 			}
 			return true;
 		} }));
@@ -28962,10 +28901,10 @@ let SheetPermissionInterceptorCanvasRenderController = class SheetPermissionInte
 	}
 	_initFreezePermissionInterceptor() {
 		this.disposeWithMe(this._headerFreezeRenderController.interceptor.intercept(this._headerFreezeRenderController.interceptor.getInterceptPoints().FREEZE_PERMISSION_CHECK, { handler: (_, __) => {
-			var _this$_permissionServ5, _this$_permissionServ6;
+			var _this$_permissionServ3;
 			const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 			if (!(workbook === null || workbook === void 0 ? void 0 : workbook.getActiveSheet()) || !workbook) return false;
-			return (_this$_permissionServ5 = (_this$_permissionServ6 = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookEditablePermission(workbook.getUnitId()).id)) === null || _this$_permissionServ6 === void 0 ? void 0 : _this$_permissionServ6.value) !== null && _this$_permissionServ5 !== void 0 ? _this$_permissionServ5 : false;
+			return ((_this$_permissionServ3 = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorkbookEditablePermission(workbook.getUnitId()).id)) === null || _this$_permissionServ3 === void 0 ? void 0 : _this$_permissionServ3.value) ?? false;
 		} }));
 	}
 };
@@ -29054,7 +28993,7 @@ let SheetPermissionInterceptorFormulaRenderController = class SheetPermissionInt
 			handler: (defaultValue, originValue) => {
 				var _this$_permissionServ;
 				const target = (0, _univerjs_sheets.getSheetCommandTarget)(this._univerInstanceService);
-				if (!target) return defaultValue !== null && defaultValue !== void 0 ? defaultValue : [];
+				if (!target) return defaultValue ?? [];
 				const { worksheet, unitId, subUnitId } = target;
 				if (((_this$_permissionServ = this._permissionService.getPermissionPoint(new _univerjs_sheets.WorksheetViewPermission(unitId, subUnitId).id)) === null || _this$_permissionServ === void 0 ? void 0 : _this$_permissionServ.value) === false) originValue.forEach((item) => {
 					const itemValue = item.getArrayValue();
@@ -29738,10 +29677,9 @@ let SheetContextMenuMobileRenderController = class SheetContextMenuMobileRenderC
 		return skeleton.getCellWithCoordByOffset(relativeCoords.x - scrollXY.x, relativeCoords.y - scrollXY.y, scaleX, scaleY, scrollXY);
 	}
 	_getCurrentRenderSelections() {
-		var _selectionRenderServi;
 		const currentRender = this._renderManagerService.getRenderUnitById(this._context.unitId);
 		const selectionRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(ISheetSelectionRenderService);
-		return (_selectionRenderServi = selectionRenderService === null || selectionRenderService === void 0 ? void 0 : selectionRenderService.getSelectionControls().map((control) => (0, _univerjs_sheets.convertSelectionDataToRange)(control.getValue()))) !== null && _selectionRenderServi !== void 0 ? _selectionRenderServi : [];
+		return (selectionRenderService === null || selectionRenderService === void 0 ? void 0 : selectionRenderService.getSelectionControls().map((control) => (0, _univerjs_sheets.convertSelectionDataToRange)(control.getValue()))) ?? [];
 	}
 	_cloneSelections(selections) {
 		return selections.map((selection) => ({
@@ -30844,14 +30782,14 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 		return skeleton.getRangeByViewport(viewport.calcViewportInfo());
 	}
 	_scrollToCell(row, column) {
-		var _this$_sheetSkeletonM10, _this$_sheetSkeletonM11, _this$_getSheetObject2, _this$_sheetSkeletonM12;
-		const { rowHeightAccumulation, columnWidthAccumulation } = (_this$_sheetSkeletonM10 = (_this$_sheetSkeletonM11 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM11 === void 0 ? void 0 : _this$_sheetSkeletonM11.skeleton) !== null && _this$_sheetSkeletonM10 !== void 0 ? _this$_sheetSkeletonM10 : {};
+		var _this$_sheetSkeletonM10, _this$_getSheetObject2, _this$_sheetSkeletonM11;
+		const { rowHeightAccumulation, columnWidthAccumulation } = ((_this$_sheetSkeletonM10 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM10 === void 0 ? void 0 : _this$_sheetSkeletonM10.skeleton) ?? {};
 		if (rowHeightAccumulation == null || columnWidthAccumulation == null) return false;
 		const scene = (_this$_getSheetObject2 = this._getSheetObject()) === null || _this$_getSheetObject2 === void 0 ? void 0 : _this$_getSheetObject2.scene;
 		if (scene == null) return false;
 		const viewport = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
 		if (viewport == null) return false;
-		if (((_this$_sheetSkeletonM12 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM12 === void 0 ? void 0 : _this$_sheetSkeletonM12.skeleton) == null) return false;
+		if (((_this$_sheetSkeletonM11 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM11 === void 0 ? void 0 : _this$_sheetSkeletonM11.skeleton) == null) return false;
 		const worksheet = this._context.unit.getActiveSheet();
 		if (!worksheet) return false;
 		const { startColumn: freezeStartColumn, startRow: freezeStartRow, ySplit: freezeYSplit, xSplit: freezeXSplit } = worksheet.getFreeze();
@@ -31652,9 +31590,8 @@ let MobileSheetsSelectionRenderService = class MobileSheetsSelectionRenderServic
 	* When pinch zooming, we should not process pointer move events for selection.
 	*/
 	_setupPointerMoveListener(viewportMain, activeSelectionControl, rangeType, scrollTimerType = _univerjs_engine_render.ScrollTimerType.ALL, moveStartPosX, moveStartPosY) {
-		var _viewportMain$left, _viewportMain$top;
 		this._scrollTimer = _univerjs_engine_render.ScrollTimer.create(this._scene, scrollTimerType);
-		this._scrollTimer.startScroll((_viewportMain$left = viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.left) !== null && _viewportMain$left !== void 0 ? _viewportMain$left : 0, (_viewportMain$top = viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.top) !== null && _viewportMain$top !== void 0 ? _viewportMain$top : 0, viewportMain);
+		this._scrollTimer.startScroll((viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.left) ?? 0, (viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.top) ?? 0, viewportMain);
 		const scene = this._scene;
 		this._scenePointerMoveSub = scene.onPointerMove$.subscribeEvent((moveEvt) => {
 			if (this._contextService.getContextValue("MOBILE_PINCH_ZOOMING")) return;
@@ -31676,7 +31613,7 @@ let MobileSheetsSelectionRenderService = class MobileSheetsSelectionRenderServic
 	* In Mobile version, new selection is determined by cursor cell and current of activeSelectionControl.model
 	*/
 	_movingHandler(offsetX, offsetY, activeSelectionControl, rangeType) {
-		var _this$_getViewportByC, _this$_anchorCellForE, _ref, _anchorCell$mergeInfo, _anchorCell$mergeInfo2, _ref2, _anchorCell$mergeInfo3, _anchorCell$mergeInfo4, _ref3, _anchorCell$mergeInfo5, _anchorCell$mergeInfo6, _ref4, _anchorCell$mergeInfo7, _anchorCell$mergeInfo8;
+		var _anchorCell$mergeInfo, _anchorCell$mergeInfo2, _anchorCell$mergeInfo3, _anchorCell$mergeInfo4;
 		this._rangeType = rangeType;
 		const skeleton = this._skeleton;
 		const scene = this._scene;
@@ -31687,7 +31624,7 @@ let MobileSheetsSelectionRenderService = class MobileSheetsSelectionRenderServic
 			endColumn: activeSelectionControl.model.endColumn
 		};
 		const viewportMain = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
-		const targetViewport = (_this$_getViewportByC = this._getViewportByCell(currSelectionRange.endRow, currSelectionRange.endColumn)) !== null && _this$_getViewportByC !== void 0 ? _this$_getViewportByC : viewportMain;
+		const targetViewport = this._getViewportByCell(currSelectionRange.endRow, currSelectionRange.endColumn) ?? viewportMain;
 		const scrollXY = scene.getScrollXYInfoByViewport(_univerjs_engine_render.Vector2.FromArray([this._startViewportPosX, this._startViewportPosY]), targetViewport);
 		const { scaleX, scaleY } = scene.getAncestorScale();
 		if (rangeType === _univerjs_core.RANGE_TYPE.ROW) offsetX = Number.POSITIVE_INFINITY;
@@ -31695,11 +31632,11 @@ let MobileSheetsSelectionRenderService = class MobileSheetsSelectionRenderServic
 		const cursorCellRangeInfo = this._getSelectionWithCoordByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY);
 		if (!cursorCellRangeInfo) return false;
 		const { rangeWithCoord: cursorCellRange } = cursorCellRangeInfo;
-		const anchorCell = (_this$_anchorCellForE = this._anchorCellForExpanding) !== null && _this$_anchorCellForE !== void 0 ? _this$_anchorCellForE : activeSelectionControl.model.currentCell;
-		const startRowOfActiveCell = (_ref = (_anchorCell$mergeInfo = anchorCell === null || anchorCell === void 0 || (_anchorCell$mergeInfo2 = anchorCell.mergeInfo) === null || _anchorCell$mergeInfo2 === void 0 ? void 0 : _anchorCell$mergeInfo2.startRow) !== null && _anchorCell$mergeInfo !== void 0 ? _anchorCell$mergeInfo : anchorCell === null || anchorCell === void 0 ? void 0 : anchorCell.actualRow) !== null && _ref !== void 0 ? _ref : -1;
-		const endRowOfActiveCell = (_ref2 = (_anchorCell$mergeInfo3 = anchorCell === null || anchorCell === void 0 || (_anchorCell$mergeInfo4 = anchorCell.mergeInfo) === null || _anchorCell$mergeInfo4 === void 0 ? void 0 : _anchorCell$mergeInfo4.endRow) !== null && _anchorCell$mergeInfo3 !== void 0 ? _anchorCell$mergeInfo3 : anchorCell === null || anchorCell === void 0 ? void 0 : anchorCell.actualRow) !== null && _ref2 !== void 0 ? _ref2 : -1;
-		const startColumnOfActiveCell = (_ref3 = (_anchorCell$mergeInfo5 = anchorCell === null || anchorCell === void 0 || (_anchorCell$mergeInfo6 = anchorCell.mergeInfo) === null || _anchorCell$mergeInfo6 === void 0 ? void 0 : _anchorCell$mergeInfo6.startColumn) !== null && _anchorCell$mergeInfo5 !== void 0 ? _anchorCell$mergeInfo5 : anchorCell === null || anchorCell === void 0 ? void 0 : anchorCell.actualColumn) !== null && _ref3 !== void 0 ? _ref3 : -1;
-		const endColOfActiveCell = (_ref4 = (_anchorCell$mergeInfo7 = anchorCell === null || anchorCell === void 0 || (_anchorCell$mergeInfo8 = anchorCell.mergeInfo) === null || _anchorCell$mergeInfo8 === void 0 ? void 0 : _anchorCell$mergeInfo8.endColumn) !== null && _anchorCell$mergeInfo7 !== void 0 ? _anchorCell$mergeInfo7 : anchorCell === null || anchorCell === void 0 ? void 0 : anchorCell.actualColumn) !== null && _ref4 !== void 0 ? _ref4 : -1;
+		const anchorCell = this._anchorCellForExpanding ?? activeSelectionControl.model.currentCell;
+		const startRowOfActiveCell = (anchorCell === null || anchorCell === void 0 || (_anchorCell$mergeInfo = anchorCell.mergeInfo) === null || _anchorCell$mergeInfo === void 0 ? void 0 : _anchorCell$mergeInfo.startRow) ?? (anchorCell === null || anchorCell === void 0 ? void 0 : anchorCell.actualRow) ?? -1;
+		const endRowOfActiveCell = (anchorCell === null || anchorCell === void 0 || (_anchorCell$mergeInfo2 = anchorCell.mergeInfo) === null || _anchorCell$mergeInfo2 === void 0 ? void 0 : _anchorCell$mergeInfo2.endRow) ?? (anchorCell === null || anchorCell === void 0 ? void 0 : anchorCell.actualRow) ?? -1;
+		const startColumnOfActiveCell = (anchorCell === null || anchorCell === void 0 || (_anchorCell$mergeInfo3 = anchorCell.mergeInfo) === null || _anchorCell$mergeInfo3 === void 0 ? void 0 : _anchorCell$mergeInfo3.startColumn) ?? (anchorCell === null || anchorCell === void 0 ? void 0 : anchorCell.actualColumn) ?? -1;
+		const endColOfActiveCell = (anchorCell === null || anchorCell === void 0 || (_anchorCell$mergeInfo4 = anchorCell.mergeInfo) === null || _anchorCell$mergeInfo4 === void 0 ? void 0 : _anchorCell$mergeInfo4.endColumn) ?? (anchorCell === null || anchorCell === void 0 ? void 0 : anchorCell.actualColumn) ?? -1;
 		let startRow = Math.min(cursorCellRange.startRow, startRowOfActiveCell);
 		if (startRowOfActiveCell === -1) startRow = cursorCellRange.startRow;
 		let startColumn = Math.min(cursorCellRange.startColumn, startColumnOfActiveCell);
@@ -31806,6 +31743,7 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends _unive
 			[SelectAllService],
 			[ISheetCellDropdownManagerService, { useClass: SheetCellDropdownManagerService }],
 			[SheetCellEditorResizeService],
+			[ISheetLoadingRenderService, { useClass: SheetLoadingRenderService }],
 			[AutoHeightController],
 			[AutoWidthController],
 			[FormulaEditorController],
@@ -31871,7 +31809,6 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends _unive
 		});
 	}
 	_registerRenderModules() {
-		var _config$contextMenu;
 		const modules = [
 			[HeaderMoveRenderController],
 			[HeaderUnhideRenderController],
@@ -31899,7 +31836,7 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends _unive
 			[WorksheetProtectionRenderController]
 		];
 		const config = this._configService.getConfig(_univerjs_ui.UI_PLUGIN_CONFIG_KEY);
-		if ((_config$contextMenu = config === null || config === void 0 ? void 0 : config.contextMenu) !== null && _config$contextMenu !== void 0 ? _config$contextMenu : true) modules.push([HeaderMenuRenderController]);
+		if ((config === null || config === void 0 ? void 0 : config.contextMenu) ?? true) modules.push([HeaderMenuRenderController]);
 		modules.forEach((m) => {
 			this.disposeWithMe(this._renderManagerService.registerRenderModule(_univerjs_core.UniverInstanceType.UNIVER_SHEET, m));
 		});
@@ -32492,7 +32429,6 @@ let UniverSheetsUIPlugin = class UniverSheetsUIPlugin extends _univerjs_core.Plu
 		});
 	}
 	_registerRenderModules() {
-		var _config$contextMenu;
 		const modules = [
 			[HeaderMoveRenderController],
 			[HeaderUnhideRenderController],
@@ -32520,7 +32456,7 @@ let UniverSheetsUIPlugin = class UniverSheetsUIPlugin extends _univerjs_core.Plu
 			[WorksheetProtectionRenderController]
 		];
 		const config = this._configService.getConfig(_univerjs_ui.UI_PLUGIN_CONFIG_KEY);
-		if ((_config$contextMenu = config === null || config === void 0 ? void 0 : config.contextMenu) !== null && _config$contextMenu !== void 0 ? _config$contextMenu : true) modules.push([HeaderMenuRenderController]);
+		if ((config === null || config === void 0 ? void 0 : config.contextMenu) ?? true) modules.push([HeaderMenuRenderController]);
 		modules.forEach((m) => {
 			this.disposeWithMe(this._renderManagerService.registerRenderModule(_univerjs_core.UniverInstanceType.UNIVER_SHEET, m));
 		});
@@ -32540,7 +32476,7 @@ _defineProperty(UniverSheetsUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsUIPlugin, "version", version);
 _defineProperty(UniverSheetsUIPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_SHEET);
 UniverSheetsUIPlugin = __decorate([
-	(0, _univerjs_core.DependentOn)(_univerjs_docs.UniverDocsPlugin, _univerjs_engine_formula.UniverFormulaEnginePlugin, _univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_sheets.UniverSheetsPlugin, _univerjs_ui.UniverUIPlugin, _univerjs_docs_ui.UniverDocsUIPlugin),
+	(0, _univerjs_core.DependentOn)(_univerjs_docs.UniverDocsPlugin, _univerjs_engine_formula.UniverFormulaEnginePlugin, _univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_sheets.UniverSheetsPlugin, _univerjs_docs_ui.UniverDocsUIPlugin),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(2, _univerjs_engine_render.IRenderManagerService),
 	__decorateParam(3, _univerjs_core.IConfigService),