@univerjs/sheets-ui 1.0.0-alpha.6 → 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 { 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 { BreakLineCommand, CoverContentCommand, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_VERTICAL_PADDING, DeleteLeftCommand, DeleteRightCommand, DocSelectionRenderService, IEditorService, IMEInputCommand, MoveCursorOperation, MoveSelectionOperation, NodePositionConvertToCursor, ReplaceSnapshotCommand, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextColorCommand, SetInlineFormatUnderlineCommand, UniverDocsUIPlugin, VIEWPORT_KEY, convertBodyToHtml, getCanvasOffsetByEngine, getLineBounding } from "@univerjs/docs-ui";
+import { AbsoluteRefType, BaselineOffset, BooleanNumber, BorderStyleTypes, CellModeEnum, CellValueType, ColorKit, CommandType, CustomRangeType, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DEFAULT_WORKSHEET_COLUMN_COUNT, DEFAULT_WORKSHEET_COLUMN_TITLE_HEIGHT, DEFAULT_WORKSHEET_COLUMN_WIDTH, DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY, DEFAULT_WORKSHEET_ROW_COUNT, DEFAULT_WORKSHEET_ROW_HEIGHT, DEFAULT_WORKSHEET_ROW_TITLE_WIDTH, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DataStreamTreeTokenType, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, EDITOR_ACTIVATED, ErrorService, FOCUSING_COMMENT_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_EDITOR_INPUT_FORMULA, FOCUSING_EDITOR_STANDALONE, FOCUSING_FX_BAR_EDITOR, FOCUSING_SHAPE_TEXT_EDITOR, FOCUSING_SHEET, FOCUSING_UNIVER_EDITOR, FontItalic, FontWeight, HorizontalAlign, IAuthzIoService, ICommandService, IConfigService, IConfirmService, IContextService, ILogService, IPermissionService, IUndoRedoService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, InterceptorManager, LRUMap, LocaleService, LocaleType, LookUp, NilCommand, ObjectMatrix, Optional, Plugin, PresetListType, Quantity, RANGE_TYPE, Range, Rectangle, RxDisposable, SHEET_EDITOR_UNITS, ThemeService, Tools, UndoCommandId, UniverInstanceType, UserManagerService, VerticalAlign, Workbook, WrapStrategy, cloneCellDataMatrix, cloneCellDataWithSpanAndDisplay, cloneValue, composeStyles, convertCellToRange, createDocumentModelWithStyle, createIdentifier, createInterceptorKey, createParagraphId, createSectionId, dateKit, debounce, extractPureTextFromCell, fromEventSubject, generateRandomId, get, getEmptyCell, getIntersectRange, getNumfmtParseValueFilter, getReverseDirection, handleStyleToString, isDefaultFormat, isFormulaString, isInternalEditorID, isNotNullOrUndefined, isRealNum, isSafeUrl, isTextFormat, isValidRange, merge, mergeOverrideWithDependencies, nameCharacterCheck, numfmt, registerDependencies, sequenceExecute, set, skipParseTagNames, sortRules, splitIntoGrid, throttle, toDisposable, touchDependencies, willLoseNumericPrecision } from "@univerjs/core";
 import { AUTO_FILL_APPLY_TYPE, AUTO_FILL_HOOK_TYPE, AddMergeUndoMutationFactory, AddRangeProtectionCommand, AddRangeProtectionMutation, AddWorksheetMergeAllCommand, AddWorksheetMergeCommand, AddWorksheetMergeHorizontalCommand, AddWorksheetMergeMutation, AddWorksheetMergeVerticalCommand, AddWorksheetProtectionCommand, AutoClearContentCommand, AutoFillCommand, AutoFillController, BEFORE_CELL_EDIT, BorderStyleManagerService, COMMAND_LISTENER_SKELETON_CHANGE, COMMAND_LISTENER_VALUE_CHANGE, CancelFrozenCommand, CancelMarkDirtyRowAutoHeightOperation, ClearSelectionAllCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, CopySheetCommand, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, DeleteRangeProtectionCommand, DeleteRangeProtectionMutation, DeleteWorksheetProtectionCommand, DeltaColumnWidthCommand, DeltaRowHeightCommand, EditStateEnum, IAutoFillService, IExclusiveRangeService, INTERCEPTOR_POINT, INumfmtService, IRefSelectionsService, InsertColBeforeCommand, InsertColCommand, InsertColMutation, InsertDefinedNameCommand, InsertMultiColsLeftCommand, InsertMultiColsRightCommand, InsertMultiRowsAboveCommand, InsertMultiRowsAfterCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, InsertRowBeforeCommand, InsertRowCommand, InsertRowMutation, InsertSheetCommand, InsertSheetMutation, MAX_CELL_PER_SHEET_KEY, MERGE_CELL_INTERCEPTOR_CHECK, MarkDirtyRowAutoHeightOperation, MergeCellController, MoveColsCommand, MoveColsMutation, MoveRangeCommand, MoveRangeMutation, MoveRowsCommand, MoveRowsMutation, REF_SELECTIONS_ENABLED, RangeProtectionCache, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, RangeProtectionRuleModel, RefRangeService, RefSelectionsService, RefillCommand, RemoveColCommand, RemoveColMutation, RemoveDefinedNameCommand, RemoveMergeUndoMutationFactory, RemoveRowCommand, RemoveRowMutation, RemoveSheetCommand, RemoveSheetMutation, RemoveWorksheetMergeCommand, RemoveWorksheetMergeMutation, ResetBackgroundColorCommand, ResetTextColorCommand, SCOPE_WORKBOOK_VALUE_DEFINED_NAME, SELECTIONS_ENABLED, SELECTION_CONTROL_BORDER_BUFFER_COLOR, SELECTION_CONTROL_BORDER_BUFFER_WIDTH, SHEETS_PLUGIN_CONFIG_KEY, ScrollToCellOperation, SelectionMoveType, SetBackgroundColorCommand, SetBoldCommand, SetBorderBasicCommand, SetBorderCommand, SetColHiddenCommand, SetColHiddenMutation, SetColVisibleMutation, SetColWidthCommand, SetDefinedNameCommand, SetFontFamilyCommand, SetFontSizeCommand, SetFrozenCommand, SetFrozenMutation, SetFrozenMutationFactory, SetHorizontalTextAlignCommand, SetItalicCommand, SetProtectionCommand, SetRangeValuesCommand, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetRowHeightCommand, SetRowHiddenCommand, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectedColsVisibleCommand, SetSelectedRowsVisibleCommand, SetSelectionsOperation, SetShrinkToFitCommand, SetSpecificColsVisibleCommand, SetSpecificRowsVisibleCommand, SetStrikeThroughCommand, SetStyleCommand, SetTabColorCommand, SetTabColorMutation, SetTextColorCommand, SetTextRotationCommand, SetTextWrapCommand, SetUnderlineCommand, SetVerticalTextAlignCommand, SetWorksheetActivateCommand, SetWorksheetActiveOperation, SetWorksheetColWidthMutation, SetWorksheetColWidthMutationFactory, SetWorksheetHideCommand, SetWorksheetHideMutation, SetWorksheetNameCommand, SetWorksheetNameMutation, SetWorksheetOrderCommand, SetWorksheetOrderMutation, SetWorksheetPermissionPointsCommand, SetWorksheetRowAutoHeightMutation, SetWorksheetRowAutoHeightMutationFactory, SetWorksheetRowHeightMutation, SetWorksheetRowIsAutoHeightCommand, SetWorksheetRowIsAutoHeightMutation, SetWorksheetShowCommand, SheetCopyDownCommand, SheetCopyRightCommand, SheetInterceptorService, SheetPermissionCheckController, SheetPermissionInitController, SheetSkeletonService, SheetsSelectionsService, TextToNumberCommand, ToggleCellCheckboxCommand, ToggleGridlinesCommand, ToggleGridlinesMutation, UniverSheetsPlugin, ViewStateEnum, WorkbookCopyPermission, WorkbookCreateProtectPermission, WorkbookCreateSheetPermission, WorkbookDeleteColumnPermission, WorkbookDeleteRowPermission, WorkbookDeleteSheetPermission, WorkbookEditablePermission, WorkbookHideSheetPermission, WorkbookInsertColumnPermission, WorkbookInsertRowPermission, WorkbookManageCollaboratorPermission, WorkbookRenameSheetPermission, WorksheetCopyPermission, WorksheetDeleteColumnPermission, WorksheetDeleteProtectionPermission, WorksheetDeleteRowPermission, WorksheetEditPermission, WorksheetInsertColumnPermission, WorksheetInsertRowPermission, WorksheetManageCollaboratorPermission, WorksheetProtectionPointModel, WorksheetProtectionRuleModel, WorksheetSetCellStylePermission, WorksheetSetCellValuePermission, WorksheetSetColumnStylePermission, WorksheetSetRowStylePermission, WorksheetViewPermission, adjustRangeOnMutation, alignToMergedCellsBorders, attachPrimaryWithCoord, attachRangeWithCoord, attachSelectionWithCoord, baseProtectionActions, convertPrimaryWithCoordToPrimary, convertSelectionDataToRange, countCells, defaultLargeSheetOperationConfig, deserializeListOptions, discreteRangeToRange, expandToContinuousRange, getAddMergeMutationRangeByType, getAllWorksheetPermissionPoint, getCellAtRowCol, getClearContentMutationParamsForRanges, getMoveRangeCommandMutations, getPrimaryForRange, getSelectionsService, getSheetCommandTarget, rangeToDiscreteRange, serializeListOptions, setEndForRange, validateDefinedName } from "@univerjs/sheets";
+import { AnchoredContextMenu, BuiltInUIPart, COLOR_PICKER_COMPONENT, ComponentContainer, ComponentManager, ContextMenuGroup, ContextMenuPosition, CopyCommand, CutCommand, DISABLE_AUTO_FOCUS_KEY, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MetaKeys, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonPosition, RibbonStartGroup, RibbonViewGroup, SheetPasteShortKeyCommandName, Slider, ToggleFullscreenOperation, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, UniverUIPlugin, ZoomInput, connectInjector, getMenuHiddenObservable, handleStringToStyle, imageMimeTypeSet, sanitizeParsedHtml, textTrim, useComponentsOfPart, useConfigValue, useDependency, useEvent, useObservable, useSidebarClick, useVirtualList } from "@univerjs/ui";
+import { CURSOR_TYPE, DashedRect, DeviceInputEventType, Engine, FIX_ONE_PIXEL_BLUR_OFFSET, Group, IRenderManagerService, Layer, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, Rect, RegularPolygon, RenderUnit, SHEET_EXTENSION_PREFIX, SHEET_VIEWPORT_KEY, Scene, ScrollBar, ScrollTimer, ScrollTimerType, Shape, SheetExtension, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, cancelRequestFrame, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, fixLineWidthByScale, getCurrentTypeOfRenderer, getNextWheelZoomRatio, ptToPixel, requestNewFrame, withCurrentTypeOfRenderer } from "@univerjs/engine-render";
 import { BehaviorSubject, EMPTY, Observable, Subject, Subscription, combineLatest, combineLatestWith, distinctUntilChanged, filter, firstValueFrom, from, fromEvent, map, merge as merge$1, of, shareReplay, startWith, switchMap, take, takeUntil, throttleTime, timeout, withLatestFrom } from "rxjs";
-import { 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;
@@ -686,6 +682,10 @@ var BaseSelectionRenderService = class extends Disposable {
 		const startViewport = scene.getActiveViewportByCoord(Vector2.FromArray([moveStartPosX, moveStartPosY]));
 		this._scenePointerMoveSub = scene.onPointerMove$.subscribeEvent((moveEvt) => {
 			var _scene$getActiveViewp;
+			if (moveEvt.buttons === 0) {
+				this.endSelection();
+				return;
+			}
 			const { offsetX: moveOffsetX, offsetY: moveOffsetY } = moveEvt;
 			const { x: newMoveOffsetX, y: newMoveOffsetY } = scene.getCoordRelativeToViewport(Vector2.FromArray([moveOffsetX, moveOffsetY]));
 			this._movingHandler(newMoveOffsetX, newMoveOffsetY, activeSelectionControl, rangeType);
@@ -764,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;
@@ -979,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);
@@ -987,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);
@@ -1213,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() || {
@@ -2236,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.
@@ -2655,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;
@@ -2940,7 +2911,6 @@ function convertToCellStyle(cell, dataStream, textRuns) {
 		s: textRuns[0].ts
 	};
 	else return cell;
-	return cell;
 }
 
 //#endregion
@@ -3400,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 = {
@@ -3427,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
@@ -4245,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) => {
@@ -4450,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) {
@@ -4480,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);
@@ -4503,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) {
@@ -4679,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;
@@ -4719,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];
@@ -4911,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) {
@@ -4938,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;
@@ -5063,6 +5029,7 @@ const SheetCopyCommand = {
 	priority: SHEET_CLIPBOARD_PRIORITY,
 	preconditions: whenSheetFocused,
 	handler: async (accessor) => {
+		checkSheetClipboardPermission(accessor, CopyCommand.id);
 		return accessor.get(ISheetClipboardService).copy();
 	}
 };
@@ -5074,6 +5041,7 @@ const SheetCutCommand = {
 	priority: SHEET_CLIPBOARD_PRIORITY,
 	preconditions: whenSheetFocused,
 	handler: async (accessor) => {
+		checkSheetClipboardPermission(accessor, CutCommand.id);
 		return accessor.get(ISheetClipboardService).cut();
 	}
 };
@@ -5085,6 +5053,7 @@ const SheetPasteCommand = {
 	priority: SHEET_CLIPBOARD_PRIORITY,
 	preconditions: whenSheetFocused,
 	handler: async (accessor, params) => {
+		checkSheetClipboardPermission(accessor, PasteCommand.id, params);
 		const sheetClipboardService = accessor.get(ISheetClipboardService);
 		const clipboardInterfaceService = accessor.get(IClipboardInterfaceService);
 		if (clipboardInterfaceService.supportClipboard) {
@@ -5103,12 +5072,76 @@ const SheetPasteShortKeyCommand = {
 	id: SheetPasteShortKeyCommandName,
 	type: CommandType.COMMAND,
 	handler: async (accessor, params) => {
+		checkSheetClipboardPermission(accessor, PasteCommand.id);
 		const clipboardService = accessor.get(ISheetClipboardService);
 		const { htmlContent, textContent, files, formulaClipboardPayload } = params;
 		clipboardService.legacyPaste(htmlContent, textContent, files, formulaClipboardPayload);
 		return true;
 	}
 };
+function checkSheetClipboardPermission(accessor, commandId, params) {
+	const permissionCheckController = accessor.get(SheetPermissionCheckController);
+	let permission = true;
+	let errorKey = "sheets-ui.permission.dialog.commonErr";
+	switch (commandId) {
+		case CopyCommand.id:
+			permission = permissionCheckController.permissionCheckWithRanges({
+				workbookTypes: [WorkbookCopyPermission],
+				worksheetTypes: [WorksheetCopyPermission],
+				rangeTypes: [RangeProtectionPermissionViewPoint]
+			});
+			errorKey = "sheets-ui.permission.dialog.copyErr";
+			break;
+		case CutCommand.id:
+			permission = permissionCheckController.permissionCheckWithRanges({
+				workbookTypes: [WorkbookCopyPermission, WorkbookEditablePermission],
+				worksheetTypes: [WorksheetCopyPermission, WorksheetEditPermission],
+				rangeTypes: [RangeProtectionPermissionViewPoint, RangeProtectionPermissionEditPoint]
+			});
+			errorKey = "sheets-ui.permission.dialog.copyErr";
+			break;
+		case PasteCommand.id:
+			permission = checkSheetPastePermission(permissionCheckController, params);
+			errorKey = "sheets-ui.permission.dialog.pasteErr";
+			break;
+	}
+	if (permission) return;
+	const localeService = accessor.get(LocaleService);
+	let errorMsg = localeService.t(errorKey);
+	if (commandId === CopyCommand.id || commandId === CutCommand.id) {
+		var _permissionService$ge;
+		const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
+		const permissionService = accessor.get(IPermissionService);
+		if (target && !((_permissionService$ge = permissionService.getPermissionPoint(new WorkbookCopyPermission(target.unitId).id)) === null || _permissionService$ge === void 0 ? void 0 : _permissionService$ge.value)) errorMsg = localeService.t("sheets-ui.permission.dialog.workbookCopyErr");
+	}
+	permissionCheckController.blockExecuteWithoutPermission(errorMsg);
+}
+function checkSheetPastePermission(permissionCheckController, params) {
+	if ((params === null || params === void 0 ? void 0 : params.value) === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_VALUE || (params === null || params === void 0 ? void 0 : params.value) === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMULA || (params === null || params === void 0 ? void 0 : params.value) === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMAT) return permissionCheckController.permissionCheckWithRanges({
+		workbookTypes: [WorkbookEditablePermission],
+		worksheetTypes: [WorksheetSetCellStylePermission, WorksheetEditPermission],
+		rangeTypes: [RangeProtectionPermissionEditPoint]
+	});
+	if ((params === null || params === void 0 ? void 0 : params.value) === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_COL_WIDTH) return permissionCheckController.permissionCheckWithRanges({
+		workbookTypes: [WorkbookEditablePermission],
+		worksheetTypes: [
+			WorksheetEditPermission,
+			WorksheetSetCellValuePermission,
+			WorksheetSetCellStylePermission,
+			WorksheetSetColumnStylePermission
+		],
+		rangeTypes: [RangeProtectionPermissionEditPoint]
+	});
+	return permissionCheckController.permissionCheckWithRanges({
+		workbookTypes: [WorkbookEditablePermission],
+		worksheetTypes: [
+			WorksheetSetCellValuePermission,
+			WorksheetSetCellStylePermission,
+			WorksheetEditPermission
+		],
+		rangeTypes: [RangeProtectionPermissionEditPoint]
+	});
+}
 const SheetPasteValueCommand = {
 	id: "sheet.command.paste-value",
 	type: CommandType.COMMAND,
@@ -5169,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({
@@ -5215,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({
@@ -5905,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({
@@ -5943,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({
@@ -6660,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;
@@ -7011,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;
 	}
@@ -7145,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;
@@ -7482,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);
@@ -7621,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;
@@ -7659,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, {
@@ -7687,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;
@@ -7725,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);
 	}
 };
 /**
@@ -7779,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);
@@ -7843,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 {
@@ -7916,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);
@@ -8015,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;
@@ -8024,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);
@@ -8206,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);
 	}
@@ -8391,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
 };
@@ -8444,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",
@@ -8477,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);
 	}
@@ -8493,224 +8679,63 @@ const SheetPermissionOpenDialogOperation = {
 		dialogService.close("DESKTOP_FIND_REPLACE_DIALOG");
 		dialogService.open({
 			id: UNIVER_SHEET_PERMISSION_DIALOG_ID,
-			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;
-	}
-};
-
-//#endregion
-//#region src/views/defined-name/component-name.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-const DEFINED_NAME_CONTAINER = "DefinedNameContainer";
-
-//#endregion
-//#region src/commands/operations/sidebar-defined-name.operation.ts
-const SidebarDefinedNameOperation = {
-	id: "sidebar.operation.defined-name",
-	type: CommandType.COMMAND,
-	handler: async (accessor, params) => {
-		const sidebarService = accessor.get(ISidebarService);
-		accessor.get(IEditorService);
-		const localeService = accessor.get(LocaleService);
-		const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
-		if (!target) return false;
-		const { unitId } = target;
-		switch (params.value) {
-			case "open":
-				sidebarService.open({
-					id: DEFINED_NAME_CONTAINER,
-					header: { title: localeService.t("sheets-ui.definedName.featureTitle") },
-					children: { label: DEFINED_NAME_CONTAINER },
-					onClose: () => {},
-					width: 333,
-					bodyStyle: {
-						height: "100%",
-						overflow: "hidden"
-					}
-				});
-				break;
-			default:
-				sidebarService.close();
-				break;
-		}
-		return true;
-	}
-};
-
-//#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;
+			title: { title: "sheets-ui.permission.dialog.allowedPermissionType" },
+			children: { label: UNIVER_SHEET_PERMISSION_DIALOG },
+			width: 393,
+			onClose: () => dialogService.close(UNIVER_SHEET_PERMISSION_DIALOG_ID)
+		});
+		return true;
+	}
+};
+
+//#endregion
+//#region src/views/defined-name/component-name.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const DEFINED_NAME_CONTAINER = "DefinedNameContainer";
+
+//#endregion
+//#region src/commands/operations/sidebar-defined-name.operation.ts
+const SidebarDefinedNameOperation = {
+	id: "sidebar.operation.defined-name",
+	type: CommandType.COMMAND,
+	handler: async (accessor, params) => {
+		const sidebarService = accessor.get(ISidebarService);
+		accessor.get(IEditorService);
+		const localeService = accessor.get(LocaleService);
+		const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
+		if (!target) return false;
+		const { unitId } = target;
+		switch (params.value) {
+			case "open":
+				sidebarService.open({
+					id: DEFINED_NAME_CONTAINER,
+					header: { title: localeService.t("sheets-ui.definedName.featureTitle") },
+					children: { label: DEFINED_NAME_CONTAINER },
+					onClose: () => {},
+					width: 333
+				});
+				break;
+			default:
+				sidebarService.close();
+				break;
 		}
-	});
-	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
-	};
-}
+		return true;
+	}
+};
 
 //#endregion
 //#region src/consts/plugin-name.ts
@@ -8827,21 +8852,18 @@ SheetsRenderService = __decorate([
 //#endregion
 //#region src/controllers/auto-fill-ui.controller.ts
 let AutoFillUIController = class AutoFillUIController extends Disposable {
-	constructor(_univerInstanceService, _commandService, _autoFillService, _autoFillController, _editorBridgeService, _renderManagerService, _sheetsRenderService) {
+	constructor(_univerInstanceService, _commandService, _autoFillService, _autoFillController, _sheetsRenderService) {
 		super();
 		this._univerInstanceService = _univerInstanceService;
 		this._commandService = _commandService;
 		this._autoFillService = _autoFillService;
 		this._autoFillController = _autoFillController;
-		this._editorBridgeService = _editorBridgeService;
-		this._renderManagerService = _renderManagerService;
 		this._sheetsRenderService = _sheetsRenderService;
 		_defineProperty(this, "_currentLocation", null);
 		this._init();
 	}
 	_init() {
 		this._initDefaultHook();
-		this._initSelectionControlFillChanged();
 		this._initQuitListener();
 		this._initSkeletonChange();
 	}
@@ -8896,127 +8918,120 @@ let AutoFillUIController = class AutoFillUIController extends Disposable {
 		this._autoFillController.quit();
 		this._autoFillService.setShowMenu(false);
 	}
+};
+AutoFillUIController = __decorate([
+	__decorateParam(0, IUniverInstanceService),
+	__decorateParam(1, ICommandService),
+	__decorateParam(2, IAutoFillService),
+	__decorateParam(3, Inject(AutoFillController)),
+	__decorateParam(4, Inject(SheetsRenderService))
+], AutoFillUIController);
+let AutoFillRenderController = class AutoFillRenderController extends Disposable {
+	constructor(_context, _selectionRenderService, _selectionManagerService, _commandService, _editorBridgeService) {
+		super();
+		this._context = _context;
+		this._selectionRenderService = _selectionRenderService;
+		this._selectionManagerService = _selectionManagerService;
+		this._commandService = _commandService;
+		this._editorBridgeService = _editorBridgeService;
+		_defineProperty(this, "_selectionControlDisposables", new DisposableCollection());
+		this._initSelectionControlFillChanged();
+	}
+	dispose() {
+		this._selectionControlDisposables.dispose();
+		super.dispose();
+	}
 	_initSelectionControlFillChanged() {
-		const disposableCollection = new DisposableCollection();
-		let pendingRetry = false;
-		let retryCount = 0;
-		const scheduleUpdateListener = (listener) => {
-			if (pendingRetry) return;
-			pendingRetry = true;
-			setTimeout(() => {
-				pendingRetry = false;
-				listener();
-			}, 0);
-		};
-		const updateListener = () => {
-			disposableCollection.dispose();
-			const currentRenderer = getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService);
-			if (!currentRenderer) return;
-			const selectionRenderService = getResolvedSelectionRenderService(currentRenderer);
-			if (!selectionRenderService) {
-				retryCount += 1;
-				if (retryCount <= 3) scheduleUpdateListener(updateListener);
-				return;
-			}
-			retryCount = 0;
-			selectionRenderService.getSelectionControls().forEach((controlSelection) => {
-				disposableCollection.add(controlSelection.selectionFilled$.subscribe((filled) => {
-					if (filled == null || filled.startColumn === -1 || filled.startRow === -1 || filled.endColumn === -1 || filled.endRow === -1) return;
-					const source = {
-						startColumn: controlSelection.model.startColumn,
-						endColumn: controlSelection.model.endColumn,
-						startRow: controlSelection.model.startRow,
-						endRow: controlSelection.model.endRow
-					};
-					const selection = {
-						startColumn: filled.startColumn,
-						endColumn: filled.endColumn,
-						startRow: filled.startRow,
-						endRow: filled.endRow
-					};
-					this._commandService.executeCommand(AutoFillCommand.id, {
-						sourceRange: source,
-						targetRange: selection
-					});
-				}));
-				disposableCollection.add(controlSelection.fillControl.onDblclick$.subscribeEvent(() => {
-					const source = {
-						startColumn: controlSelection.model.startColumn,
-						endColumn: controlSelection.model.endColumn,
-						startRow: controlSelection.model.startRow,
-						endRow: controlSelection.model.endRow
-					};
-					this._handleDbClickFill(source);
-				}));
-				disposableCollection.add(controlSelection.fillControl.onPointerDown$.subscribeEvent(() => {
-					if (this._editorBridgeService.isVisible().visible) this._commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
-						visible: false,
-						eventType: DeviceInputEventType.PointerDown,
-						unitId: currentRenderer.unitId
-					});
-				}));
-			});
-		};
-		scheduleUpdateListener(updateListener);
-		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
-			if (command.id === SetSelectionsOperation.id) scheduleUpdateListener(updateListener);
+		this._updateSelectionControlListeners();
+		this.disposeWithMe(this._selectionManagerService.selectionChanged$.subscribe(() => {
+			this._updateSelectionControlListeners();
 		}));
-		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).subscribe(() => scheduleUpdateListener(updateListener)));
 	}
-	_handleDbClickFill(source) {
-		const selection = this._detectFillRange(source);
-		if (selection.endRow <= source.endRow) return;
+	_updateSelectionControlListeners() {
+		this._selectionControlDisposables.dispose();
+		this._selectionRenderService.getSelectionControls().forEach((controlSelection) => {
+			this._selectionControlDisposables.add(controlSelection.selectionFilled$.subscribe((filled) => {
+				if (filled == null || filled.startColumn === -1 || filled.startRow === -1 || filled.endColumn === -1 || filled.endRow === -1) return;
+				const sourceRange = {
+					startColumn: controlSelection.model.startColumn,
+					endColumn: controlSelection.model.endColumn,
+					startRow: controlSelection.model.startRow,
+					endRow: controlSelection.model.endRow
+				};
+				const targetRange = {
+					startColumn: filled.startColumn,
+					endColumn: filled.endColumn,
+					startRow: filled.startRow,
+					endRow: filled.endRow
+				};
+				this._executeAutoFill(sourceRange, targetRange);
+			}));
+			this._selectionControlDisposables.add(controlSelection.fillControl.onDblclick$.subscribeEvent(() => {
+				const sourceRange = {
+					startColumn: controlSelection.model.startColumn,
+					endColumn: controlSelection.model.endColumn,
+					startRow: controlSelection.model.startRow,
+					endRow: controlSelection.model.endRow
+				};
+				this._handleDbClickFill(sourceRange);
+			}));
+			this._selectionControlDisposables.add(controlSelection.fillControl.onPointerDown$.subscribeEvent(() => {
+				if (this._editorBridgeService.isVisible().visible) this._commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
+					visible: false,
+					eventType: DeviceInputEventType.PointerDown,
+					unitId: this._context.unitId
+				});
+			}));
+		});
+	}
+	_executeAutoFill(sourceRange, targetRange) {
+		const subUnitId = this._context.unit.getActiveSheet().getSheetId();
 		this._commandService.executeCommand(AutoFillCommand.id, {
-			sourceRange: source,
-			targetRange: selection
+			sourceRange,
+			targetRange,
+			unitId: this._context.unitId,
+			subUnitId
 		});
 	}
-	_detectFillRange(source) {
-		var _this$_univerInstance, _matrix$getValue, _matrix$getValue3;
-		const { startRow, endRow, startColumn, endColumn } = source;
-		const worksheet = (_this$_univerInstance = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getActiveSheet();
-		if (!worksheet) return source;
-		const matrix = worksheet.getCellMatrix();
-		const maxRow = worksheet.getMaxRows();
-		const maxColumn = worksheet.getMaxColumns();
-		let detectEndRow = endRow + 1;
-		if (startColumn > 0 && ((_matrix$getValue = matrix.getValue(detectEndRow, startColumn - 1)) === null || _matrix$getValue === void 0 ? void 0 : _matrix$getValue.v) != null) {
-			var _matrix$getValue2;
-			while (((_matrix$getValue2 = matrix.getValue(detectEndRow + 1, startColumn - 1)) === null || _matrix$getValue2 === void 0 ? void 0 : _matrix$getValue2.v) != null && detectEndRow < maxRow) detectEndRow += 1;
-		} else if (endColumn < maxColumn - 1 && ((_matrix$getValue3 = matrix.getValue(detectEndRow, endColumn + 1)) === null || _matrix$getValue3 === void 0 ? void 0 : _matrix$getValue3.v) != null) {
-			var _matrix$getValue4;
-			while (((_matrix$getValue4 = matrix.getValue(detectEndRow + 1, endColumn + 1)) === null || _matrix$getValue4 === void 0 ? void 0 : _matrix$getValue4.v) != null && detectEndRow < maxRow) detectEndRow += 1;
-		} else detectEndRow = endRow;
-		for (let i = endRow + 1; i <= detectEndRow; i++) for (let j = startColumn; j <= endColumn; j++) {
-			var _matrix$getValue5;
-			if (((_matrix$getValue5 = matrix.getValue(i, j)) === null || _matrix$getValue5 === void 0 ? void 0 : _matrix$getValue5.v) != null) {
-				detectEndRow = i - 1;
-				break;
-			}
-		}
-		return {
-			startColumn,
-			endColumn,
-			startRow,
-			endRow: detectEndRow
-		};
+	_handleDbClickFill(source) {
+		const selection = detectAutoFillRange(source, this._context.unit.getActiveSheet());
+		if (selection.endRow <= source.endRow) return;
+		this._executeAutoFill(source, selection);
 	}
 };
-AutoFillUIController = __decorate([
-	__decorateParam(0, IUniverInstanceService),
-	__decorateParam(1, ICommandService),
-	__decorateParam(2, IAutoFillService),
-	__decorateParam(3, Inject(AutoFillController)),
-	__decorateParam(4, IEditorBridgeService),
-	__decorateParam(5, IRenderManagerService),
-	__decorateParam(6, Inject(SheetsRenderService))
-], AutoFillUIController);
-function getResolvedSelectionRenderService(renderer) {
-	var _getInjector, _resolvedDependencyCo;
-	const injector = (_getInjector = renderer.getInjector) === null || _getInjector === void 0 ? void 0 : _getInjector.call(renderer);
-	const resolvedDependencies = injector === null || injector === void 0 || (_resolvedDependencyCo = injector.resolvedDependencyCollection) === null || _resolvedDependencyCo === void 0 ? void 0 : _resolvedDependencyCo.resolvedDependencies;
-	if (!resolvedDependencies) return;
-	for (const [identifier, values] of resolvedDependencies) if (identifier.decoratorName === ISheetSelectionRenderService.decoratorName) return values.length === 1 ? values[0] : void 0;
+AutoFillRenderController = __decorate([
+	__decorateParam(1, Inject(ISheetSelectionRenderService)),
+	__decorateParam(2, Inject(SheetsSelectionsService)),
+	__decorateParam(3, ICommandService),
+	__decorateParam(4, IEditorBridgeService)
+], AutoFillRenderController);
+function detectAutoFillRange(source, worksheet) {
+	var _matrix$getValue, _matrix$getValue3;
+	const { startRow, endRow, startColumn, endColumn } = source;
+	const matrix = worksheet.getCellMatrix();
+	const maxRow = worksheet.getMaxRows();
+	const maxColumn = worksheet.getMaxColumns();
+	let detectEndRow = endRow + 1;
+	if (startColumn > 0 && ((_matrix$getValue = matrix.getValue(detectEndRow, startColumn - 1)) === null || _matrix$getValue === void 0 ? void 0 : _matrix$getValue.v) != null) {
+		var _matrix$getValue2;
+		while (((_matrix$getValue2 = matrix.getValue(detectEndRow + 1, startColumn - 1)) === null || _matrix$getValue2 === void 0 ? void 0 : _matrix$getValue2.v) != null && detectEndRow < maxRow) detectEndRow += 1;
+	} else if (endColumn < maxColumn - 1 && ((_matrix$getValue3 = matrix.getValue(detectEndRow, endColumn + 1)) === null || _matrix$getValue3 === void 0 ? void 0 : _matrix$getValue3.v) != null) {
+		var _matrix$getValue4;
+		while (((_matrix$getValue4 = matrix.getValue(detectEndRow + 1, endColumn + 1)) === null || _matrix$getValue4 === void 0 ? void 0 : _matrix$getValue4.v) != null && detectEndRow < maxRow) detectEndRow += 1;
+	} else detectEndRow = endRow;
+	for (let i = endRow + 1; i <= detectEndRow; i++) for (let j = startColumn; j <= endColumn; j++) {
+		var _matrix$getValue5;
+		if (((_matrix$getValue5 = matrix.getValue(i, j)) === null || _matrix$getValue5 === void 0 ? void 0 : _matrix$getValue5.v) != null) {
+			detectEndRow = i - 1;
+			break;
+		}
+	}
+	return {
+		startColumn,
+		endColumn,
+		startRow,
+		endRow: detectEndRow
+	};
 }
 
 //#endregion
@@ -9073,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: []
@@ -9139,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) => {
@@ -9174,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,
@@ -9659,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;
@@ -9717,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);
@@ -9756,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 {
@@ -9791,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, {
@@ -9828,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;
@@ -9845,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) {
@@ -9985,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);
@@ -10025,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;
@@ -10215,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;
@@ -10310,21 +10331,28 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 	}
 	_getEditorMaxSize(position, canvasOffset, horizontalAlign) {
 		if (this._getEditorObject() == null) return;
-		function pxToNum(width) {
-			return Number.parseInt(width.replace("px", ""));
+		function pxToNum(size) {
+			var _size$replace;
+			return Number.parseFloat((_size$replace = size === null || size === void 0 ? void 0 : size.replace("px", "")) !== null && _size$replace !== void 0 ? _size$replace : "");
 		}
 		const engine = this.engine;
 		if (!engine) return;
 		const canvasElement = engine.getCanvasElement();
 		const canvasClientRect = canvasElement.getBoundingClientRect();
 		const widthOfCanvas = pxToNum(canvasElement.style.width);
+		const heightOfCanvas = pxToNum(canvasElement.style.height);
 		const { width, height } = canvasClientRect;
-		const scaleAdjust = width / widthOfCanvas;
+		const contentElement = this._getEditorContentElement();
+		const contentBoundingRect = contentElement.getBoundingClientRect();
+		const contentScaleX = resolveElementScale(contentBoundingRect.width, contentElement.offsetWidth);
+		const contentScaleY = resolveElementScale(contentBoundingRect.height, contentElement.offsetHeight, contentScaleX);
+		const scaleAdjustX = width / widthOfCanvas / contentScaleX;
+		const scaleAdjustY = Number.isFinite(heightOfCanvas) && heightOfCanvas > 0 ? height / heightOfCanvas / contentScaleY : scaleAdjustX;
 		const { startX, startY, endX } = position;
 		const enginWidth = engine.width;
-		const maxHeight = height - startY - EDITOR_BORDER_SIZE * 2;
+		const maxHeight = height / contentScaleY - startY - EDITOR_BORDER_SIZE * 2;
 		const cellWidth = endX - startX;
-		let maxWidth = width - startX;
+		let maxWidth = width / contentScaleX - startX;
 		if (horizontalAlign === HorizontalAlign.CENTER) {
 			const rightGap = enginWidth - endX;
 			maxWidth = cellWidth + Math.min(startX, rightGap) * 2;
@@ -10334,7 +10362,10 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		return {
 			height: maxHeight,
 			width: maxWidth,
-			scaleAdjust
+			contentScaleX,
+			contentScaleY,
+			scaleAdjustX,
+			scaleAdjustY
 		};
 	}
 	/**
@@ -10351,7 +10382,7 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		let { startX, startY } = actualRangeWithCoord;
 		const { document: documentComponent, scene: editorScene, engine: docEngine } = editorObject;
 		const viewportMain = editorScene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
-		const { height: clientHeight, width: clientWidth, scaleAdjust } = this._getEditorMaxSize(actualRangeWithCoord, canvasOffset, horizontalAlign);
+		const { height: clientHeight, width: clientWidth, contentScaleX, contentScaleY, scaleAdjustX, scaleAdjustY } = this._getEditorMaxSize(actualRangeWithCoord, canvasOffset, horizontalAlign);
 		let physicHeight = editorHeight;
 		let scrollBar = viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.getScrollBar();
 		if (physicHeight > clientHeight) {
@@ -10372,12 +10403,12 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		this._addBackground(editorScene, editorWidth / scaleX, editorHeight / scaleY, fill);
 		const { scaleX: precisionScaleX, scaleY: precisionScaleY } = editorScene.getPrecisionScale();
 		editorScene.transformByState({
-			width: editorWidth * scaleAdjust / scaleX,
-			height: editorHeight * scaleAdjust / scaleY,
-			scaleX: scaleX * scaleAdjust,
-			scaleY: scaleY * scaleAdjust
+			width: editorWidth * scaleAdjustX / scaleX,
+			height: editorHeight * scaleAdjustY / scaleY,
+			scaleX: scaleX * scaleAdjustX,
+			scaleY: scaleY * scaleAdjustY
 		});
-		documentComponent.resize(editorWidth * scaleAdjust / scaleX, editorHeight * scaleAdjust / scaleY);
+		documentComponent.resize(editorWidth * scaleAdjustX / scaleX, editorHeight * scaleAdjustY / scaleY);
 		/**
 		* sometimes requestIdleCallback is invalid, so use setTimeout to ensure the successful execution of the resizeBySize method.
 		* resize canvas
@@ -10389,16 +10420,16 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		}, 0);
 		const contentBoundingRect = this._getEditorContentElement().getBoundingClientRect();
 		const canvasBoundingRect = canvasElement.getBoundingClientRect();
-		startX = startX * scaleAdjust + (canvasBoundingRect.left - contentBoundingRect.left);
-		startY = startY * scaleAdjust + (canvasBoundingRect.top - contentBoundingRect.top);
+		startX = startX * scaleAdjustX + (canvasBoundingRect.left - contentBoundingRect.left) / contentScaleX;
+		startY = startY * scaleAdjustY + (canvasBoundingRect.top - contentBoundingRect.top) / contentScaleY;
 		const cellWidth = actualRangeWithCoord.endX - actualRangeWithCoord.startX;
-		if (horizontalAlign === HorizontalAlign.RIGHT) startX += (cellWidth - editorWidth) * scaleAdjust;
-		else if (horizontalAlign === HorizontalAlign.CENTER) startX += (cellWidth - editorWidth * scaleAdjust) / 2;
+		if (horizontalAlign === HorizontalAlign.RIGHT) startX += (cellWidth - editorWidth) * scaleAdjustX;
+		else if (horizontalAlign === HorizontalAlign.CENTER) startX += (cellWidth - editorWidth * scaleAdjustX) / 2;
 		this._cellEditorManagerService.setState({
 			startX,
 			startY,
-			endX: editorWidth * scaleAdjust + startX,
-			endY: physicHeight * scaleAdjust + startY,
+			endX: editorWidth * scaleAdjustX + startX,
+			endY: physicHeight * scaleAdjustY + startY,
 			show: true
 		});
 	}
@@ -10442,10 +10473,10 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		const { horizontalAlign } = documentLayoutObject;
 		const maxSize = this._getEditorMaxSize(position, canvasOffset, horizontalAlign);
 		if (!maxSize) return;
-		const { height: clientHeight, width: clientWidth, scaleAdjust } = maxSize;
+		const { height: clientHeight, width: clientWidth, scaleAdjustX, scaleAdjustY } = maxSize;
 		const cell = skeleton.getCellWithCoordByIndex(row, column);
-		const height = Math.min((cell.mergeInfo.endY - cell.mergeInfo.startY) * scaleY, clientHeight) * scaleAdjust;
-		const width = Math.min((cell.mergeInfo.endX - cell.mergeInfo.startX) * scaleX, clientWidth) * scaleAdjust;
+		const height = Math.min((cell.mergeInfo.endY - cell.mergeInfo.startY) * scaleY, clientHeight) * scaleAdjustY;
+		const width = Math.min((cell.mergeInfo.endX - cell.mergeInfo.startX) * scaleX, clientWidth) * scaleAdjustX;
 		const currentHeight = state.endY - state.startY;
 		const currentWidth = state.endX - state.startX;
 		if (currentHeight !== height || currentWidth !== width) {
@@ -10459,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([
@@ -10471,6 +10502,10 @@ SheetCellEditorResizeService = __decorate([
 	__decorateParam(5, IConfigService),
 	__decorateParam(6, Optional(ISheetEmbedFloatingGeometryService))
 ], SheetCellEditorResizeService);
+function resolveElementScale(renderedSize, layoutSize, fallback = 1) {
+	if (!Number.isFinite(renderedSize) || !Number.isFinite(layoutSize) || renderedSize <= 0 || layoutSize <= 0) return fallback;
+	return renderedSize / layoutSize;
+}
 
 //#endregion
 //#region src/controllers/render-controllers/editor-bridge.render-controller.ts
@@ -10509,12 +10544,17 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends Rx
 		this._d = null;
 	}
 	_initSelectionChangeListener(d) {
-		d.add(merge$1(this._selectionManagerService.selectionMoveEnd$, this._selectionManagerService.selectionSet$, this._selectionManagerService.selectionMoveStart$).subscribe((params) => this._updateEditorPosition(params)));
+		d.add(merge$1(this._selectionManagerService.selectionSet$, this._selectionManagerService.selectionMoveStart$).subscribe((params) => this._updateEditorPosition(params)));
+		d.add(this._selectionManagerService.selectionMoveEnd$.subscribe((params) => {
+			var _params;
+			this._updateEditorPosition(params);
+			if (params === null || params === void 0 || (_params = params[params.length - 1]) === null || _params === void 0 ? void 0 : _params.primary) this._updateInputPosition();
+		}));
 	}
 	_updateEditorPosition(params) {
-		var _params;
+		var _params2;
 		if (this._editorBridgeService.isVisible().visible) return;
-		const primary = params === null || params === void 0 || (_params = params[params.length - 1]) === null || _params === void 0 ? void 0 : _params.primary;
+		const primary = params === null || params === void 0 || (_params2 = params[params.length - 1]) === null || _params2 === void 0 ? void 0 : _params2.primary;
 		if (primary) {
 			var _this$_context$unit$g, _this$_sheetSkeletonM;
 			const sheetObject = this._getSheetObject();
@@ -10544,6 +10584,15 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends Rx
 			});
 		}
 	}
+	_updateInputPosition() {
+		var _this$_renderManagerS;
+		if (this._editorBridgeService.isVisible().visible) return;
+		const layout = this._editorBridgeService.getEditCellLayout();
+		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);
+	}
 	refreshEditorPosition() {
 		const workbookSelections = this._selectionManagerService.getWorkbookSelections(this._context.unitId);
 		if (workbookSelections) {
@@ -10601,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();
@@ -10615,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();
 	}
@@ -11413,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();
 			}
 		}));
@@ -11446,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();
 		}));
@@ -11510,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
@@ -11518,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);
@@ -11634,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);
@@ -11747,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);
@@ -11826,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;
@@ -12401,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);
 			}
 		});
@@ -12631,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
@@ -12815,7 +12860,7 @@ let SheetClipboardController = class SheetClipboardController extends RxDisposab
 					const setValuesMutation = {
 						unitId,
 						subUnitId,
-						cellValue: valueMatrix.getData()
+						cellValue: valueMatrix.clone()
 					};
 					redoMutationsInfo.push({
 						id: SetRangeValuesMutation.id,
@@ -12841,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;
 	}
@@ -12920,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();
@@ -13093,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;
@@ -13101,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);
@@ -13161,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;
@@ -13383,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;
@@ -13429,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;
@@ -13582,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;
@@ -13912,10 +13957,9 @@ const UNIVER_SHEET_PERMISSION_ALERT_DIALOG = "UNIVER_SHEET_PERMISSION_ALERT_DIAL
 //#endregion
 //#region src/controllers/permission/sheet-permission-check-ui.controller.ts
 let SheetPermissionCheckUIController = class SheetPermissionCheckUIController extends Disposable {
-	constructor(_commandService, _univerInstanceService, _permissionService, _dialogService, _rangeProtectionRuleModel, _localeService, _contextService, _sheetPermissionCheckController) {
+	constructor(_commandService, _permissionService, _dialogService, _rangeProtectionRuleModel, _localeService, _contextService, _sheetPermissionCheckController) {
 		super();
 		this._commandService = _commandService;
-		this._univerInstanceService = _univerInstanceService;
 		this._permissionService = _permissionService;
 		this._dialogService = _dialogService;
 		this._rangeProtectionRuleModel = _rangeProtectionRuleModel;
@@ -13940,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);
@@ -13957,7 +14000,6 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 		let permission = true;
 		let errorMsg = "";
 		let params;
-		let target;
 		switch (id) {
 			case InsertTextCommand.id:
 			case IMEInputCommand.id:
@@ -13981,20 +14023,6 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 				});
 				errorMsg = this._localeService.t("sheets-ui.permission.dialog.editErr");
 				break;
-			case SheetPasteColWidthCommand.id:
-				permission = this._sheetPermissionCheckController.permissionCheckWithoutRange({
-					workbookTypes: [WorkbookEditablePermission],
-					worksheetTypes: [WorksheetEditPermission, WorksheetSetColumnStylePermission],
-					rangeTypes: [RangeProtectionPermissionEditPoint]
-				});
-				errorMsg = this._localeService.t("sheets-ui.permission.dialog.pasteErr");
-				break;
-			case SheetPasteShortKeyCommand.id:
-			case SheetPasteCommand.id:
-				params = commandInfo.params;
-				permission = this._permissionCheckByPaste(params);
-				errorMsg = this._localeService.t("sheets-ui.permission.dialog.pasteErr");
-				break;
 			case ApplyFormatPainterCommand.id:
 				permission = this._sheetPermissionCheckController.permissionCheckWithRanges({
 					workbookTypes: [WorkbookEditablePermission],
@@ -14007,28 +14035,6 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 				});
 				errorMsg = this._localeService.t("sheets-ui.permission.dialog.commonErr");
 				break;
-			case SheetCopyCommand.id:
-				var _this$_permissionServ;
-				permission = this._sheetPermissionCheckController.permissionCheckWithRanges({
-					workbookTypes: [WorkbookCopyPermission],
-					worksheetTypes: [WorksheetCopyPermission],
-					rangeTypes: [RangeProtectionPermissionViewPoint]
-				});
-				errorMsg = this._localeService.t("sheets-ui.permission.dialog.copyErr");
-				target = getSheetCommandTarget(this._univerInstanceService);
-				if (!permission && target && !((_this$_permissionServ = this._permissionService.getPermissionPoint(new WorkbookCopyPermission(target.unitId).id)) === null || _this$_permissionServ === void 0 ? void 0 : _this$_permissionServ.value)) errorMsg = this._localeService.t("sheets-ui.permission.dialog.workbookCopyErr");
-				break;
-			case SheetCutCommand.id:
-				var _this$_permissionServ2;
-				permission = this._sheetPermissionCheckController.permissionCheckWithRanges({
-					workbookTypes: [WorkbookCopyPermission, WorkbookEditablePermission],
-					worksheetTypes: [WorksheetCopyPermission, WorksheetEditPermission],
-					rangeTypes: [RangeProtectionPermissionViewPoint, RangeProtectionPermissionEditPoint]
-				});
-				errorMsg = this._localeService.t("sheets-ui.permission.dialog.copyErr");
-				target = getSheetCommandTarget(this._univerInstanceService);
-				if (!permission && target && !((_this$_permissionServ2 = this._permissionService.getPermissionPoint(new WorkbookCopyPermission(target.unitId).id)) === null || _this$_permissionServ2 === void 0 ? void 0 : _this$_permissionServ2.value)) errorMsg = this._localeService.t("sheets-ui.permission.dialog.workbookCopyErr");
-				break;
 			default: break;
 		}
 		if (!permission) this._sheetPermissionCheckController.blockExecuteWithoutPermission(errorMsg);
@@ -14041,37 +14047,15 @@ let SheetPermissionCheckUIController = class SheetPermissionCheckUIController ex
 			this._getPermissionCheck(commandInfo);
 		}));
 	}
-	_permissionCheckByPaste(params) {
-		if (params.value === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_VALUE || params.value === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMULA) return this._sheetPermissionCheckController.permissionCheckWithRanges({
-			workbookTypes: [WorkbookEditablePermission],
-			worksheetTypes: [WorksheetSetCellStylePermission, WorksheetEditPermission],
-			rangeTypes: [RangeProtectionPermissionEditPoint]
-		});
-		else if (params.value === PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMAT) return this._sheetPermissionCheckController.permissionCheckWithRanges({
-			workbookTypes: [WorkbookEditablePermission],
-			worksheetTypes: [WorksheetSetCellStylePermission, WorksheetEditPermission],
-			rangeTypes: [RangeProtectionPermissionEditPoint]
-		});
-		else return this._sheetPermissionCheckController.permissionCheckWithRanges({
-			workbookTypes: [WorkbookEditablePermission],
-			worksheetTypes: [
-				WorksheetSetCellValuePermission,
-				WorksheetSetCellStylePermission,
-				WorksheetEditPermission
-			],
-			rangeTypes: [RangeProtectionPermissionEditPoint]
-		});
-	}
 };
 SheetPermissionCheckUIController = __decorate([
 	__decorateParam(0, ICommandService),
-	__decorateParam(1, IUniverInstanceService),
-	__decorateParam(2, IPermissionService),
-	__decorateParam(3, IDialogService),
-	__decorateParam(4, Inject(RangeProtectionRuleModel)),
-	__decorateParam(5, Inject(LocaleService)),
-	__decorateParam(6, IContextService),
-	__decorateParam(7, Inject(SheetPermissionCheckController))
+	__decorateParam(1, IPermissionService),
+	__decorateParam(2, IDialogService),
+	__decorateParam(3, Inject(RangeProtectionRuleModel)),
+	__decorateParam(4, Inject(LocaleService)),
+	__decorateParam(5, IContextService),
+	__decorateParam(6, Inject(SheetPermissionCheckController))
 ], SheetPermissionCheckUIController);
 
 //#endregion
@@ -14997,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);
@@ -19479,11 +19461,11 @@ function Text2NumberContextMenuItemFactory(accessor) {
 //#endregion
 //#region src/views/sheet-slider/SheetZoomInput.tsx
 const SHEET_ZOOM_INPUT_COMPONENT = "SHEET_ZOOM_INPUT_COMPONENT";
-function SheetZoomInput(props) {
+function SheetZoomInput({ className, ...props }) {
 	const commandService = useDependency(ICommandService);
 	return /* @__PURE__ */ jsx(ZoomInput, {
 		...props,
-		className: "!univer-bg-transparent dark:!univer-bg-transparent",
+		className: clsx("!univer-bg-transparent dark:!univer-bg-transparent", className),
 		onChange: (value) => commandService.executeCommand(SetZoomRatioFromToolbarCommand.id, { value })
 	});
 }
@@ -19537,48 +19519,97 @@ const menuSchema = {
 		[RibbonStartGroup.HISTORY]: {
 			[SetOnceFormatPainterCommand.id]: {
 				order: 2,
+				gridLayout: {
+					row: 1,
+					column: 2,
+					showLabel: true
+				},
 				menuItemFactory: FormatPainterMenuItemFactory
 			},
 			[ClearSelectionAllCommand.id]: {
 				order: 3,
+				gridLayout: {
+					row: 2,
+					column: 2,
+					showLabel: true
+				},
 				menuItemFactory: ClearSelectionAllToolbarMenuItemFactory
 			}
 		},
 		[RibbonStartGroup.FORMAT]: {
 			[SetRangeFontFamilyCommand.id]: {
 				order: 1,
+				gridLayout: {
+					row: 1,
+					column: 1,
+					columnSpan: 4,
+					width: 240
+				},
 				menuItemFactory: FontFamilySelectorMenuItemFactory
 			},
 			[SetRangeFontSizeCommand.id]: {
 				order: 2,
+				gridLayout: {
+					row: 1,
+					column: 5,
+					width: 72
+				},
 				menuItemFactory: FontSizeSelectorMenuItemFactory
 			},
 			[SetRangeFontIncreaseCommand.id]: {
 				order: 2.1,
+				gridLayout: {
+					row: 1,
+					column: 6
+				},
 				menuItemFactory: FontSizeIncreaseMenuItemFactory
 			},
 			[SetRangeFontDecreaseCommand.id]: {
 				order: 2.2,
+				gridLayout: {
+					row: 1,
+					column: 7
+				},
 				menuItemFactory: FontSizeDecreaseMenuItemFactory
 			},
 			[SetRangeBoldCommand.id]: {
 				order: 5,
+				gridLayout: {
+					row: 2,
+					column: 1
+				},
 				menuItemFactory: BoldMenuItemFactory
 			},
 			[SetRangeItalicCommand.id]: {
 				order: 6,
+				gridLayout: {
+					row: 2,
+					column: 2
+				},
 				menuItemFactory: ItalicMenuItemFactory
 			},
 			[SetRangeUnderlineCommand.id]: {
 				order: 7,
+				gridLayout: {
+					row: 2,
+					column: 3
+				},
 				menuItemFactory: UnderlineMenuItemFactory
 			},
 			[SetRangeStrickThroughCommand.id]: {
 				order: 8,
+				gridLayout: {
+					row: 2,
+					column: 4
+				},
 				menuItemFactory: StrikeThroughMenuItemFactory
 			},
 			[SetRangeTextColorCommand.id]: {
 				order: 9,
+				gridLayout: {
+					row: 2,
+					column: 7
+				},
 				menuItemFactory: TextColorSelectorMenuItemFactory,
 				[ResetTextColorCommand.id]: {
 					order: 0,
@@ -19587,6 +19618,10 @@ const menuSchema = {
 			},
 			[SetBackgroundColorCommand.id]: {
 				order: 10,
+				gridLayout: {
+					row: 2,
+					column: 6
+				},
 				menuItemFactory: BackgroundColorSelectorMenuItemFactory,
 				[ResetBackgroundColorCommand.id]: {
 					order: 0,
@@ -19595,32 +19630,60 @@ const menuSchema = {
 			},
 			[SetBorderBasicCommand.id]: {
 				order: 11,
+				gridLayout: {
+					row: 2,
+					column: 5
+				},
 				menuItemFactory: CellBorderSelectorMenuItemFactory
 			}
 		},
 		[RibbonStartGroup.LAYOUT]: {
 			[SetHorizontalTextAlignCommand.id]: {
 				order: 0,
+				gridLayout: {
+					row: 1,
+					column: 1
+				},
 				menuItemFactory: HorizontalAlignMenuItemFactory
 			},
 			[SetVerticalTextAlignCommand.id]: {
 				order: 3,
+				gridLayout: {
+					row: 2,
+					column: 1
+				},
 				menuItemFactory: VerticalAlignMenuItemFactory
 			},
 			[SetTextWrapCommand.id]: {
 				order: 6,
+				gridLayout: {
+					row: 1,
+					column: 2
+				},
 				menuItemFactory: WrapTextMenuItemFactory
 			},
 			[SetShrinkToFitCommand.id]: {
 				order: 7,
+				gridLayout: {
+					row: 2,
+					column: 2
+				},
 				menuItemFactory: ShrinkToFitMenuItemFactory
 			},
 			[SetTextRotationCommand.id]: {
 				order: 8,
+				gridLayout: {
+					row: 1,
+					column: 3
+				},
 				menuItemFactory: TextRotateMenuItemFactory
 			},
 			[AddWorksheetMergeCommand.id]: {
 				order: 9,
+				gridLayout: {
+					row: 2,
+					column: 3
+				},
 				menuItemFactory: CellMergeMenuItemFactory,
 				[AddWorksheetMergeAllCommand.id]: {
 					order: 0,
@@ -19642,6 +19705,12 @@ const menuSchema = {
 		},
 		[RibbonStartGroup.OTHERS]: { [AddRangeProtectionFromToolbarCommand.id]: {
 			order: 0,
+			gridLayout: {
+				row: 1,
+				column: 1,
+				rowSpan: 2,
+				showLabel: true
+			},
 			menuItemFactory: sheetPermissionToolbarMenuFactory
 		} }
 	},
@@ -19649,19 +19718,41 @@ const menuSchema = {
 		[RibbonViewGroup.DISPLAY]: {
 			[SHEET_FROZEN_TOOLBAR_MENU_ID]: {
 				order: 0,
+				gridLayout: {
+					row: 1,
+					column: 1,
+					rowSpan: 2,
+					showLabel: true
+				},
 				menuItemFactory: SheetFrozenToolbarMenuItemFactory
 			},
 			[ZOOM_RATIO_MENU_ID]: {
 				order: 1,
+				gridLayout: {
+					row: 1,
+					column: 2,
+					width: 112
+				},
 				menuItemFactory: ZoomRatioMenuItemFactory
 			},
 			[ToggleFullscreenOperation.id]: {
 				order: 2,
+				gridLayout: {
+					row: 2,
+					column: 2,
+					showLabel: true,
+					width: 112
+				},
 				menuItemFactory: FullscreenMenuItemFactory
 			}
 		},
 		[RibbonViewGroup.VISIBILITY]: { [ToggleGridlinesCommand.id]: {
 			order: 0,
+			gridLayout: {
+				row: 1,
+				column: 1,
+				showLabel: true
+			},
 			menuItemFactory: ToggleGridlinesMenuFactory
 		} }
 	},
@@ -20190,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);
@@ -20232,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);
@@ -21024,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);
@@ -21458,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}`,
@@ -21466,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) {
@@ -22621,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;
@@ -22639,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,
@@ -22671,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);
@@ -23042,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) {
@@ -23142,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) => ({
@@ -23153,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]);
@@ -23181,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);
@@ -23207,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;
@@ -23308,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;
@@ -24020,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();
 		}));
@@ -24062,7 +24146,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "1.0.0-alpha.6";
+var version = "1.0.0-alpha.8";
 
 //#endregion
 //#region src/views/cell-popup/config.ts
@@ -24255,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
@@ -24309,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({
@@ -24363,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);
@@ -24406,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;
@@ -24475,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;
@@ -25598,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,
@@ -25795,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 }),
@@ -26030,7 +26114,7 @@ const DefinedNameContainer = () => {
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		"data-u-comp": "defined-name-container",
-		className: "univer-relative univer-box-border univer-flex univer-h-full univer-w-full univer-flex-col",
+		className: "univer-relative univer-box-border univer-flex univer-h-full univer-w-full univer-flex-col univer-overflow-hidden",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "univer-mb-4",
 			children: [/* @__PURE__ */ jsxs(Button, {
@@ -26351,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,
@@ -26438,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);
@@ -26839,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",
@@ -26912,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"
@@ -27461,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, {
@@ -27829,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) => {
@@ -27898,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);
@@ -27925,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;
@@ -27934,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)) {
@@ -27951,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);
@@ -28454,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(),
@@ -28463,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);
@@ -29228,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);
@@ -29648,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 : [];
 	}
@@ -30132,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;
@@ -30300,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));
 		};
 		/**
@@ -30626,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));
@@ -30719,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({
@@ -30956,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,
@@ -31796,6 +31890,7 @@ let UniverSheetsMobileUIPlugin = class UniverSheetsMobileUIPlugin extends Plugin
 			[SheetContextMenuMobileRenderController],
 			[MobileHeaderResizeRenderController],
 			[MoveRangeRenderController],
+			[AutoFillRenderController],
 			[EditorBridgeRenderController],
 			[SheetPermissionInterceptorCanvasRenderController],
 			[SheetPermissionInterceptorFormulaRenderController],
@@ -31823,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),
@@ -32416,6 +32511,7 @@ let UniverSheetsUIPlugin = class UniverSheetsUIPlugin extends Plugin {
 			[CellCustomRenderController],
 			[SheetContextMenuRenderController],
 			[MoveRangeRenderController],
+			[AutoFillRenderController],
 			[EditorBridgeRenderController],
 			[SheetPermissionInterceptorCanvasRenderController],
 			[SheetPermissionInterceptorFormulaRenderController],
@@ -32443,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),