@univerjs/sheets-ui 0.4.0 → 0.4.1-nightly.202410201605

package/lib/es/index.js

@@ -3,15 +3,15 @@ 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, NodePositionConvertToCursor, getLineBounding, DOC_VERTICAL_PADDING, SetInlineFormatBoldCommand, SetInlineFormatItalicCommand, SetInlineFormatUnderlineCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatFontSizeCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatTextColorCommand, TextEditor, SetInlineFormatCommand, BreakLineCommand, DeleteLeftCommand, DocSelectionRenderService, VIEWPORT_KEY, DOCS_COMPONENT_MAIN_LAYER_INDEX, MoveSelectionOperation, MoveCursorOperation, CoverContentCommand, IMEInputCommand, InsertCommand, IRangeSelectorService } from "@univerjs/docs-ui";
-import { Inject, Injector, Disposable, CommandType, IUniverInstanceService, ICommandService, UniverInstanceType, LocaleService, Direction, Rectangle, getReverseDirection, RANGE_TYPE, Tools, Workbook, FOCUSING_SHEET, toDisposable, IContextService, UserManagerService, FOCUSING_COMMON_DRAWINGS, IPermissionService, RxDisposable, createInterceptorKey, makeCellToSelection, ColorKit, Quantity, createIdentifier, InterceptorManager, ThemeService, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, EDITOR_ACTIVATED, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE, CellValueType, CustomRangeType, PresetListType, VerticalAlign, HorizontalAlign, ObjectMatrix, isFormulaString, isFormulaId, numfmt, IUndoRedoService, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, Optional, DisposableCollection, sortRules, sequenceExecute, Dimension, ILogService, BorderStyleTypes, useDependency, createInternalEditorID, AbsoluteRefType, useObservable as useObservable$1, DEFAULT_EMPTY_DOCUMENT_VALUE, DocumentFlavor, WrapStrategy, BooleanNumber, IConfigService, nameCharacterCheck, debounce, FOCUSING_UNIVER_EDITOR, FOCUSING_FX_BAR_EDITOR, FOCUSING_EDITOR_INPUT_FORMULA, LRUMap, BaselineOffset, DataStreamTreeTokenType, skipParseTagNames, generateRandomId, DEFAULT_WORKSHEET_ROW_HEIGHT, ErrorService, extractPureTextFromCell, FontWeight, FontItalic, DEFAULT_STYLES, NilCommand, connectInjector, LocaleType, FOCUSING_EDITOR_BUT_HIDDEN, Range, cellToRange, convertBodyToHtml, handleStyleToString, DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY, DEFAULT_WORKSHEET_COLUMN_WIDTH, isRealNum, InterceptorEffectEnum, fromEventSubject, IAuthzIoService, CustomCommandExecutionError, isICellData, splitIntoGrid, isValidRange, DependentOn, Plugin, registerDependencies, mergeOverrideWithDependencies, touchDependencies } from "@univerjs/core";
-import { SpreadsheetSkeleton, IRenderManagerService, Vector2, SHEET_VIEWPORT_KEY as SHEET_VIEWPORT_KEY$1, PointerInput, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, Spreadsheet, Rect, DashedRect, Group, TRANSFORM_CHANGE_OBSERVABLE_TYPE, cancelRequestFrame, requestNewFrame, FIX_ONE_PIXEL_BLUR_OFFSET, Layer, CURSOR_TYPE, ScrollTimer, ScrollTimerType, DeviceInputEventType, convertTextRotation, hasCJKText, ptToPixel, ScrollBar, fixLineWidthByScale, DEFAULT_PADDING_DATA, Shape, SheetExtension, RegularPolygon, SHEET_EXTENSION_PREFIX, SpreadsheetRowHeader, SpreadsheetColumnHeader, Viewport } from "@univerjs/engine-render";
-import { getSheetCommandTarget, alignToMergedCellsBorders, getSelectionsService, getCellAtRowCol, SetSelectionsOperation, expandToContinuousRange, ScrollToCellOperation, IExclusiveRangeService, SheetsSelectionsService, RangeProtectionRuleModel, WorksheetProtectionRuleModel, WorkbookEditablePermission, WorksheetEditPermission, RangeProtectionPermissionEditPoint, WorkbookManageCollaboratorPermission, SELECTION_CONTROL_BORDER_BUFFER_COLOR, getNormalSelectionStyle, SELECTION_CONTROL_BORDER_BUFFER_WIDTH, transformCellDataToSelectionData, IRefSelectionsService, SheetInterceptorService, SetWorksheetRowAutoHeightMutationFactory, SetWorksheetRowAutoHeightMutation, SetRangeValuesCommand, SetWorksheetRowIsAutoHeightCommand, SetStyleCommand, SetRangeValuesMutation, generateNullCellValue, SetRangeValuesUndoMutationFactory, SetWorksheetActiveOperation, MoveRangeMutation, RemoveRowMutation, RemoveColMutation, InsertRowMutation, InsertColMutation, MoveRowsMutation, MoveColsMutation, SetWorksheetColWidthMutation, SetWorksheetRowHeightMutation, RemoveSheetMutation, RemoveMergeUndoMutationFactory, RemoveWorksheetMergeMutation, AddWorksheetMergeMutation, getAddMergeMutationRangeByType, AddMergeUndoMutationFactory, UnitAction, AddMergeRedoSelectionsOperationFactory, AddMergeUndoSelectionsOperationFactory, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, SetRowHiddenCommand, SetColHiddenCommand, SetBoldCommand, SetItalicCommand, SetUnderlineCommand, SetStrikeThroughCommand, SetFontSizeCommand, SetFontFamilyCommand, SetTextColorCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, AddWorksheetProtectionMutation, DeleteWorksheetProtectionMutation, SetWorksheetProtectionMutation, AddRangeProtectionMutation, DeleteRangeProtectionMutation, SetRangeProtectionMutation, RemoveRowCommand, RemoveColCommand, RemoveSheetCommand, SetFrozenMutationFactory, SetFrozenMutation, BorderStyleManagerService, InsertDefinedNameCommand, SetDefinedNameCommand, RemoveDefinedNameCommand, SetWorksheetShowCommand, WorksheetSetCellValuePermission, SetWorksheetOrderMutation, InsertSheetMutation, SetWorksheetNameMutation, SetWorksheetHideMutation, SetWorksheetActivateCommand, SetWorksheetNameCommand, SetWorksheetOrderCommand, WorkbookRenameSheetPermission, SetTabColorMutation, WorkbookCreateSheetPermission, InsertSheetCommand, getPrimaryForRange, WorksheetSetCellStylePermission, SetBorderBasicCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, ClearSelectionAllCommand, WorksheetDeleteColumnPermission, WorksheetDeleteRowPermission, WorksheetInsertColumnPermission, WorksheetInsertRowPermission, InsertRowBeforeCommand, InsertRowAfterCommand, InsertColBeforeCommand, InsertColAfterCommand, WorksheetCopyPermission, ResetTextColorCommand, ResetBackgroundColorCommand, SetBackgroundColorCommand, SetHorizontalTextAlignCommand, SetVerticalTextAlignCommand, SetTextWrapCommand, SetTextRotationCommand, WorkbookCopyPermission, RangeProtectionPermissionViewPoint, WorksheetSetColumnStylePermission, WorksheetSetRowStylePermission, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectedRowsVisibleCommand, SetColHiddenMutation, SetColVisibleMutation, SetSelectedColsVisibleCommand, SetRowHeightCommand, SetWorksheetRowIsAutoHeightMutation, SetColWidthCommand, MergeCellController, MERGE_CELL_INTERCEPTOR_CHECK, RemoveWorksheetMergeCommand, CopySheetCommand, SetTabColorCommand, SetWorksheetHideCommand, WorkbookDeleteSheetPermission, WorkbookHideSheetPermission, AddWorksheetMergeCommand as AddWorksheetMergeCommand$1, AddWorksheetMergeAllCommand as AddWorksheetMergeAllCommand$1, AddWorksheetMergeVerticalCommand as AddWorksheetMergeVerticalCommand$1, AddWorksheetMergeHorizontalCommand as AddWorksheetMergeHorizontalCommand$1, COMMAND_LISTENER_SKELETON_CHANGE, DISABLE_NORMAL_SELECTIONS, SelectionMoveType, convertSelectionDataToRange, RefRangeService, ToggleCellCheckboxCommand, MoveRangeCommand, MAX_CELL_PER_SHEET_KEY, INTERCEPTOR_POINT, WorksheetProtectionPointModel, RangeProtectionCache, getAllRangePermissionPoint, getAllWorksheetPermissionPointByPointPanel, defaultWorkbookPermissionPoints, getAllWorkbookPermissionPoint, getAllWorksheetPermissionPoint, defaultWorksheetPermissionPoint, WorksheetViewPermission, SetWorksheetPermissionPointsMutation, SetSpecificRowsVisibleCommand, SetSpecificColsVisibleCommand, WorkbookMoveSheetPermission, MoveRowsCommand, MoveColsCommand, DeltaRowHeightCommand, DeltaColumnWidthCommand, SetFrozenCommand, InsertRowCommand, InsertColCommand, INumfmtService, AddRangeProtectionCommand as AddRangeProtectionCommand$1, DeleteRangeProtectionCommand, setEndForRange, SetWorksheetPermissionPointsCommand, COMMAND_LISTENER_VALUE_CHANGE, UniverSheetsPlugin, RefSelectionsService } from "@univerjs/sheets";
-import { BehaviorSubject, switchMap, of, combineLatest, map, startWith, merge, debounceTime, takeUntil, distinctUntilChanged, Subject, mergeMap, EMPTY, Observable, combineLatestWith, filter, throttleTime, skip, Subscription, withLatestFrom } from "rxjs";
+import { Inject, Injector, Disposable, CommandType, IUniverInstanceService, ICommandService, UniverInstanceType, createInterceptorKey, RANGE_TYPE, makeCellToSelection, toDisposable, ColorKit, Tools, Quantity, createIdentifier, InterceptorManager, LocaleService, Direction, Rectangle, getReverseDirection, Workbook, FOCUSING_SHEET, IContextService, UserManagerService, FOCUSING_COMMON_DRAWINGS, IPermissionService, RxDisposable, ThemeService, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, EDITOR_ACTIVATED, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE, CellValueType, CustomRangeType, PresetListType, VerticalAlign, HorizontalAlign, ObjectMatrix, isFormulaString, isFormulaId, numfmt, IUndoRedoService, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, Optional, DisposableCollection, sortRules, sequenceExecute, Dimension, ILogService, BorderStyleTypes, useDependency, createInternalEditorID, AbsoluteRefType, useObservable as useObservable$1, DEFAULT_EMPTY_DOCUMENT_VALUE, DocumentFlavor, WrapStrategy, BooleanNumber, IConfigService, nameCharacterCheck, debounce, FOCUSING_UNIVER_EDITOR, FOCUSING_FX_BAR_EDITOR, FOCUSING_EDITOR_INPUT_FORMULA, LRUMap, BaselineOffset, DataStreamTreeTokenType, skipParseTagNames, generateRandomId, DEFAULT_WORKSHEET_ROW_HEIGHT, ErrorService, extractPureTextFromCell, FontWeight, FontItalic, DEFAULT_STYLES, NilCommand, connectInjector, LocaleType, FOCUSING_EDITOR_BUT_HIDDEN, Range, cellToRange, convertBodyToHtml, handleStyleToString, DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY, DEFAULT_WORKSHEET_COLUMN_WIDTH, isRealNum, InterceptorEffectEnum, fromEventSubject, IAuthzIoService, CustomCommandExecutionError, isICellData, splitIntoGrid, isValidRange, DependentOn, Plugin, registerDependencies, mergeOverrideWithDependencies, touchDependencies } from "@univerjs/core";
+import { SpreadsheetSkeleton, IRenderManagerService, Rect, DashedRect, Group, TRANSFORM_CHANGE_OBSERVABLE_TYPE, cancelRequestFrame, requestNewFrame, FIX_ONE_PIXEL_BLUR_OFFSET, Layer, SHEET_VIEWPORT_KEY as SHEET_VIEWPORT_KEY$1, CURSOR_TYPE, Vector2, ScrollTimer, ScrollTimerType, PointerInput, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, Spreadsheet, DeviceInputEventType, convertTextRotation, hasCJKText, ptToPixel, ScrollBar, fixLineWidthByScale, DEFAULT_PADDING_DATA, Shape, SheetExtension, RegularPolygon, SHEET_EXTENSION_PREFIX, SpreadsheetRowHeader, SpreadsheetColumnHeader, Viewport } from "@univerjs/engine-render";
+import { getSheetCommandTarget, SELECTION_CONTROL_BORDER_BUFFER_COLOR, getNormalSelectionStyle, SELECTION_CONTROL_BORDER_BUFFER_WIDTH, transformCellDataToSelectionData, alignToMergedCellsBorders, getSelectionsService, getCellAtRowCol, SetSelectionsOperation, expandToContinuousRange, ScrollToCellOperation, IExclusiveRangeService, SheetsSelectionsService, RangeProtectionRuleModel, WorksheetProtectionRuleModel, WorkbookEditablePermission, WorksheetEditPermission, RangeProtectionPermissionEditPoint, WorkbookManageCollaboratorPermission, IRefSelectionsService, SheetInterceptorService, SetWorksheetRowAutoHeightMutationFactory, SetWorksheetRowAutoHeightMutation, SetRangeValuesCommand, SetWorksheetRowIsAutoHeightCommand, SetStyleCommand, SetRangeValuesMutation, generateNullCellValue, SetRangeValuesUndoMutationFactory, SetWorksheetActiveOperation, MoveRangeMutation, RemoveRowMutation, RemoveColMutation, InsertRowMutation, InsertColMutation, MoveRowsMutation, MoveColsMutation, SetWorksheetColWidthMutation, SetWorksheetRowHeightMutation, RemoveSheetMutation, RemoveMergeUndoMutationFactory, RemoveWorksheetMergeMutation, AddWorksheetMergeMutation, getAddMergeMutationRangeByType, AddMergeUndoMutationFactory, UnitAction, AddMergeRedoSelectionsOperationFactory, AddMergeUndoSelectionsOperationFactory, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, SetRowHiddenCommand, SetColHiddenCommand, SetBoldCommand, SetItalicCommand, SetUnderlineCommand, SetStrikeThroughCommand, SetFontSizeCommand, SetFontFamilyCommand, SetTextColorCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, AddWorksheetProtectionMutation, DeleteWorksheetProtectionMutation, SetWorksheetProtectionMutation, AddRangeProtectionMutation, DeleteRangeProtectionMutation, SetRangeProtectionMutation, RemoveRowCommand, RemoveColCommand, RemoveSheetCommand, SetFrozenMutationFactory, SetFrozenMutation, BorderStyleManagerService, InsertDefinedNameCommand, SetDefinedNameCommand, RemoveDefinedNameCommand, SetWorksheetShowCommand, WorksheetSetCellValuePermission, SetWorksheetOrderMutation, InsertSheetMutation, SetWorksheetNameMutation, SetWorksheetHideMutation, SetWorksheetActivateCommand, SetWorksheetNameCommand, SetWorksheetOrderCommand, WorkbookRenameSheetPermission, SetTabColorMutation, WorkbookCreateSheetPermission, InsertSheetCommand, getPrimaryForRange, WorksheetSetCellStylePermission, SetBorderBasicCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, ClearSelectionAllCommand, WorksheetDeleteColumnPermission, WorksheetDeleteRowPermission, WorksheetInsertColumnPermission, WorksheetInsertRowPermission, InsertRowBeforeCommand, InsertRowAfterCommand, InsertColBeforeCommand, InsertColAfterCommand, WorksheetCopyPermission, ResetTextColorCommand, ResetBackgroundColorCommand, SetBackgroundColorCommand, SetHorizontalTextAlignCommand, SetVerticalTextAlignCommand, SetTextWrapCommand, SetTextRotationCommand, WorkbookCopyPermission, RangeProtectionPermissionViewPoint, WorksheetSetColumnStylePermission, WorksheetSetRowStylePermission, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectedRowsVisibleCommand, SetColHiddenMutation, SetColVisibleMutation, SetSelectedColsVisibleCommand, SetRowHeightCommand, SetWorksheetRowIsAutoHeightMutation, SetColWidthCommand, MergeCellController, MERGE_CELL_INTERCEPTOR_CHECK, RemoveWorksheetMergeCommand, CopySheetCommand, SetTabColorCommand, SetWorksheetHideCommand, WorkbookDeleteSheetPermission, WorkbookHideSheetPermission, AddWorksheetMergeCommand as AddWorksheetMergeCommand$1, AddWorksheetMergeAllCommand as AddWorksheetMergeAllCommand$1, AddWorksheetMergeVerticalCommand as AddWorksheetMergeVerticalCommand$1, AddWorksheetMergeHorizontalCommand as AddWorksheetMergeHorizontalCommand$1, COMMAND_LISTENER_SKELETON_CHANGE, DISABLE_NORMAL_SELECTIONS, SelectionMoveType, convertSelectionDataToRange, RefRangeService, ToggleCellCheckboxCommand, MoveRangeCommand, MAX_CELL_PER_SHEET_KEY, INTERCEPTOR_POINT, WorksheetProtectionPointModel, RangeProtectionCache, getAllRangePermissionPoint, getAllWorksheetPermissionPointByPointPanel, defaultWorkbookPermissionPoints, getAllWorkbookPermissionPoint, getAllWorksheetPermissionPoint, defaultWorksheetPermissionPoint, WorksheetViewPermission, SetWorksheetPermissionPointsMutation, SetSpecificRowsVisibleCommand, SetSpecificColsVisibleCommand, WorkbookMoveSheetPermission, MoveRowsCommand, MoveColsCommand, DeltaRowHeightCommand, DeltaColumnWidthCommand, SetFrozenCommand, InsertRowCommand, InsertColCommand, INumfmtService, AddRangeProtectionCommand as AddRangeProtectionCommand$1, DeleteRangeProtectionCommand, setEndForRange, SetWorksheetPermissionPointsCommand, COMMAND_LISTENER_VALUE_CHANGE, UniverSheetsPlugin, RefSelectionsService } from "@univerjs/sheets";
+import { BehaviorSubject, Subject, switchMap, of, combineLatest, map, startWith, merge, debounceTime, takeUntil, distinctUntilChanged, mergeMap, EMPTY, Observable, combineLatestWith, filter, throttleTime, skip, Subscription, withLatestFrom } from "rxjs";
 import { KeyCode, IConfirmService, ISidebarService, IDialogService, ComponentManager, IContextMenuService, useObservable, DISABLE_AUTO_FOCUS_KEY, ProgressBar, PLUGIN_CONFIG_KEY as PLUGIN_CONFIG_KEY$1, Menu as Menu$1, ContextMenuPosition, IMessageService, IClipboardInterfaceService, IMenuManagerService, ToolbarItem, DEFAULT_BACKGROUND_COLOR_RGB, DEFAULT_BACKGROUND_COLOR_RGBA, handleStringToStyle, textTrim, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, HTML_CLIPBOARD_MIME_TYPE, INotificationService, IPlatformService, CopyCommand, CutCommand, PasteCommand, MenuItemType, getMenuHiddenObservable, FONT_FAMILY_LIST, FONT_SIZE_LIST, RibbonStartGroup, ContextMenuGroup, MetaKeys, FontFamily, FontFamilyItem, FontSize, BuiltInUIPart, ILayoutService, IShortcutService, IUIPartsService, SetEditorResizeOperation, ICanvasPopupService, UniverMobileUIPlugin } from "@univerjs/ui";
 import { DocSkeletonManagerService, SetTextSelectionsOperation, DocSelectionManagerService, RichTextEditingMutation } from "@univerjs/docs";
 import React, { forwardRef, useRef, createElement, useState, useEffect, useMemo, useCallback, useLayoutEffect } from "react";
 import { Dropdown, ColorPicker, Menu, MenuItem, InputNumber, Input, RadioGroup, Radio, Select, Button, Tooltip, Confirm, Slider, MessageType, Avatar, FormLayout, Switch } from "@univerjs/design";
-import { IDefinedNamesService, IFunctionService, LexerTreeBuilder, operatorToken, isReferenceStrings, isReferenceStringWithEffectiveColumn, serializeRangeWithSheet, FUNCTION_NAMES_STATISTICAL, FUNCTION_NAMES_MATH, FUNCTION_NAMES_TEXT, sequenceNodeType, matchToken, deserializeRangeWithSheet, NullValueObject, serializeRange } from "@univerjs/engine-formula";
+import { IDefinedNamesService, IFunctionService, LexerTreeBuilder, operatorToken, isReferenceStrings, isReferenceStringWithEffectiveColumn, serializeRangeWithSheet, FUNCTION_NAMES_STATISTICAL, FUNCTION_NAMES_MATH, FUNCTION_NAMES_TEXT, sequenceNodeType, matchToken, deserializeRangeWithSheet, NullValueObject, serializeRange, SetFormulaCalculationNotificationMutation } from "@univerjs/engine-formula";
 import { filter as filter$1 } from "rxjs/operators";
 import { ITelemetryService } from "@univerjs/telemetry";
 var SheetsUIPart = /* @__PURE__ */ ((SheetsUIPart2) => (SheetsUIPart2.FILTER_PANEL_EMBED_POINT = "filter-panel-embed-point", SheetsUIPart2.SHEETS_FOOTER = "sheets-footer", SheetsUIPart2))(SheetsUIPart || {});
@@ -385,59 +385,7 @@ const SetScrollOperation = {
       sheetViewStartColumn: 0
     });
   }, "handler")
-};
-var __defProp$T = Object.defineProperty, __getOwnPropDesc$T = Object.getOwnPropertyDescriptor, __decorateClass$T = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$T(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$T(target, key, result), result;
-}, "__decorateClass$T"), __decorateParam$T = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$T"), _a3;
-let ShortcutExperienceService = (_a3 = class {
-  constructor(_univerInstanceService, _localeService) {
-    __publicField(this, "_current", null);
-    __publicField(this, "_shortcutParam", []);
-    this._univerInstanceService = _univerInstanceService, this._localeService = _localeService;
-  }
-  dispose() {
-    this._shortcutParam = [];
-  }
-  getCurrentBySearch(searchParm) {
-    return this._getCurrentBySearch(searchParm);
-  }
-  getCurrent() {
-    return this._getCurrentBySearch(this._current);
-  }
-  addOrUpdate(insertParam) {
-    const param = this._getCurrentBySearch({
-      unitId: insertParam.unitId,
-      sheetId: insertParam.sheetId,
-      keycode: insertParam.keycode
-    });
-    if (param != null) {
-      const index = this._shortcutParam.indexOf(param);
-      this._shortcutParam.splice(index, 1);
-    }
-    return this._shortcutParam.push(insertParam), param;
-  }
-  remove(searchParm) {
-    if (searchParm == null)
-      return;
-    const param = this._getCurrentBySearch(searchParm);
-    if (param == null)
-      return;
-    const index = this._shortcutParam.indexOf(param);
-    return this._shortcutParam.splice(index, 1)[0];
-  }
-  _getCurrentBySearch(searchParm) {
-    return searchParm == null ? void 0 : this._shortcutParam.find(
-      (param) => param.unitId === searchParm.unitId && param.sheetId === searchParm.sheetId && param.keycode === searchParm.keycode
-    );
-  }
-}, __name(_a3, "ShortcutExperienceService"), _a3);
-ShortcutExperienceService = __decorateClass$T([
-  __decorateParam$T(0, IUniverInstanceService),
-  __decorateParam$T(1, Inject(LocaleService))
-], ShortcutExperienceService);
-const _SelectAllService = class _SelectAllService extends Disposable {
+}, _SelectAllService = class _SelectAllService extends Disposable {
   constructor() {
     super(...arguments);
     __publicField(this, "rangesStack", []);
@@ -446,1319 +394,207 @@ const _SelectAllService = class _SelectAllService extends Disposable {
 };
 __name(_SelectAllService, "SelectAllService");
 let SelectAllService = _SelectAllService;
-var MergeType = /* @__PURE__ */ ((MergeType2) => (MergeType2.MergeAll = "mergeAll", MergeType2.MergeVertical = "mergeVertical", MergeType2.MergeHorizontal = "mergeHorizontal", MergeType2))(MergeType || {});
-function findNextRange(startRange, direction, worksheet, boundary, isFindNext = !0, nextStep = 1, isGoBack = !0) {
-  let destRange = { ...startRange };
-  boundary == null && (boundary = {
-    startRow: 0,
-    endRow: worksheet.getRowCount() - 1,
-    startColumn: 0,
-    endColumn: worksheet.getColumnCount() - 1
-  });
-  let next;
-  switch (direction) {
-    case Direction.UP:
-      for (next = startRange.startRow - nextStep; next > -1 && !worksheet.getRowVisible(next); )
-        next -= 1;
-      next >= boundary.startRow ? (destRange.startRow = next, destRange.endRow = next) : isGoBack && (destRange.startRow = boundary.endRow, destRange.endRow = boundary.endRow, isFindNext && (destRange = findNextRange(destRange, Direction.LEFT, worksheet, boundary, !1)));
-      break;
-    case Direction.DOWN:
-      for (next = startRange.endRow + nextStep; next < worksheet.getRowCount() && !worksheet.getRowVisible(next); )
-        next += 1;
-      next <= boundary.endRow ? (destRange.startRow = next, destRange.endRow = next) : isGoBack && (destRange.startRow = boundary.startRow, destRange.endRow = boundary.startRow, isFindNext && (destRange = findNextRange(destRange, Direction.RIGHT, worksheet, boundary, !1)));
-      break;
-    case Direction.LEFT:
-      for (next = startRange.startColumn - nextStep; next > -1 && !worksheet.getColVisible(next); )
-        next -= 1;
-      next >= boundary.startColumn ? (destRange.startColumn = next, destRange.endColumn = next) : isGoBack && (destRange.startColumn = boundary.endColumn, destRange.endColumn = boundary.endColumn, isFindNext && (destRange = findNextRange(destRange, Direction.UP, worksheet, boundary, !1)));
-      break;
-    case Direction.RIGHT:
-      for (next = startRange.endColumn + nextStep; next < worksheet.getColumnCount() && !worksheet.getColVisible(next); )
-        next += 1;
-      next <= boundary.endColumn ? (destRange.startColumn = next, destRange.endColumn = next) : isGoBack && (destRange.startColumn = boundary.startColumn, destRange.endColumn = boundary.startColumn, isFindNext && (destRange = findNextRange(destRange, Direction.DOWN, worksheet, boundary, !1)));
-      break;
+const SHEET_ZOOM_RANGE = [10, 400], RANGE_SELECTOR_COMPONENT_KEY = "RANGE_SELECTOR_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 || {}), SHEET_VIEWPORT_KEY = /* @__PURE__ */ ((SHEET_VIEWPORT_KEY2) => (SHEET_VIEWPORT_KEY2.VIEW_MAIN = "viewMain", SHEET_VIEWPORT_KEY2.VIEW_MAIN_LEFT_TOP = "viewMainLeftTop", SHEET_VIEWPORT_KEY2.VIEW_MAIN_TOP = "viewMainTop", SHEET_VIEWPORT_KEY2.VIEW_MAIN_LEFT = "viewMainLeft", SHEET_VIEWPORT_KEY2.VIEW_ROW_TOP = "viewRowTop", SHEET_VIEWPORT_KEY2.VIEW_ROW_BOTTOM = "viewRowBottom", SHEET_VIEWPORT_KEY2.VIEW_COLUMN_LEFT = "viewColumnLeft", SHEET_VIEWPORT_KEY2.VIEW_COLUMN_RIGHT = "viewColumnRight", SHEET_VIEWPORT_KEY2.VIEW_LEFT_TOP = "viewLeftTop", SHEET_VIEWPORT_KEY2))(SHEET_VIEWPORT_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");
+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 || {});
+const _SelectionRenderModel = class _SelectionRenderModel {
+  constructor() {
+    __publicField(this, "_startColumn", -1);
+    __publicField(this, "_startRow", -1);
+    __publicField(this, "_endColumn", -1);
+    __publicField(this, "_endRow", -1);
+    __publicField(this, "_startX", 0);
+    __publicField(this, "_startY", 0);
+    __publicField(this, "_endX", 0);
+    __publicField(this, "_endY", 0);
+    /**
+     * The highlight cell of a selection. aka: current cell
+     */
+    __publicField(this, "_primary");
+    __publicField(this, "_rangeType", RANGE_TYPE.NORMAL);
   }
-  return destRange;
-}
-__name(findNextRange, "findNextRange");
-function findNextGapRange(startRange, direction, worksheet) {
-  const destRange = { ...startRange }, { startRow, startColumn, endRow, endColumn } = getEdgeOfRange(startRange, direction, worksheet);
-  let currentPositionHasValue = rangeHasValue(worksheet, startRow, startColumn, endRow, endColumn).hasValue, firstMove = !0, shouldContinue = !0;
-  for (; shouldContinue; ) {
-    if (Direction.UP === direction) {
-      let next = destRange.startRow - 1;
-      for (; next > -1 && !worksheet.getRowVisible(next); )
-        next -= 1;
-      if (next === -1) {
-        shouldContinue = !1;
-        break;
-      }
-      const { hasValue: nextRangeHasValue, matrix } = rangeHasValue(
-        worksheet,
-        next,
-        destRange.startColumn,
-        next,
-        destRange.endColumn
-      );
-      if (currentPositionHasValue && !nextRangeHasValue && !firstMove) {
-        shouldContinue = !1;
-        break;
-      } else {
-        if (matrix.getLength() !== 0) {
-          let min = next;
-          matrix.forValue((row) => {
-            min = Math.min(row, min);
-          }), destRange.startRow = min;
-        } else
-          destRange.startRow = next;
-        if (destRange.endRow = destRange.startRow, !currentPositionHasValue && nextRangeHasValue) {
-          shouldContinue = !1;
-          break;
-        }
-        currentPositionHasValue = nextRangeHasValue, firstMove = !1;
-      }
-    }
-    if (Direction.DOWN === direction) {
-      let next = destRange.endRow + 1;
-      for (; next < worksheet.getRowCount() && !worksheet.getRowVisible(next); )
-        next += 1;
-      if (next === worksheet.getRowCount()) {
-        shouldContinue = !1;
-        break;
-      }
-      const { hasValue: nextRangeHasValue, matrix } = rangeHasValue(
-        worksheet,
-        next,
-        destRange.startColumn,
-        next,
-        destRange.endColumn
-      );
-      if (currentPositionHasValue && !nextRangeHasValue && !firstMove) {
-        shouldContinue = !1;
-        break;
-      } else {
-        if (matrix.getLength() !== 0) {
-          let max = next;
-          matrix.forValue((row, _, value) => {
-            max = Math.max(row + (value.rowSpan || 1) - 1, max);
-          }), destRange.endRow = max;
-        } else
-          destRange.endRow = next;
-        if (destRange.startRow = destRange.endRow, !currentPositionHasValue && nextRangeHasValue) {
-          shouldContinue = !1;
-          break;
-        }
-        currentPositionHasValue = nextRangeHasValue, firstMove = !1;
-      }
-    }
-    if (Direction.LEFT === direction) {
-      let next = destRange.startColumn - 1;
-      for (; next > -1 && !worksheet.getColVisible(next); )
-        next -= 1;
-      if (next === -1) {
-        shouldContinue = !1;
-        break;
-      }
-      const { hasValue: nextRangeHasValue, matrix } = rangeHasValue(
-        worksheet,
-        destRange.startRow,
-        next,
-        destRange.endRow,
-        next
-      );
-      if (currentPositionHasValue && !nextRangeHasValue && !firstMove) {
-        shouldContinue = !1;
-        break;
-      } else {
-        if (matrix.getLength() !== 0) {
-          let min = next;
-          matrix.forValue((_, col) => {
-            min = Math.min(col, min);
-          }), destRange.startColumn = min;
-        } else
-          destRange.startColumn = next;
-        if (destRange.endColumn = destRange.startColumn, !currentPositionHasValue && nextRangeHasValue) {
-          shouldContinue = !1;
-          break;
-        }
-        currentPositionHasValue = nextRangeHasValue, firstMove = !1;
-      }
-    }
-    if (Direction.RIGHT === direction) {
-      let next = destRange.endColumn + 1;
-      for (; next < worksheet.getColumnCount() && !worksheet.getColVisible(next); )
-        next += 1;
-      if (next === worksheet.getColumnCount()) {
-        shouldContinue = !1;
-        break;
-      }
-      const { hasValue: nextRangeHasValue, matrix } = rangeHasValue(
-        worksheet,
-        destRange.startRow,
-        next,
-        destRange.endRow,
-        next
-      );
-      if (currentPositionHasValue && !nextRangeHasValue && !firstMove) {
-        shouldContinue = !1;
-        break;
-      } else {
-        if (matrix.getLength() !== 0) {
-          let max = next;
-          matrix.forValue((_, col, value) => {
-            max = Math.max(col + (value.colSpan || 1) - 1, max);
-          }), destRange.endColumn = max;
-        } else
-          destRange.endColumn = next;
-        if (destRange.startColumn = destRange.endColumn, !currentPositionHasValue && nextRangeHasValue) {
-          shouldContinue = !1;
-          break;
-        }
-        currentPositionHasValue = nextRangeHasValue, firstMove = !1;
-      }
-    }
+  get startColumn() {
+    return this._startColumn;
   }
-  return alignToMergedCellsBorders(destRange, worksheet, !0);
-}
-__name(findNextGapRange, "findNextGapRange");
-function findNextRangeExpand(startRange, direction, worksheet) {
-  return findNextRange(startRange, direction, worksheet, void 0, !1, 1, !1);
-}
-__name(findNextRangeExpand, "findNextRangeExpand");
-function expandToNextGapRange(startRange, direction, worksheet) {
-  const next = findNextGapRange(startRange, direction, worksheet);
-  return alignToMergedCellsBorders(Rectangle.union(next, startRange), worksheet, !0);
-}
-__name(expandToNextGapRange, "expandToNextGapRange");
-function expandToNextCell(startRange, direction, worksheet) {
-  const next = findNextRangeExpand(startRange, direction, worksheet), destRange = {
-    startRow: Math.min(startRange.startRow, next.startRow),
-    startColumn: Math.min(startRange.startColumn, next.startColumn),
-    endRow: Math.max(startRange.endRow, next.endRow),
-    endColumn: Math.max(startRange.endColumn, next.endColumn)
-  };
-  return alignToMergedCellsBorders(Rectangle.union(startRange, destRange), worksheet);
-}
-__name(expandToNextCell, "expandToNextCell");
-function shrinkToNextGapRange(startRange, anchorRange, direction, worksheet) {
-  const reversedDirection = getReverseDirection(direction), nextGap = findNextGapRange(getEdgeOfRange(startRange, reversedDirection, worksheet), direction, worksheet);
-  return direction === Direction.UP && nextGap.startRow <= startRange.startRow ? alignToMergedCellsBorders(
-    { ...anchorRange, startColumn: startRange.startColumn, endColumn: startRange.endColumn },
-    worksheet,
-    !0
-  ) : direction === Direction.DOWN && nextGap.endRow >= startRange.endRow ? alignToMergedCellsBorders(
-    { ...anchorRange, startColumn: startRange.startColumn, endColumn: startRange.endColumn },
-    worksheet,
-    !0
-  ) : direction === Direction.LEFT && nextGap.startColumn <= startRange.startColumn ? alignToMergedCellsBorders(
-    { ...anchorRange, startRow: startRange.startRow, endRow: startRange.endRow },
-    worksheet,
-    !0
-  ) : direction === Direction.RIGHT && nextGap.endColumn >= startRange.endColumn ? alignToMergedCellsBorders(
-    { ...anchorRange, startRow: startRange.startRow, endRow: startRange.endRow },
-    worksheet,
-    !0
-  ) : Rectangle.union(Rectangle.clone(anchorRange), nextGap);
-}
-__name(shrinkToNextGapRange, "shrinkToNextGapRange");
-function shrinkToNextCell(startRange, direction, worksheet) {
-  const reversedDirection = getReverseDirection(direction), shrinkFromEdge = getEdgeOfRange(startRange, reversedDirection, worksheet), otherEdge = getEdgeOfRange(startRange, direction, worksheet), next = findNextRangeExpand(shrinkFromEdge, direction, worksheet);
-  return alignToMergedCellsBorders(Rectangle.union(otherEdge, next), worksheet, !1);
-}
-__name(shrinkToNextCell, "shrinkToNextCell");
-function expandToWholeSheet(worksheet) {
-  return {
-    startRow: 0,
-    startColumn: 0,
-    endRow: worksheet.getRowCount() - 1,
-    endColumn: worksheet.getColumnCount() - 1,
-    rangeType: RANGE_TYPE.ALL
-  };
-}
-__name(expandToWholeSheet, "expandToWholeSheet");
-function getEdgeOfRange(startRange, direction, worksheet) {
-  let destRange;
-  switch (direction) {
-    case Direction.UP:
-      destRange = {
-        startRow: startRange.startRow,
-        startColumn: startRange.startColumn,
-        endRow: startRange.startRow,
-        endColumn: startRange.endColumn,
-        rangeType: RANGE_TYPE.NORMAL
-      };
-      break;
-    case Direction.DOWN:
-      destRange = {
-        startRow: startRange.endRow,
-        startColumn: startRange.startColumn,
-        endRow: startRange.endRow,
-        endColumn: startRange.endColumn,
-        rangeType: RANGE_TYPE.NORMAL
-      };
-      break;
-    case Direction.LEFT:
-      destRange = {
-        startRow: startRange.startRow,
-        startColumn: startRange.startColumn,
-        endRow: startRange.endRow,
-        endColumn: startRange.startColumn,
-        rangeType: RANGE_TYPE.NORMAL
-      };
-      break;
-    case Direction.RIGHT:
-      destRange = {
-        startRow: startRange.startRow,
-        startColumn: startRange.endColumn,
-        endRow: startRange.endRow,
-        endColumn: startRange.endColumn,
-        rangeType: RANGE_TYPE.NORMAL
-      };
-      break;
-    default:
-      throw new Error("Invalid direction");
+  get startRow() {
+    return this._startRow;
   }
-  return alignToMergedCellsBorders(destRange, worksheet, !1);
-}
-__name(getEdgeOfRange, "getEdgeOfRange");
-function rangeHasValue(worksheet, row, col, rowEnd, colEnd) {
-  let hasValue = !1;
-  const matrix = worksheet.getMatrixWithMergedCells(row, col, rowEnd, colEnd).forValue((_, __, value) => {
-    if (cellHasValue(value))
-      return hasValue = !0, !1;
-  });
-  return {
-    hasValue,
-    matrix
-  };
-}
-__name(rangeHasValue, "rangeHasValue");
-function getStartRange(range, primary, direction) {
-  const ret = Rectangle.clone(range);
-  if (primary == null)
-    return ret;
-  switch (direction) {
-    case Direction.UP:
-    case Direction.DOWN:
-      ret.startColumn = ret.endColumn = primary.actualColumn;
-      break;
-    case Direction.LEFT:
-    case Direction.RIGHT:
-      ret.startRow = ret.endRow = primary.actualRow;
-      break;
+  get endColumn() {
+    return this._endColumn;
   }
-  return ret;
-}
-__name(getStartRange, "getStartRange");
-function checkIfShrink(selection, direction, worksheet) {
-  const { primary, range } = selection, startRange = Rectangle.clone(range);
-  switch (direction) {
-    case Direction.UP:
-    case Direction.DOWN:
-      startRange.startRow = primary.startRow, startRange.endRow = primary.endRow;
-      break;
-    case Direction.LEFT:
-    case Direction.RIGHT:
-      startRange.startColumn = primary.startColumn, startRange.endColumn = primary.endColumn;
-      break;
+  get endRow() {
+    return this._endRow;
   }
-  const anchorRange = getEdgeOfRange(startRange, direction, worksheet);
-  switch (direction) {
-    case Direction.DOWN:
-      return range.startRow < anchorRange.startRow;
-    case Direction.UP:
-      return range.endRow > anchorRange.endRow;
-    case Direction.LEFT:
-      return anchorRange.endColumn < range.endColumn;
-    case Direction.RIGHT:
-      return anchorRange.startColumn > range.startColumn;
+  get startX() {
+    return this._startX;
   }
-}
-__name(checkIfShrink, "checkIfShrink");
-function isAllRowsCovered(allRowRanges, ranges) {
-  let start = allRowRanges[0].startRow, end = allRowRanges[0].endRow;
-  allRowRanges.forEach((range) => {
-    const { startRow, endRow } = range;
-    start = Math.min(start, startRow), end = Math.max(end, endRow);
-  });
-  const covered = new Array(end - start + 1).fill(!1);
-  return ranges.forEach((range) => {
-    const { startRow, endRow } = range;
-    for (let i = Math.max(startRow, start); i <= Math.min(endRow, end); i++)
-      covered[i - start] = !0;
-  }), allRowRanges.every((range) => {
-    const { startRow, endRow } = range;
-    for (let i = startRow; i <= endRow; i++)
-      if (!covered[i - start])
-        return !1;
-    return !0;
-  });
-}
-__name(isAllRowsCovered, "isAllRowsCovered");
-function isAllColumnsCovered(allColumnRanges, ranges) {
-  let start = allColumnRanges[0].startColumn, end = allColumnRanges[0].endColumn;
-  allColumnRanges.forEach((range) => {
-    const { startColumn, endColumn } = range;
-    start = Math.min(start, startColumn), end = Math.max(end, endColumn);
-  });
-  const covered = new Array(end - start + 1).fill(!1);
-  return ranges.forEach((range) => {
-    const { startColumn, endColumn } = range;
-    for (let i = Math.max(startColumn, start); i <= Math.min(endColumn, end); i++)
-      covered[i - start] = !0;
-  }), allColumnRanges.every((range) => {
-    const { startColumn, endColumn } = range;
-    for (let i = startColumn; i <= endColumn; i++)
-      if (!covered[i - start])
-        return !1;
-    return !0;
-  });
-}
-__name(isAllColumnsCovered, "isAllColumnsCovered");
-function getMergeableSelectionsByType(type, selections) {
-  return selections ? type === "mergeAll" ? selections.filter((selection) => !(selection.startRow === selection.endRow && selection.startColumn === selection.endColumn)) : type === "mergeVertical" ? selections.filter((selection) => selection.startRow !== selection.endRow) : type === "mergeHorizontal" ? selections.filter((selection) => selection.startColumn !== selection.endColumn) : selections : null;
-}
-__name(getMergeableSelectionsByType, "getMergeableSelectionsByType");
-function cellHasValue(cell) {
-  return cell.v !== void 0 && cell.v !== null && cell.v !== "" || cell.p !== void 0;
-}
-__name(cellHasValue, "cellHasValue");
-var JumpOver = /* @__PURE__ */ ((JumpOver2) => (JumpOver2[JumpOver2.moveStopeOne = 0] = "moveStopeOne", JumpOver2[JumpOver2.moveGap = 1] = "moveGap", JumpOver2[JumpOver2.moveStepPage = 2] = "moveStepPage", JumpOver2[JumpOver2.moveStepEnd = 3] = "moveStepEnd", JumpOver2))(JumpOver || {});
-const MoveSelectionCommand = {
-  id: "sheet.command.move-selection",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name(async (accessor, params) => {
-    if (!params)
-      return !1;
-    const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
-    if (!target) return !1;
-    const { workbook, worksheet } = target, selection = getSelectionsService(accessor).getCurrentLastSelection();
-    if (!selection)
-      return !1;
-    const { direction, jumpOver } = params, { range, primary } = selection, startRange = getStartRange(range, primary, direction), next = jumpOver === 1 ? findNextGapRange(startRange, direction, worksheet) : findNextRange(startRange, direction, worksheet), destRange = getCellAtRowCol(next.startRow, next.startColumn, worksheet);
-    return Rectangle.equals(destRange, startRange) ? !1 : (accessor.get(ShortcutExperienceService).remove({
-      unitId: workbook.getUnitId(),
-      sheetId: worksheet.getSheetId(),
-      keycode: KeyCode.TAB
-    }), accessor.get(ICommandService).executeCommand(SetSelectionsOperation.id, {
-      unitId: workbook.getUnitId(),
-      subUnitId: worksheet.getSheetId(),
-      selections: [
-        {
-          range: Rectangle.clone(destRange),
-          primary: {
-            startRow: destRange.startRow,
-            startColumn: destRange.startColumn,
-            endRow: destRange.endRow,
-            endColumn: destRange.endColumn,
-            actualRow: next.startRow,
-            actualColumn: next.startColumn,
-            isMerged: destRange.isMerged,
-            isMergedMainCell: destRange.startRow === next.startRow && destRange.startColumn === next.startColumn
-          }
-        }
-      ]
-    }));
-  }, "handler")
-}, MoveSelectionEnterAndTabCommand = {
-  id: "sheet.command.move-selection-enter-tab",
-  type: CommandType.COMMAND,
-  // eslint-disable-next-line max-lines-per-function
-  handler: /* @__PURE__ */ __name(async (accessor, params) => {
-    if (!params)
-      return !1;
-    const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
-    if (!target) return !1;
-    const { workbook, worksheet } = target, selection = getSelectionsService(accessor).getCurrentLastSelection();
-    if (!selection)
-      return !1;
-    const unitId = workbook.getUnitId(), sheetId = worksheet.getSheetId();
-    if (!selection)
-      return !1;
-    const { direction, keycode } = params, { range, primary } = selection;
-    let startRange = getStartRange(range, primary, direction);
-    const shortcutExperienceService = accessor.get(ShortcutExperienceService), shortcutExperienceParam = shortcutExperienceService.getCurrentBySearch({
-      unitId,
-      sheetId,
-      keycode: KeyCode.TAB
-    });
-    let resultRange;
-    const { startRow, endRow, startColumn, endColumn } = range;
-    if (Rectangle.equals(range, primary)) {
-      if (keycode === KeyCode.TAB)
-        shortcutExperienceParam == null && shortcutExperienceService.addOrUpdate({
-          unitId,
-          sheetId,
-          keycode: KeyCode.TAB,
-          selection
-        });
-      else {
-        const selectionRemain = shortcutExperienceParam == null ? void 0 : shortcutExperienceParam.selection;
-        if (selectionRemain != null) {
-          const { range: range2, primary: primary2 } = selectionRemain;
-          startRange = getStartRange(range2, primary2, direction);
-        }
-        shortcutExperienceService.remove({
-          unitId,
-          sheetId,
-          keycode: KeyCode.TAB
-        });
-      }
-      const next = findNextRange(startRange, direction, worksheet), destRange = getCellAtRowCol(next.startRow, next.startColumn, worksheet);
-      if (Rectangle.equals(destRange, startRange))
-        return !1;
-      resultRange = {
-        range: Rectangle.clone(destRange),
-        primary: {
-          startRow: destRange.startRow,
-          startColumn: destRange.startColumn,
-          endRow: destRange.endRow,
-          endColumn: destRange.endColumn,
-          actualRow: next.startRow,
-          actualColumn: next.startColumn,
-          isMerged: destRange.isMerged,
-          isMergedMainCell: destRange.startRow === next.startRow && destRange.startColumn === next.startColumn
-        }
-      };
-    } else {
-      shortcutExperienceService.remove({
-        unitId,
-        sheetId,
-        keycode: KeyCode.TAB
-      });
-      const newPrimary = Tools.deepClone(primary), next = findNextRange(
-        {
-          startRow: newPrimary.startRow,
-          startColumn: newPrimary.startColumn,
-          endRow: newPrimary.endRow,
-          endColumn: newPrimary.endColumn
-        },
-        direction,
-        worksheet,
-        {
-          startRow,
-          endRow,
-          startColumn,
-          endColumn
-        }
-      ), destRange = getCellAtRowCol(next.startRow, next.startColumn, worksheet);
-      resultRange = {
-        range: Rectangle.clone(range),
-        primary: {
-          startRow: destRange.startRow,
-          startColumn: destRange.startColumn,
-          endRow: destRange.endRow,
-          endColumn: destRange.endColumn,
-          actualRow: next.startRow,
-          actualColumn: next.startColumn,
-          isMerged: destRange.isMerged,
-          isMergedMainCell: destRange.startRow === next.startRow && destRange.startColumn === next.startColumn
-        }
-      };
-    }
-    return accessor.get(ICommandService).executeCommand(SetSelectionsOperation.id, {
-      unitId,
-      subUnitId: sheetId,
-      selections: [resultRange]
-    });
-  }, "handler")
-}, ExpandSelectionCommand = {
-  id: "sheet.command.expand-selection",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name(async (accessor, params) => {
-    if (!params) return !1;
-    const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
-    if (!target) return !1;
-    const { worksheet, unitId, subUnitId } = target, selection = getSelectionsService(accessor).getCurrentLastSelection();
-    if (!selection) return !1;
-    const { range: startRange, primary } = selection, { jumpOver, direction } = params, destRange = checkIfShrink(selection, direction, worksheet) ? jumpOver === 1 ? shrinkToNextGapRange(
-      startRange,
-      { ...Rectangle.clone(primary), rangeType: RANGE_TYPE.NORMAL },
-      direction,
-      worksheet
-    ) : shrinkToNextCell(startRange, direction, worksheet) : jumpOver === 1 ? expandToNextGapRange(startRange, direction, worksheet) : expandToNextCell(startRange, direction, worksheet);
-    return Rectangle.equals(destRange, startRange) ? !1 : accessor.get(ICommandService).executeCommand(SetSelectionsOperation.id, {
-      unitId,
-      subUnitId,
-      selections: [
-        {
-          range: destRange,
-          primary
-          // this remains unchanged
-        }
-      ]
-    });
-  }, "handler")
-}, SelectAllCommand = {
-  id: "sheet.command.select-all",
-  type: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name(async (accessor, params = { expandToGapFirst: !0, loop: !1 }) => {
-    const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
-    if (!target) return !1;
-    const selection = getSelectionsService(accessor).getCurrentLastSelection();
-    if (!selection) return !1;
-    const selectAllService = accessor.get(SelectAllService), { worksheet, unitId, subUnitId } = target, id = `${unitId}|${subUnitId}`;
-    id !== selectAllService.selectedRangeWorksheet && (selectAllService.rangesStack = [], selectAllService.selectedRangeWorksheet = id);
-    const maxRow = worksheet.getMaxRows(), maxCol = worksheet.getMaxColumns(), { expandToGapFirst, loop } = params, { range, primary } = selection, isWholeSheetSelected = range.endColumn === maxCol - 1 && range.endRow === maxRow - 1 && range.startRow === 0 && range.startColumn === 0;
-    selectAllService.rangesStack.some((s) => Rectangle.equals(s, range)) || (selectAllService.rangesStack = [], selectAllService.rangesStack.push(range));
-    let destRange;
-    if (isWholeSheetSelected)
-      if (loop) {
-        if (selectAllService.rangesStack.findIndex((s) => Rectangle.equals(s, range)) !== selectAllService.rangesStack.length - 1)
-          return !1;
-        destRange = selectAllService.rangesStack[0];
-      } else
-        return !1;
-    else expandToGapFirst ? (destRange = expandToContinuousRange(range, { left: !0, right: !0, up: !0, down: !0 }, worksheet), Rectangle.equals(destRange, range) && (destRange = expandToWholeSheet(worksheet))) : destRange = expandToWholeSheet(worksheet);
-    return selectAllService.rangesStack.some((s) => Rectangle.equals(s, destRange)) || selectAllService.rangesStack.push(destRange), accessor.get(ICommandService).executeCommand(SetSelectionsOperation.id, {
-      unitId,
-      subUnitId,
-      selections: [
-        {
-          range: destRange,
-          primary
-          // this remains unchanged
-        }
-      ]
-    });
-  }, "handler")
-}, SHEET_ZOOM_RANGE = [10, 400], RANGE_SELECTOR_COMPONENT_KEY = "RANGE_SELECTOR_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 || {}), SHEET_VIEWPORT_KEY = /* @__PURE__ */ ((SHEET_VIEWPORT_KEY2) => (SHEET_VIEWPORT_KEY2.VIEW_MAIN = "viewMain", SHEET_VIEWPORT_KEY2.VIEW_MAIN_LEFT_TOP = "viewMainLeftTop", SHEET_VIEWPORT_KEY2.VIEW_MAIN_TOP = "viewMainTop", SHEET_VIEWPORT_KEY2.VIEW_MAIN_LEFT = "viewMainLeft", SHEET_VIEWPORT_KEY2.VIEW_ROW_TOP = "viewRowTop", SHEET_VIEWPORT_KEY2.VIEW_ROW_BOTTOM = "viewRowBottom", SHEET_VIEWPORT_KEY2.VIEW_COLUMN_LEFT = "viewColumnLeft", SHEET_VIEWPORT_KEY2.VIEW_COLUMN_RIGHT = "viewColumnRight", SHEET_VIEWPORT_KEY2.VIEW_LEFT_TOP = "viewLeftTop", SHEET_VIEWPORT_KEY2))(SHEET_VIEWPORT_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;
-function isRenderManagerService(renderManagerService) {
-  return typeof renderManagerService.isMainScene > "u";
-}
-__name(isRenderManagerService, "isRenderManagerService");
-function getSheetObject(univerInstanceService, renderManagerService) {
-  const workbook = univerInstanceService instanceof Workbook ? univerInstanceService : univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
-  if (!workbook) return null;
-  const unitId = workbook.getUnitId();
-  let components, mainComponent, scene, engine;
-  if (isRenderManagerService(renderManagerService)) {
-    const currentRender = renderManagerService.getRenderById(unitId);
-    if (currentRender == null) return null;
-    components = currentRender.components, components = currentRender.components, mainComponent = currentRender.mainComponent, scene = currentRender.scene, engine = currentRender.engine;
-  } else
-    components = renderManagerService.components, mainComponent = renderManagerService.mainComponent, scene = renderManagerService.scene, engine = renderManagerService.engine;
-  if (!components || !mainComponent) return null;
-  const spreadsheet = mainComponent, spreadsheetRowHeader = components.get(SHEET_VIEW_KEY.ROW), spreadsheetColumnHeader = components.get(SHEET_VIEW_KEY.COLUMN), spreadsheetLeftTopPlaceholder = components.get(SHEET_VIEW_KEY.LEFT_TOP);
-  return {
-    spreadsheet,
-    spreadsheetRowHeader,
-    spreadsheetColumnHeader,
-    spreadsheetLeftTopPlaceholder,
-    scene,
-    engine
-  };
-}
-__name(getSheetObject, "getSheetObject");
-function getCoordByCell(row, col, scene, skeleton) {
-  const { startX, startY, endX, endY } = skeleton.getCellByIndex(row, col);
-  return { startX, startY, endX, endY };
-}
-__name(getCoordByCell, "getCoordByCell");
-function getCoordByOffset(evtOffsetX, evtOffsetY, scene, skeleton, viewport, closeFirst) {
-  const relativeCoords = scene.getRelativeToViewportCoord(Vector2.FromArray([evtOffsetX, evtOffsetY])), { x: newEvtOffsetX, y: newEvtOffsetY } = relativeCoords, scrollXY = scene.getVpScrollXYInfoByPosToVp(relativeCoords, viewport), { scaleX, scaleY } = scene.getAncestorScale(), moveActualSelection = skeleton.getCellPositionByOffset(
-    newEvtOffsetX,
-    newEvtOffsetY,
-    scaleX,
-    scaleY,
-    scrollXY,
-    closeFirst
-  ), { row, column } = moveActualSelection, startCell = skeleton.getNoMergeCellPositionByIndex(row, column), { startX, startY, endX, endY } = startCell;
-  return {
-    startX,
-    startY,
-    endX,
-    endY,
-    row,
-    column
-  };
-}
-__name(getCoordByOffset, "getCoordByOffset");
-function getTransformCoord(evtOffsetX, evtOffsetY, scene, skeleton) {
-  const relativeCoords = scene.getRelativeToViewportCoord(Vector2.FromArray([evtOffsetX, evtOffsetY])), viewMain = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN), scrollXY = scene.getVpScrollXYInfoByPosToVp(relativeCoords, viewMain), { scaleX, scaleY } = scene.getAncestorScale(), { x: scrollX, y: scrollY } = scrollXY, offsetX = evtOffsetX / scaleX + scrollX, offsetY = evtOffsetY / scaleY + scrollY;
-  return { x: offsetX, y: offsetY };
-}
-__name(getTransformCoord, "getTransformCoord");
-var __defProp$S = Object.defineProperty, __getOwnPropDesc$S = Object.getOwnPropertyDescriptor, __decorateClass$S = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$S(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$S(target, key, result), result;
-}, "__decorateClass$S"), __decorateParam$S = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$S");
-const SHEET_NAVIGATION_COMMANDS$1 = [MoveSelectionCommand.id, MoveSelectionEnterAndTabCommand.id];
-var _a4;
-let SheetsScrollRenderController = (_a4 = class extends Disposable {
-  constructor(_context, _injector, _sheetSkeletonManagerService, _contextService, _commandService, _renderManagerService, _scrollManagerService) {
-    super(), this._context = _context, this._injector = _injector, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._contextService = _contextService, this._commandService = _commandService, this._renderManagerService = _renderManagerService, this._scrollManagerService = _scrollManagerService, this._initCommandListener(), this._wheelEventListener(), this._scrollBarEventListener(), this._initSkeletonListener();
+  get startY() {
+    return this._startY;
   }
-  scrollToRange(range) {
-    let { endRow, endColumn, startColumn, startRow } = range;
-    const bounding = this._getViewportBounding();
-    if (range.rangeType === RANGE_TYPE.ROW ? (startColumn = 0, endColumn = 0) : range.rangeType === RANGE_TYPE.COLUMN && (startRow = 0, endRow = 0), bounding) {
-      const row = bounding.startRow > endRow ? startRow : endRow, col = bounding.startColumn > endColumn ? startColumn : endColumn;
-      return this._scrollToCell(row, col);
-    } else
-      return this._scrollToCell(startRow, startColumn);
+  get endX() {
+    return this._endX;
   }
-  _initCommandListener() {
-    this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
-      if (SHEET_NAVIGATION_COMMANDS$1.includes(command.id))
-        this._scrollToSelection();
-      else if (command.id === ScrollToCellOperation.id) {
-        const param = command.params;
-        this.scrollToRange(param);
-      } else if (command.id === ExpandSelectionCommand.id) {
-        const param = command.params;
-        this._scrollToSelectionForExpand(param);
-      } else command.id === SetSelectionsOperation.id && command.params.reveal && this._scrollToSelection();
-    }));
+  get endY() {
+    return this._endY;
   }
-  _scrollToSelectionForExpand(param) {
-    setTimeout(() => {
-      const selection = this._getSelectionsService().getCurrentLastSelection();
-      if (selection == null)
-        return;
-      const { startRow, startColumn, endRow, endColumn } = selection.range, bounds = this._getViewportBounding();
-      if (bounds == null)
-        return;
-      const { startRow: viewportStartRow, startColumn: viewportStartColumn, endRow: viewportEndRow, endColumn: viewportEndColumn } = bounds;
-      let row = 0, column = 0;
-      startRow > viewportStartRow ? row = endRow : endRow < viewportEndRow ? row = startRow : row = viewportStartRow, startColumn > viewportStartColumn ? column = endColumn : endColumn < viewportEndColumn ? column = startColumn : column = viewportStartColumn, param.direction === Direction.DOWN ? row = endRow : param.direction === Direction.UP ? row = startRow : param.direction === Direction.RIGHT ? column = endColumn : param.direction === Direction.LEFT && (column = startColumn), this._scrollToCell(row, column);
-    }, 0);
+  get currentCell() {
+    return this._primary;
   }
-  _getFreeze() {
-    var _a61;
-    const snapshot = (_a61 = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _a61.skeleton.getWorksheetConfig();
-    if (snapshot != null)
-      return snapshot.freeze;
+  get rangeType() {
+    return this._rangeType;
   }
-  _wheelEventListener() {
-    const { scene } = this._context;
-    if (!scene) return;
-    const viewMain = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
-    viewMain && this.disposeWithMe(
-      // eslint-disable-next-line complexity
-      scene.onMouseWheel$.subscribeEvent((evt, state) => {
-        if (evt.ctrlKey || !this._contextService.getContextValue(FOCUSING_SHEET))
-          return;
-        let offsetX = 0, offsetY = 0;
-        const isLimitedStore = viewMain.limitedScroll();
-        if (evt.inputIndex === PointerInput.MouseWheelX) {
-          const scrollNum = Math.abs(evt.deltaX);
-          offsetX = evt.deltaX > 0 ? scrollNum : -scrollNum, this._commandService.executeCommand(SetScrollRelativeCommand.id, { offsetX }), scene.getParent().classType === RENDER_CLASS_TYPE.SCENE_VIEWER ? isLimitedStore != null && isLimitedStore.isLimitedX || state.stopPropagation() : viewMain.isWheelPreventDefaultX ? evt.preventDefault() : isLimitedStore != null && isLimitedStore.isLimitedX || evt.preventDefault();
-        }
-        if (evt.inputIndex === PointerInput.MouseWheelY) {
-          let scrollNum = Math.abs(evt.deltaY);
-          evt.shiftKey ? (scrollNum *= 3, evt.deltaY > 0 ? offsetX = scrollNum : offsetX = -scrollNum, this._commandService.executeCommand(SetScrollRelativeCommand.id, { offsetX }), scene.getParent().classType === RENDER_CLASS_TYPE.SCENE_VIEWER ? isLimitedStore != null && isLimitedStore.isLimitedX || state.stopPropagation() : viewMain.isWheelPreventDefaultX ? evt.preventDefault() : isLimitedStore != null && isLimitedStore.isLimitedX || evt.preventDefault()) : (offsetY = evt.deltaY > 0 ? scrollNum : -scrollNum, this._commandService.executeCommand(SetScrollRelativeCommand.id, { offsetY }), scene.getParent().classType === RENDER_CLASS_TYPE.SCENE_VIEWER ? isLimitedStore != null && isLimitedStore.isLimitedY || state.stopPropagation() : viewMain.isWheelPreventDefaultY ? evt.preventDefault() : isLimitedStore != null && isLimitedStore.isLimitedY || evt.preventDefault());
-        }
-        this._context.scene.makeDirty(!0);
-      })
-    );
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _scrollBarEventListener() {
-    const { scene } = this._context;
-    if (scene == null) return;
-    const viewportMain = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
-    viewportMain && (this.disposeWithMe(
-      toDisposable(
-        this._scrollManagerService.rawScrollInfo$.subscribe((rawScrollInfo) => {
-          var _a61;
-          const skeleton = (_a61 = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _a61.skeleton;
-          if (!skeleton) return;
-          if (rawScrollInfo == null) {
-            viewportMain.scrollToViewportPos({
-              viewportScrollX: 0,
-              viewportScrollY: 0
-            });
-            return;
-          }
-          const { sheetViewStartRow, sheetViewStartColumn, offsetX, offsetY } = rawScrollInfo, { startX, startY } = skeleton.getCellByIndexWithNoHeader(
-            sheetViewStartRow,
-            sheetViewStartColumn
-          ), viewportScrollX = startX + offsetX, viewportScrollY = startY + offsetY;
-          viewportMain.scrollToViewportPos({ viewportScrollX, viewportScrollY });
-        })
-      )
-    ), this.disposeWithMe(
-      // set scrollInfo, the event is triggered in viewport@_scrollToScrollbarPos
-      viewportMain.onScrollAfter$.subscribeEvent((scrollAfterParam) => {
-        var _a61;
-        const skeleton = (_a61 = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _a61.skeleton;
-        if (skeleton == null || scrollAfterParam.isTrigger === !1)
-          return;
-        const sheetObject = this._getSheetObject();
-        if (skeleton == null || sheetObject == null)
-          return;
-        const { viewportScrollX, viewportScrollY, scrollX, scrollY } = scrollAfterParam, { row, column, rowOffset, columnOffset } = skeleton.getDecomposedOffset(
-          viewportScrollX,
-          viewportScrollY
-        ), scrollInfo = {
-          sheetViewStartRow: row,
-          sheetViewStartColumn: column,
-          offsetX: columnOffset,
-          offsetY: rowOffset
-        };
-        this._scrollManagerService.setScrollStateToCurrSheet(scrollInfo), this._scrollManagerService.validViewportScrollInfo$.next({
-          ...scrollInfo,
-          viewportScrollX,
-          viewportScrollY,
-          scrollX,
-          scrollY
-        });
-      })
-    ), this.disposeWithMe(
-      // get scrollByBar event from viewport and exec ScrollCommand.id.
-      viewportMain.onScrollByBar$.subscribeEvent((param) => {
-        var _a61;
-        const skeleton = (_a61 = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _a61.skeleton;
-        if (skeleton == null || param.isTrigger === !1)
-          return;
-        const sheetObject = this._getSheetObject();
-        if (skeleton == null || sheetObject == null)
-          return;
-        const { viewportScrollX = 0, viewportScrollY = 0 } = param, freeze = this._getFreeze(), { row, column, rowOffset, columnOffset } = skeleton.getDecomposedOffset(
-          viewportScrollX,
-          viewportScrollY
-        );
-        this._commandService.executeCommand(ScrollCommand.id, {
-          sheetViewStartRow: row + ((freeze == null ? void 0 : freeze.ySplit) || 0),
-          sheetViewStartColumn: column + ((freeze == null ? void 0 : freeze.xSplit) || 0),
-          offsetX: columnOffset,
-          offsetY: rowOffset
-        });
-      })
-    ));
+  /**
+   * @deprecated, Duplicate with `Rectangle`
+   */
+  isEqual(rangeWithCoord) {
+    const { startColumn, startRow, endColumn, endRow } = this, {
+      startColumn: newStartColumn,
+      startRow: newStartRow,
+      endColumn: newEndColumn,
+      endRow: newEndRow
+    } = rangeWithCoord;
+    return startColumn === newStartColumn && startRow === newStartRow && endColumn === newEndColumn && endRow === newEndRow;
   }
-  _initSkeletonListener() {
-    this.disposeWithMe(toDisposable(
-      this._sheetSkeletonManagerService.currentSkeletonBefore$.subscribe((param) => {
-        if (param == null)
-          return;
-        const scrollParam = { unitId: param.unitId, sheetId: param.sheetId };
-        this._scrollManagerService.setSearchParam(scrollParam);
-        const sheetObject = this._getSheetObject();
-        if (!sheetObject) return;
-        const viewportMain = sheetObject.scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN), currScrollInfo = this._scrollManagerService.getScrollStateByParam(scrollParam), { viewportScrollX, viewportScrollY } = this._scrollManagerService.calcViewportScrollFromRowColOffset(currScrollInfo);
-        viewportMain && (currScrollInfo ? (viewportMain.viewportScrollX = viewportScrollX, viewportMain.viewportScrollY = viewportScrollY) : (viewportMain.viewportScrollX = 0, viewportMain.viewportScrollY = 0), this._updateSceneSize(param));
-      })
-    ));
+  /**
+   * @deprecated, Duplicate with `Rectangle`
+   */
+  isInclude(rangeWithCoord) {
+    const { startColumn, startRow, endColumn, endRow } = this, {
+      startColumn: newStartColumn,
+      startRow: newStartRow,
+      endColumn: newEndColumn,
+      endRow: newEndRow
+    } = rangeWithCoord;
+    return !(newEndColumn < startColumn || newStartColumn > endColumn || newStartRow > endRow || newEndRow < startRow);
   }
-  _updateSceneSize(param) {
-    var _a61;
-    if (param == null)
-      return;
-    const { unitId } = this._context, { skeleton } = param, scene = (_a61 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a61.scene;
-    if (skeleton == null || scene == null)
-      return;
-    const { rowTotalHeight, columnTotalWidth, rowHeaderWidthAndMarginLeft, columnHeaderHeightAndMarginTop } = skeleton, worksheet = this._context.unit.getActiveSheet();
-    if (!worksheet) return;
-    const zoomRatio = worksheet.getZoomRatio() || 1;
-    scene == null || scene.setScaleValue(zoomRatio, zoomRatio), scene == null || scene.transformByState({
-      width: rowHeaderWidthAndMarginLeft + columnTotalWidth,
-      height: columnHeaderHeightAndMarginTop + rowTotalHeight
-    });
+  highlightToSelection() {
+    if (this._primary)
+      return makeCellToSelection(this._primary);
   }
-  _getSheetObject() {
-    return getSheetObject(this._context.unit, this._context);
+  getRange() {
+    return {
+      startColumn: this._startColumn,
+      startRow: this._startRow,
+      endColumn: this._endColumn,
+      endRow: this._endRow,
+      startX: this._startX,
+      startY: this._startY,
+      endX: this._endX,
+      endY: this._endY,
+      rangeType: this.rangeType
+    };
   }
-  _scrollToSelectionByDirection(range) {
-    const bounds = this._getViewportBounding();
-    if (bounds == null)
-      return !1;
-    const {
-      startRow: viewportStartRow,
-      startColumn: viewportStartColumn,
-      endRow: viewportEndRow,
-      endColumn: viewportEndColumn
-    } = bounds;
-    let row = 0, column = 0;
-    const { startRow, startColumn, endRow, endColumn } = range;
-    startRow >= viewportStartRow && (row = endRow), endRow <= viewportEndRow && (row = startRow), startColumn >= viewportStartColumn && (column = endColumn), endColumn <= viewportEndColumn && (column = startColumn), this._scrollToCell(row, column);
+  getCell() {
+    return this._primary;
   }
-  _scrollToSelection(targetIsActualRowAndColumn = !0) {
-    const selection = this._getSelectionsService().getCurrentLastSelection();
-    if (!selection) return;
-    const { startRow, startColumn, actualRow, actualColumn } = selection.primary, selectionStartRow = targetIsActualRowAndColumn ? actualRow : startRow, selectionStartColumn = targetIsActualRowAndColumn ? actualColumn : startColumn;
-    this._scrollToCell(selectionStartRow, selectionStartColumn);
+  getRangeType() {
+    return this._rangeType;
   }
-  _getSelectionsService() {
-    return getSelectionsService(this._injector);
+  setRangeType(rangeType) {
+    this._rangeType = rangeType;
   }
-  _getViewportBounding() {
-    var _a61, _b;
-    const scene = (_a61 = this._getSheetObject()) == null ? void 0 : _a61.scene;
-    if (scene == null)
-      return;
-    const viewport = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
-    if (viewport == null)
-      return;
-    const skeleton = (_b = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _b.skeleton;
-    if (skeleton == null)
-      return;
-    const bounds = viewport.getBounding();
-    return skeleton.getRowColumnSegmentByViewBound(bounds.viewBound);
+  getValue() {
+    return {
+      rangeWithCoord: this.getRange(),
+      primaryWithCoord: this._primary
+    };
   }
-  // eslint-disable-next-line max-lines-per-function, complexity
-  _scrollToCell(row, column) {
-    var _a61, _b, _c, _d;
-    const { rowHeightAccumulation, columnWidthAccumulation } = (_b = (_a61 = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _a61.skeleton) != null ? _b : {};
-    if (rowHeightAccumulation == null || columnWidthAccumulation == null) return !1;
-    const scene = (_c = this._getSheetObject()) == null ? void 0 : _c.scene;
-    if (scene == null) return !1;
-    const viewport = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
-    if (viewport == null || ((_d = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _d.skeleton) == null) return !1;
-    const worksheet = this._context.unit.getActiveSheet();
-    if (!worksheet) return !1;
-    const {
-      startColumn: freezeStartColumn,
-      startRow: freezeStartRow,
-      ySplit: freezeYSplit,
-      xSplit: freezeXSplit
-    } = worksheet.getFreeze(), bounds = this._getViewportBounding();
-    if (bounds == null) return !1;
+  setValue(newSelectionRange, currentCell) {
     const {
-      startRow: viewportStartRow,
-      startColumn: viewportStartColumn,
-      endRow: viewportEndRow,
-      endColumn: viewportEndColumn
-    } = bounds;
-    let startSheetViewRow, startSheetViewColumn;
-    if (row >= freezeStartRow && column >= freezeStartColumn - freezeXSplit && (row <= viewportStartRow && (startSheetViewRow = row), row >= viewportEndRow)) {
-      const minRowAccumulation = rowHeightAccumulation[row] - viewport.height;
-      for (let r2 = viewportStartRow; r2 <= row; r2++)
-        if (rowHeightAccumulation[r2] >= minRowAccumulation) {
-          startSheetViewRow = r2 + 1;
-          break;
-        }
-    }
-    if (column >= freezeStartColumn && row >= freezeStartRow - freezeYSplit && (column <= viewportStartColumn && (startSheetViewColumn = column), column >= viewportEndColumn)) {
-      const minColumnAccumulation = columnWidthAccumulation[column] - viewport.width;
-      for (let c = viewportStartColumn; c <= column; c++)
-        if (columnWidthAccumulation[c] >= minColumnAccumulation) {
-          startSheetViewColumn = c + 1;
-          break;
-        }
-    }
-    if (startSheetViewRow === void 0 && startSheetViewColumn === void 0) return !1;
-    const { offsetX, offsetY } = this._scrollManagerService.getCurrentScrollState() || {};
-    return startSheetViewRow = startSheetViewRow && Math.min(startSheetViewRow, row), startSheetViewColumn = startSheetViewColumn && Math.min(startSheetViewColumn, column), this._commandService.syncExecuteCommand(ScrollCommand.id, {
-      sheetViewStartRow: startSheetViewRow,
-      sheetViewStartColumn: startSheetViewColumn,
-      offsetX: startSheetViewColumn === void 0 ? offsetX : 0,
-      offsetY: startSheetViewRow === void 0 ? offsetY : 0
-    });
-  }
-}, __name(_a4, "SheetsScrollRenderController"), _a4);
-SheetsScrollRenderController = __decorateClass$S([
-  __decorateParam$S(1, Inject(Injector)),
-  __decorateParam$S(2, Inject(SheetSkeletonManagerService)),
-  __decorateParam$S(3, IContextService),
-  __decorateParam$S(4, ICommandService),
-  __decorateParam$S(5, IRenderManagerService),
-  __decorateParam$S(6, Inject(SheetScrollManagerService))
-], SheetsScrollRenderController);
-function getActiveSheet$(univerInstanceService) {
-  return univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(switchMap((workbook) => workbook ? workbook.activeSheet$.pipe(map((worksheet) => worksheet ? { workbook, worksheet } : null)) : of(null)));
-}
-__name(getActiveSheet$, "getActiveSheet$");
-function deriveStateFromActiveSheet$(univerInstanceService, defaultValue, callback) {
-  return getActiveSheet$(univerInstanceService).pipe(switchMap((active) => active ? callback(active) : of(defaultValue)));
-}
-__name(deriveStateFromActiveSheet$, "deriveStateFromActiveSheet$");
-function getCurrentExclusiveRangeInterest$(accessor, disableGroupSet) {
-  const univerInstanceService = accessor.get(IUniverInstanceService), exclusiveRangeService = accessor.get(IExclusiveRangeService), selectionManagerService = accessor.get(SheetsSelectionsService);
-  return univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(
-    switchMap((workbook) => workbook ? combineLatest([selectionManagerService.selectionMoveEnd$, workbook.activeSheet$]).pipe(
-      switchMap(([selections, worksheet]) => {
-        if (!worksheet)
-          return of(!1);
-        if (selections.length === 0)
-          return of(!1);
-        const interestGroupIds = exclusiveRangeService.getInterestGroupId(selections);
-        if (disableGroupSet) {
-          const disableGroup = interestGroupIds.filter((groupId) => disableGroupSet.has(groupId));
-          return of(disableGroup.length > 0);
-        } else
-          return of(interestGroupIds.length > 0);
-      })
-    ) : of(!1))
-  );
-}
-__name(getCurrentExclusiveRangeInterest$, "getCurrentExclusiveRangeInterest$");
-function getObservableWithExclusiveRange$(accessor, observable$, disableGroupSet) {
-  return combineLatest([observable$, getCurrentExclusiveRangeInterest$(accessor, disableGroupSet)]).pipe(
-    map(([observable, exclusiveRangeDisable]) => observable || exclusiveRangeDisable)
-  );
-}
-__name(getObservableWithExclusiveRange$, "getObservableWithExclusiveRange$");
-function getCurrentRangeDisable$(accessor, permissionTypes = {}) {
-  const workbook$ = accessor.get(IUniverInstanceService).getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), userManagerService = accessor.get(UserManagerService);
-  return combineLatest([userManagerService.currentUser$, workbook$]).pipe(
-    switchMap(([_, workbook]) => workbook ? workbook.activeSheet$.pipe(
-      switchMap((worksheet) => {
-        if (!worksheet)
-          return of(!0);
-        const selectionManagerService = accessor.get(SheetsSelectionsService), rangeProtectionRuleModel = accessor.get(RangeProtectionRuleModel), worksheetRuleModel = accessor.get(WorksheetProtectionRuleModel), focusedOnDrawing$ = accessor.get(IContextService).subscribeContextValue$(FOCUSING_COMMON_DRAWINGS).pipe(startWith(!1));
-        return combineLatest([selectionManagerService.selectionMoveEnd$, focusedOnDrawing$]).pipe(
-          switchMap(([selection, focusOnDrawings]) => {
-            if (focusOnDrawings)
-              return of(!0);
-            const unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), permissionService = accessor.get(IPermissionService), { workbookTypes = [WorkbookEditablePermission], worksheetTypes, rangeTypes } = permissionTypes, permissionIds = [];
-            if (workbookTypes == null || workbookTypes.forEach((F) => {
-              permissionIds.push(new F(unitId).id);
-            }), worksheetTypes == null || worksheetTypes.forEach((F) => {
-              permissionIds.push(new F(unitId, subUnitId).id);
-            }), worksheetRuleModel.getRule(unitId, subUnitId))
-              return permissionService.composePermission$(permissionIds).pipe(map((list) => list.some((item) => item.value === !1)));
-            const selectionRanges = selection == null ? void 0 : selection.map((selection2) => selection2.range), rules = rangeProtectionRuleModel.getSubunitRuleList(unitId, subUnitId).filter((rule) => selectionRanges == null ? void 0 : selectionRanges.some((range) => rule.ranges.some((ruleRange) => Rectangle.intersects(range, ruleRange))));
-            return rangeTypes == null || rangeTypes.forEach((F) => {
-              rules.forEach((rule) => {
-                permissionIds.push(new F(unitId, subUnitId, rule.permissionId).id);
-              });
-            }), permissionService.composePermission$(permissionIds).pipe(map((list) => list.some((item) => item.value === !1)));
-          })
-        );
-      })
-    ) : of(!0))
-  );
-}
-__name(getCurrentRangeDisable$, "getCurrentRangeDisable$");
-function getBaseRangeMenuHidden$(accessor) {
-  const univerInstanceService = accessor.get(IUniverInstanceService), selectionManagerService = accessor.get(SheetsSelectionsService), rangeProtectionRuleModel = accessor.get(RangeProtectionRuleModel), permissionService = accessor.get(IPermissionService);
-  return merge(selectionManagerService.selectionMoveEnd$, permissionService.permissionPointUpdate$.pipe(debounceTime(100))).pipe(
-    map(() => {
-      var _a61;
-      const range = (_a61 = selectionManagerService.getCurrentLastSelection()) == null ? void 0 : _a61.range;
-      if (!range) return !0;
-      const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet = workbook == null ? void 0 : workbook.getActiveSheet();
-      if (!workbook || !worksheet)
-        return !0;
-      const unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), permissionIds = [new WorkbookEditablePermission(unitId).id, new WorksheetEditPermission(unitId, subUnitId).id];
-      return rangeProtectionRuleModel.getSubunitRuleList(unitId, subUnitId).filter((rule) => rule.ranges.some((ruleRange) => Rectangle.intersects(range, ruleRange))).forEach((rule) => {
-        permissionIds.push(new RangeProtectionPermissionEditPoint(unitId, subUnitId, rule.permissionId).id);
-      }), permissionService.composePermission(permissionIds).some((item) => item.value === !1);
-    })
-  );
-}
-__name(getBaseRangeMenuHidden$, "getBaseRangeMenuHidden$");
-function getDeleteMenuHidden$(accessor, type) {
-  const univerInstanceService = accessor.get(IUniverInstanceService), selectionManagerService = accessor.get(SheetsSelectionsService), rangeProtectionRuleModel = accessor.get(RangeProtectionRuleModel), permissionService = accessor.get(IPermissionService);
-  return merge(selectionManagerService.selectionMoveEnd$, permissionService.permissionPointUpdate$.pipe(debounceTime(100))).pipe(
-    map(() => {
-      var _a61;
-      const range = (_a61 = selectionManagerService.getCurrentLastSelection()) == null ? void 0 : _a61.range;
-      if (!range) return !0;
-      const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet = workbook == null ? void 0 : workbook.getActiveSheet();
-      if (!workbook || !worksheet)
-        return !0;
-      const unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), permissionIds = [new WorkbookEditablePermission(unitId).id, new WorksheetEditPermission(unitId, subUnitId).id], rowColRangeExpand = Tools.deepClone(range);
-      return type === "row" ? (rowColRangeExpand.startColumn = 0, rowColRangeExpand.endColumn = worksheet.getColumnCount() - 1) : (rowColRangeExpand.startRow = 0, rowColRangeExpand.endRow = worksheet.getRowCount() - 1), rangeProtectionRuleModel.getSubunitRuleList(unitId, subUnitId).filter((rule) => rule.ranges.some((ruleRange) => Rectangle.intersects(rowColRangeExpand, ruleRange))).forEach((rule) => {
-        permissionIds.push(new RangeProtectionPermissionEditPoint(unitId, subUnitId, rule.permissionId).id);
-      }), permissionService.composePermission(permissionIds).some((item) => item.value === !1);
-    })
-  );
-}
-__name(getDeleteMenuHidden$, "getDeleteMenuHidden$");
-function getCellMenuHidden$(accessor, type) {
-  const univerInstanceService = accessor.get(IUniverInstanceService), selectionManagerService = accessor.get(SheetsSelectionsService), rangeProtectionRuleModel = accessor.get(RangeProtectionRuleModel), permissionService = accessor.get(IPermissionService);
-  return merge(selectionManagerService.selectionMoveEnd$, permissionService.permissionPointUpdate$.pipe(debounceTime(100))).pipe(
-    map(() => {
-      var _a61;
-      const range = (_a61 = selectionManagerService.getCurrentLastSelection()) == null ? void 0 : _a61.range;
-      if (!range) return !0;
-      const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet = workbook == null ? void 0 : workbook.getActiveSheet();
-      if (!workbook || !worksheet)
-        return !0;
-      const unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), permissionIds = [new WorkbookEditablePermission(unitId).id, new WorksheetEditPermission(unitId, subUnitId).id], rowColRangeExpand = Tools.deepClone(range);
-      return type === "row" ? rowColRangeExpand.endRow = worksheet.getRowCount() - 1 : rowColRangeExpand.endColumn = worksheet.getColumnCount() - 1, rangeProtectionRuleModel.getSubunitRuleList(unitId, subUnitId).filter((rule) => rule.ranges.some((ruleRange) => Rectangle.intersects(rowColRangeExpand, ruleRange))).forEach((rule) => {
-        permissionIds.push(new RangeProtectionPermissionEditPoint(unitId, subUnitId, rule.permissionId).id);
-      }), permissionService.composePermission(permissionIds).some((item) => item.value === !1);
-    })
-  );
-}
-__name(getCellMenuHidden$, "getCellMenuHidden$");
-function getWorkbookPermissionDisable$(accessor, workbookPermissionTypes) {
-  const workbook$ = accessor.get(IUniverInstanceService).getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), worksheetRuleModel = accessor.get(WorksheetProtectionRuleModel), selectionRuleModel = accessor.get(RangeProtectionRuleModel), permissionService = accessor.get(IPermissionService), userManagerService = accessor.get(UserManagerService);
-  return combineLatest([userManagerService.currentUser$, workbook$]).pipe(
-    switchMap(([_user, workbook]) => workbook ? workbook.activeSheet$.pipe(
-      switchMap((activeSheet) => {
-        var _a61, _b;
-        if (!activeSheet)
-          return of(!0);
-        const unitId = workbook.getUnitId(), workbookPermissionIds = [];
-        workbookPermissionTypes.forEach((F) => workbookPermissionIds.push(new F(unitId).id));
-        const workbookPermission$ = permissionService.composePermission$(workbookPermissionIds).pipe(map((list) => list.every((item) => item.value === !0))), workbookManageCollaboratorPermission$ = (_b = (_a61 = permissionService.getPermissionPoint$(new WorkbookManageCollaboratorPermission(unitId).id)) == null ? void 0 : _a61.pipe(map((permission) => permission.value))) != null ? _b : of(!1);
-        return combineLatest([workbookPermission$, workbookManageCollaboratorPermission$]).pipe(
-          map(([basePermission, manageable]) => {
-            if (!basePermission)
-              return !0;
-            const subUnitId = activeSheet.getSheetId(), worksheetRule = worksheetRuleModel.getRule(unitId, subUnitId), worksheetRuleList = selectionRuleModel.getSubunitRuleList(unitId, subUnitId);
-            return worksheetRule || worksheetRuleList.length ? !manageable : !1;
-          })
-        );
-      })
-    ) : of(!0))
-  );
-}
-__name(getWorkbookPermissionDisable$, "getWorkbookPermissionDisable$");
-var __defProp$R = Object.defineProperty, __getOwnPropDesc$R = Object.getOwnPropertyDescriptor, __decorateClass$R = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$R(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$R(target, key, result), result;
-}, "__decorateClass$R"), __decorateParam$R = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$R");
-const SHEET_MAIN_CANVAS_ID = "univer-sheet-main-canvas";
-var _a5;
-let SheetsRenderService = (_a5 = class extends RxDisposable {
-  constructor(_contextService, _instanceSrv, _renderManagerService) {
-    super();
-    __publicField(this, "_skeletonChangeMutations", /* @__PURE__ */ new Set());
-    this._contextService = _contextService, this._instanceSrv = _instanceSrv, this._renderManagerService = _renderManagerService, Promise.resolve().then(() => this._init());
+      startColumn,
+      startRow,
+      endColumn,
+      endRow,
+      startX,
+      startY,
+      endX,
+      endY,
+      rangeType
+    } = newSelectionRange;
+    this._startColumn = startColumn, this._startRow = startRow, this._endColumn = endColumn, this._endRow = endRow, this._startX = startX, this._startY = startY, this._endX = endX, this._endY = endY, rangeType !== void 0 && (this._rangeType = rangeType), this.setCurrentCell(currentCell);
   }
   /**
-   * Register a mutation id that will trigger the skeleton change.
+   * Set primary cell.
    *
-   * @param mutationId the id of the mutation
-   * @returns a disposable to unregister the mutation
+   * TODO @lumixraku there are 3 concepts for same thing, primary and current and highlight, primary is better cuz selectionModel is using primary.
+   * @param currentCell
    */
-  registerSkeletonChangingMutations(mutationId) {
-    return this._skeletonChangeMutations.has(mutationId) ? toDisposable(() => {
-    }) : (this._skeletonChangeMutations.add(mutationId), toDisposable(() => this._skeletonChangeMutations.delete(mutationId)));
+  setCurrentCell(currentCell) {
+    currentCell && (this._primary = currentCell);
   }
-  checkMutationShouldTriggerRerender(id) {
-    return this._skeletonChangeMutations.has(id);
+  clearCurrentCell() {
+    this._primary = null;
   }
-  _init() {
-    this._initWorkbookListener(), this._initContextListener();
+};
+__name(_SelectionRenderModel, "SelectionRenderModel");
+let SelectionRenderModel = _SelectionRenderModel;
+var SELECTION_MANAGER_KEY = /* @__PURE__ */ ((SELECTION_MANAGER_KEY2) => (SELECTION_MANAGER_KEY2.Selection = "__SpreadsheetSelectionShape__", SELECTION_MANAGER_KEY2.top = "__SpreadsheetSelectionTopControl__", SELECTION_MANAGER_KEY2.bottom = "__SpreadsheetSelectionBottomControl__", SELECTION_MANAGER_KEY2.left = "__SpreadsheetSelectionShapeLeftControl__", SELECTION_MANAGER_KEY2.right = "__SpreadsheetSelectionShapeRightControl__", SELECTION_MANAGER_KEY2.backgroundTop = "__SpreadsheetSelectionBackgroundControlTop__", SELECTION_MANAGER_KEY2.backgroundMiddleLeft = "__SpreadsheetSelectionBackgroundControlMiddleLeft__", SELECTION_MANAGER_KEY2.backgroundMiddleRight = "__SpreadsheetSelectionBackgroundControlMiddleRight__", SELECTION_MANAGER_KEY2.backgroundBottom = "__SpreadsheetSelectionBackgroundControlBottom__", SELECTION_MANAGER_KEY2.fill = "__SpreadsheetSelectionFillControl__", SELECTION_MANAGER_KEY2.fillTopLeft = "__SpreadsheetSelectionFillControlTopLeft__", SELECTION_MANAGER_KEY2.fillBottomRight = "__SpreadsheetSelectionFillControlBottomRight__", SELECTION_MANAGER_KEY2.fillTopLeftInner = "__SpreadsheetSelectionFillControlTopLeftInner__", SELECTION_MANAGER_KEY2.fillBottomRightInner = "__SpreadsheetSelectionFillControlBottomRightInner__", SELECTION_MANAGER_KEY2.lineMain = "__SpreadsheetDragLineMainControl__", SELECTION_MANAGER_KEY2.lineContent = "__SpreadsheetDragLineContentControl__", SELECTION_MANAGER_KEY2.line = "__SpreadsheetDragLineControl__", SELECTION_MANAGER_KEY2.dash = "__SpreadsheetDragDashControl__", SELECTION_MANAGER_KEY2.rowHeaderBackground = "__SpreadSheetSelectionRowHeaderBackground__", SELECTION_MANAGER_KEY2.rowHeaderBorder = "__SpreadSheetSelectionRowHeaderBorder__", SELECTION_MANAGER_KEY2.rowHeaderGroup = "__SpreadSheetSelectionRowHeaderGroup__", SELECTION_MANAGER_KEY2.columnHeaderBackground = "__SpreadSheetSelectionColumnHeaderBackground__", SELECTION_MANAGER_KEY2.columnHeaderBorder = "__SpreadSheetSelectionColumnHeaderBorder__", SELECTION_MANAGER_KEY2.columnHeaderGroup = "__SpreadSheetSelectionColumnHeaderGroup__", SELECTION_MANAGER_KEY2.topLeftWidget = "__SpreadSheetSelectionTopLeftWidget__", SELECTION_MANAGER_KEY2.topCenterWidget = "__SpreadSheetSelectionTopCenterWidget__", SELECTION_MANAGER_KEY2.topRightWidget = "__SpreadSheetSelectionTopRightWidget__", SELECTION_MANAGER_KEY2.middleLeftWidget = "__SpreadSheetSelectionMiddleLeftWidget__", SELECTION_MANAGER_KEY2.middleRightWidget = "__SpreadSheetSelectionMiddleRightWidget__", SELECTION_MANAGER_KEY2.bottomLeftWidget = "__SpreadSheetSelectionBottomLeftWidget__", SELECTION_MANAGER_KEY2.bottomCenterWidget = "__SpreadSheetSelectionBottomCenterWidget__", SELECTION_MANAGER_KEY2.bottomRightWidget = "__SpreadSheetSelectionBottomRightWidget__", SELECTION_MANAGER_KEY2))(SELECTION_MANAGER_KEY || {});
+const SELECTION_TITLE_HIGHLIGHT_ALPHA = 0.3, _SelectionControl = class _SelectionControl extends Disposable {
+  constructor(_scene, _zIndex, _themeService, _highlightHeader = !0, options) {
+    super();
+    __publicField(this, "_leftBorder");
+    __publicField(this, "_rightBorder");
+    __publicField(this, "_topBorder");
+    __publicField(this, "_bottomBorder");
+    __publicField(this, "_backgroundControlTop");
+    __publicField(this, "_backgroundControlBottom");
+    __publicField(this, "_backgroundControlMiddleLeft");
+    __publicField(this, "_backgroundControlMiddleRight");
+    __publicField(this, "_fillControl");
+    __publicField(this, "_selectionShapeGroup");
+    __publicField(this, "_rowHeaderBackground");
+    __publicField(this, "_rowHeaderBorder");
+    __publicField(this, "_rowHeaderGroup");
+    // private _rowHeaderHighlight!: Rect;
+    __publicField(this, "_columnHeaderBackground");
+    __publicField(this, "_columnHeaderBorder");
+    __publicField(this, "_columnHeaderGroup");
+    // private _columnHeaderHighlight!: Rect;
+    // for ref selection
+    __publicField(this, "_topLeftWidget");
+    __publicField(this, "_topCenterWidget");
+    __publicField(this, "_topRightWidget");
+    __publicField(this, "_middleLeftWidget");
+    __publicField(this, "_middleRightWidget");
+    __publicField(this, "_bottomLeftWidget");
+    __publicField(this, "_bottomCenterWidget");
+    __publicField(this, "_bottomRightWidget");
+    __publicField(this, "_dashedRect");
+    __publicField(this, "_selectionModel");
+    // why three style prop? what's diff between _selectionStyle & _currentStyle?
+    // protected _selectionStyle: Nullable<ISelectionStyle>;
+    __publicField(this, "_defaultStyle");
+    __publicField(this, "_currentStyle");
+    __publicField(this, "_rowHeaderWidth", 0);
+    __publicField(this, "_columnHeaderHeight", 0);
+    __publicField(this, "_widgetRects", []);
+    __publicField(this, "_dispose$", new BehaviorSubject(this));
+    __publicField(this, "dispose$", this._dispose$.asObservable());
+    /**
+     * eventSource: selectionShapeExtension selectionMoving$.next,
+     * Observer: prompt.controller
+     */
+    __publicField(this, "selectionMoving$", new Subject());
+    __publicField(this, "selectionMoved$", new Subject());
+    __publicField(this, "selectionScaling$", new Subject());
+    __publicField(this, "selectionScaled$", new Subject());
+    __publicField(this, "selectionFilling$", new Subject());
+    __publicField(this, "_selectionFilled$", new Subject());
+    __publicField(this, "selectionFilled$", this._selectionFilled$.asObservable());
+    __publicField(this, "_isHelperSelection", !0);
+    __publicField(this, "_antLineOffset", 0);
+    __publicField(this, "_antRequestNewFrame", -1);
+    this._scene = _scene, this._zIndex = _zIndex, this._themeService = _themeService, this._highlightHeader = _highlightHeader, this._rowHeaderWidth = (options == null ? void 0 : options.rowHeaderWidth) || 0, this._columnHeaderHeight = (options == null ? void 0 : options.columnHeaderHeight) || 0, this._initialize();
   }
-  _initWorkbookListener() {
-    this._instanceSrv.getTypeOfUnitAdded$(UniverInstanceType.UNIVER_SHEET).pipe(takeUntil(this.dispose$)).subscribe((workbook) => {
-      this._createRenderer(workbook);
-    }), this._instanceSrv.getAllUnitsForType(UniverInstanceType.UNIVER_SHEET).forEach((workbook) => this._createRenderer(workbook)), this._instanceSrv.getTypeOfUnitDisposed$(UniverInstanceType.UNIVER_SHEET).pipe(takeUntil(this.dispose$)).subscribe((workbook) => this._disposeRenderer(workbook));
+  get zIndex() {
+    return this._zIndex;
   }
-  _createRenderer(workbook) {
-    const unitId = workbook.getUnitId();
-    this._renderManagerService.created$.subscribe((renderer) => {
-      renderer.unitId === unitId && renderer.engine.getCanvas().setId(SHEET_MAIN_CANVAS_ID);
-    }), this._renderManagerService.createRender(unitId), this._renderManagerService.setCurrent(unitId);
+  get leftControl() {
+    return this._leftBorder;
   }
-  _disposeRenderer(workbook) {
-    const unitId = workbook.getUnitId();
-    this._renderManagerService.removeRender(unitId);
-  }
-  _initContextListener() {
-    this._contextService.subscribeContextValue$(RENDER_RAW_FORMULA_KEY).pipe(distinctUntilChanged(), takeUntil(this.dispose$)).subscribe(() => {
-      this._renderManagerService.getRenderAll().forEach((renderer) => {
-        renderer.mainComponent instanceof Spreadsheet && renderer.mainComponent.makeForceDirty(!0);
-      });
-    });
-  }
-}, __name(_a5, "SheetsRenderService"), _a5);
-SheetsRenderService = __decorateClass$R([
-  __decorateParam$R(0, IContextService),
-  __decorateParam$R(1, IUniverInstanceService),
-  __decorateParam$R(2, IRenderManagerService)
-], SheetsRenderService);
-const 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 || {});
-const _SelectionRenderModel = class _SelectionRenderModel {
-  constructor() {
-    __publicField(this, "_startColumn", -1);
-    __publicField(this, "_startRow", -1);
-    __publicField(this, "_endColumn", -1);
-    __publicField(this, "_endRow", -1);
-    __publicField(this, "_startX", 0);
-    __publicField(this, "_startY", 0);
-    __publicField(this, "_endX", 0);
-    __publicField(this, "_endY", 0);
-    /**
-     * The highlight cell of a selection. aka: current cell
-     */
-    __publicField(this, "_primary");
-    __publicField(this, "_rangeType", RANGE_TYPE.NORMAL);
-  }
-  get startColumn() {
-    return this._startColumn;
-  }
-  get startRow() {
-    return this._startRow;
-  }
-  get endColumn() {
-    return this._endColumn;
-  }
-  get endRow() {
-    return this._endRow;
-  }
-  get startX() {
-    return this._startX;
-  }
-  get startY() {
-    return this._startY;
-  }
-  get endX() {
-    return this._endX;
-  }
-  get endY() {
-    return this._endY;
-  }
-  get currentCell() {
-    return this._primary;
-  }
-  get rangeType() {
-    return this._rangeType;
-  }
-  /**
-   * @deprecated, Duplicate with `Rectangle`
-   */
-  isEqual(rangeWithCoord) {
-    const { startColumn, startRow, endColumn, endRow } = this, {
-      startColumn: newStartColumn,
-      startRow: newStartRow,
-      endColumn: newEndColumn,
-      endRow: newEndRow
-    } = rangeWithCoord;
-    return startColumn === newStartColumn && startRow === newStartRow && endColumn === newEndColumn && endRow === newEndRow;
-  }
-  /**
-   * @deprecated, Duplicate with `Rectangle`
-   */
-  isInclude(rangeWithCoord) {
-    const { startColumn, startRow, endColumn, endRow } = this, {
-      startColumn: newStartColumn,
-      startRow: newStartRow,
-      endColumn: newEndColumn,
-      endRow: newEndRow
-    } = rangeWithCoord;
-    return !(newEndColumn < startColumn || newStartColumn > endColumn || newStartRow > endRow || newEndRow < startRow);
-  }
-  highlightToSelection() {
-    if (this._primary)
-      return makeCellToSelection(this._primary);
-  }
-  getRange() {
-    return {
-      startColumn: this._startColumn,
-      startRow: this._startRow,
-      endColumn: this._endColumn,
-      endRow: this._endRow,
-      startX: this._startX,
-      startY: this._startY,
-      endX: this._endX,
-      endY: this._endY,
-      rangeType: this.rangeType
-    };
-  }
-  getCell() {
-    return this._primary;
-  }
-  getRangeType() {
-    return this._rangeType;
-  }
-  setRangeType(rangeType) {
-    this._rangeType = rangeType;
-  }
-  getValue() {
-    return {
-      rangeWithCoord: this.getRange(),
-      primaryWithCoord: this._primary
-    };
-  }
-  setValue(newSelectionRange, currentCell) {
-    const {
-      startColumn,
-      startRow,
-      endColumn,
-      endRow,
-      startX,
-      startY,
-      endX,
-      endY,
-      rangeType
-    } = newSelectionRange;
-    this._startColumn = startColumn, this._startRow = startRow, this._endColumn = endColumn, this._endRow = endRow, this._startX = startX, this._startY = startY, this._endX = endX, this._endY = endY, rangeType !== void 0 && (this._rangeType = rangeType), this.setCurrentCell(currentCell);
-  }
-  /**
-   * Set primary cell.
-   *
-   * TODO @lumixraku there are 3 concepts for same thing, primary and current and highlight, primary is better cuz selectionModel is using primary.
-   * @param currentCell
-   */
-  setCurrentCell(currentCell) {
-    currentCell && (this._primary = currentCell);
-  }
-  clearCurrentCell() {
-    this._primary = null;
-  }
-};
-__name(_SelectionRenderModel, "SelectionRenderModel");
-let SelectionRenderModel = _SelectionRenderModel;
-var SELECTION_MANAGER_KEY = /* @__PURE__ */ ((SELECTION_MANAGER_KEY2) => (SELECTION_MANAGER_KEY2.Selection = "__SpreadsheetSelectionShape__", SELECTION_MANAGER_KEY2.top = "__SpreadsheetSelectionTopControl__", SELECTION_MANAGER_KEY2.bottom = "__SpreadsheetSelectionBottomControl__", SELECTION_MANAGER_KEY2.left = "__SpreadsheetSelectionShapeLeftControl__", SELECTION_MANAGER_KEY2.right = "__SpreadsheetSelectionShapeRightControl__", SELECTION_MANAGER_KEY2.backgroundTop = "__SpreadsheetSelectionBackgroundControlTop__", SELECTION_MANAGER_KEY2.backgroundMiddleLeft = "__SpreadsheetSelectionBackgroundControlMiddleLeft__", SELECTION_MANAGER_KEY2.backgroundMiddleRight = "__SpreadsheetSelectionBackgroundControlMiddleRight__", SELECTION_MANAGER_KEY2.backgroundBottom = "__SpreadsheetSelectionBackgroundControlBottom__", SELECTION_MANAGER_KEY2.fill = "__SpreadsheetSelectionFillControl__", SELECTION_MANAGER_KEY2.fillTopLeft = "__SpreadsheetSelectionFillControlTopLeft__", SELECTION_MANAGER_KEY2.fillBottomRight = "__SpreadsheetSelectionFillControlBottomRight__", SELECTION_MANAGER_KEY2.fillTopLeftInner = "__SpreadsheetSelectionFillControlTopLeftInner__", SELECTION_MANAGER_KEY2.fillBottomRightInner = "__SpreadsheetSelectionFillControlBottomRightInner__", SELECTION_MANAGER_KEY2.lineMain = "__SpreadsheetDragLineMainControl__", SELECTION_MANAGER_KEY2.lineContent = "__SpreadsheetDragLineContentControl__", SELECTION_MANAGER_KEY2.line = "__SpreadsheetDragLineControl__", SELECTION_MANAGER_KEY2.dash = "__SpreadsheetDragDashControl__", SELECTION_MANAGER_KEY2.rowHeaderBackground = "__SpreadSheetSelectionRowHeaderBackground__", SELECTION_MANAGER_KEY2.rowHeaderBorder = "__SpreadSheetSelectionRowHeaderBorder__", SELECTION_MANAGER_KEY2.rowHeaderGroup = "__SpreadSheetSelectionRowHeaderGroup__", SELECTION_MANAGER_KEY2.columnHeaderBackground = "__SpreadSheetSelectionColumnHeaderBackground__", SELECTION_MANAGER_KEY2.columnHeaderBorder = "__SpreadSheetSelectionColumnHeaderBorder__", SELECTION_MANAGER_KEY2.columnHeaderGroup = "__SpreadSheetSelectionColumnHeaderGroup__", SELECTION_MANAGER_KEY2.topLeftWidget = "__SpreadSheetSelectionTopLeftWidget__", SELECTION_MANAGER_KEY2.topCenterWidget = "__SpreadSheetSelectionTopCenterWidget__", SELECTION_MANAGER_KEY2.topRightWidget = "__SpreadSheetSelectionTopRightWidget__", SELECTION_MANAGER_KEY2.middleLeftWidget = "__SpreadSheetSelectionMiddleLeftWidget__", SELECTION_MANAGER_KEY2.middleRightWidget = "__SpreadSheetSelectionMiddleRightWidget__", SELECTION_MANAGER_KEY2.bottomLeftWidget = "__SpreadSheetSelectionBottomLeftWidget__", SELECTION_MANAGER_KEY2.bottomCenterWidget = "__SpreadSheetSelectionBottomCenterWidget__", SELECTION_MANAGER_KEY2.bottomRightWidget = "__SpreadSheetSelectionBottomRightWidget__", SELECTION_MANAGER_KEY2))(SELECTION_MANAGER_KEY || {});
-const SELECTION_TITLE_HIGHLIGHT_ALPHA = 0.3, _SelectionControl = class _SelectionControl extends Disposable {
-  constructor(_scene, _zIndex, _themeService, _highlightHeader = !0, options) {
-    super();
-    __publicField(this, "_leftBorder");
-    __publicField(this, "_rightBorder");
-    __publicField(this, "_topBorder");
-    __publicField(this, "_bottomBorder");
-    __publicField(this, "_backgroundControlTop");
-    __publicField(this, "_backgroundControlBottom");
-    __publicField(this, "_backgroundControlMiddleLeft");
-    __publicField(this, "_backgroundControlMiddleRight");
-    __publicField(this, "_fillControl");
-    __publicField(this, "_selectionShapeGroup");
-    __publicField(this, "_rowHeaderBackground");
-    __publicField(this, "_rowHeaderBorder");
-    __publicField(this, "_rowHeaderGroup");
-    // private _rowHeaderHighlight!: Rect;
-    __publicField(this, "_columnHeaderBackground");
-    __publicField(this, "_columnHeaderBorder");
-    __publicField(this, "_columnHeaderGroup");
-    // private _columnHeaderHighlight!: Rect;
-    // for ref selection
-    __publicField(this, "_topLeftWidget");
-    __publicField(this, "_topCenterWidget");
-    __publicField(this, "_topRightWidget");
-    __publicField(this, "_middleLeftWidget");
-    __publicField(this, "_middleRightWidget");
-    __publicField(this, "_bottomLeftWidget");
-    __publicField(this, "_bottomCenterWidget");
-    __publicField(this, "_bottomRightWidget");
-    __publicField(this, "_dashedRect");
-    __publicField(this, "_selectionModel");
-    // why three style prop? what's diff between _selectionStyle & _currentStyle?
-    // protected _selectionStyle: Nullable<ISelectionStyle>;
-    __publicField(this, "_defaultStyle");
-    __publicField(this, "_currentStyle");
-    __publicField(this, "_rowHeaderWidth", 0);
-    __publicField(this, "_columnHeaderHeight", 0);
-    __publicField(this, "_widgetRects", []);
-    __publicField(this, "_dispose$", new BehaviorSubject(this));
-    __publicField(this, "dispose$", this._dispose$.asObservable());
-    /**
-     * eventSource: selectionShapeExtension selectionMoving$.next,
-     * Observer: prompt.controller
-     */
-    __publicField(this, "selectionMoving$", new Subject());
-    __publicField(this, "selectionMoved$", new Subject());
-    __publicField(this, "selectionScaling$", new Subject());
-    __publicField(this, "selectionScaled$", new Subject());
-    __publicField(this, "selectionFilling$", new Subject());
-    __publicField(this, "_selectionFilled$", new Subject());
-    __publicField(this, "selectionFilled$", this._selectionFilled$.asObservable());
-    __publicField(this, "_isHelperSelection", !0);
-    __publicField(this, "_antLineOffset", 0);
-    __publicField(this, "_antRequestNewFrame", -1);
-    this._scene = _scene, this._zIndex = _zIndex, this._themeService = _themeService, this._highlightHeader = _highlightHeader, this._rowHeaderWidth = (options == null ? void 0 : options.rowHeaderWidth) || 0, this._columnHeaderHeight = (options == null ? void 0 : options.columnHeaderHeight) || 0, this._initialize();
-  }
-  get zIndex() {
-    return this._zIndex;
-  }
-  get leftControl() {
-    return this._leftBorder;
-  }
-  get rightControl() {
-    return this._rightBorder;
+  get rightControl() {
+    return this._rightBorder;
   }
   get topControl() {
     return this._topBorder;
@@ -2677,663 +1513,1841 @@ const HELPER_SELECTION_TEMP_NAME = "__SpreadsheetHelperSelectionTempRect", SELEC
           y: scrollTimer.scrollTimerType === ScrollTimerType.Y ? 0 : void 0
         }), this._activeViewport = currentViewport);
       }
-      scrollTimer.scrolling(newMoveOffsetX, newMoveOffsetY, () => {
-        this._fillMoving(newMoveOffsetX, newMoveOffsetY);
+      scrollTimer.scrolling(newMoveOffsetX, newMoveOffsetY, () => {
+        this._fillMoving(newMoveOffsetX, newMoveOffsetY);
+      });
+    }), this._scenePointerUpSub = scene.onPointerUp$.subscribeEvent(() => {
+      var _a61, _b;
+      (_a61 = this._helperSelection) == null || _a61.dispose();
+      const scene2 = this._scene;
+      scene2.resetCursor(), this._clearObserverEvent(), scene2.enableObjectsEvent(), (_b = this._scrollTimer) == null || _b.dispose(), this._control.refreshSelectionFilled(this._targetSelection), this._isInMergeState = !1, this._controlHandler((o, index) => {
+        o.setProps({
+          fill: this._fillControlColors[index]
+        });
+      }), this._fillControlColors = [];
+    });
+  }
+  _hasMergeInRange(startRow, startColumn, endRow, endColumn) {
+    return this._skeleton.worksheet.getMergedCellRange(startRow, startColumn, endRow, endColumn).length > 0;
+  }
+  _swapPositions(startRow, startColumn, endRow, endColumn) {
+    const finalStartRow = Math.min(startRow, endRow), finalStartColumn = Math.min(startColumn, endColumn), finalEndRow = Math.max(startRow, endRow), finalEndColumn = Math.max(startColumn, endColumn);
+    return {
+      startRow: finalStartRow,
+      startColumn: finalStartColumn,
+      endRow: finalEndRow,
+      endColumn: finalEndColumn
+    };
+  }
+  _controlHandler(func) {
+    const {
+      leftControl,
+      rightControl,
+      topControl,
+      bottomControl,
+      backgroundControlTop,
+      backgroundControlMiddleLeft,
+      backgroundControlMiddleRight,
+      backgroundControlBottom,
+      fillControl
+    } = this._control, objects = [
+      leftControl,
+      rightControl,
+      topControl,
+      bottomControl,
+      backgroundControlTop,
+      backgroundControlMiddleLeft,
+      backgroundControlMiddleRight,
+      backgroundControlBottom,
+      fillControl
+    ];
+    for (let i = 0, len = objects.length; i < len; i++) {
+      const object = objects[i];
+      func(object, i);
+    }
+  }
+  _fillRuler(rowOrColumn, startRowOrColumn, endRowOrColumn, rowOrColumnLength, maxRowOrColumn) {
+    let isLighten = !1;
+    if (rowOrColumn < startRowOrColumn)
+      if (this._isInMergeState && rowOrColumn < startRowOrColumn) {
+        const current = startRowOrColumn - rowOrColumn, rangeRowCount = rowOrColumnLength + 1, step = Math.ceil(current / rangeRowCount);
+        let newStartRow = startRowOrColumn - step * rangeRowCount;
+        newStartRow < 0 && (newStartRow = startRowOrColumn - (step - 1) * rangeRowCount), startRowOrColumn = newStartRow;
+      } else
+        startRowOrColumn = rowOrColumn;
+    else if (rowOrColumn >= startRowOrColumn && rowOrColumn <= endRowOrColumn)
+      isLighten = !0, this._isInMergeState || (endRowOrColumn = rowOrColumn);
+    else if (this._isInMergeState && rowOrColumn > endRowOrColumn) {
+      const current = rowOrColumn - endRowOrColumn, rangeRowCount = rowOrColumnLength + 1, step = Math.ceil(current / rangeRowCount);
+      let newEndRow = endRowOrColumn + step * rangeRowCount;
+      newEndRow > maxRowOrColumn && (newEndRow = endRowOrColumn + (step - 1) * rangeRowCount), endRowOrColumn = newEndRow;
+    } else
+      endRowOrColumn = rowOrColumn;
+    return {
+      rowOrColumn,
+      startRowOrColumn,
+      endRowOrColumn,
+      isLighten
+    };
+  }
+  _getScale() {
+    const { scaleX, scaleY } = this._scene.getAncestorScale();
+    return Math.max(scaleX, scaleY);
+  }
+};
+__name(_SelectionShapeExtension, "SelectionShapeExtension");
+let SelectionShapeExtension = _SelectionShapeExtension;
+function attachSelectionWithCoord(selection, skeleton) {
+  const { range, primary, style } = selection;
+  return {
+    rangeWithCoord: attachRangeWithCoord(skeleton, range),
+    primaryWithCoord: primary ? attachPrimaryWithCoord(primary, skeleton) : null,
+    style
+  };
+}
+__name(attachSelectionWithCoord, "attachSelectionWithCoord");
+function attachPrimaryWithCoord(primary, skeleton) {
+  const { actualRow, actualColumn, isMerged, isMergedMainCell, startRow, startColumn, endRow, endColumn } = primary, cellPosition = skeleton.getNoMergeCellPositionByIndex(actualRow, actualColumn), startCell = skeleton.getNoMergeCellPositionByIndex(startRow, startColumn), endCell = skeleton.getNoMergeCellPositionByIndex(endRow, endColumn);
+  return {
+    actualRow,
+    actualColumn,
+    isMerged,
+    isMergedMainCell,
+    startX: cellPosition.startX,
+    startY: cellPosition.startY,
+    endX: cellPosition.endX,
+    endY: cellPosition.endY,
+    mergeInfo: {
+      startRow,
+      startColumn,
+      endRow,
+      endColumn,
+      startY: (startCell == null ? void 0 : startCell.startY) || 0,
+      endY: (endCell == null ? void 0 : endCell.endY) || 0,
+      startX: (startCell == null ? void 0 : startCell.startX) || 0,
+      endX: (endCell == null ? void 0 : endCell.endX) || 0
+    }
+  };
+}
+__name(attachPrimaryWithCoord, "attachPrimaryWithCoord");
+const ISheetSelectionRenderService = createIdentifier("univer.sheet.selection-render-service"), _BaseSelectionRenderService = class _BaseSelectionRenderService extends Disposable {
+  constructor(_injector, _themeService, _shortcutService, _sheetSkeletonManagerService) {
+    super();
+    __publicField(this, "_downObserver");
+    __publicField(this, "_scenePointerMoveSub");
+    __publicField(this, "_scenePointerUpSub");
+    __publicField(this, "_controlFillConfig$", new BehaviorSubject(null));
+    __publicField(this, "controlFillConfig$", this._controlFillConfig$.asObservable());
+    __publicField(this, "_selectionControls", []);
+    // sheetID:Controls
+    __publicField(this, "_startRangeWhenPointerDown", {
+      startY: 0,
+      endY: 0,
+      startX: 0,
+      endX: 0,
+      startRow: -1,
+      endRow: -1,
+      startColumn: -1,
+      endColumn: -1
+    });
+    /**
+     * the posX of viewport when the pointer down
+     */
+    __publicField(this, "_startViewportPosX", 0);
+    /**
+     * the posY of viewport when the pointer down
+     */
+    __publicField(this, "_startViewportPosY", 0);
+    __publicField(this, "_scrollTimer");
+    __publicField(this, "_cancelDownSubscription");
+    __publicField(this, "_cancelUpSubscription");
+    __publicField(this, "_skeleton");
+    __publicField(this, "_scene");
+    // The type of selector determines the type of data range and the highlighting style of the title bar
+    __publicField(this, "_isHeaderHighlight", !0);
+    // If true, the selector will respond to the range of merged cells and automatically extend the selected range. If false, it will ignore the merged cells.
+    __publicField(this, "_shouldDetectMergedCells", !0);
+    // The style of the selection area, including dashed lines, color, thickness, autofill, other points for modifying the range of the selection area, title highlighting, and so on, can all be customized.
+    __publicField(this, "_selectionStyle");
+    // #region ref range selection
+    // we put the properties here for simplicity
+    // Used in the formula selection feature, a new selection string is added by drawing a box with the mouse.
+    __publicField(this, "_remainLastEnabled", !1);
+    __publicField(this, "_skipLastEnabled", !1);
+    __publicField(this, "_singleSelectionEnabled", !1);
+    // #endregion
+    /**
+     * Mainly emit by pointerup (pointerup is handled in _onPointerdown)
+     */
+    __publicField(this, "_selectionMoveEnd$", new BehaviorSubject([]));
+    __publicField(this, "selectionMoveEnd$", this._selectionMoveEnd$.asObservable());
+    __publicField(this, "_selectionMoving$", new Subject());
+    __publicField(this, "selectionMoving$", this._selectionMoving$.asObservable());
+    /**
+     * Mainly emit by pointerdown
+     */
+    __publicField(this, "_selectionMoveStart$", new Subject());
+    __publicField(this, "selectionMoveStart$", this._selectionMoveStart$.asObservable());
+    __publicField(this, "_selectionMoving", !1);
+    __publicField(this, "_activeViewport");
+    __publicField(this, "interceptor", new InterceptorManager({ RANGE_MOVE_PERMISSION_CHECK, RANGE_FILL_PERMISSION_CHECK }));
+    __publicField(this, "_escapeShortcutDisposable", null);
+    this._injector = _injector, this._themeService = _themeService, this._shortcutService = _shortcutService, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._resetSelectionStyle(), this._initMoving();
+  }
+  get selectionMoving() {
+    return this._selectionMoving;
+  }
+  _initMoving() {
+    this.disposeWithMe(this._selectionMoving$.subscribe(() => {
+      this._selectionMoving = !0;
+    })), this.disposeWithMe(this._selectionMoveEnd$.subscribe(() => {
+      this._selectionMoving = !1;
+    }));
+  }
+  _setSelectionStyle(style) {
+    this._selectionStyle = style;
+  }
+  /**
+   * Reset this._selectionStyle to default normal selection style
+   */
+  _resetSelectionStyle() {
+    this._setSelectionStyle(getNormalSelectionStyle(this._themeService));
+  }
+  /** @deprecated This should not be provided by the selection render service. */
+  getViewPort() {
+    return this._activeViewport;
+  }
+  setSingleSelectionEnabled(enabled = !1) {
+    this._singleSelectionEnabled = enabled;
+  }
+  /**
+   * Add a selection in spreadsheet, create a new SelectionControl and then update this control by range derives from selection.
+   * @param {ISelectionWithCoordAndStyle} selection
+   */
+  _addSelectionControlBySelectionData(selection) {
+    var _a61;
+    const skeleton = this._skeleton, style = (_a61 = selection.style) != null ? _a61 : getNormalSelectionStyle(this._themeService), scene = this._scene;
+    if (!scene || !skeleton)
+      return;
+    const { rangeWithCoord, primaryWithCoord } = selection, { rangeType } = rangeWithCoord, control = this.newSelectionControl(scene, rangeType || RANGE_TYPE.NORMAL, skeleton);
+    new SelectionShapeExtension(control, skeleton, scene, this._themeService, this._injector, {
+      selectionMoveEnd: /* @__PURE__ */ __name(() => {
+        this._selectionMoveEnd$.next(this.getSelectionDataWithStyle());
+      }, "selectionMoveEnd")
+    });
+    const { rowHeaderWidth, columnHeaderHeight } = skeleton;
+    control.update(rangeWithCoord, rowHeaderWidth, columnHeaderHeight, style, primaryWithCoord);
+  }
+  newSelectionControl(scene, _rangeType, skeleton) {
+    const zIndex = this.getSelectionControls().length, { rowHeaderWidth, columnHeaderHeight } = skeleton, control = new SelectionControl(scene, zIndex, this._themeService, this._isHeaderHighlight, {
+      rowHeaderWidth,
+      columnHeaderHeight
+    });
+    return this._selectionControls.push(control), control;
+  }
+  /**
+   * Update the corresponding selectionControl based on selectionsData.
+   * selectionData[i] syncs selectionControls[i]
+   * @param selections
+   */
+  updateControlForCurrentByRangeData(selections) {
+    const selectionControls = this.getSelectionControls();
+    if (!(!selectionControls || this._skeleton == null))
+      for (let i = 0, len = selections.length; i < len; i++) {
+        const { rangeWithCoord, primaryWithCoord } = selections[i], control = selectionControls[i];
+        control && control.updateRange(rangeWithCoord, primaryWithCoord);
+      }
+  }
+  refreshSelectionMoveStart() {
+    this._selectionMoveStart$.next(this.getSelectionDataWithStyle());
+  }
+  refreshSelectionMoveEnd() {
+    this._selectionMoveEnd$.next(this.getSelectionDataWithStyle());
+  }
+  _changeRuntime(skeleton, scene, viewport) {
+    this._skeleton = skeleton, this._scene = scene, this._activeViewport = viewport || (scene == null ? void 0 : scene.getViewports()[0]), scene.findLayerByZIndex(SHEET_COMPONENT_SELECTION_LAYER_INDEX) || scene.addLayer(new SelectionLayer(scene, [], SHEET_COMPONENT_SELECTION_LAYER_INDEX));
+  }
+  getSkeleton() {
+    return this._skeleton;
+  }
+  /**
+   * Generate selectionData from this._selectionControls.model .
+   * @returns {ISelectionWithCoordAndStyle[]} {range, primary, style}[]
+   */
+  getSelectionDataWithStyle() {
+    const selectionControls = this._selectionControls, [unitId, sheetId] = this._skeleton.getLocation();
+    return selectionControls.map((control) => {
+      const v = control.getValue();
+      return v.rangeWithCoord.sheetId = sheetId, v.rangeWithCoord.unitId = unitId, v;
+    });
+  }
+  getSelectionControls() {
+    return this._selectionControls;
+  }
+  _clearSelectionControls() {
+    const allSelectionControls = this._selectionControls;
+    for (const control of allSelectionControls)
+      control.dispose();
+    this._selectionControls.length = 0;
+  }
+  _getFreeze() {
+    var _a61;
+    return (_a61 = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _a61.skeleton.getWorksheetConfig().freeze;
+  }
+  _getViewportByCell(row, column) {
+    if (row === void 0 || column === void 0)
+      return null;
+    const freeze = this._getFreeze();
+    if (!freeze || freeze.startRow <= 0 && freeze.startColumn <= 0)
+      return this._scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
+    if (row > freeze.startRow && column > freeze.startColumn)
+      return this._scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
+    if (row <= freeze.startRow && column <= freeze.startColumn)
+      return this._scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP);
+    if (row <= freeze.startRow && column > freeze.startColumn)
+      return this._scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN_TOP);
+    if (row > freeze.startRow && column <= freeze.startColumn)
+      return this._scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT);
+  }
+  /**
+   * Returns the selected range in the active sheet, or null if there is no active range. If multiple ranges are selected this method returns only the last selected range.
+   */
+  getActiveRange() {
+    const controls = this.getSelectionControls(), model = controls && controls[controls.length - 1].model;
+    return model && {
+      startRow: model.startRow,
+      startColumn: model.startColumn,
+      endRow: model.endRow,
+      endColumn: model.endColumn
+    };
+  }
+  /**
+   * get active selection control
+   * @returns T extends SelectionControl
+   */
+  getActiveSelectionControl() {
+    const controls = this.getSelectionControls();
+    if (controls)
+      return controls[controls.length - 1];
+  }
+  endSelection() {
+    var _a61;
+    this._clearUpdatingListeners(), this._selectionMoveEnd$.next(this.getSelectionDataWithStyle()), (_a61 = this._escapeShortcutDisposable) == null || _a61.dispose(), this._escapeShortcutDisposable = null;
+  }
+  /**
+   * Clear existed selections.
+   */
+  _reset() {
+    var _a61;
+    this._clearSelectionControls(), (_a61 = this._downObserver) == null || _a61.unsubscribe(), this._downObserver = null;
+  }
+  resetAndEndSelection() {
+    this.endSelection(), this._reset();
+  }
+  // TODO: @wzhudev: refactor the method to make it more readable
+  /**
+   * Handle pointer down event, then trigger selectionMoveStart$.
+   * @param evt
+   * @param _zIndex
+   * @param rangeType
+   * @param viewport
+   * @param scrollTimerType
+   */
+  // eslint-disable-next-line max-lines-per-function, complexity
+  _onPointerDown(evt, _zIndex = 0, rangeType = RANGE_TYPE.NORMAL, viewport, scrollTimerType = ScrollTimerType.ALL) {
+    var _a61;
+    this._shouldDetectMergedCells = rangeType === RANGE_TYPE.NORMAL;
+    const skeleton = this._skeleton, scene = this._scene;
+    if (!scene || !skeleton)
+      return;
+    viewport && (this._activeViewport = viewport);
+    const { offsetX: evtOffsetX, offsetY: evtOffsetY } = evt, viewportMain = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
+    if (!viewportMain) return;
+    const relativeCoords = scene.getRelativeToViewportCoord(Vector2.FromArray([evtOffsetX, evtOffsetY]));
+    let { x: viewportPosX, y: viewportPosY } = relativeCoords;
+    this._startViewportPosX = viewportPosX, this._startViewportPosY = viewportPosY;
+    const scrollXY = scene.getVpScrollXYInfoByPosToVp(relativeCoords), { scaleX, scaleY } = scene.getAncestorScale(), cursorCellRangeInfo = this._getCellRangeByCursorPosition(viewportPosX, viewportPosY, scaleX, scaleY, scrollXY);
+    if (!cursorCellRangeInfo) return;
+    const { rangeWithCoord: cursorCellRange, primaryWithCoord: primaryCursorCellRange } = cursorCellRangeInfo, cursorCellRangeWithRangeType = { ...cursorCellRange, rangeType };
+    this._startRangeWhenPointerDown = { ...cursorCellRange, rangeType };
+    let activeSelectionControl = this.getActiveSelectionControl();
+    const curControls = this.getSelectionControls();
+    for (const control of curControls) {
+      if (evt.button === 2 && control.model.isInclude(cursorCellRangeWithRangeType)) {
+        activeSelectionControl = control;
+        return;
+      }
+      if (control.model.isEqual(cursorCellRangeWithRangeType)) {
+        activeSelectionControl = control;
+        break;
+      }
+      evt.shiftKey || control.clearHighlight();
+    }
+    this._checkClearPreviousControls(evt);
+    const currentCell = activeSelectionControl == null ? void 0 : activeSelectionControl.model.currentCell, expandByShiftKey = evt.shiftKey && currentCell, remainLastEnable = this._remainLastEnabled && !evt.ctrlKey && !evt.shiftKey && !this._skipLastEnabled && !this._singleSelectionEnabled;
+    expandByShiftKey && currentCell ? this._performSelectionByTwoCells(
+      currentCell,
+      cursorCellRangeWithRangeType,
+      skeleton,
+      rangeType,
+      activeSelectionControl
+      // Get updated in this method
+    ) : remainLastEnable && activeSelectionControl ? this._updateSelectionControlByRange(
+      activeSelectionControl,
+      cursorCellRangeWithRangeType,
+      primaryCursorCellRange
+    ) : (activeSelectionControl = this.newSelectionControl(scene, rangeType, skeleton), this._updateSelectionControlByRange(
+      activeSelectionControl,
+      cursorCellRangeWithRangeType,
+      primaryCursorCellRange
+    )), this._selectionMoveStart$.next(this.getSelectionDataWithStyle()), scene.disableObjectsEvent(), this._clearUpdatingListeners(), this._addEndingListeners(), (_a61 = scene.getTransformer()) == null || _a61.clearSelectedObjects(), (rangeType === RANGE_TYPE.ROW || rangeType === RANGE_TYPE.COLUMN) && (rangeType === RANGE_TYPE.ROW ? viewportPosX = 0 : rangeType === RANGE_TYPE.COLUMN && (viewportPosY = 0), this._movingHandler(viewportPosX, viewportPosY, activeSelectionControl, rangeType)), this._setupPointerMoveListener(viewportMain, activeSelectionControl, rangeType, scrollTimerType, viewportPosX, viewportPosY), this._escapeShortcutDisposable = this._shortcutService.forceEscape(), this._scenePointerUpSub = scene.onPointerUp$.subscribeEvent(() => {
+      var _a62;
+      this._clearUpdatingListeners(), this._selectionMoveEnd$.next(this.getSelectionDataWithStyle()), (_a62 = this._escapeShortcutDisposable) == null || _a62.dispose(), this._escapeShortcutDisposable = null;
+    });
+  }
+  /**
+   * Init pointer move listener in each pointer down, unbind in each pointer up.
+   * Both cell selections and row-column selections are supported by this method.
+   * @param viewportMain
+   * @param activeSelectionControl
+   * @param rangeType
+   * @param scrollTimerType
+   * @param moveStartPosX
+   * @param moveStartPosY
+   */
+  // eslint-disable-next-line max-lines-per-function
+  _setupPointerMoveListener(viewportMain, activeSelectionControl, rangeType, scrollTimerType = ScrollTimerType.ALL, moveStartPosX, moveStartPosY) {
+    var _a61, _b;
+    let xCrossTime = 0, yCrossTime = 0, lastX = moveStartPosX, lastY = moveStartPosY;
+    this._scrollTimer = ScrollTimer.create(this._scene, scrollTimerType), this._scrollTimer.startScroll((_a61 = viewportMain == null ? void 0 : viewportMain.left) != null ? _a61 : 0, (_b = viewportMain == null ? void 0 : viewportMain.top) != null ? _b : 0, viewportMain);
+    const scene = this._scene, startViewport = scene.getActiveViewportByCoord(Vector2.FromArray([moveStartPosX, moveStartPosY]));
+    this._scenePointerMoveSub = scene.onPointerMove$.subscribeEvent((moveEvt) => {
+      var _a62, _b2, _c, _d, _e, _f, _g, _h, _i;
+      const { offsetX: moveOffsetX, offsetY: moveOffsetY } = moveEvt, { x: newMoveOffsetX, y: newMoveOffsetY } = scene.getRelativeToViewportCoord(Vector2.FromArray([moveOffsetX, moveOffsetY]));
+      this._movingHandler(newMoveOffsetX, newMoveOffsetY, activeSelectionControl, rangeType);
+      let scrollOffsetX = newMoveOffsetX, scrollOffsetY = newMoveOffsetY;
+      const currentSelection = this.getActiveSelectionControl(), freeze = this._getFreeze(), selection = currentSelection == null ? void 0 : currentSelection.model, endViewport = (_a62 = scene.getActiveViewportByCoord(Vector2.FromArray([moveOffsetX, moveOffsetY]))) != null ? _a62 : this._getViewportByCell(selection == null ? void 0 : selection.endRow, selection == null ? void 0 : selection.endColumn);
+      if ((/* @__PURE__ */ __name(() => {
+        if (!startViewport || !endViewport || !viewportMain)
+          return !1;
+        const crossableViewports = [
+          SHEET_VIEWPORT_KEY$1.VIEW_MAIN,
+          SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP,
+          SHEET_VIEWPORT_KEY$1.VIEW_MAIN_TOP,
+          SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT
+        ];
+        return crossableViewports.includes(startViewport.viewportKey) && crossableViewports.includes(endViewport.viewportKey);
+      }, "isCrossableViewports"))()) {
+        if (!startViewport || !endViewport || !viewportMain)
+          return !1;
+        const isCrossingX = lastX < viewportMain.left && newMoveOffsetX > viewportMain.left || lastX > viewportMain.left && newMoveOffsetX < viewportMain.left, isCrossingY = lastY < viewportMain.top && newMoveOffsetY > viewportMain.top || lastY > viewportMain.top && newMoveOffsetY < viewportMain.top;
+        isCrossingX && (xCrossTime += 1), isCrossingY && (yCrossTime += 1);
+        const startKey = startViewport.viewportKey, endKey = endViewport.viewportKey;
+        if (startKey === SHEET_VIEWPORT_KEY$1.VIEW_ROW_TOP)
+          moveOffsetY < viewportMain.top && ((_b2 = selection == null ? void 0 : selection.endRow) != null ? _b2 : 0) < ((_c = freeze == null ? void 0 : freeze.startRow) != null ? _c : 0) ? scrollOffsetY = viewportMain.top : isCrossingY && yCrossTime % 2 === 1 && viewportMain.scrollToViewportPos({
+            viewportScrollY: 0
+          });
+        else if (startKey === SHEET_VIEWPORT_KEY$1.VIEW_COLUMN_LEFT)
+          moveOffsetX < viewportMain.left && ((_d = selection == null ? void 0 : selection.endColumn) != null ? _d : 0) < ((_e = freeze == null ? void 0 : freeze.startColumn) != null ? _e : 0) ? scrollOffsetX = viewportMain.left : isCrossingX && xCrossTime % 2 === 1 && viewportMain.scrollToViewportPos({
+            viewportScrollX: 0
+          });
+        else if (startKey === endKey) {
+          let disableX = !1, disableY = !1;
+          startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP ? (disableX = !0, disableY = !0) : startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_TOP ? disableY = !0 : startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT && (disableX = !0), ((_f = selection == null ? void 0 : selection.endRow) != null ? _f : 0) > ((_g = freeze == null ? void 0 : freeze.startRow) != null ? _g : 0) && (disableY = !1), ((_h = selection == null ? void 0 : selection.endColumn) != null ? _h : 0) > ((_i = freeze == null ? void 0 : freeze.startColumn) != null ? _i : 0) && (disableX = !1), disableX && (scrollOffsetX = viewportMain.left), disableY && (scrollOffsetY = viewportMain.top);
+        } else {
+          const startXY = {
+            x: startViewport.scrollX,
+            y: startViewport.scrollY
+          }, endXY = {
+            x: endViewport.scrollX,
+            y: endViewport.scrollY
+          }, shouldResetX = startXY.x !== endXY.x && isCrossingX && xCrossTime % 2 === 1, shouldResetY = startXY.y !== endXY.y && isCrossingY && yCrossTime % 2 === 1;
+          (shouldResetX || shouldResetY) && (viewportMain.scrollToBarPos({
+            x: shouldResetX ? startXY.x : void 0,
+            y: shouldResetY ? startXY.y : void 0
+          }), shouldResetX || (scrollOffsetX = viewportMain.left), shouldResetY || (scrollOffsetY = viewportMain.top)), (startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP && endKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT || endKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP && startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT) && (scrollOffsetX = viewportMain.left), (startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP && endKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_TOP || endKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP && startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_TOP) && (scrollOffsetY = viewportMain.top);
+        }
+        lastX = newMoveOffsetX, lastY = newMoveOffsetY;
+      }
+      this._scrollTimer.scrolling(scrollOffsetX, scrollOffsetY, () => {
+        this._movingHandler(newMoveOffsetX, newMoveOffsetY, activeSelectionControl, rangeType);
+      });
+    });
+  }
+  /** @deprecated Use the function `attachSelectionWithCoord` instead`. */
+  attachSelectionWithCoord(selectionWithStyle) {
+    return attachSelectionWithCoord(selectionWithStyle, this._skeleton);
+  }
+  /** @deprecated Use the function `attachPrimaryWithCoord` instead`. */
+  attachPrimaryWithCoord(primary) {
+    return attachPrimaryWithCoord(primary, this._skeleton);
+  }
+  getSelectionCellByPosition(x, y) {
+    const scene = this._scene, skeleton = this._skeleton, scrollXY = scene.getViewportScrollXY(scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN)), { scaleX, scaleY } = scene.getAncestorScale();
+    return skeleton.calculateCellIndexByPosition(
+      x,
+      y,
+      scaleX,
+      scaleY,
+      scrollXY
+    );
+  }
+  /**
+   * When mousedown and mouseup need to go to the coordination and undo stack, when mousemove does not need to go to the coordination and undo stack
+   */
+  // eslint-disable-next-line max-lines-per-function, complexity
+  _movingHandler(offsetX, offsetY, activeSelectionControl, rangeType) {
+    var _a61, _b, _c, _d, _e;
+    const skeleton = this._skeleton, scene = this._scene, [unitId, sheetId] = skeleton.getLocation(), currSelectionRange = {
+      startRow: (_a61 = activeSelectionControl == null ? void 0 : activeSelectionControl.model.startRow) != null ? _a61 : -1,
+      endRow: (_b = activeSelectionControl == null ? void 0 : activeSelectionControl.model.endRow) != null ? _b : -1,
+      startColumn: (_c = activeSelectionControl == null ? void 0 : activeSelectionControl.model.startColumn) != null ? _c : -1,
+      endColumn: (_d = activeSelectionControl == null ? void 0 : activeSelectionControl.model.endColumn) != null ? _d : -1,
+      unitId,
+      sheetId
+    }, viewportMain = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN), targetViewport = (_e = this._getViewportByCell(currSelectionRange.endRow, currSelectionRange.endColumn)) != null ? _e : viewportMain, scrollXY = scene.getVpScrollXYInfoByPosToVp(
+      Vector2.FromArray([this._startViewportPosX, this._startViewportPosY]),
+      targetViewport
+    ), { scaleX, scaleY } = scene.getAncestorScale();
+    rangeType === RANGE_TYPE.ROW ? offsetX = Number.POSITIVE_INFINITY : rangeType === RANGE_TYPE.COLUMN && (offsetY = Number.POSITIVE_INFINITY);
+    const cursorCellRangeInfo = this._getCellRangeByCursorPosition(offsetX, offsetY, scaleX, scaleY, scrollXY);
+    if (!cursorCellRangeInfo)
+      return;
+    const { rangeWithCoord: cursorCellRange } = cursorCellRangeInfo, activeCellRange = this._startRangeWhenPointerDown;
+    let newSelectionRange = {
+      startRow: Math.min(cursorCellRange.startRow, activeCellRange.startRow),
+      startColumn: Math.min(cursorCellRange.startColumn, activeCellRange.startColumn),
+      endRow: Math.max(cursorCellRange.endRow, activeCellRange.endRow),
+      endColumn: Math.max(cursorCellRange.endColumn, activeCellRange.endColumn)
+    };
+    if (this._shouldDetectMergedCells && (newSelectionRange = skeleton.getSelectionMergeBounding(newSelectionRange.startRow, newSelectionRange.startColumn, newSelectionRange.endRow, newSelectionRange.endColumn)), !newSelectionRange)
+      return;
+    const startCellXY = skeleton.getNoMergeCellPositionByIndex(newSelectionRange.startRow, newSelectionRange.startColumn), endCellXY = skeleton.getNoMergeCellPositionByIndex(newSelectionRange.endRow, newSelectionRange.endColumn), newSelectionRangeWithCoord = {
+      startRow: newSelectionRange.startRow,
+      startColumn: newSelectionRange.startColumn,
+      endRow: newSelectionRange.endRow,
+      endColumn: newSelectionRange.endColumn,
+      unitId,
+      sheetId,
+      startY: (startCellXY == null ? void 0 : startCellXY.startY) || 0,
+      endY: (endCellXY == null ? void 0 : endCellXY.endY) || 0,
+      startX: (startCellXY == null ? void 0 : startCellXY.startX) || 0,
+      endX: (endCellXY == null ? void 0 : endCellXY.endX) || 0
+    }, rangeChanged = currSelectionRange.startRow !== newSelectionRange.startRow || currSelectionRange.startColumn !== newSelectionRange.startColumn || currSelectionRange.endRow !== newSelectionRange.endRow || currSelectionRange.endColumn !== newSelectionRange.endColumn;
+    activeSelectionControl != null && rangeChanged && (this._updateSelectionControlByRange(activeSelectionControl, newSelectionRangeWithCoord), this._selectionMoving$.next(this.getSelectionDataWithStyle()));
+  }
+  /**
+   * Update the selection control by range.
+   * @param control
+   * @param newSelectionRange
+   * @param highlight
+   */
+  _updateSelectionControlByRange(control, newSelectionRange, highlight) {
+    control.updateRange(newSelectionRange, highlight);
+  }
+  _clearUpdatingListeners() {
+    var _a61, _b, _c, _d, _e;
+    this._scene.enableObjectsEvent(), (_a61 = this._scenePointerMoveSub) == null || _a61.unsubscribe(), this._scenePointerMoveSub = null, (_b = this._scenePointerUpSub) == null || _b.unsubscribe(), this._scenePointerUpSub = null, (_c = this._cancelDownSubscription) == null || _c.unsubscribe(), this._cancelDownSubscription = null, (_d = this._cancelUpSubscription) == null || _d.unsubscribe(), this._cancelUpSubscription = null, (_e = this._scrollTimer) == null || _e.dispose();
+  }
+  _addEndingListeners() {
+    var _a61, _b, _c;
+    const scene = this._scene, mainScene = (_a61 = scene.getEngine()) == null ? void 0 : _a61.activeScene;
+    !mainScene || mainScene === scene || ((_b = this._cancelDownSubscription) == null || _b.unsubscribe(), this._cancelDownSubscription = null, (_c = this._cancelUpSubscription) == null || _c.unsubscribe(), this._cancelUpSubscription = null, this._cancelDownSubscription = mainScene.onPointerDown$.subscribeEvent(() => this._clearUpdatingListeners()), this._cancelUpSubscription = mainScene.onPointerUp$.subscribeEvent(() => this._clearUpdatingListeners()));
+  }
+  _getCellRangeByCursorPosition(offsetX, offsetY, scaleX, scaleY, scrollXY) {
+    var _a61;
+    if (this._shouldDetectMergedCells) {
+      const primaryWithCoord2 = (_a61 = this._skeleton) == null ? void 0 : _a61.calculateCellIndexByPosition(
+        offsetX,
+        offsetY,
+        scaleX,
+        scaleY,
+        scrollXY
+      );
+      if (!primaryWithCoord2) return;
+      const rangeWithCoord2 = makeCellToSelection(primaryWithCoord2);
+      return {
+        primaryWithCoord: primaryWithCoord2,
+        rangeWithCoord: rangeWithCoord2
+      };
+    }
+    const skeleton = this._skeleton;
+    if (skeleton == null)
+      return;
+    const moveActualSelection = skeleton.getCellPositionByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY), { row, column } = moveActualSelection, startCell = skeleton.getNoMergeCellPositionByIndex(row, column), { startX, startY, endX, endY } = startCell, rangeWithCoord = {
+      startY,
+      endY,
+      startX,
+      endX,
+      startRow: row,
+      endRow: row,
+      startColumn: column,
+      endColumn: column
+    };
+    return {
+      primaryWithCoord: {
+        actualRow: row,
+        actualColumn: column,
+        isMerged: !1,
+        isMergedMainCell: !1,
+        startY,
+        endY,
+        startX,
+        endX,
+        mergeInfo: rangeWithCoord
+      },
+      rangeWithCoord
+    };
+  }
+  _checkClearPreviousControls(evt) {
+    this.getSelectionControls().length !== 0 && (!evt.ctrlKey && !evt.shiftKey && !this._remainLastEnabled || this._singleSelectionEnabled && !evt.shiftKey) && this._clearSelectionControls();
+  }
+  _performSelectionByTwoCells(currentCell, startSelectionRange, skeleton, rangeType, activeControl) {
+    const { actualRow, actualColumn, mergeInfo: actualMergeInfo } = currentCell, newStartRow = Math.min(actualRow, startSelectionRange.startRow, actualMergeInfo.startRow), newEndRow = Math.max(actualRow, startSelectionRange.endRow, actualMergeInfo.endRow), newStartColumn = Math.min(actualColumn, startSelectionRange.startColumn, actualMergeInfo.startColumn), newEndColumn = Math.max(actualColumn, startSelectionRange.endColumn, actualMergeInfo.endColumn), bounding = skeleton.getMergeBounding(newStartRow, newStartColumn, newEndRow, newEndColumn), startCell = skeleton.getNoMergeCellPositionByIndex(bounding.startRow, bounding.startColumn), endCell = skeleton.getNoMergeCellPositionByIndex(bounding.endRow, bounding.endColumn), newSelectionRange = {
+      startColumn: bounding.startColumn,
+      startRow: bounding.startRow,
+      endColumn: bounding.endColumn,
+      endRow: bounding.endRow,
+      startY: startCell.startY,
+      endY: endCell.endY,
+      startX: startCell.startX,
+      endX: endCell.endX,
+      rangeType
+    }, activeCell = skeleton.getCellByIndex(actualRow, actualColumn);
+    this._startRangeWhenPointerDown = {
+      startColumn: activeCell.mergeInfo.startColumn,
+      startRow: activeCell.mergeInfo.startRow,
+      endColumn: activeCell.mergeInfo.endColumn,
+      endRow: activeCell.mergeInfo.endRow,
+      startY: activeCell.mergeInfo.startY || 0,
+      endY: activeCell.mergeInfo.endY || 0,
+      startX: activeCell.mergeInfo.startX || 0,
+      endX: activeCell.mergeInfo.endX || 0,
+      rangeType
+    }, this._updateSelectionControlByRange(activeControl, newSelectionRange, currentCell);
+  }
+  /**
+   * Reset all this.selectionControls by selectionsData.
+   * @param selectionsData
+   */
+  _refreshSelectionControl(selectionsData) {
+    const selections = selectionsData.map((selectionWithStyle) => {
+      const selectionData = attachSelectionWithCoord(selectionWithStyle, this._skeleton);
+      return selectionData.style = getNormalSelectionStyle(this._themeService), selectionData;
+    });
+    this.updateControlForCurrentByRangeData(selections);
+  }
+};
+__name(_BaseSelectionRenderService, "BaseSelectionRenderService");
+let BaseSelectionRenderService = _BaseSelectionRenderService;
+function getAllSelection(skeleton) {
+  return {
+    range: {
+      startRow: 0,
+      startColumn: 0,
+      endRow: skeleton.getRowCount() - 1,
+      endColumn: skeleton.getColumnCount() - 1,
+      rangeType: RANGE_TYPE.ALL
+    },
+    primary: getTopLeftSelection(skeleton).primary,
+    style: null
+  };
+}
+__name(getAllSelection, "getAllSelection");
+function getTopLeftSelection(skeleton) {
+  const mergeData = skeleton.mergeData;
+  return transformCellDataToSelectionData(0, 0, mergeData) || {
+    range: {
+      startRow: 0,
+      startColumn: 0,
+      endRow: 0,
+      endColumn: 0
+    },
+    primary: {
+      actualRow: 0,
+      actualColumn: 0,
+      startRow: 0,
+      startColumn: 0,
+      endRow: 0,
+      endColumn: 0,
+      isMerged: !1,
+      isMergedMainCell: !1
+    },
+    style: null
+  };
+}
+__name(getTopLeftSelection, "getTopLeftSelection");
+var __defProp$T = Object.defineProperty, __getOwnPropDesc$T = Object.getOwnPropertyDescriptor, __decorateClass$T = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$T(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$T(target, key, result), result;
+}, "__decorateClass$T"), __decorateParam$T = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$T"), _a3;
+let ShortcutExperienceService = (_a3 = class {
+  constructor(_univerInstanceService, _localeService) {
+    __publicField(this, "_current", null);
+    __publicField(this, "_shortcutParam", []);
+    this._univerInstanceService = _univerInstanceService, this._localeService = _localeService;
+  }
+  dispose() {
+    this._shortcutParam = [];
+  }
+  getCurrentBySearch(searchParm) {
+    return this._getCurrentBySearch(searchParm);
+  }
+  getCurrent() {
+    return this._getCurrentBySearch(this._current);
+  }
+  addOrUpdate(insertParam) {
+    const param = this._getCurrentBySearch({
+      unitId: insertParam.unitId,
+      sheetId: insertParam.sheetId,
+      keycode: insertParam.keycode
+    });
+    if (param != null) {
+      const index = this._shortcutParam.indexOf(param);
+      this._shortcutParam.splice(index, 1);
+    }
+    return this._shortcutParam.push(insertParam), param;
+  }
+  remove(searchParm) {
+    if (searchParm == null)
+      return;
+    const param = this._getCurrentBySearch(searchParm);
+    if (param == null)
+      return;
+    const index = this._shortcutParam.indexOf(param);
+    return this._shortcutParam.splice(index, 1)[0];
+  }
+  _getCurrentBySearch(searchParm) {
+    return searchParm == null ? void 0 : this._shortcutParam.find(
+      (param) => param.unitId === searchParm.unitId && param.sheetId === searchParm.sheetId && param.keycode === searchParm.keycode
+    );
+  }
+}, __name(_a3, "ShortcutExperienceService"), _a3);
+ShortcutExperienceService = __decorateClass$T([
+  __decorateParam$T(0, IUniverInstanceService),
+  __decorateParam$T(1, Inject(LocaleService))
+], ShortcutExperienceService);
+var MergeType = /* @__PURE__ */ ((MergeType2) => (MergeType2.MergeAll = "mergeAll", MergeType2.MergeVertical = "mergeVertical", MergeType2.MergeHorizontal = "mergeHorizontal", MergeType2))(MergeType || {});
+function findNextRange(startRange, direction, worksheet, boundary, isFindNext = !0, nextStep = 1, isGoBack = !0) {
+  let destRange = { ...startRange };
+  boundary == null && (boundary = {
+    startRow: 0,
+    endRow: worksheet.getRowCount() - 1,
+    startColumn: 0,
+    endColumn: worksheet.getColumnCount() - 1
+  });
+  let next;
+  switch (direction) {
+    case Direction.UP:
+      for (next = startRange.startRow - nextStep; next > -1 && !worksheet.getRowVisible(next); )
+        next -= 1;
+      next >= boundary.startRow ? (destRange.startRow = next, destRange.endRow = next) : isGoBack && (destRange.startRow = boundary.endRow, destRange.endRow = boundary.endRow, isFindNext && (destRange = findNextRange(destRange, Direction.LEFT, worksheet, boundary, !1)));
+      break;
+    case Direction.DOWN:
+      for (next = startRange.endRow + nextStep; next < worksheet.getRowCount() && !worksheet.getRowVisible(next); )
+        next += 1;
+      next <= boundary.endRow ? (destRange.startRow = next, destRange.endRow = next) : isGoBack && (destRange.startRow = boundary.startRow, destRange.endRow = boundary.startRow, isFindNext && (destRange = findNextRange(destRange, Direction.RIGHT, worksheet, boundary, !1)));
+      break;
+    case Direction.LEFT:
+      for (next = startRange.startColumn - nextStep; next > -1 && !worksheet.getColVisible(next); )
+        next -= 1;
+      next >= boundary.startColumn ? (destRange.startColumn = next, destRange.endColumn = next) : isGoBack && (destRange.startColumn = boundary.endColumn, destRange.endColumn = boundary.endColumn, isFindNext && (destRange = findNextRange(destRange, Direction.UP, worksheet, boundary, !1)));
+      break;
+    case Direction.RIGHT:
+      for (next = startRange.endColumn + nextStep; next < worksheet.getColumnCount() && !worksheet.getColVisible(next); )
+        next += 1;
+      next <= boundary.endColumn ? (destRange.startColumn = next, destRange.endColumn = next) : isGoBack && (destRange.startColumn = boundary.startColumn, destRange.endColumn = boundary.startColumn, isFindNext && (destRange = findNextRange(destRange, Direction.DOWN, worksheet, boundary, !1)));
+      break;
+  }
+  return destRange;
+}
+__name(findNextRange, "findNextRange");
+function findNextGapRange(startRange, direction, worksheet) {
+  const destRange = { ...startRange }, { startRow, startColumn, endRow, endColumn } = getEdgeOfRange(startRange, direction, worksheet);
+  let currentPositionHasValue = rangeHasValue(worksheet, startRow, startColumn, endRow, endColumn).hasValue, firstMove = !0, shouldContinue = !0;
+  for (; shouldContinue; ) {
+    if (Direction.UP === direction) {
+      let next = destRange.startRow - 1;
+      for (; next > -1 && !worksheet.getRowVisible(next); )
+        next -= 1;
+      if (next === -1) {
+        shouldContinue = !1;
+        break;
+      }
+      const { hasValue: nextRangeHasValue, matrix } = rangeHasValue(
+        worksheet,
+        next,
+        destRange.startColumn,
+        next,
+        destRange.endColumn
+      );
+      if (currentPositionHasValue && !nextRangeHasValue && !firstMove) {
+        shouldContinue = !1;
+        break;
+      } else {
+        if (matrix.getLength() !== 0) {
+          let min = next;
+          matrix.forValue((row) => {
+            min = Math.min(row, min);
+          }), destRange.startRow = min;
+        } else
+          destRange.startRow = next;
+        if (destRange.endRow = destRange.startRow, !currentPositionHasValue && nextRangeHasValue) {
+          shouldContinue = !1;
+          break;
+        }
+        currentPositionHasValue = nextRangeHasValue, firstMove = !1;
+      }
+    }
+    if (Direction.DOWN === direction) {
+      let next = destRange.endRow + 1;
+      for (; next < worksheet.getRowCount() && !worksheet.getRowVisible(next); )
+        next += 1;
+      if (next === worksheet.getRowCount()) {
+        shouldContinue = !1;
+        break;
+      }
+      const { hasValue: nextRangeHasValue, matrix } = rangeHasValue(
+        worksheet,
+        next,
+        destRange.startColumn,
+        next,
+        destRange.endColumn
+      );
+      if (currentPositionHasValue && !nextRangeHasValue && !firstMove) {
+        shouldContinue = !1;
+        break;
+      } else {
+        if (matrix.getLength() !== 0) {
+          let max = next;
+          matrix.forValue((row, _, value) => {
+            max = Math.max(row + (value.rowSpan || 1) - 1, max);
+          }), destRange.endRow = max;
+        } else
+          destRange.endRow = next;
+        if (destRange.startRow = destRange.endRow, !currentPositionHasValue && nextRangeHasValue) {
+          shouldContinue = !1;
+          break;
+        }
+        currentPositionHasValue = nextRangeHasValue, firstMove = !1;
+      }
+    }
+    if (Direction.LEFT === direction) {
+      let next = destRange.startColumn - 1;
+      for (; next > -1 && !worksheet.getColVisible(next); )
+        next -= 1;
+      if (next === -1) {
+        shouldContinue = !1;
+        break;
+      }
+      const { hasValue: nextRangeHasValue, matrix } = rangeHasValue(
+        worksheet,
+        destRange.startRow,
+        next,
+        destRange.endRow,
+        next
+      );
+      if (currentPositionHasValue && !nextRangeHasValue && !firstMove) {
+        shouldContinue = !1;
+        break;
+      } else {
+        if (matrix.getLength() !== 0) {
+          let min = next;
+          matrix.forValue((_, col) => {
+            min = Math.min(col, min);
+          }), destRange.startColumn = min;
+        } else
+          destRange.startColumn = next;
+        if (destRange.endColumn = destRange.startColumn, !currentPositionHasValue && nextRangeHasValue) {
+          shouldContinue = !1;
+          break;
+        }
+        currentPositionHasValue = nextRangeHasValue, firstMove = !1;
+      }
+    }
+    if (Direction.RIGHT === direction) {
+      let next = destRange.endColumn + 1;
+      for (; next < worksheet.getColumnCount() && !worksheet.getColVisible(next); )
+        next += 1;
+      if (next === worksheet.getColumnCount()) {
+        shouldContinue = !1;
+        break;
+      }
+      const { hasValue: nextRangeHasValue, matrix } = rangeHasValue(
+        worksheet,
+        destRange.startRow,
+        next,
+        destRange.endRow,
+        next
+      );
+      if (currentPositionHasValue && !nextRangeHasValue && !firstMove) {
+        shouldContinue = !1;
+        break;
+      } else {
+        if (matrix.getLength() !== 0) {
+          let max = next;
+          matrix.forValue((_, col, value) => {
+            max = Math.max(col + (value.colSpan || 1) - 1, max);
+          }), destRange.endColumn = max;
+        } else
+          destRange.endColumn = next;
+        if (destRange.startColumn = destRange.endColumn, !currentPositionHasValue && nextRangeHasValue) {
+          shouldContinue = !1;
+          break;
+        }
+        currentPositionHasValue = nextRangeHasValue, firstMove = !1;
+      }
+    }
+  }
+  return alignToMergedCellsBorders(destRange, worksheet, !0);
+}
+__name(findNextGapRange, "findNextGapRange");
+function findNextRangeExpand(startRange, direction, worksheet) {
+  return findNextRange(startRange, direction, worksheet, void 0, !1, 1, !1);
+}
+__name(findNextRangeExpand, "findNextRangeExpand");
+function expandToNextGapRange(startRange, direction, worksheet) {
+  const next = findNextGapRange(startRange, direction, worksheet);
+  return alignToMergedCellsBorders(Rectangle.union(next, startRange), worksheet, !0);
+}
+__name(expandToNextGapRange, "expandToNextGapRange");
+function expandToNextCell(startRange, direction, worksheet) {
+  const next = findNextRangeExpand(startRange, direction, worksheet), destRange = {
+    startRow: Math.min(startRange.startRow, next.startRow),
+    startColumn: Math.min(startRange.startColumn, next.startColumn),
+    endRow: Math.max(startRange.endRow, next.endRow),
+    endColumn: Math.max(startRange.endColumn, next.endColumn)
+  };
+  return alignToMergedCellsBorders(Rectangle.union(startRange, destRange), worksheet);
+}
+__name(expandToNextCell, "expandToNextCell");
+function shrinkToNextGapRange(startRange, anchorRange, direction, worksheet) {
+  const reversedDirection = getReverseDirection(direction), nextGap = findNextGapRange(getEdgeOfRange(startRange, reversedDirection, worksheet), direction, worksheet);
+  return direction === Direction.UP && nextGap.startRow <= startRange.startRow ? alignToMergedCellsBorders(
+    { ...anchorRange, startColumn: startRange.startColumn, endColumn: startRange.endColumn },
+    worksheet,
+    !0
+  ) : direction === Direction.DOWN && nextGap.endRow >= startRange.endRow ? alignToMergedCellsBorders(
+    { ...anchorRange, startColumn: startRange.startColumn, endColumn: startRange.endColumn },
+    worksheet,
+    !0
+  ) : direction === Direction.LEFT && nextGap.startColumn <= startRange.startColumn ? alignToMergedCellsBorders(
+    { ...anchorRange, startRow: startRange.startRow, endRow: startRange.endRow },
+    worksheet,
+    !0
+  ) : direction === Direction.RIGHT && nextGap.endColumn >= startRange.endColumn ? alignToMergedCellsBorders(
+    { ...anchorRange, startRow: startRange.startRow, endRow: startRange.endRow },
+    worksheet,
+    !0
+  ) : Rectangle.union(Rectangle.clone(anchorRange), nextGap);
+}
+__name(shrinkToNextGapRange, "shrinkToNextGapRange");
+function shrinkToNextCell(startRange, direction, worksheet) {
+  const reversedDirection = getReverseDirection(direction), shrinkFromEdge = getEdgeOfRange(startRange, reversedDirection, worksheet), otherEdge = getEdgeOfRange(startRange, direction, worksheet), next = findNextRangeExpand(shrinkFromEdge, direction, worksheet);
+  return alignToMergedCellsBorders(Rectangle.union(otherEdge, next), worksheet, !1);
+}
+__name(shrinkToNextCell, "shrinkToNextCell");
+function expandToWholeSheet(worksheet) {
+  return {
+    startRow: 0,
+    startColumn: 0,
+    endRow: worksheet.getRowCount() - 1,
+    endColumn: worksheet.getColumnCount() - 1,
+    rangeType: RANGE_TYPE.ALL
+  };
+}
+__name(expandToWholeSheet, "expandToWholeSheet");
+function getEdgeOfRange(startRange, direction, worksheet) {
+  let destRange;
+  switch (direction) {
+    case Direction.UP:
+      destRange = {
+        startRow: startRange.startRow,
+        startColumn: startRange.startColumn,
+        endRow: startRange.startRow,
+        endColumn: startRange.endColumn,
+        rangeType: RANGE_TYPE.NORMAL
+      };
+      break;
+    case Direction.DOWN:
+      destRange = {
+        startRow: startRange.endRow,
+        startColumn: startRange.startColumn,
+        endRow: startRange.endRow,
+        endColumn: startRange.endColumn,
+        rangeType: RANGE_TYPE.NORMAL
+      };
+      break;
+    case Direction.LEFT:
+      destRange = {
+        startRow: startRange.startRow,
+        startColumn: startRange.startColumn,
+        endRow: startRange.endRow,
+        endColumn: startRange.startColumn,
+        rangeType: RANGE_TYPE.NORMAL
+      };
+      break;
+    case Direction.RIGHT:
+      destRange = {
+        startRow: startRange.startRow,
+        startColumn: startRange.endColumn,
+        endRow: startRange.endRow,
+        endColumn: startRange.endColumn,
+        rangeType: RANGE_TYPE.NORMAL
+      };
+      break;
+    default:
+      throw new Error("Invalid direction");
+  }
+  return alignToMergedCellsBorders(destRange, worksheet, !1);
+}
+__name(getEdgeOfRange, "getEdgeOfRange");
+function rangeHasValue(worksheet, row, col, rowEnd, colEnd) {
+  let hasValue = !1;
+  const matrix = worksheet.getMatrixWithMergedCells(row, col, rowEnd, colEnd).forValue((_, __, value) => {
+    if (cellHasValue(value))
+      return hasValue = !0, !1;
+  });
+  return {
+    hasValue,
+    matrix
+  };
+}
+__name(rangeHasValue, "rangeHasValue");
+function getStartRange(range, primary, direction) {
+  const ret = Rectangle.clone(range);
+  if (primary == null)
+    return ret;
+  switch (direction) {
+    case Direction.UP:
+    case Direction.DOWN:
+      ret.startColumn = ret.endColumn = primary.actualColumn;
+      break;
+    case Direction.LEFT:
+    case Direction.RIGHT:
+      ret.startRow = ret.endRow = primary.actualRow;
+      break;
+  }
+  return ret;
+}
+__name(getStartRange, "getStartRange");
+function checkIfShrink(selection, direction, worksheet) {
+  const { primary, range } = selection, startRange = Rectangle.clone(range);
+  switch (direction) {
+    case Direction.UP:
+    case Direction.DOWN:
+      startRange.startRow = primary.startRow, startRange.endRow = primary.endRow;
+      break;
+    case Direction.LEFT:
+    case Direction.RIGHT:
+      startRange.startColumn = primary.startColumn, startRange.endColumn = primary.endColumn;
+      break;
+  }
+  const anchorRange = getEdgeOfRange(startRange, direction, worksheet);
+  switch (direction) {
+    case Direction.DOWN:
+      return range.startRow < anchorRange.startRow;
+    case Direction.UP:
+      return range.endRow > anchorRange.endRow;
+    case Direction.LEFT:
+      return anchorRange.endColumn < range.endColumn;
+    case Direction.RIGHT:
+      return anchorRange.startColumn > range.startColumn;
+  }
+}
+__name(checkIfShrink, "checkIfShrink");
+function isAllRowsCovered(allRowRanges, ranges) {
+  let start = allRowRanges[0].startRow, end = allRowRanges[0].endRow;
+  allRowRanges.forEach((range) => {
+    const { startRow, endRow } = range;
+    start = Math.min(start, startRow), end = Math.max(end, endRow);
+  });
+  const covered = new Array(end - start + 1).fill(!1);
+  return ranges.forEach((range) => {
+    const { startRow, endRow } = range;
+    for (let i = Math.max(startRow, start); i <= Math.min(endRow, end); i++)
+      covered[i - start] = !0;
+  }), allRowRanges.every((range) => {
+    const { startRow, endRow } = range;
+    for (let i = startRow; i <= endRow; i++)
+      if (!covered[i - start])
+        return !1;
+    return !0;
+  });
+}
+__name(isAllRowsCovered, "isAllRowsCovered");
+function isAllColumnsCovered(allColumnRanges, ranges) {
+  let start = allColumnRanges[0].startColumn, end = allColumnRanges[0].endColumn;
+  allColumnRanges.forEach((range) => {
+    const { startColumn, endColumn } = range;
+    start = Math.min(start, startColumn), end = Math.max(end, endColumn);
+  });
+  const covered = new Array(end - start + 1).fill(!1);
+  return ranges.forEach((range) => {
+    const { startColumn, endColumn } = range;
+    for (let i = Math.max(startColumn, start); i <= Math.min(endColumn, end); i++)
+      covered[i - start] = !0;
+  }), allColumnRanges.every((range) => {
+    const { startColumn, endColumn } = range;
+    for (let i = startColumn; i <= endColumn; i++)
+      if (!covered[i - start])
+        return !1;
+    return !0;
+  });
+}
+__name(isAllColumnsCovered, "isAllColumnsCovered");
+function getMergeableSelectionsByType(type, selections) {
+  return selections ? type === "mergeAll" ? selections.filter((selection) => !(selection.startRow === selection.endRow && selection.startColumn === selection.endColumn)) : type === "mergeVertical" ? selections.filter((selection) => selection.startRow !== selection.endRow) : type === "mergeHorizontal" ? selections.filter((selection) => selection.startColumn !== selection.endColumn) : selections : null;
+}
+__name(getMergeableSelectionsByType, "getMergeableSelectionsByType");
+function cellHasValue(cell) {
+  return cell.v !== void 0 && cell.v !== null && cell.v !== "" || cell.p !== void 0;
+}
+__name(cellHasValue, "cellHasValue");
+var JumpOver = /* @__PURE__ */ ((JumpOver2) => (JumpOver2[JumpOver2.moveStopeOne = 0] = "moveStopeOne", JumpOver2[JumpOver2.moveGap = 1] = "moveGap", JumpOver2[JumpOver2.moveStepPage = 2] = "moveStepPage", JumpOver2[JumpOver2.moveStepEnd = 3] = "moveStepEnd", JumpOver2))(JumpOver || {});
+const MoveSelectionCommand = {
+  id: "sheet.command.move-selection",
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name(async (accessor, params) => {
+    var _a61;
+    if (!params)
+      return !1;
+    const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
+    if (!target) return !1;
+    const { workbook, worksheet } = target, selection = getSelectionsService(accessor).getCurrentLastSelection();
+    if (!selection)
+      return !1;
+    const { direction, jumpOver } = params, { range, primary } = selection, startRange = getStartRange(range, primary, direction), next = jumpOver === 1 ? findNextGapRange(startRange, direction, worksheet) : findNextRange(startRange, direction, worksheet), destRange = getCellAtRowCol(next.startRow, next.startColumn, worksheet);
+    if (Rectangle.equals(destRange, startRange))
+      return !1;
+    const unitId = workbook.getUnitId();
+    accessor.get(ShortcutExperienceService).remove({
+      unitId,
+      sheetId: worksheet.getSheetId(),
+      keycode: KeyCode.TAB
+    });
+    const selections = [
+      {
+        range: Rectangle.clone(destRange),
+        primary: {
+          startRow: destRange.startRow,
+          startColumn: destRange.startColumn,
+          endRow: destRange.endRow,
+          endColumn: destRange.endColumn,
+          actualRow: next.startRow,
+          actualColumn: next.startColumn,
+          isMerged: destRange.isMerged,
+          isMergedMainCell: destRange.startRow === next.startRow && destRange.startColumn === next.startColumn
+        }
+      }
+    ], rs = accessor.get(ICommandService).executeCommand(SetSelectionsOperation.id, {
+      unitId: workbook.getUnitId(),
+      subUnitId: worksheet.getSheetId(),
+      selections
+    }), selectionService = (_a61 = accessor.get(IRenderManagerService).getRenderById(unitId)) == null ? void 0 : _a61.with(ISheetSelectionRenderService);
+    return selectionService == null || selectionService.refreshSelectionMoveEnd(), rs;
+  }, "handler")
+}, MoveSelectionEnterAndTabCommand = {
+  id: "sheet.command.move-selection-enter-tab",
+  type: CommandType.COMMAND,
+  // eslint-disable-next-line max-lines-per-function
+  handler: /* @__PURE__ */ __name(async (accessor, params) => {
+    var _a61;
+    if (!params)
+      return !1;
+    const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
+    if (!target) return !1;
+    const { workbook, worksheet } = target, selection = getSelectionsService(accessor).getCurrentLastSelection();
+    if (!selection)
+      return !1;
+    const unitId = workbook.getUnitId(), sheetId = worksheet.getSheetId();
+    if (!selection)
+      return !1;
+    const { direction, keycode } = params, { range, primary } = selection;
+    let startRange = getStartRange(range, primary, direction);
+    const shortcutExperienceService = accessor.get(ShortcutExperienceService), shortcutExperienceParam = shortcutExperienceService.getCurrentBySearch({
+      unitId,
+      sheetId,
+      keycode: KeyCode.TAB
+    });
+    let resultRange;
+    const { startRow, endRow, startColumn, endColumn } = range;
+    if (Rectangle.equals(range, primary)) {
+      if (keycode === KeyCode.TAB)
+        shortcutExperienceParam == null && shortcutExperienceService.addOrUpdate({
+          unitId,
+          sheetId,
+          keycode: KeyCode.TAB,
+          selection
+        });
+      else {
+        const selectionRemain = shortcutExperienceParam == null ? void 0 : shortcutExperienceParam.selection;
+        if (selectionRemain != null) {
+          const { range: range2, primary: primary2 } = selectionRemain;
+          startRange = getStartRange(range2, primary2, direction);
+        }
+        shortcutExperienceService.remove({
+          unitId,
+          sheetId,
+          keycode: KeyCode.TAB
+        });
+      }
+      const next = findNextRange(startRange, direction, worksheet), destRange = getCellAtRowCol(next.startRow, next.startColumn, worksheet);
+      if (Rectangle.equals(destRange, startRange))
+        return !1;
+      resultRange = {
+        range: Rectangle.clone(destRange),
+        primary: {
+          startRow: destRange.startRow,
+          startColumn: destRange.startColumn,
+          endRow: destRange.endRow,
+          endColumn: destRange.endColumn,
+          actualRow: next.startRow,
+          actualColumn: next.startColumn,
+          isMerged: destRange.isMerged,
+          isMergedMainCell: destRange.startRow === next.startRow && destRange.startColumn === next.startColumn
+        }
+      };
+    } else {
+      shortcutExperienceService.remove({
+        unitId,
+        sheetId,
+        keycode: KeyCode.TAB
       });
-    }), this._scenePointerUpSub = scene.onPointerUp$.subscribeEvent(() => {
-      var _a61, _b;
-      (_a61 = this._helperSelection) == null || _a61.dispose();
-      const scene2 = this._scene;
-      scene2.resetCursor(), this._clearObserverEvent(), scene2.enableObjectsEvent(), (_b = this._scrollTimer) == null || _b.dispose(), this._control.refreshSelectionFilled(this._targetSelection), this._isInMergeState = !1, this._controlHandler((o, index) => {
-        o.setProps({
-          fill: this._fillControlColors[index]
-        });
-      }), this._fillControlColors = [];
-    });
-  }
-  _hasMergeInRange(startRow, startColumn, endRow, endColumn) {
-    return this._skeleton.worksheet.getMergedCellRange(startRow, startColumn, endRow, endColumn).length > 0;
-  }
-  _swapPositions(startRow, startColumn, endRow, endColumn) {
-    const finalStartRow = Math.min(startRow, endRow), finalStartColumn = Math.min(startColumn, endColumn), finalEndRow = Math.max(startRow, endRow), finalEndColumn = Math.max(startColumn, endColumn);
-    return {
-      startRow: finalStartRow,
-      startColumn: finalStartColumn,
-      endRow: finalEndRow,
-      endColumn: finalEndColumn
-    };
-  }
-  _controlHandler(func) {
-    const {
-      leftControl,
-      rightControl,
-      topControl,
-      bottomControl,
-      backgroundControlTop,
-      backgroundControlMiddleLeft,
-      backgroundControlMiddleRight,
-      backgroundControlBottom,
-      fillControl
-    } = this._control, objects = [
-      leftControl,
-      rightControl,
-      topControl,
-      bottomControl,
-      backgroundControlTop,
-      backgroundControlMiddleLeft,
-      backgroundControlMiddleRight,
-      backgroundControlBottom,
-      fillControl
-    ];
-    for (let i = 0, len = objects.length; i < len; i++) {
-      const object = objects[i];
-      func(object, i);
+      const newPrimary = Tools.deepClone(primary), next = findNextRange(
+        {
+          startRow: newPrimary.startRow,
+          startColumn: newPrimary.startColumn,
+          endRow: newPrimary.endRow,
+          endColumn: newPrimary.endColumn
+        },
+        direction,
+        worksheet,
+        {
+          startRow,
+          endRow,
+          startColumn,
+          endColumn
+        }
+      ), destRange = getCellAtRowCol(next.startRow, next.startColumn, worksheet);
+      resultRange = {
+        range: Rectangle.clone(range),
+        primary: {
+          startRow: destRange.startRow,
+          startColumn: destRange.startColumn,
+          endRow: destRange.endRow,
+          endColumn: destRange.endColumn,
+          actualRow: next.startRow,
+          actualColumn: next.startColumn,
+          isMerged: destRange.isMerged,
+          isMergedMainCell: destRange.startRow === next.startRow && destRange.startColumn === next.startColumn
+        }
+      };
     }
-  }
-  _fillRuler(rowOrColumn, startRowOrColumn, endRowOrColumn, rowOrColumnLength, maxRowOrColumn) {
-    let isLighten = !1;
-    if (rowOrColumn < startRowOrColumn)
-      if (this._isInMergeState && rowOrColumn < startRowOrColumn) {
-        const current = startRowOrColumn - rowOrColumn, rangeRowCount = rowOrColumnLength + 1, step = Math.ceil(current / rangeRowCount);
-        let newStartRow = startRowOrColumn - step * rangeRowCount;
-        newStartRow < 0 && (newStartRow = startRowOrColumn - (step - 1) * rangeRowCount), startRowOrColumn = newStartRow;
+    const rs = accessor.get(ICommandService).executeCommand(SetSelectionsOperation.id, {
+      unitId,
+      subUnitId: sheetId,
+      selections: [resultRange]
+    }), selectionService = (_a61 = accessor.get(IRenderManagerService).getRenderById(unitId)) == null ? void 0 : _a61.with(ISheetSelectionRenderService);
+    return selectionService == null || selectionService.refreshSelectionMoveEnd(), rs;
+  }, "handler")
+}, ExpandSelectionCommand = {
+  id: "sheet.command.expand-selection",
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name(async (accessor, params) => {
+    if (!params) return !1;
+    const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
+    if (!target) return !1;
+    const { worksheet, unitId, subUnitId } = target, selection = getSelectionsService(accessor).getCurrentLastSelection();
+    if (!selection) return !1;
+    const { range: startRange, primary } = selection, { jumpOver, direction } = params, destRange = checkIfShrink(selection, direction, worksheet) ? jumpOver === 1 ? shrinkToNextGapRange(
+      startRange,
+      { ...Rectangle.clone(primary), rangeType: RANGE_TYPE.NORMAL },
+      direction,
+      worksheet
+    ) : shrinkToNextCell(startRange, direction, worksheet) : jumpOver === 1 ? expandToNextGapRange(startRange, direction, worksheet) : expandToNextCell(startRange, direction, worksheet);
+    return Rectangle.equals(destRange, startRange) ? !1 : accessor.get(ICommandService).executeCommand(SetSelectionsOperation.id, {
+      unitId,
+      subUnitId,
+      selections: [
+        {
+          range: destRange,
+          primary
+          // this remains unchanged
+        }
+      ]
+    });
+  }, "handler")
+}, SelectAllCommand = {
+  id: "sheet.command.select-all",
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name(async (accessor, params = { expandToGapFirst: !0, loop: !1 }) => {
+    const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
+    if (!target) return !1;
+    const selection = getSelectionsService(accessor).getCurrentLastSelection();
+    if (!selection) return !1;
+    const selectAllService = accessor.get(SelectAllService), { worksheet, unitId, subUnitId } = target, id = `${unitId}|${subUnitId}`;
+    id !== selectAllService.selectedRangeWorksheet && (selectAllService.rangesStack = [], selectAllService.selectedRangeWorksheet = id);
+    const maxRow = worksheet.getMaxRows(), maxCol = worksheet.getMaxColumns(), { expandToGapFirst, loop } = params, { range, primary } = selection, isWholeSheetSelected = range.endColumn === maxCol - 1 && range.endRow === maxRow - 1 && range.startRow === 0 && range.startColumn === 0;
+    selectAllService.rangesStack.some((s) => Rectangle.equals(s, range)) || (selectAllService.rangesStack = [], selectAllService.rangesStack.push(range));
+    let destRange;
+    if (isWholeSheetSelected)
+      if (loop) {
+        if (selectAllService.rangesStack.findIndex((s) => Rectangle.equals(s, range)) !== selectAllService.rangesStack.length - 1)
+          return !1;
+        destRange = selectAllService.rangesStack[0];
       } else
-        startRowOrColumn = rowOrColumn;
-    else if (rowOrColumn >= startRowOrColumn && rowOrColumn <= endRowOrColumn)
-      isLighten = !0, this._isInMergeState || (endRowOrColumn = rowOrColumn);
-    else if (this._isInMergeState && rowOrColumn > endRowOrColumn) {
-      const current = rowOrColumn - endRowOrColumn, rangeRowCount = rowOrColumnLength + 1, step = Math.ceil(current / rangeRowCount);
-      let newEndRow = endRowOrColumn + step * rangeRowCount;
-      newEndRow > maxRowOrColumn && (newEndRow = endRowOrColumn + (step - 1) * rangeRowCount), endRowOrColumn = newEndRow;
-    } else
-      endRowOrColumn = rowOrColumn;
-    return {
-      rowOrColumn,
-      startRowOrColumn,
-      endRowOrColumn,
-      isLighten
-    };
-  }
-  _getScale() {
-    const { scaleX, scaleY } = this._scene.getAncestorScale();
-    return Math.max(scaleX, scaleY);
-  }
+        return !1;
+    else expandToGapFirst ? (destRange = expandToContinuousRange(range, { left: !0, right: !0, up: !0, down: !0 }, worksheet), Rectangle.equals(destRange, range) && (destRange = expandToWholeSheet(worksheet))) : destRange = expandToWholeSheet(worksheet);
+    return selectAllService.rangesStack.some((s) => Rectangle.equals(s, destRange)) || selectAllService.rangesStack.push(destRange), accessor.get(ICommandService).executeCommand(SetSelectionsOperation.id, {
+      unitId,
+      subUnitId,
+      selections: [
+        {
+          range: destRange,
+          primary
+          // this remains unchanged
+        }
+      ]
+    });
+  }, "handler")
 };
-__name(_SelectionShapeExtension, "SelectionShapeExtension");
-let SelectionShapeExtension = _SelectionShapeExtension;
-function attachSelectionWithCoord(selection, skeleton) {
-  const { range, primary, style } = selection;
+function isRenderManagerService(renderManagerService) {
+  return typeof renderManagerService.isMainScene > "u";
+}
+__name(isRenderManagerService, "isRenderManagerService");
+function getSheetObject(univerInstanceService, renderManagerService) {
+  const workbook = univerInstanceService instanceof Workbook ? univerInstanceService : univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+  if (!workbook) return null;
+  const unitId = workbook.getUnitId();
+  let components, mainComponent, scene, engine;
+  if (isRenderManagerService(renderManagerService)) {
+    const currentRender = renderManagerService.getRenderById(unitId);
+    if (currentRender == null) return null;
+    components = currentRender.components, components = currentRender.components, mainComponent = currentRender.mainComponent, scene = currentRender.scene, engine = currentRender.engine;
+  } else
+    components = renderManagerService.components, mainComponent = renderManagerService.mainComponent, scene = renderManagerService.scene, engine = renderManagerService.engine;
+  if (!components || !mainComponent) return null;
+  const spreadsheet = mainComponent, spreadsheetRowHeader = components.get(SHEET_VIEW_KEY.ROW), spreadsheetColumnHeader = components.get(SHEET_VIEW_KEY.COLUMN), spreadsheetLeftTopPlaceholder = components.get(SHEET_VIEW_KEY.LEFT_TOP);
   return {
-    rangeWithCoord: attachRangeWithCoord(skeleton, range),
-    primaryWithCoord: primary ? attachPrimaryWithCoord(primary, skeleton) : null,
-    style
+    spreadsheet,
+    spreadsheetRowHeader,
+    spreadsheetColumnHeader,
+    spreadsheetLeftTopPlaceholder,
+    scene,
+    engine
   };
 }
-__name(attachSelectionWithCoord, "attachSelectionWithCoord");
-function attachPrimaryWithCoord(primary, skeleton) {
-  const { actualRow, actualColumn, isMerged, isMergedMainCell, startRow, startColumn, endRow, endColumn } = primary, cellPosition = skeleton.getNoMergeCellPositionByIndex(actualRow, actualColumn), startCell = skeleton.getNoMergeCellPositionByIndex(startRow, startColumn), endCell = skeleton.getNoMergeCellPositionByIndex(endRow, endColumn);
+__name(getSheetObject, "getSheetObject");
+function getCoordByCell(row, col, scene, skeleton) {
+  const { startX, startY, endX, endY } = skeleton.getCellByIndex(row, col);
+  return { startX, startY, endX, endY };
+}
+__name(getCoordByCell, "getCoordByCell");
+function getCoordByOffset(evtOffsetX, evtOffsetY, scene, skeleton, viewport, closeFirst) {
+  const relativeCoords = scene.getRelativeToViewportCoord(Vector2.FromArray([evtOffsetX, evtOffsetY])), { x: newEvtOffsetX, y: newEvtOffsetY } = relativeCoords, scrollXY = scene.getVpScrollXYInfoByPosToVp(relativeCoords, viewport), { scaleX, scaleY } = scene.getAncestorScale(), moveActualSelection = skeleton.getCellPositionByOffset(
+    newEvtOffsetX,
+    newEvtOffsetY,
+    scaleX,
+    scaleY,
+    scrollXY,
+    closeFirst
+  ), { row, column } = moveActualSelection, startCell = skeleton.getNoMergeCellPositionByIndex(row, column), { startX, startY, endX, endY } = startCell;
   return {
-    actualRow,
-    actualColumn,
-    isMerged,
-    isMergedMainCell,
-    startX: cellPosition.startX,
-    startY: cellPosition.startY,
-    endX: cellPosition.endX,
-    endY: cellPosition.endY,
-    mergeInfo: {
-      startRow,
-      startColumn,
-      endRow,
-      endColumn,
-      startY: (startCell == null ? void 0 : startCell.startY) || 0,
-      endY: (endCell == null ? void 0 : endCell.endY) || 0,
-      startX: (startCell == null ? void 0 : startCell.startX) || 0,
-      endX: (endCell == null ? void 0 : endCell.endX) || 0
-    }
+    startX,
+    startY,
+    endX,
+    endY,
+    row,
+    column
   };
 }
-__name(attachPrimaryWithCoord, "attachPrimaryWithCoord");
-const ISheetSelectionRenderService = createIdentifier("univer.sheet.selection-render-service"), _BaseSelectionRenderService = class _BaseSelectionRenderService extends Disposable {
-  constructor(_injector, _themeService, _shortcutService, _sheetSkeletonManagerService) {
-    super();
-    __publicField(this, "_downObserver");
-    __publicField(this, "_scenePointerMoveSub");
-    __publicField(this, "_scenePointerUpSub");
-    __publicField(this, "_controlFillConfig$", new BehaviorSubject(null));
-    __publicField(this, "controlFillConfig$", this._controlFillConfig$.asObservable());
-    __publicField(this, "_selectionControls", []);
-    // sheetID:Controls
-    __publicField(this, "_startRangeWhenPointerDown", {
-      startY: 0,
-      endY: 0,
-      startX: 0,
-      endX: 0,
-      startRow: -1,
-      endRow: -1,
-      startColumn: -1,
-      endColumn: -1
-    });
-    /**
-     * the posX of viewport when the pointer down
-     */
-    __publicField(this, "_startViewportPosX", 0);
-    /**
-     * the posY of viewport when the pointer down
-     */
-    __publicField(this, "_startViewportPosY", 0);
-    __publicField(this, "_scrollTimer");
-    __publicField(this, "_cancelDownSubscription");
-    __publicField(this, "_cancelUpSubscription");
-    __publicField(this, "_skeleton");
-    __publicField(this, "_scene");
-    // The type of selector determines the type of data range and the highlighting style of the title bar
-    __publicField(this, "_isHeaderHighlight", !0);
-    // If true, the selector will respond to the range of merged cells and automatically extend the selected range. If false, it will ignore the merged cells.
-    __publicField(this, "_shouldDetectMergedCells", !0);
-    // The style of the selection area, including dashed lines, color, thickness, autofill, other points for modifying the range of the selection area, title highlighting, and so on, can all be customized.
-    __publicField(this, "_selectionStyle");
-    // #region ref range selection
-    // we put the properties here for simplicity
-    // Used in the formula selection feature, a new selection string is added by drawing a box with the mouse.
-    __publicField(this, "_remainLastEnabled", !1);
-    __publicField(this, "_skipLastEnabled", !1);
-    __publicField(this, "_singleSelectionEnabled", !1);
-    // #endregion
-    __publicField(this, "_selectionMoveEnd$", new BehaviorSubject([]));
-    __publicField(this, "selectionMoveEnd$", this._selectionMoveEnd$.asObservable());
-    __publicField(this, "_selectionMoving$", new Subject());
-    __publicField(this, "selectionMoving$", this._selectionMoving$.asObservable());
-    __publicField(this, "_selectionMoveStart$", new Subject());
-    __publicField(this, "selectionMoveStart$", this._selectionMoveStart$.asObservable());
-    __publicField(this, "_selectionMoving", !1);
-    __publicField(this, "_activeViewport");
-    __publicField(this, "interceptor", new InterceptorManager({ RANGE_MOVE_PERMISSION_CHECK, RANGE_FILL_PERMISSION_CHECK }));
-    __publicField(this, "_escapeShortcutDisposable", null);
-    this._injector = _injector, this._themeService = _themeService, this._shortcutService = _shortcutService, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._resetSelectionStyle(), this._initMoving();
-  }
-  get selectionMoving() {
-    return this._selectionMoving;
-  }
-  _initMoving() {
-    this.disposeWithMe(this._selectionMoving$.subscribe(() => {
-      this._selectionMoving = !0;
-    })), this.disposeWithMe(this._selectionMoveEnd$.subscribe(() => {
-      this._selectionMoving = !1;
-    }));
-  }
-  _setSelectionStyle(style) {
-    this._selectionStyle = style;
-  }
-  /**
-   * Reset this._selectionStyle to default normal selection style
-   */
-  _resetSelectionStyle() {
-    this._setSelectionStyle(getNormalSelectionStyle(this._themeService));
-  }
-  /** @deprecated This should not be provided by the selection render service. */
-  getViewPort() {
-    return this._activeViewport;
-  }
-  setSingleSelectionEnabled(enabled = !1) {
-    this._singleSelectionEnabled = enabled;
-  }
-  /**
-   * Add a selection in spreadsheet, create a new SelectionControl and then update this control by range derives from selection.
-   * @param {ISelectionWithCoordAndStyle} selection
-   */
-  _addSelectionControlBySelectionData(selection) {
-    var _a61;
-    const skeleton = this._skeleton, style = (_a61 = selection.style) != null ? _a61 : getNormalSelectionStyle(this._themeService), scene = this._scene;
-    if (!scene || !skeleton)
-      return;
-    const { rangeWithCoord, primaryWithCoord } = selection, { rangeType } = rangeWithCoord, control = this.newSelectionControl(scene, rangeType || RANGE_TYPE.NORMAL, skeleton);
-    new SelectionShapeExtension(control, skeleton, scene, this._themeService, this._injector, {
-      selectionMoveEnd: /* @__PURE__ */ __name(() => {
-        this._selectionMoveEnd$.next(this.getSelectionDataWithStyle());
-      }, "selectionMoveEnd")
-    });
-    const { rowHeaderWidth, columnHeaderHeight } = skeleton;
-    control.update(rangeWithCoord, rowHeaderWidth, columnHeaderHeight, style, primaryWithCoord);
-  }
-  newSelectionControl(scene, _rangeType, skeleton) {
-    const zIndex = this.getSelectionControls().length, { rowHeaderWidth, columnHeaderHeight } = skeleton, control = new SelectionControl(scene, zIndex, this._themeService, this._isHeaderHighlight, {
-      rowHeaderWidth,
-      columnHeaderHeight
-    });
-    return this._selectionControls.push(control), control;
-  }
-  /**
-   * Update the corresponding selectionControl based on selectionsData.
-   * selectionData[i] syncs selectionControls[i]
-   * @param selections
-   */
-  updateControlForCurrentByRangeData(selections) {
-    const selectionControls = this.getSelectionControls();
-    if (!(!selectionControls || this._skeleton == null))
-      for (let i = 0, len = selections.length; i < len; i++) {
-        const { rangeWithCoord, primaryWithCoord } = selections[i], control = selectionControls[i];
-        control && control.updateRange(rangeWithCoord, primaryWithCoord);
-      }
-  }
-  refreshSelectionMoveStart() {
-    this._selectionMoveStart$.next(this.getSelectionDataWithStyle());
-  }
-  refreshSelectionMoveEnd() {
-    this._selectionMoveEnd$.next(this.getSelectionDataWithStyle());
-  }
-  _changeRuntime(skeleton, scene, viewport) {
-    this._skeleton = skeleton, this._scene = scene, this._activeViewport = viewport || (scene == null ? void 0 : scene.getViewports()[0]), scene.findLayerByZIndex(SHEET_COMPONENT_SELECTION_LAYER_INDEX) || scene.addLayer(new SelectionLayer(scene, [], SHEET_COMPONENT_SELECTION_LAYER_INDEX));
-  }
-  getSkeleton() {
-    return this._skeleton;
-  }
-  /**
-   * Generate selectionData from this._selectionControls.model .
-   * @returns {ISelectionWithCoordAndStyle[]} {range, primary, style}[]
-   */
-  getSelectionDataWithStyle() {
-    const selectionControls = this._selectionControls, [unitId, sheetId] = this._skeleton.getLocation();
-    return selectionControls.map((control) => {
-      const v = control.getValue();
-      return v.rangeWithCoord.sheetId = sheetId, v.rangeWithCoord.unitId = unitId, v;
-    });
-  }
-  getSelectionControls() {
-    return this._selectionControls;
-  }
-  _clearSelectionControls() {
-    const allSelectionControls = this._selectionControls;
-    for (const control of allSelectionControls)
-      control.dispose();
-    this._selectionControls.length = 0;
-  }
-  _getFreeze() {
-    var _a61;
-    return (_a61 = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _a61.skeleton.getWorksheetConfig().freeze;
-  }
-  _getViewportByCell(row, column) {
-    if (row === void 0 || column === void 0)
-      return null;
-    const freeze = this._getFreeze();
-    if (!freeze || freeze.startRow <= 0 && freeze.startColumn <= 0)
-      return this._scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
-    if (row > freeze.startRow && column > freeze.startColumn)
-      return this._scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
-    if (row <= freeze.startRow && column <= freeze.startColumn)
-      return this._scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP);
-    if (row <= freeze.startRow && column > freeze.startColumn)
-      return this._scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN_TOP);
-    if (row > freeze.startRow && column <= freeze.startColumn)
-      return this._scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT);
-  }
-  /**
-   * Returns the selected range in the active sheet, or null if there is no active range. If multiple ranges are selected this method returns only the last selected range.
-   */
-  getActiveRange() {
-    const controls = this.getSelectionControls(), model = controls && controls[controls.length - 1].model;
-    return model && {
-      startRow: model.startRow,
-      startColumn: model.startColumn,
-      endRow: model.endRow,
-      endColumn: model.endColumn
-    };
-  }
-  /**
-   * get active selection control
-   * @returns T extends SelectionControl
-   */
-  getActiveSelectionControl() {
-    const controls = this.getSelectionControls();
-    if (controls)
-      return controls[controls.length - 1];
+__name(getCoordByOffset, "getCoordByOffset");
+function getTransformCoord(evtOffsetX, evtOffsetY, scene, skeleton) {
+  const relativeCoords = scene.getRelativeToViewportCoord(Vector2.FromArray([evtOffsetX, evtOffsetY])), viewMain = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN), scrollXY = scene.getVpScrollXYInfoByPosToVp(relativeCoords, viewMain), { scaleX, scaleY } = scene.getAncestorScale(), { x: scrollX, y: scrollY } = scrollXY, offsetX = evtOffsetX / scaleX + scrollX, offsetY = evtOffsetY / scaleY + scrollY;
+  return { x: offsetX, y: offsetY };
+}
+__name(getTransformCoord, "getTransformCoord");
+var __defProp$S = Object.defineProperty, __getOwnPropDesc$S = Object.getOwnPropertyDescriptor, __decorateClass$S = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$S(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$S(target, key, result), result;
+}, "__decorateClass$S"), __decorateParam$S = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$S");
+const SHEET_NAVIGATION_COMMANDS$1 = [MoveSelectionCommand.id, MoveSelectionEnterAndTabCommand.id];
+var _a4;
+let SheetsScrollRenderController = (_a4 = class extends Disposable {
+  constructor(_context, _injector, _sheetSkeletonManagerService, _contextService, _commandService, _renderManagerService, _scrollManagerService) {
+    super(), this._context = _context, this._injector = _injector, this._sheetSkeletonManagerService = _sheetSkeletonManagerService, this._contextService = _contextService, this._commandService = _commandService, this._renderManagerService = _renderManagerService, this._scrollManagerService = _scrollManagerService, this._initCommandListener(), this._wheelEventListener(), this._scrollBarEventListener(), this._initSkeletonListener();
   }
-  endSelection() {
-    var _a61;
-    this._clearUpdatingListeners(), this._selectionMoveEnd$.next(this.getSelectionDataWithStyle()), (_a61 = this._escapeShortcutDisposable) == null || _a61.dispose(), this._escapeShortcutDisposable = null;
+  scrollToRange(range) {
+    let { endRow, endColumn, startColumn, startRow } = range;
+    const bounding = this._getViewportBounding();
+    if (range.rangeType === RANGE_TYPE.ROW ? (startColumn = 0, endColumn = 0) : range.rangeType === RANGE_TYPE.COLUMN && (startRow = 0, endRow = 0), bounding) {
+      const row = bounding.startRow > endRow ? startRow : endRow, col = bounding.startColumn > endColumn ? startColumn : endColumn;
+      return this._scrollToCell(row, col);
+    } else
+      return this._scrollToCell(startRow, startColumn);
   }
-  /**
-   * Clear existed selections.
-   */
-  _reset() {
-    var _a61;
-    this._clearSelectionControls(), (_a61 = this._downObserver) == null || _a61.unsubscribe(), this._downObserver = null;
+  _initCommandListener() {
+    this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+      if (SHEET_NAVIGATION_COMMANDS$1.includes(command.id))
+        this._scrollToSelection();
+      else if (command.id === ScrollToCellOperation.id) {
+        const param = command.params;
+        this.scrollToRange(param);
+      } else if (command.id === ExpandSelectionCommand.id) {
+        const param = command.params;
+        this._scrollToSelectionForExpand(param);
+      } else command.id === SetSelectionsOperation.id && command.params.reveal && this._scrollToSelection();
+    }));
   }
-  resetAndEndSelection() {
-    this.endSelection(), this._reset();
+  _scrollToSelectionForExpand(param) {
+    setTimeout(() => {
+      const selection = this._getSelectionsService().getCurrentLastSelection();
+      if (selection == null)
+        return;
+      const { startRow, startColumn, endRow, endColumn } = selection.range, bounds = this._getViewportBounding();
+      if (bounds == null)
+        return;
+      const { startRow: viewportStartRow, startColumn: viewportStartColumn, endRow: viewportEndRow, endColumn: viewportEndColumn } = bounds;
+      let row = 0, column = 0;
+      startRow > viewportStartRow ? row = endRow : endRow < viewportEndRow ? row = startRow : row = viewportStartRow, startColumn > viewportStartColumn ? column = endColumn : endColumn < viewportEndColumn ? column = startColumn : column = viewportStartColumn, param.direction === Direction.DOWN ? row = endRow : param.direction === Direction.UP ? row = startRow : param.direction === Direction.RIGHT ? column = endColumn : param.direction === Direction.LEFT && (column = startColumn), this._scrollToCell(row, column);
+    }, 0);
   }
-  // TODO: @wzhudev: refactor the method to make it more readable
-  /**
-   *
-   * @param evt component point event
-   * @param style selection style, Styles for user-customized selectors
-   * @param _zIndex Stacking order of the selection object
-   * @param rangeType Determines whether the selection is made normally according to the range or by rows and columns
-   */
-  // eslint-disable-next-line max-lines-per-function, complexity
-  _onPointerDown(evt, _zIndex = 0, rangeType = RANGE_TYPE.NORMAL, viewport, scrollTimerType = ScrollTimerType.ALL) {
+  _getFreeze() {
     var _a61;
-    this._shouldDetectMergedCells = rangeType === RANGE_TYPE.NORMAL;
-    const skeleton = this._skeleton, scene = this._scene;
-    if (!scene || !skeleton)
-      return;
-    viewport && (this._activeViewport = viewport);
-    const { offsetX: evtOffsetX, offsetY: evtOffsetY } = evt, viewportMain = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
-    if (!viewportMain) return;
-    const relativeCoords = scene.getRelativeToViewportCoord(Vector2.FromArray([evtOffsetX, evtOffsetY]));
-    let { x: viewportPosX, y: viewportPosY } = relativeCoords;
-    this._startViewportPosX = viewportPosX, this._startViewportPosY = viewportPosY;
-    const scrollXY = scene.getVpScrollXYInfoByPosToVp(relativeCoords), { scaleX, scaleY } = scene.getAncestorScale(), cursorCellRangeInfo = this._getCellRangeByCursorPosition(viewportPosX, viewportPosY, scaleX, scaleY, scrollXY);
-    if (!cursorCellRangeInfo) return;
-    const { rangeWithCoord: cursorCellRange, primaryWithCoord: primaryCursorCellRange } = cursorCellRangeInfo, cursorCellRangeWithRangeType = { ...cursorCellRange, rangeType };
-    this._startRangeWhenPointerDown = { ...cursorCellRange, rangeType };
-    let activeSelectionControl = this.getActiveSelectionControl();
-    const curControls = this.getSelectionControls();
-    for (const control of curControls) {
-      if (evt.button === 2 && control.model.isInclude(cursorCellRangeWithRangeType)) {
-        activeSelectionControl = control;
-        return;
-      }
-      if (control.model.isEqual(cursorCellRangeWithRangeType)) {
-        activeSelectionControl = control;
-        break;
-      }
-      evt.shiftKey || control.clearHighlight();
-    }
-    this._checkClearPreviousControls(evt);
-    const currentCell = activeSelectionControl == null ? void 0 : activeSelectionControl.model.currentCell, expandByShiftKey = evt.shiftKey && currentCell, remainLastEnable = this._remainLastEnabled && !evt.ctrlKey && !evt.shiftKey && !this._skipLastEnabled && !this._singleSelectionEnabled;
-    expandByShiftKey && currentCell ? this._performSelectionByTwoCells(
-      currentCell,
-      cursorCellRangeWithRangeType,
-      skeleton,
-      rangeType,
-      activeSelectionControl
-      // Get updated in this method
-    ) : remainLastEnable && activeSelectionControl ? this._updateSelectionControlByRange(
-      activeSelectionControl,
-      cursorCellRangeWithRangeType,
-      primaryCursorCellRange
-    ) : (activeSelectionControl = this.newSelectionControl(scene, rangeType, skeleton), this._updateSelectionControlByRange(
-      activeSelectionControl,
-      cursorCellRangeWithRangeType,
-      primaryCursorCellRange
-    )), this._selectionMoveStart$.next(this.getSelectionDataWithStyle()), scene.disableObjectsEvent(), this._clearUpdatingListeners(), this._addEndingListeners(), (_a61 = scene.getTransformer()) == null || _a61.clearSelectedObjects(), (rangeType === RANGE_TYPE.ROW || rangeType === RANGE_TYPE.COLUMN) && (rangeType === RANGE_TYPE.ROW ? viewportPosX = 0 : rangeType === RANGE_TYPE.COLUMN && (viewportPosY = 0), this._movingHandler(viewportPosX, viewportPosY, activeSelectionControl, rangeType)), this._setupPointerMoveListener(viewportMain, activeSelectionControl, rangeType, scrollTimerType, viewportPosX, viewportPosY), this._escapeShortcutDisposable = this._shortcutService.forceEscape(), this._scenePointerUpSub = scene.onPointerUp$.subscribeEvent(() => {
-      var _a62;
-      this._clearUpdatingListeners(), this._selectionMoveEnd$.next(this.getSelectionDataWithStyle()), (_a62 = this._escapeShortcutDisposable) == null || _a62.dispose(), this._escapeShortcutDisposable = null;
-    });
+    const snapshot = (_a61 = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _a61.skeleton.getWorksheetConfig();
+    if (snapshot != null)
+      return snapshot.freeze;
   }
-  /**
-   * Init pointer move listener in each pointer down, unbind in each pointer up.
-   * Both cell selections and row-column selections are supported by this method.
-   * @param viewportMain
-   * @param activeSelectionControl
-   * @param rangeType
-   * @param scrollTimerType
-   * @param moveStartPosX
-   * @param moveStartPosY
-   */
-  // eslint-disable-next-line max-lines-per-function
-  _setupPointerMoveListener(viewportMain, activeSelectionControl, rangeType, scrollTimerType = ScrollTimerType.ALL, moveStartPosX, moveStartPosY) {
-    var _a61, _b;
-    let xCrossTime = 0, yCrossTime = 0, lastX = moveStartPosX, lastY = moveStartPosY;
-    this._scrollTimer = ScrollTimer.create(this._scene, scrollTimerType), this._scrollTimer.startScroll((_a61 = viewportMain == null ? void 0 : viewportMain.left) != null ? _a61 : 0, (_b = viewportMain == null ? void 0 : viewportMain.top) != null ? _b : 0, viewportMain);
-    const scene = this._scene, startViewport = scene.getActiveViewportByCoord(Vector2.FromArray([moveStartPosX, moveStartPosY]));
-    this._scenePointerMoveSub = scene.onPointerMove$.subscribeEvent((moveEvt) => {
-      var _a62, _b2, _c, _d, _e, _f, _g, _h, _i;
-      const { offsetX: moveOffsetX, offsetY: moveOffsetY } = moveEvt, { x: newMoveOffsetX, y: newMoveOffsetY } = scene.getRelativeToViewportCoord(Vector2.FromArray([moveOffsetX, moveOffsetY]));
-      this._movingHandler(newMoveOffsetX, newMoveOffsetY, activeSelectionControl, rangeType);
-      let scrollOffsetX = newMoveOffsetX, scrollOffsetY = newMoveOffsetY;
-      const currentSelection = this.getActiveSelectionControl(), freeze = this._getFreeze(), selection = currentSelection == null ? void 0 : currentSelection.model, endViewport = (_a62 = scene.getActiveViewportByCoord(Vector2.FromArray([moveOffsetX, moveOffsetY]))) != null ? _a62 : this._getViewportByCell(selection == null ? void 0 : selection.endRow, selection == null ? void 0 : selection.endColumn);
-      if ((/* @__PURE__ */ __name(() => {
-        if (!startViewport || !endViewport || !viewportMain)
-          return !1;
-        const crossableViewports = [
-          SHEET_VIEWPORT_KEY$1.VIEW_MAIN,
-          SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP,
-          SHEET_VIEWPORT_KEY$1.VIEW_MAIN_TOP,
-          SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT
-        ];
-        return crossableViewports.includes(startViewport.viewportKey) && crossableViewports.includes(endViewport.viewportKey);
-      }, "isCrossableViewports"))()) {
-        if (!startViewport || !endViewport || !viewportMain)
-          return !1;
-        const isCrossingX = lastX < viewportMain.left && newMoveOffsetX > viewportMain.left || lastX > viewportMain.left && newMoveOffsetX < viewportMain.left, isCrossingY = lastY < viewportMain.top && newMoveOffsetY > viewportMain.top || lastY > viewportMain.top && newMoveOffsetY < viewportMain.top;
-        isCrossingX && (xCrossTime += 1), isCrossingY && (yCrossTime += 1);
-        const startKey = startViewport.viewportKey, endKey = endViewport.viewportKey;
-        if (startKey === SHEET_VIEWPORT_KEY$1.VIEW_ROW_TOP)
-          moveOffsetY < viewportMain.top && ((_b2 = selection == null ? void 0 : selection.endRow) != null ? _b2 : 0) < ((_c = freeze == null ? void 0 : freeze.startRow) != null ? _c : 0) ? scrollOffsetY = viewportMain.top : isCrossingY && yCrossTime % 2 === 1 && viewportMain.scrollToViewportPos({
-            viewportScrollY: 0
-          });
-        else if (startKey === SHEET_VIEWPORT_KEY$1.VIEW_COLUMN_LEFT)
-          moveOffsetX < viewportMain.left && ((_d = selection == null ? void 0 : selection.endColumn) != null ? _d : 0) < ((_e = freeze == null ? void 0 : freeze.startColumn) != null ? _e : 0) ? scrollOffsetX = viewportMain.left : isCrossingX && xCrossTime % 2 === 1 && viewportMain.scrollToViewportPos({
-            viewportScrollX: 0
-          });
-        else if (startKey === endKey) {
-          let disableX = !1, disableY = !1;
-          startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP ? (disableX = !0, disableY = !0) : startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_TOP ? disableY = !0 : startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT && (disableX = !0), ((_f = selection == null ? void 0 : selection.endRow) != null ? _f : 0) > ((_g = freeze == null ? void 0 : freeze.startRow) != null ? _g : 0) && (disableY = !1), ((_h = selection == null ? void 0 : selection.endColumn) != null ? _h : 0) > ((_i = freeze == null ? void 0 : freeze.startColumn) != null ? _i : 0) && (disableX = !1), disableX && (scrollOffsetX = viewportMain.left), disableY && (scrollOffsetY = viewportMain.top);
-        } else {
-          const startXY = {
-            x: startViewport.scrollX,
-            y: startViewport.scrollY
-          }, endXY = {
-            x: endViewport.scrollX,
-            y: endViewport.scrollY
-          }, shouldResetX = startXY.x !== endXY.x && isCrossingX && xCrossTime % 2 === 1, shouldResetY = startXY.y !== endXY.y && isCrossingY && yCrossTime % 2 === 1;
-          (shouldResetX || shouldResetY) && (viewportMain.scrollToBarPos({
-            x: shouldResetX ? startXY.x : void 0,
-            y: shouldResetY ? startXY.y : void 0
-          }), shouldResetX || (scrollOffsetX = viewportMain.left), shouldResetY || (scrollOffsetY = viewportMain.top)), (startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP && endKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT || endKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP && startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT) && (scrollOffsetX = viewportMain.left), (startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP && endKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_TOP || endKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_LEFT_TOP && startKey === SHEET_VIEWPORT_KEY$1.VIEW_MAIN_TOP) && (scrollOffsetY = viewportMain.top);
+  _wheelEventListener() {
+    const { scene } = this._context;
+    if (!scene) return;
+    const viewMain = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
+    viewMain && this.disposeWithMe(
+      // eslint-disable-next-line complexity
+      scene.onMouseWheel$.subscribeEvent((evt, state) => {
+        if (evt.ctrlKey || !this._contextService.getContextValue(FOCUSING_SHEET))
+          return;
+        let offsetX = 0, offsetY = 0;
+        const isLimitedStore = viewMain.limitedScroll();
+        if (evt.inputIndex === PointerInput.MouseWheelX) {
+          const scrollNum = Math.abs(evt.deltaX);
+          offsetX = evt.deltaX > 0 ? scrollNum : -scrollNum, this._commandService.executeCommand(SetScrollRelativeCommand.id, { offsetX }), scene.getParent().classType === RENDER_CLASS_TYPE.SCENE_VIEWER ? isLimitedStore != null && isLimitedStore.isLimitedX || state.stopPropagation() : viewMain.isWheelPreventDefaultX ? evt.preventDefault() : isLimitedStore != null && isLimitedStore.isLimitedX || evt.preventDefault();
         }
-        lastX = newMoveOffsetX, lastY = newMoveOffsetY;
-      }
-      this._scrollTimer.scrolling(scrollOffsetX, scrollOffsetY, () => {
-        this._movingHandler(newMoveOffsetX, newMoveOffsetY, activeSelectionControl, rangeType);
-      });
+        if (evt.inputIndex === PointerInput.MouseWheelY) {
+          let scrollNum = Math.abs(evt.deltaY);
+          evt.shiftKey ? (scrollNum *= 3, evt.deltaY > 0 ? offsetX = scrollNum : offsetX = -scrollNum, this._commandService.executeCommand(SetScrollRelativeCommand.id, { offsetX }), scene.getParent().classType === RENDER_CLASS_TYPE.SCENE_VIEWER ? isLimitedStore != null && isLimitedStore.isLimitedX || state.stopPropagation() : viewMain.isWheelPreventDefaultX ? evt.preventDefault() : isLimitedStore != null && isLimitedStore.isLimitedX || evt.preventDefault()) : (offsetY = evt.deltaY > 0 ? scrollNum : -scrollNum, this._commandService.executeCommand(SetScrollRelativeCommand.id, { offsetY }), scene.getParent().classType === RENDER_CLASS_TYPE.SCENE_VIEWER ? isLimitedStore != null && isLimitedStore.isLimitedY || state.stopPropagation() : viewMain.isWheelPreventDefaultY ? evt.preventDefault() : isLimitedStore != null && isLimitedStore.isLimitedY || evt.preventDefault());
+        }
+        this._context.scene.makeDirty(!0);
+      })
+    );
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _scrollBarEventListener() {
+    const { scene } = this._context;
+    if (scene == null) return;
+    const viewportMain = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
+    viewportMain && (this.disposeWithMe(
+      toDisposable(
+        this._scrollManagerService.rawScrollInfo$.subscribe((rawScrollInfo) => {
+          var _a61;
+          const skeleton = (_a61 = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _a61.skeleton;
+          if (!skeleton) return;
+          if (rawScrollInfo == null) {
+            viewportMain.scrollToViewportPos({
+              viewportScrollX: 0,
+              viewportScrollY: 0
+            });
+            return;
+          }
+          const { sheetViewStartRow, sheetViewStartColumn, offsetX, offsetY } = rawScrollInfo, { startX, startY } = skeleton.getCellByIndexWithNoHeader(
+            sheetViewStartRow,
+            sheetViewStartColumn
+          ), viewportScrollX = startX + offsetX, viewportScrollY = startY + offsetY;
+          viewportMain.scrollToViewportPos({ viewportScrollX, viewportScrollY });
+        })
+      )
+    ), this.disposeWithMe(
+      // set scrollInfo, the event is triggered in viewport@_scrollToScrollbarPos
+      viewportMain.onScrollAfter$.subscribeEvent((scrollAfterParam) => {
+        var _a61;
+        const skeleton = (_a61 = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _a61.skeleton;
+        if (skeleton == null || scrollAfterParam.isTrigger === !1)
+          return;
+        const sheetObject = this._getSheetObject();
+        if (skeleton == null || sheetObject == null)
+          return;
+        const { viewportScrollX, viewportScrollY, scrollX, scrollY } = scrollAfterParam, { row, column, rowOffset, columnOffset } = skeleton.getDecomposedOffset(
+          viewportScrollX,
+          viewportScrollY
+        ), scrollInfo = {
+          sheetViewStartRow: row,
+          sheetViewStartColumn: column,
+          offsetX: columnOffset,
+          offsetY: rowOffset
+        };
+        this._scrollManagerService.setScrollStateToCurrSheet(scrollInfo), this._scrollManagerService.validViewportScrollInfo$.next({
+          ...scrollInfo,
+          viewportScrollX,
+          viewportScrollY,
+          scrollX,
+          scrollY
+        });
+      })
+    ), this.disposeWithMe(
+      // get scrollByBar event from viewport and exec ScrollCommand.id.
+      viewportMain.onScrollByBar$.subscribeEvent((param) => {
+        var _a61;
+        const skeleton = (_a61 = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _a61.skeleton;
+        if (skeleton == null || param.isTrigger === !1)
+          return;
+        const sheetObject = this._getSheetObject();
+        if (skeleton == null || sheetObject == null)
+          return;
+        const { viewportScrollX = 0, viewportScrollY = 0 } = param, freeze = this._getFreeze(), { row, column, rowOffset, columnOffset } = skeleton.getDecomposedOffset(
+          viewportScrollX,
+          viewportScrollY
+        );
+        this._commandService.executeCommand(ScrollCommand.id, {
+          sheetViewStartRow: row + ((freeze == null ? void 0 : freeze.ySplit) || 0),
+          sheetViewStartColumn: column + ((freeze == null ? void 0 : freeze.xSplit) || 0),
+          offsetX: columnOffset,
+          offsetY: rowOffset
+        });
+      })
+    ));
+  }
+  _initSkeletonListener() {
+    this.disposeWithMe(toDisposable(
+      this._sheetSkeletonManagerService.currentSkeletonBefore$.subscribe((param) => {
+        if (param == null)
+          return;
+        const scrollParam = { unitId: param.unitId, sheetId: param.sheetId };
+        this._scrollManagerService.setSearchParam(scrollParam);
+        const sheetObject = this._getSheetObject();
+        if (!sheetObject) return;
+        const viewportMain = sheetObject.scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN), currScrollInfo = this._scrollManagerService.getScrollStateByParam(scrollParam), { viewportScrollX, viewportScrollY } = this._scrollManagerService.calcViewportScrollFromRowColOffset(currScrollInfo);
+        viewportMain && (currScrollInfo ? (viewportMain.viewportScrollX = viewportScrollX, viewportMain.viewportScrollY = viewportScrollY) : (viewportMain.viewportScrollX = 0, viewportMain.viewportScrollY = 0), this._updateSceneSize(param));
+      })
+    ));
+  }
+  _updateSceneSize(param) {
+    var _a61;
+    if (param == null)
+      return;
+    const { unitId } = this._context, { skeleton } = param, scene = (_a61 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a61.scene;
+    if (skeleton == null || scene == null)
+      return;
+    const { rowTotalHeight, columnTotalWidth, rowHeaderWidthAndMarginLeft, columnHeaderHeightAndMarginTop } = skeleton, worksheet = this._context.unit.getActiveSheet();
+    if (!worksheet) return;
+    const zoomRatio = worksheet.getZoomRatio() || 1;
+    scene == null || scene.setScaleValue(zoomRatio, zoomRatio), scene == null || scene.transformByState({
+      width: rowHeaderWidthAndMarginLeft + columnTotalWidth,
+      height: columnHeaderHeightAndMarginTop + rowTotalHeight
     });
   }
-  /** @deprecated Use the function `attachSelectionWithCoord` instead`. */
-  attachSelectionWithCoord(selectionWithStyle) {
-    return attachSelectionWithCoord(selectionWithStyle, this._skeleton);
+  _getSheetObject() {
+    return getSheetObject(this._context.unit, this._context);
   }
-  /** @deprecated Use the function `attachPrimaryWithCoord` instead`. */
-  attachPrimaryWithCoord(primary) {
-    return attachPrimaryWithCoord(primary, this._skeleton);
+  _scrollToSelectionByDirection(range) {
+    const bounds = this._getViewportBounding();
+    if (bounds == null)
+      return !1;
+    const {
+      startRow: viewportStartRow,
+      startColumn: viewportStartColumn,
+      endRow: viewportEndRow,
+      endColumn: viewportEndColumn
+    } = bounds;
+    let row = 0, column = 0;
+    const { startRow, startColumn, endRow, endColumn } = range;
+    startRow >= viewportStartRow && (row = endRow), endRow <= viewportEndRow && (row = startRow), startColumn >= viewportStartColumn && (column = endColumn), endColumn <= viewportEndColumn && (column = startColumn), this._scrollToCell(row, column);
   }
-  getSelectionCellByPosition(x, y) {
-    const scene = this._scene, skeleton = this._skeleton, scrollXY = scene.getViewportScrollXY(scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN)), { scaleX, scaleY } = scene.getAncestorScale();
-    return skeleton.calculateCellIndexByPosition(
-      x,
-      y,
-      scaleX,
-      scaleY,
-      scrollXY
-    );
+  _scrollToSelection(targetIsActualRowAndColumn = !0) {
+    const selection = this._getSelectionsService().getCurrentLastSelection();
+    if (!selection) return;
+    const { startRow, startColumn, actualRow, actualColumn } = selection.primary, selectionStartRow = targetIsActualRowAndColumn ? actualRow : startRow, selectionStartColumn = targetIsActualRowAndColumn ? actualColumn : startColumn;
+    this._scrollToCell(selectionStartRow, selectionStartColumn);
   }
-  /**
-   * When mousedown and mouseup need to go to the coordination and undo stack, when mousemove does not need to go to the coordination and undo stack
-   */
-  // eslint-disable-next-line max-lines-per-function, complexity
-  _movingHandler(offsetX, offsetY, activeSelectionControl, rangeType) {
-    var _a61, _b, _c, _d, _e;
-    const skeleton = this._skeleton, scene = this._scene, [unitId, sheetId] = skeleton.getLocation(), currSelectionRange = {
-      startRow: (_a61 = activeSelectionControl == null ? void 0 : activeSelectionControl.model.startRow) != null ? _a61 : -1,
-      endRow: (_b = activeSelectionControl == null ? void 0 : activeSelectionControl.model.endRow) != null ? _b : -1,
-      startColumn: (_c = activeSelectionControl == null ? void 0 : activeSelectionControl.model.startColumn) != null ? _c : -1,
-      endColumn: (_d = activeSelectionControl == null ? void 0 : activeSelectionControl.model.endColumn) != null ? _d : -1,
-      unitId,
-      sheetId
-    }, viewportMain = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN), targetViewport = (_e = this._getViewportByCell(currSelectionRange.endRow, currSelectionRange.endColumn)) != null ? _e : viewportMain, scrollXY = scene.getVpScrollXYInfoByPosToVp(
-      Vector2.FromArray([this._startViewportPosX, this._startViewportPosY]),
-      targetViewport
-    ), { scaleX, scaleY } = scene.getAncestorScale();
-    rangeType === RANGE_TYPE.ROW ? offsetX = Number.POSITIVE_INFINITY : rangeType === RANGE_TYPE.COLUMN && (offsetY = Number.POSITIVE_INFINITY);
-    const cursorCellRangeInfo = this._getCellRangeByCursorPosition(offsetX, offsetY, scaleX, scaleY, scrollXY);
-    if (!cursorCellRangeInfo)
+  _getSelectionsService() {
+    return getSelectionsService(this._injector);
+  }
+  _getViewportBounding() {
+    var _a61, _b;
+    const scene = (_a61 = this._getSheetObject()) == null ? void 0 : _a61.scene;
+    if (scene == null)
       return;
-    const { rangeWithCoord: cursorCellRange } = cursorCellRangeInfo, activeCellRange = this._startRangeWhenPointerDown;
-    let newSelectionRange = {
-      startRow: Math.min(cursorCellRange.startRow, activeCellRange.startRow),
-      startColumn: Math.min(cursorCellRange.startColumn, activeCellRange.startColumn),
-      endRow: Math.max(cursorCellRange.endRow, activeCellRange.endRow),
-      endColumn: Math.max(cursorCellRange.endColumn, activeCellRange.endColumn)
-    };
-    if (this._shouldDetectMergedCells && (newSelectionRange = skeleton.getSelectionMergeBounding(newSelectionRange.startRow, newSelectionRange.startColumn, newSelectionRange.endRow, newSelectionRange.endColumn)), !newSelectionRange)
+    const viewport = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
+    if (viewport == null)
       return;
-    const startCellXY = skeleton.getNoMergeCellPositionByIndex(newSelectionRange.startRow, newSelectionRange.startColumn), endCellXY = skeleton.getNoMergeCellPositionByIndex(newSelectionRange.endRow, newSelectionRange.endColumn), newSelectionRangeWithCoord = {
-      startRow: newSelectionRange.startRow,
-      startColumn: newSelectionRange.startColumn,
-      endRow: newSelectionRange.endRow,
-      endColumn: newSelectionRange.endColumn,
-      unitId,
-      sheetId,
-      startY: (startCellXY == null ? void 0 : startCellXY.startY) || 0,
-      endY: (endCellXY == null ? void 0 : endCellXY.endY) || 0,
-      startX: (startCellXY == null ? void 0 : startCellXY.startX) || 0,
-      endX: (endCellXY == null ? void 0 : endCellXY.endX) || 0
-    }, rangeChanged = currSelectionRange.startRow !== newSelectionRange.startRow || currSelectionRange.startColumn !== newSelectionRange.startColumn || currSelectionRange.endRow !== newSelectionRange.endRow || currSelectionRange.endColumn !== newSelectionRange.endColumn;
-    activeSelectionControl != null && rangeChanged && (this._updateSelectionControlByRange(activeSelectionControl, newSelectionRangeWithCoord), this._selectionMoving$.next(this.getSelectionDataWithStyle()));
+    const skeleton = (_b = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _b.skeleton;
+    if (skeleton == null)
+      return;
+    const bounds = viewport.getBounding();
+    return skeleton.getRowColumnSegmentByViewBound(bounds.viewBound);
+  }
+  // eslint-disable-next-line max-lines-per-function, complexity
+  _scrollToCell(row, column) {
+    var _a61, _b, _c, _d;
+    const { rowHeightAccumulation, columnWidthAccumulation } = (_b = (_a61 = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _a61.skeleton) != null ? _b : {};
+    if (rowHeightAccumulation == null || columnWidthAccumulation == null) return !1;
+    const scene = (_c = this._getSheetObject()) == null ? void 0 : _c.scene;
+    if (scene == null) return !1;
+    const viewport = scene.getViewport(SHEET_VIEWPORT_KEY$1.VIEW_MAIN);
+    if (viewport == null || ((_d = this._sheetSkeletonManagerService.getCurrent()) == null ? void 0 : _d.skeleton) == null) return !1;
+    const worksheet = this._context.unit.getActiveSheet();
+    if (!worksheet) return !1;
+    const {
+      startColumn: freezeStartColumn,
+      startRow: freezeStartRow,
+      ySplit: freezeYSplit,
+      xSplit: freezeXSplit
+    } = worksheet.getFreeze(), bounds = this._getViewportBounding();
+    if (bounds == null) return !1;
+    const {
+      startRow: viewportStartRow,
+      startColumn: viewportStartColumn,
+      endRow: viewportEndRow,
+      endColumn: viewportEndColumn
+    } = bounds;
+    let startSheetViewRow, startSheetViewColumn;
+    if (row >= freezeStartRow && column >= freezeStartColumn - freezeXSplit && (row <= viewportStartRow && (startSheetViewRow = row), row >= viewportEndRow)) {
+      const minRowAccumulation = rowHeightAccumulation[row] - viewport.height;
+      for (let r2 = viewportStartRow; r2 <= row; r2++)
+        if (rowHeightAccumulation[r2] >= minRowAccumulation) {
+          startSheetViewRow = r2 + 1;
+          break;
+        }
+    }
+    if (column >= freezeStartColumn && row >= freezeStartRow - freezeYSplit && (column <= viewportStartColumn && (startSheetViewColumn = column), column >= viewportEndColumn)) {
+      const minColumnAccumulation = columnWidthAccumulation[column] - viewport.width;
+      for (let c = viewportStartColumn; c <= column; c++)
+        if (columnWidthAccumulation[c] >= minColumnAccumulation) {
+          startSheetViewColumn = c + 1;
+          break;
+        }
+    }
+    if (startSheetViewRow === void 0 && startSheetViewColumn === void 0) return !1;
+    const { offsetX, offsetY } = this._scrollManagerService.getCurrentScrollState() || {};
+    return startSheetViewRow = startSheetViewRow && Math.min(startSheetViewRow, row), startSheetViewColumn = startSheetViewColumn && Math.min(startSheetViewColumn, column), this._commandService.syncExecuteCommand(ScrollCommand.id, {
+      sheetViewStartRow: startSheetViewRow,
+      sheetViewStartColumn: startSheetViewColumn,
+      offsetX: startSheetViewColumn === void 0 ? offsetX : 0,
+      offsetY: startSheetViewRow === void 0 ? offsetY : 0
+    });
+  }
+}, __name(_a4, "SheetsScrollRenderController"), _a4);
+SheetsScrollRenderController = __decorateClass$S([
+  __decorateParam$S(1, Inject(Injector)),
+  __decorateParam$S(2, Inject(SheetSkeletonManagerService)),
+  __decorateParam$S(3, IContextService),
+  __decorateParam$S(4, ICommandService),
+  __decorateParam$S(5, IRenderManagerService),
+  __decorateParam$S(6, Inject(SheetScrollManagerService))
+], SheetsScrollRenderController);
+function getActiveSheet$(univerInstanceService) {
+  return univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(switchMap((workbook) => workbook ? workbook.activeSheet$.pipe(map((worksheet) => worksheet ? { workbook, worksheet } : null)) : of(null)));
+}
+__name(getActiveSheet$, "getActiveSheet$");
+function deriveStateFromActiveSheet$(univerInstanceService, defaultValue, callback) {
+  return getActiveSheet$(univerInstanceService).pipe(switchMap((active) => active ? callback(active) : of(defaultValue)));
+}
+__name(deriveStateFromActiveSheet$, "deriveStateFromActiveSheet$");
+function getCurrentExclusiveRangeInterest$(accessor, disableGroupSet) {
+  const univerInstanceService = accessor.get(IUniverInstanceService), exclusiveRangeService = accessor.get(IExclusiveRangeService), selectionManagerService = accessor.get(SheetsSelectionsService);
+  return univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(
+    switchMap((workbook) => workbook ? combineLatest([selectionManagerService.selectionMoveEnd$, workbook.activeSheet$]).pipe(
+      switchMap(([selections, worksheet]) => {
+        if (!worksheet)
+          return of(!1);
+        if (selections.length === 0)
+          return of(!1);
+        const interestGroupIds = exclusiveRangeService.getInterestGroupId(selections);
+        if (disableGroupSet) {
+          const disableGroup = interestGroupIds.filter((groupId) => disableGroupSet.has(groupId));
+          return of(disableGroup.length > 0);
+        } else
+          return of(interestGroupIds.length > 0);
+      })
+    ) : of(!1))
+  );
+}
+__name(getCurrentExclusiveRangeInterest$, "getCurrentExclusiveRangeInterest$");
+function getObservableWithExclusiveRange$(accessor, observable$, disableGroupSet) {
+  return combineLatest([observable$, getCurrentExclusiveRangeInterest$(accessor, disableGroupSet)]).pipe(
+    map(([observable, exclusiveRangeDisable]) => observable || exclusiveRangeDisable)
+  );
+}
+__name(getObservableWithExclusiveRange$, "getObservableWithExclusiveRange$");
+function getCurrentRangeDisable$(accessor, permissionTypes = {}) {
+  const workbook$ = accessor.get(IUniverInstanceService).getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), userManagerService = accessor.get(UserManagerService);
+  return combineLatest([userManagerService.currentUser$, workbook$]).pipe(
+    switchMap(([_, workbook]) => workbook ? workbook.activeSheet$.pipe(
+      switchMap((worksheet) => {
+        if (!worksheet)
+          return of(!0);
+        const selectionManagerService = accessor.get(SheetsSelectionsService), rangeProtectionRuleModel = accessor.get(RangeProtectionRuleModel), worksheetRuleModel = accessor.get(WorksheetProtectionRuleModel), focusedOnDrawing$ = accessor.get(IContextService).subscribeContextValue$(FOCUSING_COMMON_DRAWINGS).pipe(startWith(!1));
+        return combineLatest([selectionManagerService.selectionMoveEnd$, focusedOnDrawing$]).pipe(
+          switchMap(([selection, focusOnDrawings]) => {
+            if (focusOnDrawings)
+              return of(!0);
+            const unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), permissionService = accessor.get(IPermissionService), { workbookTypes = [WorkbookEditablePermission], worksheetTypes, rangeTypes } = permissionTypes, permissionIds = [];
+            if (workbookTypes == null || workbookTypes.forEach((F) => {
+              permissionIds.push(new F(unitId).id);
+            }), worksheetTypes == null || worksheetTypes.forEach((F) => {
+              permissionIds.push(new F(unitId, subUnitId).id);
+            }), worksheetRuleModel.getRule(unitId, subUnitId))
+              return permissionService.composePermission$(permissionIds).pipe(map((list) => list.some((item) => item.value === !1)));
+            const selectionRanges = selection == null ? void 0 : selection.map((selection2) => selection2.range), rules = rangeProtectionRuleModel.getSubunitRuleList(unitId, subUnitId).filter((rule) => selectionRanges == null ? void 0 : selectionRanges.some((range) => rule.ranges.some((ruleRange) => Rectangle.intersects(range, ruleRange))));
+            return rangeTypes == null || rangeTypes.forEach((F) => {
+              rules.forEach((rule) => {
+                permissionIds.push(new F(unitId, subUnitId, rule.permissionId).id);
+              });
+            }), permissionService.composePermission$(permissionIds).pipe(map((list) => list.some((item) => item.value === !1)));
+          })
+        );
+      })
+    ) : of(!0))
+  );
+}
+__name(getCurrentRangeDisable$, "getCurrentRangeDisable$");
+function getBaseRangeMenuHidden$(accessor) {
+  const univerInstanceService = accessor.get(IUniverInstanceService), selectionManagerService = accessor.get(SheetsSelectionsService), rangeProtectionRuleModel = accessor.get(RangeProtectionRuleModel), permissionService = accessor.get(IPermissionService);
+  return merge(selectionManagerService.selectionMoveEnd$, permissionService.permissionPointUpdate$.pipe(debounceTime(100))).pipe(
+    map(() => {
+      var _a61;
+      const range = (_a61 = selectionManagerService.getCurrentLastSelection()) == null ? void 0 : _a61.range;
+      if (!range) return !0;
+      const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet = workbook == null ? void 0 : workbook.getActiveSheet();
+      if (!workbook || !worksheet)
+        return !0;
+      const unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), permissionIds = [new WorkbookEditablePermission(unitId).id, new WorksheetEditPermission(unitId, subUnitId).id];
+      return rangeProtectionRuleModel.getSubunitRuleList(unitId, subUnitId).filter((rule) => rule.ranges.some((ruleRange) => Rectangle.intersects(range, ruleRange))).forEach((rule) => {
+        permissionIds.push(new RangeProtectionPermissionEditPoint(unitId, subUnitId, rule.permissionId).id);
+      }), permissionService.composePermission(permissionIds).some((item) => item.value === !1);
+    })
+  );
+}
+__name(getBaseRangeMenuHidden$, "getBaseRangeMenuHidden$");
+function getDeleteMenuHidden$(accessor, type) {
+  const univerInstanceService = accessor.get(IUniverInstanceService), selectionManagerService = accessor.get(SheetsSelectionsService), rangeProtectionRuleModel = accessor.get(RangeProtectionRuleModel), permissionService = accessor.get(IPermissionService);
+  return merge(selectionManagerService.selectionMoveEnd$, permissionService.permissionPointUpdate$.pipe(debounceTime(100))).pipe(
+    map(() => {
+      var _a61;
+      const range = (_a61 = selectionManagerService.getCurrentLastSelection()) == null ? void 0 : _a61.range;
+      if (!range) return !0;
+      const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet = workbook == null ? void 0 : workbook.getActiveSheet();
+      if (!workbook || !worksheet)
+        return !0;
+      const unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), permissionIds = [new WorkbookEditablePermission(unitId).id, new WorksheetEditPermission(unitId, subUnitId).id], rowColRangeExpand = Tools.deepClone(range);
+      return type === "row" ? (rowColRangeExpand.startColumn = 0, rowColRangeExpand.endColumn = worksheet.getColumnCount() - 1) : (rowColRangeExpand.startRow = 0, rowColRangeExpand.endRow = worksheet.getRowCount() - 1), rangeProtectionRuleModel.getSubunitRuleList(unitId, subUnitId).filter((rule) => rule.ranges.some((ruleRange) => Rectangle.intersects(rowColRangeExpand, ruleRange))).forEach((rule) => {
+        permissionIds.push(new RangeProtectionPermissionEditPoint(unitId, subUnitId, rule.permissionId).id);
+      }), permissionService.composePermission(permissionIds).some((item) => item.value === !1);
+    })
+  );
+}
+__name(getDeleteMenuHidden$, "getDeleteMenuHidden$");
+function getCellMenuHidden$(accessor, type) {
+  const univerInstanceService = accessor.get(IUniverInstanceService), selectionManagerService = accessor.get(SheetsSelectionsService), rangeProtectionRuleModel = accessor.get(RangeProtectionRuleModel), permissionService = accessor.get(IPermissionService);
+  return merge(selectionManagerService.selectionMoveEnd$, permissionService.permissionPointUpdate$.pipe(debounceTime(100))).pipe(
+    map(() => {
+      var _a61;
+      const range = (_a61 = selectionManagerService.getCurrentLastSelection()) == null ? void 0 : _a61.range;
+      if (!range) return !0;
+      const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet = workbook == null ? void 0 : workbook.getActiveSheet();
+      if (!workbook || !worksheet)
+        return !0;
+      const unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), permissionIds = [new WorkbookEditablePermission(unitId).id, new WorksheetEditPermission(unitId, subUnitId).id], rowColRangeExpand = Tools.deepClone(range);
+      return type === "row" ? rowColRangeExpand.endRow = worksheet.getRowCount() - 1 : rowColRangeExpand.endColumn = worksheet.getColumnCount() - 1, rangeProtectionRuleModel.getSubunitRuleList(unitId, subUnitId).filter((rule) => rule.ranges.some((ruleRange) => Rectangle.intersects(rowColRangeExpand, ruleRange))).forEach((rule) => {
+        permissionIds.push(new RangeProtectionPermissionEditPoint(unitId, subUnitId, rule.permissionId).id);
+      }), permissionService.composePermission(permissionIds).some((item) => item.value === !1);
+    })
+  );
+}
+__name(getCellMenuHidden$, "getCellMenuHidden$");
+function getWorkbookPermissionDisable$(accessor, workbookPermissionTypes) {
+  const workbook$ = accessor.get(IUniverInstanceService).getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), worksheetRuleModel = accessor.get(WorksheetProtectionRuleModel), selectionRuleModel = accessor.get(RangeProtectionRuleModel), permissionService = accessor.get(IPermissionService), userManagerService = accessor.get(UserManagerService);
+  return combineLatest([userManagerService.currentUser$, workbook$]).pipe(
+    switchMap(([_user, workbook]) => workbook ? workbook.activeSheet$.pipe(
+      switchMap((activeSheet) => {
+        var _a61, _b;
+        if (!activeSheet)
+          return of(!0);
+        const unitId = workbook.getUnitId(), workbookPermissionIds = [];
+        workbookPermissionTypes.forEach((F) => workbookPermissionIds.push(new F(unitId).id));
+        const workbookPermission$ = permissionService.composePermission$(workbookPermissionIds).pipe(map((list) => list.every((item) => item.value === !0))), workbookManageCollaboratorPermission$ = (_b = (_a61 = permissionService.getPermissionPoint$(new WorkbookManageCollaboratorPermission(unitId).id)) == null ? void 0 : _a61.pipe(map((permission) => permission.value))) != null ? _b : of(!1);
+        return combineLatest([workbookPermission$, workbookManageCollaboratorPermission$]).pipe(
+          map(([basePermission, manageable]) => {
+            if (!basePermission)
+              return !0;
+            const subUnitId = activeSheet.getSheetId(), worksheetRule = worksheetRuleModel.getRule(unitId, subUnitId), worksheetRuleList = selectionRuleModel.getSubunitRuleList(unitId, subUnitId);
+            return worksheetRule || worksheetRuleList.length ? !manageable : !1;
+          })
+        );
+      })
+    ) : of(!0))
+  );
+}
+__name(getWorkbookPermissionDisable$, "getWorkbookPermissionDisable$");
+var __defProp$R = Object.defineProperty, __getOwnPropDesc$R = Object.getOwnPropertyDescriptor, __decorateClass$R = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$R(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$R(target, key, result), result;
+}, "__decorateClass$R"), __decorateParam$R = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$R");
+const SHEET_MAIN_CANVAS_ID = "univer-sheet-main-canvas";
+var _a5;
+let SheetsRenderService = (_a5 = class extends RxDisposable {
+  constructor(_contextService, _instanceSrv, _renderManagerService) {
+    super();
+    __publicField(this, "_skeletonChangeMutations", /* @__PURE__ */ new Set());
+    this._contextService = _contextService, this._instanceSrv = _instanceSrv, this._renderManagerService = _renderManagerService, Promise.resolve().then(() => this._init());
   }
   /**
-   * Update the selection control by range.
-   * @param control
-   * @param newSelectionRange
-   * @param highlight
+   * Register a mutation id that will trigger the skeleton change.
+   *
+   * @param mutationId the id of the mutation
+   * @returns a disposable to unregister the mutation
    */
-  _updateSelectionControlByRange(control, newSelectionRange, highlight) {
-    control.updateRange(newSelectionRange, highlight);
+  registerSkeletonChangingMutations(mutationId) {
+    return this._skeletonChangeMutations.has(mutationId) ? toDisposable(() => {
+    }) : (this._skeletonChangeMutations.add(mutationId), toDisposable(() => this._skeletonChangeMutations.delete(mutationId)));
   }
-  _clearUpdatingListeners() {
-    var _a61, _b, _c, _d, _e;
-    this._scene.enableObjectsEvent(), (_a61 = this._scenePointerMoveSub) == null || _a61.unsubscribe(), this._scenePointerMoveSub = null, (_b = this._scenePointerUpSub) == null || _b.unsubscribe(), this._scenePointerUpSub = null, (_c = this._cancelDownSubscription) == null || _c.unsubscribe(), this._cancelDownSubscription = null, (_d = this._cancelUpSubscription) == null || _d.unsubscribe(), this._cancelUpSubscription = null, (_e = this._scrollTimer) == null || _e.dispose();
+  checkMutationShouldTriggerRerender(id) {
+    return this._skeletonChangeMutations.has(id);
   }
-  _addEndingListeners() {
-    var _a61, _b, _c;
-    const scene = this._scene, mainScene = (_a61 = scene.getEngine()) == null ? void 0 : _a61.activeScene;
-    !mainScene || mainScene === scene || ((_b = this._cancelDownSubscription) == null || _b.unsubscribe(), this._cancelDownSubscription = null, (_c = this._cancelUpSubscription) == null || _c.unsubscribe(), this._cancelUpSubscription = null, this._cancelDownSubscription = mainScene.onPointerDown$.subscribeEvent(() => this._clearUpdatingListeners()), this._cancelUpSubscription = mainScene.onPointerUp$.subscribeEvent(() => this._clearUpdatingListeners()));
+  _init() {
+    this._initWorkbookListener(), this._initContextListener();
   }
-  _getCellRangeByCursorPosition(offsetX, offsetY, scaleX, scaleY, scrollXY) {
-    var _a61;
-    if (this._shouldDetectMergedCells) {
-      const primaryWithCoord2 = (_a61 = this._skeleton) == null ? void 0 : _a61.calculateCellIndexByPosition(
-        offsetX,
-        offsetY,
-        scaleX,
-        scaleY,
-        scrollXY
-      );
-      if (!primaryWithCoord2) return;
-      const rangeWithCoord2 = makeCellToSelection(primaryWithCoord2);
-      return {
-        primaryWithCoord: primaryWithCoord2,
-        rangeWithCoord: rangeWithCoord2
-      };
-    }
-    const skeleton = this._skeleton;
-    if (skeleton == null)
-      return;
-    const moveActualSelection = skeleton.getCellPositionByOffset(offsetX, offsetY, scaleX, scaleY, scrollXY), { row, column } = moveActualSelection, startCell = skeleton.getNoMergeCellPositionByIndex(row, column), { startX, startY, endX, endY } = startCell, rangeWithCoord = {
-      startY,
-      endY,
-      startX,
-      endX,
-      startRow: row,
-      endRow: row,
-      startColumn: column,
-      endColumn: column
-    };
-    return {
-      primaryWithCoord: {
-        actualRow: row,
-        actualColumn: column,
-        isMerged: !1,
-        isMergedMainCell: !1,
-        startY,
-        endY,
-        startX,
-        endX,
-        mergeInfo: rangeWithCoord
-      },
-      rangeWithCoord
-    };
+  _initWorkbookListener() {
+    this._instanceSrv.getTypeOfUnitAdded$(UniverInstanceType.UNIVER_SHEET).pipe(takeUntil(this.dispose$)).subscribe((workbook) => {
+      this._createRenderer(workbook);
+    }), this._instanceSrv.getAllUnitsForType(UniverInstanceType.UNIVER_SHEET).forEach((workbook) => this._createRenderer(workbook)), this._instanceSrv.getTypeOfUnitDisposed$(UniverInstanceType.UNIVER_SHEET).pipe(takeUntil(this.dispose$)).subscribe((workbook) => this._disposeRenderer(workbook));
   }
-  _checkClearPreviousControls(evt) {
-    this.getSelectionControls().length !== 0 && (!evt.ctrlKey && !evt.shiftKey && !this._remainLastEnabled || this._singleSelectionEnabled && !evt.shiftKey) && this._clearSelectionControls();
+  _createRenderer(workbook) {
+    const unitId = workbook.getUnitId();
+    this._renderManagerService.created$.subscribe((renderer) => {
+      renderer.unitId === unitId && renderer.engine.getCanvas().setId(SHEET_MAIN_CANVAS_ID);
+    }), this._renderManagerService.createRender(unitId), this._renderManagerService.setCurrent(unitId);
   }
-  _performSelectionByTwoCells(currentCell, startSelectionRange, skeleton, rangeType, activeControl) {
-    const { actualRow, actualColumn, mergeInfo: actualMergeInfo } = currentCell, newStartRow = Math.min(actualRow, startSelectionRange.startRow, actualMergeInfo.startRow), newEndRow = Math.max(actualRow, startSelectionRange.endRow, actualMergeInfo.endRow), newStartColumn = Math.min(actualColumn, startSelectionRange.startColumn, actualMergeInfo.startColumn), newEndColumn = Math.max(actualColumn, startSelectionRange.endColumn, actualMergeInfo.endColumn), bounding = skeleton.getMergeBounding(newStartRow, newStartColumn, newEndRow, newEndColumn), startCell = skeleton.getNoMergeCellPositionByIndex(bounding.startRow, bounding.startColumn), endCell = skeleton.getNoMergeCellPositionByIndex(bounding.endRow, bounding.endColumn), newSelectionRange = {
-      startColumn: bounding.startColumn,
-      startRow: bounding.startRow,
-      endColumn: bounding.endColumn,
-      endRow: bounding.endRow,
-      startY: startCell.startY,
-      endY: endCell.endY,
-      startX: startCell.startX,
-      endX: endCell.endX,
-      rangeType
-    }, activeCell = skeleton.getCellByIndex(actualRow, actualColumn);
-    this._startRangeWhenPointerDown = {
-      startColumn: activeCell.mergeInfo.startColumn,
-      startRow: activeCell.mergeInfo.startRow,
-      endColumn: activeCell.mergeInfo.endColumn,
-      endRow: activeCell.mergeInfo.endRow,
-      startY: activeCell.mergeInfo.startY || 0,
-      endY: activeCell.mergeInfo.endY || 0,
-      startX: activeCell.mergeInfo.startX || 0,
-      endX: activeCell.mergeInfo.endX || 0,
-      rangeType
-    }, this._updateSelectionControlByRange(activeControl, newSelectionRange, currentCell);
+  _disposeRenderer(workbook) {
+    const unitId = workbook.getUnitId();
+    this._renderManagerService.removeRender(unitId);
   }
-  /**
-   * Reset all this.selectionControls by selectionsData.
-   * @param selectionsData
-   */
-  _refreshSelectionControl(selectionsData) {
-    const selections = selectionsData.map((selectionWithStyle) => {
-      const selectionData = attachSelectionWithCoord(selectionWithStyle, this._skeleton);
-      return selectionData.style = getNormalSelectionStyle(this._themeService), selectionData;
+  _initContextListener() {
+    this._contextService.subscribeContextValue$(RENDER_RAW_FORMULA_KEY).pipe(distinctUntilChanged(), takeUntil(this.dispose$)).subscribe(() => {
+      this._renderManagerService.getRenderAll().forEach((renderer) => {
+        renderer.mainComponent instanceof Spreadsheet && renderer.mainComponent.makeForceDirty(!0);
+      });
     });
-    this.updateControlForCurrentByRangeData(selections);
   }
-};
-__name(_BaseSelectionRenderService, "BaseSelectionRenderService");
-let BaseSelectionRenderService = _BaseSelectionRenderService;
-function getAllSelection(skeleton) {
-  return {
-    range: {
-      startRow: 0,
-      startColumn: 0,
-      endRow: skeleton.getRowCount() - 1,
-      endColumn: skeleton.getColumnCount() - 1,
-      rangeType: RANGE_TYPE.ALL
-    },
-    primary: getTopLeftSelection(skeleton).primary,
-    style: null
-  };
-}
-__name(getAllSelection, "getAllSelection");
-function getTopLeftSelection(skeleton) {
-  const mergeData = skeleton.mergeData;
-  return transformCellDataToSelectionData(0, 0, mergeData) || {
-    range: {
-      startRow: 0,
-      startColumn: 0,
-      endRow: 0,
-      endColumn: 0
-    },
-    primary: {
-      actualRow: 0,
-      actualColumn: 0,
-      startRow: 0,
-      startColumn: 0,
-      endRow: 0,
-      endColumn: 0,
-      isMerged: !1,
-      isMergedMainCell: !1
-    },
-    style: null
-  };
-}
-__name(getTopLeftSelection, "getTopLeftSelection");
+}, __name(_a5, "SheetsRenderService"), _a5);
+SheetsRenderService = __decorateClass$R([
+  __decorateParam$R(0, IContextService),
+  __decorateParam$R(1, IUniverInstanceService),
+  __decorateParam$R(2, IRenderManagerService)
+], SheetsRenderService);
 var __defProp$Q = Object.defineProperty, __getOwnPropDesc$Q = Object.getOwnPropertyDescriptor, __decorateClass$Q = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$Q(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
@@ -6740,14 +6754,14 @@ const SetFormatPainterOperation = {
     if (!selections)
       return !1;
     const currentSelection = selections[(selections == null ? void 0 : selections.length) - 1], { range } = currentSelection, scrollManagerService = accessor.get(IRenderManagerService).getRenderById(unitId).with(SheetScrollManagerService), { sheetViewStartRow = 0, sheetViewStartColumn = 0 } = scrollManagerService.getCurrentScrollState() || {};
-    let startRow, startColumn, ySplit, xSplit;
+    let startRow, startColumn, freezedRowCount, freezedColCount;
     const { startRow: selectRow, startColumn: selectColumn, rangeType } = range;
     if (rangeType === RANGE_TYPE.ROW || type === 1)
-      startRow = selectRow, ySplit = selectRow - sheetViewStartRow, startColumn = -1, xSplit = 0;
+      startRow = selectRow, freezedRowCount = selectRow - sheetViewStartRow, startColumn = -1, freezedColCount = 0;
     else if (rangeType === RANGE_TYPE.COLUMN || type === 2)
-      startRow = -1, ySplit = 0, startColumn = selectColumn, xSplit = selectColumn - sheetViewStartColumn;
+      startRow = -1, freezedRowCount = 0, startColumn = selectColumn, freezedColCount = selectColumn - sheetViewStartColumn;
     else if (rangeType === RANGE_TYPE.NORMAL)
-      startRow = selectRow, ySplit = selectRow - sheetViewStartRow, startColumn = selectColumn, xSplit = selectColumn - sheetViewStartColumn;
+      startRow = selectRow, freezedRowCount = selectRow - sheetViewStartRow, startColumn = selectColumn, freezedColCount = selectColumn - sheetViewStartColumn;
     else
       return !1;
     const redoMutationParams = {
@@ -6755,8 +6769,8 @@ const SetFormatPainterOperation = {
       subUnitId,
       startRow,
       startColumn,
-      xSplit: startColumn > 0 ? Math.max(1, xSplit) : xSplit,
-      ySplit: startRow > 0 ? Math.max(1, ySplit) : ySplit
+      xSplit: startColumn > 0 ? Math.max(1, freezedColCount) : freezedColCount,
+      ySplit: startRow > 0 ? Math.max(1, freezedRowCount) : freezedRowCount
     }, undoMutationParams = SetFrozenMutationFactory(accessor, redoMutationParams);
     return commandService.syncExecuteCommand(SetFrozenMutation.id, redoMutationParams) && undoRedoService.pushUndoRedo({
       unitID: unitId,
@@ -8043,7 +8057,7 @@ const ICellEditorManagerService = createIdentifier(
     },
     tableSource: {},
     documentStyle: {
-      documentFlavor: DocumentFlavor.MODERN
+      documentFlavor: DocumentFlavor.UNSPECIFIED
     }
   };
   return useEffect(() => {
@@ -8276,7 +8290,7 @@ function FormulaBar() {
         width: Number.POSITIVE_INFINITY,
         height: Number.POSITIVE_INFINITY
       },
-      documentFlavor: DocumentFlavor.MODERN,
+      documentFlavor: DocumentFlavor.UNSPECIFIED,
       marginTop: 5,
       marginBottom: 5,
       marginRight: 0,
@@ -20879,14 +20893,18 @@ let EditorBridgeRenderController = (_a50 = class extends RxDisposable {
    * @param d DisposableCollection
    */
   _initialKeyboardListener(d) {
-    var _a61;
-    const docSelectionRenderService = (_a61 = this._renderManagerService.getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_DOC)) == null ? void 0 : _a61.with(DocSelectionRenderService);
-    docSelectionRenderService && d.add(docSelectionRenderService.onInputBefore$.subscribe((config) => {
-      var _a62;
-      if (!this._isCurrentSheetFocused())
-        return;
-      const isFocusFormulaEditor = this._contextService.getContextValue(FOCUSING_FX_BAR_EDITOR), isFocusSheets = this._contextService.getContextValue(FOCUSING_SHEET), unitId = (_a62 = this._instanceSrv.getCurrentUniverDocInstance()) == null ? void 0 : _a62.getUnitId();
-      this._editorBridgeService.isVisible().visible || unitId && isFocusSheets && !isFocusFormulaEditor && this._editorService.isSheetEditor(unitId) && this._showEditorByKeyboard(config);
+    let disposable = null;
+    const addEvent = /* @__PURE__ */ __name((render22) => {
+      const docSelectionRenderService = render22.with(DocSelectionRenderService);
+      docSelectionRenderService && (disposable = toDisposable(docSelectionRenderService.onInputBefore$.subscribe((config) => {
+        if (!this._isCurrentSheetFocused())
+          return;
+        const isFocusFormulaEditor = this._contextService.getContextValue(FOCUSING_FX_BAR_EDITOR), isFocusSheets = this._contextService.getContextValue(FOCUSING_SHEET), unitId = render22.unitId;
+        this._editorBridgeService.isVisible().visible || unitId && isFocusSheets && !isFocusFormulaEditor && this._editorService.isSheetEditor(unitId) && this._showEditorByKeyboard(config);
+      })), d.add(disposable));
+    }, "addEvent"), render2 = this._renderManagerService.getRenderById(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+    render2 ? addEvent(render2) : this.disposeWithMe(this._renderManagerService.created$.pipe(filter((render22) => render22.unitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY)).subscribe((render22) => {
+      disposable == null || disposable.dispose(), addEvent(render22);
     }));
   }
   _commandExecutedListener(d) {
@@ -21590,7 +21608,7 @@ let SheetRenderController = (_a54 = class extends RxDisposable {
   }
   _markUnitDirty(unitId, command) {
     const { mainComponent: spreadsheet, scene } = this._context;
-    if (spreadsheet && spreadsheet.makeDirty(), scene.makeDirty(), !command.params) return;
+    if (command.id === SetFormulaCalculationNotificationMutation.id && command.params.stageInfo != null || (spreadsheet && spreadsheet.makeDirty(), scene.makeDirty(), !command.params)) return;
     const cmdParams = command.params, viewports = this._spreadsheetViewports(scene);
     if (command.id === SetRangeValuesMutation.id && cmdParams.cellValue) {
       const dirtyRange = this._cellValueToRange(cmdParams.cellValue), dirtyBounds = this._rangeToBounds([dirtyRange]);
@@ -22751,7 +22769,6 @@ let MobileSheetsSelectionRenderService = (_a59 = class extends BaseSelectionRend
    * new selection control for mobile do one more thing: bind event for two control points.
    * @param scene
    * @param rangeType
-   * @returns
    */
   newSelectionControl(scene, rangeType) {
     const selectionControls = this.getSelectionControls(), control = new MobileSelectionControl(scene, selectionControls.length, this._isHeaderHighlight, this._themeService, rangeType);