@univerjs/sheets-formula-ui 1.0.0-rc.0 → 1.0.1

package/lib/cjs/index.js

@@ -33,7 +33,7 @@ const SheetOnlyPasteFormulaCommand = {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.149.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.140.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.149.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.140.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.149.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.140.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.149.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.140.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.149.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.140.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.149.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);
@@ -341,11 +341,12 @@ const InsertFunctionOperation = {
 				const { startRow, startColumn, endRow, endColumn } = range;
 				if (startRow === endRow) {
 					const blankCellColumn = findBlankCellOfRow(cellMatrix, startRow, endColumn, worksheet.getColumnCount() - 1);
+					const newEndColumn = blankCellColumn === endColumn ? endColumn - 1 : endColumn;
 					const rangeString = (0, _univerjs_engine_formula.serializeRange)({
 						startRow,
 						endRow,
 						startColumn,
-						endColumn: blankCellColumn === endColumn ? endColumn - 1 : endColumn
+						endColumn: newEndColumn
 					});
 					const formulaString = `=${value}(${rangeString})`;
 					listOfRangeHasNumber.push({
@@ -474,7 +475,8 @@ function isNumberCell(cell) {
 		const body = cell === null || cell === void 0 ? void 0 : cell.p.body;
 		if (body == null) return false;
 		const data = body.dataStream;
-		return (0, _univerjs_core.isRealNum)(data.substring(data.length - 2, data.length) === _univerjs_core.DEFAULT_EMPTY_DOCUMENT_VALUE ? data.substring(0, data.length - 2) : data);
+		const newDataStream = data.substring(data.length - 2, data.length) === _univerjs_core.DEFAULT_EMPTY_DOCUMENT_VALUE ? data.substring(0, data.length - 2) : data;
+		return (0, _univerjs_core.isRealNum)(newDataStream);
 	}
 	return cell && (cell.t === _univerjs_core.CellValueType.NUMBER || (0, _univerjs_core.getCellValueType)(cell) === _univerjs_core.CellValueType.NUMBER);
 }
@@ -579,15 +581,16 @@ function toggleReferenceAbsoluteAtCursor(lexerTreeBuilder, formulaText, cursorOf
 	if (!matchedReference || typeof matchedReference === "string") return null;
 	const nextReferenceState = _toggleReferenceToken(matchedReference, relativeCursorOffset - matchedReference.startIndex);
 	if (nextReferenceState == null || nextReferenceState.token === matchedReference.token) return null;
+	const nextSequenceNodes = sequenceNodes.map((node) => {
+		if (node !== matchedReference) return node;
+		return {
+			...node,
+			token: nextReferenceState.token,
+			endIndex: node.startIndex + nextReferenceState.token.length - 1
+		};
+	});
 	return {
-		formulaText: `=${(0, _univerjs_engine_formula.generateStringWithSequence)(sequenceNodes.map((node) => {
-			if (node !== matchedReference) return node;
-			return {
-				...node,
-				token: nextReferenceState.token,
-				endIndex: node.startIndex + nextReferenceState.token.length - 1
-			};
-		}))}`,
+		formulaText: `=${(0, _univerjs_engine_formula.generateStringWithSequence)(nextSequenceNodes)}`,
 		cursorOffset: _translateCursorOffset(normalizedCursorOffset, matchedReference.startIndex + 1, matchedReference.endIndex + 2, nextReferenceState.token.length, nextReferenceState)
 	};
 }
@@ -676,7 +679,8 @@ const ReferenceAbsoluteOperation = {
 		if (editorId !== _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY && editorId !== _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) return false;
 		const activeTextRange = docSelectionManagerService.getActiveTextRange();
 		if (!activeTextRange) return false;
-		const nextReferenceState = toggleReferenceAbsoluteAtCursor(lexerTreeBuilder, _univerjs_core.BuildTextUtils.transform.getPlainText(((_focusEditor$getDocum = focusEditor.getDocumentData().body) === null || _focusEditor$getDocum === void 0 ? void 0 : _focusEditor$getDocum.dataStream) ?? ""), activeTextRange.endOffset);
+		const formulaText = _univerjs_core.BuildTextUtils.transform.getPlainText(((_focusEditor$getDocum = focusEditor.getDocumentData().body) === null || _focusEditor$getDocum === void 0 ? void 0 : _focusEditor$getDocum.dataStream) ?? "");
+		const nextReferenceState = toggleReferenceAbsoluteAtCursor(lexerTreeBuilder, formulaText, activeTextRange.endOffset);
 		if (!nextReferenceState) return false;
 		focusEditor.replaceText(nextReferenceState.formulaText, [{
 			startOffset: nextReferenceState.cursorOffset,
@@ -995,7 +999,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-formula-ui";
-var version = "1.0.0-rc.0";
+var version = "1.0.1";
 
 //#endregion
 //#region src/config/config.ts
@@ -1138,11 +1142,15 @@ let FormulaClipboardController = class FormulaClipboardController extends _unive
 					const formulaString = (0, _univerjs_core.isFormulaString)(cellData.f) ? cellData.f : self._formulaDataModel.getFormulaStringByCell(row, column, currentSheet.getSheetId(), currentSheet.getUnitId());
 					matrixFragment.setValue(rowIndexInMatrix, columnIndexInMatrix, {
 						...(0, _univerjs_core.getEmptyCell)(),
-						f: formulaString
+						f: formulaString,
+						ft: cellData.ft,
+						fd: cellData.fd
 					});
 					plainMatrix.setValue(rowIndexInMatrix, columnIndexInMatrix, {
 						...(0, _univerjs_core.getEmptyCell)(),
 						f: formulaString,
+						ft: cellData.ft,
+						fd: cellData.fd,
 						displayV: formulaString
 					});
 				} else {
@@ -1212,6 +1220,7 @@ FormulaClipboardController = __decorate([
 	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_engine_formula.FormulaDataModel))
 ], FormulaClipboardController);
 function getSetCellFormulaMutations(unitId, subUnitId, range, matrix, accessor, copyInfo, lexerTreeBuilder, formulaDataModel, _isSpecialPaste = false, pasteFrom) {
+	var _accessor$get$getUnit;
 	const redoMutationsInfo = [];
 	const undoMutationsInfo = [];
 	const valueMatrix = getValueMatrix(unitId, subUnitId, range, matrix, copyInfo, lexerTreeBuilder, formulaDataModel, pasteFrom);
@@ -1219,6 +1228,19 @@ function getSetCellFormulaMutations(unitId, subUnitId, range, matrix, accessor,
 		undos: [],
 		redos: []
 	};
+	const worksheet = (_accessor$get$getUnit = accessor.get(_univerjs_core.IUniverInstanceService).getUnit(unitId)) === null || _accessor$get$getUnit === void 0 ? void 0 : _accessor$get$getUnit.getSheetBySheetId(subUnitId);
+	matrix.forValue((row, col, source) => {
+		const targetRow = range.rows[row];
+		const targetCol = range.cols[col];
+		const value = valueMatrix.getValue(targetRow, targetCol);
+		if (!value) return;
+		const target = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getCellRaw(targetRow, targetCol);
+		const keepsFormula = pasteFrom && copyInfo.pasteType !== _univerjs_sheets_ui.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_VALUE && ((0, _univerjs_core.isFormulaString)(value.f) || (0, _univerjs_core.isFormulaId)(value.si));
+		if (source.ft != null || source.fd != null || (target === null || target === void 0 ? void 0 : target.ft) != null || (target === null || target === void 0 ? void 0 : target.fd) != null) {
+			value.ft = keepsFormula ? source.ft ?? null : null;
+			value.fd = keepsFormula ? source.fd ?? null : null;
+		}
+	});
 	const setValuesMutation = {
 		unitId,
 		subUnitId,
@@ -1582,7 +1604,7 @@ let FormulaEditorShowController = class FormulaEditorShowController extends _uni
 		if (!renderUnit || !skeleton) return;
 		const { scene } = renderUnit;
 		if (!scene) return;
-		const selectionWithCoord = (0, _univerjs_sheets.attachSelectionWithCoord)({
+		const selectionWithStyle = {
 			range: arrayRange,
 			primary: null,
 			style: {
@@ -1591,7 +1613,8 @@ let FormulaEditorShowController = class FormulaEditorShowController extends _uni
 				fill: new _univerjs_core.ColorKit(this._themeService.getColorFromTheme("gray.0")).setAlpha(0).toString(),
 				widgets: {}
 			}
-		}, skeleton);
+		};
+		const selectionWithCoord = (0, _univerjs_sheets.attachSelectionWithCoord)(selectionWithStyle, skeleton);
 		const { rowHeaderWidth, columnHeaderHeight } = skeleton;
 		const control = new _univerjs_sheets_ui.SelectionControl(scene, _univerjs_sheets_ui.SELECTION_SHAPE_DEPTH.FORMULA_EDITOR_SHOW, this._themeService, {
 			highlightHeader: false,
@@ -2640,6 +2663,7 @@ function createHighlightTextRuns(textRuns, leadingCharacterLength) {
 }
 function useColor() {
 	const themeService = (0, _univerjs_ui.useDependency)(_univerjs_core.ThemeService);
+	const theme = themeService.getCurrentTheme();
 	return (0, react.useMemo)(() => {
 		return {
 			formulaRefColors: [
@@ -2660,7 +2684,7 @@ function useColor() {
 			stringColor: themeService.getColorFromTheme("jiqing.800"),
 			plainTextColor: themeService.getColorFromTheme("gray.1000")
 		};
-	}, [themeService.getCurrentTheme()]);
+	}, [theme]);
 }
 function buildTextRuns(descriptionService, colorMap, sequenceNodes) {
 	return (0, _univerjs_engine_formula.buildFormulaTextRuns)(descriptionService, colorMap, sequenceNodes);
@@ -3128,7 +3152,8 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 		activeSheet,
 		sheetName
 	});
-	const activeWorkbook = resolveFormulaSelectionWorkbook((0, _univerjs_ui.useObservable)((0, react.useMemo)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET), [univerInstanceService])), workbook);
+	const currentUnit = (0, _univerjs_ui.useObservable)((0, react.useMemo)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET), [univerInstanceService]));
+	const activeWorkbook = resolveFormulaSelectionWorkbook(currentUnit, workbook);
 	const render = renderManagerService.getRenderUnitById((activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) ?? unitId);
 	const refSelectionsRenderService = render === null || render === void 0 ? void 0 : render.with(RefSelectionsRenderService);
 	const sheetSkeletonManagerService = render === null || render === void 0 ? void 0 : render.with(_univerjs_sheets_ui.SheetSkeletonManagerService);
@@ -3145,48 +3170,50 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 		});
 		if (!ctx) return;
 		const { nodeIndex, updatingRefIndex, formulaText, sequenceNodes, offset } = ctx;
-		if (isSelectingRef.current === 1 || (0, _univerjs_engine_formula.isFormulaReferenceAddingContext)(sequenceNodes, offset) || (0, _univerjs_engine_formula.isFormulaReferenceAddingTextContext)(formulaText, offset)) if (offset !== 0) {
-			if (nodeIndex === -1 && sequenceNodes.length) return;
-			const range = getLastFormulaSelection(selections);
-			if (!range) return;
-			const lastNodes = sequenceNodes.splice(nodeIndex + 1);
-			const rangeSheetId = range.sheetId ?? subUnitId;
-			const unitRangeName = {
-				range,
-				unitId: range.unitId ?? activeWorkbook.getUnitId(),
-				sheetName: getSheetNameById(range.unitId ?? activeWorkbook.getUnitId(), rangeSheetId)
-			};
-			const isAcrossSheet = rangeSheetId !== subUnitId;
-			const isAcrossWorkbook = (activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== unitId;
-			const refRanges = unitRangesToText([unitRangeName], isSupportAcrossSheet && (isAcrossSheet || isAcrossWorkbook), sheetName, isAcrossWorkbook);
-			if ((0, _univerjs_engine_formula.isFormulaReferenceAddingTextContext)(formulaText, offset)) {
-				handleRangeChange(insertFormulaReferenceText(formulaText, refRanges[0], offset), offset + refRanges[0].length, isEnd);
-				return;
+		if (isSelectingRef.current === 1 || (0, _univerjs_engine_formula.isFormulaReferenceAddingContext)(sequenceNodes, offset) || (0, _univerjs_engine_formula.isFormulaReferenceAddingTextContext)(formulaText, offset)) {
+			if (offset !== 0) {
+				if (nodeIndex === -1 && sequenceNodes.length) return;
+				const range = getLastFormulaSelection(selections);
+				if (!range) return;
+				const lastNodes = sequenceNodes.splice(nodeIndex + 1);
+				const rangeSheetId = range.sheetId ?? subUnitId;
+				const unitRangeName = {
+					range,
+					unitId: range.unitId ?? activeWorkbook.getUnitId(),
+					sheetName: getSheetNameById(range.unitId ?? activeWorkbook.getUnitId(), rangeSheetId)
+				};
+				const isAcrossSheet = rangeSheetId !== subUnitId;
+				const isAcrossWorkbook = (activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== unitId;
+				const refRanges = unitRangesToText([unitRangeName], isSupportAcrossSheet && (isAcrossSheet || isAcrossWorkbook), sheetName, isAcrossWorkbook);
+				if ((0, _univerjs_engine_formula.isFormulaReferenceAddingTextContext)(formulaText, offset)) {
+					handleRangeChange(insertFormulaReferenceText(formulaText, refRanges[0], offset), offset + refRanges[0].length, isEnd);
+					return;
+				}
+				sequenceNodes.push({
+					token: refRanges[0],
+					nodeType: _univerjs_engine_formula.sequenceNodeType.REFERENCE
+				});
+				const newSequenceNodes = [...sequenceNodes, ...lastNodes];
+				handleRangeChange(sequenceNodeToText(newSequenceNodes), getOffsetFromSequenceNodes(sequenceNodes), isEnd);
+			} else {
+				const range = getLastFormulaSelection(selections);
+				if (!range) return;
+				const rangeSheetId = range.sheetId ?? subUnitId;
+				const unitRangeName = {
+					range,
+					unitId: range.unitId ?? activeWorkbook.getUnitId(),
+					sheetName: getSheetNameById(range.unitId ?? activeWorkbook.getUnitId(), rangeSheetId)
+				};
+				const isAcrossSheet = rangeSheetId !== subUnitId;
+				const isAcrossWorkbook = (activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== unitId;
+				const refRanges = unitRangesToText([unitRangeName], isSupportAcrossSheet && (isAcrossSheet || isAcrossWorkbook), sheetName, isAcrossWorkbook);
+				sequenceNodes.unshift({
+					token: refRanges[0],
+					nodeType: _univerjs_engine_formula.sequenceNodeType.REFERENCE
+				});
+				handleRangeChange(sequenceNodeToText(sequenceNodes), refRanges[0].length, isEnd);
 			}
-			sequenceNodes.push({
-				token: refRanges[0],
-				nodeType: _univerjs_engine_formula.sequenceNodeType.REFERENCE
-			});
-			handleRangeChange(sequenceNodeToText([...sequenceNodes, ...lastNodes]), getOffsetFromSequenceNodes(sequenceNodes), isEnd);
-		} else {
-			const range = getLastFormulaSelection(selections);
-			if (!range) return;
-			const rangeSheetId = range.sheetId ?? subUnitId;
-			const unitRangeName = {
-				range,
-				unitId: range.unitId ?? activeWorkbook.getUnitId(),
-				sheetName: getSheetNameById(range.unitId ?? activeWorkbook.getUnitId(), rangeSheetId)
-			};
-			const isAcrossSheet = rangeSheetId !== subUnitId;
-			const isAcrossWorkbook = (activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== unitId;
-			const refRanges = unitRangesToText([unitRangeName], isSupportAcrossSheet && (isAcrossSheet || isAcrossWorkbook), sheetName, isAcrossWorkbook);
-			sequenceNodes.unshift({
-				token: refRanges[0],
-				nodeType: _univerjs_engine_formula.sequenceNodeType.REFERENCE
-			});
-			handleRangeChange(sequenceNodeToText(sequenceNodes), refRanges[0].length, isEnd);
-		}
-		else if (isSelectingRef.current === 3 || isSelectingRef.current === 4) {
+		} else if (isSelectingRef.current === 3 || isSelectingRef.current === 4) {
 			const last = selections.pop();
 			if (!last) return;
 			const node = sequenceNodes[nodeIndex];
@@ -3445,37 +3472,39 @@ const useSwitchSheet = (isNeed, unitId, isSupportAcrossSheet, isFocusSet, onBlur
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	const refSelectionsRenderService = render === null || render === void 0 ? void 0 : render.with(RefSelectionsRenderService);
 	(0, react.useEffect)(() => {
-		if (isNeed && refSelectionsRenderService) if (isSupportAcrossSheet) {
-			const handleRefresh = () => {
-				const length = refSelectionsRenderService.getSelectionControls().length;
-				for (let index = 1; index <= length; index++) refSelectionsRenderService.clearLastSelection();
-				return setTimeout(() => {
-					refresh();
-				}, 30);
-			};
-			const d = commandService.onCommandExecuted((info) => {
-				if (info.id === _univerjs_sheets.SetWorksheetActiveOperation.id) handleRefresh();
-			});
-			const d2 = univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET).subscribe((unit) => {
-				handleRefresh();
-			});
-			return () => {
-				d.dispose();
-				d2.unsubscribe();
-			};
-		} else {
-			const d = commandService.beforeCommandExecuted((info) => {
-				if (info.id === _univerjs_sheets.SetWorksheetActiveOperation.id) {
-					isFocusSet(false);
-					onBlur();
-					refresh();
-					const editor = editorService.getEditor(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
-					editor === null || editor === void 0 || editor.focus();
-				}
-			});
-			return () => {
-				d.dispose();
-			};
+		if (isNeed && refSelectionsRenderService) {
+			if (isSupportAcrossSheet) {
+				const handleRefresh = () => {
+					const length = refSelectionsRenderService.getSelectionControls().length;
+					for (let index = 1; index <= length; index++) refSelectionsRenderService.clearLastSelection();
+					return setTimeout(() => {
+						refresh();
+					}, 30);
+				};
+				const d = commandService.onCommandExecuted((info) => {
+					if (info.id === _univerjs_sheets.SetWorksheetActiveOperation.id) handleRefresh();
+				});
+				const d2 = univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET).subscribe((unit) => {
+					handleRefresh();
+				});
+				return () => {
+					d.dispose();
+					d2.unsubscribe();
+				};
+			} else {
+				const d = commandService.beforeCommandExecuted((info) => {
+					if (info.id === _univerjs_sheets.SetWorksheetActiveOperation.id) {
+						isFocusSet(false);
+						onBlur();
+						refresh();
+						const editor = editorService.getEditor(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+						editor === null || editor === void 0 || editor.focus();
+					}
+				});
+				return () => {
+					d.dispose();
+				};
+			}
 		}
 	}, [isNeed, refSelectionsRenderService]);
 };
@@ -3588,12 +3617,23 @@ function MobileFunctionPanel(props) {
 	const [category, setCategory] = (0, react.useState)("recommended");
 	const [details, setDetails] = (0, react.useState)(null);
 	const [recentVersion, setRecentVersion] = (0, react.useState)(0);
+	const panelRef = (0, react.useRef)(null);
 	(0, react.useEffect)(() => {
 		if (!open) return;
 		setQuery("");
 		setCategory("recommended");
 		setDetails(null);
 	}, [open]);
+	(0, react.useLayoutEffect)(() => {
+		if (!open) return void 0;
+		const focusPanel = () => {
+			var _panelRef$current;
+			return (_panelRef$current = panelRef.current) === null || _panelRef$current === void 0 ? void 0 : _panelRef$current.focus({ preventScroll: true });
+		};
+		focusPanel();
+		const focusFrame = requestAnimationFrame(focusPanel);
+		return () => cancelAnimationFrame(focusFrame);
+	}, [open]);
 	const categories = (0, react.useMemo)(() => {
 		if (!open) return [];
 		return [
@@ -3652,8 +3692,10 @@ function MobileFunctionPanel(props) {
 		className: "univer-fixed univer-inset-0 univer-z-[1200] univer-bg-black/20",
 		onPointerDown: (event) => event.stopPropagation(),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+			ref: panelRef,
 			role: "dialog",
 			"aria-label": copy.title,
+			tabIndex: -1,
 			className: "univer-absolute univer-inset-x-0 univer-bottom-0 univer-flex univer-h-[80vh] univer-flex-col univer-overflow-hidden univer-rounded-t-2xl univer-bg-gray-0 univer-shadow-lg dark:!univer-bg-gray-900",
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -3995,7 +4037,6 @@ function MobileSearchFunctionFactory(props, ref) {
 				case _univerjs_ui.KeyCode.ESC:
 					resetFormulaSearch();
 					onClose();
-					break;
 			}
 		};
 		d.add(commandService.registerCommand({
@@ -4180,7 +4221,8 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 	const renderer = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(editorId);
 	const docSelectionRenderService = renderer === null || renderer === void 0 ? void 0 : renderer.with(_univerjs_docs_ui.DocSelectionRenderService);
 	const isFocusing = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing;
-	const currentDoc = (0, _univerjs_ui.useObservable)((0, react.useMemo)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC), [univerInstanceService]));
+	const currentDoc$ = (0, react.useMemo)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC), [univerInstanceService]);
+	const currentDoc = (0, _univerjs_ui.useObservable)(currentDoc$);
 	const docFocusing = (currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getUnitId()) === editorId;
 	const refSelectionsRef = (0, react.useRef)([]);
 	const getRefSelections = (0, _univerjs_ui.useEvent)(() => refSelectionsRef.current);
@@ -4200,7 +4242,8 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 			queueMicrotask(() => {
 				var _editor$getSelectionR, _editor$getDocumentDa;
 				const selection = (_editor$getSelectionR = editor.getSelectionRanges()) === null || _editor$getSelectionR === void 0 ? void 0 : _editor$getSelectionR[0];
-				const normalizedSelection = getSelectionAfterLaggingFormulaInput(((_editor$getDocumentDa = editor.getDocumentData().body) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.dataStream) ?? "", selection, content);
+				const dataStream = ((_editor$getDocumentDa = editor.getDocumentData().body) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.dataStream) ?? "";
+				const normalizedSelection = getSelectionAfterLaggingFormulaInput(dataStream, selection, content);
 				if (!normalizedSelection) return;
 				const selections = [normalizedSelection];
 				editor.setSelectionRanges(selections, false);
@@ -4220,10 +4263,10 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 		handledMobileFunctionPanelRequestRef.current = mobileFunctionPanelRequest;
 		contextService.setContextValue(_univerjs_sheets_ui.MOBILE_FORMULA_FUNCTION_PANEL_OPEN, true);
 		setMobileFunctionPanelOpen(true);
-		editor === null || editor === void 0 || editor.blur();
+		editorService.blur();
 	}, [
 		contextService,
-		editor,
+		editorService,
 		mobileFunctionPanelRequest
 	]);
 	(0, react.useEffect)(() => () => {
@@ -4241,7 +4284,9 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 		if (isEnd) {
 			const currentDocSelections = newSelections ?? (editor === null || editor === void 0 ? void 0 : editor.getSelectionRanges());
 			if ((currentDocSelections === null || currentDocSelections === void 0 ? void 0 : currentDocSelections.length) === 1) {
-				const refIndex = findRefSequenceIndex(sequenceNodes, findIndexFromSequenceNodes(sequenceNodes, currentDocSelections[0].startOffset - 1, false));
+				const offset = currentDocSelections[0].startOffset - 1;
+				const nodeIndex = findIndexFromSequenceNodes(sequenceNodes, offset, false);
+				const refIndex = findRefSequenceIndex(sequenceNodes, nodeIndex);
 				if (refIndex >= 0) {
 					const target = ranges.splice(refIndex, 1)[0];
 					target && ranges.push(target);
@@ -4265,7 +4310,7 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 	(0, react.useEffect)(() => {
 		onFormulaSelectingChange(isSelecting, (docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) ?? true);
 	}, [onFormulaSelectingChange, isSelecting]);
-	(0, _univerjs_docs_ui.useKeyboardEvent)(isFocus, (0, react.useMemo)(() => (0, _univerjs_docs_ui.createEditorUndoRedoKeyboardConfig)({
+	const resolvedKeyboardEventConfig = (0, react.useMemo)(() => (0, _univerjs_docs_ui.createEditorUndoRedoKeyboardConfig)({
 		commandService,
 		univerInstanceService,
 		editorUnitId: editorId,
@@ -4276,7 +4321,8 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 		editorId,
 		keyboardEventConfig,
 		univerInstanceService
-	]), editor);
+	]);
+	(0, _univerjs_docs_ui.useKeyboardEvent)(isFocus, resolvedKeyboardEventConfig, editor);
 	(0, react.useLayoutEffect)(() => {
 		let dispose;
 		if (formulaEditorContainerRef.current) {
@@ -4361,6 +4407,10 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 	(0, react.useLayoutEffect)(() => {
 		let focusRetryFrame = 0;
 		let finalFocusRetryFrame = 0;
+		if (mobileFunctionPanelOpen) {
+			editor === null || editor === void 0 || editor.blur();
+			return;
+		}
 		const retryFocus = () => {
 			if (_isFocus && !(docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing)) focus();
 		};
@@ -4387,6 +4437,7 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 		docSelectionRenderService,
 		editor,
 		focus,
+		mobileFunctionPanelOpen,
 		resetSelection,
 		resetSelectionOnBlur
 	]);
@@ -4447,6 +4498,7 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 	const closeMobileFunctionPanel = () => {
 		setMobileFunctionPanelOpen(false);
 		requestAnimationFrame(() => {
+			setIsFocus(true);
 			focus();
 			contextService.setContextValue(_univerjs_sheets_ui.MOBILE_FORMULA_FUNCTION_PANEL_OPEN, false);
 		});
@@ -4485,6 +4537,7 @@ const MobileFormulaEditor = (0, react.forwardRef)((props, ref) => {
 		var _editor$getDocumentDa3, _editor$getSelectionR3;
 		if (!editor) return;
 		const result = buildFormulaFunctionInsertion(_univerjs_core.BuildTextUtils.transform.getPlainText(((_editor$getDocumentDa3 = editor.getDocumentData().body) === null || _editor$getDocumentDa3 === void 0 ? void 0 : _editor$getDocumentDa3.dataStream) ?? ""), (_editor$getSelectionR3 = editor.getSelectionRanges()) === null || _editor$getSelectionR3 === void 0 ? void 0 : _editor$getSelectionR3[0], functionName);
+		setIsFocus(true);
 		applyMobileInsertion(result);
 		setMobileFunctionPanelOpen(false);
 		requestAnimationFrame(() => {
@@ -4621,14 +4674,22 @@ function SelectFunction(props) {
 	const { onChange, SelectComponent = _univerjs_design.Select } = props;
 	const allTypeValue = "-1";
 	const [searchText, setSearchText] = (0, react.useState)("");
-	const [selectList, setSelectList] = (0, react.useState)([]);
 	const [active, setActive] = (0, react.useState)(0);
 	const [typeSelected, setTypeSelected] = (0, react.useState)(allTypeValue);
 	const [nameSelected, setNameSelected] = (0, react.useState)(0);
-	const [functionInfo, setFunctionInfo] = (0, react.useState)(null);
 	const descriptionService = (0, _univerjs_ui.useDependency)(_univerjs_engine_formula.IDescriptionService);
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
-	const sidebarOptions = (0, _univerjs_ui.useObservable)((0, _univerjs_ui.useDependency)(_univerjs_ui.ISidebarService).sidebarOptions$);
+	const sidebarService = (0, _univerjs_ui.useDependency)(_univerjs_ui.ISidebarService);
+	const selectList = (0, react.useMemo)(() => {
+		const query = searchText.trim().toUpperCase();
+		return descriptionService.getSearchListByType(Number(typeSelected)).filter(({ name }) => name.toUpperCase().includes(query));
+	}, [
+		descriptionService,
+		searchText,
+		typeSelected
+	]);
+	const selectedItem = selectList[nameSelected];
+	const functionInfo = selectedItem ? descriptionService.getFunctionInfo(selectedItem.name) ?? null : null;
 	const options = getFunctionTypeValues(localeService, Boolean(customFunction)).filter((option) => descriptionService.getSearchListByType(Number(option.value)).length > 0);
 	options.unshift({
 		label: localeService.t("sheets-formula-ui.moreFunctions.allFunctions"),
@@ -4637,25 +4698,23 @@ function SelectFunction(props) {
 	const required = localeService.t("sheets-formula-ui.prompt.required");
 	const optional = localeService.t("sheets-formula-ui.prompt.optional");
 	(0, react.useEffect)(() => {
-		handleSelectChange(allTypeValue);
-	}, []);
-	(0, react.useEffect)(() => {
-		setCurrentFunctionInfo(0);
-	}, [selectList]);
+		onChange(functionInfo);
+	}, [functionInfo, onChange]);
 	(0, react.useEffect)(() => {
-		if (sidebarOptions === null || sidebarOptions === void 0 ? void 0 : sidebarOptions.visible) {
-			setSearchText("");
-			setSelectList([]);
-			setActive(0);
-			setTypeSelected(allTypeValue);
-			setNameSelected(0);
-			setFunctionInfo(null);
-			handleSelectChange(allTypeValue);
-		}
-	}, [sidebarOptions]);
+		const subscription = sidebarService.sidebarOptions$.subscribe((options) => {
+			if (options.visible) {
+				setSearchText("");
+				setTypeSelected(allTypeValue);
+				setActive(0);
+				setNameSelected(0);
+			}
+		});
+		return () => subscription.unsubscribe();
+	}, [sidebarService]);
 	const highlightSearchText = (text) => {
-		if (searchText.trim() === "") return text;
-		const regex = new RegExp(`(${searchText.toLocaleUpperCase()})`);
+		const query = searchText.trim().toUpperCase();
+		if (query === "") return text;
+		const regex = new RegExp(`(${_univerjs_core.regexp.escapeRegExp(query)})`, "i");
 		return text.split(regex).filter(Boolean).map((part, index) => {
 			if (part.match(regex)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "univer-text-red-500",
@@ -4664,34 +4723,22 @@ function SelectFunction(props) {
 			return part;
 		});
 	};
-	const setCurrentFunctionInfo = (selectedIndex) => {
-		if (selectList.length === 0) {
-			setFunctionInfo(null);
-			onChange(null);
-			return;
-		}
-		setNameSelected(selectedIndex);
-		const functionInfo = descriptionService.getFunctionInfo(selectList[selectedIndex].name);
-		if (!functionInfo) {
-			setFunctionInfo(null);
-			onChange(null);
-			return;
-		}
-		setFunctionInfo(functionInfo);
-		onChange(functionInfo);
-	};
+	function setCurrentFunctionInfo(selectedIndex) {
+		if (selectList[selectedIndex]) setNameSelected(selectedIndex);
+	}
 	function handleSelectChange(value) {
 		setTypeSelected(value);
-		const selectList = descriptionService.getSearchListByType(+value);
-		setSelectList(selectList);
+		setActive(0);
+		setNameSelected(0);
 	}
 	function handleSearchInputChange(value) {
 		setSearchText(value);
-		const selectList = descriptionService.getSearchListByName(value);
-		setSelectList(selectList);
+		setActive(0);
+		setNameSelected(0);
 	}
 	function handleSelectListKeyDown(e) {
 		e.stopPropagation();
+		if (selectList.length === 0) return;
 		if (e.key === "ArrowDown") {
 			const nextActive = active + 1;
 			setActive(nextActive === selectList.length ? 0 : nextActive);
@@ -4735,7 +4782,7 @@ function SelectFunction(props) {
 					className: "univer-block",
 					children: highlightSearchText(name)
 				})]
-			}, index))
+			}, name))
 		}),
 		functionInfo && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			"data-u-comp": "formula-function-details",
@@ -5635,14 +5682,17 @@ MobileComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.I
 function FormulaProgressBar() {
 	const triggerCalculationController = (0, _univerjs_ui.useDependency)(_univerjs_sheets_formula.TriggerCalculationController);
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const progress = (0, _univerjs_ui.useObservable)(triggerCalculationController.progress$);
+	const terminateCalculation = (0, react.useCallback)(() => {
+		commandService.executeCommand(_univerjs_engine_formula.SetFormulaCalculationStopMutation.id);
+	}, [commandService]);
+	const clearProgress = (0, react.useCallback)(() => {
+		triggerCalculationController.clearProgress();
+	}, [triggerCalculationController]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_ui.ProgressBar, {
-		progress: (0, _univerjs_ui.useObservable)(triggerCalculationController.progress$),
-		onTerminate: (0, react.useCallback)(() => {
-			commandService.executeCommand(_univerjs_engine_formula.SetFormulaCalculationStopMutation.id);
-		}, [commandService]),
-		onClearProgress: (0, react.useCallback)(() => {
-			triggerCalculationController.clearProgress();
-		}, [triggerCalculationController])
+		progress,
+		onTerminate: terminateCalculation,
+		onClearProgress: clearProgress
 	});
 }
 
@@ -5670,10 +5720,9 @@ const QuickSumShortcut = {
 //#endregion
 //#region src/controllers/ui.controller.ts
 let FormulaUIController = class FormulaUIController extends _univerjs_core.Disposable {
-	constructor(_injector, _menuManagerService, _commandService, _shortcutService, _uiPartsService, _renderManagerService) {
+	constructor(_injector, _commandService, _shortcutService, _uiPartsService, _renderManagerService) {
 		super();
 		this._injector = _injector;
-		this._menuManagerService = _menuManagerService;
 		this._commandService = _commandService;
 		this._shortcutService = _shortcutService;
 		this._uiPartsService = _uiPartsService;
@@ -5682,14 +5731,10 @@ let FormulaUIController = class FormulaUIController extends _univerjs_core.Dispo
 	}
 	_initialize() {
 		this._registerCommands();
-		this._registerMenus();
 		this._registerShortcuts();
 		this._registerComponents();
 		this._registerRenderModules();
 	}
-	_registerMenus() {
-		this._menuManagerService.mergeMenu(menuSchema);
-	}
 	_registerCommands() {
 		[
 			SheetCopyFormulaOnlyCommand,
@@ -5715,13 +5760,100 @@ let FormulaUIController = class FormulaUIController extends _univerjs_core.Dispo
 };
 FormulaUIController = __decorate([
 	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
-	__decorateParam(1, _univerjs_ui.IMenuManagerService),
-	__decorateParam(2, _univerjs_core.ICommandService),
-	__decorateParam(3, _univerjs_ui.IShortcutService),
-	__decorateParam(4, _univerjs_ui.IUIPartsService),
-	__decorateParam(5, _univerjs_engine_render.IRenderManagerService)
+	__decorateParam(1, _univerjs_core.ICommandService),
+	__decorateParam(2, _univerjs_ui.IShortcutService),
+	__decorateParam(3, _univerjs_ui.IUIPartsService),
+	__decorateParam(4, _univerjs_engine_render.IRenderManagerService)
 ], FormulaUIController);
 
+//#endregion
+//#region src/menu/mobile-schema.ts
+const mobileMenuSchema = {
+	[_univerjs_ui.RibbonFormulasGroup.BASIC]: {
+		[`${InsertFunctionOperation.id}.common`]: {
+			order: 0,
+			menuItemFactory: InsertCommonFunctionMenuItemFactory,
+			[MoreFunctionsOperation.id]: {
+				order: 0,
+				menuItemFactory: AllFunctionsMenuItemFactory
+			}
+		},
+		[`${InsertFunctionOperation.id}.financial`]: {
+			order: 1,
+			menuItemFactory: InsertFinancialFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.logical`]: {
+			order: 2,
+			menuItemFactory: InsertLogicalFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.text`]: {
+			order: 3,
+			menuItemFactory: InsertTextFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.date`]: {
+			order: 4,
+			menuItemFactory: InsertDateFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.lookup`]: {
+			order: 5,
+			menuItemFactory: InsertLookupFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.math`]: {
+			order: 6,
+			menuItemFactory: InsertMathFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.statistical`]: {
+			order: 7,
+			menuItemFactory: InsertStatisticalFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.engineering`]: {
+			order: 8,
+			menuItemFactory: InsertEngineeringFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.information`]: {
+			order: 9,
+			menuItemFactory: InsertInformationFunctionMenuItemFactory
+		},
+		[`${InsertFunctionOperation.id}.database`]: {
+			order: 10,
+			menuItemFactory: InsertDatabaseFunctionMenuItemFactory
+		}
+	},
+	[_univerjs_sheets_ui.COPY_SPECIAL_MENU_ID]: { [SheetCopyFormulaOnlyCommand.id]: {
+		order: 0,
+		menuItemFactory: CopyFormulaOnlyMenuItemFactory
+	} },
+	[_univerjs_sheets_ui.PASTE_SPECIAL_MENU_ID]: { [SheetOnlyPasteFormulaCommand.id]: {
+		order: 4,
+		menuItemFactory: PasteFormulaMenuItemFactory
+	} }
+};
+
+//#endregion
+//#region src/menu/mobile-formula-menu.controller.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.
+*/
+let MobileFormulaMenuController = class MobileFormulaMenuController extends _univerjs_core.Disposable {
+	constructor(menuManagerService) {
+		super();
+		menuManagerService.mergeMenu(mobileMenuSchema);
+	}
+};
+MobileFormulaMenuController = __decorate([__decorateParam(0, _univerjs_ui.IMenuManagerService)], MobileFormulaMenuController);
+
 //#endregion
 //#region src/services/range-selector.service.ts
 var GlobalRangeSelectorService = class {
@@ -5844,7 +5976,8 @@ let MobileRefSelectionsRenderService = class MobileRefSelectionsRenderService ex
 			columnHeaderOffsetY: Math.max(0, columnHeaderHeightAndMarginTop - columnHeaderHeight),
 			rangeType
 		});
-		const selectionWithCoord = (0, _univerjs_sheets.attachSelectionWithCoord)(this._withMobileSelectionStyle(selection), skeleton);
+		const selectionWithMobileStyle = this._withMobileSelectionStyle(selection);
+		const selectionWithCoord = (0, _univerjs_sheets.attachSelectionWithCoord)(selectionWithMobileStyle, skeleton);
 		control.updateRangeBySelectionWithCoord(selectionWithCoord, skeleton);
 		control.setEvent(false);
 		[
@@ -5964,7 +6097,8 @@ MobileRefSelectionsRenderService = __decorate([
 //#endregion
 //#region src/views/range-selector/MobileGlobal.tsx
 function MobileGlobalRangeSelector() {
-	const current = (0, _univerjs_ui.useObservable)((0, _univerjs_ui.useDependency)(GlobalRangeSelectorService).currentSelector$);
+	const rangeSelectorService = (0, _univerjs_ui.useDependency)(GlobalRangeSelectorService);
+	const current = (0, _univerjs_ui.useObservable)(rangeSelectorService.currentSelector$);
 	const instanceRef = (0, react.useRef)(null);
 	(0, react.useEffect)(() => {
 		if (current) {
@@ -6009,6 +6143,7 @@ let UniverSheetsFormulaMobileUIPlugin = class UniverSheetsFormulaMobileUIPlugin
 			[IFormulaPromptService, { useClass: FormulaPromptService }],
 			[GlobalRangeSelectorService],
 			[FormulaUIController],
+			[MobileFormulaMenuController],
 			[FormulaClipboardController],
 			[FormulaEditorShowController],
 			[FormulaRenderManagerController],
@@ -6028,6 +6163,7 @@ let UniverSheetsFormulaMobileUIPlugin = class UniverSheetsFormulaMobileUIPlugin
 		});
 		(0, _univerjs_core.touchDependencies)(this._injector, [
 			[FormulaUIController],
+			[MobileFormulaMenuController],
 			[FormulaClipboardController],
 			[FormulaRenderManagerController],
 			[ImageFormulaRenderController]
@@ -6083,19 +6219,21 @@ const useFormulaDescribe = (isNeed, formulaText, editor) => {
 						const nodeIndex = formulaPromptService.getCurrentSequenceNodeIndex(startOffset - 2);
 						const currentSequenceNode = formulaPromptService.getCurrentSequenceNodeByIndex(nodeIndex);
 						const nextSequenceNode = formulaPromptService.getCurrentSequenceNodeByIndex(nodeIndex + 1);
-						if (currentSequenceNode) if (typeof currentSequenceNode !== "string" && currentSequenceNode.nodeType === 3 && !descriptionService.hasDefinedNameDescription(currentSequenceNode.token.trim()) && nextSequenceNode === _univerjs_engine_formula.matchToken.OPEN_BRACKET) {
-							const info = descriptionService.getFunctionInfo(currentSequenceNode.token);
-							setFunctionInfo(info);
-							setParamIndex(-1);
-							return;
-						} else {
-							const res = lexerTreeBuilder.getFunctionAndParameter(`${formulaTextRef.current}A`, startOffset - 1);
-							if (res) {
-								const { functionName, paramIndex } = res;
-								const info = descriptionService.getFunctionInfo(functionName);
+						if (currentSequenceNode) {
+							if (typeof currentSequenceNode !== "string" && currentSequenceNode.nodeType === 3 && !descriptionService.hasDefinedNameDescription(currentSequenceNode.token.trim()) && nextSequenceNode === _univerjs_engine_formula.matchToken.OPEN_BRACKET) {
+								const info = descriptionService.getFunctionInfo(currentSequenceNode.token);
 								setFunctionInfo(info);
-								setParamIndex(paramIndex);
+								setParamIndex(-1);
 								return;
+							} else {
+								const res = lexerTreeBuilder.getFunctionAndParameter(`${formulaTextRef.current}A`, startOffset - 1);
+								if (res) {
+									const { functionName, paramIndex } = res;
+									const info = descriptionService.getFunctionInfo(functionName);
+									setFunctionInfo(info);
+									setParamIndex(paramIndex);
+									return;
+								}
 							}
 						}
 					}
@@ -6182,7 +6320,8 @@ function HelpFunction(props) {
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const required = localeService.t("sheets-formula-ui.prompt.required");
 	const optional = localeService.t("sheets-formula-ui.prompt.optional");
-	const [position$] = useEditorPosition(editor.getEditorId(), !!functionInfo, [functionInfo, paramIndex]);
+	const editorId = editor.getEditorId();
+	const [position$] = useEditorPosition(editorId, !!functionInfo, [functionInfo, paramIndex]);
 	function handleSwitchActive(paramIndex) {
 		onParamsSwitch && onParamsSwitch(paramIndex);
 	}
@@ -6318,7 +6457,6 @@ function SearchFunctionFactory(props, ref) {
 				case _univerjs_ui.KeyCode.ESC:
 					resetFormulaSearch();
 					onClose();
-					break;
 			}
 		};
 		d.add(commandService.registerCommand({
@@ -6470,7 +6608,8 @@ const FormulaEditor = (0, react.forwardRef)((props, ref) => {
 	const renderer = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(editorId);
 	const docSelectionRenderService = renderer === null || renderer === void 0 ? void 0 : renderer.with(_univerjs_docs_ui.DocSelectionRenderService);
 	const isFocusing = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing;
-	const currentDoc = (0, _univerjs_ui.useObservable)((0, react.useMemo)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC), [univerInstanceService]));
+	const currentDoc$ = (0, react.useMemo)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_DOC), [univerInstanceService]);
+	const currentDoc = (0, _univerjs_ui.useObservable)(currentDoc$);
 	const docFocusing = (currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getUnitId()) === editorId;
 	const refSelectionsRef = (0, react.useRef)([]);
 	const getRefSelections = (0, _univerjs_ui.useEvent)(() => refSelectionsRef.current);
@@ -6487,7 +6626,8 @@ const FormulaEditor = (0, react.forwardRef)((props, ref) => {
 			queueMicrotask(() => {
 				var _editor$getSelectionR, _editor$getDocumentDa;
 				const selection = (_editor$getSelectionR = editor.getSelectionRanges()) === null || _editor$getSelectionR === void 0 ? void 0 : _editor$getSelectionR[0];
-				const normalizedSelection = getSelectionAfterLaggingFormulaInput(((_editor$getDocumentDa = editor.getDocumentData().body) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.dataStream) ?? "", selection, content);
+				const dataStream = ((_editor$getDocumentDa = editor.getDocumentData().body) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.dataStream) ?? "";
+				const normalizedSelection = getSelectionAfterLaggingFormulaInput(dataStream, selection, content);
 				if (!normalizedSelection) return;
 				const selections = [normalizedSelection];
 				editor.setSelectionRanges(selections, false);
@@ -6513,7 +6653,9 @@ const FormulaEditor = (0, react.forwardRef)((props, ref) => {
 		if (isEnd) {
 			const currentDocSelections = newSelections ?? (editor === null || editor === void 0 ? void 0 : editor.getSelectionRanges());
 			if ((currentDocSelections === null || currentDocSelections === void 0 ? void 0 : currentDocSelections.length) === 1) {
-				const refIndex = findRefSequenceIndex(sequenceNodes, findIndexFromSequenceNodes(sequenceNodes, currentDocSelections[0].startOffset - 1, false));
+				const offset = currentDocSelections[0].startOffset - 1;
+				const nodeIndex = findIndexFromSequenceNodes(sequenceNodes, offset, false);
+				const refIndex = findRefSequenceIndex(sequenceNodes, nodeIndex);
 				if (refIndex >= 0) {
 					const target = ranges.splice(refIndex, 1)[0];
 					target && ranges.push(target);
@@ -6537,7 +6679,7 @@ const FormulaEditor = (0, react.forwardRef)((props, ref) => {
 	(0, react.useEffect)(() => {
 		onFormulaSelectingChange(isSelecting, (docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) ?? true);
 	}, [onFormulaSelectingChange, isSelecting]);
-	(0, _univerjs_docs_ui.useKeyboardEvent)(isFocus, (0, react.useMemo)(() => (0, _univerjs_docs_ui.createEditorUndoRedoKeyboardConfig)({
+	const resolvedKeyboardEventConfig = (0, react.useMemo)(() => (0, _univerjs_docs_ui.createEditorUndoRedoKeyboardConfig)({
 		commandService,
 		univerInstanceService,
 		editorUnitId: editorId,
@@ -6548,7 +6690,8 @@ const FormulaEditor = (0, react.forwardRef)((props, ref) => {
 		editorId,
 		keyboardEventConfig,
 		univerInstanceService
-	]), editor);
+	]);
+	(0, _univerjs_docs_ui.useKeyboardEvent)(isFocus, resolvedKeyboardEventConfig, editor);
 	(0, react.useLayoutEffect)(() => {
 		let dispose;
 		if (formulaEditorContainerRef.current) {
@@ -6816,10 +6959,36 @@ let ComponentsController = class ComponentsController extends _univerjs_core.Dis
 };
 ComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.IconManager))], ComponentsController);
 
+//#endregion
+//#region src/menu/formula-menu.controller.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.
+*/
+let FormulaMenuController = class FormulaMenuController extends _univerjs_core.Disposable {
+	constructor(menuManagerService) {
+		super();
+		menuManagerService.mergeMenu(menuSchema);
+	}
+};
+FormulaMenuController = __decorate([__decorateParam(0, _univerjs_ui.IMenuManagerService)], FormulaMenuController);
+
 //#endregion
 //#region src/views/range-selector/Global.tsx
 const GlobalRangeSelector = () => {
-	const current = (0, _univerjs_ui.useObservable)((0, _univerjs_ui.useDependency)(GlobalRangeSelectorService).currentSelector$);
+	const rangeSelectorService = (0, _univerjs_ui.useDependency)(GlobalRangeSelectorService);
+	const current = (0, _univerjs_ui.useObservable)(rangeSelectorService.currentSelector$);
 	const instance = (0, react.useRef)(null);
 	(0, react.useEffect)(() => {
 		if (current) {
@@ -6865,6 +7034,7 @@ let UniverSheetsFormulaUIPlugin = class UniverSheetsFormulaUIPlugin extends _uni
 			[IFormulaPromptService, { useClass: FormulaPromptService }],
 			[GlobalRangeSelectorService],
 			[FormulaUIController],
+			[FormulaMenuController],
 			[FormulaClipboardController],
 			[FormulaEditorShowController],
 			[FormulaRenderManagerController],
@@ -6884,6 +7054,7 @@ let UniverSheetsFormulaUIPlugin = class UniverSheetsFormulaUIPlugin extends _uni
 		});
 		(0, _univerjs_core.touchDependencies)(this._injector, [
 			[FormulaUIController],
+			[FormulaMenuController],
 			[FormulaClipboardController],
 			[FormulaRenderManagerController],
 			[ImageFormulaRenderController]