@univerjs/sheets-ui 1.0.3 → 1.1.0

package/lib/cjs/index.js

@@ -241,7 +241,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) {
@@ -252,7 +252,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];
@@ -265,14 +265,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,
@@ -438,6 +438,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 _univerjs_engine_render.Layer {
@@ -942,9 +951,15 @@ var BaseSelectionRenderService = class extends _univerjs_core.Disposable {
 			rangeWithCoord
 		};
 	}
+	_isContextMenuGesture(evt) {
+		return isSheetContextMenuGesture(evt, this._injector.get(_univerjs_ui.IPlatformService).isMac, this.inRefSelectionMode());
+	}
+	_isMultiSelectModifier(evt) {
+		return isSheetMultiSelectModifier(evt, this._injector.get(_univerjs_ui.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;
@@ -1030,7 +1045,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);
@@ -1038,7 +1053,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);
@@ -1850,6 +1865,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
 */
@@ -1859,6 +1875,9 @@ var SelectionControl = class extends _univerjs_core.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);
@@ -1970,6 +1989,7 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 		scene.addObject(this._selectionShapeGroup, 1);
 		this.disposeWithMe((0, _univerjs_core.toDisposable)(scene.onTransformChange$.subscribeEvent((state) => {
 			if (state.type !== _univerjs_engine_render.TRANSFORM_CHANGE_OBSERVABLE_TYPE.scale) return;
+			this._stopMoveAnimation();
 			this._updateLayoutOfSelectionControl(this._currentStyle);
 			this._updateControlCoord();
 		})));
@@ -2132,6 +2152,11 @@ var SelectionControl = class extends _univerjs_core.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;
@@ -2158,7 +2183,7 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 		autofillStrokeWidth /= scale < 1 ? 1 : scale;
 		const borderBuffer = _univerjs_sheets.SELECTION_CONTROL_BORDER_BUFFER_WIDTH / scale;
 		const fixOnePixelBlurOffset = _univerjs_engine_render.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,
@@ -2239,19 +2264,20 @@ var SelectionControl = class extends _univerjs_core.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();
 	}
@@ -2265,6 +2291,7 @@ var SelectionControl = class extends _univerjs_core.Disposable {
 	* @param primaryWithCoord
 	*/
 	updateRange(rangeWithCoord, primaryWithCoord) {
+		this._stopMoveAnimation();
 		this._selectionRenderModel.setValue(rangeWithCoord, primaryWithCoord);
 		this._showAutoFill = primaryWithCoord !== null;
 		this._updateLayoutOfSelectionControl();
@@ -2274,7 +2301,11 @@ var SelectionControl = class extends _univerjs_core.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 = !_univerjs_core.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;
@@ -2285,6 +2316,47 @@ var SelectionControl = class extends _univerjs_core.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 = _univerjs_core.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, (_univerjs_core.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 ? (0, _univerjs_engine_render.requestNewFrame)(frame) : -1;
+		};
+		this._moveAnimationFrame = (0, _univerjs_engine_render.requestNewFrame)(frame);
+	}
+	_stopMoveAnimation() {
+		var _this$_restoreMoveEve;
+		if (this._moveAnimationFrame !== -1) {
+			(0, _univerjs_engine_render.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.
@@ -2299,40 +2371,22 @@ var SelectionControl = class extends _univerjs_core.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);
@@ -2432,12 +2486,12 @@ var SelectionControl = class extends _univerjs_core.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 });
@@ -2498,7 +2552,7 @@ var SelectionControl = class extends _univerjs_core.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;
@@ -3052,9 +3106,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
@@ -3062,7 +3117,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]
@@ -3090,14 +3145,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) => {
@@ -3714,7 +3764,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: [{
@@ -4091,9 +4141,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 = (0, _univerjs_core.createIdentifier)("sheet.clipboard-service");
 let SheetClipboardService = class SheetClipboardService extends _univerjs_core.Disposable {
 	constructor(_logService, _univerInstanceService, _selectionManagerService, _clipboardInterfaceService, _undoRedoService, _commandService, _markSelectionService, _notificationService, _platformService, _renderManagerService, _themeService, _localeService, _errorService, _injector) {
@@ -4622,6 +4672,19 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 			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(_univerjs_sheets.SheetInterceptorService).beforeCommandExecute({
+					id: _univerjs_sheets.MoveRangeCommand.id,
+					params: {
+						fromUnitId: copyUnitId,
+						fromSubUnitId: copySubUnitId,
+						fromRange: (0, _univerjs_sheets.discreteRangeToRange)(range),
+						toUnitId: target.unitId,
+						toSubUnitId: target.subUnitId,
+						toRange: (0, _univerjs_sheets.discreteRangeToRange)(pasteTarget.pastedRange)
+					}
+				})) return false;
+			}
 		}
 		const pasteRes = this._pasteUSM({
 			cellMatrix,
@@ -6875,7 +6938,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 ?? _univerjs_core.RANGE_TYPE.NORMAL;
 			if (rangeType === _univerjs_core.RANGE_TYPE.ROW || type === 1) {
 				startRow = selectRow;
 				freezedRowCount = selectRow - sheetViewStartRow;
@@ -6952,6 +7015,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 _univerjs_core.Disposable {
@@ -7045,7 +7132,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(_univerjs_core.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 = (0, _univerjs_sheets.getCellAtRowCol)(next.startRow, next.startColumn, worksheet);
 		if (_univerjs_core.Rectangle.equals(destRange, startRange)) return false;
 		const unitId = workbook.getUnitId();
@@ -7168,13 +7257,7 @@ const MoveSelectionEnterAndTabCommand = {
 					keycode: _univerjs_ui.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 === _univerjs_ui.KeyCode.ENTER && direction === _univerjs_core.Direction.DOWN && startRange.endRow === worksheet.getMaxRows() - 1;
-			const isLastColumnCell = keycode === _univerjs_ui.KeyCode.TAB && direction === _univerjs_core.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 = (0, _univerjs_sheets.getCellAtRowCol)(next.startRow, next.startColumn, worksheet);
 			if (_univerjs_core.Rectangle.equals(destRange, startRange)) return false;
 			resultRange = {
@@ -7218,11 +7301,19 @@ const ExpandSelectionCommand = {
 		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
 		if (!target) return false;
 		const { worksheet, unitId, subUnitId } = target;
-		const selection = (0, _univerjs_sheets.getSelectionsService)(accessor).getCurrentLastSelection();
+		const selectionsService = (0, _univerjs_sheets.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: _univerjs_core.RANGE_TYPE.NORMAL
+			};
 			if (startRange.startRow === startRange.endRow && startRange.startColumn === startRange.endColumn) {
 				const mergedCell = worksheet.getMergedCell(startRange.startRow, startRange.startColumn);
 				if (mergedCell) startRange = {
@@ -7231,18 +7322,21 @@ const ExpandSelectionCommand = {
 				};
 			}
 			if (!primary) {
-				const lastSelectionPrimary = (0, _univerjs_sheets.getSelectionsService)(accessor).getCurrentLastSelectionPrimaryCell();
+				const lastSelectionPrimary = selectionsService.getCurrentLastSelectionPrimaryCell();
 				if (lastSelectionPrimary && _univerjs_core.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, {
 			..._univerjs_core.Rectangle.clone(primary),
 			rangeType: _univerjs_core.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 (_univerjs_core.Rectangle.equals(destRange, startRange)) return false;
 		return accessor.get(_univerjs_core.ICommandService).syncExecuteCommand(_univerjs_sheets.SetSelectionsOperation.id, {
 			unitId,
@@ -8143,14 +8237,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
@@ -8293,7 +8390,7 @@ let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Dispo
 	}
 	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();
@@ -8301,6 +8398,7 @@ let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Dispo
 		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 = (0, _univerjs_sheets.attachPrimaryWithCoord)(skeleton, primary);
 		const actualRangeWithCoord = (0, _univerjs_core.convertCellToRange)(primaryWithCoord);
 		const canvasOffset = (0, _univerjs_docs_ui.getCanvasOffsetByEngine)(engine);
@@ -8398,7 +8496,7 @@ let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Dispo
 	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();
@@ -8406,6 +8504,7 @@ let EditorBridgeService = class EditorBridgeService extends _univerjs_core.Dispo
 		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 = (0, _univerjs_sheets.attachPrimaryWithCoord)(skeleton, primary);
 		const actualRangeWithCoord = (0, _univerjs_core.convertCellToRange)(primaryWithCoord);
@@ -8777,29 +8876,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 = {
@@ -10317,6 +10393,18 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		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 (0, _univerjs_engine_render.getCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService);
@@ -10344,10 +10432,13 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		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(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY, _univerjs_core.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;
@@ -10355,17 +10446,17 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		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 === _univerjs_core.VerticalAlign.MIDDLE) offsetTop = (editorHeight - actualHeight) / 2 / scaleY;
 		else if (verticalAlign === _univerjs_core.VerticalAlign.TOP) offsetTop = paddingData.t || 0;
 		else offsetTop = (editorHeight - actualHeight) / scaleY;
 		let offsetLeft = 0;
-		if (horizontalAlign === _univerjs_core.HorizontalAlign.CENTER) {} else if (horizontalAlign === _univerjs_core.HorizontalAlign.RIGHT) offsetLeft = (editorWidth - actualWidth) / scaleX;
-		else offsetLeft = paddingData.l || 0;
+		if (horizontalAlign === _univerjs_core.HorizontalAlign.RIGHT) offsetLeft = (editorWidth - actualWidth) / scaleX;
+		else if (horizontalAlign !== _univerjs_core.HorizontalAlign.CENTER) offsetLeft = paddingData.l || 0;
 		offsetTop = Math.max(offsetTop, paddingData.t || 0);
 		offsetLeft = Math.max(offsetLeft, paddingData.l || 0);
 		documentDataModel.updateDocumentDataMargin({
@@ -10373,7 +10464,22 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 			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,
@@ -10384,25 +10490,26 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		const { textRotation, wrapStrategy, paddingData } = documentLayoutObject;
 		const documentDataModel = this._univerInstanceService.getUnit(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY, _univerjs_core.UniverInstanceType.UNIVER_DOC);
 		const { vertexAngle: angle } = (0, _univerjs_engine_render.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 === _univerjs_core.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);
 		/**
@@ -10414,7 +10521,8 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		});
 		return {
 			actualWidth: size.actualWidth * scaleX,
-			actualHeight: size.actualHeight * scaleY
+			actualHeight: size.actualHeight * scaleY,
+			maxSize
 		};
 	}
 	_getEditorMaxSize(position, canvasOffset, horizontalAlign) {
@@ -10460,7 +10568,7 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 	* 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;
@@ -10468,25 +10576,16 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		const canvasElement = engine.getCanvasElement();
 		let { startX, startY } = actualRangeWithCoord;
 		const { document: documentComponent, scene: editorScene, engine: docEngine } = editorObject;
-		const viewportMain = editorScene.getViewport(_univerjs_docs_ui.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 _univerjs_engine_render.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({
@@ -10496,11 +10595,6 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 			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((0, _univerjs_engine_render.fixLineWidthByScale)(editorWidth, precisionScaleX), (0, _univerjs_engine_render.fixLineWidthByScale)(physicHeight, precisionScaleY));
 			callback === null || callback === void 0 || callback();
@@ -10520,6 +10614,26 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 			show: true
 		});
 	}
+	_fitEditorViewport(editorScene, editorHeight, clientHeight) {
+		const viewportMain = editorScene.getViewport(_univerjs_docs_ui.VIEWPORT_KEY.VIEW_MAIN);
+		let scrollBar = viewportMain === null || viewportMain === void 0 ? void 0 : viewportMain.getScrollBar();
+		if (editorHeight > clientHeight) {
+			if (scrollBar == null) viewportMain && new _univerjs_engine_render.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();
@@ -10978,27 +11092,6 @@ function generateArrowSelectionShortCutItem() {
 			}
 		});
 	}
-	for (const [binding, macArrow, direction] of [[
-		_univerjs_ui.KeyCode.HOME,
-		_univerjs_ui.KeyCode.ARROW_LEFT,
-		_univerjs_core.Direction.LEFT
-	], [
-		_univerjs_ui.KeyCode.END,
-		_univerjs_ui.KeyCode.ARROW_RIGHT,
-		_univerjs_core.Direction.RIGHT
-	]]) for (const extend of [false, true]) {
-		const shift = extend ? _univerjs_ui.MetaKeys.SHIFT : 0;
-		shortcutList.push({
-			id: extend ? _univerjs_docs_ui.MoveSelectionOperation.id : _univerjs_docs_ui.MoveCursorOperation.id,
-			binding: binding | shift,
-			mac: macArrow | _univerjs_ui.MetaKeys.CTRL_COMMAND | shift,
-			preconditions: whenEditorDidNotInputFormulaActivated,
-			staticParameters: {
-				direction,
-				granularity: "line"
-			}
-		});
-	}
 	return shortcutList;
 }
 const StartEditWithF2Shortcut = {
@@ -11399,15 +11492,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 ((0, _univerjs_core.isFormulaString)(dataStream) && (eventType === _univerjs_engine_render.DeviceInputEventType.Dblclick || keycode === _univerjs_ui.KeyCode.F2)) return null;
-	if (eventType === _univerjs_engine_render.DeviceInputEventType.Keyboard && keycode === _univerjs_ui.KeyCode.F2) return {
+	if (percentOffset == null || visibleParam.eventType !== _univerjs_engine_render.DeviceInputEventType.Keyboard) return null;
+	const { initialValue, keycode } = visibleParam;
+	if ((0, _univerjs_core.isFormulaString)(dataStream) && keycode === _univerjs_ui.KeyCode.F2) return null;
+	if (keycode === _univerjs_ui.KeyCode.F2) return {
 		startOffset: percentOffset,
 		endOffset: percentOffset,
 		collapsed: true
 	};
-	if (eventType !== _univerjs_engine_render.DeviceInputEventType.Dblclick && (eventType !== _univerjs_engine_render.DeviceInputEventType.Keyboard || keycode === _univerjs_ui.KeyCode.BACKSPACE || keycode === _univerjs_ui.KeyCode.DELETE || !/^\d/.test(initialValue ?? ""))) return null;
+	if (keycode === _univerjs_ui.KeyCode.BACKSPACE || keycode === _univerjs_ui.KeyCode.DELETE || !/^\d/.test(initialValue ?? "")) return null;
 	return {
 		startOffset: 0,
 		endOffset: percentOffset,
@@ -11657,7 +11750,7 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 		}));
 	}
 	_handleEditorVisible(param) {
-		var _this$_sheetCellEdito4, _documentDataModel$ge, _this$_renderManagerS5;
+		var _documentDataModel$ge, _this$_renderManagerS6;
 		const { eventType, keycode } = param;
 		this._cursorChange = eventType === _univerjs_engine_render.DeviceInputEventType.PointerDown || eventType === _univerjs_engine_render.DeviceInputEventType.Dblclick ? 2 : 1;
 		const editCellState = this._editorBridgeService.getEditLocation();
@@ -11676,21 +11769,25 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 		this._editorBridgeService.refreshEditCellPosition(false);
 		const editorObject = this._getEditorObject();
 		if (editorObject == null) return;
-		const { document, scene } = editorObject;
+		const { document } = editorObject;
 		this._contextService.setContextValue(_univerjs_core.EDITOR_ACTIVATED, true);
 		const documentDataModel = this._getDocumentDataModel();
 		const skeleton = this._getEditorSkeleton(_univerjs_core.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(_univerjs_docs_ui.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 === _univerjs_engine_render.DeviceInputEventType.PointerDown;
+			const editorId = this._contextService.getContextValue(_univerjs_core.FOCUSING_FX_BAR_EDITOR) ? _univerjs_core.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(_univerjs_docs_ui.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 === _univerjs_ui.KeyCode.BACKSPACE || eventType === _univerjs_engine_render.DeviceInputEventType.Dblclick) {
 				skeleton.calculate();
 				this._editorBridgeService.changeEditorDirty(true);
@@ -11702,6 +11799,27 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 				unitId: _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
 				subUnitId: _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY
 			});
+			if (resetPointerSelection && editorId !== _univerjs_core.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) ?? _univerjs_engine_render.NORMAL_TEXT_SELECTION_PLUGIN_STYLE,
+					isEditing: true
+				}, selectionTarget);
+				this._textSelectionManagerService.refreshSelection(selectionTarget, true);
+			}
 		};
 		const replaceSelection = (selection) => {
 			this._textSelectionManagerService.replaceDocRanges([selection], {
@@ -11712,7 +11830,7 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 		const percentSelection = getPercentEditorSelection(editCellState, param, (_documentDataModel$ge = documentDataModel.getBody()) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge.dataStream);
 		const cellImage = (0, _univerjs_sheets.isCellImage)(documentDataModel.getSnapshot());
 		this._submitEmptyCellImageEdit = cellImage && eventType === _univerjs_engine_render.DeviceInputEventType.Keyboard && keycode === _univerjs_ui.KeyCode.BACKSPACE;
-		if (cellImage) clearAndEdit();
+		if (cellImage || isInArrayFormulaRange) clearAndEdit();
 		else if (eventType === _univerjs_engine_render.DeviceInputEventType.Keyboard && keycode === _univerjs_ui.KeyCode.F2) {
 			var _documentDataModel$ge2;
 			document.makeDirty();
@@ -11727,19 +11845,39 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 				endOffset,
 				collapsed: true
 			});
-		} else if (eventType === _univerjs_engine_render.DeviceInputEventType.Keyboard || eventType === _univerjs_engine_render.DeviceInputEventType.Dblclick && isInArrayFormulaRange) {
+		} else if (eventType === _univerjs_engine_render.DeviceInputEventType.Keyboard) {
 			if (percentSelection) replaceSelection(percentSelection);
 			else clearAndEdit();
 		} else if (eventType === _univerjs_engine_render.DeviceInputEventType.Dblclick) {
 			if (this._contextService.getContextValue(_univerjs_core.FOCUSING_EDITOR_INPUT_FORMULA)) return;
-			const endOffset = documentDataModel.getBody().dataStream.length - 2 || 0;
-			replaceSelection(percentSelection ?? {
-				startOffset: 0,
+			const dataStream = documentDataModel.getBody().dataStream;
+			const endOffset = (!(0, _univerjs_core.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 === _univerjs_engine_render.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(_univerjs_docs_ui.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(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS7 === void 0 || _this$_renderManagerS7.with(_univerjs_docs_ui.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;
@@ -11872,8 +12010,8 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 		const editorUnitId = this._editorBridgeService.getCurrentEditorId();
 		if (editorUnitId == null || !this._editorService.isSheetEditor(editorUnitId)) return;
 		if (editorUnitId === _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY) {
-			var _this$_getEditorSkele;
-			(_this$_getEditorSkele = this._getEditorSkeleton(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_getEditorSkele === void 0 || _this$_getEditorSkele.resetInitialWidth();
+			var _this$_getEditorSkele2;
+			(_this$_getEditorSkele2 = this._getEditorSkeleton(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_getEditorSkele2 === void 0 || _this$_getEditorSkele2.resetInitialWidth();
 		}
 		this._clearEditorHistory();
 	}
@@ -11939,12 +12077,12 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 		return this._univerInstanceService.getUnit(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY, _univerjs_core.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(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+		var _this$_renderManagerS8;
+		return (_this$_renderManagerS8 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS8 === void 0 ? void 0 : _this$_renderManagerS8.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
 	}
 	_getEditorViewModel(editorId) {
-		var _this$_renderManagerS7;
-		return (_this$_renderManagerS7 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
+		var _this$_renderManagerS9;
+		return (_this$_renderManagerS9 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS9 === void 0 ? void 0 : _this$_renderManagerS9.with(_univerjs_docs.DocSkeletonManagerService).getViewModel();
 	}
 	_getEditingUnit() {
 		return this._editingUnit ? this._univerInstanceService.getUnit(this._editingUnit, _univerjs_core.UniverInstanceType.UNIVER_SHEET) : null;
@@ -13915,14 +14053,15 @@ let HoverManagerService = class HoverManagerService extends _univerjs_core.Dispo
 			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() {
@@ -13992,7 +14131,7 @@ let HoverRenderController = class HoverRenderController extends _univerjs_core.D
 			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((0, _univerjs_core.fromEventSubject)(mainComponent.onPointerMove$).subscribe((evt) => {
@@ -14009,7 +14148,7 @@ let HoverRenderController = class HoverRenderController extends _univerjs_core.D
 				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;
@@ -14583,6 +14722,7 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends _u
 		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();
@@ -14815,6 +14955,10 @@ let HeaderFreezeRenderController = class HeaderFreezeRenderController extends _u
 	* When switching sheet tabs, it is necessary to update the frozen state of the current view.
 	*/
 	_skeletonListener() {
+		this.disposeWithMe(this._sheetSkeletonManagerService.currentSkeleton$.pipe((0, rxjs.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$) ?? rxjs.EMPTY;
+		})).subscribe(() => this._refreshCurrent()));
 		this.disposeWithMe((0, _univerjs_core.toDisposable)(this._sheetSkeletonManagerService.currentSkeleton$.subscribe((param) => {
 			if ([
 				_univerjs_sheets.SetWorksheetActiveOperation.id,
@@ -17202,6 +17346,10 @@ const MoveRangeConfirmCommand = {
 	id: "sheet.command.move-range-confirm",
 	handler: async (accessor, params) => {
 		if (!params) return false;
+		if (!await accessor.get(_univerjs_sheets.SheetInterceptorService).beforeCommandExecute({
+			id: _univerjs_sheets.MoveRangeCommand.id,
+			params
+		})) return false;
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const sourceTarget = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService, {
@@ -17346,51 +17494,51 @@ const BORDER_LINE_CHILDREN = [
 ];
 const BORDER_SIZE_CHILDREN = [
 	{
-		label: _univerjs_core.BorderStyleTypes.THIN,
+		label: "sheets-ui.borderStyle.thin",
 		value: _univerjs_core.BorderStyleTypes.THIN
 	},
 	{
-		label: _univerjs_core.BorderStyleTypes.HAIR,
+		label: "sheets-ui.borderStyle.hair",
 		value: _univerjs_core.BorderStyleTypes.HAIR
 	},
 	{
-		label: _univerjs_core.BorderStyleTypes.DOTTED,
+		label: "sheets-ui.borderStyle.dotted",
 		value: _univerjs_core.BorderStyleTypes.DOTTED
 	},
 	{
-		label: _univerjs_core.BorderStyleTypes.DASHED,
+		label: "sheets-ui.borderStyle.dashed",
 		value: _univerjs_core.BorderStyleTypes.DASHED
 	},
 	{
-		label: _univerjs_core.BorderStyleTypes.DASH_DOT,
+		label: "sheets-ui.borderStyle.dashDot",
 		value: _univerjs_core.BorderStyleTypes.DASH_DOT
 	},
 	{
-		label: _univerjs_core.BorderStyleTypes.DASH_DOT_DOT,
+		label: "sheets-ui.borderStyle.dashDotDot",
 		value: _univerjs_core.BorderStyleTypes.DASH_DOT_DOT
 	},
 	{
-		label: _univerjs_core.BorderStyleTypes.MEDIUM,
+		label: "sheets-ui.borderStyle.medium",
 		value: _univerjs_core.BorderStyleTypes.MEDIUM
 	},
 	{
-		label: _univerjs_core.BorderStyleTypes.MEDIUM_DASHED,
+		label: "sheets-ui.borderStyle.mediumDashed",
 		value: _univerjs_core.BorderStyleTypes.MEDIUM_DASHED
 	},
 	{
-		label: _univerjs_core.BorderStyleTypes.MEDIUM_DASH_DOT,
+		label: "sheets-ui.borderStyle.mediumDashDot",
 		value: _univerjs_core.BorderStyleTypes.MEDIUM_DASH_DOT
 	},
 	{
-		label: _univerjs_core.BorderStyleTypes.MEDIUM_DASH_DOT_DOT,
+		label: "sheets-ui.borderStyle.mediumDashDotDot",
 		value: _univerjs_core.BorderStyleTypes.MEDIUM_DASH_DOT_DOT
 	},
 	{
-		label: _univerjs_core.BorderStyleTypes.THICK,
+		label: "sheets-ui.borderStyle.thick",
 		value: _univerjs_core.BorderStyleTypes.THICK
 	},
 	{
-		label: _univerjs_core.BorderStyleTypes.DOUBLE,
+		label: "sheets-ui.borderStyle.double",
 		value: _univerjs_core.BorderStyleTypes.DOUBLE
 	}
 ];
@@ -19198,7 +19346,7 @@ function WrapTextMenuItemFactory(accessor) {
 			const disposable = accessor.get(_univerjs_core.ICommandService).onCommandExecuted((c) => {
 				var _selectionManagerServ14;
 				const id = c.id;
-				if (id !== _univerjs_sheets.SetTextWrapCommand.id && id !== _univerjs_sheets.SetSelectionsOperation.id && id !== _univerjs_sheets.SetWorksheetActiveOperation.id) return;
+				if (id !== _univerjs_sheets.SetRangeValuesMutation.id && id !== _univerjs_sheets.SetSelectionsOperation.id && id !== _univerjs_sheets.SetWorksheetActiveOperation.id) return;
 				const primary = (_selectionManagerServ14 = selectionManagerService.getCurrentLastSelection()) === null || _selectionManagerServ14 === void 0 ? void 0 : _selectionManagerServ14.primary;
 				let tb;
 				if (primary != null) {
@@ -19230,33 +19378,34 @@ function ShrinkToFitMenuItemFactory(accessor) {
 	const commandService = accessor.get(_univerjs_core.ICommandService);
 	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 	const selectionManagerService = accessor.get(_univerjs_sheets.SheetsSelectionsService);
+	const style$ = deriveStateFromActiveSheet$(univerInstanceService, {}, ({ worksheet }) => new rxjs.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 ([
+				_univerjs_sheets.SetRangeValuesMutation.id,
+				_univerjs_sheets.SetSelectionsOperation.id,
+				_univerjs_sheets.SetWorksheetActiveOperation.id
+			].includes(command.id)) update();
+		});
+		update();
+		return disposable.dispose;
+	}));
 	return {
 		id: _univerjs_sheets.SetShrinkToFitCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: "ShrinkToFitIcon",
 		title: "sheets-ui.toolbar.shrinkToFit",
 		tooltip: "sheets-ui.toolbar.shrinkToFit",
-		activated$: deriveStateFromActiveSheet$(univerInstanceService, false, ({ worksheet }) => new rxjs.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) === _univerjs_core.BooleanNumber.TRUE);
-			};
-			const disposable = commandService.onCommandExecuted((command) => {
-				if ([
-					_univerjs_sheets.SetRangeValuesMutation.id,
-					_univerjs_sheets.SetSelectionsOperation.id,
-					_univerjs_sheets.SetWorksheetActiveOperation.id
-				].includes(command.id)) update();
-			});
-			update();
-			return disposable.dispose;
-		})),
-		disabled$: getCurrentRangeDisable$(accessor, {
+		activated$: style$.pipe((0, rxjs.map)((style) => style.stf === _univerjs_core.BooleanNumber.TRUE && style.tb !== _univerjs_core.WrapStrategy.WRAP)),
+		disabled$: (0, rxjs.combineLatest)([getCurrentRangeDisable$(accessor, {
 			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission],
 			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
-		}),
+		}), style$]).pipe((0, rxjs.map)(([disabled, style]) => disabled || style.tb === _univerjs_core.WrapStrategy.WRAP)),
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
 }
@@ -19419,6 +19568,7 @@ function PasteRibbonMenuItemFactory(accessor) {
 	return {
 		...PasteSpacialMenuItemFactory(accessor),
 		id: PASTE_RIBBON_MENU_ID,
+		icon: "DocPasteOptionsIcon",
 		title: "sheets-ui.rightClick.paste",
 		hidden$: (0, rxjs.combineLatest)([getObservableWithExclusiveRange$(accessor, (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)), accessor.get(_univerjs_core.IContextService).subscribeContextValue$(_univerjs_core.FOCUSING_SHAPE_TEXT_EDITOR).pipe((0, rxjs.startWith)(false))]).pipe((0, rxjs.map)(([hidden, editing]) => hidden || editing))
 	};
@@ -19691,6 +19841,9 @@ function SetColWidthMenuItemFactory(accessor) {
 //#endregion
 //#region src/menu/merge.menu.ts
 function CellMergeMenuItemFactory(accessor) {
+	const commandService = accessor.get(_univerjs_core.ICommandService);
+	const instanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+	const selectionService = accessor.get(_univerjs_sheets.SheetsSelectionsService);
 	const editDisabled$ = getObservableWithExclusiveRange$(accessor, getCurrentRangeDisable$(accessor, {
 		workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 		worksheetTypes: [
@@ -19706,6 +19859,22 @@ function CellMergeMenuItemFactory(accessor) {
 		icon: "MergeAllIcon",
 		tooltip: "sheets-ui.toolbar.mergeCell.main",
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
+		activated$: deriveStateFromActiveSheet$(instanceService, false, ({ worksheet }) => new rxjs.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 === _univerjs_sheets.AddWorksheetMergeMutation.id || command.id === _univerjs_sheets.RemoveWorksheetMergeMutation.id) update();
+			});
+			update();
+			return () => {
+				selectionSubscription.unsubscribe();
+				commandDisposable.dispose();
+			};
+		})).pipe((0, rxjs.distinctUntilChanged)()),
 		hidden$: (0, rxjs.combineLatest)([(0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET), accessor.get(_univerjs_core.IContextService).subscribeContextValue$(_univerjs_core.FOCUSING_COMMON_DRAWINGS).pipe((0, rxjs.startWith)(false))]).pipe((0, rxjs.map)(([hidden, focusingDrawing]) => hidden || focusingDrawing)),
 		disabled$: editDisabled$.pipe((0, rxjs.combineLatestWith)(selectionsHasCross$), (0, rxjs.map)(([disable, hasCross]) => disable || hasCross))
 	};
@@ -20289,18 +20458,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 = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_ui.ZoomInput, {
-		...props,
-		className: (0, _univerjs_design.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";
@@ -20329,16 +20486,14 @@ function getZoomRatioValue$(accessor) {
 function ZoomRatioMenuItemFactory(accessor) {
 	return {
 		id: ZOOM_RATIO_MENU_ID,
-		commandId: SetZoomRatioFromToolbarCommand.id,
-		type: _univerjs_ui.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: _univerjs_ui.MenuItemType.SELECTOR,
+		icon: "ZoomInIcon",
+		tooltip: "sheets-ui.toolbar.zoom",
+		selections: ZOOM_RATIO_LIST.map((value) => ({
+			value,
+			label: `${value}%`
+		})),
 		value$: getZoomRatioValue$(accessor),
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
@@ -20575,31 +20730,29 @@ const menuSchema = {
 				order: 1,
 				gridLayout: {
 					row: 1,
-					column: 2,
-					width: 112
+					column: 2
 				},
 				menuItemFactory: ZoomRatioMenuItemFactory
+			}
+		},
+		[_univerjs_ui.RibbonViewGroup.VISIBILITY]: {
+			[_univerjs_sheets.ToggleGridlinesCommand.id]: {
+				order: 0,
+				gridLayout: {
+					row: 1,
+					column: 1
+				},
+				menuItemFactory: ToggleGridlinesMenuFactory
 			},
 			[_univerjs_ui.ToggleFullscreenOperation.id]: {
-				order: 2,
+				order: 1,
 				gridLayout: {
 					row: 2,
-					column: 2,
-					showLabel: true,
-					width: 112
+					column: 1
 				},
 				menuItemFactory: FullscreenMenuItemFactory
 			}
-		},
-		[_univerjs_ui.RibbonViewGroup.VISIBILITY]: { [_univerjs_sheets.ToggleGridlinesCommand.id]: {
-			order: 0,
-			gridLayout: {
-				row: 1,
-				column: 1,
-				showLabel: true
-			},
-			menuItemFactory: ToggleGridlinesMenuFactory
-		} }
+		}
 	},
 	[_univerjs_ui.ContextMenuPosition.MAIN_AREA]: {
 		[_univerjs_ui.ContextMenuGroup.QUICK]: {
@@ -21107,14 +21260,12 @@ function useWorkbooks() {
 
 //#endregion
 //#region src/views/editor-container/focus-editor.ts
-const SHEET_CELL_EDITOR_ELEMENT_ID = `__editor_${_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY}`;
-const SHEET_CELL_EDITOR_SELECTION_CONTAINER_ID = `univer-doc-selection-container-${_univerjs_core.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(_univerjs_core.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);
@@ -21127,8 +21278,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(_univerjs_core.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;
@@ -21143,7 +21296,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",
@@ -21186,9 +21339,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
@@ -21258,19 +21408,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;
@@ -21335,10 +21472,13 @@ function EditorContainer({ hidden = false }) {
 	const workbook = editState ? instanceService.getUnit(editState.unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET) ?? null : null;
 	const activeSheet = useActiveWorksheet(workbook);
 	const darkMode = (0, _univerjs_ui.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] = (0, react.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 ? `'${(0, _univerjs_engine_formula.quoteSheetName)(editSheetName)}'!` : ""}${(0, _univerjs_core.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;
@@ -21427,21 +21567,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(_univerjs_core.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(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
-			const docSelectionRenderService = editor === null || editor === void 0 ? void 0 : editor.render.with(_univerjs_docs_ui.DocSelectionRenderService);
-			if (!(docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing)) docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.focus();
 			focusCellEditorElement();
 		};
 		focusEditor();
@@ -21493,6 +21630,7 @@ function EditorContainer({ hidden = false }) {
 			element: editorRoot
 		}));
 		collection.add(registerSheetCellEditorRuntimePortal({
+			editorService,
 			embedId: scope.embedId,
 			ownerDocument: rootRef.current.ownerDocument,
 			interactionBoundaryService,
@@ -21503,10 +21641,7 @@ function EditorContainer({ hidden = false }) {
 			let pointerRetryFrame = 0;
 			const focusEditor = () => {
 				if (contextService.getContextValue(_univerjs_core.FOCUSING_FX_BAR_EDITOR) || shouldPreserveEmbedControlFocus(scope.embedId, ownerDocument)) return;
-				const editor = editorService.getEditor(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
-				const docSelectionRenderService = editor === null || editor === void 0 ? void 0 : editor.render.with(_univerjs_docs_ui.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;
@@ -21541,6 +21676,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,
@@ -21550,12 +21686,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 = () => {
@@ -21603,9 +21739,9 @@ function EditorContainer({ hidden = false }) {
 		visible === null || visible === void 0 ? void 0 : visible.visible
 	]);
 	(0, react.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);
 		};
 	}, []);
@@ -21627,12 +21763,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 = (0, _univerjs_ui.useEvent)(() => {
-		if (editorBridgeService.isVisible().visible) commandService.executeCommand(SetCellEditVisibleOperation.id, {
+		if (editorBridgeService.isVisible().visible) return commandService.executeCommand(SetCellEditVisibleOperation.id, {
 			visible: false,
 			eventType: _univerjs_engine_render.DeviceInputEventType.PointerUp,
 			unitId: editState === null || editState === void 0 ? void 0 : editState.unitId
@@ -21641,7 +21776,7 @@ function EditorContainer({ hidden = false }) {
 	(0, _univerjs_ui.useSidebarClick)(handleClickSideBar);
 	const keyCodeConfig = useKeyEventConfig(editState === null || editState === void 0 ? void 0 : editState.unitId);
 	const onMoveInEditor = (0, _univerjs_ui.useEvent)((keycode, metaKey) => {
-		commandService.executeCommand(SetCellEditVisibleArrowOperation.id, {
+		return commandService.executeCommand(SetCellEditVisibleArrowOperation.id, {
 			keycode,
 			visible: false,
 			eventType: _univerjs_engine_render.DeviceInputEventType.Keyboard,
@@ -21661,41 +21796,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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(FormulaEditor, {
-			editorId: _univerjs_core.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(FormulaEditor, {
+				editorId: _univerjs_core.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__ */ (0, react_jsx_runtime.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}`
+				}
+			})
+		]
 	});
 }
 
@@ -21740,7 +21885,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 = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const definedNamesService = (0, _univerjs_ui.useDependency)(_univerjs_engine_formula.IDefinedNamesService);
@@ -21784,8 +21929,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;
@@ -21810,8 +21956,9 @@ function DefinedNameOverlay({ search, isInputEvent }) {
 				children: virtualDefinedNames.map(({ data: definedName, index }) => {
 					return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 							"data-u-comp": "defined-name-overlay-row",
@@ -21865,6 +22012,7 @@ function DefinedName({ disable }) {
 	const themeService = (0, _univerjs_ui.useDependency)(_univerjs_core.ThemeService);
 	const [open, setOpen] = (0, react.useState)(false);
 	const [isInputEvent, setIsInputEvent] = (0, react.useState)(false);
+	const nameBoxRef = (0, react.useRef)(null);
 	const inputRef = (0, react.useRef)(null);
 	const getDefinedNameMap = () => {
 		const definedNameMap = definedNamesService.getDefinedNameMap(unitId);
@@ -22017,26 +22165,34 @@ function DefinedName({ disable }) {
 		return selections;
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("input", {
 			ref: inputRef,
 			className: (0, _univerjs_design.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", _univerjs_design.borderRightClassName, { "univer-cursor-not-allowed": disable }),
 			type: "text",
+			disabled: disable,
 			value: inputValue,
 			onChange: handleChangeSelection,
 			onKeyDown: handleKeyDown,
 			onBlur: () => setIsInputEvent(false)
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Dropdown, {
+			align: "start",
+			anchorRef: nameBoxRef,
 			overlay: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-z-[1001]",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefinedNameOverlay, {
 					search: inputValue,
-					isInputEvent
+					isInputEvent,
+					onClose: () => setOpen(false)
 				})
 			}),
 			disabled: disable,
-			open,
+			open: !disable && open,
 			onOpenChange: setOpen,
 			onOpenAutoFocus: (e) => e.preventDefault(),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
@@ -22217,7 +22373,7 @@ function FormulaBar(props) {
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-relative univer-box-border univer-h-full univer-w-[100px]",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefinedName, { disable: disableDefinedName ?? editDisable })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefinedName, { disable: iconActivated || (disableDefinedName ?? editDisable) })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "univer-flex univer-size-full",
@@ -23408,6 +23564,7 @@ function SheetBarTabs() {
 	const slideTabBarContainerRef = (0, react.useRef)(null);
 	const activeSheetIdRef = (0, react.useRef)(activeSheetId);
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const layoutService = (0, _univerjs_ui.useDependency)(_univerjs_ui.ILayoutService);
 	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
 	const sheetBarService = (0, _univerjs_ui.useDependency)(ISheetBarService);
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
@@ -23593,6 +23750,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) {
@@ -23600,7 +23758,11 @@ function SheetBarTabs() {
 				syncActiveSheetRender(subUnitId);
 			}
 		});
-	}, [commandService, syncActiveSheetRender]);
+	}, [
+		commandService,
+		layoutService,
+		syncActiveSheetRender
+	]);
 	const observeResize = (0, react.useCallback)((slideTabBar) => {
 		var _slideTabBarContainer;
 		const slideTabBarContainer = (_slideTabBarContainer = slideTabBarContainerRef.current) === null || _slideTabBarContainer === void 0 ? void 0 : _slideTabBarContainer.querySelector("[data-u-comp=slide-tab-bar]");
@@ -24910,7 +25072,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
@@ -25243,7 +25405,7 @@ function CellAlert({ popup, DropdownMenuComponent = _univerjs_design.DropdownMen
 	const [isHovered, setIsHovered] = (0, react.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;
@@ -25283,14 +25445,24 @@ function CellAlert({ popup, DropdownMenuComponent = _univerjs_design.DropdownMen
 		[1]: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.WarningIcon, { className: "univer-text-yellow-500" })
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-text-sm",
+				children: message
+			}),
+			action && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+				className: "univer-mt-2",
+				disabled: action.disabled,
+				onClick: action.onSelect,
+				children: action.label
+			})
+		]
 	});
 }
 
@@ -25318,15 +25490,17 @@ let CellAlertManagerService = class CellAlertManagerService extends _univerjs_co
 		_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() {} }
@@ -25349,13 +25523,7 @@ let CellAlertManagerService = class CellAlertManagerService extends _univerjs_co
 			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) {
@@ -26207,8 +26375,8 @@ function SelectList(props) {
 	const filteredOptions = (0, react.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 = (0, _univerjs_ui.useDependency)(_univerjs_sheets.SheetPermissionCheckController);
 	const hasPermission = (0, react.useMemo)(() => sheetPermissionCheckController.permissionCheckWithRanges({
@@ -26234,9 +26402,8 @@ function SelectList(props) {
 		children: [
 			showSearchOnDropdown && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-box-border univer-flex univer-w-full univer-px-2",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
 					ref: searchRef,
-					className: (0, _univerjs_design.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", _univerjs_design.borderClassName),
 					type: "text",
 					value: lowerFilter,
 					autoFocus: true,
@@ -26265,14 +26432,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 _univerjs_core.ColorKit(backgroundColor).isDark();
+					const color = new _univerjs_core.ColorKit(backgroundColor);
+					const hasBackground = Boolean(backgroundColor) && backgroundColor !== "transparent" && color.getAlpha() > 0;
+					const isDark = color.isDark();
 					return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: (0, _univerjs_design.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
@@ -26488,6 +26657,66 @@ const BorderDashed = ({ className }) => /* @__PURE__ */ (0, react_jsx_runtime.js
 	]
 });
 
+//#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__ */ (0, react_jsx_runtime.jsxs)("svg", {
+	className,
+	width: "120",
+	height: "2",
+	viewBox: "0 0 120 2",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M0.491699 1.69537H1.4917V0.695374H0.491699V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M4.2981 1.69537H5.2981V0.695374H4.2981V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M9.10449 1.69537H8.10449V0.695374H9.10449V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M11.9109 1.69537H12.9109V0.695374H11.9109V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M16.7173 1.69537H15.7173V0.695374H16.7173V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M19.5237 1.69537H20.5237V0.695374H19.5237V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M24.3301 1.69537H23.3301V0.695374H24.3301V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M27.1365 1.69537H28.1365V0.695374H27.1365V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M31.9429 1.69537H30.9429V0.695374H31.9429V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M34.7493 1.69537H35.7493V0.695374H34.7493V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M39.5557 1.69537H38.5557V0.695374H39.5557V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M42.3621 1.69537H43.3621V0.695374H42.3621V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M47.1685 1.69537H46.1685V0.695374H47.1685V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M49.9749 1.69537H50.9749V0.695374H49.9749V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M54.7812 1.69537H53.7812V0.695374H54.7812V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M57.5876 1.69537H58.5876V0.695374H57.5876V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M62.394 1.69537H61.394V0.695374H62.394V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M65.2004 1.69537H66.2004V0.695374H65.2004V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M70.0068 1.69537H69.0068V0.695374H70.0068V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M72.8132 1.69537H73.8132V0.695374H72.8132V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M77.6196 1.69537H76.6196V0.695374H77.6196V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M80.426 1.69537H81.426V0.695374H80.426V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M85.2324 1.69537H84.2324V0.695374H85.2324V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M88.0388 1.69537H89.0388V0.695374H88.0388V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M92.8452 1.69537H91.8452V0.695374H92.8452V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M95.6516 1.69537H96.6516V0.695374H95.6516V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M100.458 1.69537H99.458V0.695374H100.458V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M103.264 1.69537H104.264V0.695374H103.264V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M108.071 1.69537H107.071V0.695374H108.071V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M110.877 1.69537H111.877V0.695374H110.877V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M115.684 1.69537H114.684V0.695374H115.684V1.69537Z" }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M118.49 1.69537H119.49V0.695374H118.49V1.69537Z" })
+	]
+});
+
 //#endregion
 //#region src/views/border-panel/border-line/icons/BorderDouble.tsx
 /**
@@ -26861,6 +27090,7 @@ function BorderLine(props) {
 		case _univerjs_core.BorderStyleTypes.DASH_DOT: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BorderDashDot, { className });
 		case _univerjs_core.BorderStyleTypes.DASH_DOT_DOT: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BorderDashDotDot, { className });
 		case _univerjs_core.BorderStyleTypes.DASHED: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BorderDashed, { className });
+		case _univerjs_core.BorderStyleTypes.DOTTED: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BorderDotted, { className });
 		case _univerjs_core.BorderStyleTypes.HAIR: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BorderHair, { className });
 		case _univerjs_core.BorderStyleTypes.MEDIUM: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BorderMedium, { className });
 		case _univerjs_core.BorderStyleTypes.MEDIUM_DASH_DOT: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BorderMediumDashDot, { className });
@@ -26875,31 +27105,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 = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const iconManager = (0, _univerjs_ui.useDependency)(_univerjs_ui.IconManager);
-	const borderStyleManagerService = (0, _univerjs_ui.useDependency)(_univerjs_sheets.BorderStyleManagerService);
 	const selectionManagerService = (0, _univerjs_ui.useDependency)(_univerjs_sheets.SheetsSelectionsService);
 	const { direction } = (0, react.useContext)(_univerjs_design.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 = _univerjs_design.ColorPicker, DropdownComponent = _univerjs_design.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,
@@ -26917,7 +27138,7 @@ function BorderPanel(props) {
 			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("a", {
-					className: (0, _univerjs_design.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: (0, _univerjs_design.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");
@@ -26949,14 +27170,17 @@ function BorderPanel(props) {
 						className: "univer-rounded-lg univer-p-1.5",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 							className: "univer-m-0 univer-grid univer-list-none univer-gap-1 univer-p-0",
-							children: BORDER_SIZE_CHILDREN.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								"aria-label": localeService.t(item.label),
+								"aria-pressed": item.value === value.style,
+								className: (0, _univerjs_design.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CheckMarkIcon, { className: "univer-absolute univer-left-3 univer-text-primary-600" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BorderLine, {
-									className: "univer-ml-6 univer-fill-gray-900 dark:!univer-fill-gray-0",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BorderLine, {
+									className: "univer-fill-gray-900 dark:!univer-fill-gray-0",
 									type: item.value
-								})]
-							}, item.value))
+								})
+							}) }, item.value))
 						})
 					}),
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -26964,7 +27188,7 @@ function BorderPanel(props) {
 						type: "button",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BorderLine, {
 							className: "univer-fill-gray-900 dark:!univer-fill-gray-0",
-							type: type ?? _univerjs_core.BorderStyleTypes.THIN
+							type: value.style
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreDownIcon, { className: "dark:!univer-text-gray-0" })]
 					})
 				}) })]
@@ -27496,16 +27720,35 @@ function MobileMenuItemInput(props) {
 	const { prefix, suffix, value, min = Number.MIN_SAFE_INTEGER, max = Number.MAX_SAFE_INTEGER, disabled$, onChange } = props;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const disabled = (0, _univerjs_ui.useObservable)(disabled$ ?? null, false);
-	const inputValue = Math.min(max, Math.max(min, Number(value)));
+	const [draft, setDraft] = (0, react.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "univer-shrink-0 univer-text-base univer-font-medium",
@@ -27513,13 +27756,11 @@ function MobileMenuItemInput(props) {
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-w-20 univer-shrink-0",
-				onClick: (event) => event.stopPropagation(),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
 					value: inputValue,
 					size: "small",
 					precision: 0,
-					min,
-					max,
+					allowEmpty: true,
 					disabled,
 					onKeyDown: handleKeyDown,
 					onChange: handleChange
@@ -27528,6 +27769,15 @@ function MobileMenuItemInput(props) {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "univer-min-w-0 univer-truncate univer-text-base univer-font-medium",
 				children: localeService.t(suffix)
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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")
 			})
 		]
 	});
@@ -28822,6 +29072,7 @@ const sheetsUIIcons = {
 	DeleteColumnDoubleIcon: _univerjs_icons.DeleteColumnDoubleIcon,
 	DeleteIcon: _univerjs_icons.DeleteIcon,
 	DeleteRowDoubleIcon: _univerjs_icons.DeleteRowDoubleIcon,
+	DocPasteOptionsIcon: _univerjs_icons.DocPasteOptionsIcon,
 	DownBorderDoubleIcon: _univerjs_icons.DownBorderDoubleIcon,
 	DownloadImageIcon: _univerjs_icons.DownloadImageIcon,
 	EyeIcon: _univerjs_icons.EyeIcon,
@@ -28879,7 +29130,8 @@ const sheetsUIIcons = {
 	VerticalCenterIcon: _univerjs_icons.VerticalCenterIcon,
 	VerticalIntegrationIcon: _univerjs_icons.VerticalIntegrationIcon,
 	VerticalTextIcon: _univerjs_icons.VerticalTextIcon,
-	WriteIcon: _univerjs_icons.WriteIcon
+	WriteIcon: _univerjs_icons.WriteIcon,
+	ZoomInIcon: _univerjs_icons.ZoomInIcon
 };
 
 //#endregion
@@ -28895,7 +29147,6 @@ let MobileComponentsController = class MobileComponentsController extends _unive
 		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));
@@ -28975,7 +29226,8 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 		let body = _univerjs_core.Tools.deepClone((_param$documentLayout = param.documentLayoutObject.documentModel) === null || _param$documentLayout === void 0 ? void 0 : _param$documentLayout.getBody());
 		const drawings = _univerjs_core.Tools.deepClone((_param$documentLayout2 = param.documentLayoutObject.documentModel) === null || _param$documentLayout2 === void 0 ? void 0 : _param$documentLayout2.drawings);
 		const drawingsOrder = _univerjs_core.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 === _univerjs_engine_render.DeviceInputEventType.Dblclick) body = {
+		const { visible } = this._editorBridgeService.isVisible();
+		if (!body || param.isInArrayFormulaRange === true && visible) body = {
 			dataStream: "\r\n",
 			paragraphs: [{
 				startIndex: 0,
@@ -29113,7 +29365,7 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 			...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;
@@ -29136,6 +29388,11 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 		const isFocusFxBar = this._contextService.getContextValue(_univerjs_core.FOCUSING_FX_BAR_EDITOR);
 		renderConfig.isRenderStyle = isFormulaBar === isFocusFxBar ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.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 ? _univerjs_core.BooleanNumber.FALSE : _univerjs_core.BooleanNumber.TRUE;
 	}
@@ -30553,6 +30810,7 @@ function MobileBorderColorView(props) {
 }
 function MobileBorderStyleView(props) {
 	const { value, onExecute } = props;
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -30572,7 +30830,7 @@ function MobileBorderStyleView(props) {
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CheckMarkIcon, { className: "univer-text-primary-600 dark:!univer-text-primary-400" })
 			]
@@ -31117,7 +31375,11 @@ function MobileFormulaBar() {
 		let cursorFrame;
 		const contentFrame = requestAnimationFrame(() => {
 			editorBridgeService.refreshEditCellState();
-			editorService.focus(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+			if (editorService.getFocusId() !== _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) editorService.focus(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+			else {
+				var _editorService$getEdi;
+				(_editorService$getEdi = editorService.getEditor(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)) === null || _editorService$getEdi === void 0 || _editorService$getEdi.focus();
+			}
 			cursorFrame = requestAnimationFrame(() => {
 				var _editor$getDocumentDa;
 				const editor = editorService.getEditor(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
@@ -31679,7 +31941,7 @@ const MobileFormulaBarSubmitCommand = {
 	id: MOBILE_FORMULA_BAR_SUBMIT_COMMAND_ID,
 	type: _univerjs_core.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(_univerjs_core.IUniverInstanceService);
 		const workbook = instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const formulaModel = instanceService.getUnit(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, _univerjs_core.UniverInstanceType.UNIVER_DOC);
@@ -31711,8 +31973,12 @@ const MobileFormulaBarSubmitCommand = {
 		});
 		editorBridgeService.refreshEditCellState();
 		editorBridgeService.changeEditorDirty(false);
+		const editorService = accessor.get(_univerjs_docs_ui.IEditorService);
+		const formulaEditor = editorService.getEditor(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+		if (editorService.getFocusId() !== _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) editorService.focus(_univerjs_core.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(_univerjs_docs_ui.IEditorService).getEditor(_univerjs_core.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);
@@ -31795,6 +32061,7 @@ let SheetUIMobileController = class SheetUIMobileController extends _univerjs_co
 			ScrollToRangeOperation,
 			_univerjs_sheets.SetUnderlineCommand,
 			SetZoomRatioCommand,
+			SetZoomRatioFromToolbarCommand,
 			SetZoomRatioOperation,
 			ShowMenuListCommand,
 			InsertRangeMoveDownConfirmCommand,
@@ -32802,7 +33069,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 ((0, _univerjs_sheets.isCellImage)(snapshot)) return;
-			this._commandService.executeCommand(SetCellEditVisibleOperation.id, {
+			this._commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
 				visible: true,
 				eventType: _univerjs_engine_render.DeviceInputEventType.Dblclick,
 				unitId: this._context.unitId
@@ -33238,7 +33505,7 @@ let MobileHoverRenderController = class MobileHoverRenderController extends _uni
 					return;
 				}
 				this._resetCompletedTap();
-				this._hoverManagerService.triggerDbClick(unitId, event.offsetX, event.offsetY);
+				this._hoverManagerService.triggerDbClick(unitId, event);
 			},
 			priority: -1
 		}));
@@ -33314,7 +33581,7 @@ let MobileHoverRenderController = class MobileHoverRenderController extends _uni
 				this._suppressEngineDoubleClick = false;
 				this._suppressEngineDoubleClickTimer = null;
 			});
-			this._hoverManagerService.triggerDbClick(unitId, event.offsetX, event.offsetY);
+			this._hoverManagerService.triggerDbClick(unitId, event);
 			return;
 		}
 		this._resetCompletedTap();
@@ -35296,7 +35563,6 @@ let ComponentsController = class ComponentsController extends _univerjs_core.Dis
 		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));
@@ -35322,20 +35588,22 @@ const ISheetHostChromeOverrideService = (0, _univerjs_core.createIdentifier)("sh
 //#endregion
 //#region src/controllers/render-controllers/contextmenu.render-controller.ts
 let SheetContextMenuRenderController = class SheetContextMenuRenderController extends _univerjs_core.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;
@@ -35365,20 +35633,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, _univerjs_ui.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, _univerjs_ui.ContextMenuPosition.COL_HEADER);
 			}
 		});
 		this.disposeWithMe(colHeaderObserver);
 	}
+	_isContextMenuGesture(event) {
+		return isSheetContextMenuGesture(event, this._platformService.isMac, this._contextService.getContextValue(_univerjs_sheets.REF_SELECTIONS_ENABLED));
+	}
 	_initEmbedRuntimeSessionListener() {
 		const runtimeFocusCoordinator = this._getSheetEmbedRuntimeFocusCoordinator();
 		if (!runtimeFocusCoordinator) return;
@@ -35401,7 +35672,9 @@ SheetContextMenuRenderController = __decorate([
 	__decorateParam(1, _univerjs_ui.IContextMenuService),
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService)),
 	__decorateParam(3, ISheetSelectionRenderService),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.Injector))
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(5, _univerjs_ui.IPlatformService),
+	__decorateParam(6, _univerjs_core.IContextService)
 ], SheetContextMenuRenderController);
 function shouldHideSheetHostContextMenuForEmbedSession(hostUnitId, activeScope) {
 	return (activeScope === null || activeScope === void 0 ? void 0 : activeScope.hostUnitId) === hostUnitId && activeScope.sessionMode !== "host-passive";
@@ -35413,7 +35686,7 @@ function shouldSuppressSheetContextMenuForEmbedOverride(hostUnitId, override) {
 //#endregion
 //#region src/controllers/render-controllers/desktop-cell-edit.render-controller.ts
 let DesktopCellEditRenderController = class DesktopCellEditRenderController extends _univerjs_core.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;
@@ -35422,6 +35695,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$(_univerjs_core.UniverInstanceType.UNIVER_SHEET).subscribe((workbook) => {
@@ -35449,13 +35723,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(_univerjs_sheets.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 ((0, _univerjs_sheets.isCellImage)(snapshot)) return;
-			this._commandService.executeCommand(SetCellEditVisibleOperation.id, {
+			this._commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
 				visible: true,
 				eventType: _univerjs_engine_render.DeviceInputEventType.Dblclick,
-				unitId: this._context.unitId
+				unitId: this._context.unitId,
+				pointerPosition: {
+					x: evt.clientX,
+					y: evt.clientY
+				}
 			});
 		}));
 		d.add(spreadsheet.onPointerDown$.subscribeEvent({
@@ -35584,7 +35862,8 @@ DesktopCellEditRenderController = __decorate([
 	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService)),
 	__decorateParam(5, _univerjs_core.IContextService),
 	__decorateParam(6, _univerjs_engine_render.IRenderManagerService),
-	__decorateParam(7, (0, _univerjs_core.Optional)(ISheetEmbedRuntimeFocusCoordinator))
+	__decorateParam(7, _univerjs_ui.IPlatformService),
+	__decorateParam(8, (0, _univerjs_core.Optional)(ISheetEmbedRuntimeFocusCoordinator))
 ], DesktopCellEditRenderController);
 function resolvePointerEventPayload(payload) {
 	return Array.isArray(payload) ? payload[0] : payload;
@@ -35748,38 +36027,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, _univerjs_core.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, _univerjs_core.RANGE_TYPE.ROW, this._getActiveViewport(evt), _univerjs_engine_render.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, _univerjs_core.RANGE_TYPE.COLUMN, this._getActiveViewport(evt), _univerjs_engine_render.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() {
@@ -35860,7 +36135,7 @@ let SheetSelectionRenderService = class SheetSelectionRenderService extends Base
 		const sheetId = workbook.getActiveSheet().getSheetId();
 		if (selectionDataWithStyleList.length === 0) return;
 		const selectionWithStyles = selectionDataWithStyleList.map((selectionDataWithStyle) => (0, _univerjs_sheets.convertSelectionDataToRange)(selectionDataWithStyle));
-		this._commandService.executeCommand(_univerjs_sheets.SetSelectionsOperation.id, {
+		this._commandService.syncExecuteCommand(_univerjs_sheets.SetSelectionsOperation.id, {
 			unitId,
 			subUnitId: sheetId,
 			type,
@@ -35881,6 +36156,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(_univerjs_sheets.SetSelectionsOperation.id, {
 					unitId,
@@ -35915,11 +36191,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(_univerjs_engine_render.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(_univerjs_engine_render.SHEET_VIEWPORT_KEY.VIEW_MAIN);
-		if (!viewportMain) return;
 		const relativeCoords = scene.getCoordRelativeToViewport(_univerjs_engine_render.Vector2.FromArray([evtOffsetX, evtOffsetY]));
 		const { x: offsetX, y: offsetY } = relativeCoords;
 		this._startViewportPosX = offsetX;
@@ -35929,7 +36204,6 @@ let SheetSelectionRenderService = class SheetSelectionRenderService extends Base
 		const selectCell = this._skeleton.getCellByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY);
 		if (!selectCell) return;
 		switch (rangeType) {
-			case _univerjs_core.RANGE_TYPE.NORMAL: break;
 			case _univerjs_core.RANGE_TYPE.ROW:
 				selectCell.startColumn = 0;
 				selectCell.endColumn = this._skeleton.getColumnCount() - 1;
@@ -35956,6 +36230,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();
@@ -35967,20 +36246,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 = (0, _univerjs_sheets.attachSelectionWithCoord)(selection, this._skeleton).rangeWithCoord;
+		const selectionWithCoord = (0, _univerjs_sheets.attachSelectionWithCoord)(selection, this._skeleton);
+		const cursorRange = selectionWithCoord.rangeWithCoord;
 		this._startRangeWhenPointerDown = { ...cursorRange };
 		const controls = this.getSelectionControls();
 		const isSelected = controls.some((control) => _univerjs_core.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 === _univerjs_core.RANGE_TYPE.NORMAL && isSelected) this._selectionBeforeModifierClick = this.getSelectionDataWithStyle().map(_univerjs_sheets.convertSelectionDataToRange);
+		if (this._isContextMenuGesture(evt) && isSelected) return;
+		if (evt.button === 0 && !this._isContextMenuGesture(evt) && this._isMultiSelectModifier(evt) && !evt.shiftKey && !this._singleSelectionEnabled && this._rangeType === _univerjs_core.RANGE_TYPE.NORMAL && isSelected) this._selectionBeforeModifierClick = this.getSelectionDataWithStyle().map(_univerjs_sheets.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 !== _univerjs_core.RANGE_TYPE.NORMAL || this._remainLastEnabled || evt.button !== 0 || evt.ctrlKey || evt.metaKey || evt.shiftKey || evt.altKey) return false;
+		const current = control.getCurrentCellInfo();
+		if (!current || !_univerjs_core.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;
@@ -36175,19 +36466,19 @@ exports.AddRangeProtectionFromSheetBarCommand = AddRangeProtectionFromSheetBarCo
 exports.AddRangeProtectionFromToolbarCommand = AddRangeProtectionFromToolbarCommand;
 exports.ApplyFormatPainterCommand = ApplyFormatPainterCommand;
 exports.AutoFillPopupMenu = AutoFillPopupMenu;
-Object.defineProperty(exports, 'AutoFillUIController', {
+Object.defineProperty(exports, "AutoFillUIController", {
   enumerable: true,
   get: function () {
     return AutoFillUIController;
   }
 });
-Object.defineProperty(exports, 'AutoHeightController', {
+Object.defineProperty(exports, "AutoHeightController", {
   enumerable: true,
   get: function () {
     return AutoHeightController;
   }
 });
-Object.defineProperty(exports, 'AutoWidthController', {
+Object.defineProperty(exports, "AutoWidthController", {
   enumerable: true,
   get: function () {
     return AutoWidthController;
@@ -36199,21 +36490,21 @@ exports.BaseSelectionRenderService = BaseSelectionRenderService;
 exports.BorderLine = BorderLine;
 exports.COPY_SPECIAL_MENU_ID = COPY_SPECIAL_MENU_ID;
 exports.COPY_TYPE = COPY_TYPE;
-Object.defineProperty(exports, 'CellAlertManagerService', {
+Object.defineProperty(exports, "CellAlertManagerService", {
   enumerable: true,
   get: function () {
     return CellAlertManagerService;
   }
 });
 exports.CellAlertType = CellAlertType;
-Object.defineProperty(exports, 'CellCustomRenderController', {
+Object.defineProperty(exports, "CellCustomRenderController", {
   enumerable: true,
   get: function () {
     return CellCustomRenderController;
   }
 });
 exports.CellEditorManagerService = CellEditorManagerService;
-Object.defineProperty(exports, 'CellPopupManagerService', {
+Object.defineProperty(exports, "CellPopupManagerService", {
   enumerable: true,
   get: function () {
     return CellPopupManagerService;
@@ -36221,17 +36512,18 @@ Object.defineProperty(exports, 'CellPopupManagerService', {
 });
 exports.ChangeSheetProtectionFromSheetBarCommand = ChangeSheetProtectionFromSheetBarCommand;
 exports.ChangeZoomRatioCommand = ChangeZoomRatioCommand;
+exports.DEFINED_NAME_CONTAINER = DEFINED_NAME_CONTAINER;
 exports.DeleteRangeMoveLeftConfirmCommand = DeleteRangeMoveLeftConfirmCommand;
 exports.DeleteRangeMoveUpConfirmCommand = DeleteRangeMoveUpConfirmCommand;
 exports.DeleteRangeProtectionFromContextMenuCommand = DeleteRangeProtectionFromContextMenuCommand;
 exports.DeleteWorksheetProtectionFormSheetBarCommand = DeleteWorksheetProtectionFormSheetBarCommand;
-Object.defineProperty(exports, 'DragManagerService', {
+Object.defineProperty(exports, "DragManagerService", {
   enumerable: true,
   get: function () {
     return DragManagerService;
   }
 });
-Object.defineProperty(exports, 'DragRenderController', {
+Object.defineProperty(exports, "DragRenderController", {
   enumerable: true,
   get: function () {
     return DragRenderController;
@@ -36239,13 +36531,13 @@ Object.defineProperty(exports, 'DragRenderController', {
 });
 exports.EMBEDDING_FORMULA_EDITOR = EMBEDDING_FORMULA_EDITOR;
 exports.EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY = EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY;
-Object.defineProperty(exports, 'EditingRenderController', {
+Object.defineProperty(exports, "EditingRenderController", {
   enumerable: true,
   get: function () {
     return EditingRenderController;
   }
 });
-Object.defineProperty(exports, 'EditorBridgeService', {
+Object.defineProperty(exports, "EditorBridgeService", {
   enumerable: true,
   get: function () {
     return EditorBridgeService;
@@ -36256,26 +36548,26 @@ exports.ExpandSelectionCommand = ExpandSelectionCommand;
 exports.FORMULA_CLIPBOARD_MIME_TYPE = FORMULA_CLIPBOARD_MIME_TYPE;
 exports.FormatPainterStatus = FormatPainterStatus;
 exports.FormulaBar = FormulaBar;
-Object.defineProperty(exports, 'FormulaEditorController', {
+Object.defineProperty(exports, "FormulaEditorController", {
   enumerable: true,
   get: function () {
     return FormulaEditorController;
   }
 });
 exports.HEADER_UNHIDE_RANGE_VISIBLE_CHECK = HEADER_UNHIDE_RANGE_VISIBLE_CHECK;
-Object.defineProperty(exports, 'HeaderFreezeRenderController', {
+Object.defineProperty(exports, "HeaderFreezeRenderController", {
   enumerable: true,
   get: function () {
     return HeaderFreezeRenderController;
   }
 });
-Object.defineProperty(exports, 'HeaderMoveRenderController', {
+Object.defineProperty(exports, "HeaderMoveRenderController", {
   enumerable: true,
   get: function () {
     return HeaderMoveRenderController;
   }
 });
-Object.defineProperty(exports, 'HeaderResizeRenderController', {
+Object.defineProperty(exports, "HeaderResizeRenderController", {
   enumerable: true,
   get: function () {
     return HeaderResizeRenderController;
@@ -36283,7 +36575,7 @@ Object.defineProperty(exports, 'HeaderResizeRenderController', {
 });
 exports.HeaderUnhideRangeAxis = HeaderUnhideRangeAxis;
 exports.HeaderUnhideRangeService = HeaderUnhideRangeService;
-Object.defineProperty(exports, 'HeaderUnhideRenderController', {
+Object.defineProperty(exports, "HeaderUnhideRenderController", {
   enumerable: true,
   get: function () {
     return HeaderUnhideRenderController;
@@ -36291,13 +36583,13 @@ Object.defineProperty(exports, 'HeaderUnhideRenderController', {
 });
 exports.HideColConfirmCommand = HideColConfirmCommand;
 exports.HideRowConfirmCommand = HideRowConfirmCommand;
-Object.defineProperty(exports, 'HoverManagerService', {
+Object.defineProperty(exports, "HoverManagerService", {
   enumerable: true,
   get: function () {
     return HoverManagerService;
   }
 });
-Object.defineProperty(exports, 'HoverRenderController', {
+Object.defineProperty(exports, "HoverRenderController", {
   enumerable: true,
   get: function () {
     return HoverRenderController;
@@ -36326,7 +36618,7 @@ exports.MOBILE_CONTEXT_MENU = MOBILE_CONTEXT_MENU;
 exports.MOBILE_EXPANDING_SELECTION = MOBILE_EXPANDING_SELECTION;
 exports.MOBILE_FORMULA_FUNCTION_PANEL_OPEN = MOBILE_FORMULA_FUNCTION_PANEL_OPEN;
 exports.MOBILE_PINCH_ZOOMING = MOBILE_PINCH_ZOOMING;
-Object.defineProperty(exports, 'MarkSelectionService', {
+Object.defineProperty(exports, "MarkSelectionService", {
   enumerable: true,
   get: function () {
     return MarkSelectionService;
@@ -36400,37 +36692,37 @@ exports.SetZoomRatioCommand = SetZoomRatioCommand;
 exports.SetZoomRatioOperation = SetZoomRatioOperation;
 exports.SheetBar = SheetBar;
 exports.SheetBarService = SheetBarService;
-Object.defineProperty(exports, 'SheetCanvasPopManagerService', {
+Object.defineProperty(exports, "SheetCanvasPopManagerService", {
   enumerable: true,
   get: function () {
     return SheetCanvasPopManagerService;
   }
 });
-Object.defineProperty(exports, 'SheetCellDropdownManagerService', {
+Object.defineProperty(exports, "SheetCellDropdownManagerService", {
   enumerable: true,
   get: function () {
     return SheetCellDropdownManagerService;
   }
 });
-Object.defineProperty(exports, 'SheetCellEditorResizeService', {
+Object.defineProperty(exports, "SheetCellEditorResizeService", {
   enumerable: true,
   get: function () {
     return SheetCellEditorResizeService;
   }
 });
-Object.defineProperty(exports, 'SheetClipboardController', {
+Object.defineProperty(exports, "SheetClipboardController", {
   enumerable: true,
   get: function () {
     return SheetClipboardController;
   }
 });
-Object.defineProperty(exports, 'SheetClipboardService', {
+Object.defineProperty(exports, "SheetClipboardService", {
   enumerable: true,
   get: function () {
     return SheetClipboardService;
   }
 });
-Object.defineProperty(exports, 'SheetContextMenuMobileRenderController', {
+Object.defineProperty(exports, "SheetContextMenuMobileRenderController", {
   enumerable: true,
   get: function () {
     return SheetContextMenuMobileRenderController;
@@ -36445,7 +36737,7 @@ exports.SheetPasteCommand = SheetPasteCommand;
 exports.SheetPasteFormatCommand = SheetPasteFormatCommand;
 exports.SheetPasteShortKeyCommand = SheetPasteShortKeyCommand;
 exports.SheetPasteValueCommand = SheetPasteValueCommand;
-Object.defineProperty(exports, 'SheetPermissionCheckUIController', {
+Object.defineProperty(exports, "SheetPermissionCheckUIController", {
   enumerable: true,
   get: function () {
     return SheetPermissionCheckUIController;
@@ -36453,7 +36745,7 @@ Object.defineProperty(exports, 'SheetPermissionCheckUIController', {
 });
 exports.SheetPermissionOpenDialogOperation = SheetPermissionOpenDialogOperation;
 exports.SheetPermissionOpenPanelOperation = SheetPermissionOpenPanelOperation;
-Object.defineProperty(exports, 'SheetPermissionRenderManagerService', {
+Object.defineProperty(exports, "SheetPermissionRenderManagerService", {
   enumerable: true,
   get: function () {
     return SheetPermissionRenderManagerService;
@@ -36462,43 +36754,43 @@ Object.defineProperty(exports, 'SheetPermissionRenderManagerService', {
 exports.SheetPermissionUserManagerService = SheetPermissionUserManagerService;
 exports.SheetPrintInterceptorService = SheetPrintInterceptorService;
 exports.SheetPrintingResourceCollector = SheetPrintingResourceCollector;
-Object.defineProperty(exports, 'SheetRenderController', {
+Object.defineProperty(exports, "SheetRenderController", {
   enumerable: true,
   get: function () {
     return SheetRenderController;
   }
 });
-Object.defineProperty(exports, 'SheetScrollManagerService', {
+Object.defineProperty(exports, "SheetScrollManagerService", {
   enumerable: true,
   get: function () {
     return SheetScrollManagerService;
   }
 });
-Object.defineProperty(exports, 'SheetSelectionRenderService', {
+Object.defineProperty(exports, "SheetSelectionRenderService", {
   enumerable: true,
   get: function () {
     return SheetSelectionRenderService;
   }
 });
-Object.defineProperty(exports, 'SheetSkeletonManagerService', {
+Object.defineProperty(exports, "SheetSkeletonManagerService", {
   enumerable: true,
   get: function () {
     return SheetSkeletonManagerService;
   }
 });
-Object.defineProperty(exports, 'SheetUIController', {
+Object.defineProperty(exports, "SheetUIController", {
   enumerable: true,
   get: function () {
     return SheetUIController;
   }
 });
-Object.defineProperty(exports, 'SheetsRenderService', {
+Object.defineProperty(exports, "SheetsRenderService", {
   enumerable: true,
   get: function () {
     return SheetsRenderService;
   }
 });
-Object.defineProperty(exports, 'SheetsScrollRenderController', {
+Object.defineProperty(exports, "SheetsScrollRenderController", {
   enumerable: true,
   get: function () {
     return SheetsScrollRenderController;
@@ -36508,7 +36800,7 @@ exports.SheetsUIMenuSchema = menuSchema;
 exports.SheetsUIPart = SheetsUIPart;
 exports.ShowMenuListCommand = ShowMenuListCommand;
 exports.SidebarDefinedNameOperation = SidebarDefinedNameOperation;
-Object.defineProperty(exports, 'StatusBarController', {
+Object.defineProperty(exports, "StatusBarController", {
   enumerable: true,
   get: function () {
     return StatusBarController;
@@ -36516,13 +36808,13 @@ Object.defineProperty(exports, 'StatusBarController', {
 });
 exports.StatusBarService = StatusBarService;
 exports.UNIVER_SHEET_PERMISSION_USER_PART = UNIVER_SHEET_PERMISSION_USER_PART;
-Object.defineProperty(exports, 'UniverSheetsMobileUIPlugin', {
+Object.defineProperty(exports, "UniverSheetsMobileUIPlugin", {
   enumerable: true,
   get: function () {
     return UniverSheetsMobileUIPlugin;
   }
 });
-Object.defineProperty(exports, 'UniverSheetsUIPlugin', {
+Object.defineProperty(exports, "UniverSheetsUIPlugin", {
   enumerable: true,
   get: function () {
     return UniverSheetsUIPlugin;