@univerjs/sheets-ui 1.0.0-beta.1 → 1.0.0-beta.2

package/lib/index.js

@@ -1,10 +1,10 @@
-import { BreakLineCommand, CoverContentCommand, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_VERTICAL_PADDING, DeleteLeftCommand, DeleteRightCommand, DocSelectionRenderService, IEditorService, IMEInputCommand, MoveCursorOperation, MoveSelectionOperation, NodePositionConvertToCursor, ReplaceSnapshotCommand, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextColorCommand, SetInlineFormatUnderlineCommand, UniverDocsUIPlugin, VIEWPORT_KEY, convertBodyToHtml, getCanvasOffsetByEngine, getLineBounding } from "@univerjs/docs-ui";
-import { AbsoluteRefType, BaselineOffset, BooleanNumber, BorderStyleTypes, CellModeEnum, CellValueType, ColorKit, CommandType, CustomRangeType, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DEFAULT_WORKSHEET_COLUMN_COUNT, DEFAULT_WORKSHEET_COLUMN_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, WrapStrategy, cloneCellDataMatrix, cloneCellDataWithSpanAndDisplay, cloneValue, composeStyles, convertCellToRange, createDocumentModelWithStyle, createIdentifier, createInterceptorKey, createParagraphId, createSectionId, dateKit, debounce, extractPureTextFromCell, fromEventSubject, generateRandomId, get, getEmptyCell, getIntersectRange, getNumfmtParseValueFilter, getReverseDirection, handleStyleToString, isDefaultFormat, isFormulaString, isInternalEditorID, isNotNullOrUndefined, isRealNum, isSafeUrl, isTextFormat, isValidRange, merge, mergeOverrideWithDependencies, nameCharacterCheck, numberToABC, numfmt, registerDependencies, sequenceExecute, set, skipParseTagNames, sortRules, splitIntoGrid, throttle, toDisposable, touchDependencies, willLoseNumericPrecision } from "@univerjs/core";
+import { BreakLineCommand, CoverContentCommand, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_VERTICAL_PADDING, DeleteLeftCommand, DeleteRightCommand, DocSelectionRenderService, IEditorService, IMEInputCommand, MoveCursorOperation, MoveSelectionOperation, NodePositionConvertToCursor, ReplaceSnapshotCommand, SetDocInputStyleCommand, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextColorCommand, SetInlineFormatUnderlineCommand, UniverDocsUIPlugin, VIEWPORT_KEY, convertBodyToHtml, getCanvasOffsetByEngine, getLineBounding } from "@univerjs/docs-ui";
+import { AbsoluteRefType, BaselineOffset, BooleanNumber, BorderStyleTypes, 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, WrapStrategy, cloneCellDataMatrix, cloneCellDataWithSpanAndDisplay, cloneValue, composeStyles, convertCellToRange, createDocumentModelWithStyle, createIdentifier, createInterceptorKey, createParagraphId, createSectionId, dateKit, debounce, extractPureTextFromCell, fromEventSubject, generateRandomId, get, getEmptyCell, getIntersectRange, 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, getAddMergeMutationRangeByType, getAllWorksheetPermissionPoint, getCellAtRowCol, 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, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MetaKeys, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonPosition, RibbonStartGroup, RibbonViewGroup, SheetPasteShortKeyCommandName, Slider, ToggleFullscreenOperation, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, ZoomInput, connectInjector, getMenuHiddenObservable, handleStringToStyle, imageMimeTypeSet, sanitizeParsedHtml, textTrim, useComponentsOfPart, useConfigValue, useDependency, useEvent, useObservable, useSidebarClick, useVirtualList } from "@univerjs/ui";
+import { AnchoredContextMenu, BuiltInUIPart, COLOR_PICKER_COMPONENT, ComponentContainer, ComponentManager, ContextMenuGroup, ContextMenuPosition, CopyCommand, CutCommand, DISABLE_AUTO_FOCUS_KEY, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IShortcutService, ISidebarService, IUIPartsService, IWorkbenchService, IconManager, KeyCode, MenuItemType, MetaKeys, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonPosition, RibbonStartGroup, RibbonViewGroup, SheetPasteShortKeyCommandName, Slider, ToggleFullscreenOperation, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, ZoomInput, connectInjector, getMenuHiddenObservable, handleStringToStyle, imageMimeTypeSet, sanitizeParsedHtml, textTrim, useComponentsOfPart, useConfigValue, useDependency, useEvent, useObservable, useSidebarClick, useVirtualList } from "@univerjs/ui";
 import { CURSOR_TYPE, DashedRect, DeviceInputEventType, FIX_ONE_PIXEL_BLUR_OFFSET, Group, IRenderManagerService, Layer, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, Rect, RegularPolygon, SHEET_EXTENSION_PREFIX, SHEET_VIEWPORT_KEY, ScrollBar, ScrollTimer, ScrollTimerType, Shape, SheetExtension, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, TRANSFORM_CHANGE_OBSERVABLE_TYPE, UniverRenderEnginePlugin, Vector2, Viewport, calculateCellImageRect, cancelRequestFrame, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, fixLineWidthByScale, getCurrentTypeOfRenderer, getNextWheelZoomRatio, ptToPixel, requestNewFrame, withCurrentTypeOfRenderer } from "@univerjs/engine-render";
 import { BehaviorSubject, EMPTY, Observable, Subject, Subscription, combineLatest, combineLatestWith, distinctUntilChanged, filter, from, fromEvent, map, merge as merge$1, of, shareReplay, skip, startWith, switchMap, takeUntil, throttleTime, withLatestFrom } from "rxjs";
-import { DocSelectionManagerService, DocSkeletonManagerService, InsertTextCommand, RichTextEditingMutation, SetTextSelectionsOperation, UniverDocsPlugin } from "@univerjs/docs";
+import { DocSelectionManagerService, DocSkeletonManagerService, DocStateChangeManagerService, InsertTextCommand, RichTextEditingMutation, SetTextSelectionsOperation, UniverDocsPlugin } from "@univerjs/docs";
 import { ObjectScope, UnitAction, UnitObject, UnitRole } from "@univerjs/protocol";
 import { Avatar, Button, Calendar, CascaderList, ColorPicker, ConfigContext, Confirm, Dropdown, DropdownMenu, FormLayout, Input, InputNumber, MessageType, Radio, RadioGroup, Select, Separator, Switch, TimeInput, Tooltip, borderBottomClassName, borderClassName, borderRightClassName, borderTopClassName, clsx, scrollbarClassName } from "@univerjs/design";
 import { AddImageIcon, AdjustHeightDoubleIcon, AdjustWidthDoubleIcon, AlignBottomIcon, AlignTopIcon, AllBorderIcon, AutoHeightDoubleIcon, AutoWidthDoubleIcon, AutofillDoubleIcon, AutowrapIcon, BackSlashDoubleIcon, BasesMultiIcon, BoardsMultiIcon, BoldIcon, BrushIcon, CancelFreezeIcon, CancelMergeIcon, CheckMarkIcon, ClearFormatDoubleIcon, CloseIcon, CodeIcon, ConvertIcon, ConvertToNumberIcon, CopyDoubleIcon, CutIcon, DeleteCellShiftLeftDoubleIcon, DeleteCellShiftUpDoubleIcon, DeleteColumnDoubleIcon, DeleteIcon, DeleteRowDoubleIcon, DocsMultiIcon, DownBorderDoubleIcon, DownIcon, DownloadImageIcon, ErrorIcon, EyeIcon, EyelashIcon, FontColorDoubleIcon, FontSizeIncreaseIcon, FontSizeReduceIcon, FreezeColumnIcon, FreezeRowIcon, FreezeToSelectedIcon, FxIcon, HideDoubleIcon, HideGridlinesIcon, HorizontalBorderDoubleIcon, HorizontalMergeIcon, HorizontallyIcon, IncreaseIcon, InfoIcon, InnerBorderDoubleIcon, InsertCellDownDoubleIcon, InsertCellShiftRightDoubleIcon, InsertDoubleIcon, InsertRowAboveDoubleIcon, InsertRowBelowDoubleIcon, ItalicIcon, LeftBorderDoubleIcon, LeftDoubleDiagonalDoubleIcon, LeftInsertColumnDoubleIcon, LeftJustifyingIcon, LeftRotationFortyFiveDegreesIcon, LeftRotationNinetyDegreesIcon, LeftTridiagonalDoubleIcon, LockIcon, MergeAllIcon, MoreDownIcon, MoreLeftIcon, MoreRightIcon, NoBorderIcon, NoColorDoubleIcon, NoRotationIcon, OuterBorderDoubleIcon, OverflowIcon, PaintBucketDoubleIcon, PasteSpecialDoubleIcon, PenIcon, ProtectIcon, ReduceDoubleIcon, RightBorderDoubleIcon, RightDoubleDiagonalDoubleIcon, RightInsertColumnDoubleIcon, RightJustifyingIcon, RightRotationFortyFiveDegreesIcon, RightRotationNinetyDegreesIcon, SheetsMultiIcon, ShrinkToFitIcon, SlashDoubleIcon, SlidesMultiIcon, StrikethroughIcon, SubscriptIcon, SuperscriptIcon, TruncationIcon, UnderlineIcon, UpBorderDoubleIcon, VerticalBorderDoubleIcon, VerticalCenterIcon, VerticalIntegrationIcon, VerticalTextIcon, WarningIcon, WriteIcon } from "@univerjs/icons";
@@ -3123,6 +3123,7 @@ var HtmlToUSMService = class HtmlToUSMService {
 			let value = numfmtMatch[1].trim();
 			if (value.startsWith("\"") && value.endsWith("\"")) value = value.slice(1, -1);
 			const decoded = decodeMsoNumberFormat(value);
+			if (!numfmt.isValidFormat(decoded)) continue;
 			selectors.split(",").forEach((sel) => {
 				this._msoNumfmtMap.set(sel.trim(), decoded);
 			});
@@ -8348,7 +8349,8 @@ let EditorBridgeService = class EditorBridgeService extends Disposable {
 			sheetId,
 			documentLayoutObject,
 			editorUnitId: this._editorUnitId,
-			isInArrayFormulaRange: cell === null || cell === void 0 ? void 0 : cell.isInArrayFormulaRange
+			isInArrayFormulaRange: cell === null || cell === void 0 ? void 0 : cell.isInArrayFormulaRange,
+			isPercentFormat: cell === null || cell === void 0 ? void 0 : cell.isPercentFormat
 		};
 	}
 	_getWorkbookForEditUnit(unitId) {
@@ -10020,25 +10022,25 @@ let EditorBridgeRenderController = class EditorBridgeRenderController extends Rx
 	_initialKeyboardListener(d) {
 		let disposable = null;
 		const addEvent = (render) => {
+			disposable === null || disposable === void 0 || disposable.dispose();
+			disposable = null;
 			const docSelectionRenderService = render.with(DocSelectionRenderService);
-			if (docSelectionRenderService) {
-				disposable = toDisposable(docSelectionRenderService.onInputBefore$.subscribe((config) => {
-					var _this$_embedRuntimeFo;
-					if (!this._isCurrentSheetFocused()) return;
-					const isFocusFormulaEditor = this._contextService.getContextValue(FOCUSING_FX_BAR_EDITOR);
-					const isFocusSheets = this._contextService.getContextValue(FOCUSING_SHEET) || ((_this$_embedRuntimeFo = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo === void 0 ? void 0 : _this$_embedRuntimeFo.isChildUnitInActiveSession(this._context.unitId)) === true;
-					const unitId = render.unitId;
-					if (this._editorBridgeService.isVisible().visible) return;
-					if (unitId && isFocusSheets && !isFocusFormulaEditor) this._showEditorByKeyboard(config);
-				}));
-				d.add(disposable);
-			}
+			if (docSelectionRenderService) disposable = toDisposable(docSelectionRenderService.onInputBefore$.subscribe((config) => {
+				var _this$_embedRuntimeFo;
+				if (!this._isCurrentSheetFocused()) return;
+				const isFocusFormulaEditor = this._contextService.getContextValue(FOCUSING_FX_BAR_EDITOR);
+				const isFocusSheets = this._contextService.getContextValue(FOCUSING_SHEET) || ((_this$_embedRuntimeFo = this._embedRuntimeFocusCoordinator) === null || _this$_embedRuntimeFo === void 0 ? void 0 : _this$_embedRuntimeFo.isChildUnitInActiveSession(this._context.unitId)) === true;
+				const unitId = render.unitId;
+				if (this._editorBridgeService.isVisible().visible) return;
+				if (unitId && isFocusSheets && !isFocusFormulaEditor) this._showEditorByKeyboard(config);
+			}));
 		};
 		const render = this._renderManagerService.getRenderUnitById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		if (render) addEvent(render);
-		else this.disposeWithMe(this._renderManagerService.created$.pipe(filter((render) => render.unitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY)).subscribe((render) => {
+		d.add(this._renderManagerService.created$.pipe(filter((render) => render.unitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY)).subscribe(addEvent));
+		d.add(toDisposable(() => {
 			disposable === null || disposable === void 0 || disposable.dispose();
-			addEvent(render);
+			disposable = null;
 		}));
 	}
 	_initSheetFocusListener(d) {
@@ -10787,8 +10789,29 @@ const isRangeSelector = (unitId) => {
 //#endregion
 //#region src/controllers/editor/editing.render-controller.ts
 const HIDDEN_EDITOR_POSITION$1 = -1e3;
+function getPercentOffset(editCellState, dataStream) {
+	if (!editCellState.isPercentFormat || editCellState.isInArrayFormulaRange) return null;
+	const percentSuffix = `%${DEFAULT_EMPTY_DOCUMENT_VALUE}`;
+	return (dataStream === null || dataStream === void 0 ? void 0 : dataStream.endsWith(percentSuffix)) ? dataStream.length - percentSuffix.length : null;
+}
+function getPercentEditorSelection(editCellState, visibleParam, dataStream) {
+	const percentOffset = getPercentOffset(editCellState, dataStream);
+	if (percentOffset == null) return null;
+	const { eventType, initialValue, keycode } = visibleParam;
+	if (eventType === DeviceInputEventType.Dblclick || eventType === DeviceInputEventType.Keyboard && keycode === KeyCode.F2) return {
+		startOffset: percentOffset,
+		endOffset: percentOffset,
+		collapsed: true
+	};
+	if (eventType !== DeviceInputEventType.Keyboard || keycode === KeyCode.BACKSPACE || keycode === KeyCode.DELETE || !/^\d/.test(initialValue ?? "")) return null;
+	return {
+		startOffset: 0,
+		endOffset: percentOffset,
+		collapsed: false
+	};
+}
 let EditingRenderController = class EditingRenderController extends Disposable {
-	constructor(_undoRedoService, _contextService, _renderManagerService, _editorBridgeService, _cellEditorManagerService, _lexerTreeBuilder, _functionService, _textSelectionManagerService, _commandService, _localService, _editorService, _univerInstanceService, _sheetInterceptorService, _sheetCellEditorResizeService, _selectionManagerService, _configService) {
+	constructor(_undoRedoService, _contextService, _renderManagerService, _editorBridgeService, _cellEditorManagerService, _lexerTreeBuilder, _functionService, _textSelectionManagerService, _commandService, _localService, _editorService, _univerInstanceService, _sheetInterceptorService, _sheetCellEditorResizeService, _selectionManagerService, _configService, _docStateChangeManagerService) {
 		super();
 		this._undoRedoService = _undoRedoService;
 		this._contextService = _contextService;
@@ -10806,6 +10829,7 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 		this._sheetCellEditorResizeService = _sheetCellEditorResizeService;
 		this._selectionManagerService = _selectionManagerService;
 		this._configService = _configService;
+		this._docStateChangeManagerService = _docStateChangeManagerService;
 		_defineProperty(this, "_cursorChange", 0);
 		_defineProperty(this, "_editingUnit", "");
 		_defineProperty(this, "_submitEmptyCellImageEdit", false);
@@ -10880,6 +10904,7 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 			const docSelectionRenderManager = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(docUnitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(DocSelectionRenderService);
 			if (!docSelectionRenderManager) return;
 			docSelectionRenderManager.sync();
+			this._cacheEmptyCellTextStyle();
 		}));
 	}
 	_initSkeletonListener(d) {
@@ -10960,6 +10985,30 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 	* Listen to document edits to refresh the size of the sheet editor, not for normal editor.
 	*/
 	_commandExecutedListener(d) {
+		d.add(this._commandService.beforeCommandExecuted((command) => {
+			var _this$_getDocumentDat;
+			if (command.id !== InsertTextCommand.id) return;
+			const params = command.params;
+			const visibleParam = this._editorBridgeService.isVisible();
+			const editCellState = this._editorBridgeService.getEditLocation();
+			if (params.unitId !== DOCS_NORMAL_EDITOR_UNIT_ID_KEY || !visibleParam.visible || editCellState == null) return;
+			const dataStream = (_this$_getDocumentDat = this._getDocumentDataModel()) === null || _this$_getDocumentDat === void 0 || (_this$_getDocumentDat = _this$_getDocumentDat.getBody()) === null || _this$_getDocumentDat === void 0 ? void 0 : _this$_getDocumentDat.dataStream;
+			if (dataStream == null) return;
+			const percentOffset = getPercentOffset(editCellState, dataStream);
+			if (percentOffset != null && !this._editorBridgeService.getEditorDirty() && visibleParam.eventType === DeviceInputEventType.Keyboard && /^\d/.test(visibleParam.initialValue ?? "") && /^\d/.test(params.body.dataStream)) {
+				params.range = {
+					startOffset: 0,
+					endOffset: percentOffset,
+					collapsed: false
+				};
+				return;
+			}
+			if (percentOffset != null && params.body.dataStream === "%" && params.range.collapsed && params.range.startOffset === percentOffset && params.range.endOffset === percentOffset) params.range = {
+				...params.range,
+				endOffset: percentOffset + 1,
+				collapsed: false
+			};
+		}));
 		d.add(this._commandService.onCommandExecuted((command) => {
 			if (command.id === RichTextEditingMutation.id) {
 				const { unitId: commandUnitId } = command.params;
@@ -10992,12 +11041,13 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 		}));
 	}
 	_handleEditorVisible(param) {
-		var _this$_sheetCellEdito4, _this$_renderManagerS5;
+		var _this$_sheetCellEdito4, _documentDataModel$ge, _this$_renderManagerS5;
 		const { eventType, keycode } = param;
 		this._cursorChange = eventType === DeviceInputEventType.PointerDown || eventType === DeviceInputEventType.Dblclick ? 2 : 1;
 		const editCellState = this._editorBridgeService.getEditLocation();
 		if (editCellState == null) return;
 		const { unitId, isInArrayFormulaRange = false } = editCellState;
+		this._clearEditorHistory();
 		this._commandService.syncExecuteCommand(ScrollToRangeOperation.id, {
 			unitId,
 			range: {
@@ -11037,35 +11087,51 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 				subUnitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY
 			});
 		};
+		const replaceSelection = (selection) => {
+			this._textSelectionManagerService.replaceDocRanges([selection], {
+				unitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
+				subUnitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY
+			});
+		};
+		const percentSelection = getPercentEditorSelection(editCellState, param, (_documentDataModel$ge = documentDataModel.getBody()) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge.dataStream);
 		const cellImage = isCellImage(documentDataModel.getSnapshot());
 		this._submitEmptyCellImageEdit = cellImage && eventType === DeviceInputEventType.Keyboard && keycode === KeyCode.BACKSPACE;
 		if (cellImage) clearAndEdit();
 		else if (eventType === DeviceInputEventType.Keyboard && keycode === KeyCode.F2) {
-			var _documentDataModel$ge;
+			var _documentDataModel$ge2;
 			document.makeDirty();
 			this._textSelectionManagerService.replaceDocRanges([{
 				startOffset: 0,
 				endOffset: 0
 			}]);
-			const endOffset = (((_documentDataModel$ge = documentDataModel.getBody()) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge.dataStream.length) ?? 2) - 2;
-			this._textSelectionManagerService.replaceDocRanges([{
+			const endOffset = (((_documentDataModel$ge2 = documentDataModel.getBody()) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2.dataStream.length) ?? 2) - 2;
+			if (percentSelection) replaceSelection(percentSelection);
+			else this._textSelectionManagerService.replaceDocRanges([{
 				startOffset: endOffset,
 				endOffset
 			}], {
 				unitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY,
 				subUnitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY
 			});
-		} else if (eventType === DeviceInputEventType.Keyboard || eventType === DeviceInputEventType.Dblclick && isInArrayFormulaRange) clearAndEdit();
+		} else if (eventType === DeviceInputEventType.Keyboard || eventType === DeviceInputEventType.Dblclick && isInArrayFormulaRange) if (percentSelection) replaceSelection(percentSelection);
+		else clearAndEdit();
 		else if (eventType === DeviceInputEventType.Dblclick) {
 			if (this._contextService.getContextValue(FOCUSING_EDITOR_INPUT_FORMULA)) return;
 			const cursor = documentDataModel.getBody().dataStream.length - 2 || 0;
-			this._textSelectionManagerService.replaceDocRanges([{
+			if (percentSelection) replaceSelection(percentSelection);
+			else this._textSelectionManagerService.replaceDocRanges([{
 				startOffset: cursor,
 				endOffset: cursor
 			}]);
 		}
 		(_this$_renderManagerS5 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS5 === void 0 || _this$_renderManagerS5.scene.resetCursor();
 	}
+	_cacheEmptyCellTextStyle() {
+		var _this$_editorBridgeSe, _sourceBody$textRuns;
+		const sourceBody = (_this$_editorBridgeSe = this._editorBridgeService.getEditLocation()) === null || _this$_editorBridgeSe === void 0 || (_this$_editorBridgeSe = _this$_editorBridgeSe.documentLayoutObject.documentModel) === null || _this$_editorBridgeSe === void 0 ? void 0 : _this$_editorBridgeSe.getBody();
+		const textRun = (sourceBody === null || sourceBody === void 0 || (_sourceBody$textRuns = sourceBody.textRuns) === null || _sourceBody$textRuns === void 0 ? void 0 : _sourceBody$textRuns.length) === 1 ? sourceBody.textRuns[0] : null;
+		if ((sourceBody === null || sourceBody === void 0 ? void 0 : sourceBody.dataStream) === DEFAULT_EMPTY_DOCUMENT_VALUE && (textRun === null || textRun === void 0 ? void 0 : textRun.st) === 0 && textRun.ed === 0) this._commandService.syncExecuteCommand(SetDocInputStyleCommand.id, { style: Tools.deepClone(textRun.ts) });
+	}
 	_refreshCurrentSelections(sheetId) {
 		const selections = this._workbookSelections.getSelectionsOfWorksheet(sheetId);
 		if (selections) {
@@ -11189,8 +11255,13 @@ let EditingRenderController = class EditingRenderController extends Disposable {
 			var _this$_getEditorSkele;
 			(_this$_getEditorSkele = this._getEditorSkeleton(DOCS_NORMAL_EDITOR_UNIT_ID_KEY)) === null || _this$_getEditorSkele === void 0 || _this$_getEditorSkele.resetInitialWidth();
 		}
-		this._undoRedoService.clearUndoRedo(editorUnitId);
+		this._clearEditorHistory();
+	}
+	_clearEditorHistory() {
+		this._undoRedoService.clearUndoRedo(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 		this._undoRedoService.clearUndoRedo(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+		this._docStateChangeManagerService.clearHistory(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+		this._docStateChangeManagerService.clearHistory(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
 	}
 	_moveSelection(keycode, currentUnitId, worksheetId) {
 		if (keycode == null || !MOVE_SELECTION_KEYCODE_LIST.includes(keycode)) {
@@ -11294,7 +11365,8 @@ EditingRenderController = __decorate([
 	__decorateParam(12, Inject(SheetInterceptorService)),
 	__decorateParam(13, Inject(SheetCellEditorResizeService)),
 	__decorateParam(14, Inject(SheetsSelectionsService)),
-	__decorateParam(15, IConfigService)
+	__decorateParam(15, IConfigService),
+	__decorateParam(16, Inject(DocStateChangeManagerService))
 ], EditingRenderController);
 function getCellDataByInput(cellData, snapshot, lexerTreeBuilder, localeService, functionService, styles) {
 	var _styles$get;
@@ -23124,11 +23196,11 @@ function RenderSheetFooter() {
 	const showFooter = (config === null || config === void 0 ? void 0 : config.footer) ?? true;
 	const workbook = useRootWorkbenchWorkbook();
 	const activeWorkbookEmbeddedRender = useActiveWorkbookIsEmbeddedRender(workbook);
-	const focusedUnitType = useFocusedUnitType();
+	const rootUnitType = useWorkbenchRootUnitType();
 	const activeEmbedTab = useActiveSheetEmbedTabData(workbook);
 	if (!workbook || !showFooter) return null;
 	if (activeWorkbookEmbeddedRender) return null;
-	if (!activeEmbedTab && focusedUnitType != null && focusedUnitType !== UniverInstanceType.UNIVER_SHEET) return null;
+	if (rootUnitType !== UniverInstanceType.UNIVER_SHEET) return null;
 	const footerMenus = menuManagerService.getMenuByPositionKey(ContextMenuPosition.FOOTER_MENU);
 	const { sheetBar = true, statisticBar = true, menus = true, zoomSlider = true } = (config === null || config === void 0 ? void 0 : config.footer) || {};
 	const showStatisticBar = activeEmbedTab ? false : statisticBar;
@@ -23158,16 +23230,12 @@ function RenderSheetHeader() {
 	const workbook = useRootWorkbenchWorkbook();
 	const hasWorkbook = !!workbook;
 	const activeWorkbookEmbeddedRender = useActiveWorkbookIsEmbeddedRender(workbook);
-	const focusedUnitType = useFocusedUnitType();
+	const rootUnitType = useWorkbenchRootUnitType();
 	const activeEmbedTab = useActiveSheetEmbedTabData(workbook);
 	if (!hasWorkbook) return null;
 	if (activeWorkbookEmbeddedRender) return null;
 	if (activeEmbedTab) return null;
-	if (focusedUnitType != null && focusedUnitType !== UniverInstanceType.UNIVER_SHEET) return /* @__PURE__ */ jsx("div", {
-		"aria-hidden": true,
-		className: "univer-h-7 univer-border-b univer-border-gray-200 univer-bg-gray-0 dark:!univer-border-gray-700 dark:!univer-bg-gray-900",
-		"data-u-comp": "formula-bar-placeholder"
-	});
+	if (rootUnitType !== UniverInstanceType.UNIVER_SHEET) return null;
 	if ((config === null || config === void 0 ? void 0 : config.formulaBar) !== false) return /* @__PURE__ */ jsx(FormulaBar, {});
 	return null;
 }
@@ -23181,8 +23249,7 @@ function RenderSheetContent() {
 	const activeEmbedTab = useActiveSheetEmbedTabData(workbook);
 	const injector = useDependency(Injector);
 	const activeWorkbookEmbeddedRender = useActiveWorkbookIsEmbeddedRender(workbook);
-	const focusedUnitType = useFocusedUnitType();
-	const rootWorkbenchOwnsSheet = activeEmbedTab != null || focusedUnitType == null || focusedUnitType === UniverInstanceType.UNIVER_SHEET;
+	const rootWorkbenchOwnsSheet = useWorkbenchRootUnitType() === UniverInstanceType.UNIVER_SHEET;
 	const ShapeTextEditorContainer = componentManager.get("SheetShapeTextEditorContainer") ?? componentManager.get("ShapeTextEditorContainer");
 	useEffect(() => {
 		var _tryGetSheetEmbedRunt;
@@ -23279,15 +23346,8 @@ function useRootWorkbenchWorkbook() {
 		useObservable(() => (runtimeFocusCoordinator === null || runtimeFocusCoordinator === void 0 ? void 0 : runtimeFocusCoordinator.runtimeSessionChanged$) ?? EMPTY, null, false, [runtimeFocusCoordinator])
 	]);
 }
-function useFocusedUnitType() {
-	const univerInstanceService = useDependency(IUniverInstanceService);
-	const focusedUnitId = useObservable(() => univerInstanceService.focused$, null, false, [univerInstanceService]);
-	return useMemo(() => {
-		if (!focusedUnitId) return null;
-		if (isInternalEditorID(focusedUnitId) && univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET)) return UniverInstanceType.UNIVER_SHEET;
-		const focusedUnit = univerInstanceService.getUnit(focusedUnitId);
-		return (focusedUnit === null || focusedUnit === void 0 ? void 0 : focusedUnit.type) ?? null;
-	}, [focusedUnitId, univerInstanceService]);
+function useWorkbenchRootUnitType() {
+	return useObservable(useDependency(IWorkbenchService).rootUnitType$, null, true);
 }
 function useActiveSheetEmbedTabData(workbook) {
 	const worksheet = useActiveWorksheet(workbook);
@@ -23912,7 +23972,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "1.0.0-beta.1";
+var version = "1.0.0-beta.2";
 
 //#endregion
 //#region src/views/cell-popup/config.ts
@@ -24133,6 +24193,7 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends Di
 		const canvasElement = currentRender.engine.getCanvasElement();
 		const scaleAdjust = canvasElement.getBoundingClientRect().width / pxToNum(canvasElement.style.width);
 		const { scaleX, scaleY } = currentRender.scene.getAncestorScale();
+		const viewMain = currentRender.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
 		const id = this._globalPopupManagerService.addPopup({
 			...popup,
 			unitId,
@@ -24142,8 +24203,8 @@ let SheetCanvasPopManagerService = class SheetCanvasPopManagerService extends Di
 			anchorRect$: position$,
 			canvasElement,
 			boundaryInsets: popup.constrainToCanvas ? {
-				left: skeleton.rowHeaderWidth * scaleAdjust * scaleX,
-				top: skeleton.columnHeaderHeight * scaleAdjust * scaleY
+				left: ((viewMain === null || viewMain === void 0 ? void 0 : viewMain.left) ?? skeleton.rowHeaderWidth * scaleX) * scaleAdjust,
+				top: ((viewMain === null || viewMain === void 0 ? void 0 : viewMain.top) ?? skeleton.columnHeaderHeight * scaleY) * scaleAdjust
 			} : popup.boundaryInsets
 		});
 		const disposableCollection = new DisposableCollection();
@@ -27866,10 +27927,11 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 		if (unitId === DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) this._formulaEditorController.autoScroll();
 	}
 	_checkAndSetRenderStyleConfig(documentDataModel) {
-		var _snapshot$body;
+		var _snapshot$documentSty, _snapshot$body;
 		const snapshot = documentDataModel.getSnapshot();
 		if (snapshot.id !== DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY && snapshot.id !== DOCS_NORMAL_EDITOR_UNIT_ID_KEY) return;
 		const isFormulaBar = snapshot.id === DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY;
+		const previousPageWidth = (_snapshot$documentSty = snapshot.documentStyle) === null || _snapshot$documentSty === void 0 || (_snapshot$documentSty = _snapshot$documentSty.pageSize) === null || _snapshot$documentSty === void 0 ? void 0 : _snapshot$documentSty.width;
 		if (isFormulaBar) snapshot.documentStyle = {
 			...formulaEditorStyle,
 			textStyle: { cl: { rgb: this._themeService.getColorFromTheme("gray.900") } }
@@ -27882,8 +27944,8 @@ let EditorDataSyncController = class EditorDataSyncController extends Disposable
 		}
 		const position = isFormulaBar ? this._formulaEditorManagerService.getPosition() : null;
 		if (isFormulaBar && position) {
-			const width = position.width;
-			snapshot.documentStyle.pageSize = {
+			const width = position.width > 0 ? position.width : previousPageWidth;
+			if (width != null && width > 0) snapshot.documentStyle.pageSize = {
 				width,
 				height: Infinity
 			};
@@ -29246,35 +29308,37 @@ FormatPainterRenderController = __decorate([
 //#region src/controllers/render-controllers/header-menu.render-controller.ts
 const HEADER_MENU_CONTROLLER_SHAPE = "__SpreadsheetHeaderMenuSHAPEControllerShape__";
 const HEADER_MENU_CONTROLLER_MENU = "__SpreadsheetHeaderMenuMAINControllerShape__";
-const HEADER_MENU_CONTROLLER_SHAPE_COLOR = "gray.100";
+const HEADER_MENU_CONTROLLER_SHAPE_ALPHA = .1;
 let HeaderMenuRenderController = class HeaderMenuRenderController extends Disposable {
-	constructor(_context, _sheetSkeletonManagerService, _contextMenuService, _commandService, _selectionManagerService) {
+	constructor(_context, _sheetSkeletonManagerService, _contextMenuService, _commandService, _selectionManagerService, _themeService) {
 		super();
 		this._context = _context;
 		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
 		this._contextMenuService = _contextMenuService;
 		this._commandService = _commandService;
 		this._selectionManagerService = _selectionManagerService;
+		this._themeService = _themeService;
 		_defineProperty(this, "_hoverRect", void 0);
 		_defineProperty(this, "_hoverMenu", void 0);
 		_defineProperty(this, "_currentColumn", Number.POSITIVE_INFINITY);
-		_defineProperty(this, "_headerPointerSubs", void 0);
-		_defineProperty(this, "_colHeaderPointerSubs", void 0);
+		_defineProperty(this, "_headerPointerSubs", new Subscription());
 		this._initialize();
 	}
 	dispose() {
-		var _this$_hoverRect, _this$_hoverMenu, _this$_headerPointerS;
+		var _this$_hoverRect, _this$_hoverMenu;
+		super.dispose();
 		(_this$_hoverRect = this._hoverRect) === null || _this$_hoverRect === void 0 || _this$_hoverRect.dispose();
 		(_this$_hoverMenu = this._hoverMenu) === null || _this$_hoverMenu === void 0 || _this$_hoverMenu.dispose();
-		(_this$_headerPointerS = this._headerPointerSubs) === null || _this$_headerPointerS === void 0 || _this$_headerPointerS.unsubscribe();
-		this._headerPointerSubs = null;
+		this._headerPointerSubs.unsubscribe();
 	}
 	_initialize() {
 		const scene = this._context.scene;
-		this._hoverRect = new Rect(HEADER_MENU_CONTROLLER_SHAPE, {
-			fill: HEADER_MENU_CONTROLLER_SHAPE_COLOR,
-			evented: false
-		});
+		this._hoverRect = new Rect(HEADER_MENU_CONTROLLER_SHAPE, { evented: false });
+		this.disposeWithMe(this._themeService.currentTheme$.subscribe(() => {
+			var _this$_hoverRect2;
+			const color = this._themeService.getColorFromTheme("gray.900");
+			(_this$_hoverRect2 = this._hoverRect) === null || _this$_hoverRect2 === void 0 || _this$_hoverRect2.setProps({ fill: new ColorKit(color).setAlpha(HEADER_MENU_CONTROLLER_SHAPE_ALPHA).toRgbString() });
+		}));
 		this._hoverMenu = new HeaderMenuShape(HEADER_MENU_CONTROLLER_MENU, {
 			zIndex: 100,
 			visible: false
@@ -29285,7 +29349,6 @@ let HeaderMenuRenderController = class HeaderMenuRenderController extends Dispos
 		this._initialHoverMenu();
 	}
 	_initialHover(initialType = 0) {
-		var _this$_headerPointerS2, _this$_headerPointerS3, _this$_headerPointerS4;
 		const spreadsheetColumnHeader = this._context.components.get("__SpreadsheetColumnHeader__");
 		const spreadsheetRowHeader = this._context.components.get("__SpreadsheetRowHeader__");
 		const eventBindingObject = initialType === 0 ? spreadsheetRowHeader : spreadsheetColumnHeader;
@@ -29296,17 +29359,17 @@ let HeaderMenuRenderController = class HeaderMenuRenderController extends Dispos
 			const { rowBaseWidth, rowGutterWidth, columnBaseHeight, columnGutterHeight } = getHeaderBaseLayout(skeleton);
 			const { startX, startY, endX, endY, column } = getCoordByOffset(evt.offsetX, evt.offsetY, this._context.scene, skeleton);
 			if (initialType === 0) {
-				var _this$_hoverRect2;
-				(_this$_hoverRect2 = this._hoverRect) === null || _this$_hoverRect2 === void 0 || _this$_hoverRect2.transformByState({
+				var _this$_hoverRect3;
+				(_this$_hoverRect3 = this._hoverRect) === null || _this$_hoverRect3 === void 0 || _this$_hoverRect3.transformByState({
 					width: rowBaseWidth,
 					height: endY - startY,
 					left: rowGutterWidth,
 					top: startY
 				});
 			} else {
-				var _this$_hoverRect3;
+				var _this$_hoverRect4;
 				this._currentColumn = column;
-				(_this$_hoverRect3 = this._hoverRect) === null || _this$_hoverRect3 === void 0 || _this$_hoverRect3.transformByState({
+				(_this$_hoverRect4 = this._hoverRect) === null || _this$_hoverRect4 === void 0 || _this$_hoverRect4.transformByState({
 					width: endX - startX,
 					height: columnBaseHeight,
 					left: startX,
@@ -29327,21 +29390,20 @@ let HeaderMenuRenderController = class HeaderMenuRenderController extends Dispos
 			}
 		};
 		const pointerEnterHandler = () => {
-			var _this$_hoverRect4;
-			(_this$_hoverRect4 = this._hoverRect) === null || _this$_hoverRect4 === void 0 || _this$_hoverRect4.show();
+			var _this$_hoverRect5;
+			(_this$_hoverRect5 = this._hoverRect) === null || _this$_hoverRect5 === void 0 || _this$_hoverRect5.show();
 		};
 		const pointerLeaveHandler = () => {
-			var _this$_hoverRect5, _this$_hoverMenu2;
-			(_this$_hoverRect5 = this._hoverRect) === null || _this$_hoverRect5 === void 0 || _this$_hoverRect5.hide();
+			var _this$_hoverRect6, _this$_hoverMenu2;
+			(_this$_hoverRect6 = this._hoverRect) === null || _this$_hoverRect6 === void 0 || _this$_hoverRect6.hide();
 			(_this$_hoverMenu2 = this._hoverMenu) === null || _this$_hoverMenu2 === void 0 || _this$_hoverMenu2.hide();
 		};
-		this._headerPointerSubs = new Subscription();
 		const headerPointerMoveSub = eventBindingObject.onPointerMove$.subscribeEvent(pointerMoveHandler);
 		const headerPointerEnterSub = eventBindingObject.onPointerEnter$.subscribeEvent(pointerEnterHandler);
 		const headerPointerLeaveSub = eventBindingObject.onPointerLeave$.subscribeEvent(pointerLeaveHandler);
-		(_this$_headerPointerS2 = this._headerPointerSubs) === null || _this$_headerPointerS2 === void 0 || _this$_headerPointerS2.add(headerPointerMoveSub);
-		(_this$_headerPointerS3 = this._headerPointerSubs) === null || _this$_headerPointerS3 === void 0 || _this$_headerPointerS3.add(headerPointerEnterSub);
-		(_this$_headerPointerS4 = this._headerPointerSubs) === null || _this$_headerPointerS4 === void 0 || _this$_headerPointerS4.add(headerPointerLeaveSub);
+		this._headerPointerSubs.add(headerPointerMoveSub);
+		this._headerPointerSubs.add(headerPointerEnterSub);
+		this._headerPointerSubs.add(headerPointerLeaveSub);
 	}
 	_initialHoverMenu() {
 		if (this._hoverMenu == null) return;
@@ -29412,7 +29474,8 @@ HeaderMenuRenderController = __decorate([
 	__decorateParam(1, Inject(SheetSkeletonManagerService)),
 	__decorateParam(2, IContextMenuService),
 	__decorateParam(3, ICommandService),
-	__decorateParam(4, Inject(SheetsSelectionsService))
+	__decorateParam(4, Inject(SheetsSelectionsService)),
+	__decorateParam(5, Inject(ThemeService))
 ], HeaderMenuRenderController);
 function getHeaderBaseLayout(skeleton) {
 	var _skeleton$worksheet$g, _skeleton$worksheet, _config$rowHeader, _config$columnHeader;
@@ -31793,6 +31856,7 @@ let SheetContextMenuRenderController = class SheetContextMenuRenderController ex
 		this._selectionRenderService = _selectionRenderService;
 		this._injector = _injector;
 		this._init();
+		this._initEmbedRuntimeSessionListener();
 	}
 	_init() {
 		var _this$_context;
@@ -31840,6 +31904,13 @@ let SheetContextMenuRenderController = class SheetContextMenuRenderController ex
 		});
 		this.disposeWithMe(colHeaderObserver);
 	}
+	_initEmbedRuntimeSessionListener() {
+		const runtimeFocusCoordinator = this._getSheetEmbedRuntimeFocusCoordinator();
+		if (!runtimeFocusCoordinator) return;
+		this.disposeWithMe(runtimeFocusCoordinator.runtimeSessionChanged$.subscribe(() => {
+			if (shouldHideSheetHostContextMenuForEmbedSession(this._context.unitId, runtimeFocusCoordinator.resolveActiveChildSessionRuntimeScope())) this._contextMenuService.hideContextMenu();
+		}));
+	}
 	_shouldSuppressHostContextMenu() {
 		var _this$_getSheetHostCh, _this$_getSheetHostCh2;
 		return shouldSuppressSheetContextMenuForEmbedOverride(this._context.unitId, (_this$_getSheetHostCh = this._getSheetHostChromeOverrideService()) === null || _this$_getSheetHostCh === void 0 || (_this$_getSheetHostCh2 = _this$_getSheetHostCh.getOverride) === null || _this$_getSheetHostCh2 === void 0 ? void 0 : _this$_getSheetHostCh2.call(_this$_getSheetHostCh));
@@ -31847,6 +31918,9 @@ let SheetContextMenuRenderController = class SheetContextMenuRenderController ex
 	_getSheetHostChromeOverrideService() {
 		return this._injector.has(ISheetHostChromeOverrideService) ? this._injector.get(ISheetHostChromeOverrideService) : void 0;
 	}
+	_getSheetEmbedRuntimeFocusCoordinator() {
+		return this._injector.has(ISheetEmbedRuntimeFocusCoordinator) ? this._injector.get(ISheetEmbedRuntimeFocusCoordinator) : void 0;
+	}
 };
 SheetContextMenuRenderController = __decorate([
 	__decorateParam(1, IContextMenuService),
@@ -31854,6 +31928,9 @@ SheetContextMenuRenderController = __decorate([
 	__decorateParam(3, ISheetSelectionRenderService),
 	__decorateParam(4, Inject(Injector))
 ], SheetContextMenuRenderController);
+function shouldHideSheetHostContextMenuForEmbedSession(hostUnitId, activeScope) {
+	return (activeScope === null || activeScope === void 0 ? void 0 : activeScope.hostUnitId) === hostUnitId && activeScope.sessionMode !== "host-passive";
+}
 function shouldSuppressSheetContextMenuForEmbedOverride(hostUnitId, override) {
 	return override != null && override.hostUnitId === hostUnitId && override.entry === "sheets-sheet-tab";
 }

package/lib/locale/ca-ES.js

@@ -295,8 +295,8 @@ const locale = { "sheets-ui": {
 			allowedPermissionType: "Tipus de permisos permesos",
 			alert: "Alerta",
 			search: "Cercar",
-			ownerInherit: "Propietario del documento, herencia de permisos habilitada",
-			ownerWithoutInherit: "Propietario del documento, herencia de permisos no habilitada",
+			ownerInherit: "Propietari del document, herència de permisos activada",
+			ownerWithoutInherit: "Propietari del document, herència de permisos desactivada",
 			alertContent: "Aquest interval està protegit i actualment no hi ha permisos d'edició disponibles. Si necessiteu editar, contacteu amb el creador.",
 			userEmpty: "cap persona designada, compartiu l'enllaç per convidar persones específiques.",
 			listEmpty: "No heu configurat cap interval o full com a protegit.",

package/lib/locale/sk-SK.js

@@ -295,8 +295,8 @@ const locale = { "sheets-ui": {
 			allowedPermissionType: "Povolené typy oprávnení",
 			alert: "Upozornenie",
 			search: "Hľadať",
-			ownerInherit: "Vlastník dokumentu, dědičnost oprávnění povolena",
-			ownerWithoutInherit: "Vlastník dokumentu, dědičnost oprávnění není povolena",
+			ownerInherit: "Vlastník dokumentu, dedenie oprávnení je povolené",
+			ownerWithoutInherit: "Vlastník dokumentu, dedenie oprávnení nie je povolené",
 			alertContent: "Tento rozsah je chránený a momentálne nemáte povolenie na úpravy. Ak potrebujete upravovať, kontaktujte autora.",
 			userEmpty: "žiadna určená osoba, zdieľajte odkaz na pozvanie konkrétnych ľudí.",
 			listEmpty: "Nenastavili ste žiadne rozsahy ani hárky ako chránené.",

package/lib/types/controllers/editor/editing.render-controller.d.ts

@@ -15,7 +15,7 @@
  */
 import type { DocumentDataModel, ICellData, IDocumentBody, IDocumentData, IStyleData, Nullable, Styles } from '@univerjs/core';
 import { Disposable, ICommandService, IConfigService, IContextService, IUndoRedoService, IUniverInstanceService, LocaleService } from '@univerjs/core';
-import { DocSelectionManagerService } from '@univerjs/docs';
+import { DocSelectionManagerService, DocStateChangeManagerService } from '@univerjs/docs';
 import { IEditorService } from '@univerjs/docs-ui';
 import { IFunctionService, LexerTreeBuilder } from '@univerjs/engine-formula';
 import { IRenderManagerService } from '@univerjs/engine-render';
@@ -40,6 +40,7 @@ export declare class EditingRenderController extends Disposable {
     private readonly _sheetCellEditorResizeService;
     private readonly _selectionManagerService;
     private readonly _configService;
+    private readonly _docStateChangeManagerService;
     /**
      * It is used to distinguish whether the user has actively moved the cursor in the editor, mainly through mouse clicks.
      */
@@ -48,7 +49,7 @@ export declare class EditingRenderController extends Disposable {
     private _editingUnit;
     private _submitEmptyCellImageEdit;
     _cursorTimeout: NodeJS.Timeout;
-    constructor(_undoRedoService: IUndoRedoService, _contextService: IContextService, _renderManagerService: IRenderManagerService, _editorBridgeService: IEditorBridgeService, _cellEditorManagerService: ICellEditorManagerService, _lexerTreeBuilder: LexerTreeBuilder, _functionService: IFunctionService, _textSelectionManagerService: DocSelectionManagerService, _commandService: ICommandService, _localService: LocaleService, _editorService: IEditorService, _univerInstanceService: IUniverInstanceService, _sheetInterceptorService: SheetInterceptorService, _sheetCellEditorResizeService: SheetCellEditorResizeService, _selectionManagerService: SheetsSelectionsService, _configService: IConfigService);
+    constructor(_undoRedoService: IUndoRedoService, _contextService: IContextService, _renderManagerService: IRenderManagerService, _editorBridgeService: IEditorBridgeService, _cellEditorManagerService: ICellEditorManagerService, _lexerTreeBuilder: LexerTreeBuilder, _functionService: IFunctionService, _textSelectionManagerService: DocSelectionManagerService, _commandService: ICommandService, _localService: LocaleService, _editorService: IEditorService, _univerInstanceService: IUniverInstanceService, _sheetInterceptorService: SheetInterceptorService, _sheetCellEditorResizeService: SheetCellEditorResizeService, _selectionManagerService: SheetsSelectionsService, _configService: IConfigService, _docStateChangeManagerService: DocStateChangeManagerService);
     dispose(): void;
     private get _workbookSelections();
     private _init;
@@ -66,6 +67,7 @@ export declare class EditingRenderController extends Disposable {
      */
     private _commandExecutedListener;
     private _handleEditorVisible;
+    private _cacheEmptyCellTextStyle;
     private _refreshCurrentSelections;
     private _handleEditorInvisible;
     private _getEditorObject;
@@ -73,6 +75,7 @@ export declare class EditingRenderController extends Disposable {
     private _submitEdit;
     private _removeComposedCellStyleInCellData;
     private _exitInput;
+    private _clearEditorHistory;
     private _moveSelection;
     /**
      * The user's operations follow the sequence of opening the editor and then moving the cursor.

package/lib/types/controllers/render-controllers/contextmenu.render-controller.d.ts

@@ -15,6 +15,7 @@
  */
 import type { Workbook } from '@univerjs/core';
 import type { IRenderContext, IRenderModule } from '@univerjs/engine-render';
+import type { ISheetEmbedRuntimeDomScope } from '../../services/sheet-embed-integration.service';
 import type { ISheetHostChromeOverride } from '../../services/sheet-host-chrome-override.service';
 import { Disposable, Injector } from '@univerjs/core';
 import { SheetsSelectionsService } from '@univerjs/sheets';
@@ -32,7 +33,10 @@ export declare class SheetContextMenuRenderController extends Disposable impleme
     private readonly _injector;
     constructor(_context: IRenderContext<Workbook>, _contextMenuService: IContextMenuService, _selectionManagerService: SheetsSelectionsService, _selectionRenderService: ISheetSelectionRenderService, _injector: Injector);
     private _init;
+    private _initEmbedRuntimeSessionListener;
     private _shouldSuppressHostContextMenu;
     private _getSheetHostChromeOverrideService;
+    private _getSheetEmbedRuntimeFocusCoordinator;
 }
+export declare function shouldHideSheetHostContextMenuForEmbedSession(hostUnitId: string, activeScope: ISheetEmbedRuntimeDomScope | undefined): boolean;
 export declare function shouldSuppressSheetContextMenuForEmbedOverride(hostUnitId: string, override: Pick<ISheetHostChromeOverride, 'entry' | 'hostUnitId'> | null | undefined): boolean;