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

package/lib/es/index.js

@@ -1,9 +1,9 @@
 import { BreakLineCommand, CoverContentCommand, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_VERTICAL_PADDING, DeleteLeftCommand, DeleteRightCommand, DocSelectionRenderService, IEditorService, IMEInputCommand, MoveCursorOperation, MoveSelectionOperation, NodePositionConvertToCursor, ReplaceSnapshotCommand, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextColorCommand, SetInlineFormatUnderlineCommand, UniverDocsUIPlugin, VIEWPORT_KEY, convertBodyToHtml, getCanvasOffsetByEngine, getLineBounding } from "@univerjs/docs-ui";
-import { AbsoluteRefType, BaselineOffset, BooleanNumber, BorderStyleTypes, CellModeEnum, CellValueType, ColorKit, CommandType, CustomRangeType, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DEFAULT_WORKSHEET_COLUMN_COUNT, DEFAULT_WORKSHEET_COLUMN_TITLE_HEIGHT, DEFAULT_WORKSHEET_COLUMN_WIDTH, DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY, DEFAULT_WORKSHEET_ROW_COUNT, DEFAULT_WORKSHEET_ROW_HEIGHT, DEFAULT_WORKSHEET_ROW_TITLE_WIDTH, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DataStreamTreeTokenType, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, EDITOR_ACTIVATED, ErrorService, FOCUSING_COMMENT_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_EDITOR_INPUT_FORMULA, FOCUSING_EDITOR_STANDALONE, FOCUSING_FX_BAR_EDITOR, FOCUSING_SHAPE_TEXT_EDITOR, FOCUSING_SHEET, FOCUSING_UNIVER_EDITOR, FontItalic, FontWeight, HorizontalAlign, IAuthzIoService, ICommandService, IConfigService, IConfirmService, IContextService, ILogService, IPermissionService, IUndoRedoService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, InterceptorManager, LRUMap, LocaleService, LocaleType, LookUp, NilCommand, ObjectMatrix, Optional, Plugin, PresetListType, Quantity, RANGE_TYPE, Range, Rectangle, RxDisposable, SHEET_EDITOR_UNITS, ThemeService, Tools, UndoCommandId, UniverInstanceType, UserManagerService, VerticalAlign, Workbook, WrapStrategy, cloneCellDataMatrix, cloneCellDataWithSpanAndDisplay, cloneValue, composeStyles, convertCellToRange, createDocumentModelWithStyle, createIdentifier, createInterceptorKey, createParagraphId, createSectionId, dateKit, debounce, extractPureTextFromCell, fromEventSubject, generateRandomId, get, getEmptyCell, getIntersectRange, getNumfmtParseValueFilter, getReverseDirection, handleStyleToString, isDefaultFormat, isFormulaString, isInternalEditorID, isNotNullOrUndefined, isRealNum, isSafeUrl, isTextFormat, isValidRange, merge, mergeOverrideWithDependencies, nameCharacterCheck, numfmt, registerDependencies, sequenceExecute, set, skipParseTagNames, sortRules, splitIntoGrid, throttle, toDisposable, touchDependencies, willLoseNumericPrecision } from "@univerjs/core";
-import { AUTO_FILL_APPLY_TYPE, AUTO_FILL_HOOK_TYPE, AddMergeUndoMutationFactory, AddRangeProtectionCommand, AddRangeProtectionMutation, AddWorksheetMergeAllCommand, AddWorksheetMergeCommand, AddWorksheetMergeHorizontalCommand, AddWorksheetMergeMutation, AddWorksheetMergeVerticalCommand, AddWorksheetProtectionCommand, AutoClearContentCommand, AutoFillCommand, AutoFillController, BEFORE_CELL_EDIT, BorderStyleManagerService, COMMAND_LISTENER_SKELETON_CHANGE, COMMAND_LISTENER_VALUE_CHANGE, CancelFrozenCommand, CancelMarkDirtyRowAutoHeightOperation, ClearSelectionAllCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, CopySheetCommand, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, DeleteRangeProtectionCommand, DeleteRangeProtectionMutation, DeleteWorksheetProtectionCommand, DeltaColumnWidthCommand, DeltaRowHeightCommand, EditStateEnum, IAutoFillService, IExclusiveRangeService, INTERCEPTOR_POINT, INumfmtService, IRefSelectionsService, InsertColBeforeCommand, InsertColCommand, InsertColMutation, InsertDefinedNameCommand, InsertMultiColsLeftCommand, InsertMultiColsRightCommand, InsertMultiRowsAboveCommand, InsertMultiRowsAfterCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, InsertRowBeforeCommand, InsertRowCommand, InsertRowMutation, InsertSheetCommand, InsertSheetMutation, MAX_CELL_PER_SHEET_KEY, MERGE_CELL_INTERCEPTOR_CHECK, MarkDirtyRowAutoHeightOperation, MergeCellController, MoveColsCommand, MoveColsMutation, MoveRangeCommand, MoveRangeMutation, MoveRowsCommand, MoveRowsMutation, REF_SELECTIONS_ENABLED, RangeProtectionCache, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, RangeProtectionRuleModel, RefRangeService, RefSelectionsService, RefillCommand, RemoveColCommand, RemoveColMutation, RemoveDefinedNameCommand, RemoveMergeUndoMutationFactory, RemoveRowCommand, RemoveRowMutation, RemoveSheetCommand, RemoveSheetMutation, RemoveWorksheetMergeCommand, RemoveWorksheetMergeMutation, ResetBackgroundColorCommand, ResetTextColorCommand, SCOPE_WORKBOOK_VALUE_DEFINED_NAME, SELECTIONS_ENABLED, SELECTION_CONTROL_BORDER_BUFFER_COLOR, SELECTION_CONTROL_BORDER_BUFFER_WIDTH, SHEETS_PLUGIN_CONFIG_KEY, ScrollToCellOperation, SelectionMoveType, SetBackgroundColorCommand, SetBoldCommand, SetBorderBasicCommand, SetBorderCommand, SetColHiddenCommand, SetColHiddenMutation, SetColVisibleMutation, SetColWidthCommand, SetDefinedNameCommand, SetFontFamilyCommand, SetFontSizeCommand, SetFrozenCommand, SetFrozenMutation, SetFrozenMutationFactory, SetHorizontalTextAlignCommand, SetItalicCommand, SetProtectionCommand, SetRangeValuesCommand, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetRowHeightCommand, SetRowHiddenCommand, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectedColsVisibleCommand, SetSelectedRowsVisibleCommand, SetSelectionsOperation, SetShrinkToFitCommand, SetSpecificColsVisibleCommand, SetSpecificRowsVisibleCommand, SetStrikeThroughCommand, SetStyleCommand, SetTabColorCommand, SetTabColorMutation, SetTextColorCommand, SetTextRotationCommand, SetTextWrapCommand, SetUnderlineCommand, SetVerticalTextAlignCommand, SetWorksheetActivateCommand, SetWorksheetActiveOperation, SetWorksheetColWidthMutation, SetWorksheetColWidthMutationFactory, SetWorksheetHideCommand, SetWorksheetHideMutation, SetWorksheetNameCommand, SetWorksheetNameMutation, SetWorksheetOrderCommand, SetWorksheetOrderMutation, SetWorksheetPermissionPointsCommand, SetWorksheetRowAutoHeightMutation, SetWorksheetRowAutoHeightMutationFactory, SetWorksheetRowHeightMutation, SetWorksheetRowIsAutoHeightCommand, SetWorksheetRowIsAutoHeightMutation, SetWorksheetShowCommand, SheetCopyDownCommand, SheetCopyRightCommand, SheetInterceptorService, SheetPermissionCheckController, SheetPermissionInitController, SheetSkeletonService, SheetsSelectionsService, TextToNumberCommand, ToggleCellCheckboxCommand, ToggleGridlinesCommand, ToggleGridlinesMutation, UniverSheetsPlugin, ViewStateEnum, WorkbookCopyPermission, WorkbookCreateProtectPermission, WorkbookCreateSheetPermission, WorkbookDeleteColumnPermission, WorkbookDeleteRowPermission, WorkbookDeleteSheetPermission, WorkbookEditablePermission, WorkbookHideSheetPermission, WorkbookInsertColumnPermission, WorkbookInsertRowPermission, WorkbookManageCollaboratorPermission, WorkbookRenameSheetPermission, WorksheetCopyPermission, WorksheetDeleteColumnPermission, WorksheetDeleteProtectionPermission, WorksheetDeleteRowPermission, WorksheetEditPermission, WorksheetInsertColumnPermission, WorksheetInsertRowPermission, WorksheetManageCollaboratorPermission, WorksheetProtectionPointModel, WorksheetProtectionRuleModel, WorksheetSetCellStylePermission, WorksheetSetCellValuePermission, WorksheetSetColumnStylePermission, WorksheetSetRowStylePermission, WorksheetViewPermission, adjustRangeOnMutation, alignToMergedCellsBorders, attachPrimaryWithCoord, attachRangeWithCoord, attachSelectionWithCoord, baseProtectionActions, convertPrimaryWithCoordToPrimary, convertSelectionDataToRange, countCells, defaultLargeSheetOperationConfig, deserializeListOptions, discreteRangeToRange, expandToContinuousRange, getAddMergeMutationRangeByType, getAllWorksheetPermissionPoint, getCellAtRowCol, getClearContentMutationParamsForRanges, getMoveRangeCommandMutations, getPrimaryForRange, getSelectionsService, getSheetCommandTarget, rangeToDiscreteRange, serializeListOptions, setEndForRange, validateDefinedName } from "@univerjs/sheets";
-import { AnchoredContextMenu, BuiltInUIPart, COLOR_PICKER_COMPONENT, ComponentContainer, ComponentManager, ContextMenuGroup, ContextMenuPosition, CopyCommand, CutCommand, DISABLE_AUTO_FOCUS_KEY, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MetaKeys, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonPosition, RibbonStartGroup, RibbonViewGroup, SheetPasteShortKeyCommandName, Slider, ToggleFullscreenOperation, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, UniverUIPlugin, ZoomInput, connectInjector, getMenuHiddenObservable, handleStringToStyle, imageMimeTypeSet, sanitizeParsedHtml, textTrim, useComponentsOfPart, useConfigValue, useDependency, useEvent, useObservable, useSidebarClick, useVirtualList } from "@univerjs/ui";
-import { CURSOR_TYPE, DashedRect, DeviceInputEventType, Engine, FIX_ONE_PIXEL_BLUR_OFFSET, Group, IRenderManagerService, Layer, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, Rect, RegularPolygon, RenderUnit, SHEET_EXTENSION_PREFIX, SHEET_VIEWPORT_KEY, Scene, ScrollBar, ScrollTimer, ScrollTimerType, Shape, SheetExtension, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, cancelRequestFrame, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, fixLineWidthByScale, getCurrentTypeOfRenderer, getNextWheelZoomRatio, ptToPixel, requestNewFrame, withCurrentTypeOfRenderer } from "@univerjs/engine-render";
-import { BehaviorSubject, EMPTY, Observable, Subject, Subscription, combineLatest, combineLatestWith, distinctUntilChanged, filter, firstValueFrom, from, fromEvent, map, merge as merge$1, of, shareReplay, startWith, switchMap, take, takeUntil, throttleTime, timeout, withLatestFrom } from "rxjs";
+import { AbsoluteRefType, BaselineOffset, BooleanNumber, BorderStyleTypes, CellModeEnum, CellValueType, ColorKit, CommandType, CustomRangeType, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DEFAULT_WORKSHEET_COLUMN_COUNT, DEFAULT_WORKSHEET_COLUMN_TITLE_HEIGHT, DEFAULT_WORKSHEET_COLUMN_WIDTH, DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY, DEFAULT_WORKSHEET_ROW_COUNT, DEFAULT_WORKSHEET_ROW_HEIGHT, DEFAULT_WORKSHEET_ROW_TITLE_WIDTH, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DataStreamTreeTokenType, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, EDITOR_ACTIVATED, ErrorService, FOCUSING_COMMENT_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_EDITOR_INPUT_FORMULA, FOCUSING_EDITOR_STANDALONE, FOCUSING_FX_BAR_EDITOR, FOCUSING_SHAPE_TEXT_EDITOR, FOCUSING_SHEET, FOCUSING_UNIVER_EDITOR, FontItalic, FontWeight, HorizontalAlign, IAuthzIoService, ICommandService, IConfigService, IConfirmService, IContextService, ILogService, IPermissionService, IUndoRedoService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, InterceptorManager, LRUMap, LocaleService, LocaleType, LookUp, NilCommand, ObjectMatrix, Optional, Plugin, PresetListType, Quantity, RANGE_TYPE, Range, Rectangle, RxDisposable, SHEET_EDITOR_UNITS, ThemeService, Tools, UndoCommandId, UniverInstanceType, UserManagerService, VerticalAlign, Workbook, WrapStrategy, cloneCellDataMatrix, cloneCellDataWithSpanAndDisplay, cloneValue, composeStyles, convertCellToRange, createDocumentModelWithStyle, createIdentifier, createInterceptorKey, createParagraphId, createSectionId, dateKit, debounce, extractPureTextFromCell, fromEventSubject, generateRandomId, get, getEmptyCell, getIntersectRange, getNumfmtParseValueFilter, getReverseDirection, handleStyleToString, isDefaultFormat, isFormulaString, isInternalEditorID, isNotNullOrUndefined, isRealNum, isSafeUrl, isTextFormat, isValidRange, merge, mergeOverrideWithDependencies, nameCharacterCheck, numberToABC, numfmt, registerDependencies, sequenceExecute, set, skipParseTagNames, sortRules, splitIntoGrid, throttle, toDisposable, touchDependencies, willLoseNumericPrecision } from "@univerjs/core";
+import { AUTO_FILL_APPLY_TYPE, AUTO_FILL_HOOK_TYPE, AddMergeUndoMutationFactory, AddRangeProtectionCommand, AddRangeProtectionMutation, AddWorksheetMergeAllCommand, AddWorksheetMergeCommand, AddWorksheetMergeHorizontalCommand, AddWorksheetMergeMutation, AddWorksheetMergeVerticalCommand, AddWorksheetProtectionCommand, AutoClearContentCommand, AutoFillCommand, AutoFillController, BEFORE_CELL_EDIT, BorderStyleManagerService, COMMAND_LISTENER_SKELETON_CHANGE, COMMAND_LISTENER_VALUE_CHANGE, CancelFrozenCommand, CancelMarkDirtyRowAutoHeightOperation, ClearSelectionAllCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, CopySheetCommand, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, DeleteRangeProtectionCommand, DeleteRangeProtectionMutation, DeleteWorksheetProtectionCommand, DeltaColumnWidthCommand, DeltaRowHeightCommand, EditStateEnum, IAutoFillService, IExclusiveRangeService, INTERCEPTOR_POINT, INumfmtService, IRefSelectionsService, InsertColBeforeCommand, InsertColCommand, InsertColMutation, InsertDefinedNameCommand, InsertMultiColsLeftCommand, InsertMultiColsRightCommand, InsertMultiRowsAboveCommand, InsertMultiRowsAfterCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, InsertRowBeforeCommand, InsertRowCommand, InsertRowMutation, InsertSheetCommand, InsertSheetMutation, MAX_CELL_PER_SHEET_KEY, MERGE_CELL_INTERCEPTOR_CHECK, MarkDirtyRowAutoHeightOperation, MergeCellController, MoveColsCommand, MoveColsMutation, MoveRangeCommand, MoveRangeMutation, MoveRowsCommand, MoveRowsMutation, REF_SELECTIONS_ENABLED, RangeProtectionCache, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, RangeProtectionRuleModel, RefRangeService, RefSelectionsService, RefillCommand, RemoveColCommand, RemoveColMutation, RemoveDefinedNameCommand, RemoveMergeUndoMutationFactory, RemoveRowCommand, RemoveRowMutation, RemoveSheetCommand, RemoveSheetMutation, RemoveWorksheetMergeCommand, RemoveWorksheetMergeMutation, ResetBackgroundColorCommand, ResetTextColorCommand, SCOPE_WORKBOOK_VALUE_DEFINED_NAME, SELECTIONS_ENABLED, SELECTION_CONTROL_BORDER_BUFFER_COLOR, SELECTION_CONTROL_BORDER_BUFFER_WIDTH, SHEETS_PLUGIN_CONFIG_KEY, ScrollToCellOperation, SelectionMoveType, SetBackgroundColorCommand, SetBoldCommand, SetBorderBasicCommand, SetBorderCommand, SetColHiddenCommand, SetColHiddenMutation, SetColVisibleMutation, SetColWidthCommand, SetDefinedNameCommand, SetFontFamilyCommand, SetFontSizeCommand, SetFrozenCommand, SetFrozenMutation, SetFrozenMutationFactory, SetHorizontalTextAlignCommand, SetItalicCommand, SetProtectionCommand, SetRangeValuesCommand, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetRowHeightCommand, SetRowHiddenCommand, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectedColsVisibleCommand, SetSelectedRowsVisibleCommand, SetSelectionsOperation, SetShrinkToFitCommand, SetSpecificColsVisibleCommand, SetSpecificRowsVisibleCommand, SetStrikeThroughCommand, SetStyleCommand, SetTabColorCommand, SetTabColorMutation, SetTextColorCommand, SetTextRotationCommand, SetTextWrapCommand, SetUnderlineCommand, SetVerticalTextAlignCommand, SetWorksheetActivateCommand, SetWorksheetActiveOperation, SetWorksheetColWidthMutation, SetWorksheetColWidthMutationFactory, SetWorksheetHideCommand, SetWorksheetHideMutation, SetWorksheetNameCommand, SetWorksheetNameMutation, SetWorksheetOrderCommand, SetWorksheetOrderMutation, SetWorksheetPermissionPointsCommand, SetWorksheetRowAutoHeightMutation, SetWorksheetRowAutoHeightMutationFactory, SetWorksheetRowHeightMutation, SetWorksheetRowIsAutoHeightCommand, SetWorksheetRowIsAutoHeightMutation, SetWorksheetShowCommand, SheetCopyDownCommand, SheetCopyRightCommand, SheetInterceptorService, SheetPermissionCheckController, SheetPermissionInitController, SheetSkeletonService, SheetsSelectionsService, TextToNumberCommand, ToggleCellCheckboxCommand, ToggleGridlinesCommand, ToggleGridlinesMutation, UniverSheetsPlugin, ViewStateEnum, WorkbookCopyPermission, WorkbookCreateProtectPermission, WorkbookCreateSheetPermission, WorkbookDeleteColumnPermission, WorkbookDeleteRowPermission, WorkbookDeleteSheetPermission, WorkbookEditablePermission, WorkbookHideSheetPermission, WorkbookInsertColumnPermission, WorkbookInsertRowPermission, WorkbookManageCollaboratorPermission, WorkbookRenameSheetPermission, WorksheetCopyPermission, WorksheetDeleteColumnPermission, WorksheetDeleteProtectionPermission, WorksheetDeleteRowPermission, WorksheetEditPermission, WorksheetInsertColumnPermission, WorksheetInsertRowPermission, WorksheetManageCollaboratorPermission, WorksheetProtectionPointModel, WorksheetProtectionRuleModel, WorksheetSetCellStylePermission, WorksheetSetCellValuePermission, WorksheetSetColumnStylePermission, WorksheetSetRowStylePermission, WorksheetViewPermission, adjustRangeOnMutation, alignToMergedCellsBorders, attachPrimaryWithCoord, attachRangeWithCoord, attachSelectionWithCoord, baseProtectionActions, convertPrimaryWithCoordToPrimary, convertSelectionDataToRange, countCells, defaultLargeSheetOperationConfig, deserializeListOptions, discreteRangeToRange, expandToContinuousRange, getAddMergeMutationRangeByType, getAllWorksheetPermissionPoint, getCellAtRowCol, getClearContentMutationParamsForRanges, getMoveRangeCommandMutations, getPrimaryForRange, getSelectionsService, getSheetCommandTarget, isCellImage, rangeToDiscreteRange, serializeListOptions, setEndForRange, validateDefinedName } from "@univerjs/sheets";
+import { AnchoredContextMenu, BuiltInUIPart, COLOR_PICKER_COMPONENT, ComponentContainer, ComponentManager, ContextMenuGroup, ContextMenuPosition, CopyCommand, CutCommand, DISABLE_AUTO_FOCUS_KEY, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MetaKeys, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonPosition, RibbonStartGroup, RibbonViewGroup, SheetPasteShortKeyCommandName, Slider, ToggleFullscreenOperation, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, ZoomInput, connectInjector, getMenuHiddenObservable, handleStringToStyle, imageMimeTypeSet, sanitizeParsedHtml, textTrim, useComponentsOfPart, useConfigValue, useDependency, useEvent, useObservable, useSidebarClick, useVirtualList } from "@univerjs/ui";
+import { CURSOR_TYPE, DashedRect, DeviceInputEventType, Engine, FIX_ONE_PIXEL_BLUR_OFFSET, Group, IRenderManagerService, Layer, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, Rect, RegularPolygon, RenderUnit, SHEET_EXTENSION_PREFIX, SHEET_VIEWPORT_KEY, Scene, ScrollBar, ScrollTimer, ScrollTimerType, Shape, SheetExtension, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, calculateCellImageRect, cancelRequestFrame, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, fixLineWidthByScale, getCurrentTypeOfRenderer, getNextWheelZoomRatio, ptToPixel, requestNewFrame, withCurrentTypeOfRenderer } from "@univerjs/engine-render";
+import { BehaviorSubject, EMPTY, Observable, Subject, Subscription, combineLatest, combineLatestWith, distinctUntilChanged, filter, firstValueFrom, from, fromEvent, map, merge as merge$1, of, shareReplay, skip, startWith, switchMap, take, takeUntil, throttleTime, timeout, withLatestFrom } from "rxjs";
 import { DocSelectionManagerService, DocSkeletonManagerService, InsertTextCommand, RichTextEditingMutation, SetTextSelectionsOperation, UniverDocsPlugin } from "@univerjs/docs";
 import { ObjectScope, UnitAction, UnitObject, UnitRole } from "@univerjs/protocol";
 import { Avatar, Button, Calendar, CascaderList, ColorPicker, ConfigContext, Confirm, Dropdown, DropdownMenu, FormLayout, Input, InputNumber, MessageType, Radio, RadioGroup, Select, Separator, Switch, TimeInput, Tooltip, borderBottomClassName, borderClassName, borderRightClassName, borderTopClassName, clsx, scrollbarClassName } from "@univerjs/design";
@@ -589,9 +589,8 @@ var BaseSelectionRenderService = class extends 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);
@@ -671,17 +670,15 @@ var BaseSelectionRenderService = class extends Disposable {
 	* @param moveStartPosY
 	*/
 	_setupPointerMoveListener(viewportMain, activeSelectionControl, rangeType, scrollTimerType = ScrollTimerType.ALL, moveStartPosX, moveStartPosY) {
-		var _viewportMain$left, _viewportMain$top;
 		let xCrossTime = 0;
 		let yCrossTime = 0;
 		let lastX = moveStartPosX;
 		let lastY = moveStartPosY;
 		this._scrollTimer = 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(Vector2.FromArray([moveStartPosX, moveStartPosY]));
 		this._scenePointerMoveSub = scene.onPointerMove$.subscribeEvent((moveEvt) => {
-			var _scene$getActiveViewp;
 			if (moveEvt.buttons === 0) {
 				this.endSelection();
 				return;
@@ -694,7 +691,7 @@ var BaseSelectionRenderService = class extends 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(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(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 = [
@@ -714,15 +711,12 @@ var BaseSelectionRenderService = class extends Disposable {
 				const startKey = startViewport.viewportKey;
 				const endKey = endViewport.viewportKey;
 				if (startKey === 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 === 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 === SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT_TOP) {
@@ -730,8 +724,8 @@ var BaseSelectionRenderService = class extends Disposable {
 						disableY = true;
 					} else if (startKey === SHEET_VIEWPORT_KEY.VIEW_MAIN_TOP) disableY = true;
 					else if (startKey === 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 {
@@ -766,7 +760,7 @@ var BaseSelectionRenderService = class extends Disposable {
 	}
 	getCellWithCoordByOffset(x, y, skeletonParam) {
 		const scene = this._scene;
-		const skeleton = skeletonParam !== null && skeletonParam !== void 0 ? skeletonParam : this._skeleton;
+		const skeleton = skeletonParam ?? this._skeleton;
 		const scrollXY = scene.getViewportScrollXY(scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN));
 		const { scaleX, scaleY } = scene.getAncestorScale();
 		return skeleton.getCellWithCoordByOffset(x - scrollXY.x, y - scrollXY.y, scaleX, scaleY, scrollXY);
@@ -775,20 +769,19 @@ var BaseSelectionRenderService = class extends 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(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(Vector2.FromArray([this._startViewportPosX, this._startViewportPosY]), targetViewport);
 		const { scaleX, scaleY } = scene.getAncestorScale();
 		if (rangeType === RANGE_TYPE.ROW) offsetX = Number.POSITIVE_INFINITY;
@@ -1797,7 +1790,6 @@ const SELECTION_TITLE_HIGHLIGHT_ALPHA = .3;
 */
 var SelectionControl = class extends 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;
@@ -1851,12 +1843,12 @@ var SelectionControl = class extends 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();
 	}
@@ -2750,7 +2742,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) {
@@ -2894,9 +2886,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)) {
@@ -2968,8 +2959,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);
@@ -3164,9 +3154,9 @@ var HtmlToUSMService = class HtmlToUSMService {
 		return style;
 	}
 	_parseTable(html, tableElIndex) {
-		var _parseColGroup, _this$_getCurrentSkel;
+		var _this$_getCurrentSkel;
 		const valueMatrix = new 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) => {
@@ -3259,8 +3249,7 @@ var HtmlToUSMService = class HtmlToUSMService {
 				let numfmtPattern;
 				const pattern = this._getMsoNumfmtForNode(cell);
 				if (!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 = getNumfmtParseValueFilter(cellText);
 					if (typeof (parseData === null || parseData === void 0 ? void 0 : parseData.v) === "number" && (parseData.z === pattern || numfmt.format(pattern, parseData.v) === cellText)) {
@@ -3345,13 +3334,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.
@@ -3466,14 +3452,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 (!isSafeUrl(href)) return;
-			body.customRanges = (_body$customRanges = body.customRanges) !== null && _body$customRanges !== void 0 ? _body$customRanges : [];
+			body.customRanges = body.customRanges ?? [];
 			body.customRanges.push({
 				startIndex: start,
 				endIndex: body.dataStream.length - 1,
-				rangeId: (_element$dataset$rang = element.dataset.rangeid) !== null && _element$dataset$rang !== void 0 ? _element$dataset$rang : generateRandomId(),
+				rangeId: element.dataset.rangeid ?? generateRandomId(),
 				rangeType: CustomRangeType.HYPERLINK,
 				properties: { url: href }
 			});
@@ -4162,7 +4147,7 @@ let SheetClipboardService = class SheetClipboardService extends Disposable {
 		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);
@@ -5597,15 +5582,13 @@ function checkIfShrink(selection, direction, worksheet) {
 	switch (direction) {
 		case Direction.UP:
 		case 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 Direction.LEFT:
 		case 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);
@@ -5730,10 +5713,10 @@ const HideColConfirmCommand = {
 //#endregion
 //#region src/menu/utils.ts
 function getFontStyleAtCursor(accessor) {
-	var _editorService$getFoc, _editorDataModel$getB;
+	var _editorDataModel$getB;
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const textSelectionService = accessor.get(DocSelectionManagerService);
-	const editorUnitId = (_editorService$getFoc = accessor.get(IEditorService).getFocusId()) !== null && _editorService$getFoc !== void 0 ? _editorService$getFoc : DOCS_NORMAL_EDITOR_UNIT_ID_KEY;
+	const editorUnitId = accessor.get(IEditorService).getFocusId() ?? DOCS_NORMAL_EDITOR_UNIT_ID_KEY;
 	const editorDataModel = univerInstanceService.getUnit(editorUnitId, UniverInstanceType.UNIVER_DOC);
 	const activeTextRange = textSelectionService.getActiveTextRange();
 	if (editorDataModel == null || activeTextRange == null) return null;
@@ -5830,15 +5813,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(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(SetFontSizeCommand.id, params);
 		}
@@ -5861,15 +5843,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(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(SetFontSizeCommand.id, params);
 		}
@@ -6423,8 +6404,8 @@ let FormatPainterService = class FormatPainterService extends Disposable {
 		};
 	}
 	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));
@@ -6571,7 +6552,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
@@ -6580,7 +6561,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
@@ -6661,10 +6642,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,
@@ -6709,11 +6690,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 === RANGE_TYPE.ROW || type === 1) {
@@ -7534,12 +7514,11 @@ let SheetsScrollRenderController = class SheetsScrollRenderController extends Di
 		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() {
@@ -7557,14 +7536,14 @@ let SheetsScrollRenderController = class SheetsScrollRenderController extends Di
 		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(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;
@@ -7728,10 +7707,10 @@ const ScrollCommand = {
 		return accessor.get(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
 		});
 	}
@@ -8279,8 +8258,7 @@ let EditorBridgeService = class EditorBridgeService extends Disposable {
 		};
 	}
 	_getWorkbookForEditUnit(unitId) {
-		var _this$_univerInstance;
-		return (_this$_univerInstance = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET)) !== null && _this$_univerInstance !== void 0 ? _this$_univerInstance : this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
+		return this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET) ?? this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
 	}
 	getCurrentEditorId() {
 		return this._editorUnitId;
@@ -8611,7 +8589,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;
 	}
@@ -8657,11 +8635,11 @@ const ScrollToRangeOperation = {
 	id: "sheet.operation.scroll-to-range",
 	type: CommandType.OPERATION,
 	handler: (accessor, params) => {
-		var _params$unitId, _instanceService$getC;
+		var _instanceService$getC;
 		if (!params) return false;
 		const instanceService = accessor.get(IUniverInstanceService);
 		const renderManagerService = accessor.get(IRenderManagerService);
-		const unitId = (_params$unitId = params.unitId) !== null && _params$unitId !== void 0 ? _params$unitId : (_instanceService$getC = instanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET)) === null || _instanceService$getC === void 0 ? void 0 : _instanceService$getC.getUnitId();
+		const unitId = params.unitId ?? ((_instanceService$getC = instanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET)) === null || _instanceService$getC === void 0 ? void 0 : _instanceService$getC.getUnitId());
 		if (!unitId) return false;
 		const renderUnit = renderManagerService.getRenderUnitById(unitId);
 		if (!renderUnit) return false;
@@ -8816,10 +8794,7 @@ let SheetsRenderService = class SheetsRenderService extends RxDisposable {
 	}
 	_initWorkbookListener() {
 		this._instanceSrv.getTypeOfUnitAdded$(UniverInstanceType.UNIVER_SHEET).pipe(takeUntil(this.dispose$)).subscribe((event) => this._createRenderer(event.unit, event.options));
-		this._instanceSrv.getAllUnitsForType(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(UniverInstanceType.UNIVER_SHEET).forEach((workbook) => this._createRenderer(workbook, this._instanceSrv.getUnitCreateOptions(workbook.getUnitId()) ?? void 0));
 		this._instanceSrv.getTypeOfUnitDisposed$(UniverInstanceType.UNIVER_SHEET).pipe(takeUntil(this.dispose$)).subscribe((workbook) => this._disposeRenderer(workbook));
 	}
 	_createRenderer(workbook, createUnitOptions) {
@@ -9123,7 +9098,7 @@ let AutoHeightController = class AutoHeightController extends Disposable {
 	_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);
 		} }));
 	}
@@ -9650,10 +9625,9 @@ SheetRenderController = __decorate([
 	__decorateParam(5, Optional(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
 	};
 }
 
@@ -9932,29 +9906,22 @@ SheetLoadingRenderService = __decorate([
 //#region src/views/hook.ts
 const SheetLoadingWorkbookContext = createContext(null);
 function useActiveWorkbook() {
-	var _ref;
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const loadingWorkbook = useContext(SheetLoadingWorkbookContext);
 	const workbook = useObservable(() => univerInstanceService.getCurrentTypeOfUnit$(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 = useObservable(useDependency(ISheetLoadingRenderService).workbook$)) !== null && _useObservable !== void 0 ? _useObservable : null;
+	return useObservable(useDependency(ISheetLoadingRenderService).workbook$) ?? null;
 }
 function useSheetLoading() {
-	var _useObservable2;
-	return (_useObservable2 = useObservable(useDependency(ISheetLoadingRenderService).loading$)) !== null && _useObservable2 !== void 0 ? _useObservable2 : false;
+	return useObservable(useDependency(ISheetLoadingRenderService).loading$) ?? false;
 }
 function useSheetLoadingPreviewReady() {
-	var _useObservable3;
-	return (_useObservable3 = useObservable(useDependency(ISheetLoadingRenderService).previewReady$)) !== null && _useObservable3 !== void 0 ? _useObservable3 : false;
+	return useObservable(useDependency(ISheetLoadingRenderService).previewReady$) ?? false;
 }
 function useActiveWorksheet(workbook) {
-	return useObservable(() => {
-		var _workbook$activeSheet;
-		return (_workbook$activeSheet = workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) !== null && _workbook$activeSheet !== void 0 ? _workbook$activeSheet : of(null);
-	}, void 0, void 0, [workbook]);
+	return useObservable(() => (workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) ?? of(null), void 0, void 0, [workbook]);
 }
 function useWorkbooks() {
 	const univerInstanceService = useDependency(IUniverInstanceService);
@@ -9993,7 +9960,7 @@ const SheetPasteOptions = [
 	}
 ];
 const useMenuPosition = (range) => {
-	var _scene$getEngine, _endPosition$endX, _endPosition$endY, _convertTransformToOf, _convertTransformToOf2;
+	var _scene$getEngine;
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const renderManagerService = useDependency(IRenderManagerService);
 	const workbook = useActiveWorkbook();
@@ -10019,10 +9986,10 @@ const useMenuPosition = (range) => {
 	const canvas = (_scene$getEngine = scene.getEngine()) === null || _scene$getEngine === void 0 ? void 0 : _scene$getEngine.getCanvas();
 	if (!scaleX || !scene || !scaleX || !scaleY || !scrollXY) return null;
 	const endPosition = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getNoMergeCellWithCoordByIndex(anchor.endRow, anchor.endCol);
-	const endX = (_endPosition$endX = endPosition === null || endPosition === void 0 ? void 0 : endPosition.endX) !== null && _endPosition$endX !== void 0 ? _endPosition$endX : 0;
-	const endY = (_endPosition$endY = endPosition === null || endPosition === void 0 ? void 0 : endPosition.endY) !== null && _endPosition$endY !== void 0 ? _endPosition$endY : 0;
-	const positionEndX = (_convertTransformToOf = convertTransformToOffsetX(endX, scaleX, scrollXY)) !== null && _convertTransformToOf !== void 0 ? _convertTransformToOf : -9999;
-	const positionEndY = (_convertTransformToOf2 = 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 = convertTransformToOffsetX(endX, scaleX, scrollXY) ?? -9999;
+	const positionEndY = 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;
@@ -10178,16 +10145,16 @@ const ISheetEmbedInteractionBoundaryService = createIdentifier("sheets-ui.embed-
 const ISheetEmbedRuntimeFocusCoordinator = createIdentifier("sheets-ui.embed-runtime-focus-coordinator");
 const ISheetEmbedFloatingGeometryService = 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)
 	};
 }
@@ -10197,12 +10164,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, "\\\"");
@@ -10232,15 +10198,14 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		return getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService);
 	}
 	get _editingUnitId() {
-		var _this$_editorBridgeSe, _this$_editorBridgeSe2;
-		return (_this$_editorBridgeSe = (_this$_editorBridgeSe2 = this._editorBridgeService.getEditCellState()) === null || _this$_editorBridgeSe2 === void 0 ? void 0 : _this$_editorBridgeSe2.unitId) !== null && _this$_editorBridgeSe !== void 0 ? _this$_editorBridgeSe : "";
+		var _this$_editorBridgeSe;
+		return ((_this$_editorBridgeSe = this._editorBridgeService.getEditCellState()) === null || _this$_editorBridgeSe === void 0 ? void 0 : _this$_editorBridgeSe.unitId) ?? "";
 	}
 	get _editingRenderer() {
 		return this._renderManagerService.getRenderUnitById(this._editingUnitId);
 	}
 	get _renderer() {
-		var _this$_editingRendere;
-		return (_this$_editingRendere = this._editingRenderer) !== null && _this$_editingRendere !== void 0 ? _this$_editingRendere : this._currentRenderer;
+		return this._editingRenderer ?? this._currentRenderer;
 	}
 	get _sheetSkeletonManagerService() {
 		var _this$_renderer;
@@ -10251,7 +10216,6 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		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;
@@ -10265,8 +10229,8 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		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);
@@ -10332,8 +10296,7 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 	_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;
@@ -10434,8 +10397,8 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		});
 	}
 	_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.
@@ -10682,10 +10645,9 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends Rx
 		}));
 	}
 	_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: DeviceInputEventType.Keyboard,
@@ -11492,8 +11454,7 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 	_initialCursorSync(d) {
 		d.add(this._cellEditorManagerService.focus$.pipe(filter((f) => !!f)).subscribe(() => {
 			var _this$_univerInstance, _this$_renderManagerS2;
-			const editorId = this._contextService.getContextValue(FOCUSING_FX_BAR_EDITOR) ? DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY : this._editorBridgeService.getCurrentEditorId();
-			const docUnitId = editorId !== null && editorId !== void 0 ? editorId : (_this$_univerInstance = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getUnitId();
+			const docUnitId = (this._contextService.getContextValue(FOCUSING_FX_BAR_EDITOR) ? DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY : this._editorBridgeService.getCurrentEditorId()) ?? ((_this$_univerInstance = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getUnitId());
 			if (!docUnitId) return;
 			const docSelectionRenderManager = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(docUnitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSelectionRenderService);
 			if (!docSelectionRenderManager) return;
@@ -11655,17 +11616,17 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 				subUnitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY
 			});
 		};
-		const isCellImage = this._isCellImageData(documentDataModel.getSnapshot());
-		this._submitEmptyCellImageEdit = isCellImage && eventType === DeviceInputEventType.Keyboard && keycode === KeyCode.BACKSPACE;
-		if (isCellImage) clearAndEdit();
+		const cellImage = isCellImage(documentDataModel.getSnapshot());
+		this._submitEmptyCellImageEdit = cellImage && eventType === DeviceInputEventType.Keyboard && keycode === KeyCode.BACKSPACE;
+		if (cellImage) clearAndEdit();
 		else if (eventType === DeviceInputEventType.Keyboard && keycode === 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
@@ -11696,7 +11657,7 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 		}
 	}
 	async _handleEditorInvisible(param) {
-		var _editCellState$unitId, _snapshot$body;
+		var _snapshot$body;
 		const editCellState = this._editorBridgeService.getEditCellState();
 		const documentDataModel = this._univerInstanceService.getUnit(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		const snapshot = Tools.deepClone(documentDataModel === null || documentDataModel === void 0 ? void 0 : documentDataModel.getSnapshot());
@@ -11704,7 +11665,7 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 		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, UniverInstanceType.UNIVER_SHEET);
@@ -11726,10 +11687,10 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 			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 ? isCellImage(editCellState.documentLayoutObject.documentModel.getSnapshot()) : false;
 		if (snapshot && shouldSubmitCellEdit({
 			isEmpty,
-			isCellImage,
+			isCellImage: cellImage,
 			shouldSubmitEmptyCellImageEdit
 		})) {
 			if (await this._submitEdit(snapshot, keycode === (MetaKeys.CTRL_COMMAND | KeyCode.ENTER) || keycode === (MetaKeys.MAC_CTRL | KeyCode.ENTER)) === false) return;
@@ -11739,10 +11700,6 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 	_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());
 	}
@@ -11919,7 +11876,7 @@ EditingRenderController = __decorate([
 	__decorateParam(15, 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;
@@ -11927,7 +11884,7 @@ function getCellDataByInput(cellData, snapshot, lexerTreeBuilder, localeService,
 	let newDataStream = data.substring(data.length - 2, data.length) === 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 (isCellImage(snapshot)) {
 		cellData.v = "";
 		cellData.f = null;
 		cellData.si = null;
@@ -11983,10 +11940,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 }) {
@@ -12115,9 +12071,9 @@ function getSetCellDataMutations(pasteTo, pasteFrom, matrix, accessor) {
 	const { mapFunc } = virtualizeDiscreteRanges([range]);
 	const cellValueMatrix = new 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,
@@ -12178,7 +12134,7 @@ function getSetCellValueMutations(pasteTo, pasteFrom, matrix, accessor) {
 	const { mapFunc } = virtualizeDiscreteRanges([range]);
 	const cellValueMatrix = new 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,
@@ -12189,7 +12145,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:
@@ -12231,9 +12187,9 @@ function getSetCellStyleMutations(pasteTo, pasteFrom, matrix, accessor) {
 	const { mapFunc } = virtualizeDiscreteRanges([range]);
 	const cellValueMatrix = new 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,
@@ -12785,7 +12741,6 @@ let SheetClipboardController = class SheetClipboardController extends RxDisposab
 					};
 				},
 				onPasteColumns(pasteTo, colProperties, payload) {
-					var _self$_configService$;
 					const redos = [];
 					const undos = [];
 					if (payload.pasteType !== PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_COL_WIDTH) return {
@@ -12799,7 +12754,7 @@ let SheetClipboardController = class SheetClipboardController extends RxDisposab
 						undos
 					};
 					const worksheet = self._getWorksheet(unitId, subUnitId);
-					const defaultColumnWidth = (_self$_configService$ = self._configService.getConfig(DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY)) !== null && _self$_configService$ !== void 0 ? _self$_configService$ : DEFAULT_WORKSHEET_COLUMN_WIDTH;
+					const defaultColumnWidth = self._configService.getConfig(DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY) ?? DEFAULT_WORKSHEET_COLUMN_WIDTH;
 					const pasteRangeStartRow = rows[0];
 					const pasteRangeEndRow = rows[rows.length - 1];
 					const pasteRangeStartColumn = cols[0];
@@ -13280,8 +13235,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);
@@ -13362,13 +13317,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 === 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 === 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(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),
@@ -13386,9 +13341,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;
@@ -13421,7 +13376,7 @@ function calcPadding(cell, font, isNum) {
 	};
 }
 const getCustomRangePosition = (injector, unitId, subUnitId, row, col, rangeId) => {
-	var _docSkeleton$getViewM, _cellData$fontRenderE;
+	var _docSkeleton$getViewM;
 	const univerInstanceService = injector.get(IUniverInstanceService);
 	const renderManagerService = injector.get(IRenderManagerService);
 	const workbook = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
@@ -13447,7 +13402,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,
@@ -13507,6 +13462,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: 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 Disposable {
 	constructor(_univerInstanceService, _renderManagerService) {
 		super();
@@ -13641,7 +13623,6 @@ let HoverManagerService = class HoverManagerService extends Disposable {
 		};
 	}
 	_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;
@@ -13652,17 +13633,18 @@ let HoverManagerService = class HoverManagerService extends Disposable {
 		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 : isRealNum(cellData === null || cellData === void 0 ? void 0 : cellData.v) && (!(cellData === null || cellData === void 0 ? void 0 : cellData.t) || cellData.t === 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;
@@ -14114,7 +14096,7 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends Di
 	}
 	_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;
@@ -14237,7 +14219,7 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends Di
 		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;
@@ -14247,8 +14229,8 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends Di
 		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) {
@@ -14257,8 +14239,8 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends Di
 			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) {
@@ -15029,14 +15011,8 @@ function getSheetSelectionsDisabled$(accessor) {
 	const workbook$ = univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET);
 	return combineLatest([
 		selectionManagerService.selectionMoveEnd$,
-		workbook$.pipe(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(switchMap((workbook) => {
-			var _workbook$activeSheet;
-			return (_workbook$activeSheet = workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) !== null && _workbook$activeSheet !== void 0 ? _workbook$activeSheet : of(null);
-		}))
+		workbook$.pipe(map((workbook) => (workbook === null || workbook === void 0 ? void 0 : workbook.getUnitId()) ?? "")),
+		workbook$.pipe(switchMap((workbook) => (workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) ?? of(null)))
 	]).pipe(map(([selection, unitId, sheet]) => {
 		if (!sheet) return false;
 		if (!selection || selection.length === 0) return false;
@@ -16026,10 +16002,7 @@ let HeaderUnhideRenderController = class HeaderUnhideRenderController extends Rx
 		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,
@@ -16115,43 +16088,43 @@ var StatusBarService = class {
 			{
 				func: 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 === 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 === 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 === 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 === FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find2 === void 0 ? void 0 : _status$values$find2.value) ?? 0) > 0;
 				}
 			},
 			{
 				func: 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 === 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 === 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 === 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 === FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find4 === void 0 ? void 0 : _status$values$find4.value) ?? 0) > 0;
 				}
 			},
 			{
 				func: 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 === 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 === 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 === 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 === FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find6 === void 0 ? void 0 : _status$values$find6.value) ?? 0) > 0;
 				}
 			},
 			{
 				func: 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 === 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 === FUNCTION_NAMES_STATISTICAL.COUNTA)) === null || _status$values$find7 === void 0 ? void 0 : _status$values$find7.value) ?? 0) > 1;
 				}
 			},
 			{
 				func: 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 === 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 === 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 === 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 === FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find9 === void 0 ? void 0 : _status$values$find9.value) ?? 0) > 0;
 				}
 			},
 			{
 				func: 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 === 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 === 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 === 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 === FUNCTION_NAMES_STATISTICAL.COUNT)) === null || _status$values$find11 === void 0 ? void 0 : _status$values$find11.value) ?? 0) > 0;
 				}
 			}
 		]);
@@ -16162,7 +16135,6 @@ var StatusBarService = class {
 		this._state$.complete();
 	}
 	setState(param) {
-		var _param$pattern;
 		const newState = {
 			values: [],
 			pattern: null
@@ -16171,7 +16143,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() {
@@ -16350,14 +16322,11 @@ let StatusBarController = class StatusBarController extends Disposable {
 		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) {
@@ -16655,12 +16624,11 @@ function getObservableWithExclusiveRange$(accessor, observable$, disableGroupSet
 	return combineLatest([observable$, getCurrentExclusiveRangeInterest$(accessor, disableGroupSet)]).pipe(map$1(([observable, exclusiveRangeDisable]) => observable || exclusiveRangeDisable));
 }
 function getCurrentRangeDisable$(accessor, permissionTypes = {}, supportCellEdit = false) {
-	var _editorBridgeService$;
 	const workbook$ = accessor.get(IUniverInstanceService).getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET);
 	const userManagerService = accessor.get(UserManagerService);
 	const editorBridgeService = accessor.has(IEditorBridgeService) ? accessor.get(IEditorBridgeService) : null;
 	const contextService = accessor.get(IContextService);
-	const editorVisible$ = ((_editorBridgeService$ = editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$) !== null && _editorBridgeService$ !== void 0 ? _editorBridgeService$ : of(null)).pipe(startWith$1(null), shareReplay$1({
+	const editorVisible$ = ((editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$) ?? of(null)).pipe(startWith$1(null), shareReplay$1({
 		bufferSize: 1,
 		refCount: true
 	}));
@@ -16839,7 +16807,6 @@ function getWorkbookPermissionDisable$(accessor, workbookPermissionTypes) {
 	return combineLatest([accessor.get(UserManagerService).currentUser$, workbook$]).pipe(switchMap$1(([_user, workbook]) => {
 		if (!workbook) return of(true);
 		return workbook.activeSheet$.pipe(switchMap$1((worksheet) => {
-			var _permissionService$co;
 			if (!worksheet) return of(true);
 			const unitId = workbook.getUnitId();
 			const subUnitId = worksheet.getSheetId();
@@ -16847,7 +16814,7 @@ function getWorkbookPermissionDisable$(accessor, workbookPermissionTypes) {
 			const worksheetProtectionRuleModel = accessor.get(WorksheetProtectionRuleModel);
 			const workbookPermissionIds = [];
 			workbookPermissionTypes.forEach((F) => workbookPermissionIds.push(new F(unitId).id));
-			return combineLatest([(_permissionService$co = permissionService.composePermission$(workbookPermissionIds).pipe(map$1((list) => list.every((item) => item.value === true)))) !== null && _permissionService$co !== void 0 ? _permissionService$co : of(false), merge$1(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe(startWith$1(null))]).pipe(map$1(([permission, _]) => {
+			return combineLatest([permissionService.composePermission$(workbookPermissionIds).pipe(map$1((list) => list.every((item) => item.value === true))) ?? of(false), merge$1(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe(startWith$1(null))]).pipe(map$1(([permission, _]) => {
 				var _selectionProtectionR;
 				if (!permission) return true;
 				const worksheetRule = worksheetProtectionRuleModel.getRule(unitId, subUnitId);
@@ -16873,11 +16840,10 @@ function CellBorderSelectorMenuItemFactory(accessor) {
 			const defaultIcon = "AllBorderIcon";
 			const borderManager = accessor.get(BorderStyleManagerService);
 			const disposable = accessor.get(ICommandService).onCommandExecuted((c) => {
-				var _item$icon;
 				if (c.id !== 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);
@@ -17067,8 +17033,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);
 			}
 		};
@@ -17148,11 +17114,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" : Tools.chatAtABC(col - 1)
@@ -17182,11 +17147,10 @@ const getMenuHiddenByCurrentSelectionChangedObservable$$1 = (accessor, type) =>
 	const selectionManagerService = accessor.get(SheetsSelectionsService);
 	return new 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);
@@ -17426,7 +17390,7 @@ const MenuItemInput = (props) => {
 	const { prefix, suffix, value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER, disabled$, onChange } = props;
 	const localeService = useDependency(LocaleService);
 	const contextMenuService = useDependency(IContextMenuService);
-	const disabled = useObservable(disabled$ !== null && disabled$ !== void 0 ? disabled$ : null, false);
+	const disabled = useObservable(disabled$ ?? null, false);
 	const [inputValue, setInputValue] = useState();
 	const handleChange = (value) => {
 		if (!value) {
@@ -18097,8 +18061,8 @@ function FontFamilySelectorMenuItemFactory(accessor) {
 				if ((id === SetTextSelectionsOperation.id || id === SetInlineFormatCommand.id) && accessor.get(IContextService).getContextValue(EDITOR_ACTIVATED) && (accessor.get(IContextService).getContextValue(FOCUSING_SHEET) || accessor.get(IContextService).getContextValue(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);
 					}
 				}
@@ -18141,10 +18105,8 @@ function TextColorSelectorMenuItemFactory(accessor) {
 			value$: new Observable((subscriber) => {
 				const defaultValue = 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 Observable((subscriber) => {
@@ -18152,7 +18114,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);
@@ -18197,10 +18159,8 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 			value$: new 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 Observable((subscriber) => {
@@ -18208,7 +18168,7 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 			const disposable = commandService.onCommandExecuted((c) => {
 				if (c.id === SetBackgroundColorCommand.id) {
 					const color = c.params.value;
-					subscriber.next(color !== null && color !== void 0 ? color : defaultValue);
+					subscriber.next(color ?? defaultValue);
 				}
 			});
 			subscriber.next(defaultValue);
@@ -18240,12 +18200,12 @@ const HORIZONTAL_ALIGN_CHILDREN = [
 	}
 ];
 function HorizontalAlignMenuItemFactory(accessor) {
-	var _defaultStyle$ht, _HORIZONTAL_ALIGN_CHI;
+	var _HORIZONTAL_ALIGN_CHI;
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const selectionManagerService = accessor.get(SheetsSelectionsService);
 	const workbook = univerInstanceService.getCurrentUnitOfType(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 : HorizontalAlign.LEFT;
+	const defaultValue = (defaultStyle === null || defaultStyle === void 0 ? void 0 : defaultStyle.ht) ?? HorizontalAlign.LEFT;
 	return {
 		id: 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,
@@ -18253,30 +18213,28 @@ function HorizontalAlignMenuItemFactory(accessor) {
 		type: MenuItemType.SELECTOR,
 		selections: HORIZONTAL_ALIGN_CHILDREN,
 		value$: deriveStateFromActiveSheet$(univerInstanceService, defaultValue, ({ worksheet }) => new Observable((subscriber) => {
-			var _selectionManagerServ11, _ht2;
+			var _selectionManagerServ11;
 			const disposable = accessor.get(ICommandService).onCommandExecuted((c) => {
-				var _selectionManagerServ10, _ht;
+				var _selectionManagerServ10;
 				const id = c.id;
 				if (id !== SetHorizontalTextAlignCommand.id && id !== SetSelectionsOperation.id && id !== 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$: combineLatest([getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET), accessor.get(IContextService).subscribeContextValue$(FOCUSING_COMMON_DRAWINGS).pipe(startWith(false))]).pipe(map(([hidden, focusingDrawing]) => hidden || focusingDrawing)),
@@ -18305,12 +18263,12 @@ const VERTICAL_ALIGN_CHILDREN = [
 	}
 ];
 function VerticalAlignMenuItemFactory(accessor) {
-	var _defaultStyle$vt, _VERTICAL_ALIGN_CHILD;
+	var _VERTICAL_ALIGN_CHILD;
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const selectionManagerService = accessor.get(SheetsSelectionsService);
 	const workbook = univerInstanceService.getCurrentUnitOfType(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 : VerticalAlign.BOTTOM;
+	const defaultValue = (defaultStyle === null || defaultStyle === void 0 ? void 0 : defaultStyle.vt) ?? VerticalAlign.BOTTOM;
 	return {
 		id: 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,
@@ -18318,30 +18276,28 @@ function VerticalAlignMenuItemFactory(accessor) {
 		type: MenuItemType.SELECTOR,
 		selections: VERTICAL_ALIGN_CHILDREN,
 		value$: deriveStateFromActiveSheet$(univerInstanceService, defaultValue, ({ worksheet }) => new Observable((subscriber) => {
-			var _selectionManagerServ13, _vt2;
+			var _selectionManagerServ13;
 			const disposable = accessor.get(ICommandService).onCommandExecuted((c) => {
-				var _selectionManagerServ12, _vt;
+				var _selectionManagerServ12;
 				const id = c.id;
 				if (id !== SetVerticalTextAlignCommand.id && id !== SetSelectionsOperation.id && id !== 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$: combineLatest([getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET), accessor.get(IContextService).subscribeContextValue$(FOCUSING_COMMON_DRAWINGS).pipe(startWith(false))]).pipe(map(([hidden, focusingDrawing]) => hidden || focusingDrawing)),
@@ -18370,12 +18326,12 @@ const TEXT_WRAP_CHILDREN = [
 	}
 ];
 function WrapTextMenuItemFactory(accessor) {
-	var _defaultStyle$tb, _TEXT_WRAP_CHILDREN$f;
+	var _TEXT_WRAP_CHILDREN$f;
 	const selectionManagerService = accessor.get(SheetsSelectionsService);
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const workbook = univerInstanceService.getCurrentUnitOfType(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 : WrapStrategy.OVERFLOW;
+	const defaultValue = (defaultStyle === null || defaultStyle === void 0 ? void 0 : defaultStyle.tb) ?? WrapStrategy.OVERFLOW;
 	return {
 		id: SetTextWrapCommand.id,
 		tooltip: "sheets-ui.toolbar.textWrapMode.main",
@@ -18383,30 +18339,28 @@ function WrapTextMenuItemFactory(accessor) {
 		type: MenuItemType.SELECTOR,
 		selections: TEXT_WRAP_CHILDREN,
 		value$: deriveStateFromActiveSheet$(univerInstanceService, defaultValue, ({ worksheet }) => new Observable((subscriber) => {
-			var _selectionManagerServ15, _tb2;
+			var _selectionManagerServ15;
 			const disposable = accessor.get(ICommandService).onCommandExecuted((c) => {
-				var _selectionManagerServ14, _tb;
+				var _selectionManagerServ14;
 				const id = c.id;
 				if (id !== SetTextWrapCommand.id && id !== SetSelectionsOperation.id && id !== 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$: combineLatest([getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET), accessor.get(IContextService).subscribeContextValue$(FOCUSING_COMMON_DRAWINGS).pipe(startWith(false))]).pipe(map(([hidden, focusingDrawing]) => hidden || focusingDrawing)),
@@ -18506,10 +18460,7 @@ function TextRotateMenuItemFactory(accessor) {
 					tr = range === null || range === void 0 ? void 0 : range.getTextRotation();
 				}
 				if ((tr === null || tr === void 0 ? void 0 : tr.v) === 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;
@@ -18518,10 +18469,7 @@ function TextRotateMenuItemFactory(accessor) {
 				tr = range === null || range === void 0 ? void 0 : range.getTextRotation();
 			}
 			if ((tr === null || tr === void 0 ? void 0 : tr.v) === 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$: combineLatest([getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET), accessor.get(IContextService).subscribeContextValue$(FOCUSING_COMMON_DRAWINGS).pipe(startWith(false))]).pipe(map(([hidden, focusingDrawing]) => hidden || focusingDrawing)),
@@ -19013,14 +18961,13 @@ function getPermissionDisableBase$(accessor) {
 	return combineLatest([univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), accessor.get(UserManagerService).currentUser$]).pipe(switchMap(([workbook, _]) => {
 		if (!workbook) return of(true);
 		return workbook.activeSheet$.pipe(switchMap((worksheet) => {
-			var _permissionService$co;
 			if (!worksheet) return of(true);
 			const unitId = workbook.getUnitId();
 			const selectionManagerService = accessor.get(SheetsSelectionsService);
 			const selectionProtectionRuleModel = accessor.get(RangeProtectionRuleModel);
 			const worksheetProtectionRuleModel = accessor.get(WorksheetProtectionRuleModel);
 			return combineLatest([
-				(_permissionService$co = permissionService.composePermission$([new WorkbookEditablePermission(unitId).id]).pipe(map((permissions) => permissions.every((permission) => permission.value)))) !== null && _permissionService$co !== void 0 ? _permissionService$co : of(false),
+				permissionService.composePermission$([new WorkbookEditablePermission(unitId).id]).pipe(map((permissions) => permissions.every((permission) => permission.value))) ?? of(false),
 				merge$1(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe(startWith(null)),
 				selectionManagerService.selectionMoveEnd$
 			]).pipe(map(([permission, _, __]) => {
@@ -19035,7 +18982,6 @@ function getPermissionDisableBase$(accessor) {
 	}));
 }
 function getAddPermissionDisableBase$(accessor) {
-	var _editorBridgeService$;
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const permissionService = accessor.get(IPermissionService);
 	const workbook$ = univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET);
@@ -19045,10 +18991,10 @@ function getAddPermissionDisableBase$(accessor) {
 		bufferSize: 1,
 		refCount: true
 	}));
-	const editorVisible$ = (_editorBridgeService$ = editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$.pipe(startWith(null), shareReplay({
+	const editorVisible$ = (editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$.pipe(startWith(null), shareReplay({
 		bufferSize: 1,
 		refCount: true
-	}))) !== null && _editorBridgeService$ !== void 0 ? _editorBridgeService$ : of(null);
+	}))) ?? of(null);
 	return combineLatest([
 		workbook$,
 		userManagerService.currentUser$,
@@ -19057,7 +19003,6 @@ function getAddPermissionDisableBase$(accessor) {
 	]).pipe(switchMap(([workbook, _, visible, formulaEditorFocus]) => {
 		if (!workbook || (visible === null || visible === void 0 ? void 0 : visible.visible) && visible.unitId === workbook.getUnitId() || formulaEditorFocus) return of(true);
 		return workbook.activeSheet$.pipe(switchMap((worksheet) => {
-			var _permissionService$co2;
 			if (!worksheet) return of(true);
 			const focusingDrawing$ = accessor.get(IContextService).subscribeContextValue$(FOCUSING_COMMON_DRAWINGS).pipe(startWith(false));
 			const unitId = workbook.getUnitId();
@@ -19066,7 +19011,7 @@ function getAddPermissionDisableBase$(accessor) {
 			const worksheetProtectionRuleModel = accessor.get(WorksheetProtectionRuleModel);
 			const selectionManagerService = accessor.get(SheetsSelectionsService);
 			return combineLatest([
-				(_permissionService$co2 = permissionService.composePermission$([new WorkbookCreateProtectPermission(unitId).id]).pipe(map((permissions) => permissions.every((permission) => permission.value)))) !== null && _permissionService$co2 !== void 0 ? _permissionService$co2 : of(false),
+				permissionService.composePermission$([new WorkbookCreateProtectPermission(unitId).id]).pipe(map((permissions) => permissions.every((permission) => permission.value))) ?? of(false),
 				merge$1(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe(startWith(null)),
 				selectionManagerService.selectionMoveEnd$,
 				focusingDrawing$
@@ -19095,13 +19040,12 @@ function getAddPermissionFromSheetBarDisable$(accessor) {
 	return combineLatest([univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), accessor.get(UserManagerService).currentUser$]).pipe(switchMap(([workbook, _]) => {
 		if (!workbook) return of(true);
 		return workbook.activeSheet$.pipe(switchMap((worksheet) => {
-			var _permissionService$co3;
 			if (!worksheet) return of(true);
 			const unitId = workbook.getUnitId();
 			const subUnitId = worksheet.getSheetId();
 			const selectionProtectionRuleModel = accessor.get(RangeProtectionRuleModel);
 			const worksheetProtectionRuleModel = accessor.get(WorksheetProtectionRuleModel);
-			return combineLatest([(_permissionService$co3 = permissionService.composePermission$([new WorkbookCreateProtectPermission(unitId).id]).pipe(map((permissions) => permissions.every((permission) => permission.value)))) !== null && _permissionService$co3 !== void 0 ? _permissionService$co3 : of(false), merge$1(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe(startWith(null))]).pipe(map(([permission, _]) => {
+			return combineLatest([permissionService.composePermission$([new WorkbookCreateProtectPermission(unitId).id]).pipe(map((permissions) => permissions.every((permission) => permission.value))) ?? of(false), merge$1(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe(startWith(null))]).pipe(map(([permission, _]) => {
 				var _selectionProtectionR;
 				if (!permission) return true;
 				const worksheetRule = worksheetProtectionRuleModel.getRule(unitId, subUnitId);
@@ -19117,12 +19061,12 @@ function getRemovePermissionFromSheetBarDisable$(accessor) {
 	return combineLatest([univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), accessor.get(UserManagerService).currentUser$]).pipe(switchMap(([workbook, _]) => {
 		if (!workbook) return of(true);
 		return workbook.activeSheet$.pipe(switchMap((worksheet) => {
-			var _permissionService$ge2, _permissionService$ge3;
+			var _permissionService$ge2;
 			if (!worksheet) return of(true);
 			const unitId = workbook.getUnitId();
 			const subUnitId = worksheet.getSheetId();
 			const worksheetProtectionRuleModel = accessor.get(WorksheetProtectionRuleModel);
-			return combineLatest([(_permissionService$ge2 = (_permissionService$ge3 = permissionService.getPermissionPoint$(new WorksheetDeleteProtectionPermission(unitId, subUnitId).id)) === null || _permissionService$ge3 === void 0 ? void 0 : _permissionService$ge3.pipe(map((e) => !!e.value))) !== null && _permissionService$ge2 !== void 0 ? _permissionService$ge2 : of(false), worksheetProtectionRuleModel.ruleChange$.pipe(startWith(null))]).pipe(map(([permission, _]) => {
+			return combineLatest([((_permissionService$ge2 = permissionService.getPermissionPoint$(new WorksheetDeleteProtectionPermission(unitId, subUnitId).id)) === null || _permissionService$ge2 === void 0 ? void 0 : _permissionService$ge2.pipe(map((e) => !!e.value))) ?? of(false), worksheetProtectionRuleModel.ruleChange$.pipe(startWith(null))]).pipe(map(([permission, _]) => {
 				const worksheetRule = worksheetProtectionRuleModel.getRule(unitId, subUnitId);
 				if (worksheetRule === null || worksheetRule === void 0 ? void 0 : worksheetRule.permissionId) return !permission;
 				return true;
@@ -19136,13 +19080,12 @@ function getSetPermissionFromSheetBarDisable$(accessor) {
 	return combineLatest([univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), accessor.get(UserManagerService).currentUser$]).pipe(switchMap(([workbook, _]) => {
 		if (!workbook) return of(true);
 		return workbook.activeSheet$.pipe(switchMap((worksheet) => {
-			var _permissionService$co4;
 			if (!worksheet) return of(true);
 			const unitId = workbook.getUnitId();
 			const subUnitId = worksheet.getSheetId();
 			const selectionProtectionRuleModel = accessor.get(RangeProtectionRuleModel);
 			const worksheetProtectionRuleModel = accessor.get(WorksheetProtectionRuleModel);
-			return combineLatest([(_permissionService$co4 = permissionService.composePermission$([new WorkbookCreateProtectPermission(unitId).id, new WorkbookManageCollaboratorPermission(unitId).id]).pipe(map((permissions) => permissions.every((permission) => permission.value)))) !== null && _permissionService$co4 !== void 0 ? _permissionService$co4 : of(false), merge$1(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe(startWith(null))]).pipe(map(([permission, _]) => {
+			return combineLatest([permissionService.composePermission$([new WorkbookCreateProtectPermission(unitId).id, new WorkbookManageCollaboratorPermission(unitId).id]).pipe(map((permissions) => permissions.every((permission) => permission.value))) ?? of(false), merge$1(selectionProtectionRuleModel.ruleChange$, worksheetProtectionRuleModel.ruleChange$).pipe(startWith(null))]).pipe(map(([permission, _]) => {
 				var _selectionProtectionR2;
 				if (!permission) return true;
 				const worksheetRule = worksheetProtectionRuleModel.getRule(unitId, subUnitId);
@@ -19172,8 +19115,8 @@ function getRemovePermissionDisable$(accessor) {
 				if ((selectionRange === null || selectionRange === void 0 ? void 0 : selectionRange.rangeType) === RANGE_TYPE.ALL || (selectionRange === null || selectionRange === void 0 ? void 0 : selectionRange.rangeType) === RANGE_TYPE.COLUMN || (selectionRange === null || selectionRange === void 0 ? void 0 : selectionRange.rangeType) === 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 WorksheetDeleteProtectionPermission(unitId, subUnitId).id)) === null || _permissionService$ge4 === void 0 ? void 0 : _permissionService$ge4.value) === false;
+					var _permissionService$ge3;
+					return ((_permissionService$ge3 = permissionService.getPermissionPoint(new 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) => {
@@ -19192,14 +19135,13 @@ function getRemovePermissionDisable$(accessor) {
 	}));
 }
 function getViewPermissionDisable$(accessor) {
-	var _editorBridgeService$2;
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const permissionService = accessor.get(IPermissionService);
 	const workbook$ = univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET);
 	const userManagerService = accessor.get(UserManagerService);
 	const editorBridgeService = accessor.has(IEditorBridgeService) ? accessor.get(IEditorBridgeService) : null;
 	const formulaEditorFocus$ = accessor.get(IContextService).subscribeContextValue$(FOCUSING_FX_BAR_EDITOR);
-	const editorVisible$ = (_editorBridgeService$2 = editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$) !== null && _editorBridgeService$2 !== void 0 ? _editorBridgeService$2 : of(null);
+	const editorVisible$ = (editorBridgeService === null || editorBridgeService === void 0 ? void 0 : editorBridgeService.visible$) ?? of(null);
 	return combineLatest([
 		workbook$,
 		userManagerService.currentUser$,
@@ -19208,10 +19150,10 @@ function getViewPermissionDisable$(accessor) {
 	]).pipe(switchMap(([workbook, _, visible, formulaEditorFocus]) => {
 		if (!workbook || (visible === null || visible === void 0 ? void 0 : visible.visible) && visible.unitId === workbook.getUnitId() || formulaEditorFocus) return of(true);
 		return workbook.activeSheet$.pipe(switchMap((worksheet) => {
-			var _permissionService$ge5, _permissionService$ge6;
+			var _permissionService$ge4;
 			if (!worksheet) return of(true);
 			const unitId = workbook.getUnitId();
-			return ((_permissionService$ge5 = (_permissionService$ge6 = permissionService.getPermissionPoint$(new WorkbookEditablePermission(unitId).id)) === null || _permissionService$ge6 === void 0 ? void 0 : _permissionService$ge6.pipe(map((e) => !!e.value))) !== null && _permissionService$ge5 !== void 0 ? _permissionService$ge5 : of(false)).pipe(map((permission) => !permission));
+			return (((_permissionService$ge4 = permissionService.getPermissionPoint$(new WorkbookEditablePermission(unitId).id)) === null || _permissionService$ge4 === void 0 ? void 0 : _permissionService$ge4.pipe(map((e) => !!e.value))) ?? of(false)).pipe(map((permission) => !permission));
 		}));
 	}));
 }
@@ -20387,8 +20329,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 toDisposable(() => {});
 	const collection = new DisposableCollection();
 	const view = ownerDocument.defaultView;
@@ -20458,8 +20399,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
@@ -20548,27 +20488,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";
 }
 /**
@@ -20586,6 +20526,7 @@ function EditorContainer() {
 	const componentManager = useDependency(ComponentManager);
 	const editorBridgeService = useDependency(IEditorBridgeService);
 	const cellEditorResizeService = useDependency(SheetCellEditorResizeService);
+	const renderManagerService = useDependency(IRenderManagerService);
 	const rootRef = useRef(null);
 	const pointerRefocusTimerRef = useRef(void 0);
 	const visible = useObservable(editorBridgeService.visible$);
@@ -20594,6 +20535,9 @@ function EditorContainer() {
 	const FormulaEditor = componentManager.get(EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY);
 	const editState = useObservable(editorBridgeService.currentEditCellState$);
 	const darkMode = useObservable(themeService.darkMode$, themeService.darkMode);
+	const [showEditCellAddress, setShowEditCellAddress] = useState(false);
+	const editCellAddress = editState ? `${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;
@@ -20610,6 +20554,24 @@ function EditorContainer() {
 		instanceService,
 		visible === null || visible === void 0 ? void 0 : visible.unitId
 	]);
+	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(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
+	]);
 	useEffect(() => {
 		const subscription = cellEditorManagerService.state$.subscribe((param) => {
 			if (param == null) return;
@@ -20646,18 +20608,17 @@ function EditorContainer() {
 		if (!disableAutoFocus) cellEditorManagerService.setFocus(true);
 	}, [disableAutoFocus, state]);
 	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(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);
@@ -20668,9 +20629,8 @@ function EditorContainer() {
 			}, 0);
 		};
 		const focusEditor = () => {
-			var _resolveSheetEmbedRun2;
 			if (contextService.getContextValue(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(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 			const docSelectionRenderService = editor === null || editor === void 0 ? void 0 : editor.render.with(DocSelectionRenderService);
@@ -20693,7 +20653,6 @@ function EditorContainer() {
 		visible === null || visible === void 0 ? void 0 : visible.visible
 	]);
 	useEffect(() => {
-		var _ref;
 		if (!(visible === null || visible === void 0 ? void 0 : visible.visible) || !rootRef.current || !focusCoordinator) return;
 		const rootRuntimeScope = resolveSheetEmbedRuntimeDomScope(rootRef.current);
 		const unitRuntimeScope = [
@@ -20703,9 +20662,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 DisposableCollection();
 		const interactionBoundaryService = injector.has(ISheetEmbedInteractionBoundaryService) ? injector.get(ISheetEmbedInteractionBoundaryService) : void 0;
@@ -20765,12 +20724,12 @@ function EditorContainer() {
 		visible === null || visible === void 0 ? void 0 : visible.visible
 	]);
 	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 !== UniverInstanceType.UNIVER_SHEET || !childUnitId || !instanceService.getUnit(childUnitId, 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,
@@ -20778,7 +20737,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;
@@ -20839,10 +20798,10 @@ function EditorContainer() {
 		};
 	}, []);
 	const refocusEditorAfterPointerDown = 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(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		const docSelectionRenderService = editor === null || editor === void 0 ? void 0 : editor.render.with(DocSelectionRenderService);
 		const pointerTarget = event.target;
@@ -20877,7 +20836,7 @@ function EditorContainer() {
 			unitId: editState === null || editState === void 0 ? void 0 : editState.unitId
 		});
 	});
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		ref: rootRef,
 		"data-u-comp": "editor",
 		className: "univer-absolute univer-z-10 univer-flex",
@@ -20892,7 +20851,16 @@ function EditorContainer() {
 				getColorFromTheme: themeService.getColorFromTheme.bind(themeService)
 			})
 		},
-		children: FormulaEditor && /* @__PURE__ */ jsx(FormulaEditor, {
+		children: [(visible === null || visible === void 0 ? void 0 : visible.visible) && showEditCellAddress && editCellAddress && /* @__PURE__ */ 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__ */ jsx(FormulaEditor, {
 			editorId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
 			className: "univer-relative univer-flex univer-size-full [&_canvas]:univer-absolute",
 			initValue: "",
@@ -20912,7 +20880,7 @@ function EditorContainer() {
 			},
 			disableContextMenu: false,
 			canvasStyle: { backgroundColor: "transparent" }
-		})
+		})]
 	});
 }
 
@@ -21256,7 +21224,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 = useDependency(IEditorBridgeService);
 	const iconActivated = useObservable(() => editorBridgeService.visible$.pipe(map((visibleInfo) => visibleInfo.visible)), false, false, [editorBridgeService]);
@@ -21307,21 +21275,20 @@ function FormulaBar(props) {
 			}));
 		}), 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 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 WorksheetEditPermission(unitId, subUnitId).id)) === null || _permissionService$ge === void 0 ? void 0 : _permissionService$ge.value) ?? true);
 					return {
-						viewDisable: !((_permissionService$ge3 = (_permissionService$ge4 = permissionService.getPermissionPoint(new 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 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[UnitAction.Edit]) !== null && _cellInfoWithPermissi !== void 0 ? _cellInfoWithPermissi : true),
-					viewDisable: !((_cellInfoWithPermissi2 = cellInfoWithPermission === null || cellInfoWithPermission === void 0 ? void 0 : cellInfoWithPermission[UnitAction.View]) !== null && _cellInfoWithPermissi2 !== void 0 ? _cellInfoWithPermissi2 : true)
+					editDisable: !((cellInfoWithPermission === null || cellInfoWithPermission === void 0 ? void 0 : cellInfoWithPermission[UnitAction.Edit]) ?? true),
+					viewDisable: !((cellInfoWithPermission === null || cellInfoWithPermission === void 0 ? void 0 : cellInfoWithPermission[UnitAction.View]) ?? true)
 				};
 			}
 			return {
@@ -21379,7 +21346,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 = useRef(false);
@@ -21412,7 +21379,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 = isCellImage(editState === null || editState === void 0 || (_editState$documentLa = editState.documentLayoutObject.documentModel) === null || _editState$documentLa === void 0 ? void 0 : _editState$documentLa.getSnapshot()) || viewDisable;
 	return /* @__PURE__ */ jsxs("div", {
 		"data-u-comp": "formula-bar",
 		className: clsx("univer-box-border univer-flex univer-bg-white univer-transition-[height] univer-ease-linear dark:!univer-bg-gray-800", borderBottomClassName, className, {
@@ -21423,7 +21390,7 @@ function FormulaBar(props) {
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "univer-relative univer-box-border univer-h-full univer-w-[100px]",
-				children: /* @__PURE__ */ jsx(DefinedName, { disable: disableDefinedName !== null && disableDefinedName !== void 0 ? disableDefinedName : editDisable })
+				children: /* @__PURE__ */ jsx(DefinedName, { disable: disableDefinedName ?? editDisable })
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "univer-flex univer-size-full",
@@ -21629,7 +21596,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: 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", {
@@ -21667,9 +21634,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);
 		}
 	})] });
 }
@@ -21833,8 +21799,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(() => {
@@ -22017,10 +21982,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() {
@@ -22140,23 +22104,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 {
@@ -22295,7 +22257,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();
 	}
@@ -22350,15 +22319,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);
 		});
@@ -22371,13 +22340,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()
@@ -22397,7 +22359,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;
@@ -22586,7 +22548,6 @@ function shouldRefreshSheetTabs(commandInfo) {
 	}
 }
 function SheetBarTabs() {
-	var _config$contextMenu;
 	const [sheetList, setSheetList] = useState([]);
 	const [activeSheetId, setActiveSheetId] = useState("");
 	const [scrollShadow, setScrollShadow] = useState("");
@@ -22608,7 +22569,7 @@ function SheetBarTabs() {
 	const workbookRef = useRef(workbook);
 	const resetOrder = useObservable(worksheetProtectionRuleModel.resetOrder$);
 	const config = useConfigValue(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 = 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();
@@ -22687,7 +22648,7 @@ function SheetBarTabs() {
 		workbook
 	]);
 	const canRenameActiveSheet = useCallback(() => {
-		var _permissionService$ge3, _permissionService$ge4;
+		var _permissionService$ge2;
 		const unitId = workbook.getUnitId();
 		const activeSheet = workbook.getActiveSheet();
 		if (!activeSheet) return false;
@@ -22695,10 +22656,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 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 WorkbookManageCollaboratorPermission(unitId).id)) === null || _permissionService$ge === void 0 ? void 0 : _permissionService$ge.value) ?? false;
 		}
-		return (_permissionService$ge3 = (_permissionService$ge4 = permissionService.getPermissionPoint(new 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 WorkbookRenameSheetPermission(unitId).id)) === null || _permissionService$ge2 === void 0 ? void 0 : _permissionService$ge2.value) ?? false;
 	}, [
 		permissionService,
 		rangeProtectionRuleModel,
@@ -22706,11 +22667,9 @@ function SheetBarTabs() {
 		worksheetProtectionRuleModel
 	]);
 	const updateSheetItems = useCallback(() => {
-		var _activeSheet$getSheet;
 		const activeSheet = workbook.getActiveSheet();
-		const currentSubUnitId = (_activeSheet$getSheet = activeSheet === null || activeSheet === void 0 ? void 0 : activeSheet.getSheetId()) !== null && _activeSheet$getSheet !== void 0 ? _activeSheet$getSheet : "";
+		const currentSubUnitId = (activeSheet === null || activeSheet === void 0 ? void 0 : activeSheet.getSheetId()) ?? "";
 		const sheetListItems = workbook.getSheets().filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
-			var _sheet$getTabColor;
 			const worksheetRule = worksheetProtectionRuleModel.getRule(workbook.getUnitId(), sheet.getSheetId());
 			const hasSelectionRule = rangeProtectionRuleModel.getSubunitRuleList(workbook.getUnitId(), sheet.getSheetId()).length > 0;
 			const hasProtection = Boolean((worksheetRule === null || worksheetRule === void 0 ? void 0 : worksheetRule.permissionId) || hasSelectionRule);
@@ -22725,7 +22684,7 @@ function SheetBarTabs() {
 				}),
 				index,
 				selected: activeSheet === sheet,
-				color: (_sheet$getTabColor = sheet.getTabColor()) !== null && _sheet$getTabColor !== void 0 ? _sheet$getTabColor : void 0
+				color: sheet.getTabColor() ?? void 0
 			};
 		});
 		setSheetList(sheetListItems);
@@ -22853,7 +22812,7 @@ function SheetBarTabs() {
 		workbook
 	]);
 	const onTabListKeyDown = 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]");
@@ -22868,7 +22827,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();
@@ -22978,13 +22937,12 @@ function SheetBarTabs() {
 	}, [activeSheetId, sheetList]);
 	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);
@@ -23261,12 +23219,12 @@ const StatusBar = () => {
 			}
 			setShow(true);
 			setStatistics((prevStats) => prevStats.map((stat) => {
-				var _items$find$value, _items$find, _state$pattern;
+				var _items$find;
 				return {
 					...stat,
-					value: (_items$find$value = (_items$find = items.find((i) => i.func === stat.name)) === null || _items$find === void 0 ? void 0 : _items$find.value) !== null && _items$find$value !== void 0 ? _items$find$value : stat.value,
+					value: ((_items$find = items.find((i) => i.func === stat.name)) === null || _items$find === void 0 ? void 0 : _items$find.value) ?? stat.value,
 					disable: !items.some((i) => i.func === stat.name),
-					pattern: (_state$pattern = state === null || state === void 0 ? void 0 : state.pattern) !== null && _state$pattern !== void 0 ? _state$pattern : null
+					pattern: (state === null || state === void 0 ? void 0 : state.pattern) ?? null
 				};
 			}));
 		}, []);
@@ -23321,13 +23279,11 @@ const StatusBar = () => {
 //#region src/views/sheet-container/SheetContainer.tsx
 const SHEET_FOOTER_BAR_HEIGHT = 36;
 function RenderSheetFooter() {
-	var _config$footer;
 	const config = useConfigValue(SHEETS_UI_PLUGIN_CONFIG_KEY);
 	const menuManagerService = useDependency(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();
@@ -23366,8 +23322,7 @@ function RenderSheetFooter() {
 function RenderSheetHeader() {
 	const config = 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);
@@ -23395,18 +23350,16 @@ function RenderSheetHeader() {
 * We should not write into this component anymore.
 */
 function RenderSheetContent() {
-	var _componentManager$get;
 	const config = useConfigValue(SHEETS_UI_PLUGIN_CONFIG_KEY);
 	const isLoading = useSheetLoading();
 	const isPreviewReady = useSheetLoadingPreviewReady();
 	const componentManager = useDependency(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 = useDependency(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");
 	useEffect(() => {
 		var _tryGetSheetEmbedRunt;
 		if (!workbook || isLoading || activeEmbedTab || activeWorkbookEmbeddedRender) return;
@@ -23516,11 +23469,10 @@ function useFocusedUnitType() {
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const focusedUnitId = useObservable(() => univerInstanceService.focused$, null, false, [univerInstanceService]);
 	return useMemo(() => {
-		var _focusedUnit$type;
 		if (!focusedUnitId) return null;
 		if (isInternalEditorID(focusedUnitId) && univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET)) return 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) {
@@ -24146,7 +24098,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "1.0.0-alpha.8";
+var version = "1.0.0-beta.0";
 
 //#endregion
 //#region src/views/cell-popup/config.ts
@@ -24239,13 +24191,12 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends Di
 	_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);
@@ -24495,7 +24446,7 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends Di
 		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({
@@ -24564,7 +24515,7 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends Di
 		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({
@@ -24805,12 +24756,12 @@ let CellPopupManagerService = class CellPopupManagerService extends Disposable {
 		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 : generateRandomId();
+		popup.id = popup.id ?? generateRandomId();
 		const hidePopup = () => {
 			const root = subUnitMap.getValue(row, col);
 			if (!root) return;
@@ -25564,7 +25515,6 @@ function getBorderStyle(borderData) {
 	}
 }
 function BorderPanel(props) {
-	var _value$color;
 	const iconManager = useDependency(IconManager);
 	const borderStyleManagerService = useDependency(BorderStyleManagerService);
 	const selectionManagerService = useDependency(SheetsSelectionsService);
@@ -25614,7 +25564,7 @@ function BorderPanel(props) {
 						type: "button",
 						children: [/* @__PURE__ */ jsx(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__ */ jsx(MoreDownIcon, { className: "dark:!univer-text-white" })]
 					})
 				}) }), /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Dropdown, {
@@ -25637,7 +25587,7 @@ function BorderPanel(props) {
 						type: "button",
 						children: [/* @__PURE__ */ jsx(BorderLine, {
 							className: "univer-fill-gray-900 dark:!univer-fill-white",
-							type: type !== null && type !== void 0 ? type : BorderStyleTypes.THIN
+							type: type ?? BorderStyleTypes.THIN
 						}), /* @__PURE__ */ jsx(MoreDownIcon, { className: "dark:!univer-text-white" })]
 					})
 				}) })]
@@ -25773,9 +25723,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__ */ jsx(Component, { popup }, (_popup$id = popup.id) !== null && _popup$id !== void 0 ? _popup$id : popup.componentKey) : null;
+			return Component ? /* @__PURE__ */ jsx(Component, { popup }, popup.id ?? popup.componentKey) : null;
 		})
 	});
 };
@@ -26017,8 +25966,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;
@@ -26221,7 +26169,7 @@ function CascaderDropdown(props) {
 	const { popup } = props;
 	const { extraProps } = popup;
 	const { options, defaultValue, onChange } = extraProps;
-	const [localValue, setLocalValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : []);
+	const [localValue, setLocalValue] = useState(defaultValue ?? []);
 	return /* @__PURE__ */ jsx(CascaderList, {
 		options,
 		value: localValue,
@@ -26266,7 +26214,7 @@ function DateDropdown(props) {
 			}
 		}) : /* @__PURE__ */ jsx(Calendar, {
 			value: date.toDate(),
-			showTime: showTime !== null && showTime !== void 0 ? showTime : patternType === "datetime",
+			showTime: showTime ?? patternType === "datetime",
 			onValueChange: (newValue) => {
 				setLocalDate(dateKit(newValue));
 			}
@@ -26419,13 +26367,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] = 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__ */ jsx(SelectList, {
 		style: {
 			minWidth: cellWidth,
@@ -26434,8 +26381,7 @@ function ListDropDown(props) {
 		value: getListDropdownValue(localValue, multiple),
 		multiple,
 		onChange: async (newValue) => {
-			var _newValue$;
-			const str = multiple ? serializeListOptions(newValue) : (_newValue$ = newValue[0]) !== null && _newValue$ !== void 0 ? _newValue$ : "";
+			const str = multiple ? serializeListOptions(newValue) : newValue[0] ?? "";
 			setLocalValue(str);
 			if (!(await (onChange === null || onChange === void 0 ? void 0 : onChange(newValue)) === false)) hideFn();
 		},
@@ -26692,13 +26638,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(IUniverInstanceService);
 	const selectionManagerService = injector.get(SheetsSelectionsService);
 	const workbook = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
 	const worksheet = workbook.getActiveSheet();
 	let unitType = 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 = UnitObject.Worksheet;
 		ranges = [{
@@ -26971,7 +26917,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 = useDependency(LocaleService);
 	const dialogService = useDependency(IDialogService);
@@ -26982,7 +26927,7 @@ const PermissionDetailUserPart = (props) => {
 	const selectUserList = useObservable(sheetPermissionUserManagerService.selectUserList$, sheetPermissionUserManagerService.selectUserList);
 	const workbook = univerInstanceService.getCurrentUnitOfType(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 = useEvent(onEditStateChange);
 	const handleAddPerson = async () => {
 		const userList = await authzIoService.listCollaborators({
@@ -27132,7 +27077,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 = useDependency(Injector);
 	const componentManager = useDependency(ComponentManager);
@@ -27142,10 +27086,9 @@ const SheetPermissionPanelDetail = (props) => {
 		return checkRangeValid(injector, activeRule.ranges, activeRule.permissionId, activeRule.unitId, activeRule.subUnitId);
 	});
 	const [desc, setDesc] = useState(activeRule.description);
-	const [editState, setEditState] = useState((_activeRule$editState = activeRule.editState) !== null && _activeRule$editState !== void 0 ? _activeRule$editState : EditStateEnum.OnlyMe);
-	const [viewState, setViewState] = useState((_activeRule$viewState = activeRule.viewState) !== null && _activeRule$viewState !== void 0 ? _activeRule$viewState : ViewStateEnum.OthersCanView);
-	const CustomPermissionDetailUserPart = componentManager.get(UNIVER_SHEET_PERMISSION_USER_PART);
-	const PermissionDetailUser = CustomPermissionDetailUserPart !== null && CustomPermissionDetailUserPart !== void 0 ? CustomPermissionDetailUserPart : PermissionDetailUserPart;
+	const [editState, setEditState] = useState(activeRule.editState ?? EditStateEnum.OnlyMe);
+	const [viewState, setViewState] = useState(activeRule.viewState ?? ViewStateEnum.OthersCanView);
+	const PermissionDetailUser = componentManager.get("UNIVER_SHEET_PERMISSION_USER_PART") ?? PermissionDetailUserPart;
 	useEffect(() => {
 		const univerInstanceService = injector.get(IUniverInstanceService);
 		const sidebarService = injector.get(ISidebarService);
@@ -27357,7 +27300,7 @@ function SheetPermissionPanelListContent() {
 				})]
 			}),
 			(ruleList === null || ruleList === void 0 ? void 0 : ruleList.length) > 0 ? /* @__PURE__ */ 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 === UnitAction.Edit);
@@ -27433,7 +27376,7 @@ function SheetPermissionPanelListContent() {
 								className: "univer-flex univer-items-center",
 								children: [
 									/* @__PURE__ */ jsx(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__ */ jsx("div", { children: /* @__PURE__ */ jsx(Avatar, {
 											src: (_item$creator4 = item.creator) === null || _item$creator4 === void 0 ? void 0 : _item$creator4.avatar,
 											className: "univer-mr-1.5",
@@ -27527,19 +27470,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] = useState("");
 	const localeService = useDependency(LocaleService);
 	const dialogService = useDependency(IDialogService);
 	const sheetPermissionUserManagerService = useDependency(SheetPermissionUserManagerService);
 	const authzIoService = useDependency(IAuthzIoService);
 	const userList = 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 === UnitRole.Owner || item.role === UnitRole.Editor);
-	})) !== null && _userList$filter !== void 0 ? _userList$filter : [];
+	})) ?? [];
 	const [selectUserInfo, setSelectUserInfo] = 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;
@@ -28019,8 +27962,8 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 		const docViewModel = this._getEditorViewModel(unitId);
 		if (docDataModel == null || docViewModel == null || skeleton == null) return;
 		docDataModel.getSnapshot().body = body;
-		docDataModel.getSnapshot().drawings = drawings !== null && drawings !== void 0 ? drawings : {};
-		docDataModel.getSnapshot().drawingsOrder = drawingsOrder !== null && drawingsOrder !== void 0 ? drawingsOrder : [];
+		docDataModel.getSnapshot().drawings = drawings ?? {};
+		docDataModel.getSnapshot().drawingsOrder = drawingsOrder ?? [];
 		this._checkAndSetRenderStyleConfig(docDataModel);
 		docViewModel.reset(docDataModel);
 		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
@@ -28052,15 +27995,12 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 		if (unitId === 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 !== DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY && snapshot.id !== DOCS_NORMAL_EDITOR_UNIT_ID_KEY) return;
 		const isFormulaBar = snapshot.id === 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 = {};
@@ -28074,7 +28014,7 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 				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 ? BooleanNumber.FALSE : BooleanNumber.TRUE;
 			return;
 		}
@@ -28544,13 +28484,12 @@ function MobileSheetBarImpl(props) {
 		const sheets = workbook.getSheets();
 		const activeSheet = workbook.getActiveSheet();
 		const sheetListItems = sheets.filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
-			var _sheet$getTabColor;
 			return {
 				sheetId: sheet.getSheetId(),
 				label: sheet.getName(),
 				index,
 				selected: activeSheet === sheet,
-				color: (_sheet$getTabColor = sheet.getTabColor()) !== null && _sheet$getTabColor !== void 0 ? _sheet$getTabColor : void 0
+				color: sheet.getTabColor() ?? void 0
 			};
 		});
 		setSheetList(sheetListItems);
@@ -28889,11 +28828,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 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 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 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 WorksheetSetColumnStylePermission(unitId, subUnitId).id)) === null || _this$_permissionServ2 === void 0 ? void 0 : _this$_permissionServ2.value) ?? false) === false) return false;
 			}
 			return true;
 		} }));
@@ -28961,10 +28900,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(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 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 WorkbookEditablePermission(workbook.getUnitId()).id)) === null || _this$_permissionServ3 === void 0 ? void 0 : _this$_permissionServ3.value) ?? false;
 		} }));
 	}
 };
@@ -29053,7 +28992,7 @@ let SheetPermissionInterceptorFormulaRenderController = class SheetPermissionInt
 			handler: (defaultValue, originValue) => {
 				var _this$_permissionServ;
 				const target = 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 WorksheetViewPermission(unitId, subUnitId).id)) === null || _this$_permissionServ === void 0 ? void 0 : _this$_permissionServ.value) === false) originValue.forEach((item) => {
 					const itemValue = item.getArrayValue();
@@ -29737,10 +29676,9 @@ let SheetContextMenuMobileRenderController = class SheetContextMenuMobileRenderC
 		return skeleton.getCellWithCoordByOffset(relativeCoords.x - scrollXY.x, relativeCoords.y - scrollXY.y, scaleX, scaleY, scrollXY);
 	}
 	_getCurrentRenderSelections() {
-		var _selectionRenderServi;
 		const currentRender = this._renderManagerService.getRenderUnitById(this._context.unitId);
 		const selectionRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(ISheetSelectionRenderService);
-		return (_selectionRenderServi = selectionRenderService === null || selectionRenderService === void 0 ? void 0 : selectionRenderService.getSelectionControls().map((control) => convertSelectionDataToRange(control.getValue()))) !== null && _selectionRenderServi !== void 0 ? _selectionRenderServi : [];
+		return (selectionRenderService === null || selectionRenderService === void 0 ? void 0 : selectionRenderService.getSelectionControls().map((control) => convertSelectionDataToRange(control.getValue()))) ?? [];
 	}
 	_cloneSelections(selections) {
 		return selections.map((selection) => ({
@@ -30843,14 +30781,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(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();
@@ -31651,9 +31589,8 @@ let MobileSheetsSelectionRenderService = class MobileSheetsSelectionRenderServic
 	* When pinch zooming, we should not process pointer move events for selection.
 	*/
 	_setupPointerMoveListener(viewportMain, activeSelectionControl, rangeType, scrollTimerType = ScrollTimerType.ALL, moveStartPosX, moveStartPosY) {
-		var _viewportMain$left, _viewportMain$top;
 		this._scrollTimer = 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;
@@ -31675,7 +31612,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;
@@ -31686,7 +31623,7 @@ let MobileSheetsSelectionRenderService = class MobileSheetsSelectionRenderServic
 			endColumn: activeSelectionControl.model.endColumn
 		};
 		const viewportMain = scene.getViewport(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(Vector2.FromArray([this._startViewportPosX, this._startViewportPosY]), targetViewport);
 		const { scaleX, scaleY } = scene.getAncestorScale();
 		if (rangeType === RANGE_TYPE.ROW) offsetX = Number.POSITIVE_INFINITY;
@@ -31694,11 +31631,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);
@@ -31805,6 +31742,7 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends Plugin
 			[SelectAllService],
 			[ISheetCellDropdownManagerService, { useClass: SheetCellDropdownManagerService }],
 			[SheetCellEditorResizeService],
+			[ISheetLoadingRenderService, { useClass: SheetLoadingRenderService }],
 			[AutoHeightController],
 			[AutoWidthController],
 			[FormulaEditorController],
@@ -31870,7 +31808,6 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends Plugin
 		});
 	}
 	_registerRenderModules() {
-		var _config$contextMenu;
 		const modules = [
 			[HeaderMoveRenderController],
 			[HeaderUnhideRenderController],
@@ -31898,7 +31835,7 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends Plugin
 			[WorksheetProtectionRenderController]
 		];
 		const config = this._configService.getConfig(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(UniverInstanceType.UNIVER_SHEET, m));
 		});
@@ -32491,7 +32428,6 @@ let UniverSheetsUIPlugin = class UniverSheetsUIPlugin extends Plugin {
 		});
 	}
 	_registerRenderModules() {
-		var _config$contextMenu;
 		const modules = [
 			[HeaderMoveRenderController],
 			[HeaderUnhideRenderController],
@@ -32519,7 +32455,7 @@ let UniverSheetsUIPlugin = class UniverSheetsUIPlugin extends Plugin {
 			[WorksheetProtectionRenderController]
 		];
 		const config = this._configService.getConfig(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(UniverInstanceType.UNIVER_SHEET, m));
 		});
@@ -32539,7 +32475,7 @@ _defineProperty(UniverSheetsUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsUIPlugin, "version", version);
 _defineProperty(UniverSheetsUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
 UniverSheetsUIPlugin = __decorate([
-	DependentOn(UniverDocsPlugin, UniverFormulaEnginePlugin, UniverRenderEnginePlugin, UniverSheetsPlugin, UniverUIPlugin, UniverDocsUIPlugin),
+	DependentOn(UniverDocsPlugin, UniverFormulaEnginePlugin, UniverRenderEnginePlugin, UniverSheetsPlugin, UniverDocsUIPlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IRenderManagerService),
 	__decorateParam(3, IConfigService),