@univerjs/sheets-formula-ui 1.0.3 → 1.1.0

package/lib/index.js

@@ -1,15 +1,15 @@
-import { AbsoluteRefType, BuildTextUtils, CellValueType, ColorKit, CommandType, DEFAULT_EMPTY_DOCUMENT_VALUE, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, EDITOR_ACTIVATED, FOCUSING_FX_BAR_EDITOR, HorizontalAlign, ICommandService, IConfigService, IContextService, ILogService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, ObjectMatrix, Plugin, RANGE_TYPE, Range, Rectangle, RichTextBuilder, RxDisposable, ThemeService, Tools, UniverInstanceType, VerticalAlign, createIdentifier, createInternalEditorID, generateRandomId, getCellValueType, getEmptyCell, isFormulaId, isFormulaString, isICellData, isRealNum, merge, noop, regexp, registerDependencies, toDisposable, touchDependencies } from "@univerjs/core";
-import { BaseSelectionRenderService, COPY_SPECIAL_MENU_ID, COPY_TYPE, CellAlertManagerService, CellAlertType, EMBEDDING_FORMULA_EDITOR, EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY, ExpandSelectionCommand, HoverManagerService, IEditorBridgeService, IMarkSelectionService, ISheetClipboardService, ISheetSelectionRenderService, JumpOver, MOBILE_EXPANDING_SELECTION, MOBILE_FORMULA_FUNCTION_PANEL_OPEN, MOBILE_PINCH_ZOOMING, MobileSelectionControl, MoveSelectionCommand, PASTE_SPECIAL_MENU_ID, PREDEFINED_HOOK_NAME_COPY, PREDEFINED_HOOK_NAME_PASTE, RANGE_SELECTOR_COMPONENT_KEY, SELECTION_SHAPE_DEPTH, SelectionControl, SetCellEditVisibleOperation, SheetPasteCommand, SheetSkeletonManagerService, SheetsUIPart, UniverSheetsMobileUIPlugin, UniverSheetsUIPlugin, checkInHeaderRanges, genNormalSelectionStyle, getAllSelection, getCoordByOffset, getCurrentRangeDisable$, getSheetObject, menuClipboardDisabledObservable, useActiveWorkbook, whenSheetEditorActivated, whenSheetEditorFocused } from "@univerjs/sheets-ui";
-import { ErrorType, FormulaDataModel, FunctionType, IDescriptionService, LexerTreeBuilder, SetArrayFormulaDataMutation, SetFormulaCalculationResultMutation, SetFormulaCalculationStopMutation, UniverFormulaEnginePlugin, buildFormulaTextRuns, deserializeRangeWithSheet, deserializeRangeWithSheetWithCache, extractFormulaError, generateStringWithSequence, getAbsoluteRefTypeWithSingleString, getFormulaHighlightDataStream, getFormulaReplaceResult, handleRefStringInfo, isFormulaLexerToken, isFormulaReferenceAddingContext, isFormulaReferenceAddingTextContext, matchRefDrawToken, matchToken, operatorToken, searchFormulaFunctions, sequenceNodeType, serializeRange, serializeRangeToRefString, serializeRangeWithSheet, serializeRangeWithSpreadsheet } from "@univerjs/engine-formula";
+import { AbsoluteRefType, BuildTextUtils, CellValueType, ColorKit, CommandType, DEFAULT_EMPTY_DOCUMENT_VALUE, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, EDITOR_ACTIVATED, FOCUSING_FX_BAR_EDITOR, HorizontalAlign, ICommandService, IConfigService, IContextService, ILogService, IPermissionService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, MAX_ITERATION_COUNT, ObjectMatrix, Plugin, RANGE_TYPE, Rectangle, RichTextBuilder, RxDisposable, ThemeService, Tools, UniverInstanceType, VerticalAlign, createIdentifier, createInternalEditorID, generateRandomId, getCellValueType, getEmptyCell, isFormulaId, isFormulaString, isICellData, isRealNum, merge, noop, normalizeWorkbookCalculationSettings, regexp, registerDependencies, toDisposable, touchDependencies } from "@univerjs/core";
+import { BaseSelectionRenderService, COPY_SPECIAL_MENU_ID, COPY_TYPE, CellAlertManagerService, CellAlertType, EMBEDDING_FORMULA_EDITOR, EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY, ExpandSelectionCommand, IEditorBridgeService, IMarkSelectionService, ISheetClipboardService, ISheetSelectionRenderService, JumpOver, MOBILE_EXPANDING_SELECTION, MOBILE_FORMULA_FUNCTION_PANEL_OPEN, MOBILE_PINCH_ZOOMING, MobileSelectionControl, MoveSelectionCommand, PASTE_SPECIAL_MENU_ID, PREDEFINED_HOOK_NAME_COPY, PREDEFINED_HOOK_NAME_PASTE, RANGE_SELECTOR_COMPONENT_KEY, SELECTION_SHAPE_DEPTH, SelectionControl, SetCellEditVisibleOperation, SheetPasteCommand, SheetSkeletonManagerService, SheetsUIPart, UniverSheetsMobileUIPlugin, UniverSheetsUIPlugin, checkInHeaderRanges, genNormalSelectionStyle, getAllSelection, getCoordByOffset, getCurrentRangeDisable$, getSheetObject, menuClipboardDisabledObservable, useActiveWorkbook, whenSheetEditorActivated, whenSheetEditorFocused } from "@univerjs/sheets-ui";
+import { ErrorType, FormulaDataModel, FunctionType, IDescriptionService, LexerTreeBuilder, SetArrayFormulaDataMutation, SetFormulaCalculationNotificationMutation, SetFormulaCalculationResultMutation, SetFormulaCalculationStopMutation, UniverFormulaEnginePlugin, buildFormulaTextRuns, deserializeRangeWithSheet, deserializeRangeWithSheetWithCache, extractFormulaError, generateStringWithSequence, getAbsoluteRefTypeWithSingleString, getFormulaHighlightDataStream, getFormulaReplaceResult, handleRefStringInfo, isFormulaLexerToken, isFormulaReferenceAddingContext, isFormulaReferenceAddingTextContext, matchRefDrawToken, matchToken, operatorToken, searchFormulaFunctions, sequenceNodeType, serializeRange, serializeRangeToRefString, serializeRangeWithSheet, serializeRangeWithSpreadsheet } from "@univerjs/engine-formula";
 import { BehaviorSubject, Subject, combineLatestWith, debounceTime, distinctUntilChanged, filter, map, merge as merge$1, throttleTime } from "rxjs";
 import { DocBackScrollRenderController, DocSelectionRenderService, IEditorService, MoveCursorOperation, MoveSelectionOperation, ReplaceTextRunsCommand, RichTextEditor, createEditorUndoRedoKeyboardConfig, useKeyboardEvent, useResize } from "@univerjs/docs-ui";
-import { DeviceInputEventType, IRenderManagerService, SHEET_VIEWPORT_KEY, ScrollTimer, ScrollTimerType, UniverRenderEnginePlugin, Vector2 } from "@univerjs/engine-render";
-import { BEFORE_CELL_EDIT, INTERCEPTOR_POINT, IRefSelectionsService, REF_SELECTIONS_ENABLED, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, ReorderRangeCommand, SelectionMoveType, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetSelectionsOperation, SetWorksheetActiveOperation, SetWorksheetRowAutoHeightMutation, SheetInterceptorService, SheetSkeletonService, SheetsSelectionsService, UniverSheetsPlugin, WorkbookCopyPermission, WorkbookEditablePermission, WorksheetCopyPermission, WorksheetEditPermission, WorksheetSetCellValuePermission, attachSelectionWithCoord, convertSelectionDataToRange, getCellAtRowCol, getSheetCommandTarget, setEndForRange } from "@univerjs/sheets";
+import { DeviceInputEventType, ICanvasColorService, IRenderManagerService, SHEET_VIEWPORT_KEY, ScrollTimer, ScrollTimerType, UniverRenderEnginePlugin, Vector2 } from "@univerjs/engine-render";
+import { BEFORE_CELL_EDIT, INTERCEPTOR_POINT, IRefSelectionsService, REF_SELECTIONS_ENABLED, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, SelectionMoveType, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetSelectionsOperation, SetWorkbookCalculationSettingsCommand, SetWorkbookCalculationSettingsMutation, SetWorksheetActiveOperation, SetWorksheetRowAutoHeightMutation, SheetInterceptorService, SheetSkeletonService, SheetsSelectionsService, UniverSheetsPlugin, WorkbookCopyPermission, WorkbookEditablePermission, WorksheetCopyPermission, WorksheetEditPermission, WorksheetSetCellValuePermission, attachSelectionWithCoord, convertSelectionDataToRange, getCellAtRowCol, getSheetCommandTarget, setEndForRange } from "@univerjs/sheets";
 import { ImageFormulaCellInterceptorController, InsertFunctionCommand, PLUGIN_CONFIG_KEY_BASE, TriggerCalculationController, UniverSheetsFormulaPlugin } from "@univerjs/sheets-formula";
-import { BuiltInUIPart, ComponentManager, IContextMenuService, IMenuManagerService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MetaKeys, MobileDrawer, ProgressBar, RectPopup, RibbonFormulasGroup, UniverMobileUIPlugin, connectInjector, getMenuHiddenObservable, useDependency, useEvent, useObservable, useUpdateEffect } from "@univerjs/ui";
+import { BuiltInUIPart, ComponentManager, IContextMenuService, IDialogService, IMenuManagerService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MetaKeys, MobileDrawer, ProgressBar, RectPopup, RibbonFormulasGroup, UniverMobileUIPlugin, connectInjector, getMenuHiddenObservable, useDependency, useEvent, useObservable, useUpdateEffect } from "@univerjs/ui";
 import { DocSelectionManagerService } from "@univerjs/docs";
-import { CheckMarkIcon, CloseIcon, DatabaseFunctionIcon, DateFunctionIcon, DeleteIcon, EngineeringFunctionIcon, FinancialFunctionIcon, FunctionIcon, IncreaseIcon, InformationFunctionIcon, LogicalFunctionIcon, LookupFunctionIcon, MathFunctionIcon, MoreRightIcon, SelectRangeIcon, StatisticalFunctionIcon, TextFunctionIcon } from "@univerjs/icons";
-import { Button, ConfigContext, Dialog, Input, MobileActionRowGroup, MobileSelect, Select, Tooltip, borderClassName, borderLeftClassName, borderTopClassName, clsx, divideYClassName, scrollbarClassName } from "@univerjs/design";
+import { CalculationOptionsIcon, CheckMarkIcon, CloseIcon, DatabaseFunctionIcon, DateFunctionIcon, DeleteIcon, EngineeringFunctionIcon, FinancialFunctionIcon, FunctionIcon, IncreaseIcon, InformationFunctionIcon, LogicalFunctionIcon, LookupFunctionIcon, MathFunctionIcon, MoreRightIcon, SelectRangeIcon, StatisticalFunctionIcon, TextFunctionIcon } from "@univerjs/icons";
+import { Button, Checkbox, ConfigContext, Dialog, Input, MobileActionRowGroup, MobileSelect, Select, Tooltip, borderClassName, borderLeftClassName, borderTopClassName, clsx, divideYClassName, scrollbarClassName } from "@univerjs/design";
 import { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { debounceTime as debounceTime$1 } from "rxjs/operators";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -32,7 +32,7 @@ const SheetOnlyPasteFormulaCommand = {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -43,7 +43,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -56,14 +56,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -74,7 +74,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -82,7 +82,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -726,86 +726,49 @@ function genFormulaRefSelectionStyle(themeService, refColor, id) {
 }
 
 //#endregion
-//#region src/controllers/formula-reorder.controller.ts
-let FormulaReorderController = class FormulaReorderController extends Disposable {
-	constructor(_sheetInterceptorService, _univerInstanceService, _formulaDataModel, _lexerTreeBuilder) {
-		super();
-		this._sheetInterceptorService = _sheetInterceptorService;
-		this._univerInstanceService = _univerInstanceService;
-		this._formulaDataModel = _formulaDataModel;
-		this._lexerTreeBuilder = _lexerTreeBuilder;
-		this._initialize();
-	}
-	_initialize() {
-		this.disposeWithMe(this._sheetInterceptorService.interceptCommand({ getMutations: (command) => {
-			if (command.id === ReorderRangeCommand.id) return this._reorderFormula(command.params);
-			return {
-				redos: [],
-				undos: []
-			};
-		} }));
-	}
-	_reorderFormula(params) {
-		const redos = [];
-		const undos = [];
-		const { unitId, subUnitId, range, order } = params;
-		const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
-		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
-		if (!worksheet) return {
-			redos,
-			undos
-		};
-		const cellMatrix = worksheet.getCellMatrix();
-		const redoFormulaMatrix = new ObjectMatrix();
-		const undoFormulaMatrix = new ObjectMatrix();
-		let hasFormula = false;
-		Range.foreach(range, (row, col) => {
-			let targetRow = row;
-			if (order.hasOwnProperty(row)) targetRow = order[row];
-			const targetCell = cellMatrix.getValue(targetRow, col);
-			if ((targetCell === null || targetCell === void 0 ? void 0 : targetCell.f) || (targetCell === null || targetCell === void 0 ? void 0 : targetCell.si)) {
-				hasFormula = true;
-				const formulaString = this._formulaDataModel.getFormulaStringByCell(targetRow, col, subUnitId, unitId);
-				const shiftedFormula = this._lexerTreeBuilder.moveFormulaRefOffset(formulaString, 0, row - targetRow);
-				const newCell = Tools.deepClone(targetCell);
-				newCell.f = shiftedFormula;
-				newCell.si = null;
-				redoFormulaMatrix.setValue(row, col, newCell);
-			} else redoFormulaMatrix.setValue(row, col, targetCell);
-			undoFormulaMatrix.setValue(row, col, cellMatrix.getValue(row, col));
-		});
-		if (!hasFormula) return {
-			redos,
-			undos
-		};
-		redos.push({
-			id: SetRangeValuesMutation.id,
-			params: {
-				unitId,
-				subUnitId,
-				cellValue: redoFormulaMatrix.getMatrix()
-			}
-		});
-		undos.push({
-			id: SetRangeValuesMutation.id,
-			params: {
-				unitId,
-				subUnitId,
-				cellValue: undoFormulaMatrix.getMatrix()
-			}
+//#region src/views/calculation-options/interface.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const CALCULATION_OPTIONS_COMPONENT = "sheets-formula-ui.calculation-options";
+const CALCULATION_OPTIONS_DIALOG = "sheets-formula-ui.calculation-options-dialog";
+
+//#endregion
+//#region src/commands/operations/calculation-options.operation.ts
+const CalculationOptionsOperation = {
+	id: "sheets-formula-ui.operation.calculation-options",
+	type: CommandType.OPERATION,
+	handler: (accessor, params) => {
+		const instanceService = accessor.get(IUniverInstanceService);
+		const workbook = (params === null || params === void 0 ? void 0 : params.unitId) ? instanceService.getUnit(params.unitId, UniverInstanceType.UNIVER_SHEET) : instanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
+		if (!workbook) return false;
+		const dialogService = accessor.get(IDialogService);
+		dialogService.close(CALCULATION_OPTIONS_DIALOG);
+		dialogService.open({
+			id: CALCULATION_OPTIONS_DIALOG,
+			title: { title: "sheets-formula-ui.calculation.title" },
+			children: { label: {
+				name: CALCULATION_OPTIONS_COMPONENT,
+				props: { unitId: workbook.getUnitId() }
+			} },
+			width: 420,
+			onClose: () => dialogService.close(CALCULATION_OPTIONS_DIALOG)
 		});
-		return {
-			redos,
-			undos
-		};
+		return true;
 	}
 };
-FormulaReorderController = __decorate([
-	__decorateParam(0, Inject(SheetInterceptorService)),
-	__decorateParam(1, Inject(IUniverInstanceService)),
-	__decorateParam(2, Inject(FormulaDataModel)),
-	__decorateParam(3, Inject(LexerTreeBuilder))
-], FormulaReorderController);
 
 //#endregion
 //#region src/menu/menu.ts
@@ -925,6 +888,16 @@ function PasteFormulaMenuItemFactory(accessor) {
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
 	};
 }
+function CalculationOptionsMenuItemFactory(accessor) {
+	return {
+		id: CalculationOptionsOperation.id,
+		type: MenuItemType.BUTTON,
+		icon: "CalculationOptionsIcon",
+		title: "sheets-formula-ui.calculation.title",
+		tooltip: "sheets-formula-ui.calculation.title",
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET)
+	};
+}
 
 //#endregion
 //#region src/menu/schema.ts
@@ -985,6 +958,17 @@ const menuSchema = {
 			menuItemFactory: InsertDatabaseFunctionMenuItemFactory
 		}
 	},
+	[RibbonFormulasGroup.OTHERS]: { [CalculationOptionsOperation.id]: {
+		order: 0,
+		gridLayout: {
+			row: 1,
+			column: 1,
+			rowSpan: 2,
+			columnSpan: 2,
+			showLabel: true
+		},
+		menuItemFactory: CalculationOptionsMenuItemFactory
+	} },
 	[COPY_SPECIAL_MENU_ID]: { [SheetCopyFormulaOnlyCommand.id]: {
 		order: 0,
 		menuItemFactory: CopyFormulaOnlyMenuItemFactory
@@ -998,7 +982,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-formula-ui";
-var version = "1.0.3";
+var version = "1.1.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -1027,63 +1011,120 @@ const ErrorTypeToMessageMap = {
 	[ErrorType.NULL]: "null"
 };
 let FormulaAlertRenderController = class FormulaAlertRenderController extends Disposable {
-	constructor(_context, _hoverManagerService, _cellAlertManagerService, _localeService, _formulaDataModel) {
+	constructor(_context, _selectionsService, _cellAlertManagerService, _localeService, _formulaDataModel, _sheetSkeletonService, _sheetSkeletonManagerService, _commandService, _instanceService, _editorBridgeService) {
 		super();
 		this._context = _context;
-		this._hoverManagerService = _hoverManagerService;
+		this._selectionsService = _selectionsService;
 		this._cellAlertManagerService = _cellAlertManagerService;
 		this._localeService = _localeService;
 		this._formulaDataModel = _formulaDataModel;
-		this._init();
-	}
-	_init() {
-		this._initCellAlertPopup();
-	}
-	_initCellAlertPopup() {
-		this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(debounceTime(100)).subscribe((cellPos) => {
-			if (cellPos) {
-				var _this$_formulaDataMod;
-				const worksheet = this._context.unit.getActiveSheet();
-				if (!worksheet) return this._hideAlert();
-				const cellData = worksheet.getCell(cellPos.location.row, cellPos.location.col);
-				const arrayFormulaCellData = (_this$_formulaDataMod = this._formulaDataModel.getArrayFormulaCellData()) === null || _this$_formulaDataMod === void 0 || (_this$_formulaDataMod = _this$_formulaDataMod[cellPos.location.unitId]) === null || _this$_formulaDataMod === void 0 || (_this$_formulaDataMod = _this$_formulaDataMod[cellPos.location.subUnitId]) === null || _this$_formulaDataMod === void 0 || (_this$_formulaDataMod = _this$_formulaDataMod[cellPos.location.row]) === null || _this$_formulaDataMod === void 0 ? void 0 : _this$_formulaDataMod[cellPos.location.col];
-				if (isICellData(cellData)) {
-					var _currentAlert$alert;
-					const errorType = extractFormulaError(cellData, !!arrayFormulaCellData);
-					if (!errorType) {
-						this._hideAlert();
-						return;
-					}
-					const currentAlert = this._cellAlertManagerService.currentAlert.get(ALERT_KEY);
-					const currentLoc = currentAlert === null || currentAlert === void 0 || (_currentAlert$alert = currentAlert.alert) === null || _currentAlert$alert === void 0 ? void 0 : _currentAlert$alert.location;
-					if (currentLoc && currentLoc.row === cellPos.location.row && currentLoc.col === cellPos.location.col && currentLoc.subUnitId === cellPos.location.subUnitId && currentLoc.unitId === cellPos.location.unitId) {
-						this._hideAlert();
-						return;
-					}
-					this._cellAlertManagerService.showAlert({
-						type: CellAlertType.ERROR,
-						title: this._localeService.t("sheets-formula-ui.error.title"),
-						message: this._localeService.t(`sheets-formula-ui.error.${ErrorTypeToMessageMap[errorType]}`),
-						location: cellPos.location,
-						width: 200,
-						height: 74,
-						key: ALERT_KEY
-					});
-					return;
+		this._sheetSkeletonService = _sheetSkeletonService;
+		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
+		this._commandService = _commandService;
+		this._instanceService = _instanceService;
+		this._editorBridgeService = _editorBridgeService;
+		_defineProperty(this, "_circularLocations", /* @__PURE__ */ new Set());
+		this.disposeWithMe(this._selectionsService.selectionChanged$.subscribe(() => this._updateAlert()));
+		this.disposeWithMe(this._context.unit.activeSheet$.subscribe(() => this._updateAlert()));
+		this.disposeWithMe(this._instanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).subscribe(() => this._updateAlert()));
+		this.disposeWithMe(this._editorBridgeService.visible$.subscribe(() => this._updateAlert()));
+		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+			if (command.id === SetFormulaCalculationNotificationMutation.id) {
+				const params = command.params;
+				if (params.circularReferences) {
+					const locations = new Set(params.circularReferences.filter((cell) => cell.unitId === this._context.unit.getUnitId()).map((cell) => JSON.stringify([
+						cell.sheetId,
+						cell.row,
+						cell.column
+					])));
+					const changed = locations.size !== this._circularLocations.size || Array.from(locations).some((location) => !this._circularLocations.has(location));
+					this._circularLocations = locations;
+					this._formulaDataModel.setCircularReferences(params.circularReferences);
+					if (changed) this._refreshMarkers();
+					this._updateAlert();
 				}
+			} else if (command.id === SetRangeValuesMutation.id || command.id === SetWorkbookCalculationSettingsMutation.id) {
+				if (command.id === SetWorkbookCalculationSettingsMutation.id && command.params.unitId === this._context.unit.getUnitId()) this._refreshMarkers();
+				this._updateAlert();
 			}
-			this._hideAlert();
 		}));
+		this.disposeWithMe(() => this._hideAlert());
+	}
+	_updateAlert() {
+		var _selections, _this$_formulaDataMod, _this$_cellAlertManag;
+		const workbook = this._context.unit;
+		const worksheet = workbook.getActiveSheet();
+		const selection = this._selectionsService.currentSelectionParam;
+		const currentWorkbook = this._instanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
+		if (!worksheet || (selection === null || selection === void 0 ? void 0 : selection.unitId) !== workbook.getUnitId() || selection.sheetId !== worksheet.getSheetId() || (currentWorkbook === null || currentWorkbook === void 0 ? void 0 : currentWorkbook.getUnitId()) !== workbook.getUnitId() || this._editorBridgeService.isVisible().visible) {
+			this._hideAlert();
+			return;
+		}
+		const selections = this._selectionsService.getCurrentSelections();
+		const primary = selections === null || selections === void 0 || (_selections = selections[selections.length - 1]) === null || _selections === void 0 ? void 0 : _selections.primary;
+		if (!primary) {
+			this._hideAlert();
+			return;
+		}
+		const row = primary.actualRow;
+		const col = primary.actualColumn;
+		const unitId = workbook.getUnitId();
+		const subUnitId = worksheet.getSheetId();
+		const cell = worksheet.getCell(row, col);
+		const circular = !workbook.getCalculationSettings().iterativeCalculation && Boolean((cell === null || cell === void 0 ? void 0 : cell.f) || (cell === null || cell === void 0 ? void 0 : cell.si)) && this._formulaDataModel.isCircularReference(unitId, subUnitId, row, col);
+		const arrayCell = (_this$_formulaDataMod = this._formulaDataModel.getArrayFormulaCellData()) === null || _this$_formulaDataMod === void 0 || (_this$_formulaDataMod = _this$_formulaDataMod[unitId]) === null || _this$_formulaDataMod === void 0 || (_this$_formulaDataMod = _this$_formulaDataMod[subUnitId]) === null || _this$_formulaDataMod === void 0 || (_this$_formulaDataMod = _this$_formulaDataMod[row]) === null || _this$_formulaDataMod === void 0 ? void 0 : _this$_formulaDataMod[col];
+		const error = isICellData(cell) ? extractFormulaError(cell, !!arrayCell) : void 0;
+		if (!circular && !error) {
+			this._hideAlert();
+			return;
+		}
+		const message = circular ? this._localeService.t("sheets-formula-ui.calculation.circular") : this._localeService.t(`sheets-formula-ui.error.${ErrorTypeToMessageMap[error]}`);
+		const previous = (_this$_cellAlertManag = this._cellAlertManagerService.currentAlert.get(this._alertKey)) === null || _this$_cellAlertManag === void 0 ? void 0 : _this$_cellAlertManag.alert;
+		if ((previous === null || previous === void 0 ? void 0 : previous.location.row) === row && previous.location.col === col && previous.location.subUnitId === subUnitId && previous.message === message && Boolean(previous.action) === circular) return;
+		this._cellAlertManagerService.showAlert({
+			type: CellAlertType.ERROR,
+			title: this._localeService.t(circular ? "sheets-formula-ui.calculation.circularTitle" : "sheets-formula-ui.error.title"),
+			message,
+			location: {
+				unitId,
+				subUnitId,
+				row,
+				col
+			},
+			width: 240,
+			height: circular ? 124 : 74,
+			key: this._alertKey,
+			action: circular ? {
+				label: this._localeService.t("sheets-formula-ui.calculation.action"),
+				onSelect: () => {
+					this._commandService.syncExecuteCommand(CalculationOptionsOperation.id, { unitId });
+				}
+			} : void 0
+		});
+	}
+	get _alertKey() {
+		return `${ALERT_KEY}:${this._context.unit.getUnitId()}`;
+	}
+	_refreshMarkers() {
+		var _this$_context$mainCo;
+		this._sheetSkeletonService.getSkeletonsByUnitId(this._context.unit.getUnitId()).forEach((skeleton) => skeleton.resetCache());
+		this._sheetSkeletonManagerService.reCalculate();
+		(_this$_context$mainCo = this._context.mainComponent) === null || _this$_context$mainCo === void 0 || _this$_context$mainCo.makeDirty();
 	}
 	_hideAlert() {
-		this._cellAlertManagerService.removeAlert(ALERT_KEY);
+		this._cellAlertManagerService.removeAlert(this._alertKey);
 	}
 };
 FormulaAlertRenderController = __decorate([
-	__decorateParam(1, Inject(HoverManagerService)),
+	__decorateParam(1, Inject(SheetsSelectionsService)),
 	__decorateParam(2, Inject(CellAlertManagerService)),
 	__decorateParam(3, Inject(LocaleService)),
-	__decorateParam(4, Inject(FormulaDataModel))
+	__decorateParam(4, Inject(FormulaDataModel)),
+	__decorateParam(5, Inject(SheetSkeletonService)),
+	__decorateParam(6, Inject(SheetSkeletonManagerService)),
+	__decorateParam(7, ICommandService),
+	__decorateParam(8, IUniverInstanceService),
+	__decorateParam(9, IEditorBridgeService)
 ], FormulaAlertRenderController);
 
 //#endregion
@@ -1581,6 +1622,10 @@ let FormulaEditorShowController = class FormulaEditorShowController extends Disp
 			if (range == null) return true;
 			const { startRow, startColumn, endRow, endColumn } = range;
 			if (rowIndex === row && columnIndex === col) {
+				result = {
+					...cellInfo,
+					isInArrayFormulaRange: false
+				};
 				this._createArrayFormulaRangeShape(range, unitId, subUnitId);
 				return false;
 			}
@@ -1711,7 +1756,9 @@ let FormulaRenderManagerController = class FormulaRenderManagerController extend
 			handler: (cell, pos, next) => {
 				var _this$_formulaDataMod;
 				const arrayFormulaCellData = (_this$_formulaDataMod = this._formulaDataModel.getArrayFormulaCellData()) === null || _this$_formulaDataMod === void 0 || (_this$_formulaDataMod = _this$_formulaDataMod[pos.unitId]) === null || _this$_formulaDataMod === void 0 || (_this$_formulaDataMod = _this$_formulaDataMod[pos.subUnitId]) === null || _this$_formulaDataMod === void 0 || (_this$_formulaDataMod = _this$_formulaDataMod[pos.row]) === null || _this$_formulaDataMod === void 0 ? void 0 : _this$_formulaDataMod[pos.col];
-				if (!extractFormulaError(cell, !!arrayFormulaCellData)) return next(cell);
+				const errorType = extractFormulaError(cell, !!arrayFormulaCellData);
+				const circular = Boolean((cell === null || cell === void 0 ? void 0 : cell.f) || (cell === null || cell === void 0 ? void 0 : cell.si)) && !pos.workbook.getCalculationSettings().iterativeCalculation && this._formulaDataModel.isCircularReference(pos.unitId, pos.subUnitId, pos.row, pos.col);
+				if (!errorType && !circular) return next(cell);
 				if (!cell) return next(cell);
 				if (cell === pos.rawData) cell = { ...pos.rawData };
 				cell.markers = {
@@ -1771,15 +1818,17 @@ function registerFormulaEditorRuntimePortal(options) {
 	let registeredPortalRoot = null;
 	let disposed = false;
 	const tryRegister = () => {
+		var _options$editorServic;
 		if (disposed) return;
-		const portalRoot = resolveFormulaEditorPortalRoot(options.editorId, ownerDocument);
+		const selection = (_options$editorServic = options.editorService.getEditor(options.editorId)) === null || _options$editorServic === void 0 ? void 0 : _options$editorServic.docSelectionRenderService;
+		const portalRoot = (selection === null || selection === void 0 ? void 0 : selection.selectionContainer.isConnected) ? selection.selectionContainer : null;
 		if (portalRoot === registeredPortalRoot) return;
 		portalRegistration === null || portalRegistration === void 0 || portalRegistration.dispose();
 		portalRegistration = void 0;
 		registeredPortalRoot = null;
-		if (!portalRoot) return;
+		if (!portalRoot || !selection) return;
 		registeredPortalRoot = portalRoot;
-		portalRegistration = registerFormulaEditorPortalRoot(options, ownerDocument, portalRoot);
+		portalRegistration = registerFormulaEditorPortalRoot(options, selection);
 	};
 	const scheduleRetry = (remaining) => {
 		if (remaining <= 0 || !(view === null || view === void 0 ? void 0 : view.requestAnimationFrame)) return;
@@ -1815,13 +1864,9 @@ function registerFormulaEditorRuntimePortal(options) {
 	}));
 	return collection;
 }
-function resolveFormulaEditorPortalRoot(editorId, ownerDocument) {
-	return ownerDocument.getElementById(`univer-doc-selection-container-${editorId}`) ?? ownerDocument.getElementById(`__editor_${editorId}`);
-}
-function registerFormulaEditorPortalRoot(options, ownerDocument, portalRoot) {
+function registerFormulaEditorPortalRoot(options, selection) {
 	const collection = new DisposableCollection();
-	const editorElement = ownerDocument.getElementById(`__editor_${options.editorId}`);
-	(editorElement && editorElement !== portalRoot ? [portalRoot, editorElement] : [portalRoot]).forEach((element) => {
+	[selection.selectionContainer, selection.inputElement].forEach((element) => {
 		if (options.interactionBoundaryService) collection.add(options.interactionBoundaryService.registerOwnedElement(options.embedId, element));
 		if (options.focusCoordinator) collection.add(options.focusCoordinator.registerElement({
 			embedId: options.embedId,
@@ -1861,7 +1906,7 @@ function focusFormulaEditor(editorService, editor, offset) {
 	if (!editor) return;
 	const selections = [...editor.getSelectionRanges()];
 	editorService.focus(editor.getEditorId());
-	focusFormulaEditorElement(editor);
+	editor.docSelectionRenderService.focus();
 	if (editor.docSelectionRenderService.isOnPointerEvent) return;
 	if (Tools.isDefine(offset)) editor.setSelectionRanges([{
 		startOffset: offset,
@@ -1877,16 +1922,7 @@ function focusFormulaEditor(editorService, editor, offset) {
 		}]);
 	} else editor.setSelectionRanges(selections);
 }
-function focusFormulaEditorElement(editor) {
-	var _editor$editorDOM;
-	const editorElement = (((_editor$editorDOM = editor.editorDOM) === null || _editor$editorDOM === void 0 ? void 0 : _editor$editorDOM.ownerDocument) ?? document).getElementById(`__editor_${editor.getEditorId()}`);
-	editorElement === null || editorElement === void 0 || editorElement.focus({ preventScroll: true });
-}
-function shouldSkipFormulaEditorMouseUpFocus(_target) {
-	return false;
-}
 function shouldRefocusFormulaEditorOnMouseUp(options) {
-	if (shouldSkipFormulaEditorMouseUpFocus(options.target)) return false;
 	if (options.isPointerSelecting || options.isFocusing) return false;
 	return true;
 }
@@ -1974,18 +2010,16 @@ let RefSelectionsRenderService = class RefSelectionsRenderService extends BaseSe
 			if (evt.button !== 2) state.stopPropagation();
 		}));
 		listenerDisposables.add(spreadsheetRowHeader === null || spreadsheetRowHeader === void 0 ? void 0 : spreadsheetRowHeader.onPointerDown$.subscribeEvent((evt, state) => {
-			if (!this.inRefSelectionMode()) return;
 			const skeleton = this._sheetSkeletonManagerService.getCurrentSkeleton();
-			if (!skeleton) return;
+			if (!this.inRefSelectionMode() || !skeleton) return;
 			const { row } = getCoordByOffset(evt.offsetX, evt.offsetY, scene, skeleton);
 			if (checkInHeaderRanges(this._workbookSelections.getCurrentSelections(), row, RANGE_TYPE.ROW)) return;
 			this._onPointerDown(evt, (spreadsheet.zIndex || 1) + 1, RANGE_TYPE.ROW, this._getActiveViewport(evt), ScrollTimerType.Y);
 			if (evt.button !== 2) state.stopPropagation();
 		}));
 		listenerDisposables.add(spreadsheetColumnHeader === null || spreadsheetColumnHeader === void 0 ? void 0 : spreadsheetColumnHeader.onPointerDown$.subscribeEvent((evt, state) => {
-			if (!this.inRefSelectionMode()) return;
 			const skeleton = this._sheetSkeletonManagerService.getCurrentSkeleton();
-			if (!skeleton) return;
+			if (!this.inRefSelectionMode() || !skeleton) return;
 			const { column } = getCoordByOffset(evt.offsetX, evt.offsetY, scene, skeleton);
 			if (checkInHeaderRanges(this._workbookSelections.getCurrentSelections(), column, RANGE_TYPE.COLUMN)) return;
 			this._onPointerDown(evt, (spreadsheet.zIndex || 1) + 1, RANGE_TYPE.COLUMN, this._getActiveViewport(evt), ScrollTimerType.X);
@@ -1993,9 +2027,8 @@ let RefSelectionsRenderService = class RefSelectionsRenderService extends BaseSe
 		}));
 		listenerDisposables.add(spreadsheetLeftTopPlaceholder === null || spreadsheetLeftTopPlaceholder === void 0 ? void 0 : spreadsheetLeftTopPlaceholder.onPointerDown$.subscribeEvent((evt, state) => {
 			this._reset();
-			if (!this.inRefSelectionMode()) return;
 			const skeleton = this._sheetSkeletonManagerService.getCurrentSkeleton();
-			if (!skeleton) return;
+			if (!this.inRefSelectionMode() || !skeleton) return;
 			const selectionWithStyle = getAllSelection(skeleton);
 			this._addSelectionControlByModelData(selectionWithStyle);
 			this._selectionMoveStart$.next(this.getSelectionDataWithStyle());
@@ -2161,7 +2194,7 @@ let RefSelectionsRenderService = class RefSelectionsRenderService extends BaseSe
 			endRow: activeSelectionControl.model.endRow,
 			endColumn: activeSelectionControl.model.endColumn
 		} : null;
-		const remainLastEnable = this._remainLastEnabled && !evt.ctrlKey && !evt.metaKey && !evt.shiftKey && !this._skipLastEnabled && !this._singleSelectionEnabled;
+		const remainLastEnable = this._remainLastEnabled && !this._isMultiSelectModifier(evt) && !evt.shiftKey && !this._skipLastEnabled && !this._singleSelectionEnabled;
 		if (expandByShiftKey && currentCell) this._makeSelectionByTwoCells(currentCell, cursorCellRangeWithRangeType, skeleton, rangeType, activeSelectionControl);
 		else if (remainLastEnable && activeSelectionControl) activeSelectionControl.updateRangeBySelectionWithCoord(selectionCellWithCoord);
 		else activeSelectionControl = this.newSelectionControl(scene, skeleton, selectionWithStyle);
@@ -2342,6 +2375,7 @@ function useFormulaSelecting(opts) {
 	});
 	const calculateSelectingType = useEvent(() => {
 		var _editor$getSelectionR, _config$dataStream;
+		if (!isFocus) return;
 		const currentWorkbook = resolveFormulaSelectionWorkbook(univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET), workbook);
 		if (!currentWorkbook) return;
 		const currentSheet = currentWorkbook.getActiveSheet();
@@ -2617,7 +2651,7 @@ function useDocHight(_leadingCharacter = "") {
 			});
 			return [];
 		} else {
-			const { textRuns, refSelections } = buildTextRuns(descriptionService, colorMap, sequenceNodes);
+			const { textRuns, refSelections } = buildFormulaTextRuns(descriptionService, colorMap, sequenceNodes);
 			if (leadingCharacterLength) textRuns.forEach((e) => {
 				e.ed = e.ed + leadingCharacterLength;
 				e.st = e.st + leadingCharacterLength;
@@ -2662,31 +2696,28 @@ function createHighlightTextRuns(textRuns, leadingCharacterLength) {
 }
 function useColor() {
 	const themeService = useDependency(ThemeService);
-	const theme = themeService.getCurrentTheme();
+	const canvasColorService = useDependency(ICanvasColorService);
+	const theme = useObservable(themeService.currentTheme$, themeService.getCurrentTheme());
+	const darkMode = useObservable(themeService.darkMode$, themeService.darkMode);
 	return useMemo(() => {
 		return {
-			formulaRefColors: [
-				themeService.getColorFromTheme("loop-color.1"),
-				themeService.getColorFromTheme("loop-color.2"),
-				themeService.getColorFromTheme("loop-color.3"),
-				themeService.getColorFromTheme("loop-color.4"),
-				themeService.getColorFromTheme("loop-color.5"),
-				themeService.getColorFromTheme("loop-color.6"),
-				themeService.getColorFromTheme("loop-color.7"),
-				themeService.getColorFromTheme("loop-color.8"),
-				themeService.getColorFromTheme("loop-color.9"),
-				themeService.getColorFromTheme("loop-color.10"),
-				themeService.getColorFromTheme("loop-color.11"),
-				themeService.getColorFromTheme("loop-color.12")
-			].map((color) => themeService.isValidThemeColor(color) ? themeService.getColorFromTheme(color) : color),
+			formulaRefColors: Object.values(theme["loop-color"]).map((color) => {
+				const resolvedColor = themeService.isValidThemeColor(color) ? themeService.getColorFromTheme(color) : color;
+				if (!darkMode) return resolvedColor;
+				let referenceColor = new ColorKit(resolvedColor);
+				while (referenceColor.toHsl().l > 0 && ColorKit.getContrastRatio(canvasColorService.getRenderColor(referenceColor.toHexString()), theme.gray[800]) < 4.5) referenceColor = referenceColor.darken(5);
+				return referenceColor.toHexString();
+			}),
 			numberColor: themeService.getColorFromTheme("blue.700"),
 			stringColor: themeService.getColorFromTheme("jiqing.800"),
 			plainTextColor: themeService.getColorFromTheme("gray.1000")
 		};
-	}, [theme]);
-}
-function buildTextRuns(descriptionService, colorMap, sequenceNodes) {
-	return buildFormulaTextRuns(descriptionService, colorMap, sequenceNodes);
+	}, [
+		theme,
+		darkMode,
+		themeService,
+		canvasColorService
+	]);
 }
 
 //#endregion
@@ -2734,8 +2765,8 @@ const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEdito
 			if (keycode === KeyCode.ARROW_DOWN) direction = Direction.DOWN;
 			else if (keycode === KeyCode.ARROW_UP) direction = Direction.UP;
 			else if (keycode === KeyCode.ARROW_RIGHT) direction = Direction.RIGHT;
-			if (metaKey === MetaKeys.SHIFT) commandService.executeCommand(MoveSelectionOperation.id, { direction });
-			else commandService.executeCommand(MoveCursorOperation.id, { direction });
+			if (metaKey === MetaKeys.SHIFT) return commandService.syncExecuteCommand(MoveSelectionOperation.id, { direction });
+			else return commandService.syncExecuteCommand(MoveCursorOperation.id, { direction });
 		};
 		const handleKeycode = (keycode, metaKey) => {
 			let direction = Direction.DOWN;
@@ -2745,35 +2776,38 @@ const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEdito
 			else if (keycode === KeyCode.ARROW_RIGHT) direction = Direction.RIGHT;
 			if (shouldMoveSelectionRef.current) {
 				var _getRefSelectionCount;
-				const fromCurrentSelection = shouldMoveFormulaSelectionFromCurrentSelection(shouldMoveSelectionRef.current, ((_getRefSelectionCount = getRefSelectionCountRef.current) === null || _getRefSelectionCount === void 0 ? void 0 : _getRefSelectionCount.call(getRefSelectionCountRef)) ?? 0);
-				if (metaKey === MetaKeys.CTRL_COMMAND) commandService.executeCommand(MoveSelectionCommand.id, {
+				const refSelectionCount = ((_getRefSelectionCount = getRefSelectionCountRef.current) === null || _getRefSelectionCount === void 0 ? void 0 : _getRefSelectionCount.call(getRefSelectionCountRef)) ?? 0;
+				const fromCurrentSelection = shouldMoveFormulaSelectionFromCurrentSelection(shouldMoveSelectionRef.current, refSelectionCount);
+				if (metaKey === MetaKeys.CTRL_COMMAND) return commandService.executeCommand(MoveSelectionCommand.id, {
 					direction,
 					jumpOver: JumpOver.moveGap,
 					extra: "formula-editor",
 					fromCurrentSelection
 				});
-				else if (metaKey === MetaKeys.SHIFT) commandService.executeCommand(ExpandSelectionCommand.id, {
+				else if (metaKey === MetaKeys.SHIFT) return commandService.executeCommand(ExpandSelectionCommand.id, {
 					direction,
-					extra: "formula-editor"
+					extra: "formula-editor",
+					fromCurrentSelection: refSelectionCount === 0
 				});
-				else if (metaKey === (MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT)) commandService.executeCommand(ExpandSelectionCommand.id, {
+				else if (metaKey === (MetaKeys.CTRL_COMMAND | MetaKeys.SHIFT)) return commandService.executeCommand(ExpandSelectionCommand.id, {
 					direction,
 					jumpOver: JumpOver.moveGap,
-					extra: "formula-editor"
+					extra: "formula-editor",
+					fromCurrentSelection: refSelectionCount === 0
 				});
-				else commandService.executeCommand(MoveSelectionCommand.id, {
+				else return commandService.executeCommand(MoveSelectionCommand.id, {
 					direction,
 					extra: "formula-editor",
 					fromCurrentSelection
 				});
-			} else handleMoveInEditor(keycode, metaKey);
+			} else return handleMoveInEditor(keycode, metaKey);
 		};
 		d.add(commandService.registerCommand({
 			id: operationId,
 			type: CommandType.OPERATION,
 			handler(_event, params) {
 				const { keyCode, metaKey } = params;
-				handleKeycode(keyCode, metaKey);
+				return handleKeycode(keyCode, metaKey);
 			}
 		}));
 		[
@@ -2833,7 +2867,7 @@ const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEdito
 			return {
 				id: operationId,
 				binding: metaKey ? keyCode | metaKey : keyCode,
-				preconditions: shouldHandleShortcut,
+				preconditions: () => shouldHandleShortcut() && (!(metaKey && metaKey & MetaKeys.CTRL_COMMAND) || Boolean(shouldMoveSelectionRef.current)),
 				priority: 900,
 				staticParameters: {
 					eventType: DeviceInputEventType.Keyboard,
@@ -3751,12 +3785,11 @@ function MobileFunctionPanel(props) {
 				}) : /* @__PURE__ */ jsxs(Fragment, { children: [
 					/* @__PURE__ */ jsx("div", {
 						className: "univer-px-4 univer-pb-3",
-						children: /* @__PURE__ */ jsx("input", {
+						children: /* @__PURE__ */ jsx(Input, {
 							value: query,
 							"aria-label": copy.search,
 							placeholder: copy.search,
-							className: "univer-box-border univer-h-11 univer-w-full univer-rounded-xl univer-border univer-border-solid univer-border-gray-200 univer-bg-gray-50 univer-px-4 univer-text-base univer-outline-none focus:univer-border-primary-500 dark:!univer-border-gray-700 dark:!univer-bg-gray-800 dark:!univer-text-gray-0",
-							onChange: (event) => setQuery(event.target.value)
+							onChange: setQuery
 						})
 					}),
 					!query && /* @__PURE__ */ jsx("div", {
@@ -4391,6 +4424,7 @@ const MobileFormulaEditor = forwardRef((props, ref) => {
 			element: formulaEditorContainer
 		}));
 		collection.add(registerFormulaEditorRuntimePortal({
+			editorService,
 			embedId: scope.embedId,
 			editorId,
 			ownerDocument: formulaEditorContainer.ownerDocument,
@@ -4400,6 +4434,7 @@ const MobileFormulaEditor = forwardRef((props, ref) => {
 		return () => collection.dispose();
 	}, [
 		editorId,
+		editorService,
 		injector,
 		isFocus
 	]);
@@ -4543,10 +4578,9 @@ const MobileFormulaEditor = forwardRef((props, ref) => {
 			contextService.setContextValue(MOBILE_FORMULA_FUNCTION_PANEL_OPEN, false);
 		});
 	};
-	const handleMouseUp = (event) => {
+	const handleMouseUp = () => {
 		if (hasActiveFormulaEmbedInteraction(formulaEditorContainerRef.current)) return;
 		if (!shouldRefocusFormulaEditorOnMouseUp({
-			target: event.target,
 			isFocusing,
 			isPointerSelecting: docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isOnPointerEvent
 		})) return;
@@ -5212,6 +5246,7 @@ function RangeSelector(props) {
 	const { className, onVerify, selectorRef, unitId, subUnitId, maxRangeCount, supportAcrossSheet, keepSheetReference, autoFocus, onChange, onRangeSelectorDialogVisibleChange, onClickOutside, onFocusChange, forceShowDialogWhenSelectionChanged, hideEditor, resetRange, onClose } = props;
 	const [focusing, setFocusing] = useState(autoFocus ?? false);
 	const [popupVisible, setPopupVisible] = useState(false);
+	const [tooltipVisible, setTooltipVisible] = useState(false);
 	const [rangeSelectorRanges, setRangeSelectorRanges] = useState([]);
 	const editorService = useDependency(IEditorService);
 	const { sequenceNodes } = useRangesHighlight(editor, focusing, unitId, subUnitId);
@@ -5225,6 +5260,7 @@ function RangeSelector(props) {
 	});
 	const handleOpenModal = useEvent(() => {
 		var _editor$getDocumentDa;
+		setTooltipVisible(false);
 		blurEditor();
 		setRangeSelectorRanges(parseRanges((editor === null || editor === void 0 || (_editor$getDocumentDa = editor.getDocumentDataModel()) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.getPlainText()) ?? ""));
 		setPopupVisible(true);
@@ -5241,6 +5277,7 @@ function RangeSelector(props) {
 			blur: blurEditor,
 			verify: () => verifyRange(sequenceNodesRef.current),
 			showDialog: (ranges) => {
+				setTooltipVisible(false);
 				blurEditor();
 				setRangeSelectorRanges(ranges);
 				setPopupVisible(true);
@@ -5296,6 +5333,8 @@ function RangeSelector(props) {
 		icon: /* @__PURE__ */ jsx(Tooltip, {
 			title: localeService.t("sheets-formula-ui.rangeSelector.buttonTooltip"),
 			placement: "bottom",
+			visible: tooltipVisible && !popupVisible,
+			onVisibleChange: (visible) => setTooltipVisible(visible && !popupVisible),
 			children: /* @__PURE__ */ jsx(SelectRangeIcon, {
 				className: "-univer-translate-y-0.5 univer-cursor-pointer dark:!univer-text-gray-300",
 				onClick: handleOpenModal
@@ -5327,6 +5366,7 @@ function RangeSelector(props) {
 		keepSheetReference,
 		onShowBySelection: (ranges) => {
 			if (focusing || forceShowDialogWhenSelectionChanged) {
+				setTooltipVisible(false);
 				setRangeSelectorRanges(ranges);
 				setPopupVisible(true);
 				return false;
@@ -5640,6 +5680,7 @@ let MobileComponentsController = class MobileComponentsController extends Dispos
 	}
 	_registerIcons() {
 		this.disposeWithMe(this._iconManager.register({
+			CalculationOptionsIcon,
 			DatabaseFunctionIcon,
 			DateFunctionIcon,
 			EngineeringFunctionIcon,
@@ -5740,6 +5781,7 @@ let FormulaUIController = class FormulaUIController extends Disposable {
 			SheetOnlyPasteFormulaCommand,
 			InsertFunctionOperation,
 			MoreFunctionsOperation,
+			CalculationOptionsOperation,
 			SearchFunctionOperation,
 			HelpFunctionOperation,
 			ReferenceAbsoluteOperation
@@ -6146,7 +6188,6 @@ let UniverSheetsFormulaMobileUIPlugin = class UniverSheetsFormulaMobileUIPlugin
 			[FormulaClipboardController],
 			[FormulaEditorShowController],
 			[FormulaRenderManagerController],
-			[FormulaReorderController],
 			[ImageFormulaRenderController]
 		]);
 		this._initUIPart();
@@ -6168,9 +6209,6 @@ let UniverSheetsFormulaMobileUIPlugin = class UniverSheetsFormulaMobileUIPlugin
 			[ImageFormulaRenderController]
 		]);
 	}
-	onSteady() {
-		this._injector.get(FormulaReorderController);
-	}
 	_initUIPart() {
 		this.disposeWithMe(this._uiPartsService.registerComponent(BuiltInUIPart.GLOBAL, () => connectInjector(MobileGlobalRangeSelector, this._injector)));
 	}
@@ -6187,6 +6225,125 @@ UniverSheetsFormulaMobileUIPlugin = __decorate([
 	__decorateParam(4, IUIPartsService)
 ], UniverSheetsFormulaMobileUIPlugin);
 
+//#endregion
+//#region src/views/calculation-options/CalculationOptions.tsx
+function CalculationOptions({ unitId }) {
+	var _permissionService$ge;
+	const instanceService = useDependency(IUniverInstanceService);
+	const commandService = useDependency(ICommandService);
+	const permissionService = useDependency(IPermissionService);
+	const dialogService = useDependency(IDialogService);
+	const localeService = useDependency(LocaleService);
+	const workbook = instanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
+	const permissionId = new WorkbookEditablePermission(unitId).id;
+	const permission = useObservable(permissionService.getPermissionPoint$(permissionId), void 0, false);
+	const readOnly = !workbook || ((permission === null || permission === void 0 ? void 0 : permission.value) ?? ((_permissionService$ge = permissionService.getPermissionPoint(permissionId)) === null || _permissionService$ge === void 0 ? void 0 : _permissionService$ge.value)) === false;
+	const [draft, setDraft] = useState(() => {
+		const settings = normalizeWorkbookCalculationSettings(workbook === null || workbook === void 0 ? void 0 : workbook.getCalculationSettings());
+		return {
+			enabled: settings.iterativeCalculation,
+			count: String(settings.maxIterations),
+			change: String(settings.maxChange)
+		};
+	});
+	const [submitted, setSubmitted] = useState(false);
+	const settings = {
+		iterativeCalculation: draft.enabled,
+		maxIterations: draft.count.trim() ? Number(draft.count) : NaN,
+		maxChange: draft.change.trim() ? Number(draft.change) : NaN
+	};
+	const validCount = Number.isInteger(settings.maxIterations) && settings.maxIterations >= 1 && settings.maxIterations <= MAX_ITERATION_COUNT;
+	const validChange = Number.isFinite(settings.maxChange) && settings.maxChange > 0;
+	const showCountError = submitted && draft.enabled && !validCount;
+	const showChangeError = submitted && draft.enabled && !validChange;
+	function close() {
+		dialogService.close(CALCULATION_OPTIONS_DIALOG);
+	}
+	function submit() {
+		if (readOnly) return;
+		setSubmitted(true);
+		if (draft.enabled && (!validCount || !validChange)) return;
+		const nextSettings = draft.enabled ? settings : {
+			...workbook.getCalculationSettings(),
+			iterativeCalculation: false
+		};
+		if (commandService.syncExecuteCommand(SetWorkbookCalculationSettingsCommand.id, {
+			unitId,
+			settings: nextSettings
+		})) close();
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "univer-flex univer-flex-col univer-gap-4 univer-p-4",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "univer-m-0 univer-text-sm",
+				children: localeService.t("sheets-formula-ui.calculation.workbook")
+			}),
+			/* @__PURE__ */ jsx(Checkbox, {
+				checked: draft.enabled,
+				disabled: readOnly,
+				onChange: (enabled) => setDraft((previous) => ({
+					...previous,
+					enabled: Boolean(enabled)
+				})),
+				children: localeService.t("sheets-formula-ui.calculation.enable")
+			}),
+			/* @__PURE__ */ jsxs("label", {
+				className: "univer-flex univer-flex-col univer-gap-2 univer-text-sm",
+				children: [
+					localeService.t("sheets-formula-ui.calculation.iterations", String(MAX_ITERATION_COUNT)),
+					/* @__PURE__ */ jsx(Input, {
+						value: draft.count,
+						inputClass: showCountError ? "univer-border-red-500" : void 0,
+						disabled: readOnly || !draft.enabled,
+						onChange: (count) => setDraft((previous) => ({
+							...previous,
+							count
+						}))
+					}),
+					showCountError && /* @__PURE__ */ jsx("span", {
+						role: "alert",
+						className: "univer-text-red-500",
+						children: localeService.t("sheets-formula-ui.calculation.invalidIterations", String(MAX_ITERATION_COUNT))
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("label", {
+				className: "univer-flex univer-flex-col univer-gap-2 univer-text-sm",
+				children: [
+					localeService.t("sheets-formula-ui.calculation.change"),
+					/* @__PURE__ */ jsx(Input, {
+						value: draft.change,
+						inputClass: showChangeError ? "univer-border-red-500" : void 0,
+						disabled: readOnly || !draft.enabled,
+						onChange: (change) => setDraft((previous) => ({
+							...previous,
+							change
+						}))
+					}),
+					showChangeError && /* @__PURE__ */ jsx("span", {
+						role: "alert",
+						className: "univer-text-red-500",
+						children: localeService.t("sheets-formula-ui.calculation.invalidChange")
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "univer-flex univer-justify-end univer-gap-2",
+				children: [/* @__PURE__ */ jsx(Button, {
+					onClick: close,
+					children: localeService.t("sheets-formula-ui.calculation.cancel")
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "primary",
+					disabled: readOnly,
+					onClick: submit,
+					children: localeService.t("sheets-formula-ui.calculation.confirm")
+				})]
+			})
+		]
+	});
+}
+
 //#endregion
 //#region src/views/formula-editor/hooks/use-formula-describe.ts
 const useFormulaDescribe = (isNeed, formulaText, editor) => {
@@ -6426,10 +6583,6 @@ function SearchFunctionFactory(props, ref) {
 		if (!isEnableMouseEnterOrOut.current) return;
 		setActive(index);
 	}
-	function handleLiMouseLeave() {
-		if (!isEnableMouseEnterOrOut.current) return;
-		setActive(-1);
-	}
 	useEffect(() => {
 		if (!searchList.length) return;
 		const operationId = `sheet.formula-embedding-editor.search_function.${editorId}`;
@@ -6454,7 +6607,7 @@ function SearchFunctionFactory(props, ref) {
 				case KeyCode.TAB:
 				case KeyCode.ENTER: {
 					const item = searchList[active];
-					handleFunctionSelect(item.name, item.functionType);
+					if (item) handleFunctionSelect(item.name, item.functionType);
 					break;
 				}
 				case KeyCode.ESC:
@@ -6536,7 +6689,6 @@ function SearchFunctionFactory(props, ref) {
 			children: searchList.map((item, index) => /* @__PURE__ */ jsxs("li", {
 				className: clsx("univer-box-border univer-cursor-pointer univer-rounded univer-px-2 univer-py-1 univer-text-gray-900 univer-transition-colors dark:!univer-text-gray-0", { "univer-bg-gray-200 dark:!univer-bg-gray-600": active === index }),
 				onMouseEnter: () => handleLiMouseEnter(index),
-				onMouseLeave: handleLiMouseLeave,
 				onMouseMove: debounceResetMouseState,
 				onClick: () => {
 					handleFunctionSelect(item.name, item.functionType);
@@ -6763,6 +6915,7 @@ const FormulaEditor = forwardRef((props, ref) => {
 			element: formulaEditorContainer
 		}));
 		collection.add(registerFormulaEditorRuntimePortal({
+			editorService,
 			embedId: scope.embedId,
 			editorId,
 			ownerDocument: formulaEditorContainer.ownerDocument,
@@ -6772,6 +6925,7 @@ const FormulaEditor = forwardRef((props, ref) => {
 		return () => collection.dispose();
 	}, [
 		editorId,
+		editorService,
 		injector,
 		isFocus
 	]);
@@ -6865,10 +7019,9 @@ const FormulaEditor = forwardRef((props, ref) => {
 			highlight(`=${res.text}`);
 		}
 	};
-	const handleMouseUp = (event) => {
+	const handleMouseUp = () => {
 		if (hasActiveFormulaEmbedInteraction(formulaEditorContainerRef.current)) return;
 		if (!shouldRefocusFormulaEditorOnMouseUp({
-			target: event.target,
 			isFocusing,
 			isPointerSelecting: docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isOnPointerEvent
 		})) return;
@@ -6941,6 +7094,7 @@ let ComponentsController = class ComponentsController extends Disposable {
 	}
 	_registerIcons() {
 		this.disposeWithMe(this._iconManager.register({
+			CalculationOptionsIcon,
 			DatabaseFunctionIcon,
 			DateFunctionIcon,
 			EngineeringFunctionIcon,
@@ -6958,6 +7112,7 @@ let ComponentsController = class ComponentsController extends Disposable {
 		this.disposeWithMe(this._componentManager.register(MORE_FUNCTIONS_COMPONENT, MoreFunctions));
 		this.disposeWithMe(this._componentManager.register(RANGE_SELECTOR_COMPONENT_KEY, RangeSelector));
 		this.disposeWithMe(this._componentManager.register(EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY, FormulaEditor));
+		this.disposeWithMe(this._componentManager.register(CALCULATION_OPTIONS_COMPONENT, CalculationOptions));
 	}
 };
 ComponentsController = __decorate([__decorateParam(0, Inject(ComponentManager)), __decorateParam(1, Inject(IconManager))], ComponentsController);
@@ -7041,7 +7196,6 @@ let UniverSheetsFormulaUIPlugin = class UniverSheetsFormulaUIPlugin extends Plug
 			[FormulaClipboardController],
 			[FormulaEditorShowController],
 			[FormulaRenderManagerController],
-			[FormulaReorderController],
 			[ImageFormulaRenderController]
 		]);
 		this._initUIPart();
@@ -7063,9 +7217,6 @@ let UniverSheetsFormulaUIPlugin = class UniverSheetsFormulaUIPlugin extends Plug
 			[ImageFormulaRenderController]
 		]);
 	}
-	onSteady() {
-		this._injector.get(FormulaReorderController);
-	}
 	_initUIPart() {
 		this.disposeWithMe(this._uiPartsService.registerComponent(BuiltInUIPart.GLOBAL, () => connectInjector(GlobalRangeSelector, this._injector)));
 	}
@@ -7083,4 +7234,4 @@ UniverSheetsFormulaUIPlugin = __decorate([
 ], UniverSheetsFormulaUIPlugin);
 
 //#endregion
-export { FORMULA_PROMPT_ACTIVATED, FormulaEditor, FormulaReorderController, GlobalRangeSelectorService, HelpFunctionOperation, InsertFunctionOperation, MobileRangeSelector, MoreFunctionsOperation, RangeSelector, RefSelectionsRenderService, ReferenceAbsoluteOperation, SearchFunctionOperation, SheetCopyFormulaOnlyCommand, SheetOnlyPasteFormulaCommand, menuSchema as SheetsFormulaUIMenuSchema, UniverSheetsFormulaMobileUIPlugin, UniverSheetsFormulaUIPlugin, genFormulaRefSelectionStyle };
+export { FORMULA_PROMPT_ACTIVATED, FormulaEditor, GlobalRangeSelectorService, HelpFunctionOperation, InsertFunctionOperation, MORE_FUNCTIONS_COMPONENT, MobileRangeSelector, MoreFunctionsOperation, RangeSelector, RefSelectionsRenderService, ReferenceAbsoluteOperation, SearchFunctionOperation, SheetCopyFormulaOnlyCommand, SheetOnlyPasteFormulaCommand, menuSchema as SheetsFormulaUIMenuSchema, UniverSheetsFormulaMobileUIPlugin, UniverSheetsFormulaUIPlugin, genFormulaRefSelectionStyle };