@univerjs/sheets-ui 0.5.5-experimental.20250123-34738ff → 0.5.5-experimental.20250125-1aa33c0

package/lib/es/index.js

@@ -3,12 +3,12 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
 import { DOCS_VIEW_KEY, getCanvasOffsetByEngine, IEditorService, VIEWPORT_KEY, DOCS_COMPONENT_MAIN_LAYER_INDEX, BreakLineCommand, DeleteLeftCommand, DocSelectionRenderService, ReplaceSnapshotCommand, MoveSelectionOperation, MoveCursorOperation, SetInlineFormatBoldCommand, SetInlineFormatItalicCommand, SetInlineFormatUnderlineCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatFontSizeCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatTextColorCommand, SetInlineFormatCommand, NodePositionConvertToCursor, getLineBounding, DOC_VERTICAL_PADDING, IMEInputCommand, InsertCommand, CoverContentCommand, IRangeSelectorService } from "@univerjs/docs-ui";
-import { createInterceptorKey, ColorKit, RANGE_TYPE, convertCellToRange, UniverInstanceType, Quantity, Disposable, toDisposable, Tools, createIdentifier, InterceptorManager, ThemeService, Inject, Injector, useDependency, IUniverInstanceService, ObjectMatrix, Direction, isFormulaString, isFormulaId, CellValueType, numfmt, Rectangle, ICommandService, IUndoRedoService, CommandType, sequenceExecute, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, EDITOR_ACTIVATED, FOCUSING_EDITOR_STANDALONE, IContextService, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, Workbook, Optional, FOCUSING_SHEET, RxDisposable, DisposableCollection, IPermissionService, fromEventSubject, sortRules, LocaleService, getReverseDirection, VerticalAlign, HorizontalAlign, WrapStrategy, FOCUSING_UNIVER_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_FX_BAR_EDITOR, FOCUSING_EDITOR_INPUT_FORMULA, LocaleType, FOCUSING_EDITOR_BUT_HIDDEN, DEFAULT_EMPTY_DOCUMENT_VALUE, LRUMap, BaselineOffset, BooleanNumber, DataStreamTreeTokenType, skipParseTagNames, generateRandomId, CustomRangeType, DEFAULT_WORKSHEET_ROW_HEIGHT, ErrorService, CellModeEnum, ILogService, isNotNullOrUndefined, extractPureTextFromCell, UserManagerService, FontWeight, FontItalic, DEFAULT_STYLES, Dimension, BorderStyleTypes, AbsoluteRefType, useObservable as useObservable$1, IConfigService, nameCharacterCheck, debounce, NilCommand, connectInjector, UndoCommandId, Range, cellToRange, convertBodyToHtml, handleStyleToString, DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY, DEFAULT_WORKSHEET_COLUMN_WIDTH, PresetListType, isRealNum, InterceptorEffectEnum, splitIntoGrid, IAuthzIoService, isValidRange, DependentOn, Plugin, DocumentFlavor, merge as merge$1, registerDependencies, mergeOverrideWithDependencies, touchDependencies } from "@univerjs/core";
+import { CommandType, createInterceptorKey, ColorKit, RANGE_TYPE, convertCellToRange, UniverInstanceType, Quantity, Disposable, toDisposable, Tools, createIdentifier, InterceptorManager, ThemeService, Inject, Injector, useDependency, IUniverInstanceService, ObjectMatrix, Direction, isFormulaString, isFormulaId, CellValueType, numfmt, Rectangle, ICommandService, IUndoRedoService, sequenceExecute, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, EDITOR_ACTIVATED, FOCUSING_EDITOR_STANDALONE, IContextService, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, Workbook, Optional, FOCUSING_SHEET, RxDisposable, DisposableCollection, IPermissionService, fromEventSubject, sortRules, LocaleService, getReverseDirection, VerticalAlign, HorizontalAlign, WrapStrategy, FOCUSING_UNIVER_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_FX_BAR_EDITOR, FOCUSING_EDITOR_INPUT_FORMULA, LocaleType, FOCUSING_EDITOR_BUT_HIDDEN, DEFAULT_EMPTY_DOCUMENT_VALUE, LRUMap, BaselineOffset, BooleanNumber, DataStreamTreeTokenType, skipParseTagNames, generateRandomId, CustomRangeType, DEFAULT_WORKSHEET_ROW_HEIGHT, ErrorService, CellModeEnum, ILogService, isNotNullOrUndefined, extractPureTextFromCell, UserManagerService, FontWeight, FontItalic, DEFAULT_STYLES, Dimension, BorderStyleTypes, AbsoluteRefType, useObservable as useObservable$1, IConfigService, nameCharacterCheck, debounce, NilCommand, connectInjector, UndoCommandId, Range, cellToRange, convertBodyToHtml, handleStyleToString, DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY, DEFAULT_WORKSHEET_COLUMN_WIDTH, PresetListType, isRealNum, InterceptorEffectEnum, splitIntoGrid, IAuthzIoService, isValidRange, DependentOn, Plugin, DocumentFlavor, merge as merge$1, registerDependencies, mergeOverrideWithDependencies, touchDependencies } from "@univerjs/core";
 import { IRenderManagerService, SHEET_VIEWPORT_KEY, CURSOR_TYPE, Vector2, Rect, ScrollTimer, ScrollTimerType, DashedRect, Group, TRANSFORM_CHANGE_OBSERVABLE_TYPE, cancelRequestFrame, requestNewFrame, FIX_ONE_PIXEL_BLUR_OFFSET, Layer, SpreadsheetSkeleton, DeviceInputEventType, convertTextRotation, RENDER_RAW_FORMULA_KEY, Spreadsheet, RENDER_CLASS_TYPE, ScrollBar, fixLineWidthByScale, ptToPixel, Shape, SHEET_EXTENSION_PREFIX, SpreadsheetRowHeader, SpreadsheetColumnHeader, Viewport, hasCJKText, DEFAULT_PADDING_DATA, SheetExtension, RegularPolygon, precisionTo } from "@univerjs/engine-render";
 import { useObservable, KeyCode, ILayoutService, MetaKeys, DEFAULT_BACKGROUND_COLOR_RGB, DEFAULT_BACKGROUND_COLOR_RGBA, handleStringToStyle, textTrim, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, HTML_CLIPBOARD_MIME_TYPE, imageMimeTypeSet, IClipboardInterfaceService, INotificationService, IPlatformService, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, CopyCommand, CutCommand, PasteCommand, SheetPasteShortKeyCommandName, IConfirmService, IContextMenuService, MenuItemType, getMenuHiddenObservable, FONT_FAMILY_LIST, FONT_SIZE_LIST, ISidebarService, IDialogService, ComponentManager, useSidebarClick, DISABLE_AUTO_FOCUS_KEY, useEvent, useComponentsOfPart, ComponentContainer, UI_PLUGIN_CONFIG_KEY, UIMenu, ContextMenuPosition, IMessageService, IMenuManagerService, ToolbarItem, RibbonStartGroup, ContextMenuGroup, FontFamily, FontFamilyItem, FontSize, BuiltInUIPart, IShortcutService, IUIPartsService, ICanvasPopupService, IZenZoneService, UniverMobileUIPlugin } from "@univerjs/ui";
 import React, { useMemo, useState, useEffect, forwardRef, useRef, createElement, useCallback, useLayoutEffect } from "react";
 import { BehaviorSubject, Subject, of, merge, map, startWith, switchMap, takeUntil, distinctUntilChanged, throttleTime, filter, combineLatest, debounceTime, Observable, combineLatestWith, Subscription, withLatestFrom, EMPTY } from "rxjs";
-import { SELECTION_CONTROL_BORDER_BUFFER_WIDTH, SELECTION_CONTROL_BORDER_BUFFER_COLOR, SELECTIONS_ENABLED, REF_SELECTIONS_ENABLED, SheetsSelectionsService, SheetInterceptorService, SetWorksheetRowAutoHeightMutationFactory, SetWorksheetRowAutoHeightMutation, SetRangeValuesCommand, SetWorksheetRowIsAutoHeightCommand, SetStyleCommand, MoveRangeCommand, ReorderRangeCommand, SetSelectionsOperation, SetRangeValuesMutation, getSheetCommandTarget, generateNullCellValue, SetRangeValuesUndoMutationFactory, BEFORE_CELL_EDIT, IRefSelectionsService, SetWorksheetActiveOperation, MoveRangeMutation, RemoveRowMutation, RemoveColMutation, InsertRowMutation, InsertColMutation, MoveRowsMutation, MoveColsMutation, SetWorksheetColWidthMutation, SetWorksheetRowHeightMutation, RemoveSheetMutation, RemoveMergeUndoMutationFactory, RemoveWorksheetMergeMutation, AddWorksheetMergeMutation, getAddMergeMutationRangeByType, AddMergeUndoMutationFactory, WorkbookEditablePermission, WorksheetEditPermission, UnitAction, alignToMergedCellsBorders, getSelectionsService, getCellAtRowCol, SelectionMoveType, expandToContinuousRange, ScrollToCellOperation, COMMAND_LISTENER_SKELETON_CHANGE, SetWorksheetActivateCommand, getPrimaryForRange, SetRowHiddenCommand, SetColHiddenCommand, SetBoldCommand, SetItalicCommand, SetUnderlineCommand, SetStrikeThroughCommand, SetFontSizeCommand, SetFontFamilyCommand, SetTextColorCommand, SetFrozenMutationFactory, SetFrozenMutation, IExclusiveRangeService, RangeProtectionRuleModel, WorksheetProtectionRuleModel, RangeProtectionPermissionEditPoint, WorksheetCopyPermission, WorksheetSetCellStylePermission, ResetBackgroundColorCommand, SetBackgroundColorCommand, SetHorizontalTextAlignCommand, SetVerticalTextAlignCommand, SetTextWrapCommand, SetTextRotationCommand, WorkbookCopyPermission, RangeProtectionPermissionViewPoint, WorksheetSetCellValuePermission, WorksheetSetColumnStylePermission, WorksheetSetRowStylePermission, CancelFrozenCommand, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectedRowsVisibleCommand, SetColHiddenMutation, SetColVisibleMutation, SetSelectedColsVisibleCommand, SetRowHeightCommand, SetWorksheetRowIsAutoHeightMutation, SetColWidthCommand, SetFrozenCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, InsertRowCommand, InsertColCommand, MoveColsCommand, MoveRowsCommand, RemoveColCommand, RemoveRowCommand, MergeCellController, MERGE_CELL_INTERCEPTOR_CHECK, DeltaRowHeightCommand, DeltaColumnWidthCommand, COMMAND_LISTENER_VALUE_CHANGE, AddMergeRedoSelectionsOperationFactory, AddMergeUndoSelectionsOperationFactory, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, UnitObject, ViewStateEnum, EditStateEnum, DeleteWorksheetProtectionCommand, DeleteRangeProtectionMutation, AddRangeProtectionMutation, RemoveSheetCommand, AddWorksheetProtectionCommand, BorderStyleManagerService, SCOPE_WORKBOOK_VALUE_DEFINED_NAME, InsertDefinedNameCommand, SetDefinedNameCommand, RemoveDefinedNameCommand, SetWorksheetShowCommand, SetWorksheetOrderMutation, InsertSheetMutation, SetWorksheetNameMutation, SetWorksheetHideMutation, SetWorksheetNameCommand, SetWorksheetOrderCommand, WorkbookManageCollaboratorPermission, WorkbookRenameSheetPermission, SetTabColorMutation, WorkbookCreateSheetPermission, InsertSheetCommand, SetBorderBasicCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, ClearSelectionAllCommand, WorksheetDeleteColumnPermission, WorksheetDeleteRowPermission, ToggleGridlinesCommand, ToggleGridlinesMutation, WorksheetInsertColumnPermission, WorksheetInsertRowPermission, InsertRowBeforeCommand, InsertRowAfterCommand, InsertColBeforeCommand, InsertColAfterCommand, RemoveWorksheetMergeCommand, WorksheetManageCollaboratorPermission, RangeProtectionCache, WorkbookCreateProtectPermission, WorksheetDeleteProtectionPermission, CopySheetCommand, SetTabColorCommand, SetWorksheetHideCommand, WorkbookDeleteSheetPermission, WorkbookHideSheetPermission, ResetTextColorCommand, AddWorksheetMergeCommand as AddWorksheetMergeCommand$1, AddWorksheetMergeAllCommand as AddWorksheetMergeAllCommand$1, AddWorksheetMergeVerticalCommand as AddWorksheetMergeVerticalCommand$1, AddWorksheetMergeHorizontalCommand as AddWorksheetMergeHorizontalCommand$1, RefRangeService, MAX_CELL_PER_SHEET_KEY, INTERCEPTOR_POINT, SheetPermissionCheckController, INumfmtService, WorksheetViewPermission, SetProtectionCommand, AddRangeProtectionCommand, setEndForRange, baseProtectionActions, DeleteRangeProtectionCommand, WorksheetProtectionPointModel, SetWorksheetPermissionPointsCommand, getAllWorksheetPermissionPoint, convertSelectionDataToRange, UniverSheetsPlugin, RefSelectionsService, ToggleCellCheckboxCommand, SetSpecificRowsVisibleCommand, SetSpecificColsVisibleCommand } from "@univerjs/sheets";
+import { SELECTION_CONTROL_BORDER_BUFFER_WIDTH, SELECTION_CONTROL_BORDER_BUFFER_COLOR, SELECTIONS_ENABLED, REF_SELECTIONS_ENABLED, SheetsSelectionsService, SheetInterceptorService, SetWorksheetRowAutoHeightMutationFactory, SetWorksheetRowAutoHeightMutation, SetRangeValuesCommand, SetWorksheetRowIsAutoHeightCommand, SetStyleCommand, MoveRangeCommand, ReorderRangeCommand, SetSelectionsOperation, SetRangeValuesMutation, getSheetCommandTarget, generateNullCellValue, SetRangeValuesUndoMutationFactory, BEFORE_CELL_EDIT, IRefSelectionsService, SetWorksheetActiveOperation, MoveRangeMutation, RemoveRowMutation, RemoveColMutation, InsertRowMutation, InsertColMutation, MoveRowsMutation, MoveColsMutation, SetWorksheetColWidthMutation, SetWorksheetRowHeightMutation, RemoveSheetMutation, RemoveMergeUndoMutationFactory, RemoveWorksheetMergeMutation, AddWorksheetMergeMutation, getAddMergeMutationRangeByType, AddMergeUndoMutationFactory, WorkbookEditablePermission, WorksheetEditPermission, UnitAction, alignToMergedCellsBorders, getSelectionsService, getCellAtRowCol, SelectionMoveType, expandToContinuousRange, ScrollToCellOperation, COMMAND_LISTENER_SKELETON_CHANGE, SetWorksheetActivateCommand, getPrimaryForRange, SetRowHiddenCommand, SetColHiddenCommand, SetBoldCommand, SetItalicCommand, SetUnderlineCommand, SetStrikeThroughCommand, SetFontSizeCommand, SetFontFamilyCommand, SetTextColorCommand, SetFrozenMutationFactory, SetFrozenMutation, IExclusiveRangeService, RangeProtectionRuleModel, WorksheetProtectionRuleModel, RangeProtectionPermissionEditPoint, WorksheetCopyPermission, WorksheetSetCellStylePermission, ResetBackgroundColorCommand, SetBackgroundColorCommand, SetHorizontalTextAlignCommand, SetVerticalTextAlignCommand, SetTextWrapCommand, SetTextRotationCommand, WorkbookCopyPermission, RangeProtectionPermissionViewPoint, WorksheetSetCellValuePermission, WorksheetSetColumnStylePermission, WorksheetSetRowStylePermission, CancelFrozenCommand, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectedRowsVisibleCommand, SetColHiddenMutation, SetColVisibleMutation, SetSelectedColsVisibleCommand, SetRowHeightCommand, SetWorksheetRowIsAutoHeightMutation, SetColWidthCommand, SetFrozenCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, InsertRowCommand, InsertColCommand, MoveColsCommand, MoveRowsCommand, RemoveColCommand, RemoveRowCommand, MergeCellController, MERGE_CELL_INTERCEPTOR_CHECK, DeltaRowHeightCommand, DeltaColumnWidthCommand, COMMAND_LISTENER_VALUE_CHANGE, AddMergeRedoSelectionsOperationFactory, AddMergeUndoSelectionsOperationFactory, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, UnitObject, ViewStateEnum, EditStateEnum, DeleteWorksheetProtectionCommand, DeleteRangeProtectionMutation, AddRangeProtectionMutation, RemoveSheetCommand, AddWorksheetProtectionCommand, BorderStyleManagerService, SCOPE_WORKBOOK_VALUE_DEFINED_NAME, InsertDefinedNameCommand, SetDefinedNameCommand, RemoveDefinedNameCommand, SetWorksheetShowCommand, RangeProtectionCache, WorksheetViewPermission, SetWorksheetOrderMutation, InsertSheetMutation, SetWorksheetNameMutation, SetWorksheetHideMutation, SetWorksheetNameCommand, SetWorksheetOrderCommand, WorkbookManageCollaboratorPermission, WorkbookRenameSheetPermission, SetTabColorMutation, WorkbookCreateSheetPermission, InsertSheetCommand, SetBorderBasicCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, ClearSelectionAllCommand, WorksheetDeleteColumnPermission, WorksheetDeleteRowPermission, ToggleGridlinesCommand, ToggleGridlinesMutation, WorksheetInsertColumnPermission, WorksheetInsertRowPermission, InsertRowBeforeCommand, InsertRowAfterCommand, InsertColBeforeCommand, InsertColAfterCommand, RemoveWorksheetMergeCommand, WorksheetManageCollaboratorPermission, WorkbookCreateProtectPermission, WorksheetDeleteProtectionPermission, CopySheetCommand, SetTabColorCommand, SetWorksheetHideCommand, WorkbookDeleteSheetPermission, WorkbookHideSheetPermission, ResetTextColorCommand, AddWorksheetMergeCommand as AddWorksheetMergeCommand$1, AddWorksheetMergeAllCommand as AddWorksheetMergeAllCommand$1, AddWorksheetMergeVerticalCommand as AddWorksheetMergeVerticalCommand$1, AddWorksheetMergeHorizontalCommand as AddWorksheetMergeHorizontalCommand$1, RefRangeService, MAX_CELL_PER_SHEET_KEY, INTERCEPTOR_POINT, SheetPermissionCheckController, INumfmtService, SetProtectionCommand, AddRangeProtectionCommand, setEndForRange, baseProtectionActions, DeleteRangeProtectionCommand, WorksheetProtectionPointModel, SetWorksheetPermissionPointsCommand, getAllWorksheetPermissionPoint, convertSelectionDataToRange, UniverSheetsPlugin, RefSelectionsService, ToggleCellCheckboxCommand, SetSpecificRowsVisibleCommand, SetSpecificColsVisibleCommand } from "@univerjs/sheets";
 import { DocSkeletonManagerService, DocSelectionManagerService, RichTextEditingMutation, SetTextSelectionsOperation } from "@univerjs/docs";
 import { sequenceNodeType, matchToken, LexerTreeBuilder, IFunctionService, SetFormulaCalculationNotificationMutation, IDefinedNamesService, operatorToken, isReferenceStrings, isReferenceStringWithEffectiveColumn, serializeRangeWithSheet, FUNCTION_NAMES_STATISTICAL, FUNCTION_NAMES_MATH, FUNCTION_NAMES_TEXT, NullValueObject, serializeRange, deserializeRangeWithSheet } from "@univerjs/engine-formula";
 import { DEFAULT_TEXT_FORMAT } from "@univerjs/engine-numfmt";
@@ -33,7 +33,41 @@ function getEditorObject(unitId, renderManagerService) {
 __name(getEditorObject, "getEditorObject");
 const SHEET_ZOOM_RANGE = [10, 400], RANGE_SELECTOR_COMPONENT_KEY = "RANGE_SELECTOR_COMPONENT_KEY", EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY = "EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY";
 var SHEET_VIEW_KEY = /* @__PURE__ */ ((SHEET_VIEW_KEY2) => (SHEET_VIEW_KEY2.MAIN = "__SpreadsheetRender__", SHEET_VIEW_KEY2.ROW = "__SpreadsheetRowHeader__", SHEET_VIEW_KEY2.COLUMN = "__SpreadsheetColumnHeader__", SHEET_VIEW_KEY2.LEFT_TOP = "__SpreadsheetLeftTopPlaceholder__", SHEET_VIEW_KEY2))(SHEET_VIEW_KEY || {});
-const SHEET_COMPONENT_MAIN_LAYER_INDEX = 0, SHEET_COMPONENT_SELECTION_LAYER_INDEX = 1, SHEET_COMPONENT_HEADER_LAYER_INDEX = 10, SHEET_COMPONENT_HEADER_SELECTION_LAYER_INDEX = 11, SHEET_COMPONENT_UNHIDE_LAYER_INDEX = 12, RANGE_MOVE_PERMISSION_CHECK = createInterceptorKey("rangeMovePermissionCheck"), RANGE_FILL_PERMISSION_CHECK = createInterceptorKey("rangeFillPermissionCheck");
+const SHEET_COMPONENT_MAIN_LAYER_INDEX = 0, SHEET_COMPONENT_SELECTION_LAYER_INDEX = 1, SHEET_COMPONENT_HEADER_LAYER_INDEX = 10, SHEET_COMPONENT_HEADER_SELECTION_LAYER_INDEX = 11, SHEET_COMPONENT_UNHIDE_LAYER_INDEX = 12, SetRowHeaderWidthCommand = {
+  id: "sheet.command.set-row-header-width",
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name(async (accessor, params) => {
+    if (!params)
+      return !1;
+    const renderManagerSrv = accessor.get(IRenderManagerService);
+    if (!renderManagerSrv)
+      return !1;
+    const { unitId, subUnitId, size } = params, render2 = renderManagerSrv.getRenderById(unitId);
+    if (render2) {
+      renderManagerSrv.getRenderById(unitId).with(SheetSkeletonManagerService).setRowHeaderSize(render2, subUnitId, size);
+      const { components } = render2, renderComponent = components.get(SHEET_VIEW_KEY.ROW);
+      renderComponent && renderComponent.setCustomHeader({ headerStyle: { size } });
+    }
+    return !0;
+  }, "handler")
+}, SetColumnHeaderHeightCommand = {
+  id: "sheet.command.set-col-header-height",
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name(async (accessor, params) => {
+    if (!params)
+      return !1;
+    const renderManagerSrv = accessor.get(IRenderManagerService);
+    if (!renderManagerSrv)
+      return !1;
+    const { unitId, subUnitId, size } = params, render2 = renderManagerSrv.getRenderById(unitId);
+    if (render2) {
+      renderManagerSrv.getRenderById(unitId).with(SheetSkeletonManagerService).setColumnHeaderSize(render2, subUnitId, size);
+      const { components } = render2, renderComponent = components.get(SHEET_VIEW_KEY.COLUMN);
+      renderComponent && renderComponent.setCustomHeader({ headerStyle: { size } });
+    }
+    return !0;
+  }, "handler")
+}, RANGE_MOVE_PERMISSION_CHECK = createInterceptorKey("rangeMovePermissionCheck"), RANGE_FILL_PERMISSION_CHECK = createInterceptorKey("rangeFillPermissionCheck");
 var SELECTION_SHAPE_DEPTH = /* @__PURE__ */ ((SELECTION_SHAPE_DEPTH2) => (SELECTION_SHAPE_DEPTH2[SELECTION_SHAPE_DEPTH2.FORMULA_EDITOR_SHOW = 100] = "FORMULA_EDITOR_SHOW", SELECTION_SHAPE_DEPTH2[SELECTION_SHAPE_DEPTH2.MARK_SELECTION = 1e4] = "MARK_SELECTION", SELECTION_SHAPE_DEPTH2))(SELECTION_SHAPE_DEPTH || {});
 function genNormalSelectionStyle(themeService) {
   const styleSheet = themeService.getCurrentTheme(), fill = new ColorKit(styleSheet.primaryColor).setAlpha(0.07).toRgbString();
@@ -1971,24 +2005,48 @@ let SheetSkeletonManagerService = (_a = class extends Disposable {
   }
   setColumnHeaderSize(render2, sheetId, size) {
     var _a61;
+    if (!render2) return;
     const skeleton = (_a61 = this.getWorksheetSkeleton(sheetId)) == null ? void 0 : _a61.skeleton;
-    if (skeleton) {
-      skeleton.columnHeaderHeight = size, render2.scene.getViewports()[0].top = size, render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_COLUMN_RIGHT).setViewportSize({
-        height: size
-      }), render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_COLUMN_LEFT).setViewportSize({
-        height: size
-      }), render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_ROW_BOTTOM).setViewportSize({
-        top: size
-      }), render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_ROW_TOP).setViewportSize({
-        top: size
-      }), render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_LEFT_TOP).setViewportSize({
-        height: size
-      });
-      const selectionService = render2 == null ? void 0 : render2.with(SheetsSelectionsService), selectionRenderService = render2 == null ? void 0 : render2.with(ISheetSelectionRenderService), currSelections = selectionService.getCurrentSelections();
-      selectionRenderService.resetSelectionsByModelData(currSelections);
-      const sheetSkeletonManagerParam = this.getUnitSkeleton(render2.unitId, sheetId);
-      this._currentSkeleton$.next(sheetSkeletonManagerParam);
-    }
+    if (!skeleton) return;
+    skeleton.columnHeaderHeight = size, render2.scene.getViewports()[0].top = size, render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_COLUMN_RIGHT).setViewportSize({
+      height: size
+    }), render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_COLUMN_LEFT).setViewportSize({
+      height: size
+    }), render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_ROW_BOTTOM).setViewportSize({
+      top: size
+    }), render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_ROW_TOP).setViewportSize({
+      top: size
+    }), render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_LEFT_TOP).setViewportSize({
+      height: size
+    });
+    const selectionService = render2 == null ? void 0 : render2.with(SheetsSelectionsService), selectionRenderService = render2 == null ? void 0 : render2.with(ISheetSelectionRenderService), currSelections = selectionService.getCurrentSelections();
+    selectionRenderService.resetSelectionsByModelData(currSelections);
+    const sheetSkeletonManagerParam = this.getUnitSkeleton(render2.unitId, sheetId);
+    sheetSkeletonManagerParam && (sheetSkeletonManagerParam.commandId = SetColumnHeaderHeightCommand.id, this._currentSkeleton$.next(sheetSkeletonManagerParam));
+  }
+  setRowHeaderSize(render2, sheetId, size) {
+    var _a61;
+    const skeleton = (_a61 = this.getWorksheetSkeleton(sheetId)) == null ? void 0 : _a61.skeleton;
+    if (!render2 || !skeleton) return;
+    skeleton.rowHeaderWidth = size;
+    const originWidth = render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_LEFT_TOP).width || 46, deltaX = size - originWidth, originLeftOfViewMain = render2.scene.getViewports()[0].left;
+    render2.scene.getViewports()[0].left = originLeftOfViewMain + deltaX, render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_ROW_BOTTOM).setViewportSize({
+      width: size
+    }), render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_ROW_TOP).setViewportSize({
+      width: size
+    }), render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_COLUMN_LEFT).setViewportSize({
+      left: size
+    });
+    const prevLeft = render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_COLUMN_RIGHT).left || 0;
+    render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_COLUMN_RIGHT).setViewportSize({
+      left: prevLeft + deltaX
+    }), render2.scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_LEFT_TOP).setViewportSize({
+      width: size
+    });
+    const selectionService = render2 == null ? void 0 : render2.with(SheetsSelectionsService), selectionRenderService = render2 == null ? void 0 : render2.with(ISheetSelectionRenderService), currSelections = selectionService.getCurrentSelections();
+    selectionRenderService.resetSelectionsByModelData(currSelections);
+    const sheetSkeletonManagerParam = this.getCurrent();
+    sheetSkeletonManagerParam && (sheetSkeletonManagerParam.commandId = SetRowHeaderWidthCommand.id, this._currentSkeleton$.next(sheetSkeletonManagerParam));
   }
 }, __name(_a, "SheetSkeletonManagerService"), _a);
 SheetSkeletonManagerService = __decorateClass$V([
@@ -3515,7 +3573,9 @@ var __defProp$R = Object.defineProperty, __getOwnPropDesc$R = Object.getOwnPrope
 }, "__decorateClass$R"), __decorateParam$R = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$R"), _a5;
 let SheetsZoomRenderController = (_a5 = class extends Disposable {
   constructor(_context, _sheetSkeletonManagerService, _commandService, _contextService, _editorBridgeService) {
-    super(), this._context = _context, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._commandService = _commandService, this._contextService = _contextService, this._editorBridgeService = _editorBridgeService, this._initSkeletonListener(), this._initZoomEventListener();
+    super();
+    __publicField(this, "_zoom");
+    this._context = _context, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._commandService = _commandService, this._contextService = _contextService, this._editorBridgeService = _editorBridgeService, this._initSkeletonListener(), this._initZoomEventListener();
   }
   updateZoom(worksheetId, zoomRatio) {
     const worksheet = this._context.unit.getSheetBySheetId(worksheetId);
@@ -3554,7 +3614,7 @@ let SheetsZoomRenderController = (_a5 = class extends Disposable {
       const worksheet = this._context.unit.getActiveSheet();
       if (!worksheet) return;
       const zoomRatio = worksheet.getZoomRatio() || 1;
-      this._updateViewZoom(zoomRatio);
+      this._zoom !== zoomRatio && this._updateViewZoom(zoomRatio), this._zoom = zoomRatio;
     }));
   }
   /**
@@ -10376,44 +10436,72 @@ let HeaderFreezeRenderController = (_a18 = class extends Disposable {
       })
     );
   }
+  /**
+   * Update freeze line position when some cmds cause sk change.
+   */
+  // TODO @lumixraku But there is a _zoomRefresh method? Duplicated?
   _commandExecutedListener() {
-    const updateCommandList = [SetFrozenMutation.id, SetZoomRatioOperation.id];
     this.disposeWithMe(
       // eslint-disable-next-line complexity
       this._commandService.onCommandExecuted((command) => {
-        if (updateCommandList.includes(command.id)) {
-          const lastFreeze = this._lastFreeze, workbook = this._context.unit, worksheet = workbook.getActiveSheet(), params = command.params, { unitId, subUnitId } = params;
-          if (!(unitId === workbook.getUnitId() && subUnitId === (worksheet == null ? void 0 : worksheet.getSheetId())))
-            return;
-          const freeze = worksheet.getConfig().freeze;
-          if (this._lastFreeze = freeze, freeze == null)
-            return;
-          let resetScroll = 0;
-          const { startRow = -1, startColumn = -1, ySplit = 0, xSplit = 0 } = freeze;
-          (!lastFreeze || lastFreeze.startRow !== startRow || lastFreeze.ySplit !== ySplit) && (resetScroll |= 2), (!lastFreeze || lastFreeze.startColumn !== startColumn || lastFreeze.xSplit !== xSplit) && (resetScroll |= 1), params.resetScroll === !1 && (resetScroll = 0), this._refreshFreeze(startRow, startColumn, ySplit, xSplit, resetScroll);
-        } else if (command.id === SetWorksheetRowHeightMutation.id) {
-          const freeze = this._getFreeze(), isRefresh = freeze && command.params.ranges.some((i) => i.startRow < freeze.startRow);
-          command.params && isRefresh && this._refreshCurrent();
-        } else if (command.id === SetWorksheetColWidthMutation.id) {
-          const freeze = this._getFreeze();
-          command.params && freeze && command.params.ranges.some(
-            (i) => i.startColumn < freeze.startColumn
-          ) && this._refreshCurrent();
-        } else if (command.id === SetWorksheetRowAutoHeightMutation.id) {
-          const params = command.params, freeze = this._getFreeze();
-          if (freeze && freeze.startRow > -1 && params.rowsAutoHeightInfo.some((info) => info.row < freeze.startRow)) {
-            const subscription = this._sheetSkeletonManagerService.currentSkeleton$.subscribe(() => {
-              this._refreshCurrent(), setTimeout(() => {
-                subscription.unsubscribe();
-              });
-            });
-          }
-        } else if (command.id === SetColHiddenMutation.id || command.id === SetColVisibleMutation.id) {
-          const params = command.params, freeze = this._getFreeze(), ranges = params.ranges;
-          freeze && freeze.startColumn > -1 && ranges.some((range) => range.startColumn < freeze.startColumn) && this._refreshCurrent();
-        } else if (command.id === SetRowHiddenMutation.id || command.id === SetRowVisibleMutation.id) {
-          const params = command.params, freeze = this._getFreeze(), ranges = params.ranges;
-          freeze && freeze.startRow > -1 && ranges.some((range) => range.startRow < freeze.startRow) && this._refreshCurrent();
+        switch (command.id) {
+          case SetFrozenMutation.id:
+          case SetZoomRatioOperation.id:
+            {
+              const lastFreeze = this._lastFreeze, workbook = this._context.unit, worksheet = workbook.getActiveSheet(), params = command.params, { unitId, subUnitId } = params;
+              if (!(unitId === workbook.getUnitId() && subUnitId === (worksheet == null ? void 0 : worksheet.getSheetId())))
+                return;
+              const freeze = worksheet.getConfig().freeze;
+              if (this._lastFreeze = freeze, freeze == null)
+                return;
+              let resetScroll = 0;
+              const { startRow = -1, startColumn = -1, ySplit = 0, xSplit = 0 } = freeze;
+              (!lastFreeze || lastFreeze.startRow !== startRow || lastFreeze.ySplit !== ySplit) && (resetScroll |= 2), (!lastFreeze || lastFreeze.startColumn !== startColumn || lastFreeze.xSplit !== xSplit) && (resetScroll |= 1), params.resetScroll === !1 && (resetScroll = 0), this._refreshFreeze(startRow, startColumn, ySplit, xSplit, resetScroll);
+            }
+            break;
+          case SetWorksheetRowHeightMutation.id:
+            {
+              const freeze = this._getFreeze(), isRefresh = freeze && command.params.ranges.some((i) => i.startRow < freeze.startRow);
+              command.params && isRefresh && this._refreshCurrent();
+            }
+            break;
+          case SetWorksheetColWidthMutation.id:
+            {
+              const freeze = this._getFreeze();
+              command.params && freeze && command.params.ranges.some(
+                (i) => i.startColumn < freeze.startColumn
+              ) && this._refreshCurrent();
+            }
+            break;
+          case SetWorksheetRowAutoHeightMutation.id:
+            {
+              const params = command.params, freeze = this._getFreeze();
+              if (freeze && freeze.startRow > -1 && params.rowsAutoHeightInfo.some((info) => info.row < freeze.startRow)) {
+                const subscription = this._sheetSkeletonManagerService.currentSkeleton$.subscribe(() => {
+                  this._refreshCurrent(), setTimeout(() => {
+                    subscription.unsubscribe();
+                  });
+                });
+              }
+            }
+            break;
+          case SetColHiddenMutation.id:
+          case SetColVisibleMutation.id:
+            {
+              const params = command.params, freeze = this._getFreeze(), ranges = params.ranges;
+              freeze && freeze.startColumn > -1 && ranges.some((range) => range.startColumn < freeze.startColumn) && this._refreshCurrent();
+            }
+            break;
+          case SetRowHiddenMutation.id:
+          case SetRowVisibleMutation.id:
+            {
+              const params = command.params, freeze = this._getFreeze(), ranges = params.ranges;
+              freeze && freeze.startRow > -1 && ranges.some((range) => range.startRow < freeze.startRow) && this._refreshCurrent();
+            }
+            break;
+          case SetRowHeaderWidthCommand.id:
+          case SetColumnHeaderHeightCommand.id:
+            this._refreshCurrent();
         }
       })
     );
@@ -10464,8 +10552,7 @@ let HeaderFreezeRenderController = (_a18 = class extends Disposable {
     return getSheetObject(this._context.unit, this._context);
   }
   /**
-   * 调整冻结 & 缩放都会进入
-   * 但是窗口 resize 并不会进入
+   * Core function of _refreshCurrent
    * @param startRow
    * @param startColumn
    * @param ySplit
@@ -13452,7 +13539,7 @@ function DefinedName({ disable }) {
   ] });
 }
 __name(DefinedName, "DefinedName");
-const formulaBox = "univer-formula-box", nameRanges = "univer-name-ranges", formulaBar = "univer-formula-bar", formulaIcon = "univer-formula-icon", formulaIconDisable = "univer-formula-icon-disable", formulaIconWrapper = "univer-formula-icon-wrapper", iconContainer = "univer-icon-container", iconContainerSuccess = "univer-icon-container-success", formulaActive = "univer-formula-active", iconContainerError = "univer-icon-container-error", iconContainerFx = "univer-icon-container-fx", formulaInput = "univer-formula-input", formulaContainer = "univer-formula-container", sheetEmbeddingFormulaEditorWrap = "univer-sheet-embedding-formula-editor-wrap", formulaContent = "univer-formula-content", arrowContainer = "univer-arrow-container", arrowContainerDisable = "univer-arrow-container-disable", styles$f = {
+const formulaBox = "univer-formula-box", nameRanges = "univer-name-ranges", formulaBar = "univer-formula-bar", formulaIcon = "univer-formula-icon", formulaIconDisable = "univer-formula-icon-disable", formulaIconWrapper = "univer-formula-icon-wrapper", iconContainer = "univer-icon-container", iconContainerSuccess = "univer-icon-container-success", formulaActive = "univer-formula-active", iconContainerError = "univer-icon-container-error", iconContainerFx = "univer-icon-container-fx", formulaInput = "univer-formula-input", formulaInputMask = "univer-formula-input-mask", formulaContainer = "univer-formula-container", sheetEmbeddingFormulaEditorWrap = "univer-sheet-embedding-formula-editor-wrap", formulaContent = "univer-formula-content", arrowContainer = "univer-arrow-container", arrowContainerDisable = "univer-arrow-container-disable", styles$f = {
   formulaBox,
   nameRanges,
   formulaBar,
@@ -13465,6 +13552,7 @@ const formulaBox = "univer-formula-box", nameRanges = "univer-name-ranges", form
   iconContainerError,
   iconContainerFx,
   formulaInput,
+  formulaInputMask,
   formulaContainer,
   sheetEmbeddingFormulaEditorWrap,
   formulaContent,
@@ -13472,21 +13560,17 @@ const formulaBox = "univer-formula-box", nameRanges = "univer-name-ranges", form
   arrowContainerDisable
 };
 function FormulaBar() {
-  var _a61;
+  var _a61, _b;
   const [iconStyle, setIconStyle] = useState(styles$f.formulaGrey), [arrowDirection, setArrowDirection] = useState(
     0
     /* Down */
-  ), formulaEditorManagerService = useDependency(IFormulaEditorManagerService), editorBridgeService = useDependency(IEditorBridgeService), worksheetProtectionRuleModel = useDependency(WorksheetProtectionRuleModel), rangeProtectionRuleModel = useDependency(RangeProtectionRuleModel), univerInstanceService = useDependency(IUniverInstanceService), selectionManager = useDependency(SheetsSelectionsService), permissionService = useDependency(IPermissionService), [disable, setDisable] = useState(!1), [imageDisable, setImageDisable] = useState(!1), currentWorkbook = useActiveWorkbook(), componentManager = useDependency(ComponentManager), workbook = useObservable$1(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), void 0, void 0, []), isRefSelecting = useRef(0), editState = editorBridgeService.getEditLocation(), keyCodeConfig = useKeyEventConfig(isRefSelecting, (_a61 = editState == null ? void 0 : editState.unitId) != null ? _a61 : ""), FormulaEditor = componentManager.get(EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY), formulaAuxUIParts = useComponentsOfPart(SheetsUIPart.FORMULA_AUX), contextService = useDependency(IContextService);
+  ), formulaEditorManagerService = useDependency(IFormulaEditorManagerService), editorBridgeService = useDependency(IEditorBridgeService), worksheetProtectionRuleModel = useDependency(WorksheetProtectionRuleModel), rangeProtectionRuleModel = useDependency(RangeProtectionRuleModel), univerInstanceService = useDependency(IUniverInstanceService), selectionManager = useDependency(SheetsSelectionsService), permissionService = useDependency(IPermissionService), rangeProtectionCache = useDependency(RangeProtectionCache), [disableInfo, setDisableInfo] = useState({
+    editDisable: !1,
+    viewDisable: !1
+  }), [imageDisable, setImageDisable] = useState(!1), currentWorkbook = useActiveWorkbook(), componentManager = useDependency(ComponentManager), workbook = useObservable$1(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), void 0, void 0, []), isRefSelecting = useRef(0), editState = editorBridgeService.getEditLocation(), keyCodeConfig = useKeyEventConfig(isRefSelecting, (_a61 = editState == null ? void 0 : editState.unitId) != null ? _a61 : ""), FormulaEditor = componentManager.get(EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY), formulaAuxUIParts = useComponentsOfPart(SheetsUIPart.FORMULA_AUX), contextService = useDependency(IContextService);
   useObservable$1(useMemo(() => contextService.subscribeContextValue$(FOCUSING_FX_BAR_EDITOR), [contextService]));
-  const isFocusFxBar = contextService.getContextValue(FOCUSING_FX_BAR_EDITOR), ref = useRef(null);
-  function getPermissionIds(unitId, subUnitId) {
-    return [
-      new WorkbookEditablePermission(unitId).id,
-      new WorksheetSetCellValuePermission(unitId, subUnitId).id,
-      new WorksheetEditPermission(unitId, subUnitId).id
-    ];
-  }
-  __name(getPermissionIds, "getPermissionIds"), useLayoutEffect(() => {
+  const isFocusFxBar = contextService.getContextValue(FOCUSING_FX_BAR_EDITOR), ref = useRef(null), editorService = useDependency(IEditorService);
+  useLayoutEffect(() => {
     const subscription = workbook.activeSheet$.pipe(
       switchMap((worksheet) => worksheet ? merge(
         worksheetProtectionRuleModel.ruleChange$,
@@ -13495,17 +13579,39 @@ function FormulaBar() {
         selectionManager.selectionSet$
       ).pipe(
         switchMap(() => {
-          var _a62, _b;
-          const unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId();
+          var _a62, _b2;
+          const unitId2 = workbook.getUnitId(), subUnitId = worksheet.getSheetId();
           if (!((_a62 = selectionManager.getCurrentLastSelection()) == null ? void 0 : _a62.range)) return EMPTY;
-          const permissionIds = getPermissionIds(unitId, subUnitId), selectionRanges = (_b = selectionManager.getCurrentSelections()) == null ? void 0 : _b.map((selection) => selection.range);
-          return rangeProtectionRuleModel.getSubunitRuleList(unitId, subUnitId).filter((rule) => rule.ranges.some((r2) => selectionRanges == null ? void 0 : selectionRanges.some((selectionRange) => Rectangle.intersects(r2, selectionRange)))).forEach((p) => {
-            permissionIds.push(new RangeProtectionPermissionEditPoint(unitId, subUnitId, p.permissionId).id);
-          }), permissionService.composePermission$(permissionIds);
+          const primary = (_b2 = selectionManager.getCurrentLastSelection()) == null ? void 0 : _b2.primary;
+          return primary ? of({
+            unitId: unitId2,
+            subUnitId,
+            primary
+          }) : of(null);
         })
       ) : EMPTY)
-    ).subscribe((permissions) => {
-      permissions && setDisable(!permissions.every((p) => p.value));
+    ).subscribe((cellInfo) => {
+      var _a62, _b2, _c, _d, _e, _f;
+      if (cellInfo) {
+        const { unitId: unitId2, subUnitId, primary } = cellInfo;
+        if (worksheetProtectionRuleModel.getRule(unitId2, subUnitId)) {
+          const editDisable2 = !((_b2 = (_a62 = permissionService.getPermissionPoint(new WorksheetEditPermission(unitId2, subUnitId).id)) == null ? void 0 : _a62.value) == null || _b2), viewDisable2 = !((_d = (_c = permissionService.getPermissionPoint(new WorksheetViewPermission(unitId2, subUnitId).id)) == null ? void 0 : _c.value) == null || _d);
+          setDisableInfo({
+            viewDisable: viewDisable2,
+            editDisable: editDisable2
+          });
+          return;
+        }
+        const { actualRow, actualColumn } = primary, cellInfoWithPermission = rangeProtectionCache.getCellInfo(unitId2, subUnitId, actualRow, actualColumn);
+        setDisableInfo({
+          editDisable: !((_e = cellInfoWithPermission == null ? void 0 : cellInfoWithPermission[UnitAction.Edit]) == null || _e),
+          viewDisable: !((_f = cellInfoWithPermission == null ? void 0 : cellInfoWithPermission[UnitAction.View]) == null || _f)
+        });
+      } else
+        setDisableInfo({
+          viewDisable: !1,
+          editDisable: !1
+        });
     });
     return () => {
       subscription.unsubscribe();
@@ -13517,8 +13623,8 @@ function FormulaBar() {
     return () => subscription.unsubscribe();
   }, [editorBridgeService.visible$]), useEffect(() => {
     const subscription = editorBridgeService.currentEditCellState$.subscribe((state) => {
-      var _a62, _b, _c;
-      (_c = (_b = (_a62 = state == null ? void 0 : state.documentLayoutObject.documentModel) == null ? void 0 : _a62.getBody()) == null ? void 0 : _b.customBlocks) != null && _c.length ? setImageDisable(!0) : setImageDisable(!1);
+      var _a62, _b2, _c;
+      (_c = (_b2 = (_a62 = state == null ? void 0 : state.documentLayoutObject.documentModel) == null ? void 0 : _a62.getBody()) == null ? void 0 : _b2.customBlocks) != null && _c.length ? setImageDisable(!0) : setImageDisable(!1);
     });
     return () => subscription.unsubscribe();
   }, [editorBridgeService.currentEditCellState$]), useEffect(() => {
@@ -13567,17 +13673,36 @@ function FormulaBar() {
     formulaEditorManagerService.handleFxBtnClick(!0);
   }
   __name(handlerFxBtnClick, "handlerFxBtnClick");
-  const disabled = disable || imageDisable;
+  const { viewDisable, editDisable } = disableInfo, disabled = editDisable || imageDisable, shouldSkipFocus = useRef(!1), commandService = useDependency(ICommandService);
+  (_b = currentWorkbook == null ? void 0 : currentWorkbook.getUnitId()) != null;
+  const handlePointerDown = /* @__PURE__ */ __name(() => {
+    try {
+      editorBridgeService.isVisible().visible === !1 && commandService.syncExecuteCommand(
+        SetCellEditVisibleOperation.id,
+        {
+          visible: !0,
+          eventType: DeviceInputEventType.PointerDown,
+          unitId: DOCS_NORMAL_EDITOR_UNIT_ID_KEY
+        }
+      ), contextService.setContextValue(FOCUSING_FX_BAR_EDITOR, !0);
+    } catch (e) {
+      throw shouldSkipFocus.current = !0, e;
+    }
+  }, "handlePointerDown"), handlePointerUp = /* @__PURE__ */ __name((e) => {
+    shouldSkipFocus.current && setTimeout(() => {
+      editorService.blur(!0);
+    }, 30), shouldSkipFocus.current = !1;
+  }, "handlePointerUp");
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: styles$f.formulaBox,
       style: {
         height: arrowDirection === 0 ? "28px" : "82px",
-        pointerEvents: disable ? "none" : "auto"
+        pointerEvents: editDisable ? "none" : "auto"
       },
       children: [
-        /* @__PURE__ */ jsx("div", { className: styles$f.nameRanges, children: /* @__PURE__ */ jsx(DefinedName, { disable }) }),
+        /* @__PURE__ */ jsx("div", { className: styles$f.nameRanges, children: /* @__PURE__ */ jsx(DefinedName, { disable: editDisable }) }),
         /* @__PURE__ */ jsxs("div", { className: styles$f.formulaBar, children: [
           /* @__PURE__ */ jsx("div", { className: clsx(styles$f.formulaIcon, { [styles$f.formulaIconDisable]: disabled }), children: /* @__PURE__ */ jsxs("div", { className: styles$f.formulaIconWrapper, children: [
             /* @__PURE__ */ jsx(
@@ -13599,30 +13724,39 @@ function FormulaBar() {
             /* @__PURE__ */ jsx("span", { className: clsx(styles$f.iconContainer, styles$f.iconContainerFx), onClick: handlerFxBtnClick, children: /* @__PURE__ */ jsx(FxSingle, {}) })
           ] }) }),
           /* @__PURE__ */ jsxs("div", { className: styles$f.formulaContainer, children: [
-            /* @__PURE__ */ jsx("div", { className: styles$f.formulaInput, ref, children: FormulaEditor && /* @__PURE__ */ jsx(
-              FormulaEditor,
+            /* @__PURE__ */ jsx(
+              "div",
               {
-                disableSelectionOnClick: !0,
-                editorId: DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY,
-                initValue: "",
-                onChange: /* @__PURE__ */ __name(() => {
-                }, "onChange"),
-                isFocus: isFocusFxBar,
-                className: styles$f.formulaContent,
-                unitId: editState == null ? void 0 : editState.unitId,
-                subUnitId: editState == null ? void 0 : editState.sheetId,
-                isSupportAcrossSheet: !0,
-                resetSelectionOnBlur: !1,
-                isSingle: !1,
-                keyboradEventConfig: keyCodeConfig,
-                onFormulaSelectingChange: /* @__PURE__ */ __name((isSelecting) => {
-                  isRefSelecting.current = isSelecting, isSelecting ? editorBridgeService.enableForceKeepVisible() : editorBridgeService.disableForceKeepVisible();
-                }, "onFormulaSelectingChange"),
-                autoScrollbar: !1,
-                disableContextMenu: !1
+                className: styles$f.formulaInput,
+                onPointerDown: handlePointerDown,
+                onPointerUp: handlePointerUp,
+                ref,
+                children: FormulaEditor && /* @__PURE__ */ jsx(
+                  FormulaEditor,
+                  {
+                    disableSelectionOnClick: !0,
+                    editorId: DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY,
+                    initValue: "",
+                    onChange: /* @__PURE__ */ __name(() => {
+                    }, "onChange"),
+                    isFocus: isFocusFxBar,
+                    className: styles$f.formulaContent,
+                    unitId: editState == null ? void 0 : editState.unitId,
+                    subUnitId: editState == null ? void 0 : editState.sheetId,
+                    isSupportAcrossSheet: !0,
+                    resetSelectionOnBlur: !1,
+                    isSingle: !1,
+                    keyboradEventConfig: keyCodeConfig,
+                    onFormulaSelectingChange: /* @__PURE__ */ __name((isSelecting) => {
+                      isRefSelecting.current = isSelecting, isSelecting ? editorBridgeService.enableForceKeepVisible() : editorBridgeService.disableForceKeepVisible();
+                    }, "onFormulaSelectingChange"),
+                    autoScrollbar: !1,
+                    disableContextMenu: !1
+                  }
+                )
               }
-            ) }),
-            /* @__PURE__ */ jsx("div", { className: clsx(styles$f.arrowContainer, { [styles$f.arrowContainerDisable]: disable }), onClick: handleArrowClick, children: arrowDirection === 0 ? /* @__PURE__ */ jsx(DropdownSingle, {}) : /* @__PURE__ */ jsx(DropdownSingle, { style: { transform: "rotateZ(180deg)" } }) })
+            ),
+            /* @__PURE__ */ jsx("div", { className: clsx(styles$f.arrowContainer, { [styles$f.arrowContainerDisable]: editDisable }), onClick: handleArrowClick, children: arrowDirection === 0 ? /* @__PURE__ */ jsx(DropdownSingle, {}) : /* @__PURE__ */ jsx(DropdownSingle, { style: { transform: "rotateZ(180deg)" } }) })
           ] })
         ] }),
         /* @__PURE__ */ jsx(ComponentContainer, { components: formulaAuxUIParts }, "formula-aux")
@@ -16660,7 +16794,9 @@ let SheetUIController = (_a22 = class extends Disposable {
       DeleteRangeProtectionFromContextMenuCommand,
       SetRangeProtectionFromContextMenuCommand,
       DeleteWorksheetProtectionFormSheetBarCommand,
-      SetWorksheetColAutoWidthCommand
+      SetWorksheetColAutoWidthCommand,
+      SetRowHeaderWidthCommand,
+      SetColumnHeaderHeightCommand
     ].forEach((c) => {
       this.disposeWithMe(this._commandService.registerCommand(c));
     });
@@ -22315,7 +22451,7 @@ let FormulaEditorController = (_a51 = class extends RxDisposable {
     if (formulaEditorDocObject == null)
       return;
     const { mainComponent: documentComponent } = formulaEditorDocObject;
-    documentComponent != null && (this._loadedMap.has(documentComponent) || (this._initialMain(unitId), this._loadedMap.add(documentComponent)));
+    documentComponent != null && (this._loadedMap.has(documentComponent) || this._loadedMap.add(documentComponent));
   }
   _listenFxBtnClick() {
     this._formulaEditorManagerService.fxBtnClick$.pipe(takeUntil(this.dispose$)).subscribe(() => {
@@ -22325,11 +22461,14 @@ let FormulaEditorController = (_a51 = class extends RxDisposable {
         const currentSheet = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), formulaEditorDataModel = this._univerInstanceService.getUniverDocInstance(
           DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY
         );
-        this._editorBridgeService.isVisible().visible === !1 && this._editorBridgeService.changeVisible({
-          visible: !0,
-          eventType: DeviceInputEventType.PointerDown,
-          unitId: (_a61 = currentSheet == null ? void 0 : currentSheet.getUnitId()) != null ? _a61 : ""
-        });
+        this._editorBridgeService.isVisible().visible === !1 && this._commandService.syncExecuteCommand(
+          SetCellEditVisibleOperation.id,
+          {
+            visible: !0,
+            eventType: DeviceInputEventType.PointerDown,
+            unitId: (_a61 = currentSheet == null ? void 0 : currentSheet.getUnitId()) != null ? _a61 : ""
+          }
+        );
         const content = (_b = formulaEditorDataModel == null ? void 0 : formulaEditorDataModel.getBody()) == null ? void 0 : _b.dataStream;
         if (content == null)
           return;
@@ -22351,22 +22490,6 @@ let FormulaEditorController = (_a51 = class extends RxDisposable {
       }
     });
   }
-  _initialMain(unitId) {
-    const formulaEditorDocObject = this._renderManagerService.getRenderById(unitId);
-    if (formulaEditorDocObject == null)
-      return;
-    const { mainComponent: documentComponent } = formulaEditorDocObject;
-    documentComponent != null && this.disposeWithMe(
-      documentComponent.onPointerDown$.subscribeEvent(() => {
-        this._editorBridgeService.isVisible().visible === !1 && (this._editorBridgeService.changeVisible({
-          visible: !0,
-          eventType: DeviceInputEventType.PointerDown,
-          unitId
-        }), this._undoRedoService.clearUndoRedo(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY)), this._contextService.setContextValue(FOCUSING_FX_BAR_EDITOR, !0);
-      })
-    );
-  }
-  // Listen to changes in the size of the formula editor container to set the size of the editor.
   _syncEditorSize() {
     const addFOrmulaBar$ = this._univerInstanceService.unitAdded$.pipe(filter((unit) => unit.getUnitId() === DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY));
     this.disposeWithMe(combineLatest([this._formulaEditorManagerService.position$, addFOrmulaBar$]).subscribe(([position]) => {
@@ -22960,7 +23083,7 @@ let EditorBridgeRenderController = (_a56 = class extends RxDisposable {
   }
   _showEditorByKeyboard(config) {
     const event = config == null ? void 0 : config.event;
-    config == null || !event.data && event.inputType !== "InsertParagraph" || this._commandService.executeCommand(SetCellEditVisibleOperation.id, {
+    config == null || !event.data && event.inputType !== "InsertParagraph" || this._commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
       visible: !0,
       eventType: DeviceInputEventType.Keyboard,
       keycode: event.which,
@@ -23946,6 +24069,7 @@ export {
   SetCellEditVisibleOperation,
   SetCellEditVisibleWithF2Operation,
   SetColumnFrozenCommand,
+  SetColumnHeaderHeightCommand,
   SetFormatPainterOperation,
   SetInfiniteFormatPainterCommand,
   SetOnceFormatPainterCommand,
@@ -23960,6 +24084,7 @@ export {
   SetRangeTextColorCommand,
   SetRangeUnderlineCommand,
   SetRowFrozenCommand,
+  SetRowHeaderWidthCommand,
   SetScrollOperation,
   SetScrollRelativeCommand,
   SetSelectionFrozenCommand,