@univerjs/sheets-ui 0.21.0 → 0.21.1

package/lib/index.js

@@ -1,8 +1,8 @@
 import { BreakLineCommand, CoverContentCommand, DOCS_COMPONENT_MAIN_LAYER_INDEX, DOCS_VIEW_KEY, DOC_VERTICAL_PADDING, DeleteLeftCommand, DeleteRightCommand, DocSelectionRenderService, IEditorService, IMEInputCommand, InsertCommand, MoveCursorOperation, MoveSelectionOperation, NodePositionConvertToCursor, ReplaceSnapshotCommand, SetInlineFormatBoldCommand, SetInlineFormatCommand, SetInlineFormatFontFamilyCommand, SetInlineFormatFontSizeCommand, SetInlineFormatItalicCommand, SetInlineFormatStrikethroughCommand, SetInlineFormatSubscriptCommand, SetInlineFormatSuperscriptCommand, SetInlineFormatTextColorCommand, SetInlineFormatUnderlineCommand, VIEWPORT_KEY, convertBodyToHtml, getCanvasOffsetByEngine, getLineBounding } from "@univerjs/docs-ui";
 import { AbsoluteRefType, BaselineOffset, BooleanNumber, BorderStyleTypes, CellModeEnum, CellValueType, ColorKit, CommandType, CustomRangeType, DEFAULT_EMPTY_DOCUMENT_VALUE, DEFAULT_STYLES, DEFAULT_WORKSHEET_COLUMN_WIDTH, DEFAULT_WORKSHEET_COLUMN_WIDTH_KEY, DEFAULT_WORKSHEET_ROW_HEIGHT, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DataStreamTreeTokenType, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, EDITOR_ACTIVATED, ErrorService, FOCUSING_COMMENT_EDITOR, FOCUSING_COMMON_DRAWINGS, FOCUSING_EDITOR_BUT_HIDDEN, FOCUSING_EDITOR_INPUT_FORMULA, FOCUSING_EDITOR_STANDALONE, FOCUSING_FX_BAR_EDITOR, FOCUSING_SHAPE_TEXT_EDITOR, FOCUSING_SHEET, FOCUSING_UNIVER_EDITOR, FontItalic, FontWeight, HorizontalAlign, IAuthzIoService, ICommandService, IConfigService, IConfirmService, IContextService, ILogService, IPermissionService, IUndoRedoService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, InterceptorManager, LRUMap, LocaleService, LocaleType, NilCommand, ObjectMatrix, Optional, Plugin, PresetListType, Quantity, RANGE_TYPE, Range, Rectangle, RxDisposable, ThemeService, Tools, UndoCommandId, UniverInstanceType, UserManagerService, VerticalAlign, Workbook, WrapStrategy, cloneCellData, cloneCellDataMatrix, cloneCellDataWithSpanAndDisplay, cloneValue, composeStyles, convertCellToRange, createIdentifier, createInterceptorKey, dateKit, debounce, extractPureTextFromCell, fromEventSubject, generateRandomId, get, getEmptyCell, getNumfmtParseValueFilter, getReverseDirection, handleStyleToString, isFormulaString, isNotNullOrUndefined, isRealNum, isTextFormat, isValidRange, merge, mergeOverrideWithDependencies, nameCharacterCheck, numfmt, registerDependencies, sequenceExecute, set, skipParseTagNames, sortRules, splitIntoGrid, throttle, toDisposable, touchDependencies, willLoseNumericPrecision } from "@univerjs/core";
-import { AnchoredContextMenu, BuiltInUIPart, COLOR_PICKER_COMPONENT, ComponentContainer, ComponentManager, ContextMenuGroup, ContextMenuPosition, CopyCommand, CutCommand, DISABLE_AUTO_FOCUS_KEY, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IShortcutService, ISidebarService, IUIPartsService, IZenZoneService, KeyCode, MenuItemType, MetaKeys, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonDataGroup, RibbonPosition, RibbonStartGroup, SheetPasteShortKeyCommandName, Slider, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, connectInjector, getMenuHiddenObservable, handleStringToStyle, imageMimeTypeSet, sanitizeParsedHtml, textTrim, useComponentsOfPart, useConfigValue, useDependency, useEvent, useObservable, useSidebarClick } from "@univerjs/ui";
-import { CURSOR_TYPE, DEFAULT_PADDING_DATA, DashedRect, DeviceInputEventType, FIX_ONE_PIXEL_BLUR_OFFSET, Group, IRenderManagerService, Layer, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, Rect, RegularPolygon, SHEET_EXTENSION_PREFIX, SHEET_VIEWPORT_KEY, ScrollBar, ScrollTimer, ScrollTimerType, Shape, SheetExtension, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, TRANSFORM_CHANGE_OBSERVABLE_TYPE, Vector2, Viewport, cancelRequestFrame, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, fixLineWidthByScale, getCurrentTypeOfRenderer, hasCJKText, ptToPixel, requestNewFrame, withCurrentTypeOfRenderer } from "@univerjs/engine-render";
-import { AUTO_FILL_APPLY_TYPE, AUTO_FILL_HOOK_TYPE, AddMergeUndoMutationFactory, AddRangeProtectionCommand, AddRangeProtectionMutation, AddWorksheetMergeAllCommand, AddWorksheetMergeCommand, AddWorksheetMergeHorizontalCommand, AddWorksheetMergeMutation, AddWorksheetMergeVerticalCommand, AddWorksheetProtectionCommand, AutoClearContentCommand, AutoFillCommand, AutoFillController, BEFORE_CELL_EDIT, BorderStyleManagerService, COMMAND_LISTENER_SKELETON_CHANGE, COMMAND_LISTENER_VALUE_CHANGE, CancelFrozenCommand, CancelMarkDirtyRowAutoHeightOperation, ClearSelectionAllCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, CopySheetCommand, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, DeleteRangeProtectionCommand, DeleteRangeProtectionMutation, DeleteWorksheetProtectionCommand, DeltaColumnWidthCommand, DeltaRowHeightCommand, EditStateEnum, IAutoFillService, IExclusiveRangeService, INTERCEPTOR_POINT, INumfmtService, IRefSelectionsService, InsertColBeforeCommand, InsertColCommand, InsertColMutation, InsertDefinedNameCommand, InsertMultiColsLeftCommand, InsertMultiColsRightCommand, InsertMultiRowsAboveCommand, InsertMultiRowsAfterCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, InsertRowBeforeCommand, InsertRowCommand, InsertRowMutation, InsertSheetCommand, InsertSheetMutation, MAX_CELL_PER_SHEET_KEY, MERGE_CELL_INTERCEPTOR_CHECK, MarkDirtyRowAutoHeightOperation, MergeCellController, MoveColsCommand, MoveColsMutation, MoveRangeCommand, MoveRangeMutation, MoveRowsCommand, MoveRowsMutation, REF_SELECTIONS_ENABLED, RangeProtectionCache, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, RangeProtectionRuleModel, RefRangeService, RefSelectionsService, RefillCommand, RemoveColCommand, RemoveColMutation, RemoveDefinedNameCommand, RemoveMergeUndoMutationFactory, RemoveRowCommand, RemoveRowMutation, RemoveSheetCommand, RemoveSheetMutation, RemoveWorksheetMergeCommand, RemoveWorksheetMergeMutation, ResetBackgroundColorCommand, ResetTextColorCommand, SCOPE_WORKBOOK_VALUE_DEFINED_NAME, SELECTIONS_ENABLED, SELECTION_CONTROL_BORDER_BUFFER_COLOR, SELECTION_CONTROL_BORDER_BUFFER_WIDTH, SHEETS_PLUGIN_CONFIG_KEY, ScrollToCellOperation, SelectionMoveType, SetBackgroundColorCommand, SetBoldCommand, SetBorderBasicCommand, SetBorderCommand, SetColHiddenCommand, SetColHiddenMutation, SetColVisibleMutation, SetColWidthCommand, SetDefinedNameCommand, SetFontFamilyCommand, SetFontSizeCommand, SetFrozenCommand, SetFrozenMutation, SetFrozenMutationFactory, SetHorizontalTextAlignCommand, SetItalicCommand, SetProtectionCommand, SetRangeValuesCommand, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetRowHeightCommand, SetRowHiddenCommand, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectedColsVisibleCommand, SetSelectedRowsVisibleCommand, SetSelectionsOperation, SetSpecificColsVisibleCommand, SetSpecificRowsVisibleCommand, SetStrikeThroughCommand, SetStyleCommand, SetTabColorCommand, SetTabColorMutation, SetTextColorCommand, SetTextRotationCommand, SetTextWrapCommand, SetUnderlineCommand, SetVerticalTextAlignCommand, SetWorksheetActivateCommand, SetWorksheetActiveOperation, SetWorksheetColWidthMutation, SetWorksheetColWidthMutationFactory, SetWorksheetHideCommand, SetWorksheetHideMutation, SetWorksheetNameCommand, SetWorksheetNameMutation, SetWorksheetOrderCommand, SetWorksheetOrderMutation, SetWorksheetPermissionPointsCommand, SetWorksheetRowAutoHeightMutation, SetWorksheetRowAutoHeightMutationFactory, SetWorksheetRowHeightMutation, SetWorksheetRowIsAutoHeightCommand, SetWorksheetRowIsAutoHeightMutation, SetWorksheetShowCommand, SheetCopyDownCommand, SheetCopyDownCommand as SheetCopyDownCommand$1, SheetCopyRightCommand, SheetCopyRightCommand as SheetCopyRightCommand$1, SheetInterceptorService, SheetPermissionCheckController, SheetPermissionInitController, SheetSkeletonService, SheetsSelectionsService, TextToNumberCommand, ToggleCellCheckboxCommand, ToggleGridlinesCommand, ToggleGridlinesMutation, UnitAction, UnitObject, UniverSheetsPlugin, ViewStateEnum, WorkbookCopyPermission, WorkbookCreateProtectPermission, WorkbookCreateSheetPermission, WorkbookDeleteColumnPermission, WorkbookDeleteRowPermission, WorkbookDeleteSheetPermission, WorkbookEditablePermission, WorkbookHideSheetPermission, WorkbookInsertColumnPermission, WorkbookInsertRowPermission, WorkbookManageCollaboratorPermission, WorkbookRenameSheetPermission, WorksheetCopyPermission, WorksheetDeleteColumnPermission, WorksheetDeleteProtectionPermission, WorksheetDeleteRowPermission, WorksheetEditPermission, WorksheetInsertColumnPermission, WorksheetInsertRowPermission, WorksheetManageCollaboratorPermission, WorksheetProtectionPointModel, WorksheetProtectionRuleModel, WorksheetSetCellStylePermission, WorksheetSetCellValuePermission, WorksheetSetColumnStylePermission, WorksheetSetRowStylePermission, WorksheetViewPermission, adjustRangeOnMutation, alignToMergedCellsBorders, attachPrimaryWithCoord, attachRangeWithCoord, attachSelectionWithCoord, baseProtectionActions, convertPrimaryWithCoordToPrimary, convertSelectionDataToRange, countCells, defaultLargeSheetOperationConfig, discreteRangeToRange, expandToContinuousRange, getAddMergeMutationRangeByType, getAllWorksheetPermissionPoint, getCellAtRowCol, getClearContentMutationParamsForRanges, getMoveRangeCommandMutations, getPrimaryForRange, getSelectionsService, getSheetCommandTarget, rangeToDiscreteRange, setEndForRange } from "@univerjs/sheets";
+import { AnchoredContextMenu, BuiltInUIPart, COLOR_PICKER_COMPONENT, ComponentContainer, ComponentManager, ContextMenuGroup, ContextMenuPosition, CopyCommand, CutCommand, DISABLE_AUTO_FOCUS_KEY, FILE_PNG_CLIPBOARD_MIME_TYPE, FILE__BMP_CLIPBOARD_MIME_TYPE, FILE__JPEG_CLIPBOARD_MIME_TYPE, FILE__WEBP_CLIPBOARD_MIME_TYPE, FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT, FONT_SIZE_COMPONENT, FONT_SIZE_LIST, HTML_CLIPBOARD_MIME_TYPE, ICanvasPopupService, IClipboardInterfaceService, IContextMenuService, IDialogService, ILayoutService, IMenuManagerService, IMessageService, INotificationService, IPlatformService, IShortcutService, ISidebarService, IUIPartsService, IZenZoneService, KeyCode, MenuItemType, MetaKeys, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, RibbonDataGroup, RibbonPosition, RibbonStartGroup, SheetPasteShortKeyCommandName, Slider, ToolbarItem, UI_PLUGIN_CONFIG_KEY, UniverMobileUIPlugin, connectInjector, getMenuHiddenObservable, handleStringToStyle, imageMimeTypeSet, sanitizeParsedHtml, textTrim, useComponentsOfPart, useConfigValue, useDependency, useEvent, useObservable, useSidebarClick, useVirtualList } from "@univerjs/ui";
+import { CURSOR_TYPE, DEFAULT_PADDING_DATA, DashedRect, DeviceInputEventType, FIX_ONE_PIXEL_BLUR_OFFSET, Group, IRenderManagerService, Layer, RENDER_CLASS_TYPE, RENDER_RAW_FORMULA_KEY, Rect, RegularPolygon, SHEET_EXTENSION_PREFIX, SHEET_VIEWPORT_KEY, ScrollBar, ScrollTimer, ScrollTimerType, Shape, SheetExtension, Spreadsheet, SpreadsheetColumnHeader, SpreadsheetRowHeader, TRANSFORM_CHANGE_OBSERVABLE_TYPE, Vector2, Viewport, cancelRequestFrame, convertTextRotation, convertTransformToOffsetX, convertTransformToOffsetY, fixLineWidthByScale, getCurrentTypeOfRenderer, ptToPixel, requestNewFrame, withCurrentTypeOfRenderer } from "@univerjs/engine-render";
+import { AUTO_FILL_APPLY_TYPE, AUTO_FILL_HOOK_TYPE, AddMergeUndoMutationFactory, AddRangeProtectionCommand, AddRangeProtectionMutation, AddWorksheetMergeAllCommand, AddWorksheetMergeCommand, AddWorksheetMergeHorizontalCommand, AddWorksheetMergeMutation, AddWorksheetMergeVerticalCommand, AddWorksheetProtectionCommand, AutoClearContentCommand, AutoFillCommand, AutoFillController, BEFORE_CELL_EDIT, BorderStyleManagerService, COMMAND_LISTENER_SKELETON_CHANGE, COMMAND_LISTENER_VALUE_CHANGE, CancelFrozenCommand, CancelMarkDirtyRowAutoHeightOperation, ClearSelectionAllCommand, ClearSelectionContentCommand, ClearSelectionFormatCommand, CopySheetCommand, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, DeleteRangeProtectionCommand, DeleteRangeProtectionMutation, DeleteWorksheetProtectionCommand, DeltaColumnWidthCommand, DeltaRowHeightCommand, EditStateEnum, IAutoFillService, IExclusiveRangeService, INTERCEPTOR_POINT, INumfmtService, IRefSelectionsService, InsertColBeforeCommand, InsertColCommand, InsertColMutation, InsertDefinedNameCommand, InsertMultiColsLeftCommand, InsertMultiColsRightCommand, InsertMultiRowsAboveCommand, InsertMultiRowsAfterCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, InsertRowBeforeCommand, InsertRowCommand, InsertRowMutation, InsertSheetCommand, InsertSheetMutation, MAX_CELL_PER_SHEET_KEY, MERGE_CELL_INTERCEPTOR_CHECK, MarkDirtyRowAutoHeightOperation, MergeCellController, MoveColsCommand, MoveColsMutation, MoveRangeCommand, MoveRangeMutation, MoveRowsCommand, MoveRowsMutation, REF_SELECTIONS_ENABLED, RangeProtectionCache, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, RangeProtectionRuleModel, RefRangeService, RefSelectionsService, RefillCommand, RemoveColCommand, RemoveColMutation, RemoveDefinedNameCommand, RemoveMergeUndoMutationFactory, RemoveRowCommand, RemoveRowMutation, RemoveSheetCommand, RemoveSheetMutation, RemoveWorksheetMergeCommand, RemoveWorksheetMergeMutation, ResetBackgroundColorCommand, ResetTextColorCommand, SCOPE_WORKBOOK_VALUE_DEFINED_NAME, SELECTIONS_ENABLED, SELECTION_CONTROL_BORDER_BUFFER_COLOR, SELECTION_CONTROL_BORDER_BUFFER_WIDTH, SHEETS_PLUGIN_CONFIG_KEY, ScrollToCellOperation, SelectionMoveType, SetBackgroundColorCommand, SetBoldCommand, SetBorderBasicCommand, SetBorderCommand, SetColHiddenCommand, SetColHiddenMutation, SetColVisibleMutation, SetColWidthCommand, SetDefinedNameCommand, SetFontFamilyCommand, SetFontSizeCommand, SetFrozenCommand, SetFrozenMutation, SetFrozenMutationFactory, SetHorizontalTextAlignCommand, SetItalicCommand, SetProtectionCommand, SetRangeValuesCommand, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetRowHeightCommand, SetRowHiddenCommand, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectedColsVisibleCommand, SetSelectedRowsVisibleCommand, SetSelectionsOperation, SetSpecificColsVisibleCommand, SetSpecificRowsVisibleCommand, SetStrikeThroughCommand, SetStyleCommand, SetTabColorCommand, SetTabColorMutation, SetTextColorCommand, SetTextRotationCommand, SetTextWrapCommand, SetUnderlineCommand, SetVerticalTextAlignCommand, SetWorksheetActivateCommand, SetWorksheetActiveOperation, SetWorksheetColWidthMutation, SetWorksheetColWidthMutationFactory, SetWorksheetHideCommand, SetWorksheetHideMutation, SetWorksheetNameCommand, SetWorksheetNameMutation, SetWorksheetOrderCommand, SetWorksheetOrderMutation, SetWorksheetPermissionPointsCommand, SetWorksheetRowAutoHeightMutation, SetWorksheetRowAutoHeightMutationFactory, SetWorksheetRowHeightMutation, SetWorksheetRowIsAutoHeightCommand, SetWorksheetRowIsAutoHeightMutation, SetWorksheetShowCommand, SheetCopyDownCommand, SheetCopyDownCommand as SheetCopyDownCommand$1, SheetCopyRightCommand, SheetCopyRightCommand as SheetCopyRightCommand$1, SheetInterceptorService, SheetPermissionCheckController, SheetPermissionInitController, SheetSkeletonService, SheetsSelectionsService, TextToNumberCommand, ToggleCellCheckboxCommand, ToggleGridlinesCommand, ToggleGridlinesMutation, UnitAction, UnitObject, UniverSheetsPlugin, ViewStateEnum, WorkbookCopyPermission, WorkbookCreateProtectPermission, WorkbookCreateSheetPermission, WorkbookDeleteColumnPermission, WorkbookDeleteRowPermission, WorkbookDeleteSheetPermission, WorkbookEditablePermission, WorkbookHideSheetPermission, WorkbookInsertColumnPermission, WorkbookInsertRowPermission, WorkbookManageCollaboratorPermission, WorkbookRenameSheetPermission, WorksheetCopyPermission, WorksheetDeleteColumnPermission, WorksheetDeleteProtectionPermission, WorksheetDeleteRowPermission, WorksheetEditPermission, WorksheetInsertColumnPermission, WorksheetInsertRowPermission, WorksheetManageCollaboratorPermission, WorksheetProtectionPointModel, WorksheetProtectionRuleModel, WorksheetSetCellStylePermission, WorksheetSetCellValuePermission, WorksheetSetColumnStylePermission, WorksheetSetRowStylePermission, WorksheetViewPermission, adjustRangeOnMutation, alignToMergedCellsBorders, attachPrimaryWithCoord, attachRangeWithCoord, attachSelectionWithCoord, baseProtectionActions, convertPrimaryWithCoordToPrimary, convertSelectionDataToRange, countCells, defaultLargeSheetOperationConfig, discreteRangeToRange, expandToContinuousRange, getAddMergeMutationRangeByType, getAllWorksheetPermissionPoint, getCellAtRowCol, getClearContentMutationParamsForRanges, getMoveRangeCommandMutations, getPrimaryForRange, getSelectionsService, getSheetCommandTarget, rangeToDiscreteRange, setEndForRange, validateDefinedName } from "@univerjs/sheets";
 import { BehaviorSubject, EMPTY, Observable, Subject, Subscription, combineLatest, combineLatestWith, distinctUntilChanged, filter, map, merge as merge$1, of, shareReplay, startWith, switchMap, takeUntil, throttleTime, withLatestFrom } from "rxjs";
 import { DocSelectionManagerService, DocSkeletonManagerService, RichTextEditingMutation, SetTextSelectionsOperation } from "@univerjs/docs";
 import { ObjectScope, UnitAction as UnitAction$1, UnitObject as UnitObject$1, UnitRole } from "@univerjs/protocol";
@@ -984,6 +984,11 @@ let SheetSkeletonManagerService = class SheetSkeletonManagerService extends Disp
 		_defineProperty(this, "currentSkeletonBefore$", this._currentSkeletonBefore$.asObservable());
 		const { unitId, scene } = this._context;
 		this._sheetSkeletonService.setScene(unitId, scene);
+		this._initSkeletonsRegisterGetCellHeight(unitId);
+	}
+	_initSkeletonsRegisterGetCellHeight(unitId) {
+		this._sheetSkeletonService.getSkeletonsByUnitId(unitId).forEach((skeleton) => skeleton.registerGetCellHeight());
+		this.disposeWithMe(this._sheetSkeletonService.buildSkeleton$.subscribe((skeleton) => skeleton.registerGetCellHeight()));
 	}
 	dispose() {
 		super.dispose();
@@ -6289,6 +6294,7 @@ let SheetScrollManagerService = class SheetScrollManagerService {
 		this._rawScrollInfo$.complete();
 	}
 	calcViewportScrollFromRowColOffset(scrollInfo) {
+		var _skeleton$getCellWith, _skeleton$getCellWith2;
 		if (!scrollInfo) return {
 			viewportScrollX: 0,
 			viewportScrollY: 0
@@ -6297,10 +6303,10 @@ let SheetScrollManagerService = class SheetScrollManagerService {
 		sheetViewStartRow = sheetViewStartRow || 0;
 		offsetY = offsetY || 0;
 		const skeleton = this._sheetSkeletonManagerService.getCurrentSkeleton();
-		const rowAcc = (skeleton === null || skeleton === void 0 ? void 0 : skeleton.rowHeightAccumulation[sheetViewStartRow - 1]) || 0;
+		const { startX: colStart = (skeleton === null || skeleton === void 0 ? void 0 : skeleton.columnWidthAccumulation[sheetViewStartColumn - 1]) || 0, startY: rowStart = (skeleton === null || skeleton === void 0 ? void 0 : skeleton.rowHeightAccumulation[sheetViewStartRow - 1]) || 0 } = (_skeleton$getCellWith = skeleton === null || skeleton === void 0 || (_skeleton$getCellWith2 = skeleton.getCellWithCoordByIndex) === null || _skeleton$getCellWith2 === void 0 ? void 0 : _skeleton$getCellWith2.call(skeleton, sheetViewStartRow, sheetViewStartColumn, false)) !== null && _skeleton$getCellWith !== void 0 ? _skeleton$getCellWith : {};
 		return {
-			viewportScrollX: ((skeleton === null || skeleton === void 0 ? void 0 : skeleton.columnWidthAccumulation[sheetViewStartColumn - 1]) || 0) + offsetX,
-			viewportScrollY: rowAcc + offsetY
+			viewportScrollX: colStart + offsetX,
+			viewportScrollY: rowStart + offsetY
 		};
 	}
 	setSearchParam(param) {
@@ -6358,19 +6364,12 @@ let SheetScrollManagerService = class SheetScrollManagerService {
 		worksheetScrollInfoMap.set(sheetId, newScrollInfo);
 	}
 	_clearByParamAndNotify(param) {
+		const defaultScrollState = this._getDefaultScrollState(param);
 		this._setScrollState({
 			...param,
-			sheetViewStartRow: 0,
-			sheetViewStartColumn: 0,
-			offsetX: 0,
-			offsetY: 0
-		});
-		this._emitRawScroll({
-			sheetViewStartRow: 0,
-			sheetViewStartColumn: 0,
-			offsetX: 0,
-			offsetY: 0
+			...defaultScrollState
 		});
+		this._emitRawScroll(defaultScrollState);
 	}
 	_getCurrentScroll(param) {
 		var _this$_scrollStateMap;
@@ -6382,7 +6381,19 @@ let SheetScrollManagerService = class SheetScrollManagerService {
 		};
 		if (param == null) return emptyState;
 		const { unitId, sheetId } = param;
-		return ((_this$_scrollStateMap = this._scrollStateMap.get(unitId)) === null || _this$_scrollStateMap === void 0 ? void 0 : _this$_scrollStateMap.get(sheetId)) || emptyState;
+		return ((_this$_scrollStateMap = this._scrollStateMap.get(unitId)) === null || _this$_scrollStateMap === void 0 ? void 0 : _this$_scrollStateMap.get(sheetId)) || this._getDefaultScrollState(param);
+	}
+	_getDefaultScrollState(param) {
+		var _this$_sheetSkeletonM, _this$_sheetSkeletonM2, _this$_sheetSkeletonM3, _this$_sheetSkeletonM4, _this$_sheetSkeletonM5, _skeleton$getColGapSi, _skeleton$getRowGapSi;
+		const skeleton = (_this$_sheetSkeletonM = (_this$_sheetSkeletonM2 = (_this$_sheetSkeletonM3 = this._sheetSkeletonManagerService).getSkeleton) === null || _this$_sheetSkeletonM2 === void 0 ? void 0 : _this$_sheetSkeletonM2.call(_this$_sheetSkeletonM3, param.sheetId)) !== null && _this$_sheetSkeletonM !== void 0 ? _this$_sheetSkeletonM : (_this$_sheetSkeletonM4 = (_this$_sheetSkeletonM5 = this._sheetSkeletonManagerService).getCurrentSkeleton) === null || _this$_sheetSkeletonM4 === void 0 ? void 0 : _this$_sheetSkeletonM4.call(_this$_sheetSkeletonM5);
+		const colGapSize = (_skeleton$getColGapSi = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getColGapSize(0)) !== null && _skeleton$getColGapSi !== void 0 ? _skeleton$getColGapSi : 0;
+		const rowGapSize = (_skeleton$getRowGapSi = skeleton === null || skeleton === void 0 ? void 0 : skeleton.getRowGapSize(0)) !== null && _skeleton$getRowGapSi !== void 0 ? _skeleton$getRowGapSi : 0;
+		return {
+			sheetViewStartRow: 0,
+			sheetViewStartColumn: 0,
+			offsetX: colGapSize === 0 ? 0 : -colGapSize,
+			offsetY: rowGapSize === 0 ? 0 : -rowGapSize
+		};
 	}
 	_emitRawScroll(param) {
 		this._rawScrollInfo$.next(param);
@@ -8258,7 +8269,11 @@ const SidebarDefinedNameOperation = {
 					header: { title: localeService.t("definedName.featureTitle") },
 					children: { label: DEFINED_NAME_CONTAINER },
 					onClose: () => {},
-					width: 333
+					width: 333,
+					bodyStyle: {
+						height: "100%",
+						overflow: "hidden"
+					}
 				});
 				break;
 			default:
@@ -8523,11 +8538,11 @@ let SheetsRenderService = class SheetsRenderService extends RxDisposable {
 		this._initContextListener();
 	}
 	_initWorkbookListener() {
-		this._instanceSrv.getTypeOfUnitAdded$(UniverInstanceType.UNIVER_SHEET).pipe(takeUntil(this.dispose$)).subscribe((workbook) => this._createRenderer(workbook));
+		this._instanceSrv.getTypeOfUnitAdded$(UniverInstanceType.UNIVER_SHEET).pipe(takeUntil(this.dispose$)).subscribe((event) => this._createRenderer(event.unit, event.options));
 		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));
 	}
-	_createRenderer(workbook) {
+	_createRenderer(workbook, createUnitOptions) {
 		const unitId = workbook.getUnitId();
 		this._renderManagerService.created$.subscribe((renderer) => {
 			if (renderer.unitId === unitId) {
@@ -8535,7 +8550,7 @@ let SheetsRenderService = class SheetsRenderService extends RxDisposable {
 				renderer.engine.getCanvas().getContext().setId(`${SHEET_MAIN_CANVAS_ID}_${unitId}`);
 			}
 		});
-		this._renderManagerService.createRender(unitId);
+		this._renderManagerService.createRender(unitId, createUnitOptions);
 	}
 	_disposeRenderer(workbook) {
 		const unitId = workbook.getUnitId();
@@ -12019,8 +12034,8 @@ let FormulaEditorController = class FormulaEditorController extends RxDisposable
 		});
 	}
 	_syncEditorSize() {
-		const addFOrmulaBar$ = this._univerInstanceService.unitAdded$.pipe(filter((unit) => unit.getUnitId() === DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY));
-		this.disposeWithMe(combineLatest([this._formulaEditorManagerService.position$, addFOrmulaBar$]).subscribe(([position]) => {
+		const addFormulaBar$ = this._univerInstanceService.unitAdded$.pipe(filter((event) => event.unit.getUnitId() === DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY));
+		this.disposeWithMe(combineLatest([this._formulaEditorManagerService.position$, addFormulaBar$]).subscribe(([position]) => {
 			if (!position) return this._clearScheduledCallback();
 			const editorObject = getEditorObject(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, this._renderManagerService);
 			const formulaEditorDataModel = this._univerInstanceService.getUniverDocInstance(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
@@ -19846,7 +19861,8 @@ const CellPopup = (props) => {
 //#region src/views/defined-name/DefinedNameInput.tsx
 const DefinedNameInput = (props) => {
 	const { inputId, state = false, type = "range", confirm, cancel, name, formulaOrRefString, comment = "", localSheetId = SCOPE_WORKBOOK_VALUE_DEFINED_NAME, hidden = false, id } = props;
-	const workbook = useDependency(IUniverInstanceService).getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+	const univerInstanceService = useDependency(IUniverInstanceService);
+	const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
 	const localeService = useDependency(LocaleService);
 	const definedNamesService = useDependency(IDefinedNamesService);
 	const superTableService = useDependency(ISuperTableService);
@@ -19900,37 +19916,23 @@ const DefinedNameInput = (props) => {
 		setFormulaOrRefStringValue(value || "");
 	};
 	const confirmChange = () => {
-		if (nameValue.length === 0) {
-			setValidString(localeService.t("definedName.nameEmpty"));
-			return;
-		}
-		if ((definedNamesService.getValueByName(unitId, nameValue) || superTableService.hasTable(unitId, nameValue)) && (id === null || id === void 0 || id.length === 0)) {
-			setValidString(localeService.t("definedName.nameDuplicate"));
-			return;
-		}
-		if (!Tools.isValidParameter(nameValue) || isReferenceStringWithEffectiveColumn(nameValue) || !Tools.isStartValidPosition(nameValue) && !hasCJKText(nameValue.substring(0, 1))) {
-			setValidString(localeService.t("definedName.nameInvalid"));
-			return;
-		}
-		if (workbook.getSheetOrders().map((sheetId) => {
-			var _workbook$getSheetByS;
-			return ((_workbook$getSheetByS = workbook.getSheetBySheetId(sheetId)) === null || _workbook$getSheetByS === void 0 ? void 0 : _workbook$getSheetByS.getName()) || "";
-		}).includes(nameValue)) {
-			setValidString(localeService.t("definedName.nameSheetConflict"));
-			return;
-		}
-		if (formulaOrRefStringValue.length === 0) {
-			setValidString(localeService.t("definedName.formulaOrRefStringEmpty"));
+		const validationResult = validateDefinedName(nameValue, {
+			unitId,
+			formulaOrRefString: formulaOrRefStringValue,
+			univerInstanceService,
+			definedNamesService,
+			superTableService,
+			functionService,
+			id
+		});
+		if (typeof validationResult === "string") {
+			setValidString(localeService.t(validationResult));
 			return;
 		}
 		if (!validFormulaOrRange) {
 			setValidString(localeService.t("definedName.formulaOrRefStringInvalid"));
 			return;
 		}
-		if (functionService.hasExecutor(nameValue.toUpperCase())) {
-			setValidString(localeService.t("definedName.nameConflict"));
-			return;
-		}
 		const currentSheetName = workbook.getActiveSheet().getName();
 		confirm && confirm({
 			id: id || "",
@@ -20060,6 +20062,15 @@ const DefinedNameContainer = () => {
 	const [definedNames, setDefinedNames] = useState([]);
 	const [editorKey, setEditorKey] = useState(null);
 	const [deleteConformKey, setDeleteConformKey] = useState();
+	const listContainerRef = useRef(void 0);
+	const [virtualDefinedNames, virtualActions] = useVirtualList(definedNames, {
+		containerTarget: listContainerRef,
+		itemHeight: (index, item) => {
+			if (item.id === editorKey) return 240;
+			return 72;
+		},
+		overscan: 6
+	});
 	useEffect(() => {
 		setDefinedNames(getDefinedNameMap());
 		const definedNamesSubscription = definedNamesService.update$.subscribe(() => {
@@ -20162,100 +20173,105 @@ const DefinedNameContainer = () => {
 		if (sheet == null) return "";
 		return sheet.getName();
 	};
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		"data-u-comp": "defined-name-container",
-		className: "univer-relative univer-box-border univer-w-full",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: clsx("univer-w-full univer-overflow-hidden univer-overflow-y-auto", scrollbarClassName),
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "univer-mb-4",
-				children: [/* @__PURE__ */ jsxs(Button, {
-					className: clsx("univer-w-full", { "univer-hidden": editState }),
-					onClick: openInsertCloseKeyEditor,
-					children: [/* @__PURE__ */ jsx(IncreaseIcon, {}), /* @__PURE__ */ jsx("span", {
-						className: "univer-ml-1",
-						children: localeService.t("definedName.addButton")
-					})]
-				}), editState && /* @__PURE__ */ jsx(DefinedNameInput, {
-					confirm: insertConfirm,
-					cancel: closeInput,
-					state: editState,
-					inputId: "insertDefinedName",
-					name: getInsertDefinedName(),
-					formulaOrRefString: getInertFormulaOrRefString()
+		className: "univer-relative univer-box-border univer-flex univer-h-full univer-w-full univer-flex-col",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "univer-mb-4",
+			children: [/* @__PURE__ */ jsxs(Button, {
+				className: clsx("univer-w-full", { "univer-hidden": editState }),
+				onClick: openInsertCloseKeyEditor,
+				children: [/* @__PURE__ */ jsx(IncreaseIcon, {}), /* @__PURE__ */ jsx("span", {
+					className: "univer-ml-1",
+					children: localeService.t("definedName.addButton")
 				})]
-			}, "insertDefinedName"), definedNames.map((definedName, index) => {
-				return /* @__PURE__ */ jsxs("div", {
-					className: "univer-relative univer-w-full univer-divide-x-0 univer-divide-y univer-divide-solid univer-divide-gray-200 dark:!univer-divide-gray-600",
-					children: [
-						/* @__PURE__ */ jsxs("div", {
-							className: clsx("univer-group univer-relative univer-flex univer-w-full univer-cursor-default univer-select-none univer-items-center univer-justify-between univer-rounded-md univer-p-2 hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-700", { "univer-hidden": definedName.id === editorKey }),
-							onClick: () => {
-								focusDefinedName(definedName);
-							},
-							children: [/* @__PURE__ */ jsxs("div", {
-								title: definedName.comment,
+			}), editState && /* @__PURE__ */ jsx(DefinedNameInput, {
+				confirm: insertConfirm,
+				cancel: closeInput,
+				state: editState,
+				inputId: "insertDefinedName",
+				name: getInsertDefinedName(),
+				formulaOrRefString: getInertFormulaOrRefString()
+			})]
+		}, "insertDefinedName"), /* @__PURE__ */ jsx("div", {
+			ref: listContainerRef,
+			className: clsx("univer-min-h-0 univer-flex-1 univer-overflow-y-auto", scrollbarClassName),
+			...virtualActions.containerProps,
+			children: /* @__PURE__ */ jsx("div", {
+				style: virtualActions.wrapperStyle,
+				children: virtualDefinedNames.map(({ data: definedName, index }) => {
+					return /* @__PURE__ */ jsxs("div", {
+						className: "univer-relative univer-w-full univer-divide-x-0 univer-divide-y univer-divide-solid univer-divide-gray-200 dark:!univer-divide-gray-600",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: clsx("univer-group univer-relative univer-flex univer-w-full univer-cursor-default univer-select-none univer-items-center univer-justify-between univer-rounded-md univer-p-2 hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-700", { "univer-hidden": definedName.id === editorKey }),
+								onClick: () => {
+									focusDefinedName(definedName);
+								},
 								children: [/* @__PURE__ */ jsxs("div", {
-									className: "univer-my-1 univer-max-h-[100px] univer-max-w-[190px] univer-truncate univer-text-sm univer-font-medium univer-text-gray-900 dark:!univer-text-white",
-									children: [definedName.name, /* @__PURE__ */ jsx("span", {
-										className: "univer-text-xxs univer-ml-1 univer-text-gray-400",
-										children: definedName.localSheetId === SCOPE_WORKBOOK_VALUE_DEFINED_NAME || definedName.localSheetId == null ? "" : getSheetNameBySheetId(definedName.localSheetId)
+									title: definedName.comment,
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "univer-my-1 univer-max-h-[100px] univer-max-w-[190px] univer-truncate univer-text-sm univer-font-medium univer-text-gray-900 dark:!univer-text-white",
+										children: [definedName.name, /* @__PURE__ */ jsx("span", {
+											className: "univer-text-xxs univer-ml-1 univer-text-gray-400",
+											children: definedName.localSheetId === SCOPE_WORKBOOK_VALUE_DEFINED_NAME || definedName.localSheetId == null ? "" : getSheetNameBySheetId(definedName.localSheetId)
+										})]
+									}), /* @__PURE__ */ jsx("div", {
+										className: "univer-my-1 univer-max-h-[100px] univer-w-full univer-max-w-[190px] univer-truncate univer-text-xs univer-text-gray-500",
+										title: definedName.formulaOrRefString,
+										children: definedName.formulaOrRefString
+									})]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "univer-absolute univer-right-5 univer-top-1/2 univer-hidden -univer-translate-y-1/2 univer-cursor-pointer univer-items-center univer-justify-end univer-gap-7 univer-text-xs univer-text-primary-600 group-hover:univer-flex dark:hover:!univer-bg-gray-600",
+									children: [/* @__PURE__ */ jsx(Tooltip, {
+										title: localeService.t("definedName.updateButton"),
+										placement: "top",
+										children: /* @__PURE__ */ jsx("a", {
+											className: "univer-rounded univer-p-1 hover:univer-bg-gray-100",
+											onClick: (e) => {
+												e.stopPropagation();
+												closeInsertOpenKeyEditor(definedName.id);
+											},
+											children: /* @__PURE__ */ jsx(PenIcon, {})
+										})
+									}), /* @__PURE__ */ jsx(Tooltip, {
+										title: localeService.t("definedName.deleteButton"),
+										placement: "top",
+										children: /* @__PURE__ */ jsx("a", {
+											className: "univer-rounded univer-p-1 univer-text-red-600 hover:univer-bg-gray-100",
+											onClick: (e) => {
+												e.stopPropagation();
+												deleteDefinedName(definedName.id);
+											},
+											children: /* @__PURE__ */ jsx(DeleteIcon, {})
+										})
 									})]
-								}), /* @__PURE__ */ jsx("div", {
-									className: "univer-my-1 univer-max-h-[100px] univer-w-full univer-max-w-[190px] univer-truncate univer-text-xs univer-text-gray-500",
-									title: definedName.formulaOrRefString,
-									children: definedName.formulaOrRefString
-								})]
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "univer-absolute univer-right-5 univer-top-1/2 univer-hidden -univer-translate-y-1/2 univer-cursor-pointer univer-items-center univer-justify-end univer-gap-7 univer-text-xs univer-text-primary-600 group-hover:univer-flex dark:hover:!univer-bg-gray-600",
-								children: [/* @__PURE__ */ jsx(Tooltip, {
-									title: localeService.t("definedName.updateButton"),
-									placement: "top",
-									children: /* @__PURE__ */ jsx("a", {
-										className: "univer-rounded univer-p-1 hover:univer-bg-gray-100",
-										onClick: (e) => {
-											e.stopPropagation();
-											closeInsertOpenKeyEditor(definedName.id);
-										},
-										children: /* @__PURE__ */ jsx(PenIcon, {})
-									})
-								}), /* @__PURE__ */ jsx(Tooltip, {
-									title: localeService.t("definedName.deleteButton"),
-									placement: "top",
-									children: /* @__PURE__ */ jsx("a", {
-										className: "univer-rounded univer-p-1 univer-text-red-600 hover:univer-bg-gray-100",
-										onClick: (e) => {
-											e.stopPropagation();
-											deleteDefinedName(definedName.id);
-										},
-										children: /* @__PURE__ */ jsx(DeleteIcon, {})
-									})
 								})]
-							})]
-						}),
-						/* @__PURE__ */ jsx(Confirm, {
-							visible: deleteConformKey === definedName.id,
-							onClose: handleDeleteClose,
-							onConfirm: () => {
-								handleDeleteConfirm(definedName.id);
-							},
-							children: localeService.t("definedName.deleteConfirmText")
-						}),
-						definedName.id === editorKey && /* @__PURE__ */ jsx(DefinedNameInput, {
-							confirm: insertConfirm,
-							cancel: closeInput,
-							state: definedName.id === editorKey,
-							id: definedName.id,
-							inputId: definedName.id + index,
-							name: definedName.name,
-							formulaOrRefString: definedName.formulaOrRefString,
-							comment: definedName.comment,
-							localSheetId: definedName.localSheetId
-						})
-					]
-				}, index);
-			})]
-		})
+							}),
+							/* @__PURE__ */ jsx(Confirm, {
+								visible: deleteConformKey === definedName.id,
+								onClose: handleDeleteClose,
+								onConfirm: () => {
+									handleDeleteConfirm(definedName.id);
+								},
+								children: localeService.t("definedName.deleteConfirmText")
+							}),
+							definedName.id === editorKey && /* @__PURE__ */ jsx(DefinedNameInput, {
+								confirm: insertConfirm,
+								cancel: closeInput,
+								state: definedName.id === editorKey,
+								id: definedName.id,
+								inputId: definedName.id + index,
+								name: definedName.name,
+								formulaOrRefString: definedName.formulaOrRefString,
+								comment: definedName.comment,
+								localSheetId: definedName.localSheetId
+							})
+						]
+					}, index);
+				})
+			})
+		})]
 	});
 };
 
@@ -20579,6 +20595,49 @@ const EditorContainer = () => {
 	});
 };
 
+//#endregion
+//#region src/services/utils/defined-name-utils.ts
+let DefinedNameBoxActionType = /* @__PURE__ */ function(DefinedNameBoxActionType) {
+	DefinedNameBoxActionType["Noop"] = "noop";
+	DefinedNameBoxActionType["FocusDefinedName"] = "focusDefinedName";
+	DefinedNameBoxActionType["FocusSelection"] = "focusSelection";
+	DefinedNameBoxActionType["CreateDefinedName"] = "createDefinedName";
+	DefinedNameBoxActionType["Reset"] = "reset";
+	return DefinedNameBoxActionType;
+}({});
+function resolveDefinedNameBoxAction(params) {
+	const { inputValue, rangeString, unitId, formulaOrRefString, univerInstanceService, definedNamesService, superTableService, functionService } = params;
+	if (inputValue === rangeString) return { type: DefinedNameBoxActionType.Noop };
+	const definedName = definedNamesService.getValueByName(unitId, inputValue);
+	if (definedName) return {
+		type: DefinedNameBoxActionType.FocusDefinedName,
+		definedName
+	};
+	if (isReferenceStringWithEffectiveColumn(inputValue)) return {
+		type: DefinedNameBoxActionType.FocusSelection,
+		refString: inputValue
+	};
+	if (validateDefinedName(inputValue, {
+		unitId,
+		formulaOrRefString,
+		univerInstanceService,
+		definedNamesService,
+		superTableService,
+		functionService
+	}) === true) return {
+		type: DefinedNameBoxActionType.CreateDefinedName,
+		name: inputValue
+	};
+	return { type: DefinedNameBoxActionType.Reset };
+}
+function getAbsoluteRefStringFromSelection(workbook, selections, lexerTreeBuilder) {
+	var _workbook$getActiveSh;
+	const sheetName = (_workbook$getActiveSh = workbook.getActiveSheet()) === null || _workbook$getActiveSh === void 0 ? void 0 : _workbook$getActiveSh.getName();
+	if (!sheetName || selections == null || selections.length === 0) return "";
+	const formulaOrRefs = selections.map((selection) => serializeRangeWithSheet(sheetName, selection.range)).join(",");
+	return lexerTreeBuilder.convertRefersToAbsolute(formulaOrRefs, AbsoluteRefType.ALL, AbsoluteRefType.ALL, sheetName);
+}
+
 //#endregion
 //#region src/views/defined-name/DefinedNameOverlay.tsx
 function DefinedNameOverlay({ search, isInputEvent }) {
@@ -20621,6 +20680,12 @@ function DefinedNameOverlay({ search, isInputEvent }) {
 		isInputEvent,
 		definedNames
 	]);
+	const listContainerRef = useRef(void 0);
+	const [virtualDefinedNames, virtualActions] = useVirtualList(filteredDefinedNames, {
+		containerTarget: listContainerRef,
+		itemHeight: 30,
+		overscan: 6
+	});
 	const openSlider = () => {
 		commandService.executeCommand(SidebarDefinedNameOperation.id, { value: "open" });
 	};
@@ -20636,27 +20701,32 @@ function DefinedNameOverlay({ search, isInputEvent }) {
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "univer-w-[300px]",
-		children: [/* @__PURE__ */ jsx("ul", {
-			className: clsx("univer-m-0 univer-max-h-[360px] univer-list-none univer-overflow-y-auto univer-p-0", scrollbarClassName),
-			children: filteredDefinedNames.map((definedName, index) => {
-				return /* @__PURE__ */ jsx("li", {
-					className: "univer-cursor-pointer univer-px-2 univer-transition-colors univer-duration-200 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-600",
-					onClick: () => {
-						focusDefinedName(definedName);
-					},
-					children: /* @__PURE__ */ jsxs("div", {
-						className: clsx("univer-flex univer-items-center univer-justify-between univer-gap-2 univer-py-1", borderBottomClassName),
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "univer-w-[50%] univer-flex-shrink-0 univer-truncate univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-							title: definedName.name,
-							children: definedName.name
-						}), /* @__PURE__ */ jsx("div", {
-							className: "univer-w-[50%] univer-flex-shrink-0 univer-truncate univer-text-xs univer-text-gray-400",
-							title: definedName.formulaOrRefString,
-							children: definedName.formulaOrRefString
-						})]
-					})
-				}, index);
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: listContainerRef,
+			className: clsx("univer-max-h-[360px] univer-min-h-0 univer-overflow-y-auto", scrollbarClassName, { "univer-min-h-[30px]": filteredDefinedNames.length > 0 }),
+			...virtualActions.containerProps,
+			children: /* @__PURE__ */ jsx("div", {
+				style: virtualActions.wrapperStyle,
+				children: virtualDefinedNames.map(({ data: definedName, index }) => {
+					return /* @__PURE__ */ jsx("li", {
+						className: "univer-cursor-pointer univer-px-2 univer-transition-colors univer-duration-200 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-600",
+						onClick: () => {
+							focusDefinedName(definedName);
+						},
+						children: /* @__PURE__ */ jsxs("div", {
+							className: clsx("univer-flex univer-items-center univer-justify-between univer-gap-2 univer-py-1", borderBottomClassName),
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "univer-w-[50%] univer-flex-shrink-0 univer-truncate univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
+								title: definedName.name,
+								children: definedName.name
+							}), /* @__PURE__ */ jsx("div", {
+								className: "univer-w-[50%] univer-flex-shrink-0 univer-truncate univer-text-xs univer-text-gray-400",
+								title: definedName.formulaOrRefString,
+								children: definedName.formulaOrRefString
+							})]
+						})
+					}, index);
+				})
 			})
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "univer-cursor-pointer univer-p-2 univer-transition-colors univer-duration-200 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-600",
@@ -20682,11 +20752,15 @@ function DefinedName({ disable }) {
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const selectionManagerService = useDependency(SheetsSelectionsService);
 	const lexerTreeBuilder = useDependency(LexerTreeBuilder);
+	const superTableService = useDependency(ISuperTableService);
+	const functionService = useDependency(IFunctionService);
+	const layoutService = useDependency(ILayoutService);
 	const workbook = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
 	const unitId = workbook === null || workbook === void 0 ? void 0 : workbook.getUnitId();
 	const themeService = useDependency(ThemeService);
 	const [open, setOpen] = useState(false);
 	const [isInputEvent, setIsInputEvent] = useState(false);
+	const inputRef = useRef(null);
 	const getDefinedNameMap = () => {
 		const definedNameMap = definedNamesService.getDefinedNameMap(unitId);
 		if (definedNameMap) return Array.from(Object.values(definedNameMap));
@@ -20715,7 +20789,7 @@ function DefinedName({ disable }) {
 			commandService.executeCommand(ScrollToCellCommand.id, { range: selections[0].range });
 		});
 	};
-	const [definedNames, setDefinedNames] = useState(getDefinedNameMap());
+	const [definedNames, setDefinedNames] = useState(() => getDefinedNameMap());
 	useEffect(() => {
 		const definedNamesSubscription = definedNamesService.update$.subscribe(() => {
 			setDefinedNames(getDefinedNameMap());
@@ -20726,13 +20800,7 @@ function DefinedName({ disable }) {
 	}, []);
 	useEffect(() => {
 		const subscription = definedNamesService.currentRange$.subscribe(() => {
-			var _selections$map;
-			const selections = selectionManagerService.getCurrentSelections();
-			const worksheet = workbook.getActiveSheet();
-			const formulaOrRefs = selections === null || selections === void 0 || (_selections$map = selections.map((selection) => {
-				return serializeRangeWithSheet(worksheet.getName(), selection.range);
-			})) === null || _selections$map === void 0 ? void 0 : _selections$map.join(",");
-			const absoluteRef = lexerTreeBuilder.convertRefersToAbsolute(formulaOrRefs, AbsoluteRefType.ALL, AbsoluteRefType.ALL, worksheet.getName());
+			const absoluteRef = getAbsoluteRefStringFromSelection(workbook, selectionManagerService.getCurrentSelections(), lexerTreeBuilder);
 			const definedName = definedNamesService.getDefinedNameByRefString(unitId, absoluteRef);
 			if (definedName) {
 				setRangeString(definedName.name);
@@ -20763,22 +20831,59 @@ function DefinedName({ disable }) {
 		handleDefinedNamesList(value);
 	}
 	function confirm() {
-		if (inputValue === rangeString) return;
-		const definedName = definedNames.find((i) => i.name === inputValue);
-		if (definedName) {
-			setRangeString(inputValue);
-			focusDefinedName(definedName);
-		} else if (isReferenceStringWithEffectiveColumn(inputValue)) {
-			setRangeString(inputValue);
-			focusSelection(inputValue);
-		} else resetValue();
+		const formulaOrRefString = getAbsoluteRefStringFromSelection(workbook, selectionManagerService.getCurrentSelections(), lexerTreeBuilder);
+		const action = resolveDefinedNameBoxAction({
+			inputValue,
+			rangeString,
+			unitId,
+			formulaOrRefString,
+			univerInstanceService,
+			definedNamesService,
+			superTableService,
+			functionService
+		});
+		switch (action.type) {
+			case DefinedNameBoxActionType.Noop: return true;
+			case DefinedNameBoxActionType.FocusDefinedName:
+				setRangeString(action.definedName.name);
+				setInputValue(action.definedName.name);
+				focusDefinedName(action.definedName);
+				return true;
+			case DefinedNameBoxActionType.FocusSelection:
+				setRangeString(action.refString);
+				setInputValue(action.refString);
+				focusSelection(action.refString);
+				return true;
+			case DefinedNameBoxActionType.CreateDefinedName: {
+				if (!formulaOrRefString) {
+					resetValue();
+					return false;
+				}
+				const result = commandService.syncExecuteCommand(InsertDefinedNameCommand.id, {
+					id: generateRandomId(10),
+					unitId,
+					name: action.name,
+					formulaOrRefString,
+					localSheetId: SCOPE_WORKBOOK_VALUE_DEFINED_NAME
+				});
+				if (result) {
+					setRangeString(action.name);
+					setInputValue(action.name);
+				} else resetValue();
+				return !!result;
+			}
+			case DefinedNameBoxActionType.Reset:
+				resetValue();
+				return false;
+		}
 	}
 	function handleKeyDown(e) {
 		if (disable) return;
 		if (e.key === "Enter") {
-			confirm();
+			const handled = confirm();
 			setIsInputEvent(false);
 			setOpen(false);
+			if (handled) layoutService.focus();
 		} else if (e.key === "Escape") {
 			e.preventDefault();
 			setIsInputEvent(false);
@@ -20810,6 +20915,7 @@ function DefinedName({ disable }) {
 		"data-u-comp": "defined-name",
 		className: "univer-relative univer-box-border univer-flex univer-h-full univer-w-24 univer-border-r-gray-200 univer-py-1.5 univer-transition-all",
 		children: [/* @__PURE__ */ jsx("input", {
+			ref: inputRef,
 			className: clsx("univer-box-border univer-size-full univer-appearance-none univer-pl-1.5 univer-pr-5 univer-text-gray-900 focus:univer-outline-none dark:!univer-border-r-gray-700 dark:!univer-bg-gray-900 dark:!univer-text-white", borderRightClassName, { "univer-cursor-not-allowed": disable }),
 			type: "text",
 			value: inputValue,
@@ -23786,7 +23892,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "0.21.0";
+var version = "0.21.1";
 
 //#endregion
 //#region src/services/cell-alert-manager.service.ts