@univerjs/sheets-ui 1.0.0-alpha.7 → 1.0.0-alpha.8

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 { BreakLineCommand, CoverContentCommand, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_VERTICAL_PADDING, DeleteLeftCommand, DeleteRightCommand, DocSelectionRenderService, IEditorService, IMEInputCommand, MoveCursorOperation, MoveSelectionOperation, NodePositionConvertToCursor, ReplaceSnapshotCommand, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextColorCommand, SetInlineFormatUnderlineCommand, UniverDocsUIPlugin, VIEWPORT_KEY, convertBodyToHtml, getCanvasOffsetByEngine, getLineBounding } from "@univerjs/docs-ui";
+import { AbsoluteRefType, BaselineOffset, BooleanNumber, BorderStyleTypes, CellModeEnum, CellValueType, ColorKit, CommandType, CustomRangeType, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DEFAULT_WORKSHEET_COLUMN_COUNT, DEFAULT_WORKSHEET_COLUMN_TITLE_HEIGHT, DEFAULT_WORKSHEET_COLUMN_WIDTH, DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY, DEFAULT_WORKSHEET_ROW_COUNT, DEFAULT_WORKSHEET_ROW_HEIGHT, DEFAULT_WORKSHEET_ROW_TITLE_WIDTH, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DataStreamTreeTokenType, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, EDITOR_ACTIVATED, ErrorService, FOCUSING_COMMENT_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_EDITOR_INPUT_FORMULA, FOCUSING_EDITOR_STANDALONE, FOCUSING_FX_BAR_EDITOR, FOCUSING_SHAPE_TEXT_EDITOR, FOCUSING_SHEET, FOCUSING_UNIVER_EDITOR, FontItalic, FontWeight, HorizontalAlign, IAuthzIoService, ICommandService, IConfigService, IConfirmService, IContextService, ILogService, IPermissionService, IUndoRedoService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, InterceptorManager, LRUMap, LocaleService, LocaleType, LookUp, NilCommand, ObjectMatrix, Optional, Plugin, PresetListType, Quantity, RANGE_TYPE, Range, Rectangle, RxDisposable, SHEET_EDITOR_UNITS, ThemeService, Tools, UndoCommandId, UniverInstanceType, UserManagerService, VerticalAlign, Workbook, WrapStrategy, cloneCellDataMatrix, cloneCellDataWithSpanAndDisplay, cloneValue, composeStyles, convertCellToRange, createDocumentModelWithStyle, createIdentifier, createInterceptorKey, createParagraphId, createSectionId, dateKit, debounce, extractPureTextFromCell, fromEventSubject, generateRandomId, get, getEmptyCell, getIntersectRange, getNumfmtParseValueFilter, getReverseDirection, handleStyleToString, isDefaultFormat, isFormulaString, isInternalEditorID, isNotNullOrUndefined, isRealNum, isSafeUrl, isTextFormat, isValidRange, merge, mergeOverrideWithDependencies, nameCharacterCheck, numfmt, registerDependencies, sequenceExecute, set, skipParseTagNames, sortRules, splitIntoGrid, throttle, toDisposable, touchDependencies, willLoseNumericPrecision } from "@univerjs/core";
 import { AUTO_FILL_APPLY_TYPE, AUTO_FILL_HOOK_TYPE, AddMergeUndoMutationFactory, AddRangeProtectionCommand, AddRangeProtectionMutation, AddWorksheetMergeAllCommand, AddWorksheetMergeCommand, AddWorksheetMergeHorizontalCommand, AddWorksheetMergeMutation, AddWorksheetMergeVerticalCommand, AddWorksheetProtectionCommand, AutoClearContentCommand, AutoFillCommand, AutoFillController, BEFORE_CELL_EDIT, BorderStyleManagerService, COMMAND_LISTENER_SKELETON_CHANGE, COMMAND_LISTENER_VALUE_CHANGE, CancelFrozenCommand, CancelMarkDirtyRowAutoHeightOperation, ClearSelectionAllCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, CopySheetCommand, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, DeleteRangeProtectionCommand, DeleteRangeProtectionMutation, DeleteWorksheetProtectionCommand, DeltaColumnWidthCommand, DeltaRowHeightCommand, EditStateEnum, IAutoFillService, IExclusiveRangeService, INTERCEPTOR_POINT, INumfmtService, IRefSelectionsService, InsertColBeforeCommand, InsertColCommand, InsertColMutation, InsertDefinedNameCommand, InsertMultiColsLeftCommand, InsertMultiColsRightCommand, InsertMultiRowsAboveCommand, InsertMultiRowsAfterCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, InsertRowBeforeCommand, InsertRowCommand, InsertRowMutation, InsertSheetCommand, InsertSheetMutation, MAX_CELL_PER_SHEET_KEY, MERGE_CELL_INTERCEPTOR_CHECK, MarkDirtyRowAutoHeightOperation, MergeCellController, MoveColsCommand, MoveColsMutation, MoveRangeCommand, MoveRangeMutation, MoveRowsCommand, MoveRowsMutation, REF_SELECTIONS_ENABLED, RangeProtectionCache, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, RangeProtectionRuleModel, RefRangeService, RefSelectionsService, RefillCommand, RemoveColCommand, RemoveColMutation, RemoveDefinedNameCommand, RemoveMergeUndoMutationFactory, RemoveRowCommand, RemoveRowMutation, RemoveSheetCommand, RemoveSheetMutation, RemoveWorksheetMergeCommand, RemoveWorksheetMergeMutation, ResetBackgroundColorCommand, ResetTextColorCommand, SCOPE_WORKBOOK_VALUE_DEFINED_NAME, SELECTIONS_ENABLED, SELECTION_CONTROL_BORDER_BUFFER_COLOR, SELECTION_CONTROL_BORDER_BUFFER_WIDTH, SHEETS_PLUGIN_CONFIG_KEY, ScrollToCellOperation, SelectionMoveType, SetBackgroundColorCommand, SetBoldCommand, SetBorderBasicCommand, SetBorderCommand, SetColHiddenCommand, SetColHiddenMutation, SetColVisibleMutation, SetColWidthCommand, SetDefinedNameCommand, SetFontFamilyCommand, SetFontSizeCommand, SetFrozenCommand, SetFrozenMutation, SetFrozenMutationFactory, SetHorizontalTextAlignCommand, SetItalicCommand, SetProtectionCommand, SetRangeValuesCommand, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetRowHeightCommand, SetRowHiddenCommand, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectedColsVisibleCommand, SetSelectedRowsVisibleCommand, SetSelectionsOperation, SetShrinkToFitCommand, SetSpecificColsVisibleCommand, SetSpecificRowsVisibleCommand, SetStrikeThroughCommand, SetStyleCommand, SetTabColorCommand, SetTabColorMutation, SetTextColorCommand, SetTextRotationCommand, SetTextWrapCommand, SetUnderlineCommand, SetVerticalTextAlignCommand, SetWorksheetActivateCommand, SetWorksheetActiveOperation, SetWorksheetColWidthMutation, SetWorksheetColWidthMutationFactory, SetWorksheetHideCommand, SetWorksheetHideMutation, SetWorksheetNameCommand, SetWorksheetNameMutation, SetWorksheetOrderCommand, SetWorksheetOrderMutation, SetWorksheetPermissionPointsCommand, SetWorksheetRowAutoHeightMutation, SetWorksheetRowAutoHeightMutationFactory, SetWorksheetRowHeightMutation, SetWorksheetRowIsAutoHeightCommand, SetWorksheetRowIsAutoHeightMutation, SetWorksheetShowCommand, SheetCopyDownCommand, SheetCopyRightCommand, SheetInterceptorService, SheetPermissionCheckController, SheetPermissionInitController, SheetSkeletonService, SheetsSelectionsService, TextToNumberCommand, ToggleCellCheckboxCommand, ToggleGridlinesCommand, ToggleGridlinesMutation, UniverSheetsPlugin, ViewStateEnum, WorkbookCopyPermission, WorkbookCreateProtectPermission, WorkbookCreateSheetPermission, WorkbookDeleteColumnPermission, WorkbookDeleteRowPermission, WorkbookDeleteSheetPermission, WorkbookEditablePermission, WorkbookHideSheetPermission, WorkbookInsertColumnPermission, WorkbookInsertRowPermission, WorkbookManageCollaboratorPermission, WorkbookRenameSheetPermission, WorksheetCopyPermission, WorksheetDeleteColumnPermission, WorksheetDeleteProtectionPermission, WorksheetDeleteRowPermission, WorksheetEditPermission, WorksheetInsertColumnPermission, WorksheetInsertRowPermission, WorksheetManageCollaboratorPermission, WorksheetProtectionPointModel, WorksheetProtectionRuleModel, WorksheetSetCellStylePermission, WorksheetSetCellValuePermission, WorksheetSetColumnStylePermission, WorksheetSetRowStylePermission, WorksheetViewPermission, adjustRangeOnMutation, alignToMergedCellsBorders, attachPrimaryWithCoord, attachRangeWithCoord, attachSelectionWithCoord, baseProtectionActions, convertPrimaryWithCoordToPrimary, convertSelectionDataToRange, countCells, defaultLargeSheetOperationConfig, deserializeListOptions, discreteRangeToRange, expandToContinuousRange, getAddMergeMutationRangeByType, getAllWorksheetPermissionPoint, getCellAtRowCol, getClearContentMutationParamsForRanges, getMoveRangeCommandMutations, getPrimaryForRange, getSelectionsService, getSheetCommandTarget, rangeToDiscreteRange, serializeListOptions, setEndForRange, validateDefinedName } from "@univerjs/sheets";
-import { AnchoredContextMenu, BuiltInUIPart, COLOR_PICKER_COMPONENT, ComponentContainer, ComponentManager, ContextMenuGroup, ContextMenuPosition, CopyCommand, CutCommand, DISABLE_AUTO_FOCUS_KEY, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MetaKeys, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonPosition, RibbonStartGroup, RibbonViewGroup, SheetPasteShortKeyCommandName, Slider, ToggleFullscreenOperation, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, 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 { AnchoredContextMenu, BuiltInUIPart, COLOR_PICKER_COMPONENT, ComponentContainer, ComponentManager, ContextMenuGroup, ContextMenuPosition, CopyCommand, CutCommand, DISABLE_AUTO_FOCUS_KEY, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MetaKeys, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonPosition, RibbonStartGroup, RibbonViewGroup, SheetPasteShortKeyCommandName, Slider, ToggleFullscreenOperation, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, UniverUIPlugin, ZoomInput, connectInjector, getMenuHiddenObservable, handleStringToStyle, imageMimeTypeSet, sanitizeParsedHtml, textTrim, useComponentsOfPart, useConfigValue, useDependency, useEvent, useObservable, useSidebarClick, useVirtualList } from "@univerjs/ui";
+import { CURSOR_TYPE, DashedRect, DeviceInputEventType, Engine, FIX_ONE_PIXEL_BLUR_OFFSET, Group, IRenderManagerService, Layer, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, Rect, RegularPolygon, RenderUnit, SHEET_EXTENSION_PREFIX, SHEET_VIEWPORT_KEY, Scene, ScrollBar, ScrollTimer, ScrollTimerType, Shape, SheetExtension, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, cancelRequestFrame, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, fixLineWidthByScale, getCurrentTypeOfRenderer, getNextWheelZoomRatio, ptToPixel, requestNewFrame, withCurrentTypeOfRenderer } from "@univerjs/engine-render";
 import { BehaviorSubject, EMPTY, Observable, Subject, Subscription, combineLatest, combineLatestWith, distinctUntilChanged, filter, firstValueFrom, from, fromEvent, map, merge as merge$1, of, shareReplay, startWith, switchMap, take, takeUntil, throttleTime, timeout, withLatestFrom } from "rxjs";
-import { DocSelectionManagerService, DocSkeletonManagerService, InsertTextCommand, RichTextEditingMutation, SetTextSelectionsOperation } from "@univerjs/docs";
+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;
 	}
@@ -607,7 +603,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;
@@ -768,12 +764,6 @@ 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;
@@ -983,7 +973,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 +981,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 +1207,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() || {
@@ -2240,29 +2230,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 +2626,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;
@@ -2944,7 +2911,6 @@ function convertToCellStyle(cell, dataStream, textRuns) {
 		s: textRuns[0].ts
 	};
 	else return cell;
-	return cell;
 }
 
 //#endregion
@@ -3404,13 +3370,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 +3396,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
@@ -4249,7 +4211,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 +4416,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 +4446,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 +4469,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 +4645,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 +4685,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 +4877,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 +4904,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 +5202,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 +5248,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({
@@ -5976,7 +5938,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 +5976,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({
@@ -6731,7 +6693,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;
@@ -7082,7 +7044,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 +7178,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 +7515,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);
@@ -7692,8 +7652,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 +7690,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 +7718,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;
@@ -7796,7 +7756,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 +7810,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 +7874,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 +8103,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 +8203,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 +8211,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);
@@ -8277,7 +8395,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 +8580,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
 };
@@ -8515,8 +8632,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",
@@ -8548,7 +8663,7 @@ const ScrollToRangeOperation = {
 		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();
 		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 +8682,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 +8737,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
 /**
@@ -9130,7 +9088,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: []
@@ -9196,7 +9154,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 +9189,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,
@@ -9716,7 +9674,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 +9732,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 +9773,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 +9812,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 +9848,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 +9865,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) {
@@ -10042,14 +10005,14 @@ 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);
@@ -10082,7 +10045,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;
@@ -10272,7 +10236,7 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		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 : "";
 	}
 	get _editingRenderer() {
-		return this._renderManagerService.getRenderById(this._editingUnitId);
+		return this._renderManagerService.getRenderUnitById(this._editingUnitId);
 	}
 	get _renderer() {
 		var _this$_editingRendere;
@@ -10526,7 +10490,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 +10588,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 +10650,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 +10664,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();
 	}
@@ -11498,7 +11462,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();
 			}
 		}));
@@ -11531,7 +11495,7 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 			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();
 			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 +11559,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 +11566,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);
@@ -11719,7 +11682,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);
@@ -11832,7 +11795,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 +11873,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;
@@ -12486,12 +12448,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 +12678,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
@@ -12900,7 +12860,7 @@ let SheetClipboardController = class SheetClipboardController extends RxDisposab
 					const setValuesMutation = {
 						unitId,
 						subUnitId,
-						cellValue: valueMatrix.getData()
+						cellValue: valueMatrix.clone()
 					};
 					redoMutationsInfo.push({
 						id: SetRangeValuesMutation.id,
@@ -12926,7 +12886,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 +12965,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 +13138,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 +13146,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 +13206,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;
@@ -13468,7 +13428,7 @@ const getCustomRangePosition = (injector, unitId, subUnitId, row, col, rangeId)
 	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;
@@ -13514,8 +13474,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;
@@ -13667,7 +13627,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;
@@ -14024,7 +13984,6 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 				errorMsg
 			},
 			width: 320,
-			destroyOnClose: true,
 			showOk: true,
 			onClose: () => {
 				this._dialogService.close(UNIVER_SHEET_PERMISSION_ALERT_DIALOG_ID);
@@ -15022,9 +14981,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);
@@ -19685,7 +19642,7 @@ const menuSchema = {
 				order: 0,
 				gridLayout: {
 					row: 1,
-					column: 3
+					column: 1
 				},
 				menuItemFactory: HorizontalAlignMenuItemFactory
 			},
@@ -19750,7 +19707,9 @@ const menuSchema = {
 			order: 0,
 			gridLayout: {
 				row: 1,
-				column: 3
+				column: 1,
+				rowSpan: 2,
+				showLabel: true
 			},
 			menuItemFactory: sheetPermissionToolbarMenuFactory
 		} }
@@ -20322,18 +20281,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 +20317,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);
@@ -21156,7 +21110,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);
@@ -21590,7 +21545,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 +21553,8 @@ function SheetBarMenu() {
 				hidden: sheet.isSheetHidden() === BooleanNumber.TRUE,
 				selected: activeSheet === sheet
 			};
-		}));
+		});
+		setMenu(worksheetMenuItems);
 	}, [workbook, worksheetProtectionRuleModel]);
 	const setupStatusUpdate = useCallback(() => commandService.onCommandExecuted((commandInfo) => {
 		switch (commandInfo.id) {
@@ -22753,7 +22709,7 @@ function SheetBarTabs() {
 		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) => {
+		const sheetListItems = workbook.getSheets().filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
 			var _sheet$getTabColor;
 			const worksheetRule = worksheetProtectionRuleModel.getRule(workbook.getUnitId(), sheet.getSheetId());
 			const hasSelectionRule = rangeProtectionRuleModel.getSubunitRuleList(workbook.getUnitId(), sheet.getSheetId()).length > 0;
@@ -22771,7 +22727,8 @@ function SheetBarTabs() {
 				selected: activeSheet === sheet,
 				color: (_sheet$getTabColor = sheet.getTabColor()) !== null && _sheet$getTabColor !== void 0 ? _sheet$getTabColor : void 0
 			};
-		}));
+		});
+		setSheetList(sheetListItems);
 		setActiveSheetId(currentSubUnitId);
 	}, [
 		rangeProtectionRuleModel,
@@ -22803,7 +22760,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);
@@ -23174,7 +23131,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 +23234,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 +23243,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]);
@@ -23313,21 +23271,16 @@ const StatusBar = () => {
 			}));
 		}, []);
 		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 +23292,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;
@@ -23440,7 +23392,7 @@ 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;
@@ -24152,7 +24104,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 +24146,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-alpha.8";
 
 //#endregion
 //#region src/views/cell-popup/config.ts
@@ -24387,8 +24339,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 +24393,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 +24447,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,7 +24490,7 @@ 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;
@@ -24607,7 +24559,7 @@ 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;
@@ -25730,7 +25682,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,
@@ -25927,7 +25879,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 }),
@@ -26483,7 +26435,8 @@ function ListDropDown(props) {
 		multiple,
 		onChange: async (newValue) => {
 			var _newValue$;
-			setLocalValue(multiple ? serializeListOptions(newValue) : (_newValue$ = newValue[0]) !== null && _newValue$ !== void 0 ? _newValue$ : "");
+			const str = multiple ? serializeListOptions(newValue) : (_newValue$ = newValue[0]) !== null && _newValue$ !== void 0 ? _newValue$ : "";
+			setLocalValue(str);
 			if (!(await (onChange === null || onChange === void 0 ? void 0 : onChange(newValue)) === false)) hideFn();
 		},
 		options,
@@ -26570,13 +26523,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);
@@ -26971,7 +26925,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",
@@ -27044,7 +26999,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"
@@ -27593,10 +27547,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 +27918,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 +27987,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,7 +28014,7 @@ 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;
@@ -28066,7 +28023,7 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 		docDataModel.getSnapshot().drawingsOrder = drawingsOrder !== null && drawingsOrder !== void 0 ? 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 +28040,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);
@@ -28586,7 +28543,7 @@ 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) => {
+		const sheetListItems = sheets.filter((sheet) => !sheet.isSheetHidden()).map((sheet, index) => {
 			var _sheet$getTabColor;
 			return {
 				sheetId: sheet.getSheetId(),
@@ -28595,7 +28552,8 @@ function MobileSheetBarImpl(props) {
 				selected: activeSheet === sheet,
 				color: (_sheet$getTabColor = sheet.getTabColor()) !== null && _sheet$getTabColor !== void 0 ? _sheet$getTabColor : void 0
 			};
-		}));
+		});
+		setSheetList(sheetListItems);
 		setActiveKey(currentSubUnitId);
 		if (tabMapRef.current.has(currentSubUnitId)) {
 			const element = tabMapRef.current.get(currentSubUnitId);
@@ -29360,7 +29318,7 @@ let WorksheetProtectionRenderController = class WorksheetProtectionRenderControl
 	}
 	_initRender() {
 		const renderId = this._context.unitId;
-		const render = renderId && this._renderManagerService.getRenderById(renderId);
+		const render = renderId && this._renderManagerService.getRenderUnitById(renderId);
 		const spreadsheetRender = render && render.mainComponent;
 		if (spreadsheetRender) {
 			if (!spreadsheetRender.getExtensionByKey("worksheet-protection")) spreadsheetRender.register(this._worksheetProtectionRenderExtension);
@@ -29780,7 +29738,7 @@ let SheetContextMenuMobileRenderController = class SheetContextMenuMobileRenderC
 	}
 	_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 : [];
 	}
@@ -30264,9 +30222,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 +30388,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 +30717,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 +30813,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({
@@ -31088,7 +31050,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,
@@ -31956,7 +31918,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),
@@ -32577,7 +32539,7 @@ _defineProperty(UniverSheetsUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsUIPlugin, "version", version);
 _defineProperty(UniverSheetsUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
 UniverSheetsUIPlugin = __decorate([
-	DependentOn(UniverSheetsPlugin),
+	DependentOn(UniverDocsPlugin, UniverFormulaEnginePlugin, UniverRenderEnginePlugin, UniverSheetsPlugin, UniverUIPlugin, UniverDocsUIPlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IRenderManagerService),
 	__decorateParam(3, IConfigService),