@univerjs/sheets-ui 1.1.0 → 1.3.0

package/lib/es/index.js

@@ -1,7 +1,7 @@
-import { BreakLineCommand, CoverContentCommand, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_VERTICAL_PADDING, DeleteLeftCommand, DeleteRightCommand, DocSelectionRenderService, EnterCommand, IEditorService, IMEInputCommand, InnerPasteCommand, MobileRichTextToolbar, MoveCursorOperation, MoveSelectionOperation, NodePositionConvertToCursor, ReplaceSnapshotCommand, SetDocInputStyleCommand, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextColorCommand, SetInlineFormatUnderlineCommand, UniverDocsUIPlugin, VIEWPORT_KEY, convertBodyToHtml, getCanvasOffsetByEngine, getLineBounding } from "@univerjs/docs-ui";
+import { BreakLineCommand, CoverContentCommand, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_VERTICAL_PADDING, DeleteLeftCommand, DeleteRightCommand, DocSelectionRenderService, EditorColorPicker, EnterCommand, IEditorService, IMEInputCommand, InnerPasteCommand, MobileRichTextToolbar, MoveCursorOperation, MoveSelectionOperation, NodePositionConvertToCursor, ReplaceSnapshotCommand, SetDocInputStyleCommand, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextColorCommand, SetInlineFormatUnderlineCommand, UniverDocsMobileUIPlugin, UniverDocsUIPlugin, VIEWPORT_KEY, convertBodyToHtml, getCanvasOffsetByEngine, getLineBounding } from "@univerjs/docs-ui";
 import { AbsoluteRefType, BaselineOffset, BooleanNumber, BorderStyleTypes, BorderType, CellModeEnum, CellValueType, ColorKit, CommandType, CustomRangeType, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DEFAULT_WORKSHEET_COLUMN_COUNT, DEFAULT_WORKSHEET_COLUMN_WIDTH, DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY, DEFAULT_WORKSHEET_ROW_COUNT, DEFAULT_WORKSHEET_ROW_HEIGHT, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DataStreamTreeTokenType, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, EDITOR_ACTIVATED, ErrorService, FOCUSING_COMMENT_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_EDITOR_INPUT_FORMULA, FOCUSING_EDITOR_STANDALONE, FOCUSING_FX_BAR_EDITOR, FOCUSING_SHAPE_TEXT_EDITOR, FOCUSING_SHEET, FOCUSING_UNIVER_EDITOR, FontItalic, FontWeight, HorizontalAlign, IAuthzIoService, ICommandService, IConfigService, IConfirmService, IContextService, ILogService, IPermissionService, IUndoRedoService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, InterceptorManager, LRUMap, LocaleService, LocaleType, LookUp, NilCommand, ObjectMatrix, Optional, Plugin, PresetListType, Quantity, RANGE_TYPE, Range, Rectangle, RxDisposable, SHEET_EDITOR_UNITS, ThemeService, Tools, UndoCommandId, UniverInstanceType, UserManagerService, VerticalAlign, Workbook, WorksheetHiddenState, WrapStrategy, cloneCellData, cloneCellDataMatrix, cloneCellDataWithSpanAndDisplay, composeStyles, convertCellToRange, createDocumentModelWithStyle, createIdentifier, createInterceptorKey, createParagraphId, createSectionId, dateKit, debounce, extractPureTextFromCell, fromEventSubject, generateRandomId, get, getEmptyCell, getIntersectRange, getNumfmtLocaleTag, getNumfmtParseValueFilter, getReverseDirection, handleStyleToString, isDefaultFormat, isFormulaString, isNotNullOrUndefined, isRealNum, isSafeUrl, isTextFormat, isValidRange, merge, mergeOverrideWithDependencies, nameCharacterCheck, numberToABC, numfmt, registerDependencies, sequenceExecute, set, skipParseTagNames, sortRules, splitIntoGrid, throttle, toDisposable, touchDependencies, willLoseNumericPrecision } from "@univerjs/core";
 import { AUTO_FILL_APPLY_TYPE, AUTO_FILL_HOOK_TYPE, AddMergeUndoMutationFactory, AddRangeProtectionCommand, AddRangeProtectionMutation, AddWorksheetMergeAllCommand, AddWorksheetMergeCommand, AddWorksheetMergeHorizontalCommand, AddWorksheetMergeMutation, AddWorksheetMergeVerticalCommand, AddWorksheetProtectionCommand, AutoClearContentCommand, AutoFillCommand, AutoFillController, BEFORE_CELL_EDIT, BorderStyleManagerService, COMMAND_LISTENER_SKELETON_CHANGE, COMMAND_LISTENER_VALUE_CHANGE, CancelFrozenCommand, CancelMarkDirtyRowAutoHeightOperation, ClearSelectionAllCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, CopySheetCommand, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, DeleteRangeProtectionCommand, DeleteRangeProtectionMutation, DeleteWorksheetProtectionCommand, DeltaColumnWidthCommand, DeltaRowHeightCommand, EditStateEnum, IAutoFillService, IExclusiveRangeService, INTERCEPTOR_POINT, INumfmtService, IRefSelectionsService, InsertColBeforeCommand, InsertColCommand, InsertColMutation, InsertDefinedNameCommand, InsertMultiColsLeftCommand, InsertMultiColsRightCommand, InsertMultiRowsAboveCommand, InsertMultiRowsAfterCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, InsertRowBeforeCommand, InsertRowCommand, InsertRowMutation, InsertSheetCommand, InsertSheetMutation, MAX_CELL_PER_SHEET_KEY, MERGE_CELL_INTERCEPTOR_CHECK, MarkDirtyRowAutoHeightOperation, MergeCellController, MoveColsCommand, MoveColsMutation, MoveRangeCommand, MoveRangeMutation, MoveRowsCommand, MoveRowsMutation, REF_SELECTIONS_ENABLED, RangeProtectionCache, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, RangeProtectionRuleModel, RefRangeService, RefSelectionsService, RefillCommand, RemoveColCommand, RemoveColMutation, RemoveDefinedNameCommand, RemoveMergeUndoMutationFactory, RemoveRowCommand, RemoveRowMutation, RemoveSheetCommand, RemoveSheetMutation, RemoveWorksheetMergeCommand, RemoveWorksheetMergeMutation, ResetBackgroundColorCommand, ResetTextColorCommand, SCOPE_WORKBOOK_VALUE_DEFINED_NAME, SELECTIONS_ENABLED, SELECTION_CONTROL_BORDER_BUFFER_COLOR, SELECTION_CONTROL_BORDER_BUFFER_WIDTH, SHEETS_PLUGIN_CONFIG_KEY, ScrollToCellOperation, SelectionMoveType, SetBackgroundColorCommand, SetBoldCommand, SetBorderBasicCommand, SetBorderCommand, SetColHiddenCommand, SetColHiddenMutation, SetColVisibleMutation, SetColWidthCommand, SetDefinedNameCommand, SetFontFamilyCommand, SetFontSizeCommand, SetFrozenCommand, SetFrozenMutation, SetFrozenMutationFactory, SetHorizontalTextAlignCommand, SetItalicCommand, SetProtectionCommand, SetRangeValuesCommand, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetRowHeightCommand, SetRowHiddenCommand, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectedColsVisibleCommand, SetSelectedRowsVisibleCommand, SetSelectionsOperation, SetShrinkToFitCommand, SetSpecificColsVisibleCommand, SetSpecificRowsVisibleCommand, SetStrikeThroughCommand, SetStyleCommand, SetTabColorCommand, SetTabColorMutation, SetTextColorCommand, SetTextRotationCommand, SetTextWrapCommand, SetUnderlineCommand, SetVerticalTextAlignCommand, SetWorksheetActivateCommand, SetWorksheetActiveOperation, SetWorksheetColWidthMutation, SetWorksheetColWidthMutationFactory, SetWorksheetHideCommand, SetWorksheetHideMutation, SetWorksheetNameCommand, SetWorksheetNameMutation, SetWorksheetOrderCommand, SetWorksheetOrderMutation, SetWorksheetPermissionPointsCommand, SetWorksheetRowAutoHeightMutation, SetWorksheetRowAutoHeightMutationFactory, SetWorksheetRowHeightMutation, SetWorksheetRowIsAutoHeightCommand, SetWorksheetRowIsAutoHeightMutation, SetWorksheetShowCommand, SheetCopyDownCommand, SheetCopyRightCommand, SheetInterceptorService, SheetPermissionCheckController, SheetPermissionInitController, SheetSkeletonService, SheetsSelectionsService, TextToNumberCommand, ToggleCellCheckboxCommand, ToggleGridlinesCommand, ToggleGridlinesMutation, UniverSheetsPlugin, ViewStateEnum, WorkbookCopyPermission, WorkbookCreateProtectPermission, WorkbookCreateSheetPermission, WorkbookDeleteColumnPermission, WorkbookDeleteRowPermission, WorkbookDeleteSheetPermission, WorkbookEditablePermission, WorkbookHideSheetPermission, WorkbookInsertColumnPermission, WorkbookInsertRowPermission, WorkbookManageCollaboratorPermission, WorkbookRenameSheetPermission, WorksheetCopyPermission, WorksheetDeleteColumnPermission, WorksheetDeleteProtectionPermission, WorksheetDeleteRowPermission, WorksheetEditPermission, WorksheetInsertColumnPermission, WorksheetInsertRowPermission, WorksheetManageCollaboratorPermission, WorksheetProtectionPointModel, WorksheetProtectionRuleModel, WorksheetSetCellStylePermission, WorksheetSetCellValuePermission, WorksheetSetColumnStylePermission, WorksheetSetRowStylePermission, WorksheetViewPermission, adjustRangeOnMutation, alignToMergedCellsBorders, attachPrimaryWithCoord, attachRangeWithCoord, attachSelectionWithCoord, baseProtectionActions, convertPrimaryWithCoordToPrimary, convertSelectionDataToRange, countCells, defaultLargeSheetOperationConfig, deserializeListOptions, discreteRangeToRange, expandToContinuousRange, findFirstNonEmptyCell, getAddMergeMutationRangeByType, getAllWorksheetPermissionPoint, getCellAtRowCol, getCellType, getCellValue, getClearContentMutationParamsForRanges, getMoveRangeCommandMutations, getPrimaryForRange, getSelectionsService, getSheetCommandTarget, isCellImage, rangeToDiscreteRange, serializeListOptions, setEndForRange, validateDefinedName } from "@univerjs/sheets";
-import { AnchoredContextMenu, BuiltInUIPart, COLOR_PICKER_COMPONENT, ComponentContainer, ComponentManager, ContextMenuGroup, ContextMenuPosition, CopyCommand, CutCommand, DISABLE_AUTO_FOCUS_KEY, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, FormatPainterSessionService, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, IFontService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IRibbonService, IShortcutService, ISidebarService, IUIPartsService, IUIRuntimeScopeService, IWorkbenchService, IconManager, KeyCode, MenuItemType, MetaKeys, MobileDrawer, MobileMenu, MobileZoomIndicator, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonPosition, RibbonStartGroup, RibbonViewGroup, SheetPasteShortKeyCommandName, Slider, ToggleFullscreenOperation, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, bindFormatPainterCanvas, connectInjector, getEmbedBoundaryOwner, getEmbedChildUnitId, getMenuHiddenObservable, handleStringToStyle, imageMimeTypeSet, sanitizeParsedHtml, textTrim, useComponentsOfPart, useConfigValue, useDependency, useEvent, useObservable, useSidebarClick, useToolbarItemStatus, useVirtualList } from "@univerjs/ui";
+import { AnchoredContextMenu, BuiltInUIPart, ComponentContainer, ComponentManager, ContextMenuGroup, ContextMenuPosition, CopyCommand, CutCommand, DISABLE_AUTO_FOCUS_KEY, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, FormatPainterSessionService, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, IFontService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IRibbonService, IShortcutService, ISidebarService, IUIPartsService, IUIRuntimeScopeService, IWorkbenchService, IconManager, KeyCode, MenuItemType, MetaKeys, MobileDrawer, MobileMenu, MobileZoomIndicator, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonPosition, RibbonStartGroup, RibbonViewGroup, SheetPasteShortKeyCommandName, Slider, ToggleFullscreenOperation, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, bindFormatPainterCanvas, connectInjector, getEmbedBoundaryOwner, getEmbedChildUnitId, getMenuHiddenObservable, handleStringToStyle, imageMimeTypeSet, sanitizeParsedHtml, textTrim, useComponentsOfPart, useConfigValue, useDependency, useEvent, useObservable, useSidebarClick, useToolbarItemStatus, useVirtualList } from "@univerjs/ui";
 import { CURSOR_TYPE, DashedRect, DeviceInputEventType, DeviceType, FIX_ONE_PIXEL_BLUR_OFFSET, Group, IRenderManagerService, Layer, NORMAL_TEXT_SELECTION_PLUGIN_STYLE, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, Rect, RegularPolygon, SHEET_EXTENSION_PREFIX, SHEET_VIEWPORT_KEY, ScrollBar, ScrollTimer, ScrollTimerType, Shape, SheetExtension, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, calculateCellImageRect, cancelRequestFrame, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, fixLineWidthByScale, getCurrentTypeOfRenderer, getNextWheelZoomRatio, ptToPixel, requestNewFrame, withCurrentTypeOfRenderer } from "@univerjs/engine-render";
 import { BehaviorSubject, EMPTY, Observable, Subject, Subscription, combineLatest, combineLatestWith, distinctUntilChanged, filter, from, fromEvent, isObservable, map, merge as merge$1, of, shareReplay, skip, startWith, switchMap, takeUntil, tap, throttleTime, withLatestFrom } from "rxjs";
 import { DocSelectionManagerService, DocSkeletonManagerService, DocStateChangeManagerService, InsertTextCommand, RichTextEditingMutation, SetTextSelectionsOperation, UniverDocsPlugin } from "@univerjs/docs";
@@ -11459,6 +11459,29 @@ function processNumberStringWithSpaces(token, numStr) {
 	};
 }
 
+//#endregion
+//#region src/controllers/editor/utils/get-edit-cell-input-position.ts
+/**
+* Get the position of the hidden editor input for the current edit cell.
+*
+* The OS anchors the IME candidate window to the focused input, so the input should stay on the
+* selected cell even before the cell editor opens. The position is kept inside the sheet canvas,
+* so a cell scrolled out of view never moves the input outside the sheet.
+*/
+function getEditCellInputPosition(layout, canvasSize) {
+	const { position, canvasOffset } = layout;
+	const x = canvasOffset.left + position.startX;
+	const y = canvasOffset.top + position.startY;
+	if (!canvasSize) return {
+		x,
+		y
+	};
+	return {
+		x: Math.min(Math.max(x, canvasOffset.left), canvasOffset.left + canvasSize.width),
+		y: Math.min(Math.max(y, canvasOffset.top), canvasOffset.top + canvasSize.height)
+	};
+}
+
 //#endregion
 //#region src/controllers/editor/utils/is-range-selector.ts
 /**
@@ -11675,7 +11698,11 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 			if ((cellSelectionRenderManager === null || cellSelectionRenderManager === void 0 ? void 0 : cellSelectionRenderManager.canFocusing) || (formulaSelectionRenderManager === null || formulaSelectionRenderManager === void 0 ? void 0 : formulaSelectionRenderManager.canFocusing)) {
 				this._univerInstanceService.setCurrentUnitForType(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 				if (this._contextService.getContextValue(DISABLE_AUTO_FOCUS_KEY)) cellSelectionRenderManager === null || cellSelectionRenderManager === void 0 || cellSelectionRenderManager.setInputPosition(HIDDEN_EDITOR_POSITION$1, HIDDEN_EDITOR_POSITION$1);
-				else cellSelectionRenderManager === null || cellSelectionRenderManager === void 0 || cellSelectionRenderManager.activate(HIDDEN_EDITOR_POSITION$1, HIDDEN_EDITOR_POSITION$1, true);
+				else {
+					var _this$_renderManagerS5;
+					const { x, y } = getEditCellInputPosition(state, (_this$_renderManagerS5 = this._renderManagerService.getRenderUnitById(state.unitId)) === null || _this$_renderManagerS5 === void 0 ? void 0 : _this$_renderManagerS5.engine);
+					cellSelectionRenderManager === null || cellSelectionRenderManager === void 0 || cellSelectionRenderManager.activate(x, y, true);
+				}
 			}
 		}));
 	}
@@ -11749,7 +11776,7 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 		}));
 	}
 	_handleEditorVisible(param) {
-		var _documentDataModel$ge, _this$_renderManagerS6;
+		var _documentDataModel$ge, _this$_renderManagerS7;
 		const { eventType, keycode } = param;
 		this._cursorChange = eventType === DeviceInputEventType.PointerDown || eventType === DeviceInputEventType.Dblclick ? 2 : 1;
 		const editCellState = this._editorBridgeService.getEditLocation();
@@ -11778,8 +11805,8 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 			const resetPointerSelection = isInArrayFormulaRange && eventType === DeviceInputEventType.PointerDown;
 			const editorId = this._contextService.getContextValue(FOCUSING_FX_BAR_EDITOR) ? DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY : this._editorBridgeService.getCurrentEditorId();
 			if (resetPointerSelection) {
-				var _this$_renderManagerS5;
-				(_this$_renderManagerS5 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS5 === void 0 || _this$_renderManagerS5.with(DocSelectionRenderService).cancelPointerSelection();
+				var _this$_renderManagerS6;
+				(_this$_renderManagerS6 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS6 === void 0 || _this$_renderManagerS6.with(DocSelectionRenderService).cancelPointerSelection();
 			}
 			this._emptyDocumentDataModel(documentDataModel.getSnapshot().documentStyle, !!isInArrayFormulaRange);
 			document.makeDirty();
@@ -11857,7 +11884,7 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 				collapsed: true
 			});
 		}
-		(_this$_renderManagerS6 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS6 === void 0 || _this$_renderManagerS6.scene.resetCursor();
+		(_this$_renderManagerS7 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS7 === void 0 || _this$_renderManagerS7.scene.resetCursor();
 	}
 	_resizeEditorOnOpen(param, editorObject, isInArrayFormulaRange) {
 		var _this$_sheetCellEdito4;
@@ -11873,8 +11900,8 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 			if (!pointerPosition || isInArrayFormulaRange) return;
 			const rect = engine.getCanvasElement().getBoundingClientRect();
 			if (rect.width > 0 && rect.height > 0) {
-				var _this$_renderManagerS7;
-				(_this$_renderManagerS7 = this._renderManagerService.getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS7 === void 0 || _this$_renderManagerS7.with(DocSelectionRenderService).setCursorManually((pointerPosition.x - rect.left) * engine.width / rect.width, (pointerPosition.y - rect.top) * engine.height / rect.height, true, true, { strict: false });
+				var _this$_renderManagerS8;
+				(_this$_renderManagerS8 = this._renderManagerService.getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS8 === void 0 || _this$_renderManagerS8.with(DocSelectionRenderService).setCursorManually((pointerPosition.x - rect.left) * engine.width / rect.width, (pointerPosition.y - rect.top) * engine.height / rect.height, true, true, { strict: false });
 			}
 		});
 	}
@@ -12076,12 +12103,12 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 		return this._univerInstanceService.getUnit(DOCS_NORMAL_EDITOR_UNIT_ID_KEY, UniverInstanceType.UNIVER_DOC);
 	}
 	_getEditorSkeleton(editorId) {
-		var _this$_renderManagerS8;
-		return (_this$_renderManagerS8 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS8 === void 0 ? void 0 : _this$_renderManagerS8.with(DocSkeletonManagerService).getSkeleton();
+		var _this$_renderManagerS9;
+		return (_this$_renderManagerS9 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS9 === void 0 ? void 0 : _this$_renderManagerS9.with(DocSkeletonManagerService).getSkeleton();
 	}
 	_getEditorViewModel(editorId) {
-		var _this$_renderManagerS9;
-		return (_this$_renderManagerS9 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS9 === void 0 ? void 0 : _this$_renderManagerS9.with(DocSkeletonManagerService).getViewModel();
+		var _this$_renderManagerS10;
+		return (_this$_renderManagerS10 = this._renderManagerService.getRenderUnitById(editorId)) === null || _this$_renderManagerS10 === void 0 ? void 0 : _this$_renderManagerS10.with(DocSkeletonManagerService).getViewModel();
 	}
 	_getEditingUnit() {
 		return this._editingUnit ? this._univerInstanceService.getUnit(this._editingUnit, UniverInstanceType.UNIVER_SHEET) : null;
@@ -12139,13 +12166,13 @@ function getCellDataByInput(cellData, snapshot, lexerTreeBuilder, localeService,
 		cellData.si = null;
 		cellData.p = snapshot;
 		cellData.t = CellValueType.STRING;
-	} else if (cellData.s && isTextFormat(styles === null || styles === void 0 || (_styles$get = styles.get(cellData.s)) === null || _styles$get === void 0 || (_styles$get = _styles$get.n) === null || _styles$get === void 0 ? void 0 : _styles$get.pattern)) {
+	} else if (newDataStream !== "" && cellData.s && isTextFormat(styles === null || styles === void 0 || (_styles$get = styles.get(cellData.s)) === null || _styles$get === void 0 || (_styles$get = _styles$get.n) === null || _styles$get === void 0 ? void 0 : _styles$get.pattern)) {
 		cellData.v = newDataStream;
 		cellData.f = null;
 		cellData.si = null;
 		cellData.p = null;
 		cellData.t = CellValueType.STRING;
-		if (isRichText(body) && body.dataStream !== "\r\n") cellData.p = snapshot;
+		if (isRichText(body)) cellData.p = snapshot;
 		const style = getCellStyleBySnapshot(snapshot);
 		if (style) cellData.s = style;
 	} else if (isFormulaString(newDataStream)) {
@@ -12162,21 +12189,14 @@ function getCellDataByInput(cellData, snapshot, lexerTreeBuilder, localeService,
 		cellData.si = null;
 		cellData.p = null;
 		cellData.t = CellValueType.FORCE_STRING;
-	} else if (isRichText(body)) {
-		if (body.dataStream === "\r\n") {
-			cellData.v = "";
-			cellData.f = null;
-			cellData.si = null;
-			cellData.p = null;
-		} else {
-			cellData.p = snapshot;
-			cellData.v = null;
-			cellData.f = null;
-			cellData.si = null;
-		}
+	} else if (newDataStream !== "" && isRichText(body)) {
+		cellData.p = snapshot;
+		cellData.v = null;
+		cellData.f = null;
+		cellData.si = null;
 	} else {
-		if (newDataStream === "" && cellData.v == null && cellData.p == null) return null;
-		cellData.v = newDataStream;
+		if (newDataStream === "" && cellData.v == null && cellData.p == null && cellData.f == null && cellData.si == null) return null;
+		cellData.v = newDataStream === "" ? null : newDataStream;
 		cellData.f = null;
 		cellData.si = null;
 		cellData.p = null;
@@ -15896,7 +15916,7 @@ let HeaderResizeRenderController = class HeaderResizeRenderController extends Di
 				if (Math.abs(initialType === 0 ? moveChangeY : moveChangeX) >= MINIMAL_OFFSET$1) isStartMove = true;
 				if (initialType === 0) {
 					if (moveChangeY > canvasMaxHeight - scrollBarHorizontalHeight + scrollXY.y - cell.startY) moveChangeY = canvasMaxHeight - scrollBarHorizontalHeight + scrollXY.y - cell.startY;
-					if (moveChangeY < -(cell.endY - cell.startY) + 2) moveChangeY = -(cell.endY - cell.startY) + 2;
+					moveChangeY = Math.max(moveChangeY, -(cell.endY - cell.startY));
 					if (isStartMove) {
 						var _this$_resizeHelperSh, _this$_rowResizeRect4, _this$_rowResizeRect5;
 						(_this$_resizeHelperSh = this._resizeHelperShape) === null || _this$_resizeHelperSh === void 0 || _this$_resizeHelperSh.transformByState({ top: currentOffsetY + moveChangeY });
@@ -15906,7 +15926,7 @@ let HeaderResizeRenderController = class HeaderResizeRenderController extends Di
 					}
 				} else {
 					if (moveChangeX > canvasMaxWidth - scrollBarVerticalWidth + scrollXY.x - cell.startX) moveChangeX = canvasMaxWidth - scrollBarVerticalWidth + scrollXY.x - cell.startX;
-					if (moveChangeX < -(cell.endX - cell.startX) + 2) moveChangeX = -(cell.endX - cell.startX) + 2;
+					moveChangeX = Math.max(moveChangeX, -(cell.endX - cell.startX));
 					if (isStartMove) {
 						var _this$_resizeHelperSh2, _this$_columnResizeRe4, _this$_columnResizeRe5;
 						(_this$_resizeHelperSh2 = this._resizeHelperShape) === null || _this$_resizeHelperSh2 === void 0 || _this$_resizeHelperSh2.transformByState({ left: currentOffsetX + moveChangeX });
@@ -15916,7 +15936,7 @@ let HeaderResizeRenderController = class HeaderResizeRenderController extends Di
 					}
 				}
 			});
-			this._scenePointerUpSub = scene.onPointerUp$.subscribeEvent((upEvt) => {
+			this._scenePointerUpSub = scene.onPointerUp$.subscribeEvent(() => {
 				var _this$_resizeHelperSh3;
 				const scene = this._context.scene;
 				this._clearObserverEvent();
@@ -16266,6 +16286,7 @@ let HeaderUnhideRenderController = class HeaderUnhideRenderController extends Rx
 	dispose() {
 		super.dispose();
 		this._clearShapes();
+		this.interceptor.dispose();
 	}
 	_init() {
 		let activeSheetId = "";
@@ -16294,18 +16315,54 @@ let HeaderUnhideRenderController = class HeaderUnhideRenderController extends Rx
 		if (!skeleton) return;
 		const visibleCheck = this.interceptor.fetchThroughInterceptors(HEADER_UNHIDE_RANGE_VISIBLE_CHECK);
 		const shouldRenderRange = (payload) => this._headerUnhideRangeService.shouldRenderRange(visibleCheck(true, payload) ?? true, payload);
-		const hiddenRowRanges = worksheet.getHiddenRows().filter((range) => shouldRenderRange({
+		const zeroHeightRowRanges = [];
+		const rowData = worksheet.getRowManager().getRowData();
+		for (const rowIndex of Object.keys(rowData)) {
+			const row = Number(rowIndex);
+			if (row >= 0 && row < worksheet.getRowCount() && worksheet.getRowVisible(row) && worksheet.getRowHeight(row) === 0) zeroHeightRowRanges.push({
+				startRow: row,
+				endRow: row,
+				startColumn: 0,
+				endColumn: worksheet.getColumnCount() - 1
+			});
+		}
+		const rowRanges = [...worksheet.getHiddenRows(), ...Rectangle.mergeRanges(zeroHeightRowRanges)].map((range) => ({
+			...range,
+			rangeType: RANGE_TYPE.ROW
+		})).filter((range) => shouldRenderRange({
 			axis: "row",
 			range,
 			workbook,
 			worksheet
 		}));
-		const hiddenColRanges = worksheet.getHiddenCols().filter((range) => shouldRenderRange({
+		const hiddenRowRanges = Rectangle.mergeRanges(rowRanges).map((range) => ({
+			...range,
+			rangeType: RANGE_TYPE.ROW
+		}));
+		const zeroWidthColRanges = [];
+		const columnData = worksheet.getColumnManager().getColumnData();
+		for (const columnIndex of Object.keys(columnData)) {
+			const column = Number(columnIndex);
+			if (column >= 0 && column < worksheet.getColumnCount() && worksheet.getColVisible(column) && worksheet.getColumnWidth(column) === 0) zeroWidthColRanges.push({
+				startRow: 0,
+				endRow: worksheet.getRowCount() - 1,
+				startColumn: column,
+				endColumn: column
+			});
+		}
+		const columnRanges = [...worksheet.getHiddenCols(), ...Rectangle.mergeRanges(zeroWidthColRanges)].map((range) => ({
+			...range,
+			rangeType: RANGE_TYPE.COLUMN
+		})).filter((range) => shouldRenderRange({
 			axis: "column",
 			range,
 			workbook,
 			worksheet
 		}));
+		const hiddenColRanges = Rectangle.mergeRanges(columnRanges).map((range) => ({
+			...range,
+			rangeType: RANGE_TYPE.COLUMN
+		}));
 		const { scene } = this._getSheetObject();
 		const rowCount = worksheet.getRowCount();
 		const rowShapes = hiddenRowRanges.map((range) => {
@@ -18372,11 +18429,7 @@ const MenuItemInput = (props) => {
 		if (compositionEndTimerRef.current !== null) clearTimeout(compositionEndTimerRef.current);
 	}, []);
 	const handleChange = (value) => {
-		if (!value) {
-			setInputValue(min.toString());
-			return;
-		}
-		const inputValue = value.toString();
+		const inputValue = (value ?? min).toString();
 		setInputValue(inputValue);
 		onChange(inputValue);
 	};
@@ -19100,7 +19153,7 @@ function TextColorSelectorMenuItemFactory(accessor) {
 		type: MenuItemType.BUTTON_SELECTOR,
 		selections: [{
 			label: {
-				name: COLOR_PICKER_COMPONENT,
+				name: EditorColorPicker.componentKey,
 				hoverable: false,
 				selectable: false
 			},
@@ -19154,7 +19207,7 @@ function BackgroundColorSelectorMenuItemFactory(accessor) {
 		icon: "PaintBucketDoubleIcon",
 		selections: [{
 			label: {
-				name: COLOR_PICKER_COMPONENT,
+				name: EditorColorPicker.componentKey,
 				hoverable: false,
 				selectable: false
 			},
@@ -19762,7 +19815,7 @@ function SetRowHeightMenuItemFactory(accessor) {
 	const commandService = accessor.get(ICommandService);
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const selectionManagerService = accessor.get(SheetsSelectionsService);
-	const min = 2;
+	const min = 0;
 	return {
 		id: SetRowHeightCommand.id,
 		type: MenuItemType.BUTTON,
@@ -19801,7 +19854,7 @@ function SetColWidthMenuItemFactory(accessor) {
 	const commandService = accessor.get(ICommandService);
 	const univerInstanceService = accessor.get(IUniverInstanceService);
 	const selectionManagerService = accessor.get(SheetsSelectionsService);
-	const min = 2;
+	const min = 0;
 	return {
 		id: SetColWidthCommand.id,
 		type: MenuItemType.BUTTON,
@@ -20353,15 +20406,35 @@ function RenameSheetMenuItemFactory(accessor) {
 	};
 }
 function ChangeColorSheetMenuItemFactory(accessor) {
+	const univerInstanceService = accessor.get(IUniverInstanceService);
+	const commandService = accessor.get(ICommandService);
 	return {
 		id: SetTabColorCommand.id,
 		title: "sheets-ui.sheetConfig.changeColor",
 		type: MenuItemType.SELECTOR,
-		selections: [{ label: {
-			name: COLOR_PICKER_COMPONENT,
-			hoverable: false,
-			selectable: false
-		} }],
+		selections: [{
+			label: "sheets-ui.toolbar.resetColor",
+			icon: "NoColorDoubleIcon",
+			value: ""
+		}, {
+			label: {
+				name: EditorColorPicker.componentKey,
+				hoverable: false,
+				selectable: false
+			},
+			value$: new Observable((subscriber) => {
+				const updateColor = () => {
+					var _workbook$getActiveSh;
+					const workbook = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
+					subscriber.next((workbook === null || workbook === void 0 || (_workbook$getActiveSh = workbook.getActiveSheet()) === null || _workbook$getActiveSh === void 0 ? void 0 : _workbook$getActiveSh.getTabColor()) ?? "");
+				};
+				updateColor();
+				const disposable = commandService.onCommandExecuted(({ id }) => {
+					if (id === SetTabColorMutation.id || id === SetWorksheetActiveOperation.id) updateColor();
+				});
+				return () => disposable.dispose();
+			})
+		}],
 		hidden$: getWorkbookPermissionDisable$(accessor, [WorkbookEditablePermission])
 	};
 }
@@ -22795,6 +22868,7 @@ function keepTextSelected(inputHtml) {
 		if (!selection) return;
 		const range = document.createRange();
 		range.selectNodeContents(inputHtml);
+		if (!getEditorText(inputHtml)) range.collapse(true);
 		selection.removeAllRanges();
 		selection.addRange(range);
 	});
@@ -23694,7 +23768,7 @@ function SheetBarTabs() {
 					embedChildType != null && /* @__PURE__ */ jsx(EmbedSheetTabProductIcon, { childType: embedChildType }),
 					hasProtection && /* @__PURE__ */ jsx(LockIcon, { className: "univer-shrink-0" }),
 					/* @__PURE__ */ jsx("span", {
-						className: "univer-truncate univer-outline-none",
+						className: "univer-min-w-px univer-truncate univer-outline-none",
 						children: sheet.getName()
 					})
 				] }),
@@ -25071,7 +25145,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "1.1.0";
+var version = "1.3.0";
 
 //#endregion
 //#region src/views/cell-popup/config.ts
@@ -27588,7 +27662,7 @@ const DefinedNameContainer = ({ ConfirmComponent = Confirm, DefinedNameInputComp
 									children: [/* @__PURE__ */ jsxs("div", {
 										className: "univer-my-1 univer-max-h-[100px] univer-max-w-[190px] univer-truncate univer-text-sm univer-font-medium univer-text-gray-900 dark:!univer-text-gray-0",
 										children: [definedName.name, /* @__PURE__ */ jsx("span", {
-											className: "univer-text-xxs univer-ml-1 univer-text-gray-400",
+											className: "univer-ml-1 univer-text-xs univer-text-gray-400",
 											children: definedName.localSheetId === SCOPE_WORKBOOK_VALUE_DEFINED_NAME || definedName.localSheetId == null ? "" : getSheetNameBySheetId(definedName.localSheetId)
 										})]
 									}), /* @__PURE__ */ jsx("div", {
@@ -28716,7 +28790,7 @@ function SheetPermissionPanelListContent({ ActionRowComponent }) {
 					}).filter((r) => !!r).join(",") : ""})`;
 				} else if (rule.unitType === UnitObject.Worksheet) ruleName = targetName || "";
 				return /* @__PURE__ */ jsxs("div", {
-					className: clsx("univer-mt-3 univer-rounded-lg univer-p-3 hover:univer-bg-gray-50", borderClassName),
+					className: clsx("univer-mt-3 univer-rounded-lg univer-p-3 hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-800", borderClassName),
 					onMouseMove: () => {
 						const { subUnitId, unitType } = rule;
 						const activeSheet = workbook.getActiveSheet();
@@ -28750,14 +28824,14 @@ function SheetPermissionPanelListContent({ ActionRowComponent }) {
 								children: [hasManagerPermission && /* @__PURE__ */ jsx(Tooltip, {
 									title: localeService.t("sheets-ui.permission.panel.edit"),
 									children: /* @__PURE__ */ jsx("div", {
-										className: "univer-box-border univer-h-6 univer-rounded-sm univer-p-1 hover:univer-bg-gray-200",
+										className: "univer-box-border univer-h-6 univer-rounded-sm univer-p-1 hover:univer-bg-gray-200 dark:hover:!univer-bg-gray-700",
 										onClick: () => handleEdit(rule),
 										children: /* @__PURE__ */ jsx(WriteIcon, {})
 									})
 								}), hasDeletePermission && /* @__PURE__ */ jsx(Tooltip, {
 									title: localeService.t("sheets-ui.permission.panel.delete"),
 									children: /* @__PURE__ */ jsx("div", {
-										className: "univer-box-border univer-h-6 univer-rounded-sm univer-p-1 hover:univer-bg-gray-200",
+										className: "univer-box-border univer-h-6 univer-rounded-sm univer-p-1 hover:univer-bg-gray-200 dark:hover:!univer-bg-gray-700",
 										onClick: () => handleDelete(rule),
 										children: /* @__PURE__ */ jsx(DeleteIcon, {})
 									})
@@ -28800,7 +28874,7 @@ function SheetPermissionPanelListContent({ ActionRowComponent }) {
 							rule.description && /* @__PURE__ */ jsx(Tooltip, {
 								title: rule.description,
 								children: /* @__PURE__ */ jsx("div", {
-									className: "univer-text-3 univer-mt-2 univer-max-w-64 univer-truncate univer-text-sm univer-text-gray-400",
+									className: "univer-mt-2 univer-max-w-64 univer-truncate univer-text-sm univer-text-gray-400",
 									children: rule.description
 								})
 							})
@@ -32115,7 +32189,6 @@ let SheetUIMobileController = class SheetUIMobileController extends Disposable {
 		const visualViewport = window.visualViewport;
 		let stableHeight = Math.round(window.innerHeight);
 		let stableWidth = Math.round(window.innerWidth);
-		let keyboardWasVisible = false;
 		const update = () => {
 			const width = Math.round(window.innerWidth);
 			const visibleBottom = visualViewport ? visualViewport.offsetTop + visualViewport.height : window.innerHeight;
@@ -32125,15 +32198,6 @@ let SheetUIMobileController = class SheetUIMobileController extends Disposable {
 			} else if (!isMobileKeyboardVisible(stableHeight, visibleBottom)) stableHeight = Math.round(Math.max(stableHeight, window.innerHeight, visibleBottom));
 			const keyboardVisible = isMobileKeyboardVisible(stableHeight, visibleBottom);
 			this._contextService.setContextValue(MOBILE_KEYBOARD_VISIBLE, keyboardVisible);
-			if (shouldHideMobileEditorOnKeyboardClose(keyboardWasVisible && !keyboardVisible, this._contextService.getContextValue("MOBILE_FX_EDITOR_EXPANDED"), this._contextService.getContextValue("MOBILE_FORMULA_FUNCTION_PANEL_OPEN"), this._editorBridgeService.isForceKeepVisible())) {
-				const visibleState = this._editorBridgeService.isVisible();
-				if (visibleState.visible) this._commandService.executeCommand(SetCellEditVisibleOperation.id, {
-					...visibleState,
-					visible: false,
-					eventType: DeviceInputEventType.PointerDown
-				});
-			}
-			keyboardWasVisible = keyboardVisible;
 		};
 		update();
 		window.addEventListener("resize", update);
@@ -32190,9 +32254,6 @@ SheetUIMobileController = __decorate([
 function isMobileKeyboardVisible(stableHeight, visibleBottom) {
 	return stableHeight - visibleBottom > 80;
 }
-function shouldHideMobileEditorOnKeyboardClose(keyboardClosed, editorExpanded, functionPanelOpen, forceKeepVisible) {
-	return keyboardClosed && !editorExpanded && !functionPanelOpen && !forceKeepVisible;
-}
 
 //#endregion
 //#region src/controllers/move-range.controller.ts
@@ -32816,7 +32877,7 @@ let FormatPainterRenderController = class FormatPainterRenderController extends
 			getTarget: (event) => {
 				var _this$_selections$get, _this$_context$unit$g;
 				const picked = this._context.scene.pick(new Vector2(event.offsetX, event.offsetY));
-				if (picked && picked !== this._context.mainComponent) return null;
+				if (picked && picked !== this._context.mainComponent && picked !== this._context.components.get("__SpreadsheetRowHeader__") && picked !== this._context.components.get("__SpreadsheetColumnHeader__")) return null;
 				const range = (_this$_selections$get = this._selections.getCurrentLastSelection()) === null || _this$_selections$get === void 0 ? void 0 : _this$_selections$get.range;
 				return range ? {
 					unitId: this._context.unitId,
@@ -33143,27 +33204,22 @@ let MobileHeaderResizeRenderController = class MobileHeaderResizeRenderControlle
 		_defineProperty(this, "_columnResizeButton", void 0);
 		_defineProperty(this, "_resizeHelperShape", void 0);
 		_defineProperty(this, "_isDragging", false);
-		_defineProperty(this, "_touchStartX", 0);
-		_defineProperty(this, "_touchStartY", 0);
-		_defineProperty(this, "_touchMoveHandler", void 0);
-		_defineProperty(this, "_touchEndHandler", void 0);
+		_defineProperty(this, "_resizeListeners", void 0);
 		_defineProperty(this, "_selectionSubscription", void 0);
 		_defineProperty(this, "_scrollSubscription", void 0);
 		this._init();
 	}
 	dispose() {
-		var _this$_rowResizeButto, _this$_columnResizeBu, _this$_resizeHelperSh, _this$_selectionSubsc, _this$_scrollSubscrip;
+		var _this$_rowResizeButto, _this$_columnResizeBu, _this$_selectionSubsc, _this$_scrollSubscrip;
+		this._cancelResize();
 		(_this$_rowResizeButto = this._rowResizeButton) === null || _this$_rowResizeButto === void 0 || _this$_rowResizeButto.dispose();
 		this._rowResizeButton = null;
 		(_this$_columnResizeBu = this._columnResizeButton) === null || _this$_columnResizeBu === void 0 || _this$_columnResizeBu.dispose();
 		this._columnResizeButton = null;
-		(_this$_resizeHelperSh = this._resizeHelperShape) === null || _this$_resizeHelperSh === void 0 || _this$_resizeHelperSh.dispose();
-		this._resizeHelperShape = null;
 		(_this$_selectionSubsc = this._selectionSubscription) === null || _this$_selectionSubsc === void 0 || _this$_selectionSubsc.unsubscribe();
 		this._selectionSubscription = null;
 		(_this$_scrollSubscrip = this._scrollSubscription) === null || _this$_scrollSubscrip === void 0 || _this$_scrollSubscrip.unsubscribe();
 		this._scrollSubscription = null;
-		this._cleanupTouchHandlers();
 		super.dispose();
 	}
 	_init() {
@@ -33184,8 +33240,8 @@ let MobileHeaderResizeRenderController = class MobileHeaderResizeRenderControlle
 			zIndex: 100
 		});
 		scene.addObjects([this._rowResizeButton, this._columnResizeButton], 10);
-		this._bindTouchEventsToButton(this._rowResizeButton, "row");
-		this._bindTouchEventsToButton(this._columnResizeButton, "column");
+		this._bindPointerEventsToButton(this._rowResizeButton, "row");
+		this._bindPointerEventsToButton(this._columnResizeButton, "column");
 	}
 	_initSelectionListener() {
 		this._selectionSubscription = this._selectionManagerService.selectionMoveEnd$.subscribe((selections) => {
@@ -33270,12 +33326,13 @@ let MobileHeaderResizeRenderController = class MobileHeaderResizeRenderControlle
 			});
 		}
 	}
-	_bindTouchEventsToButton(button, type) {
-		button.onPointerDown$.subscribeEvent((evt) => {
+	_bindPointerEventsToButton(button, type) {
+		this.disposeWithMe(button.onPointerDown$.subscribeEvent((evt) => {
+			if (evt.button !== 0) return;
 			if (this._contextService.getContextValue("MOBILE_PINCH_ZOOMING")) return;
 			if (this._contextService.getContextValue("MOBILE_EXPANDING_SELECTION")) return;
 			this._startResize(evt, type);
-		});
+		}));
 	}
 	_startResize(evt, type) {
 		const skeleton = this._sheetSkeletonManagerService.getCurrentSkeleton();
@@ -33284,69 +33341,80 @@ let MobileHeaderResizeRenderController = class MobileHeaderResizeRenderControlle
 		const engine = scene.getEngine();
 		const canvasElement = engine === null || engine === void 0 ? void 0 : engine.getCanvasElement();
 		if (!canvasElement) return;
-		this._touchStartX = evt.offsetX;
-		this._touchStartY = evt.offsetY;
-		this._isDragging = false;
+		this._cancelResize();
 		const currentOffset = type === "row" ? skeleton.getOffsetByRow(this._currentRow) : skeleton.getOffsetByColumn(this._currentColumn);
 		this._createResizeHelper(type, currentOffset, skeleton);
 		scene.disableObjectsEvent();
-		this._setupTouchHandlers(canvasElement, type, currentOffset);
+		this._setupPointerHandlers(canvasElement, evt, type, currentOffset);
 	}
-	_setupTouchHandlers(canvasElement, type, initialOffset) {
-		if (!this._sheetSkeletonManagerService.getCurrentSkeleton()) return;
-		const scene = this._context.scene;
+	_setupPointerHandlers(canvasElement, evt, type, initialOffset) {
 		const worksheet = this._context.unit.getActiveSheet();
-		const zoomRatio = (worksheet === null || worksheet === void 0 ? void 0 : worksheet.getZoomRatio()) || 1;
+		if (!worksheet) {
+			this._cancelResize();
+			return;
+		}
+		const zoomRatio = worksheet.getZoomRatio() || 1;
+		const initialSize = type === "row" ? worksheet.getRowHeight(this._currentRow) : worksheet.getColumnWidth(this._currentColumn);
+		const anchor = type === "row" ? this._currentRow : this._currentColumn;
+		const pointerId = "pointerId" in evt ? evt.pointerId : 0;
+		const startX = evt.offsetX;
+		const startY = evt.offsetY;
 		let totalDelta = 0;
-		this._touchMoveHandler = (e) => {
+		const handlePointerMove = (e) => {
+			if (e.pointerId !== pointerId) return;
 			if (this._contextService.getContextValue("MOBILE_PINCH_ZOOMING")) {
 				this._cancelResize();
 				return;
 			}
-			if (e.touches.length !== 1) return;
-			const touch = e.touches[0];
 			const rect = canvasElement.getBoundingClientRect();
-			const offsetX = touch.clientX - rect.left;
-			const offsetY = touch.clientY - rect.top;
-			const adjustedDelta = (type === "row" ? offsetY - this._touchStartY : offsetX - this._touchStartX) / zoomRatio;
+			const offsetX = e.clientX - rect.left;
+			const offsetY = e.clientY - rect.top;
+			const adjustedDelta = (type === "row" ? offsetY - startY : offsetX - startX) / zoomRatio;
 			if (Math.abs(adjustedDelta) >= MINIMAL_OFFSET) this._isDragging = true;
 			if (this._isDragging) {
-				totalDelta = adjustedDelta;
-				this._updateResizeHelper(type, initialOffset + adjustedDelta);
-				this._updateResizeButton(type, initialOffset + adjustedDelta);
+				totalDelta = Math.max(adjustedDelta, -initialSize);
+				this._updateResizeHelper(type, initialOffset + totalDelta);
+				this._updateResizeButton(type, initialOffset + totalDelta);
 			}
 			e.preventDefault();
 		};
-		this._touchEndHandler = (e) => {
-			scene.enableObjectsEvent();
-			if (this._isDragging && Math.abs(totalDelta) >= MINIMAL_OFFSET) {
-				if (type === "row") this._commandService.executeCommand(DeltaRowHeightCommand.id, {
-					deltaY: totalDelta,
-					anchorRow: this._currentRow
-				});
-				else this._commandService.executeCommand(DeltaColumnWidthCommand.id, {
-					deltaX: totalDelta,
-					anchorCol: this._currentColumn
-				});
-			}
+		const handlePointerUp = async (e) => {
+			if (e.pointerId !== pointerId) return;
+			const shouldResize = this._isDragging && totalDelta !== 0;
 			this._cleanupResize();
-			if (this._touchMoveHandler) canvasElement.removeEventListener("touchmove", this._touchMoveHandler);
-			if (this._touchEndHandler) {
-				canvasElement.removeEventListener("touchend", this._touchEndHandler);
-				canvasElement.removeEventListener("touchcancel", this._touchEndHandler);
-			}
 			e.preventDefault();
+			if (shouldResize) await this._commandService.executeCommand(type === "row" ? DeltaRowHeightCommand.id : DeltaColumnWidthCommand.id, type === "row" ? {
+				deltaY: totalDelta,
+				anchorRow: anchor
+			} : {
+				deltaX: totalDelta,
+				anchorCol: anchor
+			});
 		};
-		canvasElement.addEventListener("touchmove", this._touchMoveHandler, { passive: false });
-		canvasElement.addEventListener("touchend", this._touchEndHandler, { passive: false });
-		canvasElement.addEventListener("touchcancel", this._touchEndHandler, { passive: false });
-		this.disposeWithMe(toDisposable(() => {
-			if (this._touchMoveHandler) canvasElement.removeEventListener("touchmove", this._touchMoveHandler);
-			if (this._touchEndHandler) {
-				canvasElement.removeEventListener("touchend", this._touchEndHandler);
-				canvasElement.removeEventListener("touchcancel", this._touchEndHandler);
-			}
-		}));
+		this._bindResizeListeners(canvasElement, pointerId, handlePointerMove, handlePointerUp);
+	}
+	_bindResizeListeners(canvasElement, pointerId, handlePointerMove, handlePointerUp) {
+		const ownerDocument = canvasElement.ownerDocument;
+		const ownerWindow = ownerDocument.defaultView;
+		const handlePointerCancel = (e) => {
+			if (e.pointerId === pointerId) this._cancelResize();
+		};
+		const handlePointerDown = (e) => {
+			if (e.pointerId !== pointerId) this._cancelResize();
+		};
+		const handleBlur = () => this._cancelResize();
+		ownerDocument.addEventListener("pointermove", handlePointerMove, { passive: false });
+		ownerDocument.addEventListener("pointerup", handlePointerUp);
+		ownerDocument.addEventListener("pointercancel", handlePointerCancel);
+		ownerDocument.addEventListener("pointerdown", handlePointerDown);
+		ownerWindow === null || ownerWindow === void 0 || ownerWindow.addEventListener("blur", handleBlur);
+		this._resizeListeners = toDisposable(() => {
+			ownerDocument.removeEventListener("pointermove", handlePointerMove);
+			ownerDocument.removeEventListener("pointerup", handlePointerUp);
+			ownerDocument.removeEventListener("pointercancel", handlePointerCancel);
+			ownerDocument.removeEventListener("pointerdown", handlePointerDown);
+			ownerWindow === null || ownerWindow === void 0 || ownerWindow.removeEventListener("blur", handleBlur);
+		});
 	}
 	_createResizeHelper(type, offset, skeleton) {
 		const scene = this._context.scene;
@@ -33387,30 +33455,18 @@ let MobileHeaderResizeRenderController = class MobileHeaderResizeRenderControlle
 		else button.transformByState({ left: newOffset - buttonSize / 2 });
 	}
 	_cleanupResize() {
-		var _this$_resizeHelperSh2;
-		(_this$_resizeHelperSh2 = this._resizeHelperShape) === null || _this$_resizeHelperSh2 === void 0 || _this$_resizeHelperSh2.dispose();
+		var _this$_resizeListener, _this$_resizeHelperSh;
+		(_this$_resizeListener = this._resizeListeners) === null || _this$_resizeListener === void 0 || _this$_resizeListener.dispose();
+		this._resizeListeners = null;
+		this._context.scene.enableObjectsEvent();
+		(_this$_resizeHelperSh = this._resizeHelperShape) === null || _this$_resizeHelperSh === void 0 || _this$_resizeHelperSh.dispose();
 		this._resizeHelperShape = null;
 		this._isDragging = false;
 	}
-	_cleanupTouchHandlers() {
-		const engine = this._context.scene.getEngine();
-		const canvasElement = engine === null || engine === void 0 ? void 0 : engine.getCanvasElement();
-		if (canvasElement) {
-			if (this._touchMoveHandler) {
-				canvasElement.removeEventListener("touchmove", this._touchMoveHandler);
-				this._touchMoveHandler = null;
-			}
-			if (this._touchEndHandler) {
-				canvasElement.removeEventListener("touchend", this._touchEndHandler);
-				canvasElement.removeEventListener("touchcancel", this._touchEndHandler);
-				this._touchEndHandler = null;
-			}
-		}
-	}
 	_cancelResize() {
-		this._context.scene.enableObjectsEvent();
+		if (!this._resizeHelperShape && !this._resizeListeners) return;
 		this._cleanupResize();
-		this._cleanupTouchHandlers();
+		this._updateButtonPositionOnScroll();
 	}
 };
 MobileHeaderResizeRenderController = __decorate([
@@ -33424,6 +33480,7 @@ MobileHeaderResizeRenderController = __decorate([
 //#endregion
 //#region src/controllers/render-controllers/mobile/mobile-hover.render-controller.ts
 const TAP_MOVE_THRESHOLD = 10;
+const DOUBLE_TAP_MOVE_THRESHOLD = 20;
 const DOUBLE_TAP_DELAY = 500;
 function getPointerId(event) {
 	return "pointerId" in event ? event.pointerId : void 0;
@@ -33499,6 +33556,7 @@ let MobileHoverRenderController = class MobileHoverRenderController extends Disp
 			next: ([event, state]) => {
 				state.stopPropagation();
 				state.skipNextObservers = true;
+				if (event.deviceType === DeviceType.Touch) return;
 				if (this._suppressEngineDoubleClick) {
 					this._clearEngineDoubleClickSuppression();
 					return;
@@ -33549,15 +33607,15 @@ let MobileHoverRenderController = class MobileHoverRenderController extends Disp
 			return;
 		}
 		this._tapState = {
-			offsetX: event.offsetX,
-			offsetY: event.offsetY,
+			clientX: event.clientX,
+			clientY: event.clientY,
 			pointerId: getPointerId(event)
 		};
 	}
 	_updateTapState(event) {
 		const pointerId = getPointerId(event);
 		if (!this._tapState || pointerId != null && pointerId !== this._tapState.pointerId) return;
-		if (Math.abs(event.offsetX - this._tapState.offsetX) > TAP_MOVE_THRESHOLD || Math.abs(event.offsetY - this._tapState.offsetY) > TAP_MOVE_THRESHOLD) this._resetTapSequence();
+		if (Math.abs(event.clientX - this._tapState.clientX) > TAP_MOVE_THRESHOLD || Math.abs(event.clientY - this._tapState.clientY) > TAP_MOVE_THRESHOLD) this._resetTapSequence();
 	}
 	_finishTap(event) {
 		const tapState = this._tapState;
@@ -33567,14 +33625,28 @@ let MobileHoverRenderController = class MobileHoverRenderController extends Disp
 			this._resetCompletedTap();
 			return false;
 		}
-		const completed = Math.abs(event.offsetX - tapState.offsetX) <= TAP_MOVE_THRESHOLD && Math.abs(event.offsetY - tapState.offsetY) <= TAP_MOVE_THRESHOLD && !this._contextService.getContextValue("MOBILE_PINCH_ZOOMING") && !this._contextService.getContextValue("MOBILE_EXPANDING_SELECTION") && !this._contextService.getContextValue("MOBILE_TRIGGER_CONTEXT_MENU");
+		const completed = Math.abs(event.clientX - tapState.clientX) <= TAP_MOVE_THRESHOLD && Math.abs(event.clientY - tapState.clientY) <= TAP_MOVE_THRESHOLD && !this._contextService.getContextValue("MOBILE_PINCH_ZOOMING") && !this._contextService.getContextValue("MOBILE_EXPANDING_SELECTION") && !this._contextService.getContextValue("MOBILE_TRIGGER_CONTEXT_MENU");
 		if (!completed) this._resetCompletedTap();
 		return completed;
 	}
 	_completeTap(unitId, event) {
+		const skeletonParam = this._sheetSkeletonManagerService.getCurrentParam();
+		const cellIndex = skeletonParam && getCellIndexByOffsetWithMerge(event.offsetX, event.offsetY, this._context.scene, skeletonParam.skeleton);
+		if (!cellIndex || !skeletonParam) {
+			this._resetCompletedTap();
+			return;
+		}
+		const cell = {
+			unitId,
+			subUnitId: skeletonParam.sheetId,
+			row: cellIndex.actualRow,
+			col: cellIndex.actualCol
+		};
+		const timeStamp = Number.isFinite(event.timeStamp) ? event.timeStamp : performance.now();
 		const lastCompletedTap = this._lastCompletedTap;
-		if (lastCompletedTap && Math.abs(event.offsetX - lastCompletedTap.offsetX) <= TAP_MOVE_THRESHOLD && Math.abs(event.offsetY - lastCompletedTap.offsetY) <= TAP_MOVE_THRESHOLD) {
+		if (lastCompletedTap && timeStamp >= lastCompletedTap.timeStamp && timeStamp - lastCompletedTap.timeStamp <= DOUBLE_TAP_DELAY && cell.unitId === lastCompletedTap.cell.unitId && cell.subUnitId === lastCompletedTap.cell.subUnitId && cell.row === lastCompletedTap.cell.row && cell.col === lastCompletedTap.cell.col && Math.abs(event.clientX - lastCompletedTap.clientX) <= DOUBLE_TAP_MOVE_THRESHOLD && Math.abs(event.clientY - lastCompletedTap.clientY) <= DOUBLE_TAP_MOVE_THRESHOLD) {
 			this._resetCompletedTap();
+			this._clearEngineDoubleClickSuppression();
 			this._suppressEngineDoubleClick = true;
 			this._suppressEngineDoubleClickTimer = setTimeout(() => {
 				this._suppressEngineDoubleClick = false;
@@ -33585,9 +33657,10 @@ let MobileHoverRenderController = class MobileHoverRenderController extends Disp
 		}
 		this._resetCompletedTap();
 		this._lastCompletedTap = {
-			offsetX: event.offsetX,
-			offsetY: event.offsetY,
-			pointerId: getPointerId(event)
+			clientX: event.clientX,
+			clientY: event.clientY,
+			timeStamp,
+			cell
 		};
 		this._completedTapTimer = setTimeout(() => this._resetCompletedTap(), DOUBLE_TAP_DELAY);
 	}
@@ -35420,7 +35493,7 @@ _defineProperty(UniverSheetsMobileUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsMobileUIPlugin, "version", version);
 _defineProperty(UniverSheetsMobileUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
 UniverSheetsMobileUIPlugin = __decorate([
-	DependentOn(UniverDocsPlugin, UniverFormulaEnginePlugin, UniverRenderEnginePlugin, UniverSheetsPlugin, UniverMobileUIPlugin, UniverDocsUIPlugin),
+	DependentOn(UniverDocsPlugin, UniverFormulaEnginePlugin, UniverRenderEnginePlugin, UniverSheetsPlugin, UniverMobileUIPlugin, UniverDocsMobileUIPlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IRenderManagerService),
 	__decorateParam(3, IConfigService),
@@ -35790,6 +35863,12 @@ let DesktopCellEditRenderController = class DesktopCellEditRenderController exte
 			var _params;
 			if (params === null || params === void 0 || (_params = params[params.length - 1]) === null || _params === void 0 ? void 0 : _params.primary) this._updateInputPosition();
 		}));
+		const viewportMain = this._context.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
+		if (viewportMain) d.add(viewportMain.onScrollEnd$.subscribeEvent(() => {
+			if (this._editorBridgeService.isVisible().visible) return;
+			this._editorBridgeService.refreshEditCellPosition(false);
+			this._updateInputPosition();
+		}));
 	}
 	_updateInputPosition() {
 		var _this$_renderManagerS;
@@ -35797,8 +35876,8 @@ let DesktopCellEditRenderController = class DesktopCellEditRenderController exte
 		const layout = this._editorBridgeService.getEditCellLayout();
 		const docSelectionRenderService = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocSelectionRenderService);
 		if (!layout || !docSelectionRenderService) return;
-		const { position, canvasOffset } = layout;
-		docSelectionRenderService.setInputPosition(canvasOffset.left + position.startX, canvasOffset.top + position.startY);
+		const { x, y } = getEditCellInputPosition(layout, this._context.engine);
+		docSelectionRenderService.setInputPosition(x, y);
 	}
 	_focusCellEditorInput() {
 		const focusedChildUnitId = getEmbedChildUnitId(typeof document === "undefined" ? null : document.activeElement);