@univerjs/sheets-formula-ui 1.0.3 → 1.1.0

package/lib/cjs/index.js

@@ -33,7 +33,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) {
@@ -44,7 +44,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];
@@ -57,14 +57,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,
@@ -75,7 +75,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);
@@ -83,7 +83,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);
@@ -727,86 +727,49 @@ function genFormulaRefSelectionStyle(themeService, refColor, id) {
 }
 
 //#endregion
-//#region src/controllers/formula-reorder.controller.ts
-let FormulaReorderController = class FormulaReorderController extends _univerjs_core.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 === _univerjs_sheets.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, _univerjs_core.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 _univerjs_core.ObjectMatrix();
-		const undoFormulaMatrix = new _univerjs_core.ObjectMatrix();
-		let hasFormula = false;
-		_univerjs_core.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 = _univerjs_core.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: _univerjs_sheets.SetRangeValuesMutation.id,
-			params: {
-				unitId,
-				subUnitId,
-				cellValue: redoFormulaMatrix.getMatrix()
-			}
-		});
-		undos.push({
-			id: _univerjs_sheets.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: _univerjs_core.CommandType.OPERATION,
+	handler: (accessor, params) => {
+		const instanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const workbook = (params === null || params === void 0 ? void 0 : params.unitId) ? instanceService.getUnit(params.unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET) : instanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		if (!workbook) return false;
+		const dialogService = accessor.get(_univerjs_ui.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, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetInterceptorService)),
-	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.IUniverInstanceService)),
-	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_engine_formula.FormulaDataModel)),
-	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_engine_formula.LexerTreeBuilder))
-], FormulaReorderController);
 
 //#endregion
 //#region src/menu/menu.ts
@@ -926,6 +889,16 @@ function PasteFormulaMenuItemFactory(accessor) {
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
 	};
 }
+function CalculationOptionsMenuItemFactory(accessor) {
+	return {
+		id: CalculationOptionsOperation.id,
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		icon: "CalculationOptionsIcon",
+		title: "sheets-formula-ui.calculation.title",
+		tooltip: "sheets-formula-ui.calculation.title",
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET)
+	};
+}
 
 //#endregion
 //#region src/menu/schema.ts
@@ -986,6 +959,17 @@ const menuSchema = {
 			menuItemFactory: InsertDatabaseFunctionMenuItemFactory
 		}
 	},
+	[_univerjs_ui.RibbonFormulasGroup.OTHERS]: { [CalculationOptionsOperation.id]: {
+		order: 0,
+		gridLayout: {
+			row: 1,
+			column: 1,
+			rowSpan: 2,
+			columnSpan: 2,
+			showLabel: true
+		},
+		menuItemFactory: CalculationOptionsMenuItemFactory
+	} },
 	[_univerjs_sheets_ui.COPY_SPECIAL_MENU_ID]: { [SheetCopyFormulaOnlyCommand.id]: {
 		order: 0,
 		menuItemFactory: CopyFormulaOnlyMenuItemFactory
@@ -999,7 +983,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
@@ -1028,63 +1012,120 @@ const ErrorTypeToMessageMap = {
 	[_univerjs_engine_formula.ErrorType.NULL]: "null"
 };
 let FormulaAlertRenderController = class FormulaAlertRenderController extends _univerjs_core.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((0, rxjs.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 ((0, _univerjs_core.isICellData)(cellData)) {
-					var _currentAlert$alert;
-					const errorType = (0, _univerjs_engine_formula.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: _univerjs_sheets_ui.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$(_univerjs_core.UniverInstanceType.UNIVER_SHEET).subscribe(() => this._updateAlert()));
+		this.disposeWithMe(this._editorBridgeService.visible$.subscribe(() => this._updateAlert()));
+		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+			if (command.id === _univerjs_engine_formula.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 === _univerjs_sheets.SetRangeValuesMutation.id || command.id === _univerjs_sheets.SetWorkbookCalculationSettingsMutation.id) {
+				if (command.id === _univerjs_sheets.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(_univerjs_core.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 = (0, _univerjs_core.isICellData)(cell) ? (0, _univerjs_engine_formula.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: _univerjs_sheets_ui.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, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.HoverManagerService)),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService)),
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.CellAlertManagerService)),
 	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_engine_formula.FormulaDataModel))
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_engine_formula.FormulaDataModel)),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetSkeletonService)),
+	__decorateParam(6, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.SheetSkeletonManagerService)),
+	__decorateParam(7, _univerjs_core.ICommandService),
+	__decorateParam(8, _univerjs_core.IUniverInstanceService),
+	__decorateParam(9, _univerjs_sheets_ui.IEditorBridgeService)
 ], FormulaAlertRenderController);
 
 //#endregion
@@ -1582,6 +1623,10 @@ let FormulaEditorShowController = class FormulaEditorShowController extends _uni
 			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;
 			}
@@ -1712,7 +1757,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 (!(0, _univerjs_engine_formula.extractFormulaError)(cell, !!arrayFormulaCellData)) return next(cell);
+				const errorType = (0, _univerjs_engine_formula.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 = {
@@ -1772,15 +1819,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;
@@ -1816,13 +1865,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 _univerjs_core.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,
@@ -1862,7 +1907,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 (_univerjs_core.Tools.isDefine(offset)) editor.setSelectionRanges([{
 		startOffset: offset,
@@ -1878,16 +1923,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;
 }
@@ -1975,18 +2011,16 @@ let RefSelectionsRenderService = class RefSelectionsRenderService extends _unive
 			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 } = (0, _univerjs_sheets_ui.getCoordByOffset)(evt.offsetX, evt.offsetY, scene, skeleton);
 			if ((0, _univerjs_sheets_ui.checkInHeaderRanges)(this._workbookSelections.getCurrentSelections(), row, _univerjs_core.RANGE_TYPE.ROW)) return;
 			this._onPointerDown(evt, (spreadsheet.zIndex || 1) + 1, _univerjs_core.RANGE_TYPE.ROW, this._getActiveViewport(evt), _univerjs_engine_render.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 } = (0, _univerjs_sheets_ui.getCoordByOffset)(evt.offsetX, evt.offsetY, scene, skeleton);
 			if ((0, _univerjs_sheets_ui.checkInHeaderRanges)(this._workbookSelections.getCurrentSelections(), column, _univerjs_core.RANGE_TYPE.COLUMN)) return;
 			this._onPointerDown(evt, (spreadsheet.zIndex || 1) + 1, _univerjs_core.RANGE_TYPE.COLUMN, this._getActiveViewport(evt), _univerjs_engine_render.ScrollTimerType.X);
@@ -1994,9 +2028,8 @@ let RefSelectionsRenderService = class RefSelectionsRenderService extends _unive
 		}));
 		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 = (0, _univerjs_sheets_ui.getAllSelection)(skeleton);
 			this._addSelectionControlByModelData(selectionWithStyle);
 			this._selectionMoveStart$.next(this.getSelectionDataWithStyle());
@@ -2162,7 +2195,7 @@ let RefSelectionsRenderService = class RefSelectionsRenderService extends _unive
 			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);
@@ -2343,6 +2376,7 @@ function useFormulaSelecting(opts) {
 	});
 	const calculateSelectingType = (0, _univerjs_ui.useEvent)(() => {
 		var _editor$getSelectionR, _config$dataStream;
+		if (!isFocus) return;
 		const currentWorkbook = resolveFormulaSelectionWorkbook(univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET), workbook);
 		if (!currentWorkbook) return;
 		const currentSheet = currentWorkbook.getActiveSheet();
@@ -2618,7 +2652,7 @@ function useDocHight(_leadingCharacter = "") {
 			});
 			return [];
 		} else {
-			const { textRuns, refSelections } = buildTextRuns(descriptionService, colorMap, sequenceNodes);
+			const { textRuns, refSelections } = (0, _univerjs_engine_formula.buildFormulaTextRuns)(descriptionService, colorMap, sequenceNodes);
 			if (leadingCharacterLength) textRuns.forEach((e) => {
 				e.ed = e.ed + leadingCharacterLength;
 				e.st = e.st + leadingCharacterLength;
@@ -2663,31 +2697,28 @@ function createHighlightTextRuns(textRuns, leadingCharacterLength) {
 }
 function useColor() {
 	const themeService = (0, _univerjs_ui.useDependency)(_univerjs_core.ThemeService);
-	const theme = themeService.getCurrentTheme();
+	const canvasColorService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.ICanvasColorService);
+	const theme = (0, _univerjs_ui.useObservable)(themeService.currentTheme$, themeService.getCurrentTheme());
+	const darkMode = (0, _univerjs_ui.useObservable)(themeService.darkMode$, themeService.darkMode);
 	return (0, react.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 _univerjs_core.ColorKit(resolvedColor);
+				while (referenceColor.toHsl().l > 0 && _univerjs_core.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 (0, _univerjs_engine_formula.buildFormulaTextRuns)(descriptionService, colorMap, sequenceNodes);
+	}, [
+		theme,
+		darkMode,
+		themeService,
+		canvasColorService
+	]);
 }
 
 //#endregion
@@ -2735,8 +2766,8 @@ const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEdito
 			if (keycode === _univerjs_ui.KeyCode.ARROW_DOWN) direction = _univerjs_core.Direction.DOWN;
 			else if (keycode === _univerjs_ui.KeyCode.ARROW_UP) direction = _univerjs_core.Direction.UP;
 			else if (keycode === _univerjs_ui.KeyCode.ARROW_RIGHT) direction = _univerjs_core.Direction.RIGHT;
-			if (metaKey === _univerjs_ui.MetaKeys.SHIFT) commandService.executeCommand(_univerjs_docs_ui.MoveSelectionOperation.id, { direction });
-			else commandService.executeCommand(_univerjs_docs_ui.MoveCursorOperation.id, { direction });
+			if (metaKey === _univerjs_ui.MetaKeys.SHIFT) return commandService.syncExecuteCommand(_univerjs_docs_ui.MoveSelectionOperation.id, { direction });
+			else return commandService.syncExecuteCommand(_univerjs_docs_ui.MoveCursorOperation.id, { direction });
 		};
 		const handleKeycode = (keycode, metaKey) => {
 			let direction = _univerjs_core.Direction.DOWN;
@@ -2746,35 +2777,38 @@ const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEdito
 			else if (keycode === _univerjs_ui.KeyCode.ARROW_RIGHT) direction = _univerjs_core.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 === _univerjs_ui.MetaKeys.CTRL_COMMAND) commandService.executeCommand(_univerjs_sheets_ui.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 === _univerjs_ui.MetaKeys.CTRL_COMMAND) return commandService.executeCommand(_univerjs_sheets_ui.MoveSelectionCommand.id, {
 					direction,
 					jumpOver: _univerjs_sheets_ui.JumpOver.moveGap,
 					extra: "formula-editor",
 					fromCurrentSelection
 				});
-				else if (metaKey === _univerjs_ui.MetaKeys.SHIFT) commandService.executeCommand(_univerjs_sheets_ui.ExpandSelectionCommand.id, {
+				else if (metaKey === _univerjs_ui.MetaKeys.SHIFT) return commandService.executeCommand(_univerjs_sheets_ui.ExpandSelectionCommand.id, {
 					direction,
-					extra: "formula-editor"
+					extra: "formula-editor",
+					fromCurrentSelection: refSelectionCount === 0
 				});
-				else if (metaKey === (_univerjs_ui.MetaKeys.CTRL_COMMAND | _univerjs_ui.MetaKeys.SHIFT)) commandService.executeCommand(_univerjs_sheets_ui.ExpandSelectionCommand.id, {
+				else if (metaKey === (_univerjs_ui.MetaKeys.CTRL_COMMAND | _univerjs_ui.MetaKeys.SHIFT)) return commandService.executeCommand(_univerjs_sheets_ui.ExpandSelectionCommand.id, {
 					direction,
 					jumpOver: _univerjs_sheets_ui.JumpOver.moveGap,
-					extra: "formula-editor"
+					extra: "formula-editor",
+					fromCurrentSelection: refSelectionCount === 0
 				});
-				else commandService.executeCommand(_univerjs_sheets_ui.MoveSelectionCommand.id, {
+				else return commandService.executeCommand(_univerjs_sheets_ui.MoveSelectionCommand.id, {
 					direction,
 					extra: "formula-editor",
 					fromCurrentSelection
 				});
-			} else handleMoveInEditor(keycode, metaKey);
+			} else return handleMoveInEditor(keycode, metaKey);
 		};
 		d.add(commandService.registerCommand({
 			id: operationId,
 			type: _univerjs_core.CommandType.OPERATION,
 			handler(_event, params) {
 				const { keyCode, metaKey } = params;
-				handleKeycode(keyCode, metaKey);
+				return handleKeycode(keyCode, metaKey);
 			}
 		}));
 		[
@@ -2834,7 +2868,7 @@ const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEdito
 			return {
 				id: operationId,
 				binding: metaKey ? keyCode | metaKey : keyCode,
-				preconditions: shouldHandleShortcut,
+				preconditions: () => shouldHandleShortcut() && (!(metaKey && metaKey & _univerjs_ui.MetaKeys.CTRL_COMMAND) || Boolean(shouldMoveSelectionRef.current)),
 				priority: 900,
 				staticParameters: {
 					eventType: _univerjs_engine_render.DeviceInputEventType.Keyboard,
@@ -3752,12 +3786,11 @@ function MobileFunctionPanel(props) {
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "univer-px-4 univer-pb-3",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -4392,6 +4425,7 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 			element: formulaEditorContainer
 		}));
 		collection.add(registerFormulaEditorRuntimePortal({
+			editorService,
 			embedId: scope.embedId,
 			editorId,
 			ownerDocument: formulaEditorContainer.ownerDocument,
@@ -4401,6 +4435,7 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 		return () => collection.dispose();
 	}, [
 		editorId,
+		editorService,
 		injector,
 		isFocus
 	]);
@@ -4544,10 +4579,9 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 			contextService.setContextValue(_univerjs_sheets_ui.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;
@@ -5213,6 +5247,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] = (0, react.useState)(autoFocus ?? false);
 	const [popupVisible, setPopupVisible] = (0, react.useState)(false);
+	const [tooltipVisible, setTooltipVisible] = (0, react.useState)(false);
 	const [rangeSelectorRanges, setRangeSelectorRanges] = (0, react.useState)([]);
 	const editorService = (0, _univerjs_ui.useDependency)(_univerjs_docs_ui.IEditorService);
 	const { sequenceNodes } = useRangesHighlight(editor, focusing, unitId, subUnitId);
@@ -5226,6 +5261,7 @@ function RangeSelector(props) {
 	});
 	const handleOpenModal = (0, _univerjs_ui.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);
@@ -5242,6 +5278,7 @@ function RangeSelector(props) {
 			blur: blurEditor,
 			verify: () => verifyRange(sequenceNodesRef.current),
 			showDialog: (ranges) => {
+				setTooltipVisible(false);
 				blurEditor();
 				setRangeSelectorRanges(ranges);
 				setPopupVisible(true);
@@ -5297,6 +5334,8 @@ function RangeSelector(props) {
 		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
 			title: localeService.t("sheets-formula-ui.rangeSelector.buttonTooltip"),
 			placement: "bottom",
+			visible: tooltipVisible && !popupVisible,
+			onVisibleChange: (visible) => setTooltipVisible(visible && !popupVisible),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.SelectRangeIcon, {
 				className: "-univer-translate-y-0.5 univer-cursor-pointer dark:!univer-text-gray-300",
 				onClick: handleOpenModal
@@ -5328,6 +5367,7 @@ function RangeSelector(props) {
 		keepSheetReference,
 		onShowBySelection: (ranges) => {
 			if (focusing || forceShowDialogWhenSelectionChanged) {
+				setTooltipVisible(false);
 				setRangeSelectorRanges(ranges);
 				setPopupVisible(true);
 				return false;
@@ -5641,6 +5681,7 @@ let MobileComponentsController = class MobileComponentsController extends _unive
 	}
 	_registerIcons() {
 		this.disposeWithMe(this._iconManager.register({
+			CalculationOptionsIcon: _univerjs_icons.CalculationOptionsIcon,
 			DatabaseFunctionIcon: _univerjs_icons.DatabaseFunctionIcon,
 			DateFunctionIcon: _univerjs_icons.DateFunctionIcon,
 			EngineeringFunctionIcon: _univerjs_icons.EngineeringFunctionIcon,
@@ -5741,6 +5782,7 @@ let FormulaUIController = class FormulaUIController extends _univerjs_core.Dispo
 			SheetOnlyPasteFormulaCommand,
 			InsertFunctionOperation,
 			MoreFunctionsOperation,
+			CalculationOptionsOperation,
 			SearchFunctionOperation,
 			HelpFunctionOperation,
 			ReferenceAbsoluteOperation
@@ -6147,7 +6189,6 @@ let UniverSheetsFormulaMobileUIPlugin = class UniverSheetsFormulaMobileUIPlugin
 			[FormulaClipboardController],
 			[FormulaEditorShowController],
 			[FormulaRenderManagerController],
-			[FormulaReorderController],
 			[ImageFormulaRenderController]
 		]);
 		this._initUIPart();
@@ -6169,9 +6210,6 @@ let UniverSheetsFormulaMobileUIPlugin = class UniverSheetsFormulaMobileUIPlugin
 			[ImageFormulaRenderController]
 		]);
 	}
-	onSteady() {
-		this._injector.get(FormulaReorderController);
-	}
 	_initUIPart() {
 		this.disposeWithMe(this._uiPartsService.registerComponent(_univerjs_ui.BuiltInUIPart.GLOBAL, () => (0, _univerjs_ui.connectInjector)(MobileGlobalRangeSelector, this._injector)));
 	}
@@ -6188,6 +6226,125 @@ UniverSheetsFormulaMobileUIPlugin = __decorate([
 	__decorateParam(4, _univerjs_ui.IUIPartsService)
 ], UniverSheetsFormulaMobileUIPlugin);
 
+//#endregion
+//#region src/views/calculation-options/CalculationOptions.tsx
+function CalculationOptions({ unitId }) {
+	var _permissionService$ge;
+	const instanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const permissionService = (0, _univerjs_ui.useDependency)(_univerjs_core.IPermissionService);
+	const dialogService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IDialogService);
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const workbook = instanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET);
+	const permissionId = new _univerjs_sheets.WorkbookEditablePermission(unitId).id;
+	const permission = (0, _univerjs_ui.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] = (0, react.useState)(() => {
+		const settings = (0, _univerjs_core.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] = (0, react.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 <= _univerjs_core.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(_univerjs_sheets.SetWorkbookCalculationSettingsCommand.id, {
+			unitId,
+			settings: nextSettings
+		})) close();
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "univer-flex univer-flex-col univer-gap-4 univer-p-4",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "univer-m-0 univer-text-sm",
+				children: localeService.t("sheets-formula-ui.calculation.workbook")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
+				checked: draft.enabled,
+				disabled: readOnly,
+				onChange: (enabled) => setDraft((previous) => ({
+					...previous,
+					enabled: Boolean(enabled)
+				})),
+				children: localeService.t("sheets-formula-ui.calculation.enable")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "univer-flex univer-flex-col univer-gap-2 univer-text-sm",
+				children: [
+					localeService.t("sheets-formula-ui.calculation.iterations", String(_univerjs_core.MAX_ITERATION_COUNT)),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+						value: draft.count,
+						inputClass: showCountError ? "univer-border-red-500" : void 0,
+						disabled: readOnly || !draft.enabled,
+						onChange: (count) => setDraft((previous) => ({
+							...previous,
+							count
+						}))
+					}),
+					showCountError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						role: "alert",
+						className: "univer-text-red-500",
+						children: localeService.t("sheets-formula-ui.calculation.invalidIterations", String(_univerjs_core.MAX_ITERATION_COUNT))
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "univer-flex univer-flex-col univer-gap-2 univer-text-sm",
+				children: [
+					localeService.t("sheets-formula-ui.calculation.change"),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+						value: draft.change,
+						inputClass: showChangeError ? "univer-border-red-500" : void 0,
+						disabled: readOnly || !draft.enabled,
+						onChange: (change) => setDraft((previous) => ({
+							...previous,
+							change
+						}))
+					}),
+					showChangeError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						role: "alert",
+						className: "univer-text-red-500",
+						children: localeService.t("sheets-formula-ui.calculation.invalidChange")
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "univer-flex univer-justify-end univer-gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+					onClick: close,
+					children: localeService.t("sheets-formula-ui.calculation.cancel")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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) => {
@@ -6427,10 +6584,6 @@ function SearchFunctionFactory(props, ref) {
 		if (!isEnableMouseEnterOrOut.current) return;
 		setActive(index);
 	}
-	function handleLiMouseLeave() {
-		if (!isEnableMouseEnterOrOut.current) return;
-		setActive(-1);
-	}
 	(0, react.useEffect)(() => {
 		if (!searchList.length) return;
 		const operationId = `sheet.formula-embedding-editor.search_function.${editorId}`;
@@ -6455,7 +6608,7 @@ function SearchFunctionFactory(props, ref) {
 				case _univerjs_ui.KeyCode.TAB:
 				case _univerjs_ui.KeyCode.ENTER: {
 					const item = searchList[active];
-					handleFunctionSelect(item.name, item.functionType);
+					if (item) handleFunctionSelect(item.name, item.functionType);
 					break;
 				}
 				case _univerjs_ui.KeyCode.ESC:
@@ -6537,7 +6690,6 @@ function SearchFunctionFactory(props, ref) {
 			children: searchList.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				className: (0, _univerjs_design.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);
@@ -6764,6 +6916,7 @@ const FormulaEditor = (0, react.forwardRef)((props, ref) => {
 			element: formulaEditorContainer
 		}));
 		collection.add(registerFormulaEditorRuntimePortal({
+			editorService,
 			embedId: scope.embedId,
 			editorId,
 			ownerDocument: formulaEditorContainer.ownerDocument,
@@ -6773,6 +6926,7 @@ const FormulaEditor = (0, react.forwardRef)((props, ref) => {
 		return () => collection.dispose();
 	}, [
 		editorId,
+		editorService,
 		injector,
 		isFocus
 	]);
@@ -6866,10 +7020,9 @@ const FormulaEditor = (0, react.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;
@@ -6942,6 +7095,7 @@ let ComponentsController = class ComponentsController extends _univerjs_core.Dis
 	}
 	_registerIcons() {
 		this.disposeWithMe(this._iconManager.register({
+			CalculationOptionsIcon: _univerjs_icons.CalculationOptionsIcon,
 			DatabaseFunctionIcon: _univerjs_icons.DatabaseFunctionIcon,
 			DateFunctionIcon: _univerjs_icons.DateFunctionIcon,
 			EngineeringFunctionIcon: _univerjs_icons.EngineeringFunctionIcon,
@@ -6959,6 +7113,7 @@ let ComponentsController = class ComponentsController extends _univerjs_core.Dis
 		this.disposeWithMe(this._componentManager.register(MORE_FUNCTIONS_COMPONENT, MoreFunctions));
 		this.disposeWithMe(this._componentManager.register(_univerjs_sheets_ui.RANGE_SELECTOR_COMPONENT_KEY, RangeSelector));
 		this.disposeWithMe(this._componentManager.register(_univerjs_sheets_ui.EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY, FormulaEditor));
+		this.disposeWithMe(this._componentManager.register(CALCULATION_OPTIONS_COMPONENT, CalculationOptions));
 	}
 };
 ComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.IconManager))], ComponentsController);
@@ -7042,7 +7197,6 @@ let UniverSheetsFormulaUIPlugin = class UniverSheetsFormulaUIPlugin extends _uni
 			[FormulaClipboardController],
 			[FormulaEditorShowController],
 			[FormulaRenderManagerController],
-			[FormulaReorderController],
 			[ImageFormulaRenderController]
 		]);
 		this._initUIPart();
@@ -7064,9 +7218,6 @@ let UniverSheetsFormulaUIPlugin = class UniverSheetsFormulaUIPlugin extends _uni
 			[ImageFormulaRenderController]
 		]);
 	}
-	onSteady() {
-		this._injector.get(FormulaReorderController);
-	}
 	_initUIPart() {
 		this.disposeWithMe(this._uiPartsService.registerComponent(_univerjs_ui.BuiltInUIPart.GLOBAL, () => (0, _univerjs_ui.connectInjector)(GlobalRangeSelector, this._injector)));
 	}
@@ -7086,19 +7237,14 @@ UniverSheetsFormulaUIPlugin = __decorate([
 //#endregion
 exports.FORMULA_PROMPT_ACTIVATED = FORMULA_PROMPT_ACTIVATED;
 exports.FormulaEditor = FormulaEditor;
-Object.defineProperty(exports, 'FormulaReorderController', {
-  enumerable: true,
-  get: function () {
-    return FormulaReorderController;
-  }
-});
 exports.GlobalRangeSelectorService = GlobalRangeSelectorService;
 exports.HelpFunctionOperation = HelpFunctionOperation;
 exports.InsertFunctionOperation = InsertFunctionOperation;
+exports.MORE_FUNCTIONS_COMPONENT = MORE_FUNCTIONS_COMPONENT;
 exports.MobileRangeSelector = MobileRangeSelector;
 exports.MoreFunctionsOperation = MoreFunctionsOperation;
 exports.RangeSelector = RangeSelector;
-Object.defineProperty(exports, 'RefSelectionsRenderService', {
+Object.defineProperty(exports, "RefSelectionsRenderService", {
   enumerable: true,
   get: function () {
     return RefSelectionsRenderService;
@@ -7109,13 +7255,13 @@ exports.SearchFunctionOperation = SearchFunctionOperation;
 exports.SheetCopyFormulaOnlyCommand = SheetCopyFormulaOnlyCommand;
 exports.SheetOnlyPasteFormulaCommand = SheetOnlyPasteFormulaCommand;
 exports.SheetsFormulaUIMenuSchema = menuSchema;
-Object.defineProperty(exports, 'UniverSheetsFormulaMobileUIPlugin', {
+Object.defineProperty(exports, "UniverSheetsFormulaMobileUIPlugin", {
   enumerable: true,
   get: function () {
     return UniverSheetsFormulaMobileUIPlugin;
   }
 });
-Object.defineProperty(exports, 'UniverSheetsFormulaUIPlugin', {
+Object.defineProperty(exports, "UniverSheetsFormulaUIPlugin", {
   enumerable: true,
   get: function () {
     return UniverSheetsFormulaUIPlugin;