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

package/lib/cjs/index.js

@@ -18,7 +18,7 @@ let rxjs_operators = require("rxjs/operators");
 //#region src/basics/editor/get-editor-object.ts
 function getEditorObject(unitId, renderManagerService) {
 	if (unitId == null) return;
-	const currentRender = renderManagerService.getRenderById(unitId);
+	const currentRender = renderManagerService.getRenderUnitById(unitId);
 	if (currentRender == null) return;
 	const { mainComponent, scene, engine, components } = currentRender;
 	return {
@@ -186,7 +186,7 @@ let SHEET_VIEW_KEY = /* @__PURE__ */ function(SHEET_VIEW_KEY) {
 }({});
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -197,7 +197,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -210,14 +210,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -277,7 +277,7 @@ var SelectionRenderModel = class {
 		return this._rangeType;
 	}
 	/**
-	* @deprecated, Duplicate with `Rectangle`
+	* Compares row and column bounds only.
 	*/
 	isEqual(rangeWithCoord) {
 		const { startColumn, startRow, endColumn, endRow } = this;
@@ -354,9 +354,9 @@ const SetRowHeaderWidthCommand = {
 		const renderManagerSrv = accessor.get(_univerjs_engine_render.IRenderManagerService);
 		if (!renderManagerSrv) return false;
 		const { unitId, subUnitId, size } = params;
-		const render = renderManagerSrv.getRenderById(unitId);
+		const render = renderManagerSrv.getRenderUnitById(unitId);
 		if (render) {
-			renderManagerSrv.getRenderById(unitId).with(SheetSkeletonManagerService).setRowHeaderSize(render, subUnitId, size);
+			renderManagerSrv.getRenderUnitById(unitId).with(SheetSkeletonManagerService).setRowHeaderSize(render, subUnitId, size);
 			const { components } = render;
 			const renderComponent = components.get("__SpreadsheetRowHeader__");
 			if (renderComponent) renderComponent.setCustomHeader({ headerStyle: { size } }, subUnitId);
@@ -372,9 +372,9 @@ const SetColumnHeaderHeightCommand = {
 		const renderManagerSrv = accessor.get(_univerjs_engine_render.IRenderManagerService);
 		if (!renderManagerSrv) return false;
 		const { unitId, subUnitId, size } = params;
-		const render = renderManagerSrv.getRenderById(unitId);
+		const render = renderManagerSrv.getRenderUnitById(unitId);
 		if (render) {
-			renderManagerSrv.getRenderById(unitId).with(SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, size);
+			renderManagerSrv.getRenderUnitById(unitId).with(SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, size);
 			const { components } = render;
 			const renderComponent = components.get("__SpreadsheetColumnHeader__");
 			if (renderComponent) renderComponent.setCustomHeader({ headerStyle: { size } }, subUnitId);
@@ -494,10 +494,6 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 	/**
 	* Reset this._selectionStyle to default normal selection style
 	*/
-	/** @deprecated This should not be provided by the selection render service. */
-	getViewPort() {
-		return this._activeViewport;
-	}
 	setSingleSelectionEnabled(enabled = false) {
 		this._singleSelectionEnabled = enabled;
 	}
@@ -594,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);
@@ -608,7 +603,7 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 	}
 	_getFreeze() {
 		var _this$_sheetSkeletonM;
-		return (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton.getWorksheetConfig().freeze;
+		return (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton.worksheet.getFreeze();
 	}
 	_getViewportByCell(row, column) {
 		if (row === void 0 || column === void 0) return null;
@@ -676,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;
@@ -699,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 = [
@@ -719,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) {
@@ -735,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 {
@@ -769,15 +759,9 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 			});
 		});
 	}
-	/**
-	* @deprecated Please use `getCellWithCoordByOffset` instead.
-	*/
-	getSelectionCellByPosition(x, y) {
-		return this.getCellWithCoordByOffset(x, y);
-	}
 	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);
@@ -786,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;
@@ -984,7 +967,7 @@ function genSelectionByRange(skeleton, range) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -992,7 +975,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1218,7 +1201,7 @@ var SelectionShapeExtension = class {
 	}
 	_getFreeze() {
 		var _withCurrentTypeOfRen;
-		return (_withCurrentTypeOfRen = (0, _univerjs_engine_render.withCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, SheetSkeletonManagerService, this._injector.get(_univerjs_core.IUniverInstanceService), this._injector.get(_univerjs_engine_render.IRenderManagerService))) === null || _withCurrentTypeOfRen === void 0 || (_withCurrentTypeOfRen = _withCurrentTypeOfRen.getCurrentParam()) === null || _withCurrentTypeOfRen === void 0 ? void 0 : _withCurrentTypeOfRen.skeleton.getWorksheetConfig().freeze;
+		return (_withCurrentTypeOfRen = (0, _univerjs_engine_render.withCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, SheetSkeletonManagerService, this._injector.get(_univerjs_core.IUniverInstanceService), this._injector.get(_univerjs_engine_render.IRenderManagerService))) === null || _withCurrentTypeOfRen === void 0 || (_withCurrentTypeOfRen = _withCurrentTypeOfRen.getCurrentParam()) === null || _withCurrentTypeOfRen === void 0 ? void 0 : _withCurrentTypeOfRen.skeleton.worksheet.getFreeze();
 	}
 	_isSelectionInViewport(selection, viewport) {
 		const freeze = this._getFreeze() || {
@@ -1808,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;
@@ -1862,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();
 	}
@@ -2241,29 +2223,6 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 		this._updateControlCoord();
 	}
 	/**
-	* Update selection model with new range & primary cell(aka: highlight/current), also update row/col selection size & style.
-	*
-	* @deprecated  use `updateRangeBySelectionWithCoord` and `updateStyle` to do same thing.
-	*
-	* @param newSelectionRange
-	* @param rowHeaderWidth
-	* @param columnHeaderHeight
-	* @param style
-	* @param primaryCell primary cell
-	*/
-	update(newSelectionRange, rowHeaderWidth = 0, columnHeaderHeight = 0, style, primaryCell) {
-		this._rowHeaderWidth = rowHeaderWidth;
-		this._columnHeaderHeight = columnHeaderHeight;
-		this._rowHeaderOffsetX = 0;
-		this._columnHeaderOffsetY = 0;
-		this.updateRangeBySelectionWithCoord({
-			rangeWithCoord: newSelectionRange,
-			primaryWithCoord: primaryCell,
-			style
-		});
-		if (style) this.updateStyle(style);
-	}
-	/**
 	* Update primary range.
 	* highlight cell would update if primary cell has value.
 	* highlight cell would be cleared if primary cell is null.
@@ -2660,7 +2619,7 @@ let MarkSelectionService = class MarkSelectionService extends _univerjs_core.Dis
 			const { unitId, subUnitId, selection, control: oldControl, zIndex } = shape;
 			oldControl === null || oldControl === void 0 || oldControl.dispose();
 			if (unitId !== currentUnitId || subUnitId !== currentSubUnitId) return;
-			const renderUnit = this._renderManagerService.getRenderById(unitId);
+			const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
 			if (!renderUnit) return;
 			const skeleton = this._sheetSkeletonService.getSkeleton(unitId, subUnitId);
 			if (!skeleton) return;
@@ -2784,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) {
@@ -2928,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)) {
@@ -2945,7 +2903,6 @@ function convertToCellStyle(cell, dataStream, textRuns) {
 		s: textRuns[0].ts
 	};
 	else return cell;
-	return cell;
 }
 
 //#endregion
@@ -3003,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);
@@ -3199,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) => {
@@ -3294,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)) {
@@ -3380,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.
@@ -3405,13 +3357,12 @@ var HtmlToUSMService = class HtmlToUSMService {
 		let cellText = "";
 		let cellRichStyle;
 		if (/<[^>]+>/.test(cellHtml) && skeleton) {
-			var _skeleton$getBlankCel;
 			const newDocBody = {
 				dataStream: "",
 				textRuns: []
 			};
 			this._parseCellHtml(null, cell.childNodes, newDocBody, void 0, styleStr);
-			const documentModel = (_skeleton$getBlankCel = skeleton.getBlankCellDocumentModel()) === null || _skeleton$getBlankCel === void 0 ? void 0 : _skeleton$getBlankCel.documentModel;
+			const documentModel = (0, _univerjs_core.createDocumentModelWithStyle)("", {});
 			const p = documentModel === null || documentModel === void 0 ? void 0 : documentModel.getSnapshot();
 			const singleDataStream = `${newDocBody.dataStream}\r\n`;
 			const documentData = {
@@ -3432,11 +3383,8 @@ var HtmlToUSMService = class HtmlToUSMService {
 		};
 	}
 	_generateDocumentDataModelSnapshot(snapshot) {
-		var _skeleton$getBlankCel2;
-		const currentSkeleton = this._getCurrentSkeleton();
-		if (currentSkeleton == null) return null;
-		const { skeleton } = currentSkeleton;
-		const documentModel = (_skeleton$getBlankCel2 = skeleton.getBlankCellDocumentModel()) === null || _skeleton$getBlankCel2 === void 0 ? void 0 : _skeleton$getBlankCel2.documentModel;
+		if (this._getCurrentSkeleton() == null) return null;
+		const documentModel = (0, _univerjs_core.createDocumentModelWithStyle)("", {});
 		const documentData = {
 			...documentModel === null || documentModel === void 0 ? void 0 : documentModel.getSnapshot(),
 			...snapshot
@@ -3505,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 }
 			});
@@ -4201,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);
@@ -4250,7 +4197,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		return this._clipboardHooks;
 	}
 	_generateCopyContent(unitId, subUnitId, range, hooks, copyHookType = PREDEFINED_HOOK_NAME_COPY.DEFAULT_COPY) {
-		const workbook = this._univerInstanceService.getUniverSheetInstance(unitId);
+		const workbook = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
 		if (!workbook || !worksheet) return null;
 		const filteredRows = hooks.reduce((acc, cur) => {
@@ -4455,7 +4402,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		if (!cellMatrix) return false;
 		const pasteTarget = this._getPastedRange(cellMatrix);
 		if (!pasteTarget) return false;
-		const worksheet = (_this$_univerInstance = this._univerInstanceService.getUniverSheetInstance(pasteTarget.unitId)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(pasteTarget.subUnitId);
+		const worksheet = (_this$_univerInstance = this._univerInstanceService.getUnit(pasteTarget.unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(pasteTarget.subUnitId);
 		if (!worksheet) return false;
 		const mergeData = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getMergeData();
 		if (mergeData.length) {
@@ -4485,7 +4432,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		const { range, matrix: cachedMatrix, unitId: copyUnitId, subUnitId: copySubUnitId } = cachedData || {};
 		if (!cachedMatrix || !cachedData || !range || !copyUnitId || !copySubUnitId) return false;
 		const { mapFunc } = virtualizeDiscreteRanges([range]);
-		const worksheet = (_this$_univerInstance2 = this._univerInstanceService.getUniverSheetInstance(copyUnitId)) === null || _this$_univerInstance2 === void 0 ? void 0 : _this$_univerInstance2.getSheetBySheetId(copySubUnitId);
+		const worksheet = (_this$_univerInstance2 = this._univerInstanceService.getUnit(copyUnitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance2 === void 0 ? void 0 : _this$_univerInstance2.getSheetBySheetId(copySubUnitId);
 		const cellMatrix = new _univerjs_core.ObjectMatrix();
 		cachedMatrix.forValue((row, col, value) => {
 			const { row: actualRow, col: actualColumn } = mapFunc(row, col);
@@ -4508,7 +4455,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		});
 		const pasteTarget = this._getPastedRange(cellMatrix);
 		if (!pasteTarget) return false;
-		const pasteToWorksheet = (_this$_univerInstance3 = this._univerInstanceService.getUniverSheetInstance(pasteTarget.unitId)) === null || _this$_univerInstance3 === void 0 ? void 0 : _this$_univerInstance3.getSheetBySheetId(pasteTarget.subUnitId);
+		const pasteToWorksheet = (_this$_univerInstance3 = this._univerInstanceService.getUnit(pasteTarget.unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance3 === void 0 ? void 0 : _this$_univerInstance3.getSheetBySheetId(pasteTarget.subUnitId);
 		if (!pasteToWorksheet) return false;
 		const mergeData = pasteToWorksheet === null || pasteToWorksheet === void 0 ? void 0 : pasteToWorksheet.getMergeData();
 		if (mergeData) {
@@ -4684,7 +4631,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		var _this$_univerInstance4, _this$_renderManagerS;
 		const worksheet = (_this$_univerInstance4 = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance4 === void 0 ? void 0 : _this$_univerInstance4.getSheetBySheetId(subUnitId);
 		if (!worksheet) return null;
-		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
 		if (!skeleton) return null;
 		const rowManager = worksheet.getRowManager();
 		const defaultRowHeight = worksheet.getConfig().defaultRowHeight;
@@ -4724,7 +4671,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 	}
 	_getSetSelectionOperation(unitId, subUnitId, range, cellMatrix, pasteType) {
 		var _this$_univerInstance5;
-		const worksheet = (_this$_univerInstance5 = this._univerInstanceService.getUniverSheetInstance(unitId)) === null || _this$_univerInstance5 === void 0 ? void 0 : _this$_univerInstance5.getSheetBySheetId(subUnitId);
+		const worksheet = (_this$_univerInstance5 = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance5 === void 0 ? void 0 : _this$_univerInstance5.getSheetBySheetId(subUnitId);
 		if (!worksheet) return null;
 		const { rows, cols } = range;
 		const startRow = rows[0];
@@ -4916,7 +4863,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		if (rowCount <= 0 || colCount <= 0) return null;
 		const pasteSelectionRangeRowLen = discreteRange.rows.length;
 		const pasteSelectionRangeColLen = discreteRange.cols.length;
-		const worksheet = (_this$_univerInstance6 = this._univerInstanceService.getUniverSheetInstance(unitId)) === null || _this$_univerInstance6 === void 0 ? void 0 : _this$_univerInstance6.getSheetBySheetId(subUnitId);
+		const worksheet = (_this$_univerInstance6 = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance6 === void 0 ? void 0 : _this$_univerInstance6.getSheetBySheetId(subUnitId);
 		if (!worksheet) return null;
 		const mergeData = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getMergeData();
 		if (pasteSelectionRangeRowLen % rowCount === 0 && pasteSelectionRangeColLen % colCount === 0) {
@@ -4943,7 +4890,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 	}
 	_expandOrShrinkRowsCols(unitId, subUnitId, range, colCount, rowCount) {
 		const { rows, cols } = range;
-		const workbook = this._univerInstanceService.getUniverSheetInstance(unitId);
+		const workbook = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
 		let newRows;
 		let newCols;
@@ -5241,7 +5188,7 @@ const DeleteRangeMoveLeftConfirmCommand = {
 		};
 		const getRowLength = (range) => range.endRow - range.startRow;
 		if (!worksheet.getMergeData().find((mergeRange) => {
-			const interSectedRange = _univerjs_core.Rectangle.getIntersects(mergeRange, range);
+			const interSectedRange = (0, _univerjs_core.getIntersectRange)(mergeRange, range);
 			return interSectedRange ? getRowLength(mergeRange) > getRowLength(interSectedRange) : false;
 		})) return commandService.executeCommand(_univerjs_sheets.DeleteRangeMoveLeftCommand.id);
 		if (await confirmService.confirm({
@@ -5287,7 +5234,7 @@ const DeleteRangeMoveUpConfirmCommand = {
 		}
 		const getColLength = (range) => range.endColumn - range.startColumn;
 		if (!worksheet.getMergeData().find((mergeRange) => {
-			const interSectedRange = _univerjs_core.Rectangle.getIntersects(mergeRange, range);
+			const interSectedRange = (0, _univerjs_core.getIntersectRange)(mergeRange, range);
 			return interSectedRange ? getColLength(mergeRange) > getColLength(interSectedRange) : false;
 		})) return commandService.executeCommand(_univerjs_sheets.DeleteRangeMoveUpCommand.id);
 		if (await confirmService.confirm({
@@ -5636,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);
@@ -5769,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;
@@ -5869,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);
 		}
@@ -5900,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);
 		}
@@ -5977,7 +5920,7 @@ const InsertRangeMoveDownConfirmCommand = {
 		}
 		const getColLength = (range) => range.endColumn - range.startColumn;
 		if (!worksheet.getMergeData().find((mergeRange) => {
-			const interSectedRange = _univerjs_core.Rectangle.getIntersects(mergeRange, range);
+			const interSectedRange = (0, _univerjs_core.getIntersectRange)(mergeRange, range);
 			return interSectedRange ? getColLength(mergeRange) > getColLength(interSectedRange) : false;
 		})) return commandService.executeCommand(_univerjs_sheets.InsertRangeMoveDownCommand.id);
 		if (await confirmService.confirm({
@@ -6015,7 +5958,7 @@ const InsertRangeMoveRightConfirmCommand = {
 		};
 		const getRowLength = (range) => range.endRow - range.startRow;
 		if (!worksheet.getMergeData().find((mergeRange) => {
-			const interSectedRange = _univerjs_core.Rectangle.getIntersects(mergeRange, range);
+			const interSectedRange = (0, _univerjs_core.getIntersectRange)(mergeRange, range);
 			return interSectedRange ? getRowLength(mergeRange) > getRowLength(interSectedRange) : false;
 		})) return commandService.executeCommand(_univerjs_sheets.InsertRangeMoveRightCommand.id);
 		if (await confirmService.confirm({
@@ -6462,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));
@@ -6610,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
@@ -6619,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
@@ -6700,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,
@@ -6732,7 +6675,7 @@ const SetSelectionFrozenCommand = {
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const selections = accessor.get(_univerjs_sheets.SheetsSelectionsService).getCurrentSelections();
 		if (!selections) return false;
-		const { sheetViewStartRow = 0, sheetViewStartColumn = 0 } = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId).with(SheetScrollManagerService).getCurrentScrollState() || {};
+		const { sheetViewStartRow = 0, sheetViewStartColumn = 0 } = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId).with(SheetScrollManagerService).getCurrentScrollState() || {};
 		let startRow;
 		let startColumn;
 		let freezedRowCount;
@@ -6748,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) {
@@ -7083,7 +7025,7 @@ const MoveSelectionEnterAndTabCommand = {
 			reveal: true,
 			extra: params.extra
 		});
-		const selectionService = (_renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(ISheetSelectionRenderService);
+		const selectionService = (_renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(ISheetSelectionRenderService);
 		selectionService === null || selectionService === void 0 || selectionService.refreshSelectionMoveEnd();
 		return rs;
 	}
@@ -7217,7 +7159,7 @@ function getSheetObject(univerInstanceService, renderManagerService) {
 	const unitId = workbook.getUnitId();
 	let components, mainComponent, scene, engine;
 	if (isRenderManagerService(renderManagerService)) {
-		const currentRender = renderManagerService.getRenderById(unitId);
+		const currentRender = renderManagerService.getRenderUnitById(unitId);
 		if (currentRender == null) return null;
 		components = currentRender.components;
 		components = currentRender.components;
@@ -7554,9 +7496,7 @@ let SheetsScrollRenderController = class SheetsScrollRenderController extends _u
 	}
 	_getFreeze() {
 		var _this$_sheetSkeletonM4;
-		const snapshot = (_this$_sheetSkeletonM4 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM4 === void 0 ? void 0 : _this$_sheetSkeletonM4.skeleton.getWorksheetConfig();
-		if (snapshot == null) return;
-		return snapshot.freeze;
+		return (_this$_sheetSkeletonM4 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM4 === void 0 ? void 0 : _this$_sheetSkeletonM4.skeleton.worksheet.getFreeze();
 	}
 	_getSheetObject() {
 		return getSheetObject(this._context.unit, this._context);
@@ -7575,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() {
@@ -7598,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;
@@ -7693,8 +7632,8 @@ const SetScrollOperation = {
 		if (!params) return false;
 		const { unitId, sheetId, offsetX = 0, offsetY = 0, sheetViewStartColumn, sheetViewStartRow, duration, screenRatioX, screenRatioY } = params;
 		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
-		const scrollManagerService = renderManagerService.getRenderById(unitId).with(SheetScrollManagerService);
-		const renderUnit = renderManagerService.getRenderById(unitId);
+		const scrollManagerService = renderManagerService.getRenderUnitById(unitId).with(SheetScrollManagerService);
+		const renderUnit = renderManagerService.getRenderUnitById(unitId);
 		if (!renderUnit) return false;
 		const engine = renderUnit.engine;
 		const canvasWidth = engine.width;
@@ -7731,7 +7670,7 @@ const SetScrollRelativeCommand = {
 		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
 		if (!target) return false;
 		const { unitId, subUnitId } = target;
-		const currentScroll = renderManagerSrv.getRenderById(unitId).with(SheetScrollManagerService).getCurrentScrollState();
+		const currentScroll = renderManagerSrv.getRenderUnitById(unitId).with(SheetScrollManagerService).getCurrentScrollState();
 		const { offsetX = 0, offsetY = 0 } = params || {};
 		const { sheetViewStartRow = 0, sheetViewStartColumn = 0, offsetX: currentOffsetX = 0, offsetY: currentOffsetY = 0 } = currentScroll || {};
 		return commandService.executeCommand(SetScrollOperation.id, {
@@ -7759,7 +7698,7 @@ const ScrollCommand = {
 		const target = params.unitId ? getScrollCommandTargetByParams(univerInstanceService, params) : (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
 		if (!target) return false;
 		const { workbook, worksheet, unitId } = target;
-		const renderUnit = renderManagerSrv.getRenderById(unitId);
+		const renderUnit = renderManagerSrv.getRenderUnitById(unitId);
 		if (!renderUnit) return false;
 		const currentScroll = renderUnit.with(SheetScrollManagerService).getCurrentScrollState();
 		if (!worksheet) return false;
@@ -7769,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
 		});
 	}
@@ -7797,7 +7736,7 @@ const ScrollToCellCommand = {
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: (accessor, params) => {
 		const instanceService = accessor.get(_univerjs_core.IUniverInstanceService);
-		return accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId()).with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
+		return accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId()).with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
 	}
 };
 /**
@@ -7851,7 +7790,7 @@ let AutoWidthController = class AutoWidthController extends _univerjs_core.Dispo
 		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService, params);
 		if (!target) return defaultValue;
 		const { unitId, subUnitId, worksheet } = target;
-		const sheetSkeletonService = this._renderManagerService.getRenderById(unitId).with(SheetSkeletonManagerService);
+		const sheetSkeletonService = this._renderManagerService.getRenderUnitById(unitId).with(SheetSkeletonManagerService);
 		if (!sheetSkeletonService.getCurrentParam()) return defaultValue;
 		const { skeleton } = sheetSkeletonService.getCurrentParam();
 		const colsAutoWidthInfo = skeleton.calculateAutoWidthInRange(params.ranges);
@@ -7915,6 +7854,162 @@ const SetWorksheetColAutoWidthCommand = {
 	}
 };
 
+//#endregion
+//#region src/common/utils.ts
+function getUserListEqual(userList1, userList2) {
+	if (userList1.length !== userList2.length) return false;
+	const sorted1 = userList1.sort((a, b) => a.id.localeCompare(b.id));
+	const sorted2 = userList2.sort((a, b) => a.id.localeCompare(b.id));
+	return sorted1.every((user, index) => {
+		var _user$subject, _sorted2$index$subjec;
+		return ((_user$subject = user.subject) === null || _user$subject === void 0 ? void 0 : _user$subject.userID) === ((_sorted2$index$subjec = sorted2[index].subject) === null || _sorted2$index$subjec === void 0 ? void 0 : _sorted2$index$subjec.userID) && user.role === sorted2[index].role;
+	});
+}
+function checkCellContentInRanges(worksheet, ranges) {
+	return ranges.some((range) => checkCellContentInRange(worksheet, range));
+}
+function checkCellContentInRange(worksheet, range) {
+	const { startRow, startColumn, endColumn, endRow } = range;
+	const cellMatrix = worksheet.getMatrixWithMergedCells(startRow, startColumn, endRow, endColumn);
+	let someCellGoingToBeRemoved = false;
+	cellMatrix.forValue((row, col, cellData) => {
+		if (cellData && (row !== startRow || col !== startColumn) && worksheet.cellHasValue(cellData)) {
+			someCellGoingToBeRemoved = true;
+			return false;
+		}
+	});
+	return someCellGoingToBeRemoved;
+}
+function getCellIndexByOffsetWithMerge(offsetX, offsetY, scene, skeleton) {
+	const activeViewport = scene.getActiveViewportByCoord(_univerjs_engine_render.Vector2.FromArray([offsetX, offsetY]));
+	if (!activeViewport) return;
+	const { scaleX, scaleY } = scene.getAncestorScale();
+	const scrollXY = {
+		x: activeViewport.viewportScrollX,
+		y: activeViewport.viewportScrollY
+	};
+	const cellIndex = skeleton.getCellIndexByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY);
+	const mergeCell = skeleton.worksheet.getMergedCell(cellIndex.row, cellIndex.column);
+	return {
+		actualRow: mergeCell ? mergeCell.startRow : cellIndex.row,
+		actualCol: mergeCell ? mergeCell.startColumn : cellIndex.column,
+		mergeCell,
+		row: cellIndex.row,
+		col: cellIndex.column
+	};
+}
+function getViewportByCell(row, column, scene, worksheet) {
+	const freeze = worksheet.getFreeze();
+	if (!freeze || freeze.startRow <= 0 && freeze.startColumn <= 0) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
+	if (row >= freeze.startRow && column >= freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
+	if (row < freeze.startRow && column < freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT_TOP);
+	if (row < freeze.startRow && column >= freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_TOP);
+	if (row >= freeze.startRow && column < freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT);
+}
+function transformBound2OffsetBound(originBound, scene, skeleton, worksheet) {
+	const topLeft = transformPosition2Offset(originBound.left, originBound.top, scene, skeleton, worksheet);
+	const bottomRight = transformPosition2Offset(originBound.right, originBound.bottom, scene, skeleton, worksheet);
+	return {
+		left: topLeft.x,
+		top: topLeft.y,
+		right: bottomRight.x,
+		bottom: bottomRight.y
+	};
+}
+function transformPosition2Offset(x, y, scene, skeleton, worksheet) {
+	const { scaleX, scaleY } = scene.getAncestorScale();
+	const viewMain = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
+	if (!viewMain) return {
+		x,
+		y
+	};
+	const { startColumn, startRow, xSplit, ySplit } = worksheet.getFreeze();
+	const startSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow - ySplit, startColumn - xSplit, false);
+	const endSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow, startColumn, false);
+	const { rowHeaderWidth, columnHeaderHeight } = skeleton;
+	const freezeWidth = endSheetView.startX - startSheetView.startX;
+	const freezeHeight = endSheetView.startY - startSheetView.startY;
+	const { top, left, viewportScrollX, viewportScrollY } = viewMain;
+	let offsetX;
+	if (x > left) offsetX = (x - viewportScrollX) * scaleX;
+	else offsetX = (freezeWidth + rowHeaderWidth - (left - x)) * scaleX;
+	let offsetY;
+	if (y > top) offsetY = (y - viewportScrollY) * scaleY;
+	else offsetY = (freezeHeight + columnHeaderHeight - (top - y)) * scaleX;
+	return {
+		x: offsetX,
+		y: offsetY
+	};
+}
+function getCellRealRange(workbook, worksheet, skeleton, row, col) {
+	let actualRow = row;
+	let actualCol = col;
+	skeleton.overflowCache.forValue((r, c, range) => {
+		if (range.startRow <= actualRow && range.endRow >= actualRow && range.startColumn <= actualCol && range.endColumn >= actualCol) {
+			actualCol = c;
+			actualRow = r;
+		}
+	});
+	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualCol);
+	return {
+		unitId: workbook.getUnitId(),
+		subUnitId: worksheet.getSheetId(),
+		workbook,
+		worksheet,
+		row: actualCell.actualRow,
+		col: actualCell.actualColumn
+	};
+}
+function getHoverCellPosition(currentRender, workbook, worksheet, skeletonParam, offsetX, offsetY) {
+	const { scene } = currentRender;
+	const unitId = workbook.getUnitId();
+	const { skeleton, sheetId } = skeletonParam;
+	const cellIndex = getCellIndexByOffsetWithMerge(offsetX, offsetY, scene, skeleton);
+	if (!cellIndex) return null;
+	let { actualCol, actualRow } = cellIndex;
+	const originLocation = {
+		unitId,
+		subUnitId: sheetId,
+		workbook,
+		worksheet,
+		row: actualRow,
+		col: actualCol
+	};
+	skeleton.overflowCache.forValue((r, c, range) => {
+		if (range.startRow <= actualRow && range.endRow >= actualRow && range.startColumn <= actualCol && range.endColumn >= actualCol) {
+			actualCol = c;
+			actualRow = r;
+		}
+	});
+	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualCol);
+	const location = getCellRealRange(workbook, worksheet, skeleton, actualRow, actualCol);
+	let anchorCell;
+	if (actualCell.mergeInfo) anchorCell = actualCell.mergeInfo;
+	else anchorCell = {
+		startRow: location.row,
+		endRow: location.row,
+		startColumn: location.col,
+		endColumn: location.col
+	};
+	const activeViewport = scene.getActiveViewportByCoord(_univerjs_engine_render.Vector2.FromArray([offsetX, offsetY]));
+	if (!activeViewport) return;
+	const { scaleX, scaleY } = scene.getAncestorScale();
+	const scrollXY = {
+		x: activeViewport.viewportScrollX,
+		y: activeViewport.viewportScrollY
+	};
+	return {
+		position: {
+			startX: (skeleton.getOffsetByColumn(anchorCell.startColumn - 1) - scrollXY.x) * scaleX,
+			endX: (skeleton.getOffsetByColumn(anchorCell.endColumn) - scrollXY.x) * scaleX,
+			startY: (skeleton.getOffsetByRow(anchorCell.startRow - 1) - scrollXY.y) * scaleY,
+			endY: (skeleton.getOffsetByRow(anchorCell.endRow) - scrollXY.y) * scaleY
+		},
+		location: originLocation,
+		overflowLocation: location
+	};
+}
+
 //#endregion
 //#region src/services/editor-bridge.service.ts
 let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Disposable {
@@ -7988,15 +8083,16 @@ let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Dispo
 		if (!workbook || workbook.getUnitId() !== unitId) return;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet || worksheet.getSheetId() !== sheetId) return;
-		const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
-		if (!renderUnit) return;
+		if (!this._renderManagerService.getRenderUnitById(unitId)) return;
 		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, sheetId);
 		if (!skeleton) return;
 		const actualRangeWithCoord = (0, _univerjs_core.convertCellToRange)((0, _univerjs_sheets.attachPrimaryWithCoord)(skeleton, primary));
 		const canvasOffset = (0, _univerjs_docs_ui.getCanvasOffsetByEngine)(engine);
 		let { startX, startY, endX, endY } = actualRangeWithCoord;
 		const { scaleX, scaleY } = scene.getAncestorScale();
-		const scrollXY = scene.getViewportScrollXY(renderUnit.with(ISheetSelectionRenderService).getViewPort());
+		const viewport = getViewportByCell(primary.startRow, primary.startColumn, scene, worksheet);
+		if (!viewport) return;
+		const scrollXY = scene.getViewportScrollXY(viewport);
 		startX = (0, _univerjs_engine_render.convertTransformToOffsetX)(startX, scaleX, scrollXY);
 		startY = (0, _univerjs_engine_render.convertTransformToOffsetY)(startY, scaleY, scrollXY);
 		endX = (0, _univerjs_engine_render.convertTransformToOffsetX)(endX, scaleX, scrollXY);
@@ -8087,8 +8183,7 @@ let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Dispo
 		if (!workbook || workbook.getUnitId() !== unitId) return;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet || worksheet.getSheetId() !== sheetId) return;
-		const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
-		if (!renderUnit) return;
+		if (!this._renderManagerService.getRenderUnitById(unitId)) return;
 		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, sheetId);
 		if (!skeleton) return;
 		const { startRow, startColumn } = primary;
@@ -8096,7 +8191,9 @@ let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Dispo
 		const canvasOffset = (0, _univerjs_docs_ui.getCanvasOffsetByEngine)(engine);
 		let { startX, startY, endX, endY } = actualRangeWithCoord;
 		const { scaleX, scaleY } = scene.getAncestorScale();
-		const scrollXY = scene.getViewportScrollXY(renderUnit.with(ISheetSelectionRenderService).getViewPort());
+		const viewport = getViewportByCell(startRow, startColumn, scene, worksheet);
+		if (!viewport) return;
+		const scrollXY = scene.getViewportScrollXY(viewport);
 		startX = (0, _univerjs_engine_render.convertTransformToOffsetX)(startX, scaleX, scrollXY);
 		startY = (0, _univerjs_engine_render.convertTransformToOffsetY)(startY, scaleY, scrollXY);
 		endX = (0, _univerjs_engine_render.convertTransformToOffsetX)(endX, scaleX, scrollXY);
@@ -8162,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;
@@ -8278,7 +8374,7 @@ const SetZoomRatioOperation = {
 	id: "sheet.operation.set-zoom-ratio",
 	type: _univerjs_core.CommandType.OPERATION,
 	handler: (accessor, params) => {
-		const renderUnit = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(params.unitId);
+		const renderUnit = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(params.unitId);
 		if (!renderUnit) return false;
 		return renderUnit.with(SheetsZoomRenderController).updateZoom(params.subUnitId, params.zoomRatio);
 	}
@@ -8463,7 +8559,6 @@ const SHEETS_UI_PLUGIN_CONFIG_KEY = "sheets-ui.config";
 const configSymbol = Symbol(SHEETS_UI_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {
 	formulaBar: true,
-	statusBarStatistic: true,
 	protectedRangeShadow: true,
 	maxAutoHeightCount: 1e3
 };
@@ -8495,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;
 	}
@@ -8516,8 +8611,6 @@ const SetCellEditVisibleWithF2Operation = {
 /**
 * When the editor is not clicked to change the cursor,
 * the arrow keys will exit editing and move the cell.
-*
-* @deprecated Should not use operation as an event.
 */
 const SetCellEditVisibleArrowOperation = {
 	id: "sheet.operation.set-cell-edit-visible-arrow",
@@ -8543,13 +8636,13 @@ 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.getRenderById(unitId);
+		const renderUnit = renderManagerService.getRenderUnitById(unitId);
 		if (!renderUnit) return false;
 		return renderUnit.with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
 	}
@@ -8568,7 +8661,6 @@ const SheetPermissionOpenDialogOperation = {
 			title: { title: "sheets-ui.permission.dialog.allowedPermissionType" },
 			children: { label: UNIVER_SHEET_PERMISSION_DIALOG },
 			width: 393,
-			destroyOnClose: true,
 			onClose: () => dialogService.close(UNIVER_SHEET_PERMISSION_DIALOG_ID)
 		});
 		return true;
@@ -8624,162 +8716,6 @@ const SidebarDefinedNameOperation = {
 	}
 };
 
-//#endregion
-//#region src/common/utils.ts
-function getUserListEqual(userList1, userList2) {
-	if (userList1.length !== userList2.length) return false;
-	const sorted1 = userList1.sort((a, b) => a.id.localeCompare(b.id));
-	const sorted2 = userList2.sort((a, b) => a.id.localeCompare(b.id));
-	return sorted1.every((user, index) => {
-		var _user$subject, _sorted2$index$subjec;
-		return ((_user$subject = user.subject) === null || _user$subject === void 0 ? void 0 : _user$subject.userID) === ((_sorted2$index$subjec = sorted2[index].subject) === null || _sorted2$index$subjec === void 0 ? void 0 : _sorted2$index$subjec.userID) && user.role === sorted2[index].role;
-	});
-}
-function checkCellContentInRanges(worksheet, ranges) {
-	return ranges.some((range) => checkCellContentInRange(worksheet, range));
-}
-function checkCellContentInRange(worksheet, range) {
-	const { startRow, startColumn, endColumn, endRow } = range;
-	const cellMatrix = worksheet.getMatrixWithMergedCells(startRow, startColumn, endRow, endColumn);
-	let someCellGoingToBeRemoved = false;
-	cellMatrix.forValue((row, col, cellData) => {
-		if (cellData && (row !== startRow || col !== startColumn) && worksheet.cellHasValue(cellData)) {
-			someCellGoingToBeRemoved = true;
-			return false;
-		}
-	});
-	return someCellGoingToBeRemoved;
-}
-function getCellIndexByOffsetWithMerge(offsetX, offsetY, scene, skeleton) {
-	const activeViewport = scene.getActiveViewportByCoord(_univerjs_engine_render.Vector2.FromArray([offsetX, offsetY]));
-	if (!activeViewport) return;
-	const { scaleX, scaleY } = scene.getAncestorScale();
-	const scrollXY = {
-		x: activeViewport.viewportScrollX,
-		y: activeViewport.viewportScrollY
-	};
-	const cellIndex = skeleton.getCellIndexByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY);
-	const mergeCell = skeleton.worksheet.getMergedCell(cellIndex.row, cellIndex.column);
-	return {
-		actualRow: mergeCell ? mergeCell.startRow : cellIndex.row,
-		actualCol: mergeCell ? mergeCell.startColumn : cellIndex.column,
-		mergeCell,
-		row: cellIndex.row,
-		col: cellIndex.column
-	};
-}
-function getViewportByCell(row, column, scene, worksheet) {
-	const freeze = worksheet.getFreeze();
-	if (!freeze || freeze.startRow <= 0 && freeze.startColumn <= 0) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
-	if (row >= freeze.startRow && column >= freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
-	if (row < freeze.startRow && column < freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT_TOP);
-	if (row < freeze.startRow && column >= freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_TOP);
-	if (row >= freeze.startRow && column < freeze.startColumn) return scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT);
-}
-function transformBound2OffsetBound(originBound, scene, skeleton, worksheet) {
-	const topLeft = transformPosition2Offset(originBound.left, originBound.top, scene, skeleton, worksheet);
-	const bottomRight = transformPosition2Offset(originBound.right, originBound.bottom, scene, skeleton, worksheet);
-	return {
-		left: topLeft.x,
-		top: topLeft.y,
-		right: bottomRight.x,
-		bottom: bottomRight.y
-	};
-}
-function transformPosition2Offset(x, y, scene, skeleton, worksheet) {
-	const { scaleX, scaleY } = scene.getAncestorScale();
-	const viewMain = scene.getViewport(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
-	if (!viewMain) return {
-		x,
-		y
-	};
-	const { startColumn, startRow, xSplit, ySplit } = worksheet.getFreeze();
-	const startSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow - ySplit, startColumn - xSplit, false);
-	const endSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow, startColumn, false);
-	const { rowHeaderWidth, columnHeaderHeight } = skeleton;
-	const freezeWidth = endSheetView.startX - startSheetView.startX;
-	const freezeHeight = endSheetView.startY - startSheetView.startY;
-	const { top, left, viewportScrollX, viewportScrollY } = viewMain;
-	let offsetX;
-	if (x > left) offsetX = (x - viewportScrollX) * scaleX;
-	else offsetX = (freezeWidth + rowHeaderWidth - (left - x)) * scaleX;
-	let offsetY;
-	if (y > top) offsetY = (y - viewportScrollY) * scaleY;
-	else offsetY = (freezeHeight + columnHeaderHeight - (top - y)) * scaleX;
-	return {
-		x: offsetX,
-		y: offsetY
-	};
-}
-function getCellRealRange(workbook, worksheet, skeleton, row, col) {
-	let actualRow = row;
-	let actualCol = col;
-	skeleton.overflowCache.forValue((r, c, range) => {
-		if (range.startRow <= actualRow && range.endRow >= actualRow && range.startColumn <= actualCol && range.endColumn >= actualCol) {
-			actualCol = c;
-			actualRow = r;
-		}
-	});
-	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualCol);
-	return {
-		unitId: workbook.getUnitId(),
-		subUnitId: worksheet.getSheetId(),
-		workbook,
-		worksheet,
-		row: actualCell.actualRow,
-		col: actualCell.actualColumn
-	};
-}
-function getHoverCellPosition(currentRender, workbook, worksheet, skeletonParam, offsetX, offsetY) {
-	const { scene } = currentRender;
-	const unitId = workbook.getUnitId();
-	const { skeleton, sheetId } = skeletonParam;
-	const cellIndex = getCellIndexByOffsetWithMerge(offsetX, offsetY, scene, skeleton);
-	if (!cellIndex) return null;
-	let { actualCol, actualRow } = cellIndex;
-	const originLocation = {
-		unitId,
-		subUnitId: sheetId,
-		workbook,
-		worksheet,
-		row: actualRow,
-		col: actualCol
-	};
-	skeleton.overflowCache.forValue((r, c, range) => {
-		if (range.startRow <= actualRow && range.endRow >= actualRow && range.startColumn <= actualCol && range.endColumn >= actualCol) {
-			actualCol = c;
-			actualRow = r;
-		}
-	});
-	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualCol);
-	const location = getCellRealRange(workbook, worksheet, skeleton, actualRow, actualCol);
-	let anchorCell;
-	if (actualCell.mergeInfo) anchorCell = actualCell.mergeInfo;
-	else anchorCell = {
-		startRow: location.row,
-		endRow: location.row,
-		startColumn: location.col,
-		endColumn: location.col
-	};
-	const activeViewport = scene.getActiveViewportByCoord(_univerjs_engine_render.Vector2.FromArray([offsetX, offsetY]));
-	if (!activeViewport) return;
-	const { scaleX, scaleY } = scene.getAncestorScale();
-	const scrollXY = {
-		x: activeViewport.viewportScrollX,
-		y: activeViewport.viewportScrollY
-	};
-	return {
-		position: {
-			startX: (skeleton.getOffsetByColumn(anchorCell.startColumn - 1) - scrollXY.x) * scaleX,
-			endX: (skeleton.getOffsetByColumn(anchorCell.endColumn) - scrollXY.x) * scaleX,
-			startY: (skeleton.getOffsetByRow(anchorCell.startRow - 1) - scrollXY.y) * scaleY,
-			endY: (skeleton.getOffsetByRow(anchorCell.endRow) - scrollXY.y) * scaleY
-		},
-		location: originLocation,
-		overflowLocation: location
-	};
-}
-
 //#endregion
 //#region src/consts/plugin-name.ts
 /**
@@ -8859,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) {
@@ -9131,7 +9064,7 @@ let AutoHeightController = class AutoHeightController extends _univerjs_core.Dis
 				subUnitId = worksheet.getSheetId();
 			}
 		}
-		const skeleton = this._renderManagerService.getRenderById(unitId).with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const skeleton = this._renderManagerService.getRenderUnitById(unitId).with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
 		if (!skeleton) return {
 			redos: [],
 			undos: []
@@ -9166,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);
 		} }));
 	}
@@ -9197,7 +9130,7 @@ let CellCustomRenderController = class CellCustomRenderController extends _unive
 			if (!skeletonParam) return;
 			const unitId = this._context.unitId;
 			const { skeleton } = skeletonParam;
-			const currentRender = this._renderManagerService.getRenderById(unitId);
+			const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 			if (currentRender && currentRender.mainComponent) {
 				const spreadsheet = currentRender.mainComponent;
 				const getActiveRender = (evt) => {
@@ -9232,7 +9165,7 @@ let CellCustomRenderController = class CellCustomRenderController extends _unive
 					const subUnitId = worksheet.getSheetId();
 					const info = {
 						data: cellData,
-						style: skeleton.getStyles().getStyleByCell(cellData),
+						style: worksheet.getComposedCellStyleByCellData(row, col, cellData),
 						primaryWithCoord: skeleton.getCellWithCoordByIndex(cellIndex.actualRow, cellIndex.actualCol),
 						unitId,
 						subUnitId,
@@ -9693,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
 	};
 }
 
@@ -9717,7 +9649,7 @@ let SheetSkeletonRenderController = class SheetSkeletonRenderController extends
 		if (param == null) return;
 		const { unitId } = this._context;
 		const { skeleton } = param;
-		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
+		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
 		if (skeleton == null || scene == null) return;
 		const { rowTotalHeight, columnTotalWidth, rowHeaderWidthAndMarginLeft, columnHeaderHeightAndMarginTop } = skeleton;
 		if (!this._context.unit.getActiveSheet()) return;
@@ -9775,7 +9707,9 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends _univerj
 		if (!loadingRender) return;
 		let shouldRender = false;
 		if (!loadingRender.render) {
-			loadingRender.render = this._createLoadingRender(loadingRender.workbook, loadingRender.sourceUnitId);
+			const contentElement = this._layoutService.getContentElement();
+			if (!contentElement) return;
+			loadingRender.render = this._createLoadingRender(loadingRender.workbook, loadingRender.sourceUnitId, contentElement);
 			shouldRender = true;
 		}
 		const worksheet = loadingRender.workbook.getSheetBySheetId(activeSheetId);
@@ -9814,6 +9748,10 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends _univerj
 	async handoff(sourceUnitId, timeoutMs) {
 		var _this$_loadingRender2, _this$_finalCanvasGua;
 		if (((_this$_loadingRender2 = this._loadingRender) === null || _this$_loadingRender2 === void 0 ? void 0 : _this$_loadingRender2.sourceUnitId) !== sourceUnitId) return true;
+		if (!this._loadingRender.render) {
+			this.hide(sourceUnitId);
+			return true;
+		}
 		(_this$_finalCanvasGua = this._finalCanvasGuard) === null || _this$_finalCanvasGua === void 0 || _this$_finalCanvasGua.unsubscribe();
 		this._finalCanvasGuard = null;
 		try {
@@ -9849,9 +9787,8 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends _univerj
 		if (activeSheet) workbook.setActiveSheet(activeSheet);
 		return workbook;
 	}
-	_createLoadingRender(workbook, sourceUnitId) {
+	_createLoadingRender(workbook, sourceUnitId, contentElement) {
 		const previewUnitId = workbook.getUnitId();
-		const contentElement = this._layoutService.getContentElement();
 		const { width, height } = contentElement.getBoundingClientRect();
 		const engine = this._injector.createInstance(_univerjs_engine_render.Engine, previewUnitId, void 0);
 		const scene = new _univerjs_engine_render.Scene(`${PREVIEW_SCENE_PREFIX}${previewUnitId}`, engine, {
@@ -9886,10 +9823,10 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends _univerj
 	_waitForFinalCanvas(render) {
 		return new rxjs.Observable((subscriber) => {
 			let frameId;
-			const contentElement = this._layoutService.getContentElement();
 			const canvasElement = render.engine.getCanvasElement();
 			const checkMounted = () => {
-				if (canvasElement.parentElement === contentElement && canvasElement.width > 0 && canvasElement.height > 0) {
+				const contentElement = this._layoutService.getContentElement();
+				if (contentElement && canvasElement.parentElement === contentElement && canvasElement.width > 0 && canvasElement.height > 0) {
 					subscriber.next();
 					subscriber.complete();
 					return;
@@ -9903,7 +9840,7 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends _univerj
 		});
 	}
 	_getFinalRender$(sourceUnitId) {
-		const existingRender = this._renderManagerService.getRenderById(sourceUnitId);
+		const existingRender = this._renderManagerService.getRenderUnitById(sourceUnitId);
 		return existingRender ? (0, rxjs.of)(existingRender) : this._renderManagerService.created$.pipe((0, rxjs.filter)((render) => render.unitId === sourceUnitId));
 	}
 	_guardFinalCanvas(sourceUnitId) {
@@ -9970,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);
@@ -10031,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();
@@ -10043,24 +9973,24 @@ const useMenuPosition = (range) => {
 		endCol: range.cols[range.cols.length - 1]
 	};
 	if (anchor.endRow < 0 || anchor.endCol < 0) return null;
-	const ru = renderManagerService.getRenderById(workbook.getUnitId());
+	const ru = renderManagerService.getRenderUnitById(workbook.getUnitId());
 	const sheetSkeletonManagerService = ru === null || ru === void 0 ? void 0 : ru.with(SheetSkeletonManagerService);
-	const selectionRenderService = ru === null || ru === void 0 ? void 0 : ru.with(ISheetSelectionRenderService);
 	const sheetObject = getSheetObject(univerInstanceService, renderManagerService);
-	if (!sheetObject || !selectionRenderService) return null;
+	if (!sheetObject) return null;
 	const { scene } = sheetObject;
 	const skeleton = sheetSkeletonManagerService === null || sheetSkeletonManagerService === void 0 ? void 0 : sheetSkeletonManagerService.getCurrentSkeleton();
-	const viewport = selectionRenderService.getViewPort();
+	const viewport = getViewportByCell(anchor.endRow, anchor.endCol, scene, workbook.getActiveSheet());
+	if (!viewport) return null;
 	const scaleX = scene === null || scene === void 0 ? void 0 : scene.scaleX;
 	const scaleY = scene === null || scene === void 0 ? void 0 : scene.scaleY;
 	const scrollXY = scene === null || scene === void 0 ? void 0 : scene.getViewportScrollXY(viewport);
 	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;
@@ -10083,7 +10013,8 @@ const ClipboardPopupMenu = () => {
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const [menuHovered, setMenuHovered] = (0, react.useState)(false);
 	const [visible, setVisible] = (0, react.useState)(false);
-	const relativePosition = useMenuPosition(pasteOptionsCache === null || pasteOptionsCache === void 0 ? void 0 : pasteOptionsCache.target.pastedRange);
+	const range = pasteOptionsCache === null || pasteOptionsCache === void 0 ? void 0 : pasteOptionsCache.target.pastedRange;
+	const relativePosition = useMenuPosition(range);
 	if (!relativePosition || !showMenu) return null;
 	if (relativePosition.positionX < 50 || relativePosition.positionY < 30) return null;
 	const showMore = menuHovered || visible;
@@ -10215,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)
 	};
 }
@@ -10234,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, "\\\"");
@@ -10269,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.getRenderById(this._editingUnitId);
+		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;
@@ -10288,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;
@@ -10302,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);
@@ -10369,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;
@@ -10471,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.
@@ -10527,7 +10454,7 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 	}
 	_getEditorSkeleton() {
 		var _this$_renderManagerS;
-		return (_this$_renderManagerS = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+		return (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 	}
 };
 SheetCellEditorResizeService = __decorate([
@@ -10625,7 +10552,7 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends _u
 		var _this$_renderManagerS;
 		if (this._editorBridgeService.isVisible().visible) return;
 		const layout = this._editorBridgeService.getEditCellLayout();
-		const docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs_ui.DocSelectionRenderService);
+		const docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs_ui.DocSelectionRenderService);
 		if (!layout || !docSelectionRenderService) return;
 		const { position, canvasOffset } = layout;
 		docSelectionRenderService.setInputPosition(canvasOffset.left + position.startX, canvasOffset.top + position.startY);
@@ -10687,7 +10614,7 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends _u
 				d.add(disposable);
 			}
 		};
-		const render = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+		const render = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		if (render) addEvent(render);
 		else this.disposeWithMe(this._renderManagerService.created$.pipe((0, rxjs.filter)((render) => render.unitId === _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)).subscribe((render) => {
 			disposable === null || disposable === void 0 || disposable.dispose();
@@ -10701,7 +10628,7 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends _u
 		}));
 	}
 	_focusCellEditorInput() {
-		const render = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+		const render = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		const docSelectionRenderService = render === null || render === void 0 ? void 0 : render.with(_univerjs_docs_ui.DocSelectionRenderService);
 		if (!(docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing)) docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.focus();
 	}
@@ -10719,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,
@@ -11499,7 +11425,7 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 					unitId: this._editingUnit
 				});
 				if (!unit) return;
-				const editorBridgeRenderController = (_this$_renderManagerS = this._renderManagerService.getRenderById(unit.getUnitId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(EditorBridgeRenderController);
+				const editorBridgeRenderController = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unit.getUnitId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(EditorBridgeRenderController);
 				if (editorBridgeRenderController) editorBridgeRenderController.refreshEditorPosition();
 			}
 		}));
@@ -11529,10 +11455,9 @@ 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.getRenderById(docUnitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs_ui.DocSelectionRenderService);
+			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;
 			docSelectionRenderManager.sync();
 		}));
@@ -11596,7 +11521,6 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 				unitId: editorUnitId,
 				snapshot: documentModel.getSnapshot()
 			});
-			this._contextService.setContextValue(_univerjs_core.FOCUSING_EDITOR_BUT_HIDDEN, true);
 			this._textSelectionManagerService.replaceDocRanges([{
 				startOffset: 0,
 				endOffset: 0
@@ -11604,8 +11528,8 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 				unitId: _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
 				subUnitId: _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY
 			});
-			const cellSelectionRenderManager = (_this$_renderManagerS3 = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(_univerjs_docs_ui.DocSelectionRenderService);
-			const formulaSelectionRenderManager = (_this$_renderManagerS4 = this._renderManagerService.getRenderById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS4 === void 0 ? void 0 : _this$_renderManagerS4.with(_univerjs_docs_ui.DocSelectionRenderService);
+			const cellSelectionRenderManager = (_this$_renderManagerS3 = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(_univerjs_docs_ui.DocSelectionRenderService);
+			const formulaSelectionRenderManager = (_this$_renderManagerS4 = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS4 === void 0 ? void 0 : _this$_renderManagerS4.with(_univerjs_docs_ui.DocSelectionRenderService);
 			if ((cellSelectionRenderManager === null || cellSelectionRenderManager === void 0 ? void 0 : cellSelectionRenderManager.canFocusing) || (formulaSelectionRenderManager === null || formulaSelectionRenderManager === void 0 ? void 0 : formulaSelectionRenderManager.canFocusing)) {
 				this._univerInstanceService.setCurrentUnitForType(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 				cellSelectionRenderManager === null || cellSelectionRenderManager === void 0 || cellSelectionRenderManager.activate(HIDDEN_EDITOR_POSITION$1, HIDDEN_EDITOR_POSITION$1, true);
@@ -11693,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
@@ -11720,7 +11644,7 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 				endOffset: cursor
 			}]);
 		}
-		(_this$_renderManagerS5 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS5 === void 0 || _this$_renderManagerS5.scene.resetCursor();
+		(_this$_renderManagerS5 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS5 === void 0 || _this$_renderManagerS5.scene.resetCursor();
 	}
 	_refreshCurrentSelections(sheetId) {
 		const selections = this._workbookSelections.getSelectionsOfWorksheet(sheetId);
@@ -11734,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());
@@ -11742,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);
@@ -11764,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;
@@ -11777,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());
 	}
@@ -11833,7 +11753,6 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 		var _editorObject$scene$g;
 		this._contextService.setContextValue(_univerjs_core.FOCUSING_EDITOR_INPUT_FORMULA, false);
 		this._contextService.setContextValue(_univerjs_core.EDITOR_ACTIVATED, false);
-		this._contextService.setContextValue(_univerjs_core.FOCUSING_EDITOR_BUT_HIDDEN, false);
 		this._contextService.setContextValue(_univerjs_core.FOCUSING_FX_BAR_EDITOR, false);
 		this._cellEditorManagerService.setState({ show: param.visible });
 		const formulaBarEditor = this._editorService.getEditor(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
@@ -11912,11 +11831,11 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 	}
 	_getEditorSkeleton(editorId) {
 		var _this$_renderManagerS6;
-		return (_this$_renderManagerS6 = this._renderManagerService.getRenderById(editorId)) === null || _this$_renderManagerS6 === void 0 ? void 0 : _this$_renderManagerS6.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+		return (_this$_renderManagerS6 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS6 === void 0 ? void 0 : _this$_renderManagerS6.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 	}
 	_getEditorViewModel(editorId) {
 		var _this$_renderManagerS7;
-		return (_this$_renderManagerS7 = this._renderManagerService.getRenderById(editorId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
+		return (_this$_renderManagerS7 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
 	}
 	_getEditingUnit() {
 		return this._editingUnit ? this._univerInstanceService.getUnit(this._editingUnit, _univerjs_core.UniverInstanceType.UNIVER_SHEET) : null;
@@ -11958,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;
@@ -11966,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;
@@ -12022,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 }) {
@@ -12154,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,
@@ -12217,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,
@@ -12228,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:
@@ -12270,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,
@@ -12487,12 +12405,12 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 				if (event.event.key === "Escape") this._sheetClipboardService.removeMarkSelection();
 			});
 		};
-		let docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs_ui.DocSelectionRenderService);
+		let docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs_ui.DocSelectionRenderService);
 		if (docSelectionRenderService) sheetPasteShortKeyFn(docSelectionRenderService);
 		this._renderManagerService.created$.subscribe((renderer) => {
 			if (renderer.unitId === _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY) {
 				var _this$_renderManagerS2;
-				docSelectionRenderService = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs_ui.DocSelectionRenderService);
+				docSelectionRenderService = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs_ui.DocSelectionRenderService);
 				if (docSelectionRenderService) sheetPasteShortKeyFn(docSelectionRenderService);
 			}
 		});
@@ -12717,11 +12635,9 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 		};
 	}
 	_generateDocumentDataModelSnapshot(snapshot) {
-		var _withCurrentTypeOfRen, _skeleton$getBlankCel;
-		const currentSkeleton = (_withCurrentTypeOfRen = (0, _univerjs_engine_render.withCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, SheetSkeletonManagerService, this._instanceService, this._renderManagerService)) === null || _withCurrentTypeOfRen === void 0 ? void 0 : _withCurrentTypeOfRen.getCurrentParam();
-		if (currentSkeleton == null) return null;
-		const { skeleton } = currentSkeleton;
-		const documentModel = (_skeleton$getBlankCel = skeleton.getBlankCellDocumentModel()) === null || _skeleton$getBlankCel === void 0 ? void 0 : _skeleton$getBlankCel.documentModel;
+		var _withCurrentTypeOfRen;
+		if (((_withCurrentTypeOfRen = (0, _univerjs_engine_render.withCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, SheetSkeletonManagerService, this._instanceService, this._renderManagerService)) === null || _withCurrentTypeOfRen === void 0 ? void 0 : _withCurrentTypeOfRen.getCurrentParam()) == null) return null;
+		const documentModel = (0, _univerjs_core.createDocumentModelWithStyle)("", {});
 		const documentData = {
 			...documentModel === null || documentModel === void 0 ? void 0 : documentModel.getSnapshot(),
 			...snapshot
@@ -12826,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 {
@@ -12840,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];
@@ -12901,7 +12816,7 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 					const setValuesMutation = {
 						unitId,
 						subUnitId,
-						cellValue: valueMatrix.getData()
+						cellValue: valueMatrix.clone()
 					};
 					redoMutationsInfo.push({
 						id: _univerjs_sheets.SetRangeValuesMutation.id,
@@ -12927,7 +12842,7 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 	}
 	_getWorksheet(unitId, subUnitId) {
 		var _this$_instanceServic;
-		const worksheet = (_this$_instanceServic = this._instanceService.getUniverSheetInstance(unitId)) === null || _this$_instanceServic === void 0 ? void 0 : _this$_instanceServic.getSheetBySheetId(subUnitId);
+		const worksheet = (_this$_instanceServic = this._instanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_instanceServic === void 0 ? void 0 : _this$_instanceServic.getSheetBySheetId(subUnitId);
 		if (!worksheet) throw new Error(`[SheetClipboardController]: cannot find a worksheet with unitId ${unitId} and subUnitId ${subUnitId}.`);
 		return worksheet;
 	}
@@ -13006,7 +12921,7 @@ let DragManagerService = class DragManagerService extends _univerjs_core.Disposa
 		if (!workbook) return null;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet) return;
-		const currentRender = this._renderManagerService.getRenderById(workbook.getUnitId());
+		const currentRender = this._renderManagerService.getRenderUnitById(workbook.getUnitId());
 		if (!currentRender) return;
 		const skeletonParam = currentRender.with(SheetSkeletonManagerService).getCurrentParam();
 		const scrollInfo = currentRender.with(SheetScrollManagerService).getCurrentScrollState();
@@ -13179,7 +13094,7 @@ let FormulaEditorController = class FormulaEditorController extends _univerjs_co
 	}
 	_create(unitId) {
 		if (unitId !== _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) return;
-		const formulaEditorDocObject = this._renderManagerService.getRenderById(unitId);
+		const formulaEditorDocObject = this._renderManagerService.getRenderUnitById(unitId);
 		if (formulaEditorDocObject == null) return;
 		const { mainComponent: documentComponent } = formulaEditorDocObject;
 		if (documentComponent == null) return;
@@ -13187,7 +13102,7 @@ let FormulaEditorController = class FormulaEditorController extends _univerjs_co
 	}
 	_listenFxBtnClick() {
 		this._formulaEditorManagerService.fxBtnClick$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe(() => {
-			if (this._contextService.getContextValue(_univerjs_core.FOCUSING_EDITOR_BUT_HIDDEN) && !this._contextService.getContextValue(_univerjs_core.EDITOR_ACTIVATED)) {
+			if (this._contextService.getContextValue(_univerjs_core.FOCUSING_UNIVER_EDITOR) && !this._contextService.getContextValue(_univerjs_core.EDITOR_ACTIVATED)) {
 				var _formulaEditorDataMod;
 				this._univerInstanceService.setCurrentUnitForType(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
 				const formulaEditorDataModel = this._univerInstanceService.getUnit(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, _univerjs_core.UniverInstanceType.UNIVER_DOC);
@@ -13247,8 +13162,8 @@ let FormulaEditorController = class FormulaEditorController extends _univerjs_co
 	autoScroll() {
 		var _this$_renderManagerS;
 		const position = this._formulaEditorManagerService.getPosition();
-		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
-		const editorObject = this._renderManagerService.getRenderById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+		const editorObject = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
 		const formulaEditorDataModel = this._univerInstanceService.getUnit(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 		if (skeleton == null || position == null || editorObject == null || formulaEditorDataModel == null) return;
 		const { marginTop = 0, marginBottom = 0 } = formulaEditorDataModel.getSnapshot().documentStyle;
@@ -13321,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);
@@ -13403,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),
@@ -13427,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;
@@ -13462,14 +13377,14 @@ 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);
 	if (!workbook) return null;
 	const worksheet = workbook.getSheetBySheetId(subUnitId);
 	if (!worksheet) return null;
-	const currentRender = renderManagerService.getRenderById(workbook.getUnitId());
+	const currentRender = renderManagerService.getRenderUnitById(workbook.getUnitId());
 	const skeletonParam = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(SheetSkeletonManagerService).getSkeletonParam(worksheet.getSheetId());
 	const skeleton = skeletonParam === null || skeletonParam === void 0 ? void 0 : skeletonParam.skeleton;
 	if (!skeleton || !currentRender) return;
@@ -13488,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,
@@ -13515,8 +13430,8 @@ const getEditingCustomRangePosition = (injector, unitId, subUnitId, row, col, ra
 	const { editorUnitId, unitId: editingUnitId, sheetId, row: editRow, column: editCol } = state;
 	if (unitId !== editingUnitId || subUnitId !== sheetId || editRow !== row || editCol !== col) return null;
 	const renderManagerService = injector.get(_univerjs_engine_render.IRenderManagerService);
-	const renderer = renderManagerService.getRenderById(editorUnitId);
-	const sheetRenderer = renderManagerService.getRenderById(unitId);
+	const renderer = renderManagerService.getRenderUnitById(editorUnitId);
+	const sheetRenderer = renderManagerService.getRenderUnitById(unitId);
 	if (!renderer || !sheetRenderer) return null;
 	const docSkeleton = renderer.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 	const sheetSkeleton = (_sheetRenderer$with$g = sheetRenderer.with(SheetSkeletonManagerService).getSkeletonParam(sheetId)) === null || _sheetRenderer$with$g === void 0 ? void 0 : _sheetRenderer$with$g.skeleton;
@@ -13548,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();
@@ -13668,7 +13610,7 @@ let HoverManagerService = class HoverManagerService extends _univerjs_core.Dispo
 		if (!workbook) return null;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet) return null;
-		const currentRender = this._renderManagerService.getRenderById(workbook.getUnitId());
+		const currentRender = this._renderManagerService.getRenderUnitById(workbook.getUnitId());
 		if (!currentRender) return null;
 		const skeletonParam = currentRender.with(SheetSkeletonManagerService).getSkeletonParam(worksheet.getSheetId());
 		if (!skeletonParam) return null;
@@ -13682,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;
@@ -13693,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;
@@ -14025,7 +13967,6 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 				errorMsg
 			},
 			width: 320,
-			destroyOnClose: true,
 			showOk: true,
 			onClose: () => {
 				this._dialogService.close(UNIVER_SHEET_PERMISSION_ALERT_DIALOG_ID);
@@ -14156,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;
@@ -14279,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;
@@ -14289,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) {
@@ -14299,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) {
@@ -15023,9 +14964,7 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends _u
 	}
 	_getFreeze() {
 		var _this$_sheetSkeletonM6;
-		const config = (_this$_sheetSkeletonM6 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM6 === void 0 ? void 0 : _this$_sheetSkeletonM6.skeleton.getWorksheetConfig();
-		if (config == null) return;
-		return config.freeze;
+		return (_this$_sheetSkeletonM6 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM6 === void 0 ? void 0 : _this$_sheetSkeletonM6.skeleton.worksheet.getFreeze();
 	}
 	_getSheetObject() {
 		return getSheetObject(this._context.unit, this._context);
@@ -15073,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;
@@ -16070,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,
@@ -16159,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;
 				}
 			}
 		]);
@@ -16206,7 +16136,6 @@ var StatusBarService = class {
 		this._state$.complete();
 	}
 	setState(param) {
-		var _param$pattern;
 		const newState = {
 			values: [],
 			pattern: null
@@ -16215,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() {
@@ -16394,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) {
@@ -16699,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
 	}));
@@ -16883,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();
@@ -16891,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);
@@ -16917,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);
@@ -17111,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);
 			}
 		};
@@ -17192,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)
@@ -17226,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);
@@ -17470,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) {
@@ -18141,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);
 					}
 				}
@@ -18185,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) => {
@@ -18196,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);
@@ -18241,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) => {
@@ -18252,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);
@@ -18284,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,
@@ -18297,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)),
@@ -18349,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,
@@ -18362,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)),
@@ -18414,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",
@@ -18427,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)),
@@ -18550,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;
@@ -18562,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)),
@@ -19057,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, _, __]) => {
@@ -19079,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);
@@ -19089,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$,
@@ -19101,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();
@@ -19110,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$
@@ -19139,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);
@@ -19161,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;
@@ -19180,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);
@@ -19216,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) => {
@@ -19236,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$,
@@ -19252,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));
 		}));
 	}));
 }
@@ -19686,7 +19585,7 @@ const menuSchema = {
 				order: 0,
 				gridLayout: {
 					row: 1,
-					column: 3
+					column: 1
 				},
 				menuItemFactory: HorizontalAlignMenuItemFactory
 			},
@@ -19751,7 +19650,9 @@ const menuSchema = {
 			order: 0,
 			gridLayout: {
 				row: 1,
-				column: 3
+				column: 1,
+				rowSpan: 2,
+				showLabel: true
 			},
 			menuItemFactory: sheetPermissionToolbarMenuFactory
 		} }
@@ -20323,18 +20224,12 @@ function AutoFillPopupMenu() {
 	const selected = (0, _univerjs_ui.useObservable)(autoFillService.applyType$, _univerjs_sheets.AUTO_FILL_APPLY_TYPE.SERIES);
 	const [isHovered, setHovered] = (0, react.useState)(false);
 	const workbook = useActiveWorkbook();
-	const { sheetSkeletonManagerService, selectionRenderService } = (0, react.useMemo)(() => {
+	const sheetSkeletonManagerService = (0, react.useMemo)(() => {
 		if (workbook) {
-			const ru = renderManagerService.getRenderById(workbook.getUnitId());
-			return {
-				sheetSkeletonManagerService: ru === null || ru === void 0 ? void 0 : ru.with(SheetSkeletonManagerService),
-				selectionRenderService: ru === null || ru === void 0 ? void 0 : ru.with(ISheetSelectionRenderService)
-			};
+			const ru = renderManagerService.getRenderUnitById(workbook.getUnitId());
+			return ru === null || ru === void 0 ? void 0 : ru.with(SheetSkeletonManagerService);
 		}
-		return {
-			sheetSkeletonManagerService: null,
-			selectionRenderService: null
-		};
+		return null;
 	}, [workbook, renderManagerService]);
 	const handleMouseEnter = () => {
 		setHovered(true);
@@ -20365,10 +20260,11 @@ function AutoFillPopupMenu() {
 	}, [visible]);
 	if (anchor.col < 0 || anchor.row < 0) return null;
 	const sheetObject = getSheetObject(univerInstanceService, renderManagerService);
-	if (!sheetObject || !selectionRenderService) return null;
+	if (!sheetObject || !workbook) return null;
 	const { scene } = sheetObject;
 	const skeleton = sheetSkeletonManagerService === null || sheetSkeletonManagerService === void 0 ? void 0 : sheetSkeletonManagerService.getCurrentSkeleton();
-	const viewport = selectionRenderService.getViewPort();
+	const viewport = getViewportByCell(anchor.row, anchor.col, scene, workbook.getActiveSheet());
+	if (!viewport) return null;
 	const scaleX = scene === null || scene === void 0 ? void 0 : scene.scaleX;
 	const scaleY = scene === null || scene === void 0 ? void 0 : scene.scaleY;
 	const scrollXY = scene === null || scene === void 0 ? void 0 : scene.getViewportScrollXY(viewport);
@@ -20434,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;
@@ -20505,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
@@ -20595,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";
 }
 /**
@@ -20633,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$);
@@ -20641,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;
@@ -20657,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;
@@ -20693,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);
@@ -20715,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);
@@ -20740,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 = [
@@ -20750,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;
@@ -20812,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,
@@ -20825,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;
@@ -20886,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;
@@ -20924,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",
@@ -20939,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: "",
@@ -20959,7 +20881,7 @@ function EditorContainer() {
 			},
 			disableContextMenu: false,
 			canvasStyle: { backgroundColor: "transparent" }
-		})
+		})]
 	});
 }
 
@@ -21157,7 +21079,8 @@ function DefinedName({ disable }) {
 	const definedNames = (0, _univerjs_ui.useObservable)(() => definedNamesService.update$.pipe((0, rxjs.map)(getDefinedNameMap), (0, rxjs.startWith)(getDefinedNameMap())), getDefinedNameMap(), false, [definedNamesService, unitId]);
 	(0, react.useEffect)(() => {
 		const subscription = definedNamesService.currentRange$.subscribe(() => {
-			const absoluteRef = getAbsoluteRefStringFromSelection(workbook, selectionManagerService.getCurrentSelections(), lexerTreeBuilder);
+			const selections = selectionManagerService.getCurrentSelections();
+			const absoluteRef = getAbsoluteRefStringFromSelection(workbook, selections, lexerTreeBuilder);
 			const definedName = definedNamesService.getDefinedNameByRefString(unitId, absoluteRef);
 			if (definedName) {
 				setRangeString(definedName.name);
@@ -21302,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]);
@@ -21353,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 {
@@ -21425,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);
@@ -21458,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, {
@@ -21469,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",
@@ -21591,7 +21513,7 @@ function SheetBarMenu() {
 		if (!workbook) return;
 		const sheets = workbook.getSheets();
 		const activeSheet = workbook.getActiveSheet();
-		setMenu(sheets.map((sheet, index) => {
+		const worksheetMenuItems = sheets.map((sheet, index) => {
 			return {
 				label: sheet.getName(),
 				index: `${index}`,
@@ -21599,7 +21521,8 @@ function SheetBarMenu() {
 				hidden: sheet.isSheetHidden() === _univerjs_core.BooleanNumber.TRUE,
 				selected: activeSheet === sheet
 			};
-		}));
+		});
+		setMenu(worksheetMenuItems);
 	}, [workbook, worksheetProtectionRuleModel]);
 	const setupStatusUpdate = (0, react.useCallback)(() => commandService.onCommandExecuted((commandInfo) => {
 		switch (commandInfo.id) {
@@ -21674,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", {
@@ -21712,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);
 		}
 	})] });
 }
@@ -21878,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(() => {
@@ -22062,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() {
@@ -22185,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 {
@@ -22340,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();
 	}
@@ -22395,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);
 		});
@@ -22416,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()
@@ -22442,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;
@@ -22631,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)("");
@@ -22653,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();
@@ -22732,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;
@@ -22740,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,
@@ -22751,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 : "";
-		setSheetList(workbook.getSheets().filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
-			var _sheet$getTabColor;
+		const currentSubUnitId = (activeSheet === null || activeSheet === void 0 ? void 0 : activeSheet.getSheetId()) ?? "";
+		const sheetListItems = workbook.getSheets().filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
 			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);
@@ -22770,9 +22685,10 @@ 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);
 		setActiveSheetId(currentSubUnitId);
 	}, [
 		rangeProtectionRuleModel,
@@ -22804,7 +22720,7 @@ function SheetBarTabs() {
 		workbookRef.current = workbook;
 	}, [workbook]);
 	const syncActiveSheetRender = (0, react.useCallback)((subUnitId) => {
-		const render = renderManagerService.getRenderById(workbookRef.current.getUnitId());
+		const render = renderManagerService.getRenderUnitById(workbookRef.current.getUnitId());
 		try {
 			render === null || render === void 0 || render.with(SheetSkeletonManagerService).setCurrent({ sheetId: subUnitId });
 			render === null || render === void 0 || render.scene.makeDirty(true);
@@ -22897,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]");
@@ -22912,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();
@@ -23022,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);
@@ -23175,7 +23090,10 @@ function ZoomSlider() {
 	(0, react.useEffect)(() => {
 		setZoom(getCurrentZoom());
 		return commandService.onCommandExecuted((commandInfo) => {
-			if (commandInfo.id === SetZoomRatioOperation.id || commandInfo.id === _univerjs_sheets.SetWorksheetActiveOperation.id) setZoom(getCurrentZoom());
+			if (commandInfo.id === SetZoomRatioOperation.id || commandInfo.id === _univerjs_sheets.SetWorksheetActiveOperation.id) {
+				const currentZoom = getCurrentZoom();
+				setZoom(currentZoom);
+			}
 		}).dispose;
 	}, [commandService, getCurrentZoom]);
 	function handleChange(value) {
@@ -23275,8 +23193,6 @@ function formatNumber(item) {
 const SINGLE_MODE_WIDTH = 800;
 const ROW_COUNT_THRESHOLD = 3;
 const StatusBar = () => {
-	var _useConfigValue$statu, _useConfigValue;
-	const showStatistic = (_useConfigValue$statu = (_useConfigValue = (0, _univerjs_ui.useConfigValue)("sheets-ui.config")) === null || _useConfigValue === void 0 ? void 0 : _useConfigValue.statusBarStatistic) !== null && _useConfigValue$statu !== void 0 ? _useConfigValue$statu : true;
 	const [isSingle, setIsSingle] = (0, react.useState)(window.innerWidth < SINGLE_MODE_WIDTH);
 	const statusBarService = (0, _univerjs_ui.useDependency)(IStatusBarService);
 	const items = statusBarService.getFunctions().map((item, index) => ({
@@ -23286,7 +23202,7 @@ const StatusBar = () => {
 		disable: false,
 		pattern: null
 	}));
-	const useStatistics = (initialItems, statusBarService, isSingle, showStatistic) => {
+	const useStatistics = (initialItems, statusBarService, isSingle) => {
 		const [statistics, setStatistics] = (0, react.useState)(initialItems);
 		const [show, setShow] = (0, react.useState)(true);
 		const filteredStatistics = (0, react.useMemo)(() => statistics.filter((item) => item.show && !item.disable), [statistics]);
@@ -23304,31 +23220,26 @@ 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
 				};
 			}));
 		}, []);
 		(0, react.useEffect)(() => {
-			if (!showStatistic) return;
 			const subscription = statusBarService.state$.subscribe(updateStatistics);
 			return () => subscription.unsubscribe();
-		}, [
-			showStatistic,
-			statusBarService,
-			updateStatistics
-		]);
+		}, [statusBarService, updateStatistics]);
 		return {
 			statistics,
 			showList,
 			show
 		};
 	};
-	const { showList, show } = useStatistics(items, statusBarService, isSingle, showStatistic);
+	const { showList, show } = useStatistics(items, statusBarService, isSingle);
 	const handleResize = (0, _univerjs_core.debounce)(() => {
 		const newSingleState = window.innerWidth < SINGLE_MODE_WIDTH;
 		if (isSingle !== newSingleState) setIsSingle(newSingleState);
@@ -23340,7 +23251,6 @@ const StatusBar = () => {
 		};
 	}, [isSingle]);
 	const getStatisticLayout = (showList, rowCountThreshold, CopyableStatisticItem) => {
-		if (!showStatistic) return null;
 		if (showList.length > rowCountThreshold) return showList.reduce((acc, _, index) => {
 			if (index % 2 === 0) acc.push(showList.slice(index, index + 2));
 			return acc;
@@ -23370,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();
@@ -23415,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);
@@ -23441,21 +23348,19 @@ function RenderSheetHeader() {
 	return null;
 }
 /**
-* @deprecated We should not write into this component anymore.
+* 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;
@@ -23565,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) {
@@ -24153,7 +24057,7 @@ let SheetUIController = class SheetUIController extends _univerjs_core.Disposabl
 	}
 	_initFocusHandler() {
 		this.disposeWithMe(this._layoutService.registerFocusHandler(_univerjs_core.UniverInstanceType.UNIVER_SHEET, (_unitId) => {
-			const cellEditorRender = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+			const cellEditorRender = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 			const docSelectionRenderService = cellEditorRender === null || cellEditorRender === void 0 ? void 0 : cellEditorRender.with(_univerjs_docs_ui.DocSelectionRenderService);
 			docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.focus();
 		}));
@@ -24195,7 +24099,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "1.0.0-alpha.7";
+var version = "1.0.0-beta.0";
 
 //#endregion
 //#region src/views/cell-popup/config.ts
@@ -24288,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);
@@ -24388,8 +24291,8 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 		};
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
-		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender || !skeleton) return {
 			dispose: () => {},
 			canDispose: () => true
@@ -24442,8 +24345,8 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 		const subUnitId = worksheet.getSheetId();
 		if (unitId !== location.unitId || location.subUnitId !== subUnitId) return null;
 		if (this._isSelectionMoving && !popup.showOnSelectionMoving) return;
-		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender || !skeleton) return null;
 		const { position, position$, disposable } = this._createPositionObserver(bound, currentRender, skeleton, worksheet);
 		const { rects$, disposable: rectsObserverDisposable } = this._createHiddenRectObserver({
@@ -24496,8 +24399,8 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
 		if (_unitId && unitId !== _unitId || _subUnitId && _subUnitId !== subUnitId) return null;
-		const skeleton = (_this$_renderManagerS3 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const skeleton = (_this$_renderManagerS3 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender || !skeleton) return null;
 		if (this._isSelectionMoving && !popup.showOnSelectionMoving) return;
 		const popupInjector = this._resolveEmbeddedPopupInjector(unitId, currentRender);
@@ -24539,12 +24442,12 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 		if (!worksheet) return null;
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
 		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({
@@ -24608,12 +24511,12 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends _u
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
 		if (_unitId && unitId !== _unitId || _subUnitId && subUnitId !== _subUnitId) return null;
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
 		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({
@@ -24854,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;
@@ -25613,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);
@@ -25663,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, {
@@ -25686,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" })]
 					})
 				}) })]
@@ -25731,7 +25633,7 @@ let CellAlertManagerService = class CellAlertManagerService extends _univerjs_co
 		}
 		const { location } = alert;
 		const { row, col, unitId, subUnitId } = location;
-		if (!this._renderManagerService.getRenderById(unitId)) return;
+		if (!this._renderManagerService.getRenderUnitById(unitId)) return;
 		const disposable = this._cellPopupManagerService.showPopup({
 			unitId,
 			subUnitId,
@@ -25822,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;
 		})
 	});
 };
@@ -25928,7 +25829,7 @@ function DefinedNameInputContent(props) {
 	const [isFocusFormulaEditor, setIsFocusFormulaEditor] = (0, react.useState)(false);
 	(0, _univerjs_ui.useSidebarClick)((e) => {
 		var _formulaEditorRef$cur;
-		!((_formulaEditorRef$cur = formulaEditorRef.current) === null || _formulaEditorRef$cur === void 0) && _formulaEditorRef$cur.isClickOutSide(e) && setIsFocusFormulaEditor(false);
+		(_formulaEditorRef$cur = formulaEditorRef.current) !== null && _formulaEditorRef$cur !== void 0 && _formulaEditorRef$cur.isClickOutSide(e) && setIsFocusFormulaEditor(false);
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: (0, _univerjs_design.clsx)("univer-grid univer-space-y-2 univer-pb-1", _univerjs_design.borderBottomClassName, { "univer-hidden": !state }),
@@ -26066,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;
@@ -26270,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,
@@ -26315,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));
 			}
@@ -26468,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,
@@ -26483,8 +26382,8 @@ function ListDropDown(props) {
 		value: getListDropdownValue(localValue, multiple),
 		multiple,
 		onChange: async (newValue) => {
-			var _newValue$;
-			setLocalValue(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();
 		},
 		options,
@@ -26571,13 +26470,14 @@ const SheetPermissionDialog = () => {
 				actions: defaultWorksheetUnitActionList
 			}).then((result) => {
 				if (cancelled) return;
-				setPermissionMap(result[0].strategies.reduce((p, c) => {
+				const actions = result[0].strategies.reduce((p, c) => {
 					if (subUnitPermissionTypeMap[c.action]) p[c.action] = {
 						text: localeService.t(`sheets-ui.permission.panel.${subUnitPermissionTypeMap[c.action]}`),
 						allowed: c.role !== _univerjs_protocol.UnitRole.Owner
 					};
 					return p;
-				}, {}));
+				}, {});
+				setPermissionMap(actions);
 				loadingTimer = setTimeout(() => {
 					setLoading(false);
 				}, 100);
@@ -26739,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 +26872,8 @@ const PermissionDetailMainPart = (props) => {
 			(0, _univerjs_sheets.setEndForRange)(range, worksheet.getRowCount(), worksheet.getColumnCount());
 			return range;
 		});
-		onRangesChange(transformedRange, checkRangeValid(injector, transformedRange, permissionId, unitId, subUnitId));
+		const rangeErrorString = checkRangeValid(injector, transformedRange, permissionId, unitId, subUnitId);
+		onRangesChange(transformedRange, rangeErrorString);
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
 		className: "univer-font-medium",
@@ -27017,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);
@@ -27028,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({
@@ -27045,7 +26945,6 @@ const PermissionDetailUserPart = (props) => {
 			title: { title: "" },
 			children: { label: UNIVER_SHEET_PERMISSION_USER_DIALOG },
 			width: "auto",
-			destroyOnClose: true,
 			closable: false,
 			onClose: () => dialogService.close(UNIVER_SHEET_PERMISSION_USER_DIALOG_ID),
 			className: "sheet-permission-user-dialog"
@@ -27179,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);
@@ -27189,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);
@@ -27404,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);
@@ -27480,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",
@@ -27574,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;
@@ -27594,10 +27491,13 @@ const SheetPermissionUserDialog = () => {
 		})) === -1) {
 			const select = { ...item };
 			setSelectUserInfo([...selectUserInfo, select]);
-		} else setSelectUserInfo(selectUserInfo.filter((v) => {
-			var _v$subject2, _item$subject3;
-			return ((_v$subject2 = v.subject) === null || _v$subject2 === void 0 ? void 0 : _v$subject2.userID) !== ((_item$subject3 = item.subject) === null || _item$subject3 === void 0 ? void 0 : _item$subject3.userID);
-		}));
+		} else {
+			const newSelectUserInfo = selectUserInfo.filter((v) => {
+				var _v$subject2, _item$subject3;
+				return ((_v$subject2 = v.subject) === null || _v$subject2 === void 0 ? void 0 : _v$subject2.userID) !== ((_item$subject3 = item.subject) === null || _item$subject3 === void 0 ? void 0 : _item$subject3.userID);
+			});
+			setSelectUserInfo(newSelectUserInfo);
+		}
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
@@ -27962,7 +27862,7 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 	}
 	_getEditorViewModel(unitId) {
 		var _this$_renderManagerS;
-		return (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
+		return (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
 	}
 	_syncFormulaEditorContent() {
 		this.disposeWithMe(this._editorBridgeService.currentEditCellState$.subscribe((editCellState) => {
@@ -28031,7 +27931,7 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 	}
 	_syncActionsAndRender(unitId, parmas) {
 		const INCLUDE_LIST = [_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY, _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY];
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (currentRender == null) return;
 		const skeleton = currentRender.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		const docDataModel = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
@@ -28058,16 +27958,16 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 			if (body.paragraphs) body.paragraphs = this._clearParagraph(body.paragraphs);
 		}
 		const INCLUDE_LIST = [_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY, _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY];
-		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		const docDataModel = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 		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.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (currentRender == null) return;
 		skeleton.calculate();
 		if (INCLUDE_LIST.includes(unitId)) {
@@ -28084,7 +27984,7 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 	}
 	_refreshRenderStyleConfig(unitId) {
 		var _currentRender$mainCo3;
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 		const docDataModel = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 		const docViewModel = this._getEditorViewModel(unitId);
@@ -28096,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 = {};
@@ -28118,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;
 		}
@@ -28587,16 +28484,16 @@ function MobileSheetBarImpl(props) {
 		const currentSubUnitId = workbook.getActiveSheet().getSheetId();
 		const sheets = workbook.getSheets();
 		const activeSheet = workbook.getActiveSheet();
-		setSheetList(sheets.filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
-			var _sheet$getTabColor;
+		const sheetListItems = sheets.filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
 			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);
 		setActiveKey(currentSubUnitId);
 		if (tabMapRef.current.has(currentSubUnitId)) {
 			const element = tabMapRef.current.get(currentSubUnitId);
@@ -28932,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;
 		} }));
@@ -29004,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;
 		} }));
 	}
 };
@@ -29096,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();
@@ -29361,7 +29258,7 @@ let WorksheetProtectionRenderController = class WorksheetProtectionRenderControl
 	}
 	_initRender() {
 		const renderId = this._context.unitId;
-		const render = renderId && this._renderManagerService.getRenderById(renderId);
+		const render = renderId && this._renderManagerService.getRenderUnitById(renderId);
 		const spreadsheetRender = render && render.mainComponent;
 		if (spreadsheetRender) {
 			if (!spreadsheetRender.getExtensionByKey("worksheet-protection")) spreadsheetRender.register(this._worksheetProtectionRenderExtension);
@@ -29780,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.getRenderById(this._context.unitId);
+		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) => ({
@@ -30265,9 +30161,7 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 	}
 	_getFreeze() {
 		var _this$_sheetSkeletonM;
-		const snapshot = (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton.getWorksheetConfig();
-		if (snapshot == null) return;
-		return snapshot.freeze;
+		return (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton.worksheet.getFreeze();
 	}
 	_initScrollEventListener() {
 		const { scene } = this._context;
@@ -30433,7 +30327,10 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 				const speedFactor = Math.min(swipeSpeed / 2, 1);
 				multiplier = MIN_VELOCITY_MULTIPLIER + (MAX_VELOCITY_MULTIPLIER - MIN_VELOCITY_MULTIPLIER) * speedFactor;
 				if (swipeDuration < 150 && Math.abs(instantVelocity) > 3) multiplier *= 1.3;
-			} else multiplier = MIN_VELOCITY_MULTIPLIER * (.5 + Math.min(Math.abs(instantVelocity) / 5, 1) * .5);
+			} else {
+				const velocityFactor = Math.min(Math.abs(instantVelocity) / 5, 1);
+				multiplier = MIN_VELOCITY_MULTIPLIER * (.5 + velocityFactor * .5);
+			}
 			return Math.max(MIN_VELOCITY_MULTIPLIER * .5, Math.min(MAX_VELOCITY_MULTIPLIER * 1.5, multiplier));
 		};
 		/**
@@ -30759,7 +30656,10 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 			if (!_touchScrolling) return;
 			_touchScrolling = false;
 			const avgVelocity = calculateAverageVelocity();
-			const dynamicMultiplier = calculateDynamicVelocityMultiplier(performance.now() - swipeStartTime, Math.sqrt(swipeTotalDisplacement.x * swipeTotalDisplacement.x + swipeTotalDisplacement.y * swipeTotalDisplacement.y), Math.sqrt(avgVelocity.x * avgVelocity.x + avgVelocity.y * avgVelocity.y));
+			const swipeDuration = performance.now() - swipeStartTime;
+			const totalDistance = Math.sqrt(swipeTotalDisplacement.x * swipeTotalDisplacement.x + swipeTotalDisplacement.y * swipeTotalDisplacement.y);
+			const instantVelocity = Math.sqrt(avgVelocity.x * avgVelocity.x + avgVelocity.y * avgVelocity.y);
+			const dynamicMultiplier = calculateDynamicVelocityMultiplier(swipeDuration, totalDistance, instantVelocity);
 			const { maxVelocity, minVelocityThreshold } = getZoomAdjustedParams();
 			const cappedVelX = Math.max(-maxVelocity, Math.min(maxVelocity, avgVelocity.x * dynamicMultiplier));
 			const cappedVelY = Math.max(-maxVelocity, Math.min(maxVelocity, avgVelocity.y * dynamicMultiplier));
@@ -30852,7 +30752,7 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 		if (param == null) return;
 		const { unitId } = this._context;
 		const { skeleton } = param;
-		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
+		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
 		if (skeleton == null || scene == null) return;
 		const { rowTotalHeight, columnTotalWidth, rowHeaderWidthAndMarginLeft, columnHeaderHeightAndMarginTop } = skeleton;
 		scene === null || scene === void 0 || scene.transformByState({
@@ -30882,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();
@@ -31089,7 +30989,7 @@ let SheetCellDropdownManagerService = class SheetCellDropdownManagerService exte
 		const { location, onHide, closeOnOutSide = true } = param;
 		const { row, col, unitId, subUnitId } = location;
 		const component = dropdownMap[param.type];
-		const currentRender = this._renderManagerService.getRenderById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+		const currentRender = this._renderManagerService.getRenderUnitById(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
 		const disposable = new _univerjs_core.DisposableCollection();
 		const popupDisposable = this._canvasPopupManagerService.attachPopupToCell(row, col, {
 			componentKey: component.componentKey,
@@ -31690,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;
@@ -31714,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;
@@ -31725,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;
@@ -31733,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);
@@ -31844,6 +31743,7 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends _unive
 			[SelectAllService],
 			[ISheetCellDropdownManagerService, { useClass: SheetCellDropdownManagerService }],
 			[SheetCellEditorResizeService],
+			[ISheetLoadingRenderService, { useClass: SheetLoadingRenderService }],
 			[AutoHeightController],
 			[AutoWidthController],
 			[FormulaEditorController],
@@ -31909,7 +31809,6 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends _unive
 		});
 	}
 	_registerRenderModules() {
-		var _config$contextMenu;
 		const modules = [
 			[HeaderMoveRenderController],
 			[HeaderUnhideRenderController],
@@ -31937,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));
 		});
@@ -31957,7 +31856,7 @@ _defineProperty(UniverSheetsMobileUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsMobileUIPlugin, "version", version);
 _defineProperty(UniverSheetsMobileUIPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_SHEET);
 UniverSheetsMobileUIPlugin = __decorate([
-	(0, _univerjs_core.DependentOn)(_univerjs_sheets.UniverSheetsPlugin, _univerjs_ui.UniverMobileUIPlugin),
+	(0, _univerjs_core.DependentOn)(_univerjs_docs.UniverDocsPlugin, _univerjs_engine_formula.UniverFormulaEnginePlugin, _univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_sheets.UniverSheetsPlugin, _univerjs_ui.UniverMobileUIPlugin, _univerjs_docs_ui.UniverDocsUIPlugin),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(2, _univerjs_engine_render.IRenderManagerService),
 	__decorateParam(3, _univerjs_core.IConfigService),
@@ -32530,7 +32429,6 @@ let UniverSheetsUIPlugin = class UniverSheetsUIPlugin extends _univerjs_core.Plu
 		});
 	}
 	_registerRenderModules() {
-		var _config$contextMenu;
 		const modules = [
 			[HeaderMoveRenderController],
 			[HeaderUnhideRenderController],
@@ -32558,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));
 		});
@@ -32578,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_sheets.UniverSheetsPlugin),
+	(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),