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

package/lib/es/index.js

@@ -1,15 +1,15 @@
-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, 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_BUT_HIDDEN, 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, createIdentifier, createInterceptorKey, createParagraphId, createSectionId, dateKit, debounce, extractPureTextFromCell, fromEventSubject, generateRandomId, get, getEmptyCell, 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 { 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, 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, 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 { DocSelectionManagerService, DocSkeletonManagerService, InsertTextCommand, RichTextEditingMutation, SetTextSelectionsOperation } from "@univerjs/docs";
+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";
 import { AddImageIcon, AdjustHeightDoubleIcon, AdjustWidthDoubleIcon, AlignBottomIcon, AlignTopIcon, AllBorderIcon, AutoHeightDoubleIcon, AutoWidthDoubleIcon, AutofillDoubleIcon, AutowrapIcon, BackSlashDoubleIcon, BoldIcon, BrushIcon, CancelFreezeIcon, CancelMergeIcon, CheckMarkIcon, ClearFormatDoubleIcon, CloseIcon, CodeIcon, ConvertIcon, ConvertToNumberIcon, CopyDoubleIcon, CutIcon, DeleteCellShiftLeftDoubleIcon, DeleteCellShiftUpDoubleIcon, DeleteColumnDoubleIcon, DeleteIcon, DeleteRowDoubleIcon, DownBorderDoubleIcon, DownIcon, DownloadImageIcon, ErrorIcon, EyeIcon, EyelashIcon, FontColorDoubleIcon, FontSizeIncreaseIcon, FontSizeReduceIcon, FreezeColumnIcon, FreezeRowIcon, FreezeToSelectedIcon, FxIcon, HideDoubleIcon, HideGridlinesIcon, HorizontalBorderDoubleIcon, HorizontalMergeIcon, HorizontallyIcon, IncreaseIcon, InfoIcon, InnerBorderDoubleIcon, InsertCellDownDoubleIcon, InsertCellShiftRightDoubleIcon, InsertDoubleIcon, InsertRowAboveDoubleIcon, InsertRowBelowDoubleIcon, ItalicIcon, LeftBorderDoubleIcon, LeftDoubleDiagonalDoubleIcon, LeftInsertColumnDoubleIcon, LeftJustifyingIcon, LeftRotationFortyFiveDegreesIcon, LeftRotationNinetyDegreesIcon, LeftTridiagonalDoubleIcon, LoadingMultiIcon, LockIcon, MergeAllIcon, MoreDownIcon, MoreLeftIcon, MoreRightIcon, NoBorderIcon, NoColorDoubleIcon, NoRotationIcon, OuterBorderDoubleIcon, OverflowIcon, PaintBucketDoubleIcon, PasteSpecialDoubleIcon, PenIcon, ProtectIcon, ReduceDoubleIcon, RightBorderDoubleIcon, RightDoubleDiagonalDoubleIcon, RightInsertColumnDoubleIcon, RightJustifyingIcon, RightRotationFortyFiveDegreesIcon, RightRotationNinetyDegreesIcon, ShrinkToFitIcon, SlashDoubleIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TruncationIcon, UnderlineIcon, UpBorderDoubleIcon, VerticalBorderDoubleIcon, VerticalCenterIcon, VerticalIntegrationIcon, VerticalTextIcon, WarningIcon, WriteIcon } from "@univerjs/icons";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { FUNCTION_NAMES_MATH, FUNCTION_NAMES_STATISTICAL, FUNCTION_NAMES_TEXT, FormulaDataModel, IDefinedNamesService, IFunctionService, ISuperTableService, LexerTreeBuilder, NullValueObject, SetFormulaCalculationNotificationMutation, deserializeRangeWithSheet, isReferenceStringWithEffectiveColumn, isReferenceStrings, matchToken, operatorToken, sequenceNodeType, serializeRange, serializeRangeWithSheet } from "@univerjs/engine-formula";
+import { FUNCTION_NAMES_MATH, FUNCTION_NAMES_STATISTICAL, FUNCTION_NAMES_TEXT, FormulaDataModel, IDefinedNamesService, IFunctionService, ISuperTableService, LexerTreeBuilder, NullValueObject, SetFormulaCalculationNotificationMutation, UniverFormulaEnginePlugin, deserializeRangeWithSheet, isReferenceStringWithEffectiveColumn, isReferenceStrings, matchToken, operatorToken, sequenceNodeType, serializeRange, serializeRangeWithSheet } from "@univerjs/engine-formula";
 import { ITelemetryService } from "@univerjs/telemetry";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { debounceTime, filter as filter$1, map as map$1, shareReplay as shareReplay$1, startWith as startWith$1, switchMap as switchMap$1 } from "rxjs/operators";
@@ -17,7 +17,7 @@ import { debounceTime, filter as filter$1, map as map$1, shareReplay as shareRep
 //#region src/basics/editor/get-editor-object.ts
 function getEditorObject(unitId, renderManagerService) {
 	if (unitId == null) return;
-	const currentRender = renderManagerService.getRenderById(unitId);
+	const currentRender = renderManagerService.getRenderUnitById(unitId);
 	if (currentRender == null) return;
 	const { mainComponent, scene, engine, components } = currentRender;
 	return {
@@ -185,7 +185,7 @@ let SHEET_VIEW_KEY = /* @__PURE__ */ function(SHEET_VIEW_KEY) {
 }({});
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -196,7 +196,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -209,14 +209,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -276,7 +276,7 @@ var SelectionRenderModel = class {
 		return this._rangeType;
 	}
 	/**
-	* @deprecated, Duplicate with `Rectangle`
+	* Compares row and column bounds only.
 	*/
 	isEqual(rangeWithCoord) {
 		const { startColumn, startRow, endColumn, endRow } = this;
@@ -353,9 +353,9 @@ const SetRowHeaderWidthCommand = {
 		const renderManagerSrv = accessor.get(IRenderManagerService);
 		if (!renderManagerSrv) return false;
 		const { unitId, subUnitId, size } = params;
-		const render = renderManagerSrv.getRenderById(unitId);
+		const render = renderManagerSrv.getRenderUnitById(unitId);
 		if (render) {
-			renderManagerSrv.getRenderById(unitId).with(SheetSkeletonManagerService).setRowHeaderSize(render, subUnitId, size);
+			renderManagerSrv.getRenderUnitById(unitId).with(SheetSkeletonManagerService).setRowHeaderSize(render, subUnitId, size);
 			const { components } = render;
 			const renderComponent = components.get("__SpreadsheetRowHeader__");
 			if (renderComponent) renderComponent.setCustomHeader({ headerStyle: { size } }, subUnitId);
@@ -371,9 +371,9 @@ const SetColumnHeaderHeightCommand = {
 		const renderManagerSrv = accessor.get(IRenderManagerService);
 		if (!renderManagerSrv) return false;
 		const { unitId, subUnitId, size } = params;
-		const render = renderManagerSrv.getRenderById(unitId);
+		const render = renderManagerSrv.getRenderUnitById(unitId);
 		if (render) {
-			renderManagerSrv.getRenderById(unitId).with(SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, size);
+			renderManagerSrv.getRenderUnitById(unitId).with(SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, size);
 			const { components } = render;
 			const renderComponent = components.get("__SpreadsheetColumnHeader__");
 			if (renderComponent) renderComponent.setCustomHeader({ headerStyle: { size } }, subUnitId);
@@ -493,10 +493,6 @@ var BaseSelectionRenderService = class extends Disposable {
 	/**
 	* Reset this._selectionStyle to default normal selection style
 	*/
-	/** @deprecated This should not be provided by the selection render service. */
-	getViewPort() {
-		return this._activeViewport;
-	}
 	setSingleSelectionEnabled(enabled = false) {
 		this._singleSelectionEnabled = enabled;
 	}
@@ -593,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);
@@ -607,7 +602,7 @@ var BaseSelectionRenderService = class extends Disposable {
 	}
 	_getFreeze() {
 		var _this$_sheetSkeletonM;
-		return (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton.getWorksheetConfig().freeze;
+		return (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton.worksheet.getFreeze();
 	}
 	_getViewportByCell(row, column) {
 		if (row === void 0 || column === void 0) return null;
@@ -675,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;
@@ -698,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 = [
@@ -718,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) {
@@ -734,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 {
@@ -768,15 +758,9 @@ var BaseSelectionRenderService = class extends Disposable {
 			});
 		});
 	}
-	/**
-	* @deprecated Please use `getCellWithCoordByOffset` instead.
-	*/
-	getSelectionCellByPosition(x, y) {
-		return this.getCellWithCoordByOffset(x, y);
-	}
 	getCellWithCoordByOffset(x, y, skeletonParam) {
 		const scene = this._scene;
-		const skeleton = skeletonParam !== null && skeletonParam !== void 0 ? skeletonParam : this._skeleton;
+		const skeleton = skeletonParam ?? this._skeleton;
 		const scrollXY = scene.getViewportScrollXY(scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN));
 		const { scaleX, scaleY } = scene.getAncestorScale();
 		return skeleton.getCellWithCoordByOffset(x - scrollXY.x, y - scrollXY.y, scaleX, scaleY, scrollXY);
@@ -785,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;
@@ -983,7 +966,7 @@ function genSelectionByRange(skeleton, range) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -991,7 +974,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1217,7 +1200,7 @@ var SelectionShapeExtension = class {
 	}
 	_getFreeze() {
 		var _withCurrentTypeOfRen;
-		return (_withCurrentTypeOfRen = withCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, SheetSkeletonManagerService, this._injector.get(IUniverInstanceService), this._injector.get(IRenderManagerService))) === null || _withCurrentTypeOfRen === void 0 || (_withCurrentTypeOfRen = _withCurrentTypeOfRen.getCurrentParam()) === null || _withCurrentTypeOfRen === void 0 ? void 0 : _withCurrentTypeOfRen.skeleton.getWorksheetConfig().freeze;
+		return (_withCurrentTypeOfRen = withCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, SheetSkeletonManagerService, this._injector.get(IUniverInstanceService), this._injector.get(IRenderManagerService))) === null || _withCurrentTypeOfRen === void 0 || (_withCurrentTypeOfRen = _withCurrentTypeOfRen.getCurrentParam()) === null || _withCurrentTypeOfRen === void 0 ? void 0 : _withCurrentTypeOfRen.skeleton.worksheet.getFreeze();
 	}
 	_isSelectionInViewport(selection, viewport) {
 		const freeze = this._getFreeze() || {
@@ -1807,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;
@@ -1861,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();
 	}
@@ -2240,29 +2222,6 @@ var SelectionControl = class extends Disposable {
 		this._updateControlCoord();
 	}
 	/**
-	* Update selection model with new range & primary cell(aka: highlight/current), also update row/col selection size & style.
-	*
-	* @deprecated  use `updateRangeBySelectionWithCoord` and `updateStyle` to do same thing.
-	*
-	* @param newSelectionRange
-	* @param rowHeaderWidth
-	* @param columnHeaderHeight
-	* @param style
-	* @param primaryCell primary cell
-	*/
-	update(newSelectionRange, rowHeaderWidth = 0, columnHeaderHeight = 0, style, primaryCell) {
-		this._rowHeaderWidth = rowHeaderWidth;
-		this._columnHeaderHeight = columnHeaderHeight;
-		this._rowHeaderOffsetX = 0;
-		this._columnHeaderOffsetY = 0;
-		this.updateRangeBySelectionWithCoord({
-			rangeWithCoord: newSelectionRange,
-			primaryWithCoord: primaryCell,
-			style
-		});
-		if (style) this.updateStyle(style);
-	}
-	/**
 	* Update primary range.
 	* highlight cell would update if primary cell has value.
 	* highlight cell would be cleared if primary cell is null.
@@ -2659,7 +2618,7 @@ let MarkSelectionService = class MarkSelectionService extends Disposable {
 			const { unitId, subUnitId, selection, control: oldControl, zIndex } = shape;
 			oldControl === null || oldControl === void 0 || oldControl.dispose();
 			if (unitId !== currentUnitId || subUnitId !== currentSubUnitId) return;
-			const renderUnit = this._renderManagerService.getRenderById(unitId);
+			const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
 			if (!renderUnit) return;
 			const skeleton = this._sheetSkeletonService.getSkeleton(unitId, subUnitId);
 			if (!skeleton) return;
@@ -2783,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) {
@@ -2927,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)) {
@@ -2944,7 +2902,6 @@ function convertToCellStyle(cell, dataStream, textRuns) {
 		s: textRuns[0].ts
 	};
 	else return cell;
-	return cell;
 }
 
 //#endregion
@@ -3002,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);
@@ -3198,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) => {
@@ -3293,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)) {
@@ -3379,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.
@@ -3404,13 +3356,12 @@ var HtmlToUSMService = class HtmlToUSMService {
 		let cellText = "";
 		let cellRichStyle;
 		if (/<[^>]+>/.test(cellHtml) && skeleton) {
-			var _skeleton$getBlankCel;
 			const newDocBody = {
 				dataStream: "",
 				textRuns: []
 			};
 			this._parseCellHtml(null, cell.childNodes, newDocBody, void 0, styleStr);
-			const documentModel = (_skeleton$getBlankCel = skeleton.getBlankCellDocumentModel()) === null || _skeleton$getBlankCel === void 0 ? void 0 : _skeleton$getBlankCel.documentModel;
+			const documentModel = createDocumentModelWithStyle("", {});
 			const p = documentModel === null || documentModel === void 0 ? void 0 : documentModel.getSnapshot();
 			const singleDataStream = `${newDocBody.dataStream}\r\n`;
 			const documentData = {
@@ -3431,11 +3382,8 @@ var HtmlToUSMService = class HtmlToUSMService {
 		};
 	}
 	_generateDocumentDataModelSnapshot(snapshot) {
-		var _skeleton$getBlankCel2;
-		const currentSkeleton = this._getCurrentSkeleton();
-		if (currentSkeleton == null) return null;
-		const { skeleton } = currentSkeleton;
-		const documentModel = (_skeleton$getBlankCel2 = skeleton.getBlankCellDocumentModel()) === null || _skeleton$getBlankCel2 === void 0 ? void 0 : _skeleton$getBlankCel2.documentModel;
+		if (this._getCurrentSkeleton() == null) return null;
+		const documentModel = createDocumentModelWithStyle("", {});
 		const documentData = {
 			...documentModel === null || documentModel === void 0 ? void 0 : documentModel.getSnapshot(),
 			...snapshot
@@ -3504,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 }
 			});
@@ -4200,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);
@@ -4249,7 +4196,7 @@ let SheetClipboardService = class SheetClipboardService extends Disposable {
 		return this._clipboardHooks;
 	}
 	_generateCopyContent(unitId, subUnitId, range, hooks, copyHookType = PREDEFINED_HOOK_NAME_COPY.DEFAULT_COPY) {
-		const workbook = this._univerInstanceService.getUniverSheetInstance(unitId);
+		const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
 		if (!workbook || !worksheet) return null;
 		const filteredRows = hooks.reduce((acc, cur) => {
@@ -4454,7 +4401,7 @@ let SheetClipboardService = class SheetClipboardService extends Disposable {
 		if (!cellMatrix) return false;
 		const pasteTarget = this._getPastedRange(cellMatrix);
 		if (!pasteTarget) return false;
-		const worksheet = (_this$_univerInstance = this._univerInstanceService.getUniverSheetInstance(pasteTarget.unitId)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(pasteTarget.subUnitId);
+		const worksheet = (_this$_univerInstance = this._univerInstanceService.getUnit(pasteTarget.unitId, UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(pasteTarget.subUnitId);
 		if (!worksheet) return false;
 		const mergeData = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getMergeData();
 		if (mergeData.length) {
@@ -4484,7 +4431,7 @@ let SheetClipboardService = class SheetClipboardService extends Disposable {
 		const { range, matrix: cachedMatrix, unitId: copyUnitId, subUnitId: copySubUnitId } = cachedData || {};
 		if (!cachedMatrix || !cachedData || !range || !copyUnitId || !copySubUnitId) return false;
 		const { mapFunc } = virtualizeDiscreteRanges([range]);
-		const worksheet = (_this$_univerInstance2 = this._univerInstanceService.getUniverSheetInstance(copyUnitId)) === null || _this$_univerInstance2 === void 0 ? void 0 : _this$_univerInstance2.getSheetBySheetId(copySubUnitId);
+		const worksheet = (_this$_univerInstance2 = this._univerInstanceService.getUnit(copyUnitId, UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance2 === void 0 ? void 0 : _this$_univerInstance2.getSheetBySheetId(copySubUnitId);
 		const cellMatrix = new ObjectMatrix();
 		cachedMatrix.forValue((row, col, value) => {
 			const { row: actualRow, col: actualColumn } = mapFunc(row, col);
@@ -4507,7 +4454,7 @@ let SheetClipboardService = class SheetClipboardService extends Disposable {
 		});
 		const pasteTarget = this._getPastedRange(cellMatrix);
 		if (!pasteTarget) return false;
-		const pasteToWorksheet = (_this$_univerInstance3 = this._univerInstanceService.getUniverSheetInstance(pasteTarget.unitId)) === null || _this$_univerInstance3 === void 0 ? void 0 : _this$_univerInstance3.getSheetBySheetId(pasteTarget.subUnitId);
+		const pasteToWorksheet = (_this$_univerInstance3 = this._univerInstanceService.getUnit(pasteTarget.unitId, UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance3 === void 0 ? void 0 : _this$_univerInstance3.getSheetBySheetId(pasteTarget.subUnitId);
 		if (!pasteToWorksheet) return false;
 		const mergeData = pasteToWorksheet === null || pasteToWorksheet === void 0 ? void 0 : pasteToWorksheet.getMergeData();
 		if (mergeData) {
@@ -4683,7 +4630,7 @@ let SheetClipboardService = class SheetClipboardService extends Disposable {
 		var _this$_univerInstance4, _this$_renderManagerS;
 		const worksheet = (_this$_univerInstance4 = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance4 === void 0 ? void 0 : _this$_univerInstance4.getSheetBySheetId(subUnitId);
 		if (!worksheet) return null;
-		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
 		if (!skeleton) return null;
 		const rowManager = worksheet.getRowManager();
 		const defaultRowHeight = worksheet.getConfig().defaultRowHeight;
@@ -4723,7 +4670,7 @@ let SheetClipboardService = class SheetClipboardService extends Disposable {
 	}
 	_getSetSelectionOperation(unitId, subUnitId, range, cellMatrix, pasteType) {
 		var _this$_univerInstance5;
-		const worksheet = (_this$_univerInstance5 = this._univerInstanceService.getUniverSheetInstance(unitId)) === null || _this$_univerInstance5 === void 0 ? void 0 : _this$_univerInstance5.getSheetBySheetId(subUnitId);
+		const worksheet = (_this$_univerInstance5 = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance5 === void 0 ? void 0 : _this$_univerInstance5.getSheetBySheetId(subUnitId);
 		if (!worksheet) return null;
 		const { rows, cols } = range;
 		const startRow = rows[0];
@@ -4915,7 +4862,7 @@ let SheetClipboardService = class SheetClipboardService extends Disposable {
 		if (rowCount <= 0 || colCount <= 0) return null;
 		const pasteSelectionRangeRowLen = discreteRange.rows.length;
 		const pasteSelectionRangeColLen = discreteRange.cols.length;
-		const worksheet = (_this$_univerInstance6 = this._univerInstanceService.getUniverSheetInstance(unitId)) === null || _this$_univerInstance6 === void 0 ? void 0 : _this$_univerInstance6.getSheetBySheetId(subUnitId);
+		const worksheet = (_this$_univerInstance6 = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance6 === void 0 ? void 0 : _this$_univerInstance6.getSheetBySheetId(subUnitId);
 		if (!worksheet) return null;
 		const mergeData = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getMergeData();
 		if (pasteSelectionRangeRowLen % rowCount === 0 && pasteSelectionRangeColLen % colCount === 0) {
@@ -4942,7 +4889,7 @@ let SheetClipboardService = class SheetClipboardService extends Disposable {
 	}
 	_expandOrShrinkRowsCols(unitId, subUnitId, range, colCount, rowCount) {
 		const { rows, cols } = range;
-		const workbook = this._univerInstanceService.getUniverSheetInstance(unitId);
+		const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
 		let newRows;
 		let newCols;
@@ -5240,7 +5187,7 @@ const DeleteRangeMoveLeftConfirmCommand = {
 		};
 		const getRowLength = (range) => range.endRow - range.startRow;
 		if (!worksheet.getMergeData().find((mergeRange) => {
-			const interSectedRange = Rectangle.getIntersects(mergeRange, range);
+			const interSectedRange = getIntersectRange(mergeRange, range);
 			return interSectedRange ? getRowLength(mergeRange) > getRowLength(interSectedRange) : false;
 		})) return commandService.executeCommand(DeleteRangeMoveLeftCommand.id);
 		if (await confirmService.confirm({
@@ -5286,7 +5233,7 @@ const DeleteRangeMoveUpConfirmCommand = {
 		}
 		const getColLength = (range) => range.endColumn - range.startColumn;
 		if (!worksheet.getMergeData().find((mergeRange) => {
-			const interSectedRange = Rectangle.getIntersects(mergeRange, range);
+			const interSectedRange = getIntersectRange(mergeRange, range);
 			return interSectedRange ? getColLength(mergeRange) > getColLength(interSectedRange) : false;
 		})) return commandService.executeCommand(DeleteRangeMoveUpCommand.id);
 		if (await confirmService.confirm({
@@ -5635,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);
@@ -5768,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;
@@ -5868,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);
 		}
@@ -5899,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);
 		}
@@ -5976,7 +5919,7 @@ const InsertRangeMoveDownConfirmCommand = {
 		}
 		const getColLength = (range) => range.endColumn - range.startColumn;
 		if (!worksheet.getMergeData().find((mergeRange) => {
-			const interSectedRange = Rectangle.getIntersects(mergeRange, range);
+			const interSectedRange = getIntersectRange(mergeRange, range);
 			return interSectedRange ? getColLength(mergeRange) > getColLength(interSectedRange) : false;
 		})) return commandService.executeCommand(InsertRangeMoveDownCommand.id);
 		if (await confirmService.confirm({
@@ -6014,7 +5957,7 @@ const InsertRangeMoveRightConfirmCommand = {
 		};
 		const getRowLength = (range) => range.endRow - range.startRow;
 		if (!worksheet.getMergeData().find((mergeRange) => {
-			const interSectedRange = Rectangle.getIntersects(mergeRange, range);
+			const interSectedRange = getIntersectRange(mergeRange, range);
 			return interSectedRange ? getRowLength(mergeRange) > getRowLength(interSectedRange) : false;
 		})) return commandService.executeCommand(InsertRangeMoveRightCommand.id);
 		if (await confirmService.confirm({
@@ -6461,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));
@@ -6609,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
@@ -6618,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
@@ -6699,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,
@@ -6731,7 +6674,7 @@ const SetSelectionFrozenCommand = {
 		const commandService = accessor.get(ICommandService);
 		const selections = accessor.get(SheetsSelectionsService).getCurrentSelections();
 		if (!selections) return false;
-		const { sheetViewStartRow = 0, sheetViewStartColumn = 0 } = accessor.get(IRenderManagerService).getRenderById(unitId).with(SheetScrollManagerService).getCurrentScrollState() || {};
+		const { sheetViewStartRow = 0, sheetViewStartColumn = 0 } = accessor.get(IRenderManagerService).getRenderUnitById(unitId).with(SheetScrollManagerService).getCurrentScrollState() || {};
 		let startRow;
 		let startColumn;
 		let freezedRowCount;
@@ -6747,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) {
@@ -7082,7 +7024,7 @@ const MoveSelectionEnterAndTabCommand = {
 			reveal: true,
 			extra: params.extra
 		});
-		const selectionService = (_renderManagerService = accessor.get(IRenderManagerService).getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(ISheetSelectionRenderService);
+		const selectionService = (_renderManagerService = accessor.get(IRenderManagerService).getRenderUnitById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(ISheetSelectionRenderService);
 		selectionService === null || selectionService === void 0 || selectionService.refreshSelectionMoveEnd();
 		return rs;
 	}
@@ -7216,7 +7158,7 @@ function getSheetObject(univerInstanceService, renderManagerService) {
 	const unitId = workbook.getUnitId();
 	let components, mainComponent, scene, engine;
 	if (isRenderManagerService(renderManagerService)) {
-		const currentRender = renderManagerService.getRenderById(unitId);
+		const currentRender = renderManagerService.getRenderUnitById(unitId);
 		if (currentRender == null) return null;
 		components = currentRender.components;
 		components = currentRender.components;
@@ -7553,9 +7495,7 @@ let SheetsScrollRenderController = class SheetsScrollRenderController extends Di
 	}
 	_getFreeze() {
 		var _this$_sheetSkeletonM4;
-		const snapshot = (_this$_sheetSkeletonM4 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM4 === void 0 ? void 0 : _this$_sheetSkeletonM4.skeleton.getWorksheetConfig();
-		if (snapshot == null) return;
-		return snapshot.freeze;
+		return (_this$_sheetSkeletonM4 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM4 === void 0 ? void 0 : _this$_sheetSkeletonM4.skeleton.worksheet.getFreeze();
 	}
 	_getSheetObject() {
 		return getSheetObject(this._context.unit, this._context);
@@ -7574,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() {
@@ -7597,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;
@@ -7692,8 +7631,8 @@ const SetScrollOperation = {
 		if (!params) return false;
 		const { unitId, sheetId, offsetX = 0, offsetY = 0, sheetViewStartColumn, sheetViewStartRow, duration, screenRatioX, screenRatioY } = params;
 		const renderManagerService = accessor.get(IRenderManagerService);
-		const scrollManagerService = renderManagerService.getRenderById(unitId).with(SheetScrollManagerService);
-		const renderUnit = renderManagerService.getRenderById(unitId);
+		const scrollManagerService = renderManagerService.getRenderUnitById(unitId).with(SheetScrollManagerService);
+		const renderUnit = renderManagerService.getRenderUnitById(unitId);
 		if (!renderUnit) return false;
 		const engine = renderUnit.engine;
 		const canvasWidth = engine.width;
@@ -7730,7 +7669,7 @@ const SetScrollRelativeCommand = {
 		const target = getSheetCommandTarget(univerInstanceService);
 		if (!target) return false;
 		const { unitId, subUnitId } = target;
-		const currentScroll = renderManagerSrv.getRenderById(unitId).with(SheetScrollManagerService).getCurrentScrollState();
+		const currentScroll = renderManagerSrv.getRenderUnitById(unitId).with(SheetScrollManagerService).getCurrentScrollState();
 		const { offsetX = 0, offsetY = 0 } = params || {};
 		const { sheetViewStartRow = 0, sheetViewStartColumn = 0, offsetX: currentOffsetX = 0, offsetY: currentOffsetY = 0 } = currentScroll || {};
 		return commandService.executeCommand(SetScrollOperation.id, {
@@ -7758,7 +7697,7 @@ const ScrollCommand = {
 		const target = params.unitId ? getScrollCommandTargetByParams(univerInstanceService, params) : getSheetCommandTarget(univerInstanceService);
 		if (!target) return false;
 		const { workbook, worksheet, unitId } = target;
-		const renderUnit = renderManagerSrv.getRenderById(unitId);
+		const renderUnit = renderManagerSrv.getRenderUnitById(unitId);
 		if (!renderUnit) return false;
 		const currentScroll = renderUnit.with(SheetScrollManagerService).getCurrentScrollState();
 		if (!worksheet) return false;
@@ -7768,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
 		});
 	}
@@ -7796,7 +7735,7 @@ const ScrollToCellCommand = {
 	type: CommandType.COMMAND,
 	handler: (accessor, params) => {
 		const instanceService = accessor.get(IUniverInstanceService);
-		return accessor.get(IRenderManagerService).getRenderById(instanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET).getUnitId()).with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
+		return accessor.get(IRenderManagerService).getRenderUnitById(instanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET).getUnitId()).with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
 	}
 };
 /**
@@ -7850,7 +7789,7 @@ let AutoWidthController = class AutoWidthController extends Disposable {
 		const target = getSheetCommandTarget(univerInstanceService, params);
 		if (!target) return defaultValue;
 		const { unitId, subUnitId, worksheet } = target;
-		const sheetSkeletonService = this._renderManagerService.getRenderById(unitId).with(SheetSkeletonManagerService);
+		const sheetSkeletonService = this._renderManagerService.getRenderUnitById(unitId).with(SheetSkeletonManagerService);
 		if (!sheetSkeletonService.getCurrentParam()) return defaultValue;
 		const { skeleton } = sheetSkeletonService.getCurrentParam();
 		const colsAutoWidthInfo = skeleton.calculateAutoWidthInRange(params.ranges);
@@ -7914,6 +7853,162 @@ const SetWorksheetColAutoWidthCommand = {
 	}
 };
 
+//#endregion
+//#region src/common/utils.ts
+function getUserListEqual(userList1, userList2) {
+	if (userList1.length !== userList2.length) return false;
+	const sorted1 = userList1.sort((a, b) => a.id.localeCompare(b.id));
+	const sorted2 = userList2.sort((a, b) => a.id.localeCompare(b.id));
+	return sorted1.every((user, index) => {
+		var _user$subject, _sorted2$index$subjec;
+		return ((_user$subject = user.subject) === null || _user$subject === void 0 ? void 0 : _user$subject.userID) === ((_sorted2$index$subjec = sorted2[index].subject) === null || _sorted2$index$subjec === void 0 ? void 0 : _sorted2$index$subjec.userID) && user.role === sorted2[index].role;
+	});
+}
+function checkCellContentInRanges(worksheet, ranges) {
+	return ranges.some((range) => checkCellContentInRange(worksheet, range));
+}
+function checkCellContentInRange(worksheet, range) {
+	const { startRow, startColumn, endColumn, endRow } = range;
+	const cellMatrix = worksheet.getMatrixWithMergedCells(startRow, startColumn, endRow, endColumn);
+	let someCellGoingToBeRemoved = false;
+	cellMatrix.forValue((row, col, cellData) => {
+		if (cellData && (row !== startRow || col !== startColumn) && worksheet.cellHasValue(cellData)) {
+			someCellGoingToBeRemoved = true;
+			return false;
+		}
+	});
+	return someCellGoingToBeRemoved;
+}
+function getCellIndexByOffsetWithMerge(offsetX, offsetY, scene, skeleton) {
+	const activeViewport = scene.getActiveViewportByCoord(Vector2.FromArray([offsetX, offsetY]));
+	if (!activeViewport) return;
+	const { scaleX, scaleY } = scene.getAncestorScale();
+	const scrollXY = {
+		x: activeViewport.viewportScrollX,
+		y: activeViewport.viewportScrollY
+	};
+	const cellIndex = skeleton.getCellIndexByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY);
+	const mergeCell = skeleton.worksheet.getMergedCell(cellIndex.row, cellIndex.column);
+	return {
+		actualRow: mergeCell ? mergeCell.startRow : cellIndex.row,
+		actualCol: mergeCell ? mergeCell.startColumn : cellIndex.column,
+		mergeCell,
+		row: cellIndex.row,
+		col: cellIndex.column
+	};
+}
+function getViewportByCell(row, column, scene, worksheet) {
+	const freeze = worksheet.getFreeze();
+	if (!freeze || freeze.startRow <= 0 && freeze.startColumn <= 0) return scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
+	if (row >= freeze.startRow && column >= freeze.startColumn) return scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
+	if (row < freeze.startRow && column < freeze.startColumn) return scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT_TOP);
+	if (row < freeze.startRow && column >= freeze.startColumn) return scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN_TOP);
+	if (row >= freeze.startRow && column < freeze.startColumn) return scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT);
+}
+function transformBound2OffsetBound(originBound, scene, skeleton, worksheet) {
+	const topLeft = transformPosition2Offset(originBound.left, originBound.top, scene, skeleton, worksheet);
+	const bottomRight = transformPosition2Offset(originBound.right, originBound.bottom, scene, skeleton, worksheet);
+	return {
+		left: topLeft.x,
+		top: topLeft.y,
+		right: bottomRight.x,
+		bottom: bottomRight.y
+	};
+}
+function transformPosition2Offset(x, y, scene, skeleton, worksheet) {
+	const { scaleX, scaleY } = scene.getAncestorScale();
+	const viewMain = scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
+	if (!viewMain) return {
+		x,
+		y
+	};
+	const { startColumn, startRow, xSplit, ySplit } = worksheet.getFreeze();
+	const startSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow - ySplit, startColumn - xSplit, false);
+	const endSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow, startColumn, false);
+	const { rowHeaderWidth, columnHeaderHeight } = skeleton;
+	const freezeWidth = endSheetView.startX - startSheetView.startX;
+	const freezeHeight = endSheetView.startY - startSheetView.startY;
+	const { top, left, viewportScrollX, viewportScrollY } = viewMain;
+	let offsetX;
+	if (x > left) offsetX = (x - viewportScrollX) * scaleX;
+	else offsetX = (freezeWidth + rowHeaderWidth - (left - x)) * scaleX;
+	let offsetY;
+	if (y > top) offsetY = (y - viewportScrollY) * scaleY;
+	else offsetY = (freezeHeight + columnHeaderHeight - (top - y)) * scaleX;
+	return {
+		x: offsetX,
+		y: offsetY
+	};
+}
+function getCellRealRange(workbook, worksheet, skeleton, row, col) {
+	let actualRow = row;
+	let actualCol = col;
+	skeleton.overflowCache.forValue((r, c, range) => {
+		if (range.startRow <= actualRow && range.endRow >= actualRow && range.startColumn <= actualCol && range.endColumn >= actualCol) {
+			actualCol = c;
+			actualRow = r;
+		}
+	});
+	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualCol);
+	return {
+		unitId: workbook.getUnitId(),
+		subUnitId: worksheet.getSheetId(),
+		workbook,
+		worksheet,
+		row: actualCell.actualRow,
+		col: actualCell.actualColumn
+	};
+}
+function getHoverCellPosition(currentRender, workbook, worksheet, skeletonParam, offsetX, offsetY) {
+	const { scene } = currentRender;
+	const unitId = workbook.getUnitId();
+	const { skeleton, sheetId } = skeletonParam;
+	const cellIndex = getCellIndexByOffsetWithMerge(offsetX, offsetY, scene, skeleton);
+	if (!cellIndex) return null;
+	let { actualCol, actualRow } = cellIndex;
+	const originLocation = {
+		unitId,
+		subUnitId: sheetId,
+		workbook,
+		worksheet,
+		row: actualRow,
+		col: actualCol
+	};
+	skeleton.overflowCache.forValue((r, c, range) => {
+		if (range.startRow <= actualRow && range.endRow >= actualRow && range.startColumn <= actualCol && range.endColumn >= actualCol) {
+			actualCol = c;
+			actualRow = r;
+		}
+	});
+	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualCol);
+	const location = getCellRealRange(workbook, worksheet, skeleton, actualRow, actualCol);
+	let anchorCell;
+	if (actualCell.mergeInfo) anchorCell = actualCell.mergeInfo;
+	else anchorCell = {
+		startRow: location.row,
+		endRow: location.row,
+		startColumn: location.col,
+		endColumn: location.col
+	};
+	const activeViewport = scene.getActiveViewportByCoord(Vector2.FromArray([offsetX, offsetY]));
+	if (!activeViewport) return;
+	const { scaleX, scaleY } = scene.getAncestorScale();
+	const scrollXY = {
+		x: activeViewport.viewportScrollX,
+		y: activeViewport.viewportScrollY
+	};
+	return {
+		position: {
+			startX: (skeleton.getOffsetByColumn(anchorCell.startColumn - 1) - scrollXY.x) * scaleX,
+			endX: (skeleton.getOffsetByColumn(anchorCell.endColumn) - scrollXY.x) * scaleX,
+			startY: (skeleton.getOffsetByRow(anchorCell.startRow - 1) - scrollXY.y) * scaleY,
+			endY: (skeleton.getOffsetByRow(anchorCell.endRow) - scrollXY.y) * scaleY
+		},
+		location: originLocation,
+		overflowLocation: location
+	};
+}
+
 //#endregion
 //#region src/services/editor-bridge.service.ts
 let EditorBridgeService = class EditorBridgeService extends Disposable {
@@ -7987,15 +8082,16 @@ let EditorBridgeService = class EditorBridgeService extends Disposable {
 		if (!workbook || workbook.getUnitId() !== unitId) return;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet || worksheet.getSheetId() !== sheetId) return;
-		const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
-		if (!renderUnit) return;
+		if (!this._renderManagerService.getRenderUnitById(unitId)) return;
 		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, sheetId);
 		if (!skeleton) return;
 		const actualRangeWithCoord = convertCellToRange(attachPrimaryWithCoord(skeleton, primary));
 		const canvasOffset = getCanvasOffsetByEngine(engine);
 		let { startX, startY, endX, endY } = actualRangeWithCoord;
 		const { scaleX, scaleY } = scene.getAncestorScale();
-		const scrollXY = scene.getViewportScrollXY(renderUnit.with(ISheetSelectionRenderService).getViewPort());
+		const viewport = getViewportByCell(primary.startRow, primary.startColumn, scene, worksheet);
+		if (!viewport) return;
+		const scrollXY = scene.getViewportScrollXY(viewport);
 		startX = convertTransformToOffsetX(startX, scaleX, scrollXY);
 		startY = convertTransformToOffsetY(startY, scaleY, scrollXY);
 		endX = convertTransformToOffsetX(endX, scaleX, scrollXY);
@@ -8086,8 +8182,7 @@ let EditorBridgeService = class EditorBridgeService extends Disposable {
 		if (!workbook || workbook.getUnitId() !== unitId) return;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet || worksheet.getSheetId() !== sheetId) return;
-		const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
-		if (!renderUnit) return;
+		if (!this._renderManagerService.getRenderUnitById(unitId)) return;
 		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, sheetId);
 		if (!skeleton) return;
 		const { startRow, startColumn } = primary;
@@ -8095,7 +8190,9 @@ let EditorBridgeService = class EditorBridgeService extends Disposable {
 		const canvasOffset = getCanvasOffsetByEngine(engine);
 		let { startX, startY, endX, endY } = actualRangeWithCoord;
 		const { scaleX, scaleY } = scene.getAncestorScale();
-		const scrollXY = scene.getViewportScrollXY(renderUnit.with(ISheetSelectionRenderService).getViewPort());
+		const viewport = getViewportByCell(startRow, startColumn, scene, worksheet);
+		if (!viewport) return;
+		const scrollXY = scene.getViewportScrollXY(viewport);
 		startX = convertTransformToOffsetX(startX, scaleX, scrollXY);
 		startY = convertTransformToOffsetY(startY, scaleY, scrollXY);
 		endX = convertTransformToOffsetX(endX, scaleX, scrollXY);
@@ -8161,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;
@@ -8277,7 +8373,7 @@ const SetZoomRatioOperation = {
 	id: "sheet.operation.set-zoom-ratio",
 	type: CommandType.OPERATION,
 	handler: (accessor, params) => {
-		const renderUnit = accessor.get(IRenderManagerService).getRenderById(params.unitId);
+		const renderUnit = accessor.get(IRenderManagerService).getRenderUnitById(params.unitId);
 		if (!renderUnit) return false;
 		return renderUnit.with(SheetsZoomRenderController).updateZoom(params.subUnitId, params.zoomRatio);
 	}
@@ -8462,7 +8558,6 @@ const SHEETS_UI_PLUGIN_CONFIG_KEY = "sheets-ui.config";
 const configSymbol = Symbol(SHEETS_UI_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {
 	formulaBar: true,
-	statusBarStatistic: true,
 	protectedRangeShadow: true,
 	maxAutoHeightCount: 1e3
 };
@@ -8494,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;
 	}
@@ -8515,8 +8610,6 @@ const SetCellEditVisibleWithF2Operation = {
 /**
 * When the editor is not clicked to change the cursor,
 * the arrow keys will exit editing and move the cell.
-*
-* @deprecated Should not use operation as an event.
 */
 const SetCellEditVisibleArrowOperation = {
 	id: "sheet.operation.set-cell-edit-visible-arrow",
@@ -8542,13 +8635,13 @@ 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.getRenderById(unitId);
+		const renderUnit = renderManagerService.getRenderUnitById(unitId);
 		if (!renderUnit) return false;
 		return renderUnit.with(SheetsScrollRenderController).scrollToRange(params.range, params.forceTop, params.forceLeft);
 	}
@@ -8567,7 +8660,6 @@ const SheetPermissionOpenDialogOperation = {
 			title: { title: "sheets-ui.permission.dialog.allowedPermissionType" },
 			children: { label: UNIVER_SHEET_PERMISSION_DIALOG },
 			width: 393,
-			destroyOnClose: true,
 			onClose: () => dialogService.close(UNIVER_SHEET_PERMISSION_DIALOG_ID)
 		});
 		return true;
@@ -8623,162 +8715,6 @@ const SidebarDefinedNameOperation = {
 	}
 };
 
-//#endregion
-//#region src/common/utils.ts
-function getUserListEqual(userList1, userList2) {
-	if (userList1.length !== userList2.length) return false;
-	const sorted1 = userList1.sort((a, b) => a.id.localeCompare(b.id));
-	const sorted2 = userList2.sort((a, b) => a.id.localeCompare(b.id));
-	return sorted1.every((user, index) => {
-		var _user$subject, _sorted2$index$subjec;
-		return ((_user$subject = user.subject) === null || _user$subject === void 0 ? void 0 : _user$subject.userID) === ((_sorted2$index$subjec = sorted2[index].subject) === null || _sorted2$index$subjec === void 0 ? void 0 : _sorted2$index$subjec.userID) && user.role === sorted2[index].role;
-	});
-}
-function checkCellContentInRanges(worksheet, ranges) {
-	return ranges.some((range) => checkCellContentInRange(worksheet, range));
-}
-function checkCellContentInRange(worksheet, range) {
-	const { startRow, startColumn, endColumn, endRow } = range;
-	const cellMatrix = worksheet.getMatrixWithMergedCells(startRow, startColumn, endRow, endColumn);
-	let someCellGoingToBeRemoved = false;
-	cellMatrix.forValue((row, col, cellData) => {
-		if (cellData && (row !== startRow || col !== startColumn) && worksheet.cellHasValue(cellData)) {
-			someCellGoingToBeRemoved = true;
-			return false;
-		}
-	});
-	return someCellGoingToBeRemoved;
-}
-function getCellIndexByOffsetWithMerge(offsetX, offsetY, scene, skeleton) {
-	const activeViewport = scene.getActiveViewportByCoord(Vector2.FromArray([offsetX, offsetY]));
-	if (!activeViewport) return;
-	const { scaleX, scaleY } = scene.getAncestorScale();
-	const scrollXY = {
-		x: activeViewport.viewportScrollX,
-		y: activeViewport.viewportScrollY
-	};
-	const cellIndex = skeleton.getCellIndexByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY);
-	const mergeCell = skeleton.worksheet.getMergedCell(cellIndex.row, cellIndex.column);
-	return {
-		actualRow: mergeCell ? mergeCell.startRow : cellIndex.row,
-		actualCol: mergeCell ? mergeCell.startColumn : cellIndex.column,
-		mergeCell,
-		row: cellIndex.row,
-		col: cellIndex.column
-	};
-}
-function getViewportByCell(row, column, scene, worksheet) {
-	const freeze = worksheet.getFreeze();
-	if (!freeze || freeze.startRow <= 0 && freeze.startColumn <= 0) return scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
-	if (row >= freeze.startRow && column >= freeze.startColumn) return scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
-	if (row < freeze.startRow && column < freeze.startColumn) return scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT_TOP);
-	if (row < freeze.startRow && column >= freeze.startColumn) return scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN_TOP);
-	if (row >= freeze.startRow && column < freeze.startColumn) return scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN_LEFT);
-}
-function transformBound2OffsetBound(originBound, scene, skeleton, worksheet) {
-	const topLeft = transformPosition2Offset(originBound.left, originBound.top, scene, skeleton, worksheet);
-	const bottomRight = transformPosition2Offset(originBound.right, originBound.bottom, scene, skeleton, worksheet);
-	return {
-		left: topLeft.x,
-		top: topLeft.y,
-		right: bottomRight.x,
-		bottom: bottomRight.y
-	};
-}
-function transformPosition2Offset(x, y, scene, skeleton, worksheet) {
-	const { scaleX, scaleY } = scene.getAncestorScale();
-	const viewMain = scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
-	if (!viewMain) return {
-		x,
-		y
-	};
-	const { startColumn, startRow, xSplit, ySplit } = worksheet.getFreeze();
-	const startSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow - ySplit, startColumn - xSplit, false);
-	const endSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow, startColumn, false);
-	const { rowHeaderWidth, columnHeaderHeight } = skeleton;
-	const freezeWidth = endSheetView.startX - startSheetView.startX;
-	const freezeHeight = endSheetView.startY - startSheetView.startY;
-	const { top, left, viewportScrollX, viewportScrollY } = viewMain;
-	let offsetX;
-	if (x > left) offsetX = (x - viewportScrollX) * scaleX;
-	else offsetX = (freezeWidth + rowHeaderWidth - (left - x)) * scaleX;
-	let offsetY;
-	if (y > top) offsetY = (y - viewportScrollY) * scaleY;
-	else offsetY = (freezeHeight + columnHeaderHeight - (top - y)) * scaleX;
-	return {
-		x: offsetX,
-		y: offsetY
-	};
-}
-function getCellRealRange(workbook, worksheet, skeleton, row, col) {
-	let actualRow = row;
-	let actualCol = col;
-	skeleton.overflowCache.forValue((r, c, range) => {
-		if (range.startRow <= actualRow && range.endRow >= actualRow && range.startColumn <= actualCol && range.endColumn >= actualCol) {
-			actualCol = c;
-			actualRow = r;
-		}
-	});
-	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualCol);
-	return {
-		unitId: workbook.getUnitId(),
-		subUnitId: worksheet.getSheetId(),
-		workbook,
-		worksheet,
-		row: actualCell.actualRow,
-		col: actualCell.actualColumn
-	};
-}
-function getHoverCellPosition(currentRender, workbook, worksheet, skeletonParam, offsetX, offsetY) {
-	const { scene } = currentRender;
-	const unitId = workbook.getUnitId();
-	const { skeleton, sheetId } = skeletonParam;
-	const cellIndex = getCellIndexByOffsetWithMerge(offsetX, offsetY, scene, skeleton);
-	if (!cellIndex) return null;
-	let { actualCol, actualRow } = cellIndex;
-	const originLocation = {
-		unitId,
-		subUnitId: sheetId,
-		workbook,
-		worksheet,
-		row: actualRow,
-		col: actualCol
-	};
-	skeleton.overflowCache.forValue((r, c, range) => {
-		if (range.startRow <= actualRow && range.endRow >= actualRow && range.startColumn <= actualCol && range.endColumn >= actualCol) {
-			actualCol = c;
-			actualRow = r;
-		}
-	});
-	const actualCell = skeleton.getCellWithCoordByIndex(actualRow, actualCol);
-	const location = getCellRealRange(workbook, worksheet, skeleton, actualRow, actualCol);
-	let anchorCell;
-	if (actualCell.mergeInfo) anchorCell = actualCell.mergeInfo;
-	else anchorCell = {
-		startRow: location.row,
-		endRow: location.row,
-		startColumn: location.col,
-		endColumn: location.col
-	};
-	const activeViewport = scene.getActiveViewportByCoord(Vector2.FromArray([offsetX, offsetY]));
-	if (!activeViewport) return;
-	const { scaleX, scaleY } = scene.getAncestorScale();
-	const scrollXY = {
-		x: activeViewport.viewportScrollX,
-		y: activeViewport.viewportScrollY
-	};
-	return {
-		position: {
-			startX: (skeleton.getOffsetByColumn(anchorCell.startColumn - 1) - scrollXY.x) * scaleX,
-			endX: (skeleton.getOffsetByColumn(anchorCell.endColumn) - scrollXY.x) * scaleX,
-			startY: (skeleton.getOffsetByRow(anchorCell.startRow - 1) - scrollXY.y) * scaleY,
-			endY: (skeleton.getOffsetByRow(anchorCell.endRow) - scrollXY.y) * scaleY
-		},
-		location: originLocation,
-		overflowLocation: location
-	};
-}
-
 //#endregion
 //#region src/consts/plugin-name.ts
 /**
@@ -8858,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) {
@@ -9130,7 +9063,7 @@ let AutoHeightController = class AutoHeightController extends Disposable {
 				subUnitId = worksheet.getSheetId();
 			}
 		}
-		const skeleton = this._renderManagerService.getRenderById(unitId).with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const skeleton = this._renderManagerService.getRenderUnitById(unitId).with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
 		if (!skeleton) return {
 			redos: [],
 			undos: []
@@ -9165,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);
 		} }));
 	}
@@ -9196,7 +9129,7 @@ let CellCustomRenderController = class CellCustomRenderController extends Dispos
 			if (!skeletonParam) return;
 			const unitId = this._context.unitId;
 			const { skeleton } = skeletonParam;
-			const currentRender = this._renderManagerService.getRenderById(unitId);
+			const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 			if (currentRender && currentRender.mainComponent) {
 				const spreadsheet = currentRender.mainComponent;
 				const getActiveRender = (evt) => {
@@ -9231,7 +9164,7 @@ let CellCustomRenderController = class CellCustomRenderController extends Dispos
 					const subUnitId = worksheet.getSheetId();
 					const info = {
 						data: cellData,
-						style: skeleton.getStyles().getStyleByCell(cellData),
+						style: worksheet.getComposedCellStyleByCellData(row, col, cellData),
 						primaryWithCoord: skeleton.getCellWithCoordByIndex(cellIndex.actualRow, cellIndex.actualCol),
 						unitId,
 						subUnitId,
@@ -9692,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
 	};
 }
 
@@ -9716,7 +9648,7 @@ let SheetSkeletonRenderController = class SheetSkeletonRenderController extends
 		if (param == null) return;
 		const { unitId } = this._context;
 		const { skeleton } = param;
-		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
+		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
 		if (skeleton == null || scene == null) return;
 		const { rowTotalHeight, columnTotalWidth, rowHeaderWidthAndMarginLeft, columnHeaderHeightAndMarginTop } = skeleton;
 		if (!this._context.unit.getActiveSheet()) return;
@@ -9774,7 +9706,9 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends Disposab
 		if (!loadingRender) return;
 		let shouldRender = false;
 		if (!loadingRender.render) {
-			loadingRender.render = this._createLoadingRender(loadingRender.workbook, loadingRender.sourceUnitId);
+			const contentElement = this._layoutService.getContentElement();
+			if (!contentElement) return;
+			loadingRender.render = this._createLoadingRender(loadingRender.workbook, loadingRender.sourceUnitId, contentElement);
 			shouldRender = true;
 		}
 		const worksheet = loadingRender.workbook.getSheetBySheetId(activeSheetId);
@@ -9813,6 +9747,10 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends Disposab
 	async handoff(sourceUnitId, timeoutMs) {
 		var _this$_loadingRender2, _this$_finalCanvasGua;
 		if (((_this$_loadingRender2 = this._loadingRender) === null || _this$_loadingRender2 === void 0 ? void 0 : _this$_loadingRender2.sourceUnitId) !== sourceUnitId) return true;
+		if (!this._loadingRender.render) {
+			this.hide(sourceUnitId);
+			return true;
+		}
 		(_this$_finalCanvasGua = this._finalCanvasGuard) === null || _this$_finalCanvasGua === void 0 || _this$_finalCanvasGua.unsubscribe();
 		this._finalCanvasGuard = null;
 		try {
@@ -9848,9 +9786,8 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends Disposab
 		if (activeSheet) workbook.setActiveSheet(activeSheet);
 		return workbook;
 	}
-	_createLoadingRender(workbook, sourceUnitId) {
+	_createLoadingRender(workbook, sourceUnitId, contentElement) {
 		const previewUnitId = workbook.getUnitId();
-		const contentElement = this._layoutService.getContentElement();
 		const { width, height } = contentElement.getBoundingClientRect();
 		const engine = this._injector.createInstance(Engine, previewUnitId, void 0);
 		const scene = new Scene(`${PREVIEW_SCENE_PREFIX}${previewUnitId}`, engine, {
@@ -9885,10 +9822,10 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends Disposab
 	_waitForFinalCanvas(render) {
 		return new Observable((subscriber) => {
 			let frameId;
-			const contentElement = this._layoutService.getContentElement();
 			const canvasElement = render.engine.getCanvasElement();
 			const checkMounted = () => {
-				if (canvasElement.parentElement === contentElement && canvasElement.width > 0 && canvasElement.height > 0) {
+				const contentElement = this._layoutService.getContentElement();
+				if (contentElement && canvasElement.parentElement === contentElement && canvasElement.width > 0 && canvasElement.height > 0) {
 					subscriber.next();
 					subscriber.complete();
 					return;
@@ -9902,7 +9839,7 @@ let SheetLoadingRenderService = class SheetLoadingRenderService extends Disposab
 		});
 	}
 	_getFinalRender$(sourceUnitId) {
-		const existingRender = this._renderManagerService.getRenderById(sourceUnitId);
+		const existingRender = this._renderManagerService.getRenderUnitById(sourceUnitId);
 		return existingRender ? of(existingRender) : this._renderManagerService.created$.pipe(filter((render) => render.unitId === sourceUnitId));
 	}
 	_guardFinalCanvas(sourceUnitId) {
@@ -9969,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);
@@ -10030,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();
@@ -10042,24 +9972,24 @@ const useMenuPosition = (range) => {
 		endCol: range.cols[range.cols.length - 1]
 	};
 	if (anchor.endRow < 0 || anchor.endCol < 0) return null;
-	const ru = renderManagerService.getRenderById(workbook.getUnitId());
+	const ru = renderManagerService.getRenderUnitById(workbook.getUnitId());
 	const sheetSkeletonManagerService = ru === null || ru === void 0 ? void 0 : ru.with(SheetSkeletonManagerService);
-	const selectionRenderService = ru === null || ru === void 0 ? void 0 : ru.with(ISheetSelectionRenderService);
 	const sheetObject = getSheetObject(univerInstanceService, renderManagerService);
-	if (!sheetObject || !selectionRenderService) return null;
+	if (!sheetObject) return null;
 	const { scene } = sheetObject;
 	const skeleton = sheetSkeletonManagerService === null || sheetSkeletonManagerService === void 0 ? void 0 : sheetSkeletonManagerService.getCurrentSkeleton();
-	const viewport = selectionRenderService.getViewPort();
+	const viewport = getViewportByCell(anchor.endRow, anchor.endCol, scene, workbook.getActiveSheet());
+	if (!viewport) return null;
 	const scaleX = scene === null || scene === void 0 ? void 0 : scene.scaleX;
 	const scaleY = scene === null || scene === void 0 ? void 0 : scene.scaleY;
 	const scrollXY = scene === null || scene === void 0 ? void 0 : scene.getViewportScrollXY(viewport);
 	const canvas = (_scene$getEngine = scene.getEngine()) === null || _scene$getEngine === void 0 ? void 0 : _scene$getEngine.getCanvas();
 	if (!scaleX || !scene || !scaleX || !scaleY || !scrollXY) return null;
 	const endPosition = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getNoMergeCellWithCoordByIndex(anchor.endRow, anchor.endCol);
-	const endX = (_endPosition$endX = endPosition === null || endPosition === void 0 ? void 0 : endPosition.endX) !== null && _endPosition$endX !== void 0 ? _endPosition$endX : 0;
-	const endY = (_endPosition$endY = endPosition === null || endPosition === void 0 ? void 0 : endPosition.endY) !== null && _endPosition$endY !== void 0 ? _endPosition$endY : 0;
-	const positionEndX = (_convertTransformToOf = 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;
@@ -10082,7 +10012,8 @@ const ClipboardPopupMenu = () => {
 	const commandService = useDependency(ICommandService);
 	const [menuHovered, setMenuHovered] = useState(false);
 	const [visible, setVisible] = useState(false);
-	const relativePosition = useMenuPosition(pasteOptionsCache === null || pasteOptionsCache === void 0 ? void 0 : pasteOptionsCache.target.pastedRange);
+	const range = pasteOptionsCache === null || pasteOptionsCache === void 0 ? void 0 : pasteOptionsCache.target.pastedRange;
+	const relativePosition = useMenuPosition(range);
 	if (!relativePosition || !showMenu) return null;
 	if (relativePosition.positionX < 50 || relativePosition.positionY < 30) return null;
 	const showMore = menuHovered || visible;
@@ -10214,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)
 	};
 }
@@ -10233,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, "\\\"");
@@ -10268,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.getRenderById(this._editingUnitId);
+		return this._renderManagerService.getRenderUnitById(this._editingUnitId);
 	}
 	get _renderer() {
-		var _this$_editingRendere;
-		return (_this$_editingRendere = this._editingRenderer) !== null && _this$_editingRendere !== void 0 ? _this$_editingRendere : this._currentRenderer;
+		return this._editingRenderer ?? this._currentRenderer;
 	}
 	get _sheetSkeletonManagerService() {
 		var _this$_renderer;
@@ -10287,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;
@@ -10301,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);
@@ -10368,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;
@@ -10470,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.
@@ -10526,7 +10453,7 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 	}
 	_getEditorSkeleton() {
 		var _this$_renderManagerS;
-		return (_this$_renderManagerS = this._renderManagerService.getRenderById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSkeletonManagerService).getSkeleton();
+		return (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSkeletonManagerService).getSkeleton();
 	}
 };
 SheetCellEditorResizeService = __decorate([
@@ -10624,7 +10551,7 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends Rx
 		var _this$_renderManagerS;
 		if (this._editorBridgeService.isVisible().visible) return;
 		const layout = this._editorBridgeService.getEditCellLayout();
-		const docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSelectionRenderService);
+		const docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSelectionRenderService);
 		if (!layout || !docSelectionRenderService) return;
 		const { position, canvasOffset } = layout;
 		docSelectionRenderService.setInputPosition(canvasOffset.left + position.startX, canvasOffset.top + position.startY);
@@ -10686,7 +10613,7 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends Rx
 				d.add(disposable);
 			}
 		};
-		const render = this._renderManagerService.getRenderById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+		const render = this._renderManagerService.getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		if (render) addEvent(render);
 		else this.disposeWithMe(this._renderManagerService.created$.pipe(filter((render) => render.unitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY)).subscribe((render) => {
 			disposable === null || disposable === void 0 || disposable.dispose();
@@ -10700,7 +10627,7 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends Rx
 		}));
 	}
 	_focusCellEditorInput() {
-		const render = this._renderManagerService.getRenderById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+		const render = this._renderManagerService.getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		const docSelectionRenderService = render === null || render === void 0 ? void 0 : render.with(DocSelectionRenderService);
 		if (!(docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing)) docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.focus();
 	}
@@ -10718,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,
@@ -11498,7 +11424,7 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 					unitId: this._editingUnit
 				});
 				if (!unit) return;
-				const editorBridgeRenderController = (_this$_renderManagerS = this._renderManagerService.getRenderById(unit.getUnitId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(EditorBridgeRenderController);
+				const editorBridgeRenderController = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unit.getUnitId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(EditorBridgeRenderController);
 				if (editorBridgeRenderController) editorBridgeRenderController.refreshEditorPosition();
 			}
 		}));
@@ -11528,10 +11454,9 @@ 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.getRenderById(docUnitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSelectionRenderService);
+			const docSelectionRenderManager = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(docUnitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSelectionRenderService);
 			if (!docSelectionRenderManager) return;
 			docSelectionRenderManager.sync();
 		}));
@@ -11595,7 +11520,6 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 				unitId: editorUnitId,
 				snapshot: documentModel.getSnapshot()
 			});
-			this._contextService.setContextValue(FOCUSING_EDITOR_BUT_HIDDEN, true);
 			this._textSelectionManagerService.replaceDocRanges([{
 				startOffset: 0,
 				endOffset: 0
@@ -11603,8 +11527,8 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 				unitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
 				subUnitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY
 			});
-			const cellSelectionRenderManager = (_this$_renderManagerS3 = this._renderManagerService.getRenderById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(DocSelectionRenderService);
-			const formulaSelectionRenderManager = (_this$_renderManagerS4 = this._renderManagerService.getRenderById(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS4 === void 0 ? void 0 : _this$_renderManagerS4.with(DocSelectionRenderService);
+			const cellSelectionRenderManager = (_this$_renderManagerS3 = this._renderManagerService.getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(DocSelectionRenderService);
+			const formulaSelectionRenderManager = (_this$_renderManagerS4 = this._renderManagerService.getRenderUnitById(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS4 === void 0 ? void 0 : _this$_renderManagerS4.with(DocSelectionRenderService);
 			if ((cellSelectionRenderManager === null || cellSelectionRenderManager === void 0 ? void 0 : cellSelectionRenderManager.canFocusing) || (formulaSelectionRenderManager === null || formulaSelectionRenderManager === void 0 ? void 0 : formulaSelectionRenderManager.canFocusing)) {
 				this._univerInstanceService.setCurrentUnitForType(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 				cellSelectionRenderManager === null || cellSelectionRenderManager === void 0 || cellSelectionRenderManager.activate(HIDDEN_EDITOR_POSITION$1, HIDDEN_EDITOR_POSITION$1, true);
@@ -11692,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
@@ -11719,7 +11643,7 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 				endOffset: cursor
 			}]);
 		}
-		(_this$_renderManagerS5 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS5 === void 0 || _this$_renderManagerS5.scene.resetCursor();
+		(_this$_renderManagerS5 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS5 === void 0 || _this$_renderManagerS5.scene.resetCursor();
 	}
 	_refreshCurrentSelections(sheetId) {
 		const selections = this._workbookSelections.getSelectionsOfWorksheet(sheetId);
@@ -11733,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());
@@ -11741,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);
@@ -11763,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;
@@ -11776,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());
 	}
@@ -11832,7 +11752,6 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 		var _editorObject$scene$g;
 		this._contextService.setContextValue(FOCUSING_EDITOR_INPUT_FORMULA, false);
 		this._contextService.setContextValue(EDITOR_ACTIVATED, false);
-		this._contextService.setContextValue(FOCUSING_EDITOR_BUT_HIDDEN, false);
 		this._contextService.setContextValue(FOCUSING_FX_BAR_EDITOR, false);
 		this._cellEditorManagerService.setState({ show: param.visible });
 		const formulaBarEditor = this._editorService.getEditor(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
@@ -11911,11 +11830,11 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 	}
 	_getEditorSkeleton(editorId) {
 		var _this$_renderManagerS6;
-		return (_this$_renderManagerS6 = this._renderManagerService.getRenderById(editorId)) === null || _this$_renderManagerS6 === void 0 ? void 0 : _this$_renderManagerS6.with(DocSkeletonManagerService).getSkeleton();
+		return (_this$_renderManagerS6 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS6 === void 0 ? void 0 : _this$_renderManagerS6.with(DocSkeletonManagerService).getSkeleton();
 	}
 	_getEditorViewModel(editorId) {
 		var _this$_renderManagerS7;
-		return (_this$_renderManagerS7 = this._renderManagerService.getRenderById(editorId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(DocSkeletonManagerService).getViewModel();
+		return (_this$_renderManagerS7 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(DocSkeletonManagerService).getViewModel();
 	}
 	_getEditingUnit() {
 		return this._editingUnit ? this._univerInstanceService.getUnit(this._editingUnit, UniverInstanceType.UNIVER_SHEET) : null;
@@ -11957,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;
@@ -11965,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;
@@ -12021,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 }) {
@@ -12153,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,
@@ -12216,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,
@@ -12227,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:
@@ -12269,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,
@@ -12486,12 +12404,12 @@ let SheetClipboardController = class SheetClipboardController extends RxDisposab
 				if (event.event.key === "Escape") this._sheetClipboardService.removeMarkSelection();
 			});
 		};
-		let docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSelectionRenderService);
+		let docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSelectionRenderService);
 		if (docSelectionRenderService) sheetPasteShortKeyFn(docSelectionRenderService);
 		this._renderManagerService.created$.subscribe((renderer) => {
 			if (renderer.unitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY) {
 				var _this$_renderManagerS2;
-				docSelectionRenderService = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSelectionRenderService);
+				docSelectionRenderService = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSelectionRenderService);
 				if (docSelectionRenderService) sheetPasteShortKeyFn(docSelectionRenderService);
 			}
 		});
@@ -12716,11 +12634,9 @@ let SheetClipboardController = class SheetClipboardController extends RxDisposab
 		};
 	}
 	_generateDocumentDataModelSnapshot(snapshot) {
-		var _withCurrentTypeOfRen, _skeleton$getBlankCel;
-		const currentSkeleton = (_withCurrentTypeOfRen = withCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, SheetSkeletonManagerService, this._instanceService, this._renderManagerService)) === null || _withCurrentTypeOfRen === void 0 ? void 0 : _withCurrentTypeOfRen.getCurrentParam();
-		if (currentSkeleton == null) return null;
-		const { skeleton } = currentSkeleton;
-		const documentModel = (_skeleton$getBlankCel = skeleton.getBlankCellDocumentModel()) === null || _skeleton$getBlankCel === void 0 ? void 0 : _skeleton$getBlankCel.documentModel;
+		var _withCurrentTypeOfRen;
+		if (((_withCurrentTypeOfRen = withCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, SheetSkeletonManagerService, this._instanceService, this._renderManagerService)) === null || _withCurrentTypeOfRen === void 0 ? void 0 : _withCurrentTypeOfRen.getCurrentParam()) == null) return null;
+		const documentModel = createDocumentModelWithStyle("", {});
 		const documentData = {
 			...documentModel === null || documentModel === void 0 ? void 0 : documentModel.getSnapshot(),
 			...snapshot
@@ -12825,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 {
@@ -12839,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];
@@ -12900,7 +12815,7 @@ let SheetClipboardController = class SheetClipboardController extends RxDisposab
 					const setValuesMutation = {
 						unitId,
 						subUnitId,
-						cellValue: valueMatrix.getData()
+						cellValue: valueMatrix.clone()
 					};
 					redoMutationsInfo.push({
 						id: SetRangeValuesMutation.id,
@@ -12926,7 +12841,7 @@ let SheetClipboardController = class SheetClipboardController extends RxDisposab
 	}
 	_getWorksheet(unitId, subUnitId) {
 		var _this$_instanceServic;
-		const worksheet = (_this$_instanceServic = this._instanceService.getUniverSheetInstance(unitId)) === null || _this$_instanceServic === void 0 ? void 0 : _this$_instanceServic.getSheetBySheetId(subUnitId);
+		const worksheet = (_this$_instanceServic = this._instanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET)) === null || _this$_instanceServic === void 0 ? void 0 : _this$_instanceServic.getSheetBySheetId(subUnitId);
 		if (!worksheet) throw new Error(`[SheetClipboardController]: cannot find a worksheet with unitId ${unitId} and subUnitId ${subUnitId}.`);
 		return worksheet;
 	}
@@ -13005,7 +12920,7 @@ let DragManagerService = class DragManagerService extends Disposable {
 		if (!workbook) return null;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet) return;
-		const currentRender = this._renderManagerService.getRenderById(workbook.getUnitId());
+		const currentRender = this._renderManagerService.getRenderUnitById(workbook.getUnitId());
 		if (!currentRender) return;
 		const skeletonParam = currentRender.with(SheetSkeletonManagerService).getCurrentParam();
 		const scrollInfo = currentRender.with(SheetScrollManagerService).getCurrentScrollState();
@@ -13178,7 +13093,7 @@ let FormulaEditorController = class FormulaEditorController extends RxDisposable
 	}
 	_create(unitId) {
 		if (unitId !== DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) return;
-		const formulaEditorDocObject = this._renderManagerService.getRenderById(unitId);
+		const formulaEditorDocObject = this._renderManagerService.getRenderUnitById(unitId);
 		if (formulaEditorDocObject == null) return;
 		const { mainComponent: documentComponent } = formulaEditorDocObject;
 		if (documentComponent == null) return;
@@ -13186,7 +13101,7 @@ let FormulaEditorController = class FormulaEditorController extends RxDisposable
 	}
 	_listenFxBtnClick() {
 		this._formulaEditorManagerService.fxBtnClick$.pipe(takeUntil(this.dispose$)).subscribe(() => {
-			if (this._contextService.getContextValue(FOCUSING_EDITOR_BUT_HIDDEN) && !this._contextService.getContextValue(EDITOR_ACTIVATED)) {
+			if (this._contextService.getContextValue(FOCUSING_UNIVER_EDITOR) && !this._contextService.getContextValue(EDITOR_ACTIVATED)) {
 				var _formulaEditorDataMod;
 				this._univerInstanceService.setCurrentUnitForType(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
 				const formulaEditorDataModel = this._univerInstanceService.getUnit(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, UniverInstanceType.UNIVER_DOC);
@@ -13246,8 +13161,8 @@ let FormulaEditorController = class FormulaEditorController extends RxDisposable
 	autoScroll() {
 		var _this$_renderManagerS;
 		const position = this._formulaEditorManagerService.getPosition();
-		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderById(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSkeletonManagerService).getSkeleton();
-		const editorObject = this._renderManagerService.getRenderById(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSkeletonManagerService).getSkeleton();
+		const editorObject = this._renderManagerService.getRenderUnitById(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
 		const formulaEditorDataModel = this._univerInstanceService.getUnit(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, UniverInstanceType.UNIVER_DOC);
 		if (skeleton == null || position == null || editorObject == null || formulaEditorDataModel == null) return;
 		const { marginTop = 0, marginBottom = 0 } = formulaEditorDataModel.getSnapshot().documentStyle;
@@ -13320,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);
@@ -13402,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),
@@ -13426,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;
@@ -13461,14 +13376,14 @@ function calcPadding(cell, font, isNum) {
 	};
 }
 const getCustomRangePosition = (injector, unitId, subUnitId, row, col, rangeId) => {
-	var _docSkeleton$getViewM, _cellData$fontRenderE;
+	var _docSkeleton$getViewM;
 	const univerInstanceService = injector.get(IUniverInstanceService);
 	const renderManagerService = injector.get(IRenderManagerService);
 	const workbook = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
 	if (!workbook) return null;
 	const worksheet = workbook.getSheetBySheetId(subUnitId);
 	if (!worksheet) return null;
-	const currentRender = renderManagerService.getRenderById(workbook.getUnitId());
+	const currentRender = renderManagerService.getRenderUnitById(workbook.getUnitId());
 	const skeletonParam = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(SheetSkeletonManagerService).getSkeletonParam(worksheet.getSheetId());
 	const skeleton = skeletonParam === null || skeletonParam === void 0 ? void 0 : skeletonParam.skeleton;
 	if (!skeleton || !currentRender) return;
@@ -13487,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,
@@ -13514,8 +13429,8 @@ const getEditingCustomRangePosition = (injector, unitId, subUnitId, row, col, ra
 	const { editorUnitId, unitId: editingUnitId, sheetId, row: editRow, column: editCol } = state;
 	if (unitId !== editingUnitId || subUnitId !== sheetId || editRow !== row || editCol !== col) return null;
 	const renderManagerService = injector.get(IRenderManagerService);
-	const renderer = renderManagerService.getRenderById(editorUnitId);
-	const sheetRenderer = renderManagerService.getRenderById(unitId);
+	const renderer = renderManagerService.getRenderUnitById(editorUnitId);
+	const sheetRenderer = renderManagerService.getRenderUnitById(unitId);
 	if (!renderer || !sheetRenderer) return null;
 	const docSkeleton = renderer.with(DocSkeletonManagerService).getSkeleton();
 	const sheetSkeleton = (_sheetRenderer$with$g = sheetRenderer.with(SheetSkeletonManagerService).getSkeletonParam(sheetId)) === null || _sheetRenderer$with$g === void 0 ? void 0 : _sheetRenderer$with$g.skeleton;
@@ -13547,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();
@@ -13667,7 +13609,7 @@ let HoverManagerService = class HoverManagerService extends Disposable {
 		if (!workbook) return null;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet) return null;
-		const currentRender = this._renderManagerService.getRenderById(workbook.getUnitId());
+		const currentRender = this._renderManagerService.getRenderUnitById(workbook.getUnitId());
 		if (!currentRender) return null;
 		const skeletonParam = currentRender.with(SheetSkeletonManagerService).getSkeletonParam(worksheet.getSheetId());
 		if (!skeletonParam) return null;
@@ -13681,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;
@@ -13692,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;
@@ -14024,7 +13966,6 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 				errorMsg
 			},
 			width: 320,
-			destroyOnClose: true,
 			showOk: true,
 			onClose: () => {
 				this._dialogService.close(UNIVER_SHEET_PERMISSION_ALERT_DIALOG_ID);
@@ -14155,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;
@@ -14278,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;
@@ -14288,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) {
@@ -14298,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) {
@@ -15022,9 +14963,7 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends Di
 	}
 	_getFreeze() {
 		var _this$_sheetSkeletonM6;
-		const config = (_this$_sheetSkeletonM6 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM6 === void 0 ? void 0 : _this$_sheetSkeletonM6.skeleton.getWorksheetConfig();
-		if (config == null) return;
-		return config.freeze;
+		return (_this$_sheetSkeletonM6 = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM6 === void 0 ? void 0 : _this$_sheetSkeletonM6.skeleton.worksheet.getFreeze();
 	}
 	_getSheetObject() {
 		return getSheetObject(this._context.unit, this._context);
@@ -15072,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;
@@ -16069,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,
@@ -16158,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;
 				}
 			}
 		]);
@@ -16205,7 +16135,6 @@ var StatusBarService = class {
 		this._state$.complete();
 	}
 	setState(param) {
-		var _param$pattern;
 		const newState = {
 			values: [],
 			pattern: null
@@ -16214,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() {
@@ -16393,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) {
@@ -16698,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
 	}));
@@ -16882,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();
@@ -16890,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);
@@ -16916,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);
@@ -17110,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);
 			}
 		};
@@ -17191,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)
@@ -17225,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);
@@ -17469,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) {
@@ -18140,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);
 					}
 				}
@@ -18184,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) => {
@@ -18195,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);
@@ -18240,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) => {
@@ -18251,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);
@@ -18283,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,
@@ -18296,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)),
@@ -18348,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,
@@ -18361,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)),
@@ -18413,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",
@@ -18426,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)),
@@ -18549,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;
@@ -18561,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)),
@@ -19056,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, _, __]) => {
@@ -19078,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);
@@ -19088,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$,
@@ -19100,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();
@@ -19109,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$
@@ -19138,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);
@@ -19160,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;
@@ -19179,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);
@@ -19215,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) => {
@@ -19235,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$,
@@ -19251,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));
 		}));
 	}));
 }
@@ -19685,7 +19584,7 @@ const menuSchema = {
 				order: 0,
 				gridLayout: {
 					row: 1,
-					column: 3
+					column: 1
 				},
 				menuItemFactory: HorizontalAlignMenuItemFactory
 			},
@@ -19750,7 +19649,9 @@ const menuSchema = {
 			order: 0,
 			gridLayout: {
 				row: 1,
-				column: 3
+				column: 1,
+				rowSpan: 2,
+				showLabel: true
 			},
 			menuItemFactory: sheetPermissionToolbarMenuFactory
 		} }
@@ -20322,18 +20223,12 @@ function AutoFillPopupMenu() {
 	const selected = useObservable(autoFillService.applyType$, AUTO_FILL_APPLY_TYPE.SERIES);
 	const [isHovered, setHovered] = useState(false);
 	const workbook = useActiveWorkbook();
-	const { sheetSkeletonManagerService, selectionRenderService } = useMemo(() => {
+	const sheetSkeletonManagerService = useMemo(() => {
 		if (workbook) {
-			const ru = renderManagerService.getRenderById(workbook.getUnitId());
-			return {
-				sheetSkeletonManagerService: ru === null || ru === void 0 ? void 0 : ru.with(SheetSkeletonManagerService),
-				selectionRenderService: ru === null || ru === void 0 ? void 0 : ru.with(ISheetSelectionRenderService)
-			};
+			const ru = renderManagerService.getRenderUnitById(workbook.getUnitId());
+			return ru === null || ru === void 0 ? void 0 : ru.with(SheetSkeletonManagerService);
 		}
-		return {
-			sheetSkeletonManagerService: null,
-			selectionRenderService: null
-		};
+		return null;
 	}, [workbook, renderManagerService]);
 	const handleMouseEnter = () => {
 		setHovered(true);
@@ -20364,10 +20259,11 @@ function AutoFillPopupMenu() {
 	}, [visible]);
 	if (anchor.col < 0 || anchor.row < 0) return null;
 	const sheetObject = getSheetObject(univerInstanceService, renderManagerService);
-	if (!sheetObject || !selectionRenderService) return null;
+	if (!sheetObject || !workbook) return null;
 	const { scene } = sheetObject;
 	const skeleton = sheetSkeletonManagerService === null || sheetSkeletonManagerService === void 0 ? void 0 : sheetSkeletonManagerService.getCurrentSkeleton();
-	const viewport = selectionRenderService.getViewPort();
+	const viewport = getViewportByCell(anchor.row, anchor.col, scene, workbook.getActiveSheet());
+	if (!viewport) return null;
 	const scaleX = scene === null || scene === void 0 ? void 0 : scene.scaleX;
 	const scaleY = scene === null || scene === void 0 ? void 0 : scene.scaleY;
 	const scrollXY = scene === null || scene === void 0 ? void 0 : scene.getViewportScrollXY(viewport);
@@ -20433,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;
@@ -20504,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
@@ -20594,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";
 }
 /**
@@ -20632,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$);
@@ -20640,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;
@@ -20656,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;
@@ -20692,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);
@@ -20714,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);
@@ -20739,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 = [
@@ -20749,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;
@@ -20811,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,
@@ -20824,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;
@@ -20885,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;
@@ -20923,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",
@@ -20938,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: "",
@@ -20958,7 +20880,7 @@ function EditorContainer() {
 			},
 			disableContextMenu: false,
 			canvasStyle: { backgroundColor: "transparent" }
-		})
+		})]
 	});
 }
 
@@ -21156,7 +21078,8 @@ function DefinedName({ disable }) {
 	const definedNames = useObservable(() => definedNamesService.update$.pipe(map(getDefinedNameMap), startWith(getDefinedNameMap())), getDefinedNameMap(), false, [definedNamesService, unitId]);
 	useEffect(() => {
 		const subscription = definedNamesService.currentRange$.subscribe(() => {
-			const absoluteRef = getAbsoluteRefStringFromSelection(workbook, selectionManagerService.getCurrentSelections(), lexerTreeBuilder);
+			const selections = selectionManagerService.getCurrentSelections();
+			const absoluteRef = getAbsoluteRefStringFromSelection(workbook, selections, lexerTreeBuilder);
 			const definedName = definedNamesService.getDefinedNameByRefString(unitId, absoluteRef);
 			if (definedName) {
 				setRangeString(definedName.name);
@@ -21301,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]);
@@ -21352,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 {
@@ -21424,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);
@@ -21457,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, {
@@ -21468,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",
@@ -21590,7 +21512,7 @@ function SheetBarMenu() {
 		if (!workbook) return;
 		const sheets = workbook.getSheets();
 		const activeSheet = workbook.getActiveSheet();
-		setMenu(sheets.map((sheet, index) => {
+		const worksheetMenuItems = sheets.map((sheet, index) => {
 			return {
 				label: sheet.getName(),
 				index: `${index}`,
@@ -21598,7 +21520,8 @@ function SheetBarMenu() {
 				hidden: sheet.isSheetHidden() === BooleanNumber.TRUE,
 				selected: activeSheet === sheet
 			};
-		}));
+		});
+		setMenu(worksheetMenuItems);
 	}, [workbook, worksheetProtectionRuleModel]);
 	const setupStatusUpdate = useCallback(() => commandService.onCommandExecuted((commandInfo) => {
 		switch (commandInfo.id) {
@@ -21673,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", {
@@ -21711,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);
 		}
 	})] });
 }
@@ -21877,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(() => {
@@ -22061,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() {
@@ -22184,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 {
@@ -22339,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();
 	}
@@ -22394,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);
 		});
@@ -22415,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()
@@ -22441,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;
@@ -22630,7 +22548,6 @@ function shouldRefreshSheetTabs(commandInfo) {
 	}
 }
 function SheetBarTabs() {
-	var _config$contextMenu;
 	const [sheetList, setSheetList] = useState([]);
 	const [activeSheetId, setActiveSheetId] = useState("");
 	const [scrollShadow, setScrollShadow] = useState("");
@@ -22652,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();
@@ -22731,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;
@@ -22739,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,
@@ -22750,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 : "";
-		setSheetList(workbook.getSheets().filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
-			var _sheet$getTabColor;
+		const currentSubUnitId = (activeSheet === null || activeSheet === void 0 ? void 0 : activeSheet.getSheetId()) ?? "";
+		const sheetListItems = workbook.getSheets().filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
 			const worksheetRule = worksheetProtectionRuleModel.getRule(workbook.getUnitId(), sheet.getSheetId());
 			const hasSelectionRule = rangeProtectionRuleModel.getSubunitRuleList(workbook.getUnitId(), sheet.getSheetId()).length > 0;
 			const hasProtection = Boolean((worksheetRule === null || worksheetRule === void 0 ? void 0 : worksheetRule.permissionId) || hasSelectionRule);
@@ -22769,9 +22684,10 @@ function SheetBarTabs() {
 				}),
 				index,
 				selected: activeSheet === sheet,
-				color: (_sheet$getTabColor = sheet.getTabColor()) !== null && _sheet$getTabColor !== void 0 ? _sheet$getTabColor : void 0
+				color: sheet.getTabColor() ?? void 0
 			};
-		}));
+		});
+		setSheetList(sheetListItems);
 		setActiveSheetId(currentSubUnitId);
 	}, [
 		rangeProtectionRuleModel,
@@ -22803,7 +22719,7 @@ function SheetBarTabs() {
 		workbookRef.current = workbook;
 	}, [workbook]);
 	const syncActiveSheetRender = useCallback((subUnitId) => {
-		const render = renderManagerService.getRenderById(workbookRef.current.getUnitId());
+		const render = renderManagerService.getRenderUnitById(workbookRef.current.getUnitId());
 		try {
 			render === null || render === void 0 || render.with(SheetSkeletonManagerService).setCurrent({ sheetId: subUnitId });
 			render === null || render === void 0 || render.scene.makeDirty(true);
@@ -22896,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]");
@@ -22911,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();
@@ -23021,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);
@@ -23174,7 +23089,10 @@ function ZoomSlider() {
 	useEffect(() => {
 		setZoom(getCurrentZoom());
 		return commandService.onCommandExecuted((commandInfo) => {
-			if (commandInfo.id === SetZoomRatioOperation.id || commandInfo.id === SetWorksheetActiveOperation.id) setZoom(getCurrentZoom());
+			if (commandInfo.id === SetZoomRatioOperation.id || commandInfo.id === SetWorksheetActiveOperation.id) {
+				const currentZoom = getCurrentZoom();
+				setZoom(currentZoom);
+			}
 		}).dispose;
 	}, [commandService, getCurrentZoom]);
 	function handleChange(value) {
@@ -23274,8 +23192,6 @@ function formatNumber(item) {
 const SINGLE_MODE_WIDTH = 800;
 const ROW_COUNT_THRESHOLD = 3;
 const StatusBar = () => {
-	var _useConfigValue$statu, _useConfigValue;
-	const showStatistic = (_useConfigValue$statu = (_useConfigValue = useConfigValue("sheets-ui.config")) === null || _useConfigValue === void 0 ? void 0 : _useConfigValue.statusBarStatistic) !== null && _useConfigValue$statu !== void 0 ? _useConfigValue$statu : true;
 	const [isSingle, setIsSingle] = useState(window.innerWidth < SINGLE_MODE_WIDTH);
 	const statusBarService = useDependency(IStatusBarService);
 	const items = statusBarService.getFunctions().map((item, index) => ({
@@ -23285,7 +23201,7 @@ const StatusBar = () => {
 		disable: false,
 		pattern: null
 	}));
-	const useStatistics = (initialItems, statusBarService, isSingle, showStatistic) => {
+	const useStatistics = (initialItems, statusBarService, isSingle) => {
 		const [statistics, setStatistics] = useState(initialItems);
 		const [show, setShow] = useState(true);
 		const filteredStatistics = useMemo(() => statistics.filter((item) => item.show && !item.disable), [statistics]);
@@ -23303,31 +23219,26 @@ const StatusBar = () => {
 			}
 			setShow(true);
 			setStatistics((prevStats) => prevStats.map((stat) => {
-				var _items$find$value, _items$find, _state$pattern;
+				var _items$find;
 				return {
 					...stat,
-					value: (_items$find$value = (_items$find = items.find((i) => i.func === stat.name)) === null || _items$find === void 0 ? void 0 : _items$find.value) !== null && _items$find$value !== void 0 ? _items$find$value : stat.value,
+					value: ((_items$find = items.find((i) => i.func === stat.name)) === null || _items$find === void 0 ? void 0 : _items$find.value) ?? stat.value,
 					disable: !items.some((i) => i.func === stat.name),
-					pattern: (_state$pattern = state === null || state === void 0 ? void 0 : state.pattern) !== null && _state$pattern !== void 0 ? _state$pattern : null
+					pattern: (state === null || state === void 0 ? void 0 : state.pattern) ?? null
 				};
 			}));
 		}, []);
 		useEffect(() => {
-			if (!showStatistic) return;
 			const subscription = statusBarService.state$.subscribe(updateStatistics);
 			return () => subscription.unsubscribe();
-		}, [
-			showStatistic,
-			statusBarService,
-			updateStatistics
-		]);
+		}, [statusBarService, updateStatistics]);
 		return {
 			statistics,
 			showList,
 			show
 		};
 	};
-	const { showList, show } = useStatistics(items, statusBarService, isSingle, showStatistic);
+	const { showList, show } = useStatistics(items, statusBarService, isSingle);
 	const handleResize = debounce(() => {
 		const newSingleState = window.innerWidth < SINGLE_MODE_WIDTH;
 		if (isSingle !== newSingleState) setIsSingle(newSingleState);
@@ -23339,7 +23250,6 @@ const StatusBar = () => {
 		};
 	}, [isSingle]);
 	const getStatisticLayout = (showList, rowCountThreshold, CopyableStatisticItem) => {
-		if (!showStatistic) return null;
 		if (showList.length > rowCountThreshold) return showList.reduce((acc, _, index) => {
 			if (index % 2 === 0) acc.push(showList.slice(index, index + 2));
 			return acc;
@@ -23369,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();
@@ -23414,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);
@@ -23440,21 +23347,19 @@ function RenderSheetHeader() {
 	return null;
 }
 /**
-* @deprecated We should not write into this component anymore.
+* We should not write into this component anymore.
 */
 function RenderSheetContent() {
-	var _componentManager$get;
 	const config = 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;
@@ -23564,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) {
@@ -24152,7 +24056,7 @@ let SheetUIController = class SheetUIController extends Disposable {
 	}
 	_initFocusHandler() {
 		this.disposeWithMe(this._layoutService.registerFocusHandler(UniverInstanceType.UNIVER_SHEET, (_unitId) => {
-			const cellEditorRender = this._injector.get(IRenderManagerService).getRenderById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+			const cellEditorRender = this._injector.get(IRenderManagerService).getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 			const docSelectionRenderService = cellEditorRender === null || cellEditorRender === void 0 ? void 0 : cellEditorRender.with(DocSelectionRenderService);
 			docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.focus();
 		}));
@@ -24194,7 +24098,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "1.0.0-alpha.7";
+var version = "1.0.0-beta.0";
 
 //#endregion
 //#region src/views/cell-popup/config.ts
@@ -24287,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);
@@ -24387,8 +24290,8 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends Di
 		};
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
-		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender || !skeleton) return {
 			dispose: () => {},
 			canDispose: () => true
@@ -24441,8 +24344,8 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends Di
 		const subUnitId = worksheet.getSheetId();
 		if (unitId !== location.unitId || location.subUnitId !== subUnitId) return null;
 		if (this._isSelectionMoving && !popup.showOnSelectionMoving) return;
-		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender || !skeleton) return null;
 		const { position, position$, disposable } = this._createPositionObserver(bound, currentRender, skeleton, worksheet);
 		const { rects$, disposable: rectsObserverDisposable } = this._createHiddenRectObserver({
@@ -24495,8 +24398,8 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends Di
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
 		if (_unitId && unitId !== _unitId || _subUnitId && _subUnitId !== subUnitId) return null;
-		const skeleton = (_this$_renderManagerS3 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const skeleton = (_this$_renderManagerS3 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender || !skeleton) return null;
 		if (this._isSelectionMoving && !popup.showOnSelectionMoving) return;
 		const popupInjector = this._resolveEmbeddedPopupInjector(unitId, currentRender);
@@ -24538,12 +24441,12 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends Di
 		if (!worksheet) return null;
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
 		const sheetSelectionRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(ISheetSelectionRenderService);
 		if (!currentRender || !skeleton || !sheetSelectionRenderService) return null;
 		if (this._isSelectionMoving && !popup.showOnSelectionMoving) return;
-		const activeViewport = viewport !== null && viewport !== void 0 ? viewport : getViewportByCell(row, col, currentRender.scene, worksheet);
+		const activeViewport = viewport ?? getViewportByCell(row, col, currentRender.scene, worksheet);
 		if (!activeViewport) return null;
 		const { position, position$, disposable: positionObserverDisposable, updateRowCol } = this._createCellPositionObserver(row, col, currentRender, skeleton, activeViewport);
 		const { rects$, disposable: rectsObserverDisposable } = this._createHiddenRectObserver({
@@ -24607,12 +24510,12 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends Di
 		const unitId = workbook.getUnitId();
 		const subUnitId = worksheet.getSheetId();
 		if (_unitId && unitId !== _unitId || _subUnitId && subUnitId !== _subUnitId) return null;
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(SheetSkeletonManagerService).ensureSkeleton(subUnitId);
 		const sheetSelectionRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(ISheetSelectionRenderService);
 		if (!currentRender || !skeleton || !sheetSelectionRenderService) return null;
 		if (sheetSelectionRenderService.selectionMoving && !showOnSelectionMoving) return;
-		const activeViewport = viewport !== null && viewport !== void 0 ? viewport : getViewportByCell(range.startRow, range.startColumn, currentRender.scene, worksheet);
+		const activeViewport = viewport ?? getViewportByCell(range.startRow, range.startColumn, currentRender.scene, worksheet);
 		if (!activeViewport) return null;
 		const { position, position$, disposable: positionObserverDisposable, updateRange, topLeftPos$, rightBottomPos$ } = this._createRangePositionObserver(range, currentRender, skeleton, activeViewport);
 		const { rects$, disposable: rectsObserverDisposable } = this._createHiddenRectObserver({
@@ -24853,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;
@@ -25612,7 +25515,6 @@ function getBorderStyle(borderData) {
 	}
 }
 function BorderPanel(props) {
-	var _value$color;
 	const iconManager = useDependency(IconManager);
 	const borderStyleManagerService = useDependency(BorderStyleManagerService);
 	const selectionManagerService = useDependency(SheetsSelectionsService);
@@ -25662,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, {
@@ -25685,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" })]
 					})
 				}) })]
@@ -25730,7 +25632,7 @@ let CellAlertManagerService = class CellAlertManagerService extends Disposable {
 		}
 		const { location } = alert;
 		const { row, col, unitId, subUnitId } = location;
-		if (!this._renderManagerService.getRenderById(unitId)) return;
+		if (!this._renderManagerService.getRenderUnitById(unitId)) return;
 		const disposable = this._cellPopupManagerService.showPopup({
 			unitId,
 			subUnitId,
@@ -25821,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;
 		})
 	});
 };
@@ -25927,7 +25828,7 @@ function DefinedNameInputContent(props) {
 	const [isFocusFormulaEditor, setIsFocusFormulaEditor] = useState(false);
 	useSidebarClick((e) => {
 		var _formulaEditorRef$cur;
-		!((_formulaEditorRef$cur = formulaEditorRef.current) === null || _formulaEditorRef$cur === void 0) && _formulaEditorRef$cur.isClickOutSide(e) && setIsFocusFormulaEditor(false);
+		(_formulaEditorRef$cur = formulaEditorRef.current) !== null && _formulaEditorRef$cur !== void 0 && _formulaEditorRef$cur.isClickOutSide(e) && setIsFocusFormulaEditor(false);
 	});
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx("univer-grid univer-space-y-2 univer-pb-1", borderBottomClassName, { "univer-hidden": !state }),
@@ -26065,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;
@@ -26269,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,
@@ -26314,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));
 			}
@@ -26467,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,
@@ -26482,8 +26381,8 @@ function ListDropDown(props) {
 		value: getListDropdownValue(localValue, multiple),
 		multiple,
 		onChange: async (newValue) => {
-			var _newValue$;
-			setLocalValue(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();
 		},
 		options,
@@ -26570,13 +26469,14 @@ const SheetPermissionDialog = () => {
 				actions: defaultWorksheetUnitActionList
 			}).then((result) => {
 				if (cancelled) return;
-				setPermissionMap(result[0].strategies.reduce((p, c) => {
+				const actions = result[0].strategies.reduce((p, c) => {
 					if (subUnitPermissionTypeMap[c.action]) p[c.action] = {
 						text: localeService.t(`sheets-ui.permission.panel.${subUnitPermissionTypeMap[c.action]}`),
 						allowed: c.role !== UnitRole.Owner
 					};
 					return p;
-				}, {}));
+				}, {});
+				setPermissionMap(actions);
 				loadingTimer = setTimeout(() => {
 					setLoading(false);
 				}, 100);
@@ -26738,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 +26871,8 @@ const PermissionDetailMainPart = (props) => {
 			setEndForRange(range, worksheet.getRowCount(), worksheet.getColumnCount());
 			return range;
 		});
-		onRangesChange(transformedRange, checkRangeValid(injector, transformedRange, permissionId, unitId, subUnitId));
+		const rangeErrorString = checkRangeValid(injector, transformedRange, permissionId, unitId, subUnitId);
+		onRangesChange(transformedRange, rangeErrorString);
 	};
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FormLayout, {
 		className: "univer-font-medium",
@@ -27016,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);
@@ -27027,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({
@@ -27044,7 +26944,6 @@ const PermissionDetailUserPart = (props) => {
 			title: { title: "" },
 			children: { label: UNIVER_SHEET_PERMISSION_USER_DIALOG },
 			width: "auto",
-			destroyOnClose: true,
 			closable: false,
 			onClose: () => dialogService.close(UNIVER_SHEET_PERMISSION_USER_DIALOG_ID),
 			className: "sheet-permission-user-dialog"
@@ -27178,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);
@@ -27188,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);
@@ -27403,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);
@@ -27479,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",
@@ -27573,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;
@@ -27593,10 +27490,13 @@ const SheetPermissionUserDialog = () => {
 		})) === -1) {
 			const select = { ...item };
 			setSelectUserInfo([...selectUserInfo, select]);
-		} else setSelectUserInfo(selectUserInfo.filter((v) => {
-			var _v$subject2, _item$subject3;
-			return ((_v$subject2 = v.subject) === null || _v$subject2 === void 0 ? void 0 : _v$subject2.userID) !== ((_item$subject3 = item.subject) === null || _item$subject3 === void 0 ? void 0 : _item$subject3.userID);
-		}));
+		} else {
+			const newSelectUserInfo = selectUserInfo.filter((v) => {
+				var _v$subject2, _item$subject3;
+				return ((_v$subject2 = v.subject) === null || _v$subject2 === void 0 ? void 0 : _v$subject2.userID) !== ((_item$subject3 = item.subject) === null || _item$subject3 === void 0 ? void 0 : _item$subject3.userID);
+			});
+			setSelectUserInfo(newSelectUserInfo);
+		}
 	};
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Input, {
@@ -27961,7 +27861,7 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 	}
 	_getEditorViewModel(unitId) {
 		var _this$_renderManagerS;
-		return (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSkeletonManagerService).getViewModel();
+		return (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSkeletonManagerService).getViewModel();
 	}
 	_syncFormulaEditorContent() {
 		this.disposeWithMe(this._editorBridgeService.currentEditCellState$.subscribe((editCellState) => {
@@ -28030,7 +27930,7 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 	}
 	_syncActionsAndRender(unitId, parmas) {
 		const INCLUDE_LIST = [DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY];
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (currentRender == null) return;
 		const skeleton = currentRender.with(DocSkeletonManagerService).getSkeleton();
 		const docDataModel = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
@@ -28057,16 +27957,16 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 			if (body.paragraphs) body.paragraphs = this._clearParagraph(body.paragraphs);
 		}
 		const INCLUDE_LIST = [DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY];
-		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSkeletonManagerService).getSkeleton();
+		const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSkeletonManagerService).getSkeleton();
 		const docDataModel = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
 		const docViewModel = this._getEditorViewModel(unitId);
 		if (docDataModel == null || docViewModel == null || skeleton == null) return;
 		docDataModel.getSnapshot().body = body;
-		docDataModel.getSnapshot().drawings = drawings !== null && drawings !== void 0 ? drawings : {};
-		docDataModel.getSnapshot().drawingsOrder = drawingsOrder !== null && drawingsOrder !== void 0 ? drawingsOrder : [];
+		docDataModel.getSnapshot().drawings = drawings ?? {};
+		docDataModel.getSnapshot().drawingsOrder = drawingsOrder ?? [];
 		this._checkAndSetRenderStyleConfig(docDataModel);
 		docViewModel.reset(docDataModel);
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (currentRender == null) return;
 		skeleton.calculate();
 		if (INCLUDE_LIST.includes(unitId)) {
@@ -28083,7 +27983,7 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 	}
 	_refreshRenderStyleConfig(unitId) {
 		var _currentRender$mainCo3;
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(DocSkeletonManagerService).getSkeleton();
 		const docDataModel = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_DOC);
 		const docViewModel = this._getEditorViewModel(unitId);
@@ -28095,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 = {};
@@ -28117,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;
 		}
@@ -28586,16 +28483,16 @@ function MobileSheetBarImpl(props) {
 		const currentSubUnitId = workbook.getActiveSheet().getSheetId();
 		const sheets = workbook.getSheets();
 		const activeSheet = workbook.getActiveSheet();
-		setSheetList(sheets.filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
-			var _sheet$getTabColor;
+		const sheetListItems = sheets.filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
 			return {
 				sheetId: sheet.getSheetId(),
 				label: sheet.getName(),
 				index,
 				selected: activeSheet === sheet,
-				color: (_sheet$getTabColor = sheet.getTabColor()) !== null && _sheet$getTabColor !== void 0 ? _sheet$getTabColor : void 0
+				color: sheet.getTabColor() ?? void 0
 			};
-		}));
+		});
+		setSheetList(sheetListItems);
 		setActiveKey(currentSubUnitId);
 		if (tabMapRef.current.has(currentSubUnitId)) {
 			const element = tabMapRef.current.get(currentSubUnitId);
@@ -28931,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;
 		} }));
@@ -29003,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;
 		} }));
 	}
 };
@@ -29095,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();
@@ -29360,7 +29257,7 @@ let WorksheetProtectionRenderController = class WorksheetProtectionRenderControl
 	}
 	_initRender() {
 		const renderId = this._context.unitId;
-		const render = renderId && this._renderManagerService.getRenderById(renderId);
+		const render = renderId && this._renderManagerService.getRenderUnitById(renderId);
 		const spreadsheetRender = render && render.mainComponent;
 		if (spreadsheetRender) {
 			if (!spreadsheetRender.getExtensionByKey("worksheet-protection")) spreadsheetRender.register(this._worksheetProtectionRenderExtension);
@@ -29779,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.getRenderById(this._context.unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(this._context.unitId);
 		const selectionRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(ISheetSelectionRenderService);
-		return (_selectionRenderServi = selectionRenderService === null || selectionRenderService === void 0 ? void 0 : selectionRenderService.getSelectionControls().map((control) => 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) => ({
@@ -30264,9 +30160,7 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 	}
 	_getFreeze() {
 		var _this$_sheetSkeletonM;
-		const snapshot = (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton.getWorksheetConfig();
-		if (snapshot == null) return;
-		return snapshot.freeze;
+		return (_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getCurrentParam()) === null || _this$_sheetSkeletonM === void 0 ? void 0 : _this$_sheetSkeletonM.skeleton.worksheet.getFreeze();
 	}
 	_initScrollEventListener() {
 		const { scene } = this._context;
@@ -30432,7 +30326,10 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 				const speedFactor = Math.min(swipeSpeed / 2, 1);
 				multiplier = MIN_VELOCITY_MULTIPLIER + (MAX_VELOCITY_MULTIPLIER - MIN_VELOCITY_MULTIPLIER) * speedFactor;
 				if (swipeDuration < 150 && Math.abs(instantVelocity) > 3) multiplier *= 1.3;
-			} else multiplier = MIN_VELOCITY_MULTIPLIER * (.5 + Math.min(Math.abs(instantVelocity) / 5, 1) * .5);
+			} else {
+				const velocityFactor = Math.min(Math.abs(instantVelocity) / 5, 1);
+				multiplier = MIN_VELOCITY_MULTIPLIER * (.5 + velocityFactor * .5);
+			}
 			return Math.max(MIN_VELOCITY_MULTIPLIER * .5, Math.min(MAX_VELOCITY_MULTIPLIER * 1.5, multiplier));
 		};
 		/**
@@ -30758,7 +30655,10 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 			if (!_touchScrolling) return;
 			_touchScrolling = false;
 			const avgVelocity = calculateAverageVelocity();
-			const dynamicMultiplier = calculateDynamicVelocityMultiplier(performance.now() - swipeStartTime, Math.sqrt(swipeTotalDisplacement.x * swipeTotalDisplacement.x + swipeTotalDisplacement.y * swipeTotalDisplacement.y), Math.sqrt(avgVelocity.x * avgVelocity.x + avgVelocity.y * avgVelocity.y));
+			const swipeDuration = performance.now() - swipeStartTime;
+			const totalDistance = Math.sqrt(swipeTotalDisplacement.x * swipeTotalDisplacement.x + swipeTotalDisplacement.y * swipeTotalDisplacement.y);
+			const instantVelocity = Math.sqrt(avgVelocity.x * avgVelocity.x + avgVelocity.y * avgVelocity.y);
+			const dynamicMultiplier = calculateDynamicVelocityMultiplier(swipeDuration, totalDistance, instantVelocity);
 			const { maxVelocity, minVelocityThreshold } = getZoomAdjustedParams();
 			const cappedVelX = Math.max(-maxVelocity, Math.min(maxVelocity, avgVelocity.x * dynamicMultiplier));
 			const cappedVelY = Math.max(-maxVelocity, Math.min(maxVelocity, avgVelocity.y * dynamicMultiplier));
@@ -30851,7 +30751,7 @@ let MobileSheetsScrollRenderController = class MobileSheetsScrollRenderControlle
 		if (param == null) return;
 		const { unitId } = this._context;
 		const { skeleton } = param;
-		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
+		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
 		if (skeleton == null || scene == null) return;
 		const { rowTotalHeight, columnTotalWidth, rowHeaderWidthAndMarginLeft, columnHeaderHeightAndMarginTop } = skeleton;
 		scene === null || scene === void 0 || scene.transformByState({
@@ -30881,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();
@@ -31088,7 +30988,7 @@ let SheetCellDropdownManagerService = class SheetCellDropdownManagerService exte
 		const { location, onHide, closeOnOutSide = true } = param;
 		const { row, col, unitId, subUnitId } = location;
 		const component = dropdownMap[param.type];
-		const currentRender = this._renderManagerService.getRenderById(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+		const currentRender = this._renderManagerService.getRenderUnitById(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
 		const disposable = new DisposableCollection();
 		const popupDisposable = this._canvasPopupManagerService.attachPopupToCell(row, col, {
 			componentKey: component.componentKey,
@@ -31689,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;
@@ -31713,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;
@@ -31724,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;
@@ -31732,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);
@@ -31843,6 +31742,7 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends Plugin
 			[SelectAllService],
 			[ISheetCellDropdownManagerService, { useClass: SheetCellDropdownManagerService }],
 			[SheetCellEditorResizeService],
+			[ISheetLoadingRenderService, { useClass: SheetLoadingRenderService }],
 			[AutoHeightController],
 			[AutoWidthController],
 			[FormulaEditorController],
@@ -31908,7 +31808,6 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends Plugin
 		});
 	}
 	_registerRenderModules() {
-		var _config$contextMenu;
 		const modules = [
 			[HeaderMoveRenderController],
 			[HeaderUnhideRenderController],
@@ -31936,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));
 		});
@@ -31956,7 +31855,7 @@ _defineProperty(UniverSheetsMobileUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsMobileUIPlugin, "version", version);
 _defineProperty(UniverSheetsMobileUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
 UniverSheetsMobileUIPlugin = __decorate([
-	DependentOn(UniverSheetsPlugin, UniverMobileUIPlugin),
+	DependentOn(UniverDocsPlugin, UniverFormulaEnginePlugin, UniverRenderEnginePlugin, UniverSheetsPlugin, UniverMobileUIPlugin, UniverDocsUIPlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IRenderManagerService),
 	__decorateParam(3, IConfigService),
@@ -32529,7 +32428,6 @@ let UniverSheetsUIPlugin = class UniverSheetsUIPlugin extends Plugin {
 		});
 	}
 	_registerRenderModules() {
-		var _config$contextMenu;
 		const modules = [
 			[HeaderMoveRenderController],
 			[HeaderUnhideRenderController],
@@ -32557,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));
 		});
@@ -32577,7 +32475,7 @@ _defineProperty(UniverSheetsUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsUIPlugin, "version", version);
 _defineProperty(UniverSheetsUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
 UniverSheetsUIPlugin = __decorate([
-	DependentOn(UniverSheetsPlugin),
+	DependentOn(UniverDocsPlugin, UniverFormulaEnginePlugin, UniverRenderEnginePlugin, UniverSheetsPlugin, UniverDocsUIPlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IRenderManagerService),
 	__decorateParam(3, IConfigService),