@univerjs/sheets-ui 1.0.3 → 1.1.0

package/lib/index.js

@@ -1,8 +1,8 @@
 import { BreakLineCommand, CoverContentCommand, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_VERTICAL_PADDING, DeleteLeftCommand, DeleteRightCommand, DocSelectionRenderService, EnterCommand, IEditorService, IMEInputCommand, InnerPasteCommand, MobileRichTextToolbar, MoveCursorOperation, MoveSelectionOperation, NodePositionConvertToCursor, ReplaceSnapshotCommand, SetDocInputStyleCommand, 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, BorderType, CellModeEnum, CellValueType, ColorKit, CommandType, CustomRangeType, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DEFAULT_WORKSHEET_COLUMN_COUNT, DEFAULT_WORKSHEET_COLUMN_WIDTH, DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY, DEFAULT_WORKSHEET_ROW_COUNT, DEFAULT_WORKSHEET_ROW_HEIGHT, 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, WorksheetHiddenState, WrapStrategy, cloneCellData, cloneCellDataMatrix, cloneCellDataWithSpanAndDisplay, composeStyles, convertCellToRange, createDocumentModelWithStyle, createIdentifier, createInterceptorKey, createParagraphId, createSectionId, dateKit, debounce, extractPureTextFromCell, fromEventSubject, generateRandomId, get, getEmptyCell, getIntersectRange, getNumfmtLocaleTag, getNumfmtParseValueFilter, getReverseDirection, handleStyleToString, isDefaultFormat, isFormulaString, isNotNullOrUndefined, isRealNum, isSafeUrl, isTextFormat, isValidRange, merge, mergeOverrideWithDependencies, nameCharacterCheck, numberToABC, numfmt, registerDependencies, sequenceExecute, set, skipParseTagNames, sortRules, splitIntoGrid, throttle, toDisposable, touchDependencies, willLoseNumericPrecision } from "@univerjs/core";
 import { AUTO_FILL_APPLY_TYPE, AUTO_FILL_HOOK_TYPE, AddMergeUndoMutationFactory, AddRangeProtectionCommand, AddRangeProtectionMutation, AddWorksheetMergeAllCommand, AddWorksheetMergeCommand, AddWorksheetMergeHorizontalCommand, AddWorksheetMergeMutation, AddWorksheetMergeVerticalCommand, AddWorksheetProtectionCommand, AutoClearContentCommand, AutoFillCommand, AutoFillController, BEFORE_CELL_EDIT, BorderStyleManagerService, COMMAND_LISTENER_SKELETON_CHANGE, COMMAND_LISTENER_VALUE_CHANGE, CancelFrozenCommand, CancelMarkDirtyRowAutoHeightOperation, ClearSelectionAllCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, CopySheetCommand, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, DeleteRangeProtectionCommand, DeleteRangeProtectionMutation, DeleteWorksheetProtectionCommand, DeltaColumnWidthCommand, DeltaRowHeightCommand, EditStateEnum, IAutoFillService, IExclusiveRangeService, INTERCEPTOR_POINT, INumfmtService, IRefSelectionsService, InsertColBeforeCommand, InsertColCommand, InsertColMutation, InsertDefinedNameCommand, InsertMultiColsLeftCommand, InsertMultiColsRightCommand, InsertMultiRowsAboveCommand, InsertMultiRowsAfterCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, InsertRowBeforeCommand, InsertRowCommand, InsertRowMutation, InsertSheetCommand, InsertSheetMutation, MAX_CELL_PER_SHEET_KEY, MERGE_CELL_INTERCEPTOR_CHECK, MarkDirtyRowAutoHeightOperation, MergeCellController, MoveColsCommand, MoveColsMutation, MoveRangeCommand, MoveRangeMutation, MoveRowsCommand, MoveRowsMutation, REF_SELECTIONS_ENABLED, RangeProtectionCache, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, RangeProtectionRuleModel, RefRangeService, RefSelectionsService, RefillCommand, RemoveColCommand, RemoveColMutation, RemoveDefinedNameCommand, RemoveMergeUndoMutationFactory, RemoveRowCommand, RemoveRowMutation, RemoveSheetCommand, RemoveSheetMutation, RemoveWorksheetMergeCommand, RemoveWorksheetMergeMutation, ResetBackgroundColorCommand, ResetTextColorCommand, SCOPE_WORKBOOK_VALUE_DEFINED_NAME, SELECTIONS_ENABLED, SELECTION_CONTROL_BORDER_BUFFER_COLOR, SELECTION_CONTROL_BORDER_BUFFER_WIDTH, SHEETS_PLUGIN_CONFIG_KEY, ScrollToCellOperation, SelectionMoveType, SetBackgroundColorCommand, SetBoldCommand, SetBorderBasicCommand, SetBorderCommand, SetColHiddenCommand, SetColHiddenMutation, SetColVisibleMutation, SetColWidthCommand, SetDefinedNameCommand, SetFontFamilyCommand, SetFontSizeCommand, SetFrozenCommand, SetFrozenMutation, SetFrozenMutationFactory, SetHorizontalTextAlignCommand, SetItalicCommand, SetProtectionCommand, SetRangeValuesCommand, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetRowHeightCommand, SetRowHiddenCommand, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectedColsVisibleCommand, SetSelectedRowsVisibleCommand, SetSelectionsOperation, SetShrinkToFitCommand, SetSpecificColsVisibleCommand, SetSpecificRowsVisibleCommand, SetStrikeThroughCommand, SetStyleCommand, SetTabColorCommand, SetTabColorMutation, SetTextColorCommand, SetTextRotationCommand, SetTextWrapCommand, SetUnderlineCommand, SetVerticalTextAlignCommand, SetWorksheetActivateCommand, SetWorksheetActiveOperation, SetWorksheetColWidthMutation, SetWorksheetColWidthMutationFactory, SetWorksheetHideCommand, SetWorksheetHideMutation, SetWorksheetNameCommand, SetWorksheetNameMutation, SetWorksheetOrderCommand, SetWorksheetOrderMutation, SetWorksheetPermissionPointsCommand, SetWorksheetRowAutoHeightMutation, SetWorksheetRowAutoHeightMutationFactory, SetWorksheetRowHeightMutation, SetWorksheetRowIsAutoHeightCommand, SetWorksheetRowIsAutoHeightMutation, SetWorksheetShowCommand, SheetCopyDownCommand, SheetCopyRightCommand, SheetInterceptorService, SheetPermissionCheckController, SheetPermissionInitController, SheetSkeletonService, SheetsSelectionsService, TextToNumberCommand, ToggleCellCheckboxCommand, ToggleGridlinesCommand, ToggleGridlinesMutation, UniverSheetsPlugin, ViewStateEnum, WorkbookCopyPermission, WorkbookCreateProtectPermission, WorkbookCreateSheetPermission, WorkbookDeleteColumnPermission, WorkbookDeleteRowPermission, WorkbookDeleteSheetPermission, WorkbookEditablePermission, WorkbookHideSheetPermission, WorkbookInsertColumnPermission, WorkbookInsertRowPermission, WorkbookManageCollaboratorPermission, WorkbookRenameSheetPermission, WorksheetCopyPermission, WorksheetDeleteColumnPermission, WorksheetDeleteProtectionPermission, WorksheetDeleteRowPermission, WorksheetEditPermission, WorksheetInsertColumnPermission, WorksheetInsertRowPermission, WorksheetManageCollaboratorPermission, WorksheetProtectionPointModel, WorksheetProtectionRuleModel, WorksheetSetCellStylePermission, WorksheetSetCellValuePermission, WorksheetSetColumnStylePermission, WorksheetSetRowStylePermission, WorksheetViewPermission, adjustRangeOnMutation, alignToMergedCellsBorders, attachPrimaryWithCoord, attachRangeWithCoord, attachSelectionWithCoord, baseProtectionActions, convertPrimaryWithCoordToPrimary, convertSelectionDataToRange, countCells, defaultLargeSheetOperationConfig, deserializeListOptions, discreteRangeToRange, expandToContinuousRange, findFirstNonEmptyCell, getAddMergeMutationRangeByType, getAllWorksheetPermissionPoint, getCellAtRowCol, getCellType, getCellValue, getClearContentMutationParamsForRanges, getMoveRangeCommandMutations, getPrimaryForRange, getSelectionsService, getSheetCommandTarget, isCellImage, rangeToDiscreteRange, serializeListOptions, setEndForRange, validateDefinedName } from "@univerjs/sheets";
-import { AnchoredContextMenu, BuiltInUIPart, COLOR_PICKER_COMPONENT, ComponentContainer, ComponentManager, ContextMenuGroup, ContextMenuPosition, CopyCommand, CutCommand, DISABLE_AUTO_FOCUS_KEY, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, FormatPainterSessionService, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, IFontService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IRibbonService, IShortcutService, ISidebarService, IUIPartsService, IUIRuntimeScopeService, IWorkbenchService, IconManager, KeyCode, MenuItemType, MetaKeys, MobileDrawer, MobileMenu, MobileZoomIndicator, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonPosition, RibbonStartGroup, RibbonViewGroup, SheetPasteShortKeyCommandName, Slider, ToggleFullscreenOperation, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, ZoomInput, bindFormatPainterCanvas, connectInjector, getEmbedBoundaryOwner, getEmbedChildUnitId, getMenuHiddenObservable, handleStringToStyle, imageMimeTypeSet, sanitizeParsedHtml, textTrim, useComponentsOfPart, useConfigValue, useDependency, useEvent, useObservable, useSidebarClick, useToolbarItemStatus, useVirtualList } from "@univerjs/ui";
-import { CURSOR_TYPE, DashedRect, DeviceInputEventType, DeviceType, FIX_ONE_PIXEL_BLUR_OFFSET, Group, IRenderManagerService, Layer, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, Rect, RegularPolygon, SHEET_EXTENSION_PREFIX, SHEET_VIEWPORT_KEY, ScrollBar, ScrollTimer, ScrollTimerType, Shape, SheetExtension, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, calculateCellImageRect, cancelRequestFrame, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, fixLineWidthByScale, getCurrentTypeOfRenderer, getNextWheelZoomRatio, ptToPixel, requestNewFrame, withCurrentTypeOfRenderer } from "@univerjs/engine-render";
+import { 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, FormatPainterSessionService, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, IFontService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IRibbonService, IShortcutService, ISidebarService, IUIPartsService, IUIRuntimeScopeService, IWorkbenchService, IconManager, KeyCode, MenuItemType, MetaKeys, MobileDrawer, MobileMenu, MobileZoomIndicator, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonPosition, RibbonStartGroup, RibbonViewGroup, SheetPasteShortKeyCommandName, Slider, ToggleFullscreenOperation, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, bindFormatPainterCanvas, connectInjector, getEmbedBoundaryOwner, getEmbedChildUnitId, getMenuHiddenObservable, handleStringToStyle, imageMimeTypeSet, sanitizeParsedHtml, textTrim, useComponentsOfPart, useConfigValue, useDependency, useEvent, useObservable, useSidebarClick, useToolbarItemStatus, useVirtualList } from "@univerjs/ui";
+import { CURSOR_TYPE, DashedRect, DeviceInputEventType, DeviceType, FIX_ONE_PIXEL_BLUR_OFFSET, Group, IRenderManagerService, Layer, NORMAL_TEXT_SELECTION_PLUGIN_STYLE, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, Rect, RegularPolygon, SHEET_EXTENSION_PREFIX, SHEET_VIEWPORT_KEY, ScrollBar, ScrollTimer, ScrollTimerType, Shape, SheetExtension, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, calculateCellImageRect, cancelRequestFrame, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, fixLineWidthByScale, getCurrentTypeOfRenderer, getNextWheelZoomRatio, ptToPixel, requestNewFrame, withCurrentTypeOfRenderer } from "@univerjs/engine-render";
 import { BehaviorSubject, EMPTY, Observable, Subject, Subscription, combineLatest, combineLatestWith, distinctUntilChanged, filter, from, fromEvent, isObservable, map, merge as merge$1, of, shareReplay, skip, startWith, switchMap, takeUntil, tap, throttleTime, withLatestFrom } from "rxjs";
 import { DocSelectionManagerService, DocSkeletonManagerService, DocStateChangeManagerService, InsertTextCommand, RichTextEditingMutation, SetTextSelectionsOperation, UniverDocsPlugin } from "@univerjs/docs";
 import { ObjectScope, UnitAction, UnitObject, UnitRole } from "@univerjs/protocol";
@@ -12,7 +12,7 @@ import { ITelemetryService } from "@univerjs/telemetry";
 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";
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AddImageIcon, AdjustHeightDoubleIcon, AdjustWidthDoubleIcon, AlignBottomIcon, AlignTopIcon, AllBorderIcon, AutoHeightDoubleIcon, AutoWidthDoubleIcon, AutofillDoubleIcon, AutowrapIcon, BackSlashDoubleIcon, BasesMultiIcon, BoardsMultiIcon, BoldIcon, BrushIcon, CancelFreezeIcon, CancelMergeIcon, CheckMarkIcon, ClearFormatDoubleIcon, CloseIcon, CodeIcon, ConvertIcon, ConvertToNumberIcon, CopyDoubleIcon, CutIcon, DeleteCellShiftLeftDoubleIcon, DeleteCellShiftUpDoubleIcon, DeleteColumnDoubleIcon, DeleteIcon, DeleteRowDoubleIcon, DocsMultiIcon, 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, KeyboardIcon, LeftBorderDoubleIcon, LeftDoubleDiagonalDoubleIcon, LeftInsertColumnDoubleIcon, LeftJustifyingIcon, LeftRotationFortyFiveDegreesIcon, LeftRotationNinetyDegreesIcon, LeftTridiagonalDoubleIcon, LockIcon, MenuIcon, MergeAllIcon, MoreDownIcon, MoreLeftIcon, MoreRightIcon, NoBorderIcon, NoColorDoubleIcon, NoRotationIcon, OuterBorderDoubleIcon, OverflowIcon, PaintBucketDoubleIcon, PasteSpecialDoubleIcon, PenIcon, ProtectIcon, ReduceDoubleIcon, RightBorderDoubleIcon, RightDoubleDiagonalDoubleIcon, RightInsertColumnDoubleIcon, RightJustifyingIcon, RightRotationFortyFiveDegreesIcon, RightRotationNinetyDegreesIcon, SheetsMultiIcon, ShrinkToFitIcon, SlashDoubleIcon, SlidesMultiIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TruncationIcon, UnderlineIcon, UpBorderDoubleIcon, VerticalBorderDoubleIcon, VerticalCenterIcon, VerticalIntegrationIcon, VerticalTextIcon, WarningIcon, WriteIcon } from "@univerjs/icons";
+import { AddImageIcon, AdjustHeightDoubleIcon, AdjustWidthDoubleIcon, AlignBottomIcon, AlignTopIcon, AllBorderIcon, AutoHeightDoubleIcon, AutoWidthDoubleIcon, AutofillDoubleIcon, AutowrapIcon, BackSlashDoubleIcon, BasesMultiIcon, BoardsMultiIcon, BoldIcon, BrushIcon, CancelFreezeIcon, CancelMergeIcon, CheckMarkIcon, ClearFormatDoubleIcon, CloseIcon, CodeIcon, ConvertIcon, ConvertToNumberIcon, CopyDoubleIcon, CutIcon, DeleteCellShiftLeftDoubleIcon, DeleteCellShiftUpDoubleIcon, DeleteColumnDoubleIcon, DeleteIcon, DeleteRowDoubleIcon, DocPasteOptionsIcon, DocsMultiIcon, 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, KeyboardIcon, LeftBorderDoubleIcon, LeftDoubleDiagonalDoubleIcon, LeftInsertColumnDoubleIcon, LeftJustifyingIcon, LeftRotationFortyFiveDegreesIcon, LeftRotationNinetyDegreesIcon, LeftTridiagonalDoubleIcon, LockIcon, MenuIcon, MergeAllIcon, MoreDownIcon, MoreLeftIcon, MoreRightIcon, NoBorderIcon, NoColorDoubleIcon, NoRotationIcon, OuterBorderDoubleIcon, OverflowIcon, PaintBucketDoubleIcon, PasteSpecialDoubleIcon, PenIcon, ProtectIcon, ReduceDoubleIcon, RightBorderDoubleIcon, RightDoubleDiagonalDoubleIcon, RightInsertColumnDoubleIcon, RightJustifyingIcon, RightRotationFortyFiveDegreesIcon, RightRotationNinetyDegreesIcon, SheetsMultiIcon, ShrinkToFitIcon, SlashDoubleIcon, SlidesMultiIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TruncationIcon, UnderlineIcon, UpBorderDoubleIcon, VerticalBorderDoubleIcon, VerticalCenterIcon, VerticalIntegrationIcon, VerticalTextIcon, WarningIcon, WriteIcon, ZoomInIcon } from "@univerjs/icons";
 
 //#region src/basics/editor/get-editor-object.ts
 function getEditorObject(unitId, renderManagerService) {
@@ -240,7 +240,7 @@ let SHEET_VIEW_KEY = /* @__PURE__ */ function(SHEET_VIEW_KEY) {
 }({});
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -251,7 +251,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -264,14 +264,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.153.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.149.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -437,6 +437,15 @@ const SetColumnHeaderHeightCommand = {
 	}
 };
 
+//#endregion
+//#region src/common/selection-input.ts
+function isSheetContextMenuGesture(event, isMac, refSelectionsEnabled) {
+	return event.button === 2 || isMac && !refSelectionsEnabled && event.button === 0 && event.ctrlKey;
+}
+function isSheetMultiSelectModifier(event, isMac) {
+	return isMac ? event.metaKey : event.ctrlKey;
+}
+
 //#endregion
 //#region src/services/selection/selection-layer.ts
 var SelectionLayer = class extends Layer {
@@ -941,9 +950,15 @@ var BaseSelectionRenderService = class extends Disposable {
 			rangeWithCoord
 		};
 	}
+	_isContextMenuGesture(evt) {
+		return isSheetContextMenuGesture(evt, this._injector.get(IPlatformService).isMac, this.inRefSelectionMode());
+	}
+	_isMultiSelectModifier(evt) {
+		return isSheetMultiSelectModifier(evt, this._injector.get(IPlatformService).isMac);
+	}
 	_checkClearPreviousControls(evt) {
 		if (this.getSelectionControls().length === 0) return;
-		if (!evt.ctrlKey && !evt.metaKey && !evt.shiftKey && !this._remainLastEnabled || this._singleSelectionEnabled && !evt.shiftKey) this._clearAllSelectionControls();
+		if (this._isContextMenuGesture(evt) && !this.inRefSelectionMode() || !this._isMultiSelectModifier(evt) && !evt.shiftKey && !this._remainLastEnabled || this._singleSelectionEnabled && !evt.shiftKey) this._clearAllSelectionControls();
 	}
 	_makeSelectionByTwoCells(currentCell, startSelectionRange, skeleton, rangeType, activeControl) {
 		const { actualRow, actualColumn, mergeInfo: actualMergeInfo } = currentCell;
@@ -1029,7 +1044,7 @@ function genSelectionByRange(skeleton, range) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -1037,7 +1052,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.153.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);
@@ -1849,6 +1864,7 @@ var SelectionShapeExtension = class {
 //#endregion
 //#region src/services/selection/selection-control.ts
 const SELECTION_TITLE_HIGHLIGHT_ALPHA = .3;
+const SELECTION_MOVE_DURATION = 120;
 /**
 * The main selection canvas component, includes leftControl,rightControl,topControl,bottomControl,backgroundControlTop,backgroundControlMiddleLeft,backgroundControlMiddleRight,backgroundControlBottom,fillControl
 */
@@ -1858,6 +1874,9 @@ var SelectionControl = class extends Disposable {
 		this._scene = _scene;
 		this._zIndex = _zIndex;
 		this._themeService = _themeService;
+		_defineProperty(this, "_moveAnimationFrame", -1);
+		_defineProperty(this, "_animatedRange", null);
+		_defineProperty(this, "_restoreMoveEvents", null);
 		_defineProperty(this, "_isHelperSelection", true);
 		_defineProperty(this, "_enableAutoFill", true);
 		_defineProperty(this, "_showAutoFill", false);
@@ -1969,6 +1988,7 @@ var SelectionControl = class extends Disposable {
 		scene.addObject(this._selectionShapeGroup, 1);
 		this.disposeWithMe(toDisposable(scene.onTransformChange$.subscribeEvent((state) => {
 			if (state.type !== TRANSFORM_CHANGE_OBSERVABLE_TYPE.scale) return;
+			this._stopMoveAnimation();
 			this._updateLayoutOfSelectionControl(this._currentStyle);
 			this._updateControlCoord();
 		})));
@@ -2131,6 +2151,11 @@ var SelectionControl = class extends Disposable {
 		if (this._controlExtension) this._controlExtension.setDisabled(disable);
 	}
 	setEvent(state) {
+		if (this._animatedRange) {
+			this._stopMoveAnimation();
+			this._updateLayoutOfSelectionControl();
+			this._updateControlCoord();
+		}
 		this.leftControl.evented = state;
 		this.rightControl.evented = state;
 		this.topControl.evented = state;
@@ -2157,7 +2182,7 @@ var SelectionControl = class extends Disposable {
 		autofillStrokeWidth /= scale < 1 ? 1 : scale;
 		const borderBuffer = SELECTION_CONTROL_BORDER_BUFFER_WIDTH / scale;
 		const fixOnePixelBlurOffset = FIX_ONE_PIXEL_BLUR_OFFSET / scale;
-		const { startX, startY, endX, endY } = this._selectionRenderModel;
+		const { startX, startY, endX, endY } = this._animatedRange ?? this._selectionRenderModel;
 		this.leftControl.transformByState({
 			height: endY - startY,
 			left: -leftAdjustWidth + fixOnePixelBlurOffset,
@@ -2238,19 +2263,20 @@ var SelectionControl = class extends Disposable {
 			this._autoFillControl.show();
 		} else this._autoFillControl.hide();
 		this._updateBackgroundControl(currentStyle);
-		this._updateHeaderBackground(currentStyle);
+		if (!this._animatedRange) this._updateHeaderBackground(currentStyle);
 		this._updateWidgets(currentStyle);
 	}
 	/**
 	* update selection control coordination by curr selection model
 	*/
 	_updateControlCoord() {
-		const { startX, startY } = this._selectionRenderModel;
+		const { startX, startY } = this._animatedRange ?? this._selectionRenderModel;
 		this.selectionShapeGroup.show();
 		this.selectionShapeGroup.translate(startX, startY);
 		this.selectionShapeGroup.makeDirtyNoDebounce(true);
 	}
 	updateStyle(style) {
+		this._stopMoveAnimation();
 		this._updateLayoutOfSelectionControl(style);
 		this._updateControlCoord();
 	}
@@ -2264,6 +2290,7 @@ var SelectionControl = class extends Disposable {
 	* @param primaryWithCoord
 	*/
 	updateRange(rangeWithCoord, primaryWithCoord) {
+		this._stopMoveAnimation();
 		this._selectionRenderModel.setValue(rangeWithCoord, primaryWithCoord);
 		this._showAutoFill = primaryWithCoord !== null;
 		this._updateLayoutOfSelectionControl();
@@ -2273,7 +2300,11 @@ var SelectionControl = class extends Disposable {
 	* Update range and primary range and style.
 	* @param selectionWthCoord
 	*/
-	updateRangeBySelectionWithCoord(selectionWthCoord, sk) {
+	updateRangeBySelectionWithCoord(selectionWthCoord, sk, animate = false) {
+		const previousRange = this._animatedRange ?? this.getRange();
+		const targetRange = selectionWthCoord.rangeWithCoord;
+		const rangeChanged = !Rectangle.equals(this.model, targetRange) || this.model.startX !== targetRange.startX || this.model.startY !== targetRange.startY || this.model.endX !== targetRange.endX || this.model.endY !== targetRange.endY;
+		if (animate || rangeChanged || selectionWthCoord.primaryWithCoord === null) this._stopMoveAnimation();
 		if (sk) {
 			this._rowHeaderWidth = sk.rowHeaderWidth;
 			this._columnHeaderHeight = sk.columnHeaderHeight;
@@ -2284,6 +2315,47 @@ var SelectionControl = class extends Disposable {
 		this._showAutoFill = selectionWthCoord.primaryWithCoord !== null;
 		this._updateLayoutOfSelectionControl(selectionWthCoord.style);
 		this._updateControlCoord();
+		if (animate && rangeChanged && !window.matchMedia("(prefers-reduced-motion: reduce)").matches) this._animateMove(previousRange);
+	}
+	_animateMove(from) {
+		const target = this.getRange();
+		const startedAt = Tools.now();
+		const eventedShapes = this.selectionShapeGroup.getObjects().filter((shape) => shape.evented);
+		eventedShapes.forEach((shape) => {
+			shape.evented = false;
+		});
+		this._restoreMoveEvents = () => eventedShapes.forEach((shape) => {
+			shape.evented = true;
+		});
+		this._animatedRange = from;
+		this._updateLayoutOfSelectionControl();
+		this._updateControlCoord();
+		const frame = () => {
+			const progress = Math.min(1, (Tools.now() - startedAt) / SELECTION_MOVE_DURATION);
+			const eased = 1 - (1 - progress) ** 3;
+			if (progress === 1) this._stopMoveAnimation();
+			this._animatedRange = progress < 1 ? {
+				...target,
+				startX: from.startX + (target.startX - from.startX) * eased,
+				startY: from.startY + (target.startY - from.startY) * eased,
+				endX: from.endX + (target.endX - from.endX) * eased,
+				endY: from.endY + (target.endY - from.endY) * eased
+			} : null;
+			this._updateLayoutOfSelectionControl();
+			this._updateControlCoord();
+			this._moveAnimationFrame = progress < 1 ? requestNewFrame(frame) : -1;
+		};
+		this._moveAnimationFrame = requestNewFrame(frame);
+	}
+	_stopMoveAnimation() {
+		var _this$_restoreMoveEve;
+		if (this._moveAnimationFrame !== -1) {
+			cancelRequestFrame(this._moveAnimationFrame);
+			this._moveAnimationFrame = -1;
+		}
+		this._animatedRange = null;
+		(_this$_restoreMoveEve = this._restoreMoveEvents) === null || _this$_restoreMoveEve === void 0 || _this$_restoreMoveEve.call(this);
+		this._restoreMoveEvents = null;
 	}
 	/**
 	* Update primary range.
@@ -2298,40 +2370,22 @@ var SelectionControl = class extends Disposable {
 		this._selectionRenderModel.setCurrentCell(primaryCell);
 	}
 	clearHighlight() {
+		this._stopMoveAnimation();
 		this._showAutoFill = false;
 		this._selectionRenderModel.clearCurrentCell();
 		this._updateLayoutOfSelectionControl(this._currentStyle);
+		this._updateControlCoord();
 	}
 	getScene() {
 		return this._scene;
 	}
 	dispose() {
-		var _this$_leftBorder, _this$_rightBorder, _this$_topBorder, _this$_bottomBorder, _this$_backgroundCont, _this$_backgroundCont2, _this$_backgroundCont3, _this$_backgroundCont4, _this$_selectionShape, _this$_rowHeaderBackg, _this$_rowHeaderBorde, _this$_rowHeaderGroup, _this$_rowHeaderBackg2, _this$_columnHeaderBa, _this$_columnHeaderBo, _this$_columnHeaderGr, _this$_topLeftWidget, _this$_topCenterWidge, _this$_topRightWidget, _this$_middleLeftWidg, _this$_middleRightWid, _this$_bottomLeftWidg, _this$_bottomCenterWi, _this$_bottomRightWid, _this$_controlExtensi;
-		(_this$_leftBorder = this._leftBorder) === null || _this$_leftBorder === void 0 || _this$_leftBorder.dispose();
-		(_this$_rightBorder = this._rightBorder) === null || _this$_rightBorder === void 0 || _this$_rightBorder.dispose();
-		(_this$_topBorder = this._topBorder) === null || _this$_topBorder === void 0 || _this$_topBorder.dispose();
-		(_this$_bottomBorder = this._bottomBorder) === null || _this$_bottomBorder === void 0 || _this$_bottomBorder.dispose();
-		(_this$_backgroundCont = this._backgroundControlTop) === null || _this$_backgroundCont === void 0 || _this$_backgroundCont.dispose();
-		(_this$_backgroundCont2 = this._backgroundControlMiddleLeft) === null || _this$_backgroundCont2 === void 0 || _this$_backgroundCont2.dispose();
-		(_this$_backgroundCont3 = this._backgroundControlMiddleRight) === null || _this$_backgroundCont3 === void 0 || _this$_backgroundCont3.dispose();
-		(_this$_backgroundCont4 = this._backgroundControlBottom) === null || _this$_backgroundCont4 === void 0 || _this$_backgroundCont4.dispose();
-		this._autoFillControl.dispose();
-		(_this$_selectionShape = this._selectionShapeGroup) === null || _this$_selectionShape === void 0 || _this$_selectionShape.dispose();
-		(_this$_rowHeaderBackg = this._rowHeaderBackground) === null || _this$_rowHeaderBackg === void 0 || _this$_rowHeaderBackg.dispose();
-		(_this$_rowHeaderBorde = this._rowHeaderBorder) === null || _this$_rowHeaderBorde === void 0 || _this$_rowHeaderBorde.dispose();
-		(_this$_rowHeaderGroup = this._rowHeaderGroup) === null || _this$_rowHeaderGroup === void 0 || _this$_rowHeaderGroup.dispose();
-		(_this$_rowHeaderBackg2 = this._rowHeaderBackground) === null || _this$_rowHeaderBackg2 === void 0 || _this$_rowHeaderBackg2.dispose();
-		(_this$_columnHeaderBa = this._columnHeaderBackground) === null || _this$_columnHeaderBa === void 0 || _this$_columnHeaderBa.dispose();
-		(_this$_columnHeaderBo = this._columnHeaderBorder) === null || _this$_columnHeaderBo === void 0 || _this$_columnHeaderBo.dispose();
-		(_this$_columnHeaderGr = this._columnHeaderGroup) === null || _this$_columnHeaderGr === void 0 || _this$_columnHeaderGr.dispose();
-		(_this$_topLeftWidget = this._topLeftWidget) === null || _this$_topLeftWidget === void 0 || _this$_topLeftWidget.dispose();
-		(_this$_topCenterWidge = this._topCenterWidget) === null || _this$_topCenterWidge === void 0 || _this$_topCenterWidge.dispose();
-		(_this$_topRightWidget = this._topRightWidget) === null || _this$_topRightWidget === void 0 || _this$_topRightWidget.dispose();
-		(_this$_middleLeftWidg = this._middleLeftWidget) === null || _this$_middleLeftWidg === void 0 || _this$_middleLeftWidg.dispose();
-		(_this$_middleRightWid = this._middleRightWidget) === null || _this$_middleRightWid === void 0 || _this$_middleRightWid.dispose();
-		(_this$_bottomLeftWidg = this._bottomLeftWidget) === null || _this$_bottomLeftWidg === void 0 || _this$_bottomLeftWidg.dispose();
-		(_this$_bottomCenterWi = this._bottomCenterWidget) === null || _this$_bottomCenterWi === void 0 || _this$_bottomCenterWi.dispose();
-		(_this$_bottomRightWid = this._bottomRightWidget) === null || _this$_bottomRightWid === void 0 || _this$_bottomRightWid.dispose();
+		var _this$_controlExtensi;
+		this._stopMoveAnimation();
+		this._stopAntLineAnimation();
+		this._selectionShapeGroup.dispose();
+		this._rowHeaderGroup.dispose();
+		this._columnHeaderGroup.dispose();
 		(_this$_controlExtensi = this._controlExtension) === null || _this$_controlExtensi === void 0 || _this$_controlExtensi.dispose();
 		super.dispose();
 		this._dispose$.next(this);
@@ -2431,12 +2485,12 @@ var SelectionControl = class extends Disposable {
 		this._rowHeaderGroup.makeDirty(true);
 	}
 	_updateBackgroundControl(style) {
-		const { startX, startY, endX, endY } = this._selectionRenderModel;
+		const { startX, startY, endX, endY } = this._animatedRange ?? this._selectionRenderModel;
 		const scale = this._getScale();
 		const { fill = style.fill } = style;
 		let { strokeWidth } = style;
 		strokeWidth /= scale;
-		const highlightSelection = this._selectionRenderModel.highlightToSelection();
+		const highlightSelection = this._animatedRange ?? this._selectionRenderModel.highlightToSelection();
 		if (!highlightSelection) {
 			this._backgroundControlTop.resize(endX - startX, endY - startY);
 			this._backgroundControlTop.setProps({ fill });
@@ -2497,7 +2551,7 @@ var SelectionControl = class extends Disposable {
 		this._backgroundControlBottom.setProps({ fill });
 	}
 	_updateWidgets(style) {
-		const { startX, startY, endX, endY } = this._selectionRenderModel;
+		const { startX, startY, endX, endY } = this._animatedRange ?? this._selectionRenderModel;
 		const { stroke = style.stroke, widgets = style.widgets, widgetStroke = style.widgetStroke } = style;
 		const scale = this._getScale();
 		let { widgetSize, widgetStrokeWidth } = style;
@@ -3051,9 +3105,10 @@ var HtmlToUSMService = class HtmlToUSMService {
 					cellDataStream = `${dataStream.substring(starts[i])}\r\n`;
 					if (cellDataStream === "\r\n") continue;
 				} else cellDataStream = `${dataStream.substring(starts[i], starts[i + 1] - 1)}\r\n`;
+				const end = starts[i + 1] ?? dataStream.length;
 				const cellTextRuns = [];
 				textRuns === null || textRuns === void 0 || textRuns.forEach((t) => {
-					if (t.st >= starts[i] && t.ed <= starts[i + 1]) cellTextRuns.push({
+					if (t.st >= starts[i] && t.ed <= end) cellTextRuns.push({
 						st: t.st - starts[i],
 						ed: t.ed - starts[i],
 						ts: t.ts
@@ -3061,7 +3116,7 @@ var HtmlToUSMService = class HtmlToUSMService {
 				});
 				const cellCustomRanges = [];
 				customRanges === null || customRanges === void 0 || customRanges.forEach((c) => {
-					if (c.startIndex >= starts[i] && c.endIndex <= starts[i + 1]) cellCustomRanges.push({
+					if (c.startIndex >= starts[i] && c.endIndex <= end) cellCustomRanges.push({
 						...c,
 						startIndex: c.startIndex - starts[i],
 						endIndex: c.endIndex - starts[i]
@@ -3089,14 +3144,9 @@ var HtmlToUSMService = class HtmlToUSMService {
 				payloads,
 				customRanges
 			};
-			if (!(customRanges === null || customRanges === void 0 ? void 0 : customRanges.length)) valueMatrix.setValue(0, 0, convertToCellStyle({ v: dataStream }, dataStream, textRuns));
-			else {
-				const p = this._generateDocumentDataModelSnapshot({ body: singleDocBody });
-				valueMatrix.setValue(0, 0, convertToCellStyle({
-					v: dataStream,
-					p
-				}, dataStream, textRuns));
-			}
+			const cell = { v: dataStream };
+			if ((textRuns === null || textRuns === void 0 ? void 0 : textRuns.length) || (customRanges === null || customRanges === void 0 ? void 0 : customRanges.length)) cell.p = this._generateDocumentDataModelSnapshot({ body: singleDocBody });
+			valueMatrix.setValue(0, 0, convertToCellStyle(cell, dataStream, textRuns));
 			rowProperties.push({});
 		}
 		if (tableStrings) tableStrings.forEach((t, index) => {
@@ -3713,7 +3763,7 @@ const LarkPastePlugin = {
 const UniverPastePlugin = {
 	name: "univer-sheet-paste-plugin-univer",
 	checkPasteType(html) {
-		return /UniverNormal/i.test(html);
+		return /<p\b[^>]*\sclass\s*=\s*["'](?:[^"']*\s)?UniverNormal(?:\s[^"']*)?["']/i.test(html);
 	},
 	stylesRules: [],
 	afterProcessRules: [{
@@ -4090,9 +4140,9 @@ function wrapHtmlForExcel(html) {
 /**
 * This service provide hooks for sheet features to supplement content or modify behavior of clipboard.
 */
+HtmlToUSMService.use(UniverPastePlugin);
 HtmlToUSMService.use(WordPastePlugin);
 HtmlToUSMService.use(LarkPastePlugin);
-HtmlToUSMService.use(UniverPastePlugin);
 const ISheetClipboardService = createIdentifier("sheet.clipboard-service");
 let SheetClipboardService = class SheetClipboardService extends Disposable {
 	constructor(_logService, _univerInstanceService, _selectionManagerService, _clipboardInterfaceService, _undoRedoService, _commandService, _markSelectionService, _notificationService, _platformService, _renderManagerService, _themeService, _localeService, _errorService, _injector) {
@@ -4621,6 +4671,19 @@ let SheetClipboardService = class SheetClipboardService extends Disposable {
 			const start = pasteTarget.pastedRange.rows[0];
 			const end = range.rows[range.rows.length - 1] - range.rows[0] + start;
 			pasteTarget.pastedRange.rows = Array.from(new Array(end + 1).keys()).slice(start);
+			if (!skipCellCopy) {
+				if (!await this._injector.get(SheetInterceptorService).beforeCommandExecute({
+					id: MoveRangeCommand.id,
+					params: {
+						fromUnitId: copyUnitId,
+						fromSubUnitId: copySubUnitId,
+						fromRange: discreteRangeToRange(range),
+						toUnitId: target.unitId,
+						toSubUnitId: target.subUnitId,
+						toRange: discreteRangeToRange(pasteTarget.pastedRange)
+					}
+				})) return false;
+			}
 		}
 		const pasteRes = this._pasteUSM({
 			cellMatrix,
@@ -6874,7 +6937,7 @@ const SetSelectionFrozenCommand = {
 			if (selectRow === 0) selectRow = 1;
 			let selectColumn = (primary === null || primary === void 0 ? void 0 : primary.startColumn) ?? range.startColumn;
 			if (selectColumn === 0) selectColumn = 1;
-			const rangeType = range.rangeType;
+			const rangeType = range.rangeType ?? RANGE_TYPE.NORMAL;
 			if (rangeType === RANGE_TYPE.ROW || type === 1) {
 				startRow = selectRow;
 				freezedRowCount = selectRow - sheetViewStartRow;
@@ -6951,6 +7014,30 @@ const SetFirstColumnFrozenCommand = {
 	}
 };
 
+//#endregion
+//#region src/config/config.ts
+const SHEETS_UI_PLUGIN_CONFIG_KEY = "sheets-ui.config";
+const configSymbol = Symbol(SHEETS_UI_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {
+	allowArrowKeyWrapOnSheetBoundary: true,
+	formulaBar: true,
+	protectedRangeShadow: true,
+	maxAutoHeightCount: 1e3
+};
+/**
+* Convert the protectedRangeShadow config to shadow strategy
+* - true -> 'always'
+* - false -> 'none'
+* - string values remain unchanged
+* @param config The protectedRangeShadow config value
+* @returns The shadow strategy
+*/
+function convertToShadowStrategy(config) {
+	if (config === true) return "always";
+	if (config === false) return "none";
+	return config || "always";
+}
+
 //#endregion
 //#region src/services/select-all/select-all.service.ts
 var SelectAllService = class extends Disposable {
@@ -7044,7 +7131,9 @@ const MoveSelectionCommand = {
 			}
 		}
 		const startRange = getStartRange(range, primary, direction);
-		const next = jumpOver === 1 ? findNextGapRange(startRange, direction, worksheet) : findNextRange(startRange, direction, worksheet);
+		const config = accessor.get(IConfigService).getConfig(SHEETS_UI_PLUGIN_CONFIG_KEY);
+		const allowWrap = (config === null || config === void 0 ? void 0 : config.allowArrowKeyWrapOnSheetBoundary) ?? true;
+		const next = jumpOver === 1 ? findNextGapRange(startRange, direction, worksheet) : findNextRange(startRange, direction, worksheet, void 0, true, 1, allowWrap);
 		const destRange = getCellAtRowCol(next.startRow, next.startColumn, worksheet);
 		if (Rectangle.equals(destRange, startRange)) return false;
 		const unitId = workbook.getUnitId();
@@ -7167,13 +7256,7 @@ const MoveSelectionEnterAndTabCommand = {
 					keycode: KeyCode.TAB
 				});
 			}
-			/**
-			* The start range is from the primary selection range.
-			* If the edited cell is the last row/column of the worksheet, and the submitted operation is Enter/Tab to move down/right, the next selected cell should still be the current cell (not move to the first row/column of the worksheet).
-			*/
-			const isLastRowCell = keycode === KeyCode.ENTER && direction === Direction.DOWN && startRange.endRow === worksheet.getMaxRows() - 1;
-			const isLastColumnCell = keycode === KeyCode.TAB && direction === Direction.RIGHT && startRange.endColumn === worksheet.getMaxColumns() - 1;
-			const next = isLastRowCell || isLastColumnCell ? startRange : findNextRange(startRange, direction, worksheet);
+			const next = findNextRange(startRange, direction, worksheet, void 0, true, 1, false);
 			const destRange = getCellAtRowCol(next.startRow, next.startColumn, worksheet);
 			if (Rectangle.equals(destRange, startRange)) return false;
 			resultRange = {
@@ -7217,11 +7300,19 @@ const ExpandSelectionCommand = {
 		const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
 		if (!target) return false;
 		const { worksheet, unitId, subUnitId } = target;
-		const selection = getSelectionsService(accessor).getCurrentLastSelection();
+		const selectionsService = getSelectionsService(accessor, params.fromCurrentSelection);
+		const selection = selectionsService.getCurrentLastSelection();
 		if (!selection) return false;
 		const { jumpOver, direction, extra } = params;
 		let { range: startRange, primary } = selection;
 		if (extra === "formula-editor") {
+			if (params.fromCurrentSelection && primary) startRange = {
+				startRow: primary.startRow,
+				endRow: primary.endRow,
+				startColumn: primary.startColumn,
+				endColumn: primary.endColumn,
+				rangeType: RANGE_TYPE.NORMAL
+			};
 			if (startRange.startRow === startRange.endRow && startRange.startColumn === startRange.endColumn) {
 				const mergedCell = worksheet.getMergedCell(startRange.startRow, startRange.startColumn);
 				if (mergedCell) startRange = {
@@ -7230,18 +7321,21 @@ const ExpandSelectionCommand = {
 				};
 			}
 			if (!primary) {
-				const lastSelectionPrimary = getSelectionsService(accessor).getCurrentLastSelectionPrimaryCell();
+				const lastSelectionPrimary = selectionsService.getCurrentLastSelectionPrimaryCell();
 				if (lastSelectionPrimary && Rectangle.contains(startRange, lastSelectionPrimary)) primary = lastSelectionPrimary;
 			}
 		}
-		const destRange = !checkIfShrink({
+		const isShrink = checkIfShrink({
 			range: startRange,
 			primary
-		}, direction, worksheet) ? jumpOver === 1 ? expandToNextGapRange(startRange, direction, worksheet) : expandToNextCell(startRange, direction, worksheet) : jumpOver === 1 ? shrinkToNextGapRange(startRange, {
+		}, direction, worksheet);
+		let destRange;
+		if (isShrink) destRange = jumpOver === 1 ? shrinkToNextGapRange(startRange, {
 			...Rectangle.clone(primary),
 			rangeType: RANGE_TYPE.NORMAL
 		}, direction, worksheet) : shrinkToNextCell(startRange, direction, worksheet);
-		destRange.rangeType = selection.range.rangeType;
+		else destRange = jumpOver === 1 ? expandToNextGapRange(startRange, direction, worksheet) : expandToNextCell(startRange, direction, worksheet);
+		destRange.rangeType = startRange.rangeType;
 		if (Rectangle.equals(destRange, startRange)) return false;
 		return accessor.get(ICommandService).syncExecuteCommand(SetSelectionsOperation.id, {
 			unitId,
@@ -8142,14 +8236,17 @@ function transformPosition2Offset(x, y, scene, skeleton, worksheet) {
 	const endSheetView = skeleton.getNoMergeCellWithCoordByIndex(startRow, startColumn, false);
 	const { rowHeaderWidth, columnHeaderHeight } = skeleton;
 	const freezeWidth = endSheetView.startX - startSheetView.startX;
-	const freezeHeight = endSheetView.startY - startSheetView.startY;
+	const freezeStartY = ySplit > 0 && startRow === ySplit ? 0 : startSheetView.startY;
+	const freezeHeight = endSheetView.startY - freezeStartY;
 	const { top, left, viewportScrollX, viewportScrollY } = viewMain;
+	const viewportLeft = left / scaleX;
+	const viewportTop = top / scaleY;
 	let offsetX;
-	if (x > left) offsetX = (x - viewportScrollX) * scaleX;
-	else offsetX = (freezeWidth + rowHeaderWidth - (left - x)) * scaleX;
+	if (x > viewportLeft) offsetX = (x - viewportScrollX) * scaleX;
+	else offsetX = (freezeWidth + rowHeaderWidth - (viewportLeft - x)) * scaleX;
 	let offsetY;
-	if (y > top) offsetY = (y - viewportScrollY) * scaleY;
-	else offsetY = (freezeHeight + columnHeaderHeight - (top - y)) * scaleX;
+	if (y > viewportTop) offsetY = (y - viewportScrollY) * scaleY;
+	else offsetY = (freezeHeight + columnHeaderHeight - (viewportTop - y)) * scaleY;
 	return {
 		x: offsetX,
 		y: offsetY
@@ -8292,7 +8389,7 @@ let EditorBridgeService = class EditorBridgeService extends Disposable {
 	}
 	refreshEditCellPosition(resetSizeOnly) {
 		if (!this._currentEditCell || !this._currentEditCellState) return;
-		const { unitId, sheetId, primary, scene, engine } = this._currentEditCell;
+		const { unitId, sheetId, primary: selectedCell, scene, engine } = this._currentEditCell;
 		const workbook = this._getWorkbookForEditUnit(unitId);
 		if (!workbook || workbook.getUnitId() !== unitId) return;
 		const worksheet = workbook.getActiveSheet();
@@ -8300,6 +8397,7 @@ let EditorBridgeService = class EditorBridgeService extends Disposable {
 		if (!this._renderManagerService.getRenderUnitById(unitId)) return;
 		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, sheetId);
 		if (!skeleton) return;
+		const primary = worksheet.getCellInfoInMergeData(selectedCell.actualRow, selectedCell.actualColumn);
 		const primaryWithCoord = attachPrimaryWithCoord(skeleton, primary);
 		const actualRangeWithCoord = convertCellToRange(primaryWithCoord);
 		const canvasOffset = getCanvasOffsetByEngine(engine);
@@ -8397,7 +8495,7 @@ let EditorBridgeService = class EditorBridgeService extends Disposable {
 	getLatestEditCellState() {
 		var _documentLayoutObject, _documentLayoutObject2;
 		if (!this._currentEditCell) return;
-		const { unitId, sheetId, primary, scene, engine } = this._currentEditCell;
+		const { unitId, sheetId, primary: selectedCell, scene, engine } = this._currentEditCell;
 		const workbook = this._getWorkbookForEditUnit(unitId);
 		if (!workbook || workbook.getUnitId() !== unitId) return;
 		const worksheet = workbook.getActiveSheet();
@@ -8405,6 +8503,7 @@ let EditorBridgeService = class EditorBridgeService extends Disposable {
 		if (!this._renderManagerService.getRenderUnitById(unitId)) return;
 		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, sheetId);
 		if (!skeleton) return;
+		const primary = worksheet.getCellInfoInMergeData(selectedCell.actualRow, selectedCell.actualColumn);
 		const { startRow, startColumn } = primary;
 		const primaryWithCoord = attachPrimaryWithCoord(skeleton, primary);
 		const actualRangeWithCoord = convertCellToRange(primaryWithCoord);
@@ -8776,29 +8875,6 @@ const SetActivateCellEditOperation = {
 	}
 };
 
-//#endregion
-//#region src/config/config.ts
-const SHEETS_UI_PLUGIN_CONFIG_KEY = "sheets-ui.config";
-const configSymbol = Symbol(SHEETS_UI_PLUGIN_CONFIG_KEY);
-const defaultPluginConfig = {
-	formulaBar: true,
-	protectedRangeShadow: true,
-	maxAutoHeightCount: 1e3
-};
-/**
-* Convert the protectedRangeShadow config to shadow strategy
-* - true -> 'always'
-* - false -> 'none'
-* - string values remain unchanged
-* @param config The protectedRangeShadow config value
-* @returns The shadow strategy
-*/
-function convertToShadowStrategy(config) {
-	if (config === true) return "always";
-	if (config === false) return "none";
-	return config || "always";
-}
-
 //#endregion
 //#region src/commands/operations/cell-edit.operation.ts
 const SetCellEditVisibleOperation = {
@@ -10316,6 +10392,18 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		this._univerInstanceService = _univerInstanceService;
 		this._configService = _configService;
 		this._embedFloatingGeometryService = _embedFloatingGeometryService;
+		_defineProperty(this, "_editorWidth", 0);
+		_defineProperty(this, "_editorHeight", 0);
+		_defineProperty(this, "_initialEditorSize", null);
+		_defineProperty(this, "_cellSize", null);
+		this.disposeWithMe(this._editorBridgeService.visible$.subscribe(({ visible }) => {
+			if (!visible) {
+				this._editorWidth = 0;
+				this._editorHeight = 0;
+				this._initialEditorSize = null;
+				this._cellSize = null;
+			}
+		}));
 	}
 	get _currentRenderer() {
 		return getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService);
@@ -10343,10 +10431,13 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		if (!param) return;
 		const { position, documentLayoutObject, canvasOffset, scaleX, scaleY } = param;
 		const { startX, startY, endX, endY } = position;
+		const cellWidth = endX - startX;
+		const cellHeight = endY - startY;
 		const documentDataModel = this._univerInstanceService.getUnit(DOCS_NORMAL_EDITOR_UNIT_ID_KEY, UniverInstanceType.UNIVER_DOC);
 		if (documentDataModel == null) return;
 		const documentSkeleton = this._getEditorSkeleton();
 		if (!documentSkeleton) return;
+		this._syncCellSize(cellWidth / scaleX, cellHeight / scaleY);
 		documentSkeleton.resetInitialWidth();
 		const info = this._predictingSize(position, canvasOffset, documentSkeleton, documentLayoutObject, scaleX, scaleY);
 		if (!info || info.actualWidth <= 0) return;
@@ -10354,17 +10445,17 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		const { verticalAlign, horizontalAlign, paddingData, fill } = documentLayoutObject;
 		actualWidth = actualWidth + (paddingData.l ?? 0) * scaleX + (paddingData.r ?? 0) * scaleX;
 		actualHeight = actualHeight + (paddingData.t ?? 0) * scaleY + (paddingData.b ?? 0) * scaleY;
-		let editorWidth = endX - startX;
-		let editorHeight = endY - startY;
-		if (editorWidth < actualWidth) editorWidth = Math.ceil(actualWidth);
-		if (editorHeight < actualHeight) editorHeight = Math.ceil(actualHeight);
+		const contentWidth = cellWidth < actualWidth ? Math.ceil(actualWidth) : cellWidth;
+		const contentHeight = cellHeight < actualHeight ? Math.ceil(actualHeight) : cellHeight;
+		const editorWidth = Math.max(contentWidth, Math.min(this._editorWidth * scaleX, info.maxSize.width));
+		const editorHeight = Math.max(contentHeight, Math.min(this._editorHeight * scaleY, info.maxSize.height));
 		let offsetTop = 0;
 		if (verticalAlign === VerticalAlign.MIDDLE) offsetTop = (editorHeight - actualHeight) / 2 / scaleY;
 		else if (verticalAlign === VerticalAlign.TOP) offsetTop = paddingData.t || 0;
 		else offsetTop = (editorHeight - actualHeight) / scaleY;
 		let offsetLeft = 0;
-		if (horizontalAlign === HorizontalAlign.CENTER) {} else if (horizontalAlign === HorizontalAlign.RIGHT) offsetLeft = (editorWidth - actualWidth) / scaleX;
-		else offsetLeft = paddingData.l || 0;
+		if (horizontalAlign === HorizontalAlign.RIGHT) offsetLeft = (editorWidth - actualWidth) / scaleX;
+		else if (horizontalAlign !== HorizontalAlign.CENTER) offsetLeft = paddingData.l || 0;
 		offsetTop = Math.max(offsetTop, paddingData.t || 0);
 		offsetLeft = Math.max(offsetLeft, paddingData.l || 0);
 		documentDataModel.updateDocumentDataMargin({
@@ -10372,7 +10463,22 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 			l: offsetLeft
 		});
 		documentSkeleton.calculate();
-		this._editAreaProcessing(editorWidth, editorHeight, position, canvasOffset, fill, scaleX, scaleY, horizontalAlign, callback);
+		this._editAreaProcessing({
+			width: editorWidth,
+			height: editorHeight,
+			contentWidth
+		}, position, canvasOffset, fill, scaleX, scaleY, horizontalAlign, callback);
+	}
+	_syncCellSize(width, height) {
+		if (this._cellSize && (Math.abs(this._cellSize.width - width) > 1e-6 || Math.abs(this._cellSize.height - height) > 1e-6)) {
+			var _this$_initialEditorS, _this$_initialEditorS2;
+			this._editorWidth = ((_this$_initialEditorS = this._initialEditorSize) === null || _this$_initialEditorS === void 0 ? void 0 : _this$_initialEditorS.width) ?? 0;
+			this._editorHeight = ((_this$_initialEditorS2 = this._initialEditorSize) === null || _this$_initialEditorS2 === void 0 ? void 0 : _this$_initialEditorS2.height) ?? 0;
+		}
+		this._cellSize = {
+			width,
+			height
+		};
 	}
 	/**
 	* Mainly used to pre-calculate the width of the editor,
@@ -10383,25 +10489,26 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		const { textRotation, wrapStrategy, paddingData } = documentLayoutObject;
 		const documentDataModel = this._univerInstanceService.getUnit(DOCS_NORMAL_EDITOR_UNIT_ID_KEY, UniverInstanceType.UNIVER_DOC);
 		const { vertexAngle: angle } = convertTextRotation(textRotation);
+		const maxSize = this._getEditorMaxSize(actualRangeWithCoord, canvasOffset, documentLayoutObject.horizontalAlign);
+		if (!maxSize) return;
+		documentDataModel === null || documentDataModel === void 0 || documentDataModel.updateDocumentDataMargin({
+			l: paddingData.l,
+			t: paddingData.t
+		});
 		if (wrapStrategy === WrapStrategy.WRAP && angle === 0) {
 			documentDataModel === null || documentDataModel === void 0 || documentDataModel.updateDocumentDataPageSize((endX - startX) / scaleX);
-			documentDataModel === null || documentDataModel === void 0 || documentDataModel.updateDocumentDataMargin({
-				l: paddingData.l,
-				t: paddingData.t
-			});
 			documentSkeleton.calculate();
 			const { actualWidth, actualHeight } = documentSkeleton.getActualSize();
 			return {
 				actualWidth: actualWidth * scaleX,
-				actualHeight: actualHeight * scaleY
+				actualHeight: actualHeight * scaleY,
+				maxSize
 			};
 		}
-		const maxSize = this._getEditorMaxSize(actualRangeWithCoord, canvasOffset, documentLayoutObject.horizontalAlign);
-		if (!maxSize) return;
 		documentDataModel === null || documentDataModel === void 0 || documentDataModel.updateDocumentDataPageSize(maxSize.width / scaleX);
 		documentSkeleton.calculate();
 		const size = documentSkeleton.getActualSize();
-		let editorWidth = endX - startX;
+		let editorWidth = Math.max(endX - startX, Math.min(this._editorWidth * scaleX, maxSize.width));
 		if (editorWidth < size.actualWidth * scaleX + EDITOR_INPUT_SELF_EXTEND_GAP * scaleX) editorWidth = size.actualWidth * scaleX + EDITOR_INPUT_SELF_EXTEND_GAP * scaleX;
 		documentDataModel === null || documentDataModel === void 0 || documentDataModel.updateDocumentDataPageSize(editorWidth / scaleX);
 		/**
@@ -10413,7 +10520,8 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		});
 		return {
 			actualWidth: size.actualWidth * scaleX,
-			actualHeight: size.actualHeight * scaleY
+			actualHeight: size.actualHeight * scaleY,
+			maxSize
 		};
 	}
 	_getEditorMaxSize(position, canvasOffset, horizontalAlign) {
@@ -10459,7 +10567,7 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 	* determine whether a scrollbar appears,
 	* and calculate the editor's boundaries relative to the browser.
 	*/
-	_editAreaProcessing(editorWidth, editorHeight, actualRangeWithCoord, canvasOffset, fill, scaleX = 1, scaleY = 1, horizontalAlign, callback) {
+	_editAreaProcessing(size, actualRangeWithCoord, canvasOffset, fill, scaleX = 1, scaleY = 1, horizontalAlign, callback) {
 		const editorObject = this._getEditorObject();
 		if (editorObject == null) return;
 		const engine = this.engine;
@@ -10467,25 +10575,16 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 		const canvasElement = engine.getCanvasElement();
 		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, 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) {
-			if (scrollBar == null) viewportMain && new ScrollBar(viewportMain, {
-				enableHorizontal: false,
-				barSize: 8
-			});
-			else viewportMain === null || viewportMain === void 0 || viewportMain.resetCanvasSizeAndUpdateScroll();
-			viewportMain === null || viewportMain === void 0 || viewportMain.scrollToViewportPos({ viewportScrollY: physicHeight - clientHeight });
-			physicHeight = clientHeight;
-		} else {
-			var _viewportMain$getScro;
-			scrollBar = null;
-			viewportMain === null || viewportMain === void 0 || (_viewportMain$getScro = viewportMain.getScrollBar()) === null || _viewportMain$getScro === void 0 || _viewportMain$getScro.dispose();
-		}
-		editorWidth += (scrollBar === null || scrollBar === void 0 ? void 0 : scrollBar.barSize) || 0;
-		if (editorWidth > clientWidth) editorWidth = clientWidth;
+		const { physicHeight, scrollBarWidth } = this._fitEditorViewport(editorScene, size.height, clientHeight);
+		const editorWidth = Math.min(Math.max(size.width, size.contentWidth + scrollBarWidth), clientWidth);
+		const editorHeight = size.height;
+		this._editorWidth = Math.max(this._editorWidth, editorWidth / scaleX);
+		this._editorHeight = Math.max(this._editorHeight, physicHeight / scaleY);
+		if (!this._initialEditorSize && this._editorBridgeService.isVisible().visible) this._initialEditorSize = {
+			width: editorWidth / scaleX,
+			height: physicHeight / scaleY
+		};
 		this._addBackground(editorScene, editorWidth / scaleX, editorHeight / scaleY, fill);
 		const { scaleX: precisionScaleX, scaleY: precisionScaleY } = editorScene.getPrecisionScale();
 		editorScene.transformByState({
@@ -10495,11 +10594,6 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 			scaleY: scaleY * scaleAdjustY
 		});
 		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
-		* When modifying the selection area for a formula, it is necessary to add a setTimeout to ensure successful updating.
-		*/
 		setTimeout(() => {
 			docEngine.resizeBySize(fixLineWidthByScale(editorWidth, precisionScaleX), fixLineWidthByScale(physicHeight, precisionScaleY));
 			callback === null || callback === void 0 || callback();
@@ -10519,6 +10613,26 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends Di
 			show: true
 		});
 	}
+	_fitEditorViewport(editorScene, editorHeight, clientHeight) {
+		const viewportMain = editorScene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+		let scrollBar = viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.getScrollBar();
+		if (editorHeight > clientHeight) {
+			if (scrollBar == null) viewportMain && new ScrollBar(viewportMain, {
+				enableHorizontal: false,
+				barSize: 8
+			});
+			else viewportMain === null || viewportMain === void 0 || viewportMain.resetCanvasSizeAndUpdateScroll();
+			viewportMain === null || viewportMain === void 0 || viewportMain.scrollToViewportPos({ viewportScrollY: editorHeight - clientHeight });
+		} else {
+			var _viewportMain$getScro;
+			scrollBar = null;
+			viewportMain === null || viewportMain === void 0 || (_viewportMain$getScro = viewportMain.getScrollBar()) === null || _viewportMain$getScro === void 0 || _viewportMain$getScro.dispose();
+		}
+		return {
+			physicHeight: Math.min(editorHeight, clientHeight),
+			scrollBarWidth: (scrollBar === null || scrollBar === void 0 ? void 0 : scrollBar.barSize) ?? 0
+		};
+	}
 	_getEditorContentElement() {
 		var _this$_embedFloatingG;
 		return ((_this$_embedFloatingG = this._embedFloatingGeometryService) === null || _this$_embedFloatingG === void 0 || (_this$_embedFloatingG = _this$_embedFloatingG.getRegistrationByChildUnitId(this._editingUnitId)) === null || _this$_embedFloatingG === void 0 ? void 0 : _this$_embedFloatingG.contentRoot) ?? this._layoutService.getContentElement();
@@ -10977,27 +11091,6 @@ function generateArrowSelectionShortCutItem() {
 			}
 		});
 	}
-	for (const [binding, macArrow, direction] of [[
-		KeyCode.HOME,
-		KeyCode.ARROW_LEFT,
-		Direction.LEFT
-	], [
-		KeyCode.END,
-		KeyCode.ARROW_RIGHT,
-		Direction.RIGHT
-	]]) for (const extend of [false, true]) {
-		const shift = extend ? MetaKeys.SHIFT : 0;
-		shortcutList.push({
-			id: extend ? MoveSelectionOperation.id : MoveCursorOperation.id,
-			binding: binding | shift,
-			mac: macArrow | MetaKeys.CTRL_COMMAND | shift,
-			preconditions: whenEditorDidNotInputFormulaActivated,
-			staticParameters: {
-				direction,
-				granularity: "line"
-			}
-		});
-	}
 	return shortcutList;
 }
 const StartEditWithF2Shortcut = {
@@ -11398,15 +11491,15 @@ function getPercentOffset(editCellState, dataStream) {
 }
 function getPercentEditorSelection(editCellState, visibleParam, dataStream) {
 	const percentOffset = getPercentOffset(editCellState, dataStream);
-	if (percentOffset == null) return null;
-	const { eventType, initialValue, keycode } = visibleParam;
-	if (isFormulaString(dataStream) && (eventType === DeviceInputEventType.Dblclick || keycode === KeyCode.F2)) return null;
-	if (eventType === DeviceInputEventType.Keyboard && keycode === KeyCode.F2) return {
+	if (percentOffset == null || visibleParam.eventType !== DeviceInputEventType.Keyboard) return null;
+	const { initialValue, keycode } = visibleParam;
+	if (isFormulaString(dataStream) && keycode === KeyCode.F2) return null;
+	if (keycode === KeyCode.F2) return {
 		startOffset: percentOffset,
 		endOffset: percentOffset,
 		collapsed: true
 	};
-	if (eventType !== DeviceInputEventType.Dblclick && (eventType !== DeviceInputEventType.Keyboard || keycode === KeyCode.BACKSPACE || keycode === KeyCode.DELETE || !/^\d/.test(initialValue ?? ""))) return null;
+	if (keycode === KeyCode.BACKSPACE || keycode === KeyCode.DELETE || !/^\d/.test(initialValue ?? "")) return null;
 	return {
 		startOffset: 0,
 		endOffset: percentOffset,
@@ -11656,7 +11749,7 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 		}));
 	}
 	_handleEditorVisible(param) {
-		var _this$_sheetCellEdito4, _documentDataModel$ge, _this$_renderManagerS5;
+		var _documentDataModel$ge, _this$_renderManagerS6;
 		const { eventType, keycode } = param;
 		this._cursorChange = eventType === DeviceInputEventType.PointerDown || eventType === DeviceInputEventType.Dblclick ? 2 : 1;
 		const editCellState = this._editorBridgeService.getEditLocation();
@@ -11675,21 +11768,25 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 		this._editorBridgeService.refreshEditCellPosition(false);
 		const editorObject = this._getEditorObject();
 		if (editorObject == null) return;
-		const { document, scene } = editorObject;
+		const { document } = editorObject;
 		this._contextService.setContextValue(EDITOR_ACTIVATED, true);
 		const documentDataModel = this._getDocumentDataModel();
 		const skeleton = this._getEditorSkeleton(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		if (!skeleton || !documentDataModel) return;
-		(_this$_sheetCellEdito4 = this._sheetCellEditorResizeService) === null || _this$_sheetCellEdito4 === void 0 || _this$_sheetCellEdito4.fitTextSize(() => {
-			const viewMain = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
-			viewMain === null || viewMain === void 0 || viewMain.scrollToViewportPos({
-				viewportScrollX: Number.POSITIVE_INFINITY,
-				viewportScrollY: Number.POSITIVE_INFINITY
-			});
-		});
+		this._resizeEditorOnOpen(param, editorObject, !!isInArrayFormulaRange);
 		const clearAndEdit = () => {
+			const resetPointerSelection = isInArrayFormulaRange && eventType === DeviceInputEventType.PointerDown;
+			const editorId = this._contextService.getContextValue(FOCUSING_FX_BAR_EDITOR) ? DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY : this._editorBridgeService.getCurrentEditorId();
+			if (resetPointerSelection) {
+				var _this$_renderManagerS5;
+				(_this$_renderManagerS5 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS5 === void 0 || _this$_renderManagerS5.with(DocSelectionRenderService).cancelPointerSelection();
+			}
 			this._emptyDocumentDataModel(documentDataModel.getSnapshot().documentStyle, !!isInArrayFormulaRange);
 			document.makeDirty();
+			if (resetPointerSelection) {
+				var _this$_getEditorSkele;
+				(_this$_getEditorSkele = this._getEditorSkeleton(editorId)) === null || _this$_getEditorSkele === void 0 || _this$_getEditorSkele.calculate();
+			}
 			if (keycode === KeyCode.BACKSPACE || eventType === DeviceInputEventType.Dblclick) {
 				skeleton.calculate();
 				this._editorBridgeService.changeEditorDirty(true);
@@ -11701,6 +11798,27 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 				unitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
 				subUnitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY
 			});
+			if (resetPointerSelection && editorId !== DOCS_NORMAL_EDITOR_UNIT_ID_KEY) {
+				const selectionTarget = {
+					unitId: editorId,
+					subUnitId: editorId
+				};
+				const previousSelection = this._textSelectionManagerService.getSelectionInfo(selectionTarget);
+				this._textSelectionManagerService.replaceSelectionInfoWithoutRefresh({
+					textRanges: [{
+						startOffset: 0,
+						endOffset: 0,
+						collapsed: true,
+						isActive: true
+					}],
+					rectRanges: [],
+					segmentId: "",
+					segmentPage: -1,
+					style: (previousSelection === null || previousSelection === void 0 ? void 0 : previousSelection.style) ?? NORMAL_TEXT_SELECTION_PLUGIN_STYLE,
+					isEditing: true
+				}, selectionTarget);
+				this._textSelectionManagerService.refreshSelection(selectionTarget, true);
+			}
 		};
 		const replaceSelection = (selection) => {
 			this._textSelectionManagerService.replaceDocRanges([selection], {
@@ -11711,7 +11829,7 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 		const percentSelection = getPercentEditorSelection(editCellState, param, (_documentDataModel$ge = documentDataModel.getBody()) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge.dataStream);
 		const cellImage = isCellImage(documentDataModel.getSnapshot());
 		this._submitEmptyCellImageEdit = cellImage && eventType === DeviceInputEventType.Keyboard && keycode === KeyCode.BACKSPACE;
-		if (cellImage) clearAndEdit();
+		if (cellImage || isInArrayFormulaRange) clearAndEdit();
 		else if (eventType === DeviceInputEventType.Keyboard && keycode === KeyCode.F2) {
 			var _documentDataModel$ge2;
 			document.makeDirty();
@@ -11726,19 +11844,39 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 				endOffset,
 				collapsed: true
 			});
-		} else if (eventType === DeviceInputEventType.Keyboard || eventType === DeviceInputEventType.Dblclick && isInArrayFormulaRange) {
+		} else if (eventType === DeviceInputEventType.Keyboard) {
 			if (percentSelection) replaceSelection(percentSelection);
 			else clearAndEdit();
 		} else if (eventType === DeviceInputEventType.Dblclick) {
 			if (this._contextService.getContextValue(FOCUSING_EDITOR_INPUT_FORMULA)) return;
-			const endOffset = documentDataModel.getBody().dataStream.length - 2 || 0;
-			replaceSelection(percentSelection ?? {
-				startOffset: 0,
+			const dataStream = documentDataModel.getBody().dataStream;
+			const endOffset = (!isFormulaString(dataStream) ? getPercentOffset(editCellState, dataStream) : null) ?? dataStream.length - 2;
+			replaceSelection({
+				startOffset: endOffset,
 				endOffset,
-				collapsed: endOffset === 0
+				collapsed: true
 			});
 		}
-		(_this$_renderManagerS5 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS5 === void 0 || _this$_renderManagerS5.scene.resetCursor();
+		(_this$_renderManagerS6 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS6 === void 0 || _this$_renderManagerS6.scene.resetCursor();
+	}
+	_resizeEditorOnOpen(param, editorObject, isInArrayFormulaRange) {
+		var _this$_sheetCellEdito4;
+		const pointerPosition = param.eventType === DeviceInputEventType.Dblclick ? param.pointerPosition : void 0;
+		(_this$_sheetCellEdito4 = this._sheetCellEditorResizeService) === null || _this$_sheetCellEdito4 === void 0 || _this$_sheetCellEdito4.fitTextSize(() => {
+			var _scene$getViewport;
+			if (pointerPosition && this._editorBridgeService.isVisible() !== param) return;
+			const { engine, scene } = editorObject;
+			(_scene$getViewport = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN)) === null || _scene$getViewport === void 0 || _scene$getViewport.scrollToViewportPos({
+				viewportScrollX: pointerPosition ? 0 : Number.POSITIVE_INFINITY,
+				viewportScrollY: pointerPosition ? 0 : Number.POSITIVE_INFINITY
+			});
+			if (!pointerPosition || isInArrayFormulaRange) return;
+			const rect = engine.getCanvasElement().getBoundingClientRect();
+			if (rect.width > 0 && rect.height > 0) {
+				var _this$_renderManagerS7;
+				(_this$_renderManagerS7 = this._renderManagerService.getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS7 === void 0 || _this$_renderManagerS7.with(DocSelectionRenderService).setCursorManually((pointerPosition.x - rect.left) * engine.width / rect.width, (pointerPosition.y - rect.top) * engine.height / rect.height, true, true, { strict: false });
+			}
+		});
 	}
 	_cacheEmptyCellTextStyle() {
 		var _this$_editorBridgeSe, _sourceBody$textRuns;
@@ -11871,8 +12009,8 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 		const editorUnitId = this._editorBridgeService.getCurrentEditorId();
 		if (editorUnitId == null || !this._editorService.isSheetEditor(editorUnitId)) return;
 		if (editorUnitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY) {
-			var _this$_getEditorSkele;
-			(_this$_getEditorSkele = this._getEditorSkeleton(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_getEditorSkele === void 0 || _this$_getEditorSkele.resetInitialWidth();
+			var _this$_getEditorSkele2;
+			(_this$_getEditorSkele2 = this._getEditorSkeleton(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_getEditorSkele2 === void 0 || _this$_getEditorSkele2.resetInitialWidth();
 		}
 		this._clearEditorHistory();
 	}
@@ -11938,12 +12076,12 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 		return this._univerInstanceService.getUnit(DOCS_NORMAL_EDITOR_UNIT_ID_KEY, UniverInstanceType.UNIVER_DOC);
 	}
 	_getEditorSkeleton(editorId) {
-		var _this$_renderManagerS6;
-		return (_this$_renderManagerS6 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS6 === void 0 ? void 0 : _this$_renderManagerS6.with(DocSkeletonManagerService).getSkeleton();
+		var _this$_renderManagerS8;
+		return (_this$_renderManagerS8 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS8 === void 0 ? void 0 : _this$_renderManagerS8.with(DocSkeletonManagerService).getSkeleton();
 	}
 	_getEditorViewModel(editorId) {
-		var _this$_renderManagerS7;
-		return (_this$_renderManagerS7 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(DocSkeletonManagerService).getViewModel();
+		var _this$_renderManagerS9;
+		return (_this$_renderManagerS9 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS9 === void 0 ? void 0 : _this$_renderManagerS9.with(DocSkeletonManagerService).getViewModel();
 	}
 	_getEditingUnit() {
 		return this._editingUnit ? this._univerInstanceService.getUnit(this._editingUnit, UniverInstanceType.UNIVER_SHEET) : null;
@@ -13914,14 +14052,15 @@ let HoverManagerService = class HoverManagerService extends Disposable {
 			location: getLocationBase(activeCell.location)
 		});
 	}
-	triggerDbClick(unitId, offsetX, offsetY) {
+	triggerDbClick(unitId, event) {
 		const deps = this._getCalcDeps(unitId);
 		if (!deps) return;
 		const { currentRender, workbook, worksheet, skeletonParam } = deps;
-		const activeCell = this._calcActiveCell(currentRender, workbook, worksheet, skeletonParam, offsetX, offsetY);
+		const activeCell = this._calcActiveCell(currentRender, workbook, worksheet, skeletonParam, event.offsetX, event.offsetY);
 		if (activeCell) this._currentDbClickedCell$.next({
 			...activeCell,
-			location: getLocationBase(activeCell.location)
+			location: getLocationBase(activeCell.location),
+			event
 		});
 	}
 	triggerScroll() {
@@ -13991,7 +14130,7 @@ let HoverRenderController = class HoverRenderController extends Disposable {
 			if (!skeletonParam) return;
 			const { mainComponent, unitId, components } = this._context;
 			if (!mainComponent) return;
-			disposeSet.add(mainComponent.onPointerEnter$.subscribeEvent((evt) => {
+			disposeSet.add(mainComponent.onPointerEnter$.subscribeEvent(() => {
 				this._active = true;
 			}));
 			disposeSet.add(fromEventSubject(mainComponent.onPointerMove$).subscribe((evt) => {
@@ -14008,7 +14147,7 @@ let HoverRenderController = class HoverRenderController extends Disposable {
 				this._hoverManagerService.triggerClick(unitId, evt.offsetX, evt.offsetY);
 			}));
 			disposeSet.add(mainComponent.onDblclick$.subscribeEvent((evt) => {
-				this._hoverManagerService.triggerDbClick(unitId, evt.offsetX, evt.offsetY);
+				this._hoverManagerService.triggerDbClick(unitId, evt);
 			}));
 			disposeSet.add(mainComponent.onPointerLeave$.subscribeEvent(() => {
 				this._active = false;
@@ -14582,6 +14721,7 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends Di
 		if (row === -1 || row === 0) isTopView = false;
 		if (column === -1 || column === 0) isLeftView = false;
 		const startSheetView = skeleton.getNoMergeCellWithCoordByIndex(row - ySplit, column - xSplit, false);
+		if (isTopView && row === ySplit) startSheetView.startY = 0;
 		const endSheetView = skeleton.getNoMergeCellWithCoordByIndex(row, column, false);
 		viewMainLeftTop.disable();
 		viewMainTop.disable();
@@ -14814,6 +14954,10 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends Di
 	* When switching sheet tabs, it is necessary to update the frozen state of the current view.
 	*/
 	_skeletonListener() {
+		this.disposeWithMe(this._sheetSkeletonManagerService.currentSkeleton$.pipe(switchMap((param) => {
+			var _param$skeleton;
+			return (param === null || param === void 0 || (_param$skeleton = param.skeleton) === null || _param$skeleton === void 0 ? void 0 : _param$skeleton.gapConfigChanged$) ?? EMPTY;
+		})).subscribe(() => this._refreshCurrent()));
 		this.disposeWithMe(toDisposable(this._sheetSkeletonManagerService.currentSkeleton$.subscribe((param) => {
 			if ([
 				SetWorksheetActiveOperation.id,
@@ -17201,6 +17345,10 @@ const MoveRangeConfirmCommand = {
 	id: "sheet.command.move-range-confirm",
 	handler: async (accessor, params) => {
 		if (!params) return false;
+		if (!await accessor.get(SheetInterceptorService).beforeCommandExecute({
+			id: MoveRangeCommand.id,
+			params
+		})) return false;
 		const commandService = accessor.get(ICommandService);
 		const univerInstanceService = accessor.get(IUniverInstanceService);
 		const sourceTarget = getSheetCommandTarget(univerInstanceService, {
@@ -17345,51 +17493,51 @@ const BORDER_LINE_CHILDREN = [
 ];
 const BORDER_SIZE_CHILDREN = [
 	{
-		label: BorderStyleTypes.THIN,
+		label: "sheets-ui.borderStyle.thin",
 		value: BorderStyleTypes.THIN
 	},
 	{
-		label: BorderStyleTypes.HAIR,
+		label: "sheets-ui.borderStyle.hair",
 		value: BorderStyleTypes.HAIR
 	},
 	{
-		label: BorderStyleTypes.DOTTED,
+		label: "sheets-ui.borderStyle.dotted",
 		value: BorderStyleTypes.DOTTED
 	},
 	{
-		label: BorderStyleTypes.DASHED,
+		label: "sheets-ui.borderStyle.dashed",
 		value: BorderStyleTypes.DASHED
 	},
 	{
-		label: BorderStyleTypes.DASH_DOT,
+		label: "sheets-ui.borderStyle.dashDot",
 		value: BorderStyleTypes.DASH_DOT
 	},
 	{
-		label: BorderStyleTypes.DASH_DOT_DOT,
+		label: "sheets-ui.borderStyle.dashDotDot",
 		value: BorderStyleTypes.DASH_DOT_DOT
 	},
 	{
-		label: BorderStyleTypes.MEDIUM,
+		label: "sheets-ui.borderStyle.medium",
 		value: BorderStyleTypes.MEDIUM
 	},
 	{
-		label: BorderStyleTypes.MEDIUM_DASHED,
+		label: "sheets-ui.borderStyle.mediumDashed",
 		value: BorderStyleTypes.MEDIUM_DASHED
 	},
 	{
-		label: BorderStyleTypes.MEDIUM_DASH_DOT,
+		label: "sheets-ui.borderStyle.mediumDashDot",
 		value: BorderStyleTypes.MEDIUM_DASH_DOT
 	},
 	{
-		label: BorderStyleTypes.MEDIUM_DASH_DOT_DOT,
+		label: "sheets-ui.borderStyle.mediumDashDotDot",
 		value: BorderStyleTypes.MEDIUM_DASH_DOT_DOT
 	},
 	{
-		label: BorderStyleTypes.THICK,
+		label: "sheets-ui.borderStyle.thick",
 		value: BorderStyleTypes.THICK
 	},
 	{
-		label: BorderStyleTypes.DOUBLE,
+		label: "sheets-ui.borderStyle.double",
 		value: BorderStyleTypes.DOUBLE
 	}
 ];
@@ -19197,7 +19345,7 @@ function WrapTextMenuItemFactory(accessor) {
 			const disposable = accessor.get(ICommandService).onCommandExecuted((c) => {
 				var _selectionManagerServ14;
 				const id = c.id;
-				if (id !== SetTextWrapCommand.id && id !== SetSelectionsOperation.id && id !== SetWorksheetActiveOperation.id) return;
+				if (id !== SetRangeValuesMutation.id && id !== SetSelectionsOperation.id && id !== SetWorksheetActiveOperation.id) return;
 				const primary = (_selectionManagerServ14 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ14 === void 0 ? void 0 : _selectionManagerServ14.primary;
 				let tb;
 				if (primary != null) {
@@ -19229,33 +19377,34 @@ function ShrinkToFitMenuItemFactory(accessor) {
 	const commandService = accessor.get(ICommandService);
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const selectionManagerService = accessor.get(SheetsSelectionsService);
+	const style$ = deriveStateFromActiveSheet$(univerInstanceService, {}, ({ worksheet }) => new Observable((subscriber) => {
+		const update = () => {
+			var _selectionManagerServ16;
+			const primary = (_selectionManagerServ16 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ16 === void 0 ? void 0 : _selectionManagerServ16.primary;
+			subscriber.next(primary != null ? worksheet.getComposedCellStyle(primary.startRow, primary.startColumn) ?? {} : {});
+		};
+		const disposable = commandService.onCommandExecuted((command) => {
+			if ([
+				SetRangeValuesMutation.id,
+				SetSelectionsOperation.id,
+				SetWorksheetActiveOperation.id
+			].includes(command.id)) update();
+		});
+		update();
+		return disposable.dispose;
+	}));
 	return {
 		id: SetShrinkToFitCommand.id,
 		type: MenuItemType.BUTTON,
 		icon: "ShrinkToFitIcon",
 		title: "sheets-ui.toolbar.shrinkToFit",
 		tooltip: "sheets-ui.toolbar.shrinkToFit",
-		activated$: deriveStateFromActiveSheet$(univerInstanceService, false, ({ worksheet }) => new Observable((subscriber) => {
-			const update = () => {
-				var _selectionManagerServ16, _worksheet$getCompose;
-				const primary = (_selectionManagerServ16 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ16 === void 0 ? void 0 : _selectionManagerServ16.primary;
-				subscriber.next(primary != null && ((_worksheet$getCompose = worksheet.getComposedCellStyle(primary.startRow, primary.startColumn)) === null || _worksheet$getCompose === void 0 ? void 0 : _worksheet$getCompose.stf) === BooleanNumber.TRUE);
-			};
-			const disposable = commandService.onCommandExecuted((command) => {
-				if ([
-					SetRangeValuesMutation.id,
-					SetSelectionsOperation.id,
-					SetWorksheetActiveOperation.id
-				].includes(command.id)) update();
-			});
-			update();
-			return disposable.dispose;
-		})),
-		disabled$: getCurrentRangeDisable$(accessor, {
+		activated$: style$.pipe(map((style) => style.stf === BooleanNumber.TRUE && style.tb !== WrapStrategy.WRAP)),
+		disabled$: combineLatest([getCurrentRangeDisable$(accessor, {
 			workbookTypes: [WorkbookEditablePermission],
 			worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission],
 			rangeTypes: [RangeProtectionPermissionEditPoint]
-		}),
+		}), style$]).pipe(map(([disabled, style]) => disabled || style.tb === WrapStrategy.WRAP)),
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
 	};
 }
@@ -19418,6 +19567,7 @@ function PasteRibbonMenuItemFactory(accessor) {
 	return {
 		...PasteSpacialMenuItemFactory(accessor),
 		id: PASTE_RIBBON_MENU_ID,
+		icon: "DocPasteOptionsIcon",
 		title: "sheets-ui.rightClick.paste",
 		hidden$: combineLatest([getObservableWithExclusiveRange$(accessor, getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)), accessor.get(IContextService).subscribeContextValue$(FOCUSING_SHAPE_TEXT_EDITOR).pipe(startWith(false))]).pipe(map(([hidden, editing]) => hidden || editing))
 	};
@@ -19690,6 +19840,9 @@ function SetColWidthMenuItemFactory(accessor) {
 //#endregion
 //#region src/menu/merge.menu.ts
 function CellMergeMenuItemFactory(accessor) {
+	const commandService = accessor.get(ICommandService);
+	const instanceService = accessor.get(IUniverInstanceService);
+	const selectionService = accessor.get(SheetsSelectionsService);
 	const editDisabled$ = getObservableWithExclusiveRange$(accessor, getCurrentRangeDisable$(accessor, {
 		workbookTypes: [WorkbookEditablePermission],
 		worksheetTypes: [
@@ -19705,6 +19858,22 @@ function CellMergeMenuItemFactory(accessor) {
 		icon: "MergeAllIcon",
 		tooltip: "sheets-ui.toolbar.mergeCell.main",
 		type: MenuItemType.SUBITEMS,
+		activated$: deriveStateFromActiveSheet$(instanceService, false, ({ worksheet }) => new Observable((subscriber) => {
+			const update = () => {
+				var _selectionService$get;
+				const primary = (_selectionService$get = selectionService.getCurrentLastSelection()) === null || _selectionService$get === void 0 ? void 0 : _selectionService$get.primary;
+				subscriber.next(!!primary && !!worksheet.getMergedCell(primary.actualRow, primary.actualColumn));
+			};
+			const selectionSubscription = selectionService.selectionChanged$.subscribe(update);
+			const commandDisposable = commandService.onCommandExecuted((command) => {
+				if (command.id === AddWorksheetMergeMutation.id || command.id === RemoveWorksheetMergeMutation.id) update();
+			});
+			update();
+			return () => {
+				selectionSubscription.unsubscribe();
+				commandDisposable.dispose();
+			};
+		})).pipe(distinctUntilChanged()),
 		hidden$: combineLatest([getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET), accessor.get(IContextService).subscribeContextValue$(FOCUSING_COMMON_DRAWINGS).pipe(startWith(false))]).pipe(map(([hidden, focusingDrawing]) => hidden || focusingDrawing)),
 		disabled$: editDisabled$.pipe(combineLatestWith(selectionsHasCross$), map(([disable, hasCross]) => disable || hasCross))
 	};
@@ -20288,18 +20457,6 @@ function Text2NumberContextMenuItemFactory(accessor) {
 	};
 }
 
-//#endregion
-//#region src/views/sheet-slider/SheetZoomInput.tsx
-const SHEET_ZOOM_INPUT_COMPONENT = "SHEET_ZOOM_INPUT_COMPONENT";
-function SheetZoomInput({ className, ...props }) {
-	const commandService = useDependency(ICommandService);
-	return /* @__PURE__ */ jsx(ZoomInput, {
-		...props,
-		className: clsx("!univer-bg-transparent dark:!univer-bg-transparent", className),
-		onChange: (value) => commandService.executeCommand(SetZoomRatioFromToolbarCommand.id, { value })
-	});
-}
-
 //#endregion
 //#region src/menu/zoom.menu.ts
 const ZOOM_RATIO_MENU_ID = "sheet.menu.zoom-ratio";
@@ -20328,16 +20485,14 @@ function getZoomRatioValue$(accessor) {
 function ZoomRatioMenuItemFactory(accessor) {
 	return {
 		id: ZOOM_RATIO_MENU_ID,
-		commandId: SetZoomRatioFromToolbarCommand.id,
-		type: MenuItemType.BUTTON,
-		label: {
-			name: SHEET_ZOOM_INPUT_COMPONENT,
-			props: {
-				min: SHEET_ZOOM_RANGE[0],
-				max: SHEET_ZOOM_RANGE[1],
-				shortcuts: ZOOM_RATIO_LIST
-			}
-		},
+		selectionsCommandId: SetZoomRatioFromToolbarCommand.id,
+		type: MenuItemType.SELECTOR,
+		icon: "ZoomInIcon",
+		tooltip: "sheets-ui.toolbar.zoom",
+		selections: ZOOM_RATIO_LIST.map((value) => ({
+			value,
+			label: `${value}%`
+		})),
 		value$: getZoomRatioValue$(accessor),
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
 	};
@@ -20574,31 +20729,29 @@ const menuSchema = {
 				order: 1,
 				gridLayout: {
 					row: 1,
-					column: 2,
-					width: 112
+					column: 2
 				},
 				menuItemFactory: ZoomRatioMenuItemFactory
+			}
+		},
+		[RibbonViewGroup.VISIBILITY]: {
+			[ToggleGridlinesCommand.id]: {
+				order: 0,
+				gridLayout: {
+					row: 1,
+					column: 1
+				},
+				menuItemFactory: ToggleGridlinesMenuFactory
 			},
 			[ToggleFullscreenOperation.id]: {
-				order: 2,
+				order: 1,
 				gridLayout: {
 					row: 2,
-					column: 2,
-					showLabel: true,
-					width: 112
+					column: 1
 				},
 				menuItemFactory: FullscreenMenuItemFactory
 			}
-		},
-		[RibbonViewGroup.VISIBILITY]: { [ToggleGridlinesCommand.id]: {
-			order: 0,
-			gridLayout: {
-				row: 1,
-				column: 1,
-				showLabel: true
-			},
-			menuItemFactory: ToggleGridlinesMenuFactory
-		} }
+		}
 	},
 	[ContextMenuPosition.MAIN_AREA]: {
 		[ContextMenuGroup.QUICK]: {
@@ -21106,14 +21259,12 @@ function useWorkbooks() {
 
 //#endregion
 //#region src/views/editor-container/focus-editor.ts
-const SHEET_CELL_EDITOR_ELEMENT_ID = `__editor_${DOCS_NORMAL_EDITOR_UNIT_ID_KEY}`;
-const SHEET_CELL_EDITOR_SELECTION_CONTAINER_ID = `univer-doc-selection-container-${DOCS_NORMAL_EDITOR_UNIT_ID_KEY}`;
-function focusSheetCellEditorElement(ownerDocument = document) {
-	const element = ownerDocument.getElementById(SHEET_CELL_EDITOR_ELEMENT_ID);
-	if (element == null || ownerDocument.activeElement === element) return false;
-	if (!element.hasAttribute("tabindex")) element.tabIndex = -1;
-	element.focus({ preventScroll: true });
-	return ownerDocument.activeElement === element;
+function focusSheetCellEditorElement(editorService) {
+	var _editorService$getEdi;
+	const selection = (_editorService$getEdi = editorService.getEditor(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _editorService$getEdi === void 0 ? void 0 : _editorService$getEdi.docSelectionRenderService;
+	if (!selection || selection.isFocusing) return false;
+	selection.focus();
+	return selection.isFocusing;
 }
 function registerSheetCellEditorRuntimePortal(options) {
 	const ownerDocument = options.ownerDocument ?? (typeof document === "undefined" ? void 0 : document);
@@ -21126,8 +21277,10 @@ function registerSheetCellEditorRuntimePortal(options) {
 	const frameHandles = [];
 	let observer;
 	const tryRegister = () => {
+		var _options$editorServic;
 		if (disposed) return;
-		const portalRoot = resolveSheetCellEditorPortalRoot(ownerDocument);
+		const selection = (_options$editorServic = options.editorService.getEditor(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _options$editorServic === void 0 ? void 0 : _options$editorServic.docSelectionRenderService;
+		const portalRoot = (selection === null || selection === void 0 ? void 0 : selection.selectionContainer.isConnected) ? selection.selectionContainer : null;
 		if (portalRoot === registeredPortalRoot) return;
 		portalRegistration === null || portalRegistration === void 0 || portalRegistration.dispose();
 		portalRegistration = void 0;
@@ -21142,7 +21295,7 @@ function registerSheetCellEditorRuntimePortal(options) {
 				role: "child-editor",
 				element: portalRoot
 			}));
-			const editorElement = ownerDocument.getElementById(SHEET_CELL_EDITOR_ELEMENT_ID);
+			const editorElement = selection === null || selection === void 0 ? void 0 : selection.inputElement;
 			if (editorElement && editorElement !== portalRoot) rootRegistration.add(options.focusCoordinator.registerElement({
 				embedId: options.embedId,
 				role: "child-editor",
@@ -21185,9 +21338,6 @@ function registerSheetCellEditorRuntimePortal(options) {
 	}));
 	return collection;
 }
-function resolveSheetCellEditorPortalRoot(ownerDocument = document) {
-	return ownerDocument.getElementById(SHEET_CELL_EDITOR_SELECTION_CONTAINER_ID) ?? ownerDocument.getElementById(SHEET_CELL_EDITOR_ELEMENT_ID);
-}
 
 //#endregion
 //#region src/views/editor-container/hooks.ts
@@ -21257,19 +21407,6 @@ const EDITOR_DEFAULT_POSITION = {
 };
 const CELL_EDITOR_DARK_SURFACE_THEME_COLOR = "gray.800";
 const CELL_EDITOR_LIGHT_SURFACE_THEME_COLOR = "gray.0";
-/**
-* @returns the host background color for the cell editor.
-*/
-function getCellEditorHostBackgroundColor(editState, options = {}) {
-	var _options$getColorFrom;
-	const cellFill = editState === null || editState === void 0 ? void 0 : editState.documentLayoutObject.fill;
-	if (cellFill && !isTransparentColor(cellFill)) return cellFill;
-	return (_options$getColorFrom = options.getColorFromTheme) === null || _options$getColorFrom === void 0 ? void 0 : _options$getColorFrom.call(options, options.darkMode ? CELL_EDITOR_DARK_SURFACE_THEME_COLOR : CELL_EDITOR_LIGHT_SURFACE_THEME_COLOR);
-}
-function isTransparentColor(color) {
-	const normalizedColor = color.trim().toLowerCase().replace(/\s+/g, "");
-	return normalizedColor === "transparent" || normalizedColor === "rgba(0,0,0,0)";
-}
 function shouldRefocusCellEditorAfterPointerDown(options) {
 	const { root, target, activeElement, isEditorFocusing } = options;
 	if (!root || !(target instanceof HTMLElement) || !(activeElement instanceof HTMLElement)) return true;
@@ -21334,10 +21471,13 @@ function EditorContainer({ hidden = false }) {
 	const workbook = editState ? instanceService.getUnit(editState.unitId, UniverInstanceType.UNIVER_SHEET) ?? null : null;
 	const activeSheet = useActiveWorksheet(workbook);
 	const darkMode = useObservable(themeService.darkMode$, themeService.darkMode);
+	const cellFill = editState === null || editState === void 0 ? void 0 : editState.documentLayoutObject.fill;
+	const normalizedFill = cellFill === null || cellFill === void 0 ? void 0 : cellFill.trim().toLowerCase().replace(/\s+/g, "");
+	const editorBackgroundColor = cellFill && normalizedFill !== "transparent" && normalizedFill !== "rgba(0,0,0,0)" ? cellFill : themeService.getColorFromTheme(darkMode ? CELL_EDITOR_DARK_SURFACE_THEME_COLOR : CELL_EDITOR_LIGHT_SURFACE_THEME_COLOR);
 	const [showEditCellAddress, setShowEditCellAddress] = useState(false);
 	const editSheetName = editState ? workbook === null || workbook === void 0 || (_workbook$getSheetByS = workbook.getSheetBySheetId(editState.sheetId)) === null || _workbook$getSheetByS === void 0 ? void 0 : _workbook$getSheetByS.getName() : null;
 	const editCellAddress = editState ? `${activeSheet && editSheetName && activeSheet.getSheetId() !== editState.sheetId ? `'${quoteSheetName(editSheetName)}'!` : ""}${numberToABC(editState.column)}${editState.row + 1}` : null;
-	const editorBorderColor = genNormalSelectionStyle(themeService).stroke;
+	const { stroke: editorBorderColor, strokeWidth: editorBorderWidth } = genNormalSelectionStyle(themeService);
 	const focusCoordinator = injector.has(ISheetEmbedRuntimeFocusCoordinator) ? injector.get(ISheetEmbedRuntimeFocusCoordinator) : void 0;
 	const resolveRuntimeFocusState = () => {
 		var _instanceService$getF;
@@ -21426,21 +21566,18 @@ function EditorContainer({ hidden = false }) {
 		const focusCellEditorElement = () => {
 			const scope = rootRef.current ? resolveSheetEmbedRuntimeDomScope(rootRef.current) ?? resolveActiveSheetEmbedRuntimeDomScope(ownerDocument) : resolveActiveSheetEmbedRuntimeDomScope(ownerDocument);
 			if (shouldPreserveEmbedInteractiveFocus(scope === null || scope === void 0 ? void 0 : scope.embedId, ownerDocument)) return;
-			focusSheetCellEditorElement(ownerDocument);
+			focusSheetCellEditorElement(editorService);
 			if (delayedFocusTimer != null) ownerWindow.clearTimeout(delayedFocusTimer);
 			delayedFocusTimer = ownerWindow.setTimeout(() => {
 				delayedFocusTimer = void 0;
 				if (shouldPreserveEmbedInteractiveFocus(scope === null || scope === void 0 ? void 0 : scope.embedId, ownerDocument)) return;
-				focusSheetCellEditorElement(ownerDocument);
+				focusSheetCellEditorElement(editorService);
 			}, 0);
 		};
 		const focusEditor = () => {
 			if (contextService.getContextValue(FOCUSING_FX_BAR_EDITOR)) return;
 			const scope = rootRef.current ? resolveSheetEmbedRuntimeDomScope(rootRef.current) ?? resolveActiveSheetEmbedRuntimeDomScope(ownerDocument) : resolveActiveSheetEmbedRuntimeDomScope(ownerDocument);
 			if (shouldPreserveEmbedControlFocus(scope === null || scope === void 0 ? void 0 : scope.embedId, ownerDocument)) return;
-			const editor = editorService.getEditor(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
-			const docSelectionRenderService = editor === null || editor === void 0 ? void 0 : editor.render.with(DocSelectionRenderService);
-			if (!(docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing)) docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.focus();
 			focusCellEditorElement();
 		};
 		focusEditor();
@@ -21492,6 +21629,7 @@ function EditorContainer({ hidden = false }) {
 			element: editorRoot
 		}));
 		collection.add(registerSheetCellEditorRuntimePortal({
+			editorService,
 			embedId: scope.embedId,
 			ownerDocument: rootRef.current.ownerDocument,
 			interactionBoundaryService,
@@ -21502,10 +21640,7 @@ function EditorContainer({ hidden = false }) {
 			let pointerRetryFrame = 0;
 			const focusEditor = () => {
 				if (contextService.getContextValue(FOCUSING_FX_BAR_EDITOR) || shouldPreserveEmbedControlFocus(scope.embedId, ownerDocument)) return;
-				const editor = editorService.getEditor(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
-				const docSelectionRenderService = editor === null || editor === void 0 ? void 0 : editor.render.with(DocSelectionRenderService);
-				if (!(docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing)) docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.focus();
-				focusSheetCellEditorElement(ownerDocument);
+				focusSheetCellEditorElement(editorService);
 			};
 			const refocusEditorAfterRuntimePointer = (event) => {
 				if (!focusCoordinator.isChildUnitRuntimeEvent(scope.childUnitId, event.target, event) || isEmbedRuntimeEditorOrPopup(event.target)) return;
@@ -21540,6 +21675,7 @@ function EditorContainer({ hidden = false }) {
 		const ownerDocument = ((_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.ownerDocument) ?? document;
 		const interactionBoundaryService = injector.has(ISheetEmbedInteractionBoundaryService) ? injector.get(ISheetEmbedInteractionBoundaryService) : void 0;
 		const portalRegistration = registerSheetCellEditorRuntimePortal({
+			editorService,
 			embedId: activeSessionScope.embedId,
 			ownerDocument,
 			interactionBoundaryService,
@@ -21549,12 +21685,12 @@ function EditorContainer({ hidden = false }) {
 		let delayedFocusTimer;
 		const focusCellEditorElement = () => {
 			if (shouldPreserveEmbedInteractiveFocus(activeSessionScope.embedId, ownerDocument)) return;
-			focusSheetCellEditorElement(ownerDocument);
+			focusSheetCellEditorElement(editorService);
 			if (delayedFocusTimer != null) ownerWindow.clearTimeout(delayedFocusTimer);
 			delayedFocusTimer = ownerWindow.setTimeout(() => {
 				delayedFocusTimer = void 0;
 				if (shouldPreserveEmbedInteractiveFocus(activeSessionScope.embedId, ownerDocument)) return;
-				focusSheetCellEditorElement(ownerDocument);
+				focusSheetCellEditorElement(editorService);
 			}, 0);
 		};
 		const focusHiddenEditor = () => {
@@ -21602,9 +21738,9 @@ function EditorContainer({ hidden = false }) {
 		visible === null || visible === void 0 ? void 0 : visible.visible
 	]);
 	useEffect(() => {
+		var _rootRef$current3;
+		const ownerWindow = (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.ownerDocument.defaultView;
 		return () => {
-			var _rootRef$current3;
-			const ownerWindow = (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.ownerDocument.defaultView;
 			if (ownerWindow && pointerRefocusTimerRef.current != null) ownerWindow.clearTimeout(pointerRefocusTimerRef.current);
 		};
 	}, []);
@@ -21626,12 +21762,11 @@ function EditorContainer({ hidden = false }) {
 		if (pointerRefocusTimerRef.current != null) ownerWindow.clearTimeout(pointerRefocusTimerRef.current);
 		pointerRefocusTimerRef.current = ownerWindow.setTimeout(() => {
 			pointerRefocusTimerRef.current = void 0;
-			if (!(docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing)) docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.focus();
-			focusSheetCellEditorElement(ownerDocument);
+			focusSheetCellEditorElement(editorService);
 		}, 0);
 	});
 	const handleClickSideBar = useEvent(() => {
-		if (editorBridgeService.isVisible().visible) commandService.executeCommand(SetCellEditVisibleOperation.id, {
+		if (editorBridgeService.isVisible().visible) return commandService.executeCommand(SetCellEditVisibleOperation.id, {
 			visible: false,
 			eventType: DeviceInputEventType.PointerUp,
 			unitId: editState === null || editState === void 0 ? void 0 : editState.unitId
@@ -21640,7 +21775,7 @@ function EditorContainer({ hidden = false }) {
 	useSidebarClick(handleClickSideBar);
 	const keyCodeConfig = useKeyEventConfig(editState === null || editState === void 0 ? void 0 : editState.unitId);
 	const onMoveInEditor = useEvent((keycode, metaKey) => {
-		commandService.executeCommand(SetCellEditVisibleArrowOperation.id, {
+		return commandService.executeCommand(SetCellEditVisibleArrowOperation.id, {
 			keycode,
 			visible: false,
 			eventType: DeviceInputEventType.Keyboard,
@@ -21660,41 +21795,51 @@ function EditorContainer({ hidden = false }) {
 			height: state.height,
 			opacity: hidden ? 0 : void 0,
 			pointerEvents: hidden ? "none" : void 0,
-			backgroundColor: getCellEditorHostBackgroundColor(editState, {
-				darkMode,
-				getColorFromTheme: themeService.getColorFromTheme.bind(themeService)
-			})
+			backgroundColor: editorBackgroundColor
 		},
-		children: [(visible === null || visible === void 0 ? void 0 : visible.visible) && showEditCellAddress && editCellAddress && /* @__PURE__ */ jsx("div", {
-			"data-u-comp": "sheet-cell-editor-address",
-			className: "univer-pointer-events-none univer-absolute univer-left-0 univer-top-0 univer-z-10 univer-whitespace-nowrap univer-rounded-t univer-px-1.5 univer-text-xs univer-leading-5",
-			style: {
-				backgroundColor: editorBorderColor,
-				color: themeService.getColorFromTheme("gray.0"),
-				transform: "translateY(-100%)"
-			},
-			children: editCellAddress
-		}), FormulaEditor && /* @__PURE__ */ jsx(FormulaEditor, {
-			editorId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
-			className: "univer-relative univer-flex univer-size-full [&_canvas]:univer-absolute",
-			initValue: "",
-			onChange: () => {},
-			isFocus: !hidden && (visible === null || visible === void 0 ? void 0 : visible.visible),
-			unitId: editState === null || editState === void 0 ? void 0 : editState.unitId,
-			subUnitId: editState === null || editState === void 0 ? void 0 : editState.sheetId,
-			keyboardEventConfig: keyCodeConfig,
-			onMoveInEditor,
-			isSupportAcrossSheet: true,
-			resetSelectionOnBlur: false,
-			isSingle: false,
-			autoScrollbar: false,
-			onFormulaSelectingChange: (isSelecting) => {
-				if (isSelecting) editorBridgeService.enableForceKeepVisible();
-				else editorBridgeService.disableForceKeepVisible();
-			},
-			disableContextMenu: false,
-			canvasStyle: { backgroundColor: "transparent" }
-		})]
+		children: [
+			(visible === null || visible === void 0 ? void 0 : visible.visible) && showEditCellAddress && editCellAddress && /* @__PURE__ */ jsx("div", {
+				"data-u-comp": "sheet-cell-editor-address",
+				className: "univer-pointer-events-none univer-absolute univer-left-0 univer-top-0 univer-z-10 univer-whitespace-nowrap univer-rounded-t univer-px-1.5 univer-text-xs univer-leading-5",
+				style: {
+					backgroundColor: editorBorderColor,
+					color: themeService.getColorFromTheme("gray.0"),
+					transform: "translateY(-100%)"
+				},
+				children: editCellAddress
+			}),
+			FormulaEditor && /* @__PURE__ */ jsx(FormulaEditor, {
+				editorId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
+				className: "univer-relative univer-flex univer-size-full [&_canvas]:univer-absolute",
+				initValue: "",
+				onChange: () => {},
+				isFocus: !hidden && (visible === null || visible === void 0 ? void 0 : visible.visible),
+				unitId: editState === null || editState === void 0 ? void 0 : editState.unitId,
+				subUnitId: editState === null || editState === void 0 ? void 0 : editState.sheetId,
+				keyboardEventConfig: keyCodeConfig,
+				onMoveInEditor,
+				isSupportAcrossSheet: true,
+				resetSelectionOnBlur: false,
+				isSingle: false,
+				autoScrollbar: false,
+				borderless: true,
+				onFormulaSelectingChange: (isSelecting) => {
+					if (isSelecting) editorBridgeService.enableForceKeepVisible();
+					else editorBridgeService.disableForceKeepVisible();
+				},
+				disableContextMenu: false,
+				canvasStyle: { backgroundColor: "transparent" }
+			}),
+			(visible === null || visible === void 0 ? void 0 : visible.visible) && /* @__PURE__ */ jsx("div", {
+				"aria-hidden": true,
+				className: "univer-pointer-events-none univer-absolute univer-left-0 univer-top-0 univer-z-10 univer-box-border",
+				style: {
+					width: state.width + editorBorderWidth,
+					height: state.height + editorBorderWidth,
+					border: `${editorBorderWidth}px solid ${editorBorderColor}`
+				}
+			})
+		]
 	});
 }
 
@@ -21739,7 +21884,7 @@ function getAbsoluteRefStringFromSelection(workbook, selections, lexerTreeBuilde
 
 //#endregion
 //#region src/views/defined-name/DefinedNameOverlay.tsx
-function DefinedNameOverlay({ search, isInputEvent }) {
+function DefinedNameOverlay({ search, isInputEvent, onClose }) {
 	const commandService = useDependency(ICommandService);
 	const localeService = useDependency(LocaleService);
 	const definedNamesService = useDependency(IDefinedNamesService);
@@ -21783,8 +21928,9 @@ function DefinedNameOverlay({ search, isInputEvent }) {
 		itemHeight: 30,
 		overscan: 6
 	});
-	const openSlider = () => {
-		commandService.executeCommand(SidebarDefinedNameOperation.id, { value: "open" });
+	const openSlider = async () => {
+		onClose();
+		await commandService.executeCommand(SidebarDefinedNameOperation.id, { value: "open" });
 	};
 	const focusDefinedName = async (definedName) => {
 		const { formulaOrRefString, id } = definedName;
@@ -21809,8 +21955,9 @@ function DefinedNameOverlay({ search, isInputEvent }) {
 				children: virtualDefinedNames.map(({ data: definedName, index }) => {
 					return /* @__PURE__ */ jsx("li", {
 						className: "univer-cursor-pointer univer-px-2 univer-transition-colors univer-duration-200 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-600",
-						onClick: () => {
-							focusDefinedName(definedName);
+						onClick: async () => {
+							onClose();
+							await focusDefinedName(definedName);
 						},
 						children: /* @__PURE__ */ jsxs("div", {
 							"data-u-comp": "defined-name-overlay-row",
@@ -21864,6 +22011,7 @@ function DefinedName({ disable }) {
 	const themeService = useDependency(ThemeService);
 	const [open, setOpen] = useState(false);
 	const [isInputEvent, setIsInputEvent] = useState(false);
+	const nameBoxRef = useRef(null);
 	const inputRef = useRef(null);
 	const getDefinedNameMap = () => {
 		const definedNameMap = definedNamesService.getDefinedNameMap(unitId);
@@ -22016,26 +22164,34 @@ function DefinedName({ disable }) {
 		return selections;
 	}
 	return /* @__PURE__ */ jsxs("div", {
+		ref: nameBoxRef,
 		"data-u-comp": "defined-name",
+		onMouseDown: (e) => {
+			if (disable) e.preventDefault();
+		},
 		className: "univer-relative univer-box-border univer-flex univer-h-full univer-w-24 univer-border-r-gray-200 univer-py-1.5 univer-transition-all",
 		children: [/* @__PURE__ */ jsx("input", {
 			ref: inputRef,
 			className: clsx("univer-box-border univer-size-full univer-appearance-none univer-bg-transparent univer-pl-1.5 univer-pr-5 univer-text-gray-900 focus:univer-outline-none dark:!univer-border-r-gray-700 dark:!univer-text-gray-0", borderRightClassName, { "univer-cursor-not-allowed": disable }),
 			type: "text",
+			disabled: disable,
 			value: inputValue,
 			onChange: handleChangeSelection,
 			onKeyDown: handleKeyDown,
 			onBlur: () => setIsInputEvent(false)
 		}), /* @__PURE__ */ jsx(Dropdown, {
+			align: "start",
+			anchorRef: nameBoxRef,
 			overlay: /* @__PURE__ */ jsx("div", {
 				className: "univer-z-[1001]",
 				children: /* @__PURE__ */ jsx(DefinedNameOverlay, {
 					search: inputValue,
-					isInputEvent
+					isInputEvent,
+					onClose: () => setOpen(false)
 				})
 			}),
 			disabled: disable,
-			open,
+			open: !disable && open,
 			onOpenChange: setOpen,
 			onOpenAutoFocus: (e) => e.preventDefault(),
 			children: /* @__PURE__ */ jsx("a", {
@@ -22216,7 +22372,7 @@ function FormulaBar(props) {
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "univer-relative univer-box-border univer-h-full univer-w-[100px]",
-				children: /* @__PURE__ */ jsx(DefinedName, { disable: disableDefinedName ?? editDisable })
+				children: /* @__PURE__ */ jsx(DefinedName, { disable: iconActivated || (disableDefinedName ?? editDisable) })
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "univer-flex univer-size-full",
@@ -23407,6 +23563,7 @@ function SheetBarTabs() {
 	const slideTabBarContainerRef = useRef(null);
 	const activeSheetIdRef = useRef(activeSheetId);
 	const commandService = useDependency(ICommandService);
+	const layoutService = useDependency(ILayoutService);
 	const renderManagerService = useDependency(IRenderManagerService);
 	const sheetBarService = useDependency(ISheetBarService);
 	const localeService = useDependency(LocaleService);
@@ -23592,6 +23749,7 @@ function SheetBarTabs() {
 			subUnitId,
 			unitId: workbookRef.current.getUnitId()
 		}).then((result) => {
+			requestAnimationFrame(() => layoutService.focus(workbookRef.current.getUnitId()));
 			if (result !== false) return;
 			const worksheet = workbookRef.current.getSheetBySheetId(subUnitId);
 			if (worksheet) {
@@ -23599,7 +23757,11 @@ function SheetBarTabs() {
 				syncActiveSheetRender(subUnitId);
 			}
 		});
-	}, [commandService, syncActiveSheetRender]);
+	}, [
+		commandService,
+		layoutService,
+		syncActiveSheetRender
+	]);
 	const observeResize = useCallback((slideTabBar) => {
 		var _slideTabBarContainer;
 		const slideTabBarContainer = (_slideTabBarContainer = slideTabBarContainerRef.current) === null || _slideTabBarContainer === void 0 ? void 0 : _slideTabBarContainer.querySelector("[data-u-comp=slide-tab-bar]");
@@ -24909,7 +25071,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "1.0.3";
+var version = "1.1.0";
 
 //#endregion
 //#region src/views/cell-popup/config.ts
@@ -25242,7 +25404,7 @@ function CellAlert({ popup, DropdownMenuComponent = DropdownMenu }) {
 	const [isHovered, setIsHovered] = useState(false);
 	const alert = (_popup$extraProps = popup.extraProps) === null || _popup$extraProps === void 0 ? void 0 : _popup$extraProps.alert;
 	if (!alert) return null;
-	const { type, title, message, menu } = alert;
+	const { type, title, message, menu, action, width } = alert;
 	if (menu === null || menu === void 0 ? void 0 : menu.length) {
 		const accessibleLabel = [title, message].filter((value) => typeof value === "string").join(": ");
 		const showMore = visible || isHovered;
@@ -25282,14 +25444,24 @@ function CellAlert({ popup, DropdownMenuComponent = DropdownMenu }) {
 		[1]: /* @__PURE__ */ jsx(WarningIcon, { className: "univer-text-yellow-500" })
 	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: "univer-z-[100] univer-box-border univer-w-[156px] univer-rounded-lg univer-bg-gray-0 univer-px-2 univer-py-1 univer-text-gray-900 univer-shadow dark:!univer-bg-gray-1000 dark:!univer-text-gray-0",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "univer-mb-1.5 univer-flex univer-h-5 univer-flex-row univer-items-center univer-gap-x-1.5 univer-text-sm univer-font-medium",
-			children: [type ? iconMap[type] : null, title]
-		}), /* @__PURE__ */ jsx("div", {
-			className: "univer-text-sm",
-			children: message
-		})]
+		style: { width },
+		className: "univer-z-[100] univer-box-border univer-rounded-lg univer-bg-gray-0 univer-px-2 univer-py-1 univer-text-gray-900 univer-shadow dark:!univer-bg-gray-1000 dark:!univer-text-gray-0",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "univer-mb-1.5 univer-flex univer-h-5 univer-flex-row univer-items-center univer-gap-x-1.5 univer-text-sm univer-font-medium",
+				children: [type ? iconMap[type] : null, title]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "univer-text-sm",
+				children: message
+			}),
+			action && /* @__PURE__ */ jsx(Button, {
+				className: "univer-mt-2",
+				disabled: action.disabled,
+				onClick: action.onSelect,
+				children: action.label
+			})
+		]
 	});
 }
 
@@ -25317,15 +25489,17 @@ let CellAlertManagerService = class CellAlertManagerService extends Disposable {
 		_defineProperty(this, "_currentAlert", /* @__PURE__ */ new Map());
 		_defineProperty(this, "currentAlert$", this._currentAlert$.asObservable());
 		this.disposeWithMe(() => {
+			this.clearAlert();
 			this._currentAlert$.complete();
 		});
 	}
 	showAlert(alert) {
 		var _alert$menu, _alert$menu2, _alert$menu3;
 		let lastPopup = this._currentAlert.get(alert.key);
-		if (lastPopup) lastPopup.dispose.dispose();
-		if (lastPopup) lastPopup.dispose.dispose();
-		else {
+		if (lastPopup) {
+			lastPopup.dispose.dispose();
+			lastPopup.alert = alert;
+		} else {
 			lastPopup = {
 				alert,
 				dispose: { dispose() {} }
@@ -25348,13 +25522,7 @@ let CellAlertManagerService = class CellAlertManagerService extends Disposable {
 			extraProps: { alert },
 			priority: 1
 		});
-		if (disposable) {
-			if (lastPopup) {
-				var _lastPopup$dispose;
-				(_lastPopup$dispose = lastPopup.dispose) === null || _lastPopup$dispose === void 0 || _lastPopup$dispose.dispose();
-			}
-			lastPopup.dispose = disposable;
-		}
+		if (disposable) lastPopup.dispose = disposable;
 		this._currentAlert$.next(Array.from(this._currentAlert.entries()));
 	}
 	removeAlert(key) {
@@ -26206,8 +26374,8 @@ function SelectList(props) {
 	const filteredOptions = useMemo(() => {
 		return options.filter((item) => lowerFilter ? item.label.toLowerCase().includes(lowerFilter) : true);
 	}, [options, lowerFilter]);
-	const handleSearchChange = (e) => {
-		setLowerFilter(e.target.value.toLowerCase());
+	const handleSearchChange = (value) => {
+		setLowerFilter(value.toLowerCase());
 	};
 	const sheetPermissionCheckController = useDependency(SheetPermissionCheckController);
 	const hasPermission = useMemo(() => sheetPermissionCheckController.permissionCheckWithRanges({
@@ -26233,9 +26401,8 @@ function SelectList(props) {
 		children: [
 			showSearchOnDropdown && /* @__PURE__ */ jsx("div", {
 				className: "univer-box-border univer-flex univer-w-full univer-px-2",
-				children: /* @__PURE__ */ jsx("input", {
+				children: /* @__PURE__ */ jsx(Input, {
 					ref: searchRef,
-					className: clsx("univer-w-full univer-rounded-md univer-bg-gray-0 univer-px-2 univer-py-1 univer-text-sm univer-text-gray-900 focus:univer-border-primary-500 focus:univer-outline-none dark:!univer-bg-gray-1000 dark:!univer-text-gray-0", borderClassName),
 					type: "text",
 					value: lowerFilter,
 					autoFocus: true,
@@ -26264,14 +26431,16 @@ function SelectList(props) {
 					const index = item.label.toLocaleLowerCase().indexOf(lowerFilter);
 					const isThemeColor = Boolean(((_item$color = item.color) === null || _item$color === void 0 ? void 0 : _item$color.includes(".")) && themeService.isValidThemeColor(item.color));
 					const backgroundColor = isThemeColor ? themeService.getColorFromTheme(item.color) : item.color;
-					const isDark = new ColorKit(backgroundColor).isDark();
+					const color = new ColorKit(backgroundColor);
+					const hasBackground = Boolean(backgroundColor) && backgroundColor !== "transparent" && color.getAlpha() > 0;
+					const isDark = color.isDark();
 					return /* @__PURE__ */ jsxs("div", {
 						className: "univer-flex univer-cursor-pointer univer-flex-row univer-items-center univer-justify-between univer-rounded-md univer-px-1.5 univer-py-1 hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-700",
 						onClick: handleClick,
 						children: [/* @__PURE__ */ jsx("div", {
 							className: clsx("univer-inline-flex univer-h-4 univer-w-fit univer-items-center univer-truncate univer-rounded-full univer-px-1.5 univer-text-xs", {
-								"univer-text-gray-900": isThemeColor || !isDark,
-								"univer-text-gray-0": !isThemeColor && isDark
+								"univer-text-gray-900": hasBackground && (isThemeColor || !isDark),
+								"univer-text-gray-0": hasBackground && !isThemeColor && isDark
 							}),
 							style: { background: backgroundColor },
 							children: lowerFilter && item.label.toLowerCase().includes(lowerFilter) ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -26487,6 +26656,66 @@ const BorderDashed = ({ className }) => /* @__PURE__ */ jsxs("svg", {
 	]
 });
 
+//#endregion
+//#region src/views/border-panel/border-line/icons/BorderDotted.tsx
+/**
+* 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 BorderDotted = ({ className }) => /* @__PURE__ */ jsxs("svg", {
+	className,
+	width: "120",
+	height: "2",
+	viewBox: "0 0 120 2",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [
+		/* @__PURE__ */ jsx("path", { d: "M0.491699 1.69537H1.4917V0.695374H0.491699V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M4.2981 1.69537H5.2981V0.695374H4.2981V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M9.10449 1.69537H8.10449V0.695374H9.10449V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M11.9109 1.69537H12.9109V0.695374H11.9109V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M16.7173 1.69537H15.7173V0.695374H16.7173V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M19.5237 1.69537H20.5237V0.695374H19.5237V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M24.3301 1.69537H23.3301V0.695374H24.3301V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M27.1365 1.69537H28.1365V0.695374H27.1365V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M31.9429 1.69537H30.9429V0.695374H31.9429V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M34.7493 1.69537H35.7493V0.695374H34.7493V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M39.5557 1.69537H38.5557V0.695374H39.5557V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M42.3621 1.69537H43.3621V0.695374H42.3621V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M47.1685 1.69537H46.1685V0.695374H47.1685V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M49.9749 1.69537H50.9749V0.695374H49.9749V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M54.7812 1.69537H53.7812V0.695374H54.7812V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M57.5876 1.69537H58.5876V0.695374H57.5876V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M62.394 1.69537H61.394V0.695374H62.394V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M65.2004 1.69537H66.2004V0.695374H65.2004V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M70.0068 1.69537H69.0068V0.695374H70.0068V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M72.8132 1.69537H73.8132V0.695374H72.8132V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M77.6196 1.69537H76.6196V0.695374H77.6196V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M80.426 1.69537H81.426V0.695374H80.426V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M85.2324 1.69537H84.2324V0.695374H85.2324V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M88.0388 1.69537H89.0388V0.695374H88.0388V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M92.8452 1.69537H91.8452V0.695374H92.8452V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M95.6516 1.69537H96.6516V0.695374H95.6516V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M100.458 1.69537H99.458V0.695374H100.458V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M103.264 1.69537H104.264V0.695374H103.264V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M108.071 1.69537H107.071V0.695374H108.071V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M110.877 1.69537H111.877V0.695374H110.877V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M115.684 1.69537H114.684V0.695374H115.684V1.69537Z" }),
+		/* @__PURE__ */ jsx("path", { d: "M118.49 1.69537H119.49V0.695374H118.49V1.69537Z" })
+	]
+});
+
 //#endregion
 //#region src/views/border-panel/border-line/icons/BorderDouble.tsx
 /**
@@ -26860,6 +27089,7 @@ function BorderLine(props) {
 		case BorderStyleTypes.DASH_DOT: return /* @__PURE__ */ jsx(BorderDashDot, { className });
 		case BorderStyleTypes.DASH_DOT_DOT: return /* @__PURE__ */ jsx(BorderDashDotDot, { className });
 		case BorderStyleTypes.DASHED: return /* @__PURE__ */ jsx(BorderDashed, { className });
+		case BorderStyleTypes.DOTTED: return /* @__PURE__ */ jsx(BorderDotted, { className });
 		case BorderStyleTypes.HAIR: return /* @__PURE__ */ jsx(BorderHair, { className });
 		case BorderStyleTypes.MEDIUM: return /* @__PURE__ */ jsx(BorderMedium, { className });
 		case BorderStyleTypes.MEDIUM_DASH_DOT: return /* @__PURE__ */ jsx(BorderMediumDashDot, { className });
@@ -26874,31 +27104,22 @@ function BorderLine(props) {
 
 //#endregion
 //#region src/views/border-panel/BorderPanel.tsx
-function getBorderColor(borderData) {
-	if (!borderData) return;
-	for (const key in borderData) {
-		var _border$cl;
-		const border = borderData[key];
-		if (border === null || border === void 0 || (_border$cl = border.cl) === null || _border$cl === void 0 ? void 0 : _border$cl.rgb) return border.cl.rgb;
-	}
-}
-function getBorderStyle(borderData) {
-	if (!borderData) return;
-	for (const key in borderData) {
-		var _border$cl2;
-		const border = borderData[key];
-		if (border === null || border === void 0 || (_border$cl2 = border.cl) === null || _border$cl2 === void 0 ? void 0 : _border$cl2.rgb) return border.s;
-	}
-}
 function BorderPanel(props) {
+	const localeService = useDependency(LocaleService);
 	const iconManager = useDependency(IconManager);
-	const borderStyleManagerService = useDependency(BorderStyleManagerService);
 	const selectionManagerService = useDependency(SheetsSelectionsService);
 	const { direction } = useContext(ConfigContext);
 	const { isAllValuesSame, value: currentValue } = selectionManagerService.getCellStylesProperty("bd");
 	const color = isAllValuesSame ? getBorderColor(currentValue) : void 0;
-	const type = isAllValuesSame ? getBorderStyle(currentValue) : void 0;
 	const { onChange, value, ColorPickerComponent = ColorPicker, DropdownComponent = Dropdown } = props;
+	function getBorderColor(borderData) {
+		if (!borderData) return;
+		for (const key in borderData) {
+			var _border$cl;
+			const border = borderData[key];
+			if (border === null || border === void 0 || (_border$cl = border.cl) === null || _border$cl === void 0 ? void 0 : _border$cl.rgb) return border.cl.rgb;
+		}
+	}
 	function handleClick(v, type) {
 		onChange === null || onChange === void 0 || onChange({
 			...value,
@@ -26916,7 +27137,7 @@ function BorderPanel(props) {
 			/* @__PURE__ */ jsx("div", {
 				className: "univer-box-border univer-grid univer-grid-cols-5 univer-gap-2 univer-text-gray-600 dark:!univer-text-gray-200",
 				children: BORDER_LINE_CHILDREN.map((item) => /* @__PURE__ */ jsx("a", {
-					className: clsx("univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-justify-self-center univer-rounded hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700", { "univer-bg-gray-200 dark:!univer-bg-gray-600": borderStyleManagerService.getBorderInfo().type === item.value }),
+					className: clsx("univer-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-justify-self-center univer-rounded hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700", { "univer-bg-gray-200 dark:!univer-bg-gray-600": value.type === item.value }),
 					onClick: (e) => {
 						e.stopPropagation();
 						handleClick(item.value, "type");
@@ -26948,14 +27169,17 @@ function BorderPanel(props) {
 						className: "univer-rounded-lg univer-p-1.5",
 						children: /* @__PURE__ */ jsx("ul", {
 							className: "univer-m-0 univer-grid univer-list-none univer-gap-1 univer-p-0",
-							children: BORDER_SIZE_CHILDREN.map((item) => /* @__PURE__ */ jsxs("li", {
-								className: "univer-flex univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-px-1 univer-py-3 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
+							children: BORDER_SIZE_CHILDREN.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								"aria-label": localeService.t(item.label),
+								"aria-pressed": item.value === value.style,
+								className: clsx("univer-flex univer-w-full univer-cursor-pointer univer-items-center univer-justify-center univer-rounded univer-border-none univer-bg-transparent univer-px-1 univer-py-3 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700", { "univer-bg-gray-200 dark:!univer-bg-gray-600": item.value === value.style }),
 								onClick: () => handleClick(item.value, "style"),
-								children: [item.value === type && /* @__PURE__ */ jsx(CheckMarkIcon, { className: "univer-absolute univer-left-3 univer-text-primary-600" }), /* @__PURE__ */ jsx(BorderLine, {
-									className: "univer-ml-6 univer-fill-gray-900 dark:!univer-fill-gray-0",
+								children: /* @__PURE__ */ jsx(BorderLine, {
+									className: "univer-fill-gray-900 dark:!univer-fill-gray-0",
 									type: item.value
-								})]
-							}, item.value))
+								})
+							}) }, item.value))
 						})
 					}),
 					children: /* @__PURE__ */ jsxs("button", {
@@ -26963,7 +27187,7 @@ function BorderPanel(props) {
 						type: "button",
 						children: [/* @__PURE__ */ jsx(BorderLine, {
 							className: "univer-fill-gray-900 dark:!univer-fill-gray-0",
-							type: type ?? BorderStyleTypes.THIN
+							type: value.style
 						}), /* @__PURE__ */ jsx(MoreDownIcon, { className: "dark:!univer-text-gray-0" })]
 					})
 				}) })]
@@ -27495,16 +27719,35 @@ function MobileMenuItemInput(props) {
 	const { prefix, suffix, value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER, disabled$, onChange } = props;
 	const localeService = useDependency(LocaleService);
 	const disabled = useObservable(disabled$ ?? null, false);
-	const inputValue = Math.min(max, Math.max(min, Number(value)));
+	const [draft, setDraft] = useState(null);
+	const inputValue = draft !== null && draft.source === value ? draft.value : Math.min(max, Math.max(min, Number(value)));
+	if (draft !== null && draft.source !== value) setDraft(null);
 	function handleChange(nextValue) {
-		if (nextValue == null) return;
+		setDraft({
+			source: value,
+			value: nextValue
+		});
+	}
+	function handleConfirm() {
+		if (disabled || inputValue == null || !Number.isFinite(inputValue)) return;
+		const nextValue = Math.min(max, Math.max(min, inputValue));
+		setDraft({
+			source: value,
+			value: nextValue
+		});
 		onChange(nextValue.toString());
 	}
 	function handleKeyDown(event) {
+		if (event.key === "Escape" && !event.nativeEvent.isComposing) return;
 		event.stopPropagation();
+		if (event.key === "Enter" && !event.nativeEvent.isComposing) {
+			event.preventDefault();
+			handleConfirm();
+		}
 	}
 	return /* @__PURE__ */ jsxs("div", {
-		className: "univer-flex univer-min-w-0 univer-flex-1 univer-items-center univer-gap-2",
+		className: "univer-flex univer-min-w-0 univer-flex-1 univer-flex-wrap univer-items-center univer-gap-2",
+		onClick: (event) => event.stopPropagation(),
 		children: [
 			/* @__PURE__ */ jsx("span", {
 				className: "univer-shrink-0 univer-text-base univer-font-medium",
@@ -27512,13 +27755,11 @@ function MobileMenuItemInput(props) {
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "univer-w-20 univer-shrink-0",
-				onClick: (event) => event.stopPropagation(),
 				children: /* @__PURE__ */ jsx(InputNumber, {
 					value: inputValue,
 					size: "small",
 					precision: 0,
-					min,
-					max,
+					allowEmpty: true,
 					disabled,
 					onKeyDown: handleKeyDown,
 					onChange: handleChange
@@ -27527,6 +27768,15 @@ function MobileMenuItemInput(props) {
 			/* @__PURE__ */ jsx("span", {
 				className: "univer-min-w-0 univer-truncate univer-text-base univer-font-medium",
 				children: localeService.t(suffix)
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "primary",
+				size: "large",
+				className: "univer-shrink-0",
+				disabled: disabled || inputValue == null || !Number.isFinite(inputValue),
+				onClick: handleConfirm,
+				children: localeService.t("sheets-ui.button.confirm")
 			})
 		]
 	});
@@ -28821,6 +29071,7 @@ const sheetsUIIcons = {
 	DeleteColumnDoubleIcon,
 	DeleteIcon,
 	DeleteRowDoubleIcon,
+	DocPasteOptionsIcon,
 	DownBorderDoubleIcon,
 	DownloadImageIcon,
 	EyeIcon,
@@ -28878,7 +29129,8 @@ const sheetsUIIcons = {
 	VerticalCenterIcon,
 	VerticalIntegrationIcon,
 	VerticalTextIcon,
-	WriteIcon
+	WriteIcon,
+	ZoomInIcon
 };
 
 //#endregion
@@ -28894,7 +29146,6 @@ let MobileComponentsController = class MobileComponentsController extends Dispos
 		this.disposeWithMe(componentManager.register(CascaderDropdown.componentKey, CascaderDropdown));
 		this.disposeWithMe(componentManager.register(MENU_ITEM_INPUT_COMPONENT, MobileMenuItemInput));
 		this.disposeWithMe(componentManager.register(MENU_ITEM_FROZEN_COMPONENT, MenuItemFrozen));
-		this.disposeWithMe(componentManager.register(SHEET_ZOOM_INPUT_COMPONENT, SheetZoomInput));
 		this.disposeWithMe(componentManager.register(BORDER_PANEL_COMPONENT, MobileBorderPanel));
 		this.disposeWithMe(componentManager.register(DEFINED_NAME_CONTAINER, MobileDefinedNameContainer));
 		this.disposeWithMe(componentManager.register(CELL_POPUP_COMPONENT_KEY, CellPopup));
@@ -28974,7 +29225,8 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 		let body = Tools.deepClone((_param$documentLayout = param.documentLayoutObject.documentModel) === null || _param$documentLayout === void 0 ? void 0 : _param$documentLayout.getBody());
 		const drawings = Tools.deepClone((_param$documentLayout2 = param.documentLayoutObject.documentModel) === null || _param$documentLayout2 === void 0 ? void 0 : _param$documentLayout2.drawings);
 		const drawingsOrder = Tools.deepClone((_param$documentLayout3 = param.documentLayoutObject.documentModel) === null || _param$documentLayout3 === void 0 ? void 0 : _param$documentLayout3.getDrawingsOrder());
-		if (!body || param.isInArrayFormulaRange === true && this._editorBridgeService.isVisible().eventType === DeviceInputEventType.Dblclick) body = {
+		const { visible } = this._editorBridgeService.isVisible();
+		if (!body || param.isInArrayFormulaRange === true && visible) body = {
 			dataStream: "\r\n",
 			paragraphs: [{
 				startIndex: 0,
@@ -29112,7 +29364,7 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 			...formulaEditorStyle,
 			pageSize: { ...formulaEditorStyle.pageSize },
 			renderConfig: { ...formulaEditorStyle.renderConfig },
-			textStyle: { cl: { rgb: this._themeService.getColorFromTheme("gray.900") } }
+			textStyle: { cl: { rgb: this._getFormulaBarTextColor() } }
 		};
 		else snapshot.documentStyle ??= {};
 		let renderConfig = snapshot.documentStyle.renderConfig;
@@ -29135,6 +29387,11 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 		const isFocusFxBar = this._contextService.getContextValue(FOCUSING_FX_BAR_EDITOR);
 		renderConfig.isRenderStyle = isFormulaBar === isFocusFxBar ? BooleanNumber.TRUE : BooleanNumber.FALSE;
 	}
+	_getFormulaBarTextColor() {
+		var _this$_editorBridgeSe;
+		const isInheritedFormula = ((_this$_editorBridgeSe = this._editorBridgeService.getEditLocation()) === null || _this$_editorBridgeSe === void 0 ? void 0 : _this$_editorBridgeSe.isInArrayFormulaRange) === true && !this._editorBridgeService.isVisible().visible;
+		return this._themeService.getColorFromTheme(isInheritedFormula ? "gray.300" : "gray.900");
+	}
 	_getSourceStyleRenderValue(isFormulaBar) {
 		return isFormulaBar ? BooleanNumber.FALSE : BooleanNumber.TRUE;
 	}
@@ -30552,6 +30809,7 @@ function MobileBorderColorView(props) {
 }
 function MobileBorderStyleView(props) {
 	const { value, onExecute } = props;
+	const localeService = useDependency(LocaleService);
 	return /* @__PURE__ */ jsx("div", {
 		className: "univer-overflow-hidden univer-rounded-xl univer-bg-gray-0 dark:!univer-bg-gray-800",
 		children: BORDER_SIZE_CHILDREN.map((option, index) => /* @__PURE__ */ jsxs("button", {
@@ -30571,7 +30829,7 @@ function MobileBorderStyleView(props) {
 				}),
 				/* @__PURE__ */ jsx("span", {
 					className: "univer-flex-1 univer-text-left univer-text-sm",
-					children: option.value
+					children: localeService.t(option.label)
 				}),
 				value.style === option.value && /* @__PURE__ */ jsx(CheckMarkIcon, { className: "univer-text-primary-600 dark:!univer-text-primary-400" })
 			]
@@ -31116,7 +31374,11 @@ function MobileFormulaBar() {
 		let cursorFrame;
 		const contentFrame = requestAnimationFrame(() => {
 			editorBridgeService.refreshEditCellState();
-			editorService.focus(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+			if (editorService.getFocusId() !== DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) editorService.focus(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+			else {
+				var _editorService$getEdi;
+				(_editorService$getEdi = editorService.getEditor(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _editorService$getEdi === void 0 || _editorService$getEdi.focus();
+			}
 			cursorFrame = requestAnimationFrame(() => {
 				var _editor$getDocumentDa;
 				const editor = editorService.getEditor(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
@@ -31678,7 +31940,7 @@ const MobileFormulaBarSubmitCommand = {
 	id: MOBILE_FORMULA_BAR_SUBMIT_COMMAND_ID,
 	type: CommandType.COMMAND,
 	async handler(accessor) {
-		var _accessor$get$getCurr, _workbook$getActiveSh, _formulaModel$getBody, _accessor$get$getEdit;
+		var _accessor$get$getCurr, _workbook$getActiveSh, _formulaModel$getBody;
 		const instanceService = accessor.get(IUniverInstanceService);
 		const workbook = instanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
 		const formulaModel = instanceService.getUnit(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, UniverInstanceType.UNIVER_DOC);
@@ -31710,8 +31972,12 @@ const MobileFormulaBarSubmitCommand = {
 		});
 		editorBridgeService.refreshEditCellState();
 		editorBridgeService.changeEditorDirty(false);
+		const editorService = accessor.get(IEditorService);
+		const formulaEditor = editorService.getEditor(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+		if (editorService.getFocusId() !== DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) editorService.focus(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+		else formulaEditor === null || formulaEditor === void 0 || formulaEditor.focus();
 		const endOffset = Math.max(0, (((_formulaModel$getBody = formulaModel.getBody()) === null || _formulaModel$getBody === void 0 ? void 0 : _formulaModel$getBody.dataStream.length) ?? 2) - 2);
-		(_accessor$get$getEdit = accessor.get(IEditorService).getEditor(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _accessor$get$getEdit === void 0 || _accessor$get$getEdit.setSelectionRanges([{
+		formulaEditor === null || formulaEditor === void 0 || formulaEditor.setSelectionRanges([{
 			startOffset: endOffset,
 			endOffset
 		}], false);
@@ -31794,6 +32060,7 @@ let SheetUIMobileController = class SheetUIMobileController extends Disposable {
 			ScrollToRangeOperation,
 			SetUnderlineCommand,
 			SetZoomRatioCommand,
+			SetZoomRatioFromToolbarCommand,
 			SetZoomRatioOperation,
 			ShowMenuListCommand,
 			InsertRangeMoveDownConfirmCommand,
@@ -32801,7 +33068,7 @@ let MobileCellEditRenderController = class MobileCellEditRenderController extend
 			if (cell.location.unitId !== this._context.unitId) return;
 			const snapshot = (_this$_editorBridgeSe = this._editorBridgeService.getEditCellState()) === null || _this$_editorBridgeSe === void 0 || (_this$_editorBridgeSe = _this$_editorBridgeSe.documentLayoutObject.documentModel) === null || _this$_editorBridgeSe === void 0 ? void 0 : _this$_editorBridgeSe.getSnapshot();
 			if (isCellImage(snapshot)) return;
-			this._commandService.executeCommand(SetCellEditVisibleOperation.id, {
+			this._commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
 				visible: true,
 				eventType: DeviceInputEventType.Dblclick,
 				unitId: this._context.unitId
@@ -33237,7 +33504,7 @@ let MobileHoverRenderController = class MobileHoverRenderController extends Disp
 					return;
 				}
 				this._resetCompletedTap();
-				this._hoverManagerService.triggerDbClick(unitId, event.offsetX, event.offsetY);
+				this._hoverManagerService.triggerDbClick(unitId, event);
 			},
 			priority: -1
 		}));
@@ -33313,7 +33580,7 @@ let MobileHoverRenderController = class MobileHoverRenderController extends Disp
 				this._suppressEngineDoubleClick = false;
 				this._suppressEngineDoubleClickTimer = null;
 			});
-			this._hoverManagerService.triggerDbClick(unitId, event.offsetX, event.offsetY);
+			this._hoverManagerService.triggerDbClick(unitId, event);
 			return;
 		}
 		this._resetCompletedTap();
@@ -35295,7 +35562,6 @@ let ComponentsController = class ComponentsController extends Disposable {
 		const componentManager = this._componentManager;
 		this.disposeWithMe(componentManager.register(MENU_ITEM_INPUT_COMPONENT, MenuItemInput));
 		this.disposeWithMe(componentManager.register(MENU_ITEM_FROZEN_COMPONENT, MenuItemFrozen));
-		this.disposeWithMe(componentManager.register(SHEET_ZOOM_INPUT_COMPONENT, SheetZoomInput));
 		this.disposeWithMe(componentManager.register(BORDER_PANEL_COMPONENT, BorderPanel));
 		this.disposeWithMe(componentManager.register(DEFINED_NAME_CONTAINER, DefinedNameContainer));
 		this.disposeWithMe(componentManager.register(CELL_POPUP_COMPONENT_KEY, CellPopup));
@@ -35321,20 +35587,22 @@ const ISheetHostChromeOverrideService = createIdentifier("sheet-ui.host-chrome-o
 //#endregion
 //#region src/controllers/render-controllers/contextmenu.render-controller.ts
 let SheetContextMenuRenderController = class SheetContextMenuRenderController extends Disposable {
-	constructor(_context, _contextMenuService, _selectionManagerService, _selectionRenderService, _injector) {
+	constructor(_context, _contextMenuService, _selectionManagerService, _selectionRenderService, _injector, _platformService, _contextService) {
 		super();
 		this._context = _context;
 		this._contextMenuService = _contextMenuService;
 		this._selectionManagerService = _selectionManagerService;
 		this._selectionRenderService = _selectionRenderService;
 		this._injector = _injector;
+		this._platformService = _platformService;
+		this._contextService = _contextService;
 		this._init();
 		this._initEmbedRuntimeSessionListener();
 	}
 	_init() {
 		var _this$_context;
 		const spreadsheetSubscription = ((_this$_context = this._context) === null || _this$_context === void 0 || (_this$_context = _this$_context.mainComponent) === null || _this$_context === void 0 ? void 0 : _this$_context.onPointerDown$).subscribeEvent((event) => {
-			if (event.button === 2) {
+			if (this._isContextMenuGesture(event)) {
 				const selections = this._selectionManagerService.getCurrentSelections();
 				const currentSelection = selections === null || selections === void 0 ? void 0 : selections[0];
 				if (!currentSelection) return;
@@ -35364,20 +35632,23 @@ let SheetContextMenuRenderController = class SheetContextMenuRenderController ex
 		this.disposeWithMe(spreadsheetSubscription);
 		const spreadsheetColumnHeader = this._context.components.get("__SpreadsheetColumnHeader__");
 		const rowHeaderSub = this._context.components.get("__SpreadsheetRowHeader__").onPointerDown$.subscribeEvent((event) => {
-			if (event.button === 2) {
+			if (this._isContextMenuGesture(event)) {
 				if (this._shouldSuppressHostContextMenu()) return;
 				this._contextMenuService.triggerContextMenu(event, ContextMenuPosition.ROW_HEADER);
 			}
 		});
 		this.disposeWithMe(rowHeaderSub);
 		const colHeaderObserver = spreadsheetColumnHeader.onPointerDown$.subscribeEvent((event) => {
-			if (event.button === 2) {
+			if (this._isContextMenuGesture(event)) {
 				if (this._shouldSuppressHostContextMenu()) return;
 				this._contextMenuService.triggerContextMenu(event, ContextMenuPosition.COL_HEADER);
 			}
 		});
 		this.disposeWithMe(colHeaderObserver);
 	}
+	_isContextMenuGesture(event) {
+		return isSheetContextMenuGesture(event, this._platformService.isMac, this._contextService.getContextValue(REF_SELECTIONS_ENABLED));
+	}
 	_initEmbedRuntimeSessionListener() {
 		const runtimeFocusCoordinator = this._getSheetEmbedRuntimeFocusCoordinator();
 		if (!runtimeFocusCoordinator) return;
@@ -35400,7 +35671,9 @@ SheetContextMenuRenderController = __decorate([
 	__decorateParam(1, IContextMenuService),
 	__decorateParam(2, Inject(SheetsSelectionsService)),
 	__decorateParam(3, ISheetSelectionRenderService),
-	__decorateParam(4, Inject(Injector))
+	__decorateParam(4, Inject(Injector)),
+	__decorateParam(5, IPlatformService),
+	__decorateParam(6, IContextService)
 ], SheetContextMenuRenderController);
 function shouldHideSheetHostContextMenuForEmbedSession(hostUnitId, activeScope) {
 	return (activeScope === null || activeScope === void 0 ? void 0 : activeScope.hostUnitId) === hostUnitId && activeScope.sessionMode !== "host-passive";
@@ -35412,7 +35685,7 @@ function shouldSuppressSheetContextMenuForEmbedOverride(hostUnitId, override) {
 //#endregion
 //#region src/controllers/render-controllers/desktop-cell-edit.render-controller.ts
 let DesktopCellEditRenderController = class DesktopCellEditRenderController extends RxDisposable {
-	constructor(_context, _instanceService, _commandService, _editorBridgeService, _selectionManagerService, _contextService, _renderManagerService, _embedRuntimeFocusCoordinator) {
+	constructor(_context, _instanceService, _commandService, _editorBridgeService, _selectionManagerService, _contextService, _renderManagerService, _platformService, _embedRuntimeFocusCoordinator) {
 		super();
 		this._context = _context;
 		this._instanceService = _instanceService;
@@ -35421,6 +35694,7 @@ let DesktopCellEditRenderController = class DesktopCellEditRenderController exte
 		this._selectionManagerService = _selectionManagerService;
 		this._contextService = _contextService;
 		this._renderManagerService = _renderManagerService;
+		this._platformService = _platformService;
 		this._embedRuntimeFocusCoordinator = _embedRuntimeFocusCoordinator;
 		_defineProperty(this, "_d", void 0);
 		this.disposeWithMe(this._instanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).subscribe((workbook) => {
@@ -35448,13 +35722,17 @@ let DesktopCellEditRenderController = class DesktopCellEditRenderController exte
 		const { spreadsheet, spreadsheetColumnHeader, spreadsheetLeftTopPlaceholder, spreadsheetRowHeader } = sheetObject;
 		d.add(spreadsheet.onDblclick$.subscribeEvent((evt) => {
 			var _this$_editorBridgeSe;
-			if (evt.button === 2) return;
+			if (isSheetContextMenuGesture(evt, this._platformService.isMac, this._contextService.getContextValue(REF_SELECTIONS_ENABLED))) return;
 			const snapshot = (_this$_editorBridgeSe = this._editorBridgeService.getEditCellState()) === null || _this$_editorBridgeSe === void 0 || (_this$_editorBridgeSe = _this$_editorBridgeSe.documentLayoutObject.documentModel) === null || _this$_editorBridgeSe === void 0 ? void 0 : _this$_editorBridgeSe.getSnapshot();
 			if (isCellImage(snapshot)) return;
-			this._commandService.executeCommand(SetCellEditVisibleOperation.id, {
+			this._commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
 				visible: true,
 				eventType: DeviceInputEventType.Dblclick,
-				unitId: this._context.unitId
+				unitId: this._context.unitId,
+				pointerPosition: {
+					x: evt.clientX,
+					y: evt.clientY
+				}
 			});
 		}));
 		d.add(spreadsheet.onPointerDown$.subscribeEvent({
@@ -35583,7 +35861,8 @@ DesktopCellEditRenderController = __decorate([
 	__decorateParam(4, Inject(SheetsSelectionsService)),
 	__decorateParam(5, IContextService),
 	__decorateParam(6, IRenderManagerService),
-	__decorateParam(7, Optional(ISheetEmbedRuntimeFocusCoordinator))
+	__decorateParam(7, IPlatformService),
+	__decorateParam(8, Optional(ISheetEmbedRuntimeFocusCoordinator))
 ], DesktopCellEditRenderController);
 function resolvePointerEventPayload(payload) {
 	return Array.isArray(payload) ? payload[0] : payload;
@@ -35747,38 +36026,34 @@ let SheetSelectionRenderService = class SheetSelectionRenderService extends Base
 		const { spreadsheetRowHeader, spreadsheetColumnHeader, spreadsheet, spreadsheetLeftTopPlaceholder } = sheetObject;
 		const { scene } = this._context;
 		this.disposeWithMe(spreadsheet === null || spreadsheet === void 0 ? void 0 : spreadsheet.onPointerDown$.subscribeEvent((evt, state) => {
-			if (this.isSelectionDisabled()) return;
-			if (this.inRefSelectionMode()) return;
+			if (this.isSelectionDisabled() || this.inRefSelectionMode()) return;
 			this._onPointerDown(evt, spreadsheet.zIndex + 1, RANGE_TYPE.NORMAL, this._getActiveViewport(evt));
-			if (evt.button !== 2) state.stopPropagation();
+			if (!this._isContextMenuGesture(evt)) state.stopPropagation();
 		}));
 		this.disposeWithMe(spreadsheetRowHeader === null || spreadsheetRowHeader === void 0 ? void 0 : spreadsheetRowHeader.onPointerDown$.subscribeEvent((evt, state) => {
-			if (this.isSelectionDisabled()) return;
-			if (this.inRefSelectionMode()) return;
+			if (this.isSelectionDisabled() || this.inRefSelectionMode()) return;
 			const skeleton = this._sheetSkeletonManagerService.getCurrentParam().skeleton;
 			const { row } = getCoordByOffset(evt.offsetX, evt.offsetY, scene, skeleton);
 			if (isThisRowSelected(this._workbookSelections.getCurrentSelections(), row)) return;
 			this._onPointerDown(evt, (spreadsheet.zIndex || 1) + 1, RANGE_TYPE.ROW, this._getActiveViewport(evt), ScrollTimerType.Y);
-			if (evt.button !== 2) state.stopPropagation();
+			if (!this._isContextMenuGesture(evt)) state.stopPropagation();
 		}));
 		this.disposeWithMe(spreadsheetColumnHeader === null || spreadsheetColumnHeader === void 0 ? void 0 : spreadsheetColumnHeader.onPointerDown$.subscribeEvent((evt, state) => {
-			if (this.isSelectionDisabled()) return;
-			if (this.inRefSelectionMode()) return;
+			if (this.isSelectionDisabled() || this.inRefSelectionMode()) return;
 			const skeleton = this._sheetSkeletonManagerService.getCurrentParam().skeleton;
 			const { column } = getCoordByOffset(evt.offsetX, evt.offsetY, scene, skeleton);
 			if (isThisColSelected(this._workbookSelections.getCurrentSelections(), column)) return;
 			this._onPointerDown(evt, (spreadsheet.zIndex || 1) + 1, RANGE_TYPE.COLUMN, this._getActiveViewport(evt), ScrollTimerType.X);
-			if (evt.button !== 2) state.stopPropagation();
+			if (!this._isContextMenuGesture(evt)) state.stopPropagation();
 		}));
 		this.disposeWithMe(spreadsheetLeftTopPlaceholder === null || spreadsheetLeftTopPlaceholder === void 0 ? void 0 : spreadsheetLeftTopPlaceholder.onPointerDown$.subscribeEvent((evt, state) => {
-			if (this.isSelectionDisabled()) return;
-			if (this.inRefSelectionMode()) return;
+			if (this.isSelectionDisabled() || this.inRefSelectionMode()) return;
 			this._reset();
 			const skeleton = this._sheetSkeletonManagerService.getCurrentParam().skeleton;
 			const selectionWithStyle = selectionDataForSelectAll(skeleton);
 			this._addSelectionControlByModelData(selectionWithStyle);
 			this.refreshSelectionMoveEnd();
-			if (evt.button !== 2) state.stopPropagation();
+			if (!this._isContextMenuGesture(evt)) state.stopPropagation();
 		}));
 	}
 	_initThemeChangeListener() {
@@ -35859,7 +36134,7 @@ let SheetSelectionRenderService = class SheetSelectionRenderService extends Base
 		const sheetId = workbook.getActiveSheet().getSheetId();
 		if (selectionDataWithStyleList.length === 0) return;
 		const selectionWithStyles = selectionDataWithStyleList.map((selectionDataWithStyle) => convertSelectionDataToRange(selectionDataWithStyle));
-		this._commandService.executeCommand(SetSelectionsOperation.id, {
+		this._commandService.syncExecuteCommand(SetSelectionsOperation.id, {
 			unitId,
 			subUnitId: sheetId,
 			type,
@@ -35880,6 +36155,7 @@ let SheetSelectionRenderService = class SheetSelectionRenderService extends Base
 			const prevSheetId = (_this$_skeleton = this._skeleton) === null || _this$_skeleton === void 0 || (_this$_skeleton = _this$_skeleton.worksheet) === null || _this$_skeleton === void 0 ? void 0 : _this$_skeleton.getSheetId();
 			this._changeRuntime(skeleton, scene, viewportMain);
 			if (prevSheetId !== skeleton.worksheet.getSheetId()) {
+				this._reset();
 				const selections = this._workbookSelections.getCurrentSelections();
 				this._commandService.syncExecuteCommand(SetSelectionsOperation.id, {
 					unitId,
@@ -35914,11 +36190,10 @@ let SheetSelectionRenderService = class SheetSelectionRenderService extends Base
 		this._rangeType = rangeType;
 		const skeleton = this._skeleton;
 		const scene = this._scene;
-		if (!scene || !skeleton) return;
+		const viewportMain = scene === null || scene === void 0 ? void 0 : scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
+		if (!scene || !skeleton || !viewportMain) return;
 		if (viewport) this._activeViewport = viewport;
 		const { offsetX: evtOffsetX, offsetY: evtOffsetY } = evt;
-		const viewportMain = scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
-		if (!viewportMain) return;
 		const relativeCoords = scene.getCoordRelativeToViewport(Vector2.FromArray([evtOffsetX, evtOffsetY]));
 		const { x: offsetX, y: offsetY } = relativeCoords;
 		this._startViewportPosX = offsetX;
@@ -35928,7 +36203,6 @@ let SheetSelectionRenderService = class SheetSelectionRenderService extends Base
 		const selectCell = this._skeleton.getCellByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY);
 		if (!selectCell) return;
 		switch (rangeType) {
-			case RANGE_TYPE.NORMAL: break;
 			case RANGE_TYPE.ROW:
 				selectCell.startColumn = 0;
 				selectCell.endColumn = this._skeleton.getColumnCount() - 1;
@@ -35955,6 +36229,11 @@ let SheetSelectionRenderService = class SheetSelectionRenderService extends Base
 		selectionWithStyle.range.rangeType = rangeType;
 		const activeSelectionControl = this._updateSelectionControl(evt, selectionWithStyle);
 		if (!activeSelectionControl) return;
+		if (this._isContextMenuGesture(evt)) {
+			this._selectionMoveStart$.next(this.getSelectionDataWithStyle());
+			this.endSelection();
+			return;
+		}
 		scene.disableObjectsEvent();
 		this._clearUpdatingListeners();
 		this._addEndingListeners();
@@ -35966,20 +36245,32 @@ let SheetSelectionRenderService = class SheetSelectionRenderService extends Base
 		(_this$_scene$getEngin = this._scene.getEngine()) === null || _this$_scene$getEngin === void 0 || _this$_scene$getEngin.setCapture();
 	}
 	_updateSelectionControl(evt, selection) {
-		const cursorRange = attachSelectionWithCoord(selection, this._skeleton).rangeWithCoord;
+		const selectionWithCoord = attachSelectionWithCoord(selection, this._skeleton);
+		const cursorRange = selectionWithCoord.rangeWithCoord;
 		this._startRangeWhenPointerDown = { ...cursorRange };
 		const controls = this.getSelectionControls();
 		const isSelected = controls.some((control) => Rectangle.contains(control.model, cursorRange));
-		if (evt.button === 2 && isSelected) return;
-		if (evt.button === 0 && (evt.ctrlKey || evt.metaKey) && !evt.shiftKey && !this._singleSelectionEnabled && this._rangeType === RANGE_TYPE.NORMAL && isSelected) this._selectionBeforeModifierClick = this.getSelectionDataWithStyle().map(convertSelectionDataToRange);
+		if (this._isContextMenuGesture(evt) && isSelected) return;
+		if (evt.button === 0 && !this._isContextMenuGesture(evt) && this._isMultiSelectModifier(evt) && !evt.shiftKey && !this._singleSelectionEnabled && this._rangeType === RANGE_TYPE.NORMAL && isSelected) this._selectionBeforeModifierClick = this.getSelectionDataWithStyle().map(convertSelectionDataToRange);
 		let activeControl = this.getActiveSelectionControl();
+		if (activeControl && this._canAnimateSelection(evt, activeControl, cursorRange)) {
+			activeControl.updateRangeBySelectionWithCoord(selectionWithCoord, this._skeleton, true);
+			return activeControl;
+		}
 		this._checkClearPreviousControls(evt);
 		const currentCell = activeControl === null || activeControl === void 0 ? void 0 : activeControl.model.currentCell;
-		if (evt.shiftKey && currentCell && activeControl) this._makeSelectionByTwoCells(currentCell, cursorRange, this._skeleton, this._rangeType, activeControl);
+		if (!this._isContextMenuGesture(evt) && evt.shiftKey && currentCell && activeControl) this._makeSelectionByTwoCells(currentCell, cursorRange, this._skeleton, this._rangeType, activeControl);
 		else activeControl = this.newSelectionControl(this._scene, this._skeleton, selection);
 		for (let i = 0; i < controls.length - 1; i++) controls[i].clearHighlight();
 		return activeControl;
 	}
+	_canAnimateSelection(evt, control, target) {
+		if (this.getSelectionControls().length !== 1 || this._rangeType !== RANGE_TYPE.NORMAL || this._remainLastEnabled || evt.button !== 0 || evt.ctrlKey || evt.metaKey || evt.shiftKey || evt.altKey) return false;
+		const current = control.getCurrentCellInfo();
+		if (!current || !Rectangle.equals(control.model, current)) return false;
+		const freeze = this._skeleton.worksheet.getFreeze();
+		return current.startRow < freeze.startRow === target.startRow < freeze.startRow && current.startColumn < freeze.startColumn === target.startColumn < freeze.startColumn;
+	}
 	endSelection() {
 		const previousSelections = this._selectionBeforeModifierClick;
 		this._selectionBeforeModifierClick = null;
@@ -36169,4 +36460,4 @@ UniverSheetsUIPlugin = __decorate([
 ], UniverSheetsUIPlugin);
 
 //#endregion
-export { AddRangeProtectionFromContextMenuCommand, AddRangeProtectionFromSheetBarCommand, AddRangeProtectionFromToolbarCommand, ApplyFormatPainterCommand, AutoFillPopupMenu, AutoFillUIController, AutoHeightController, AutoWidthController, BORDER_LINE_CHILDREN, BORDER_SIZE_CHILDREN, BaseSelectionRenderService, BorderLine, COPY_SPECIAL_MENU_ID, COPY_TYPE, CellAlertManagerService, CellAlertType, CellCustomRenderController, CellEditorManagerService, CellPopupManagerService, ChangeSheetProtectionFromSheetBarCommand, ChangeZoomRatioCommand, DeleteRangeMoveLeftConfirmCommand, DeleteRangeMoveUpConfirmCommand, DeleteRangeProtectionFromContextMenuCommand, DeleteWorksheetProtectionFormSheetBarCommand, DragManagerService, DragRenderController, EMBEDDING_FORMULA_EDITOR, EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY, EditingRenderController, EditorBridgeService, EditorContainer, ExpandSelectionCommand, FORMULA_CLIPBOARD_MIME_TYPE, FormatPainterStatus, FormulaBar, FormulaEditorController, HEADER_UNHIDE_RANGE_VISIBLE_CHECK, HeaderFreezeRenderController, HeaderMoveRenderController, HeaderResizeRenderController, HeaderUnhideRangeAxis, HeaderUnhideRangeService, HeaderUnhideRenderController, HideColConfirmCommand, HideRowConfirmCommand, HoverManagerService, HoverRenderController, ICellEditorManagerService, IEditorBridgeService, IFormatPainterService, IFormulaEditorManagerService, IMarkSelectionService, IRepeatLastActionService, ISheetBarService, ISheetCellDropdownManagerService, ISheetClipboardService, ISheetEmbedFloatingGeometryService, ISheetEmbedInteractionBoundaryService, ISheetEmbedRuntimeFocusCoordinator, ISheetEmbedRuntimeService, ISheetHostChromeOverrideService, ISheetSelectionRenderService, IStatusBarService, InsertRangeMoveDownConfirmCommand, InsertRangeMoveRightConfirmCommand, JumpOver, MOBILE_CONTEXT_MENU, MOBILE_EXPANDING_SELECTION, MOBILE_FORMULA_FUNCTION_PANEL_OPEN, MOBILE_PINCH_ZOOMING, MarkSelectionService, MobileSelectionControl, MoveSelectionCommand, MoveSelectionEnterAndTabCommand, PASTE_SPECIAL_MENU_ID, PREDEFINED_HOOK_NAME, PREDEFINED_HOOK_NAME_COPY, PREDEFINED_HOOK_NAME_PASTE, RANGE_SELECTOR_COMPONENT_KEY, RANGE_SELECTOR_SYMBOLS, RemoveColConfirmCommand, RemoveRowConfirmCommand, RemoveSheetConfirmCommand, RenameSheetOperation, RepeatLastActionPermission, ResetRangeTextColorCommand, ResetScrollCommand, SELECTION_SHAPE_DEPTH, SHEETS_UI_PLUGIN_CONFIG_KEY, SHEET_EMBED_CHILD_TYPE_ATTRIBUTE, SHEET_EMBED_CHILD_UNIT_ID_ATTRIBUTE, SHEET_EMBED_FLOAT_DOM_ATTRIBUTE, SHEET_EMBED_HOST_UNIT_ID_ATTRIBUTE, SHEET_EMBED_ID_ATTRIBUTE, SHEET_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE, SHEET_EMBED_RUNTIME_FOCUS_ROLE_ATTRIBUTE, SHEET_FOOTER_BAR_HEIGHT, SHEET_UI_PLUGIN_NAME, SHEET_VIEW_KEY, ScrollCommand, ScrollToCellCommand, ScrollToRangeOperation, SelectAllCommand, SelectionControl, SelectionControl as SelectionShape, SelectionShapeExtension, SetActivateCellEditOperation, SetCellEditVisibleArrowOperation, SetCellEditVisibleOperation, SetCellEditVisibleWithF2Operation, SetColumnFrozenCommand, SetColumnHeaderHeightCommand, SetFirstColumnFrozenCommand, SetFirstRowFrozenCommand, SetFormatPainterOperation, SetInfiniteFormatPainterCommand, SetOnceFormatPainterCommand, SetRangeBoldCommand, SetRangeFontDecreaseCommand, SetRangeFontFamilyCommand, SetRangeFontIncreaseCommand, SetRangeFontSizeCommand, SetRangeItalicCommand, SetRangeProtectionFromContextMenuCommand, SetRangeStrickThroughCommand, SetRangeSubscriptCommand, SetRangeSuperscriptCommand, SetRangeTextColorCommand, SetRangeUnderlineCommand, SetRowFrozenCommand, SetRowHeaderWidthCommand, SetScrollOperation, SetScrollRelativeCommand, SetSelectionFrozenCommand, SetWorksheetColAutoWidthCommand, SetZoomRatioCommand, SetZoomRatioOperation, SheetBar, SheetBarService, SheetCanvasPopManagerService, SheetCellDropdownManagerService, SheetCellEditorResizeService, SheetClipboardController, SheetClipboardService, SheetContextMenuMobileRenderController, SheetCopyCommand, SheetCutCommand, SheetMenuPosition, SheetPasteBesidesBorderCommand, SheetPasteColWidthCommand, SheetPasteCommand, SheetPasteFormatCommand, SheetPasteShortKeyCommand, SheetPasteValueCommand, SheetPermissionCheckUIController, SheetPermissionOpenDialogOperation, SheetPermissionOpenPanelOperation, SheetPermissionRenderManagerService, SheetPermissionUserManagerService, SheetPrintInterceptorService, SheetPrintingResourceCollector, SheetRenderController, SheetScrollManagerService, SheetSelectionRenderService, SheetSkeletonManagerService, SheetUIController, SheetsRenderService, SheetsScrollRenderController, menuSchema as SheetsUIMenuSchema, SheetsUIPart, ShowMenuListCommand, SidebarDefinedNameOperation, StatusBarController, StatusBarService, UNIVER_SHEET_PERMISSION_USER_PART, UniverSheetsMobileUIPlugin, UniverSheetsUIPlugin, ViewSheetPermissionFromContextMenuCommand, ViewSheetPermissionFromSheetBarCommand, calculateDocSkeletonRects, matchedSelectionByRowColIndex as checkInHeaderRanges, deriveStateFromActiveSheet$, functionDisplayNames, genNormalSelectionStyle, genSelectionByRange, selectionDataForSelectAll as getAllSelection, getCellRealRange, getCoordByCell, getCoordByOffset, getCurrentExclusiveRangeInterest$, getCurrentRangeDisable$, getCustomRangePosition, getEditingCustomRangePosition, getEditorObject, getMatrixPlainText, getObservableWithExclusiveRange$, getRepeatRange, getSheetObject, getTopLeftSelectionOfCurrSheet, getTransformCoord, getViewportByCell, isEmbeddingFormulaEditor, isRangeSelector, menuClipboardDisabledObservable, mergeSetRangeValues, resolveActiveSheetEmbedRuntimeDomScope, resolveSheetEmbedRuntimeDomScope, useActiveWorkbook, useActiveWorksheet, useHighlightRange, useKeyEventConfig, useWorkbooks, virtualizeDiscreteRanges, whenFormulaEditorActivated, whenSheetEditorActivated, whenSheetEditorFocused };
+export { AddRangeProtectionFromContextMenuCommand, AddRangeProtectionFromSheetBarCommand, AddRangeProtectionFromToolbarCommand, ApplyFormatPainterCommand, AutoFillPopupMenu, AutoFillUIController, AutoHeightController, AutoWidthController, BORDER_LINE_CHILDREN, BORDER_SIZE_CHILDREN, BaseSelectionRenderService, BorderLine, COPY_SPECIAL_MENU_ID, COPY_TYPE, CellAlertManagerService, CellAlertType, CellCustomRenderController, CellEditorManagerService, CellPopupManagerService, ChangeSheetProtectionFromSheetBarCommand, ChangeZoomRatioCommand, DEFINED_NAME_CONTAINER, DeleteRangeMoveLeftConfirmCommand, DeleteRangeMoveUpConfirmCommand, DeleteRangeProtectionFromContextMenuCommand, DeleteWorksheetProtectionFormSheetBarCommand, DragManagerService, DragRenderController, EMBEDDING_FORMULA_EDITOR, EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY, EditingRenderController, EditorBridgeService, EditorContainer, ExpandSelectionCommand, FORMULA_CLIPBOARD_MIME_TYPE, FormatPainterStatus, FormulaBar, FormulaEditorController, HEADER_UNHIDE_RANGE_VISIBLE_CHECK, HeaderFreezeRenderController, HeaderMoveRenderController, HeaderResizeRenderController, HeaderUnhideRangeAxis, HeaderUnhideRangeService, HeaderUnhideRenderController, HideColConfirmCommand, HideRowConfirmCommand, HoverManagerService, HoverRenderController, ICellEditorManagerService, IEditorBridgeService, IFormatPainterService, IFormulaEditorManagerService, IMarkSelectionService, IRepeatLastActionService, ISheetBarService, ISheetCellDropdownManagerService, ISheetClipboardService, ISheetEmbedFloatingGeometryService, ISheetEmbedInteractionBoundaryService, ISheetEmbedRuntimeFocusCoordinator, ISheetEmbedRuntimeService, ISheetHostChromeOverrideService, ISheetSelectionRenderService, IStatusBarService, InsertRangeMoveDownConfirmCommand, InsertRangeMoveRightConfirmCommand, JumpOver, MOBILE_CONTEXT_MENU, MOBILE_EXPANDING_SELECTION, MOBILE_FORMULA_FUNCTION_PANEL_OPEN, MOBILE_PINCH_ZOOMING, MarkSelectionService, MobileSelectionControl, MoveSelectionCommand, MoveSelectionEnterAndTabCommand, PASTE_SPECIAL_MENU_ID, PREDEFINED_HOOK_NAME, PREDEFINED_HOOK_NAME_COPY, PREDEFINED_HOOK_NAME_PASTE, RANGE_SELECTOR_COMPONENT_KEY, RANGE_SELECTOR_SYMBOLS, RemoveColConfirmCommand, RemoveRowConfirmCommand, RemoveSheetConfirmCommand, RenameSheetOperation, RepeatLastActionPermission, ResetRangeTextColorCommand, ResetScrollCommand, SELECTION_SHAPE_DEPTH, SHEETS_UI_PLUGIN_CONFIG_KEY, SHEET_EMBED_CHILD_TYPE_ATTRIBUTE, SHEET_EMBED_CHILD_UNIT_ID_ATTRIBUTE, SHEET_EMBED_FLOAT_DOM_ATTRIBUTE, SHEET_EMBED_HOST_UNIT_ID_ATTRIBUTE, SHEET_EMBED_ID_ATTRIBUTE, SHEET_EMBED_INTERACTION_BOUNDARY_OWNER_ATTRIBUTE, SHEET_EMBED_RUNTIME_FOCUS_ROLE_ATTRIBUTE, SHEET_FOOTER_BAR_HEIGHT, SHEET_UI_PLUGIN_NAME, SHEET_VIEW_KEY, ScrollCommand, ScrollToCellCommand, ScrollToRangeOperation, SelectAllCommand, SelectionControl, SelectionControl as SelectionShape, SelectionShapeExtension, SetActivateCellEditOperation, SetCellEditVisibleArrowOperation, SetCellEditVisibleOperation, SetCellEditVisibleWithF2Operation, SetColumnFrozenCommand, SetColumnHeaderHeightCommand, SetFirstColumnFrozenCommand, SetFirstRowFrozenCommand, SetFormatPainterOperation, SetInfiniteFormatPainterCommand, SetOnceFormatPainterCommand, SetRangeBoldCommand, SetRangeFontDecreaseCommand, SetRangeFontFamilyCommand, SetRangeFontIncreaseCommand, SetRangeFontSizeCommand, SetRangeItalicCommand, SetRangeProtectionFromContextMenuCommand, SetRangeStrickThroughCommand, SetRangeSubscriptCommand, SetRangeSuperscriptCommand, SetRangeTextColorCommand, SetRangeUnderlineCommand, SetRowFrozenCommand, SetRowHeaderWidthCommand, SetScrollOperation, SetScrollRelativeCommand, SetSelectionFrozenCommand, SetWorksheetColAutoWidthCommand, SetZoomRatioCommand, SetZoomRatioOperation, SheetBar, SheetBarService, SheetCanvasPopManagerService, SheetCellDropdownManagerService, SheetCellEditorResizeService, SheetClipboardController, SheetClipboardService, SheetContextMenuMobileRenderController, SheetCopyCommand, SheetCutCommand, SheetMenuPosition, SheetPasteBesidesBorderCommand, SheetPasteColWidthCommand, SheetPasteCommand, SheetPasteFormatCommand, SheetPasteShortKeyCommand, SheetPasteValueCommand, SheetPermissionCheckUIController, SheetPermissionOpenDialogOperation, SheetPermissionOpenPanelOperation, SheetPermissionRenderManagerService, SheetPermissionUserManagerService, SheetPrintInterceptorService, SheetPrintingResourceCollector, SheetRenderController, SheetScrollManagerService, SheetSelectionRenderService, SheetSkeletonManagerService, SheetUIController, SheetsRenderService, SheetsScrollRenderController, menuSchema as SheetsUIMenuSchema, SheetsUIPart, ShowMenuListCommand, SidebarDefinedNameOperation, StatusBarController, StatusBarService, UNIVER_SHEET_PERMISSION_USER_PART, UniverSheetsMobileUIPlugin, UniverSheetsUIPlugin, ViewSheetPermissionFromContextMenuCommand, ViewSheetPermissionFromSheetBarCommand, calculateDocSkeletonRects, matchedSelectionByRowColIndex as checkInHeaderRanges, deriveStateFromActiveSheet$, functionDisplayNames, genNormalSelectionStyle, genSelectionByRange, selectionDataForSelectAll as getAllSelection, getCellRealRange, getCoordByCell, getCoordByOffset, getCurrentExclusiveRangeInterest$, getCurrentRangeDisable$, getCustomRangePosition, getEditingCustomRangePosition, getEditorObject, getMatrixPlainText, getObservableWithExclusiveRange$, getRepeatRange, getSheetObject, getTopLeftSelectionOfCurrSheet, getTransformCoord, getViewportByCell, isEmbeddingFormulaEditor, isRangeSelector, menuClipboardDisabledObservable, mergeSetRangeValues, resolveActiveSheetEmbedRuntimeDomScope, resolveSheetEmbedRuntimeDomScope, useActiveWorkbook, useActiveWorksheet, useHighlightRange, useKeyEventConfig, useWorkbooks, virtualizeDiscreteRanges, whenFormulaEditorActivated, whenSheetEditorActivated, whenSheetEditorFocused };