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

package/lib/es/index.js

@@ -1,4 +1,4 @@
-import { AbsoluteRefType, BuildTextUtils, CellValueType, ColorKit, CommandType, DEFAULT_EMPTY_DOCUMENT_VALUE, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, EDITOR_ACTIVATED, FOCUSING_FX_BAR_EDITOR, HorizontalAlign, ICommandService, IConfigService, IContextService, ILogService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, ObjectMatrix, Plugin, RANGE_TYPE, Range, Rectangle, RichTextBuilder, RxDisposable, ThemeService, Tools, UniverInstanceType, VerticalAlign, createIdentifier, createInternalEditorID, generateRandomId, getCellValueType, getEmptyCell, isFormulaId, isFormulaString, isICellData, isRealNum, merge, noop, registerDependencies, toDisposable, touchDependencies } from "@univerjs/core";
+import { AbsoluteRefType, BuildTextUtils, CellValueType, ColorKit, CommandType, DEFAULT_EMPTY_DOCUMENT_VALUE, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Direction, Disposable, DisposableCollection, DocumentFlavor, EDITOR_ACTIVATED, FOCUSING_FX_BAR_EDITOR, HorizontalAlign, ICommandService, IConfigService, IContextService, ILogService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, ObjectMatrix, Plugin, RANGE_TYPE, Range, Rectangle, RichTextBuilder, RxDisposable, ThemeService, Tools, UniverInstanceType, VerticalAlign, createIdentifier, createInternalEditorID, generateRandomId, getCellValueType, getEmptyCell, isFormulaId, isFormulaString, isICellData, isRealNum, merge, noop, regexp, registerDependencies, toDisposable, touchDependencies } from "@univerjs/core";
 import { BaseSelectionRenderService, COPY_SPECIAL_MENU_ID, COPY_TYPE, CellAlertManagerService, CellAlertType, EMBEDDING_FORMULA_EDITOR, EMBEDDING_FORMULA_EDITOR_COMPONENT_KEY, ExpandSelectionCommand, HoverManagerService, IEditorBridgeService, IMarkSelectionService, ISheetClipboardService, ISheetSelectionRenderService, JumpOver, MOBILE_EXPANDING_SELECTION, MOBILE_FORMULA_FUNCTION_PANEL_OPEN, MOBILE_PINCH_ZOOMING, MobileSelectionControl, MoveSelectionCommand, PASTE_SPECIAL_MENU_ID, PREDEFINED_HOOK_NAME_COPY, PREDEFINED_HOOK_NAME_PASTE, RANGE_SELECTOR_COMPONENT_KEY, SELECTION_SHAPE_DEPTH, SelectionControl, SetCellEditVisibleOperation, SheetPasteCommand, SheetSkeletonManagerService, SheetsUIPart, UniverSheetsMobileUIPlugin, UniverSheetsUIPlugin, checkInHeaderRanges, genNormalSelectionStyle, getAllSelection, getCoordByOffset, getCurrentRangeDisable$, getSheetObject, menuClipboardDisabledObservable, useActiveWorkbook, whenSheetEditorActivated, whenSheetEditorFocused } from "@univerjs/sheets-ui";
 import { ErrorType, FormulaDataModel, FunctionType, IDescriptionService, LexerTreeBuilder, SetArrayFormulaDataMutation, SetFormulaCalculationResultMutation, SetFormulaCalculationStopMutation, UniverFormulaEnginePlugin, buildFormulaTextRuns, deserializeRangeWithSheet, deserializeRangeWithSheetWithCache, extractFormulaError, generateStringWithSequence, getAbsoluteRefTypeWithSingleString, getFormulaHighlightDataStream, getFormulaReplaceResult, handleRefStringInfo, isFormulaLexerToken, isFormulaReferenceAddingContext, isFormulaReferenceAddingTextContext, matchRefDrawToken, matchToken, operatorToken, searchFormulaFunctions, sequenceNodeType, serializeRange, serializeRangeToRefString, serializeRangeWithSheet, serializeRangeWithSpreadsheet } from "@univerjs/engine-formula";
 import { BehaviorSubject, Subject, combineLatestWith, debounceTime, distinctUntilChanged, filter, map, merge as merge$1, throttleTime } from "rxjs";
@@ -32,7 +32,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) {
@@ -43,7 +43,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];
@@ -56,14 +56,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,
@@ -74,7 +74,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);
@@ -82,7 +82,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);
@@ -340,11 +340,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 = serializeRange({
 						startRow,
 						endRow,
 						startColumn,
-						endColumn: blankCellColumn === endColumn ? endColumn - 1 : endColumn
+						endColumn: newEndColumn
 					});
 					const formulaString = `=${value}(${rangeString})`;
 					listOfRangeHasNumber.push({
@@ -473,7 +474,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 isRealNum(data.substring(data.length - 2, data.length) === DEFAULT_EMPTY_DOCUMENT_VALUE ? data.substring(0, data.length - 2) : data);
+		const newDataStream = data.substring(data.length - 2, data.length) === DEFAULT_EMPTY_DOCUMENT_VALUE ? data.substring(0, data.length - 2) : data;
+		return isRealNum(newDataStream);
 	}
 	return cell && (cell.t === CellValueType.NUMBER || getCellValueType(cell) === CellValueType.NUMBER);
 }
@@ -578,15 +580,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: `=${generateStringWithSequence(sequenceNodes.map((node) => {
-			if (node !== matchedReference) return node;
-			return {
-				...node,
-				token: nextReferenceState.token,
-				endIndex: node.startIndex + nextReferenceState.token.length - 1
-			};
-		}))}`,
+		formulaText: `=${generateStringWithSequence(nextSequenceNodes)}`,
 		cursorOffset: _translateCursorOffset(normalizedCursorOffset, matchedReference.startIndex + 1, matchedReference.endIndex + 2, nextReferenceState.token.length, nextReferenceState)
 	};
 }
@@ -675,7 +678,8 @@ const ReferenceAbsoluteOperation = {
 		if (editorId !== DOCS_NORMAL_EDITOR_UNIT_ID_KEY && editorId !== DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) return false;
 		const activeTextRange = docSelectionManagerService.getActiveTextRange();
 		if (!activeTextRange) return false;
-		const nextReferenceState = toggleReferenceAbsoluteAtCursor(lexerTreeBuilder, BuildTextUtils.transform.getPlainText(((_focusEditor$getDocum = focusEditor.getDocumentData().body) === null || _focusEditor$getDocum === void 0 ? void 0 : _focusEditor$getDocum.dataStream) ?? ""), activeTextRange.endOffset);
+		const formulaText = 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,
@@ -994,7 +998,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
@@ -1137,11 +1141,15 @@ let FormulaClipboardController = class FormulaClipboardController extends Dispos
 					const formulaString = isFormulaString(cellData.f) ? cellData.f : self._formulaDataModel.getFormulaStringByCell(row, column, currentSheet.getSheetId(), currentSheet.getUnitId());
 					matrixFragment.setValue(rowIndexInMatrix, columnIndexInMatrix, {
 						...getEmptyCell(),
-						f: formulaString
+						f: formulaString,
+						ft: cellData.ft,
+						fd: cellData.fd
 					});
 					plainMatrix.setValue(rowIndexInMatrix, columnIndexInMatrix, {
 						...getEmptyCell(),
 						f: formulaString,
+						ft: cellData.ft,
+						fd: cellData.fd,
 						displayV: formulaString
 					});
 				} else {
@@ -1211,6 +1219,7 @@ FormulaClipboardController = __decorate([
 	__decorateParam(4, Inject(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);
@@ -1218,6 +1227,19 @@ function getSetCellFormulaMutations(unitId, subUnitId, range, matrix, accessor,
 		undos: [],
 		redos: []
 	};
+	const worksheet = (_accessor$get$getUnit = accessor.get(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 !== PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_VALUE && (isFormulaString(value.f) || 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,
@@ -1581,7 +1603,7 @@ let FormulaEditorShowController = class FormulaEditorShowController extends Disp
 		if (!renderUnit || !skeleton) return;
 		const { scene } = renderUnit;
 		if (!scene) return;
-		const selectionWithCoord = attachSelectionWithCoord({
+		const selectionWithStyle = {
 			range: arrayRange,
 			primary: null,
 			style: {
@@ -1590,7 +1612,8 @@ let FormulaEditorShowController = class FormulaEditorShowController extends Disp
 				fill: new ColorKit(this._themeService.getColorFromTheme("gray.0")).setAlpha(0).toString(),
 				widgets: {}
 			}
-		}, skeleton);
+		};
+		const selectionWithCoord = attachSelectionWithCoord(selectionWithStyle, skeleton);
 		const { rowHeaderWidth, columnHeaderHeight } = skeleton;
 		const control = new SelectionControl(scene, SELECTION_SHAPE_DEPTH.FORMULA_EDITOR_SHOW, this._themeService, {
 			highlightHeader: false,
@@ -2639,6 +2662,7 @@ function createHighlightTextRuns(textRuns, leadingCharacterLength) {
 }
 function useColor() {
 	const themeService = useDependency(ThemeService);
+	const theme = themeService.getCurrentTheme();
 	return useMemo(() => {
 		return {
 			formulaRefColors: [
@@ -2659,7 +2683,7 @@ function useColor() {
 			stringColor: themeService.getColorFromTheme("jiqing.800"),
 			plainTextColor: themeService.getColorFromTheme("gray.1000")
 		};
-	}, [themeService.getCurrentTheme()]);
+	}, [theme]);
 }
 function buildTextRuns(descriptionService, colorMap, sequenceNodes) {
 	return buildFormulaTextRuns(descriptionService, colorMap, sequenceNodes);
@@ -3127,7 +3151,8 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 		activeSheet,
 		sheetName
 	});
-	const activeWorkbook = resolveFormulaSelectionWorkbook(useObservable(useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), [univerInstanceService])), workbook);
+	const currentUnit = useObservable(useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(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(SheetSkeletonManagerService);
@@ -3144,48 +3169,50 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 		});
 		if (!ctx) return;
 		const { nodeIndex, updatingRefIndex, formulaText, sequenceNodes, offset } = ctx;
-		if (isSelectingRef.current === 1 || isFormulaReferenceAddingContext(sequenceNodes, offset) || 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 (isFormulaReferenceAddingTextContext(formulaText, offset)) {
-				handleRangeChange(insertFormulaReferenceText(formulaText, refRanges[0], offset), offset + refRanges[0].length, isEnd);
-				return;
+		if (isSelectingRef.current === 1 || isFormulaReferenceAddingContext(sequenceNodes, offset) || 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 (isFormulaReferenceAddingTextContext(formulaText, offset)) {
+					handleRangeChange(insertFormulaReferenceText(formulaText, refRanges[0], offset), offset + refRanges[0].length, isEnd);
+					return;
+				}
+				sequenceNodes.push({
+					token: refRanges[0],
+					nodeType: 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: sequenceNodeType.REFERENCE
+				});
+				handleRangeChange(sequenceNodeToText(sequenceNodes), refRanges[0].length, isEnd);
 			}
-			sequenceNodes.push({
-				token: refRanges[0],
-				nodeType: 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: 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];
@@ -3444,37 +3471,39 @@ const useSwitchSheet = (isNeed, unitId, isSupportAcrossSheet, isFocusSet, onBlur
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const refSelectionsRenderService = render === null || render === void 0 ? void 0 : render.with(RefSelectionsRenderService);
 	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 === SetWorksheetActiveOperation.id) handleRefresh();
-			});
-			const d2 = univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).subscribe((unit) => {
-				handleRefresh();
-			});
-			return () => {
-				d.dispose();
-				d2.unsubscribe();
-			};
-		} else {
-			const d = commandService.beforeCommandExecuted((info) => {
-				if (info.id === SetWorksheetActiveOperation.id) {
-					isFocusSet(false);
-					onBlur();
-					refresh();
-					const editor = editorService.getEditor(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 === SetWorksheetActiveOperation.id) handleRefresh();
+				});
+				const d2 = univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).subscribe((unit) => {
+					handleRefresh();
+				});
+				return () => {
+					d.dispose();
+					d2.unsubscribe();
+				};
+			} else {
+				const d = commandService.beforeCommandExecuted((info) => {
+					if (info.id === SetWorksheetActiveOperation.id) {
+						isFocusSet(false);
+						onBlur();
+						refresh();
+						const editor = editorService.getEditor(DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+						editor === null || editor === void 0 || editor.focus();
+					}
+				});
+				return () => {
+					d.dispose();
+				};
+			}
 		}
 	}, [isNeed, refSelectionsRenderService]);
 };
@@ -3587,12 +3616,23 @@ function MobileFunctionPanel(props) {
 	const [category, setCategory] = useState("recommended");
 	const [details, setDetails] = useState(null);
 	const [recentVersion, setRecentVersion] = useState(0);
+	const panelRef = useRef(null);
 	useEffect(() => {
 		if (!open) return;
 		setQuery("");
 		setCategory("recommended");
 		setDetails(null);
 	}, [open]);
+	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 = useMemo(() => {
 		if (!open) return [];
 		return [
@@ -3651,8 +3691,10 @@ function MobileFunctionPanel(props) {
 		className: "univer-fixed univer-inset-0 univer-z-[1200] univer-bg-black/20",
 		onPointerDown: (event) => event.stopPropagation(),
 		children: /* @__PURE__ */ 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__ */ jsx("div", {
@@ -3994,7 +4036,6 @@ function MobileSearchFunctionFactory(props, ref) {
 				case KeyCode.ESC:
 					resetFormulaSearch();
 					onClose();
-					break;
 			}
 		};
 		d.add(commandService.registerCommand({
@@ -4179,7 +4220,8 @@ const MobileFormulaEditor = forwardRef((props, ref) => {
 	const renderer = useDependency(IRenderManagerService).getRenderUnitById(editorId);
 	const docSelectionRenderService = renderer === null || renderer === void 0 ? void 0 : renderer.with(DocSelectionRenderService);
 	const isFocusing = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing;
-	const currentDoc = useObservable(useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC), [univerInstanceService]));
+	const currentDoc$ = useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC), [univerInstanceService]);
+	const currentDoc = useObservable(currentDoc$);
 	const docFocusing = (currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getUnitId()) === editorId;
 	const refSelectionsRef = useRef([]);
 	const getRefSelections = useEvent(() => refSelectionsRef.current);
@@ -4199,7 +4241,8 @@ const MobileFormulaEditor = 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);
@@ -4219,10 +4262,10 @@ const MobileFormulaEditor = forwardRef((props, ref) => {
 		handledMobileFunctionPanelRequestRef.current = mobileFunctionPanelRequest;
 		contextService.setContextValue(MOBILE_FORMULA_FUNCTION_PANEL_OPEN, true);
 		setMobileFunctionPanelOpen(true);
-		editor === null || editor === void 0 || editor.blur();
+		editorService.blur();
 	}, [
 		contextService,
-		editor,
+		editorService,
 		mobileFunctionPanelRequest
 	]);
 	useEffect(() => () => {
@@ -4240,7 +4283,9 @@ const MobileFormulaEditor = 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);
@@ -4264,7 +4309,7 @@ const MobileFormulaEditor = forwardRef((props, ref) => {
 	useEffect(() => {
 		onFormulaSelectingChange(isSelecting, (docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) ?? true);
 	}, [onFormulaSelectingChange, isSelecting]);
-	useKeyboardEvent(isFocus, useMemo(() => createEditorUndoRedoKeyboardConfig({
+	const resolvedKeyboardEventConfig = useMemo(() => createEditorUndoRedoKeyboardConfig({
 		commandService,
 		univerInstanceService,
 		editorUnitId: editorId,
@@ -4275,7 +4320,8 @@ const MobileFormulaEditor = forwardRef((props, ref) => {
 		editorId,
 		keyboardEventConfig,
 		univerInstanceService
-	]), editor);
+	]);
+	useKeyboardEvent(isFocus, resolvedKeyboardEventConfig, editor);
 	useLayoutEffect(() => {
 		let dispose;
 		if (formulaEditorContainerRef.current) {
@@ -4360,6 +4406,10 @@ const MobileFormulaEditor = forwardRef((props, ref) => {
 	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();
 		};
@@ -4386,6 +4436,7 @@ const MobileFormulaEditor = forwardRef((props, ref) => {
 		docSelectionRenderService,
 		editor,
 		focus,
+		mobileFunctionPanelOpen,
 		resetSelection,
 		resetSelectionOnBlur
 	]);
@@ -4446,6 +4497,7 @@ const MobileFormulaEditor = forwardRef((props, ref) => {
 	const closeMobileFunctionPanel = () => {
 		setMobileFunctionPanelOpen(false);
 		requestAnimationFrame(() => {
+			setIsFocus(true);
 			focus();
 			contextService.setContextValue(MOBILE_FORMULA_FUNCTION_PANEL_OPEN, false);
 		});
@@ -4484,6 +4536,7 @@ const MobileFormulaEditor = forwardRef((props, ref) => {
 		var _editor$getDocumentDa3, _editor$getSelectionR3;
 		if (!editor) return;
 		const result = buildFormulaFunctionInsertion(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(() => {
@@ -4620,14 +4673,22 @@ function SelectFunction(props) {
 	const { onChange, SelectComponent = Select } = props;
 	const allTypeValue = "-1";
 	const [searchText, setSearchText] = useState("");
-	const [selectList, setSelectList] = useState([]);
 	const [active, setActive] = useState(0);
 	const [typeSelected, setTypeSelected] = useState(allTypeValue);
 	const [nameSelected, setNameSelected] = useState(0);
-	const [functionInfo, setFunctionInfo] = useState(null);
 	const descriptionService = useDependency(IDescriptionService);
 	const localeService = useDependency(LocaleService);
-	const sidebarOptions = useObservable(useDependency(ISidebarService).sidebarOptions$);
+	const sidebarService = useDependency(ISidebarService);
+	const selectList = 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"),
@@ -4636,25 +4697,23 @@ function SelectFunction(props) {
 	const required = localeService.t("sheets-formula-ui.prompt.required");
 	const optional = localeService.t("sheets-formula-ui.prompt.optional");
 	useEffect(() => {
-		handleSelectChange(allTypeValue);
-	}, []);
-	useEffect(() => {
-		setCurrentFunctionInfo(0);
-	}, [selectList]);
+		onChange(functionInfo);
+	}, [functionInfo, onChange]);
 	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(`(${regexp.escapeRegExp(query)})`, "i");
 		return text.split(regex).filter(Boolean).map((part, index) => {
 			if (part.match(regex)) return /* @__PURE__ */ jsx("span", {
 				className: "univer-text-red-500",
@@ -4663,34 +4722,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);
@@ -4734,7 +4781,7 @@ function SelectFunction(props) {
 					className: "univer-block",
 					children: highlightSearchText(name)
 				})]
-			}, index))
+			}, name))
 		}),
 		functionInfo && /* @__PURE__ */ jsxs("div", {
 			"data-u-comp": "formula-function-details",
@@ -5634,14 +5681,17 @@ MobileComponentsController = __decorate([__decorateParam(0, Inject(ComponentMana
 function FormulaProgressBar() {
 	const triggerCalculationController = useDependency(TriggerCalculationController);
 	const commandService = useDependency(ICommandService);
+	const progress = useObservable(triggerCalculationController.progress$);
+	const terminateCalculation = useCallback(() => {
+		commandService.executeCommand(SetFormulaCalculationStopMutation.id);
+	}, [commandService]);
+	const clearProgress = useCallback(() => {
+		triggerCalculationController.clearProgress();
+	}, [triggerCalculationController]);
 	return /* @__PURE__ */ jsx(ProgressBar, {
-		progress: useObservable(triggerCalculationController.progress$),
-		onTerminate: useCallback(() => {
-			commandService.executeCommand(SetFormulaCalculationStopMutation.id);
-		}, [commandService]),
-		onClearProgress: useCallback(() => {
-			triggerCalculationController.clearProgress();
-		}, [triggerCalculationController])
+		progress,
+		onTerminate: terminateCalculation,
+		onClearProgress: clearProgress
 	});
 }
 
@@ -5669,10 +5719,9 @@ const QuickSumShortcut = {
 //#endregion
 //#region src/controllers/ui.controller.ts
 let FormulaUIController = class FormulaUIController extends 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;
@@ -5681,14 +5730,10 @@ let FormulaUIController = class FormulaUIController extends Disposable {
 	}
 	_initialize() {
 		this._registerCommands();
-		this._registerMenus();
 		this._registerShortcuts();
 		this._registerComponents();
 		this._registerRenderModules();
 	}
-	_registerMenus() {
-		this._menuManagerService.mergeMenu(menuSchema);
-	}
 	_registerCommands() {
 		[
 			SheetCopyFormulaOnlyCommand,
@@ -5714,13 +5759,100 @@ let FormulaUIController = class FormulaUIController extends Disposable {
 };
 FormulaUIController = __decorate([
 	__decorateParam(0, Inject(Injector)),
-	__decorateParam(1, IMenuManagerService),
-	__decorateParam(2, ICommandService),
-	__decorateParam(3, IShortcutService),
-	__decorateParam(4, IUIPartsService),
-	__decorateParam(5, IRenderManagerService)
+	__decorateParam(1, ICommandService),
+	__decorateParam(2, IShortcutService),
+	__decorateParam(3, IUIPartsService),
+	__decorateParam(4, IRenderManagerService)
 ], FormulaUIController);
 
+//#endregion
+//#region src/menu/mobile-schema.ts
+const mobileMenuSchema = {
+	[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
+		}
+	},
+	[COPY_SPECIAL_MENU_ID]: { [SheetCopyFormulaOnlyCommand.id]: {
+		order: 0,
+		menuItemFactory: CopyFormulaOnlyMenuItemFactory
+	} },
+	[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 Disposable {
+	constructor(menuManagerService) {
+		super();
+		menuManagerService.mergeMenu(mobileMenuSchema);
+	}
+};
+MobileFormulaMenuController = __decorate([__decorateParam(0, IMenuManagerService)], MobileFormulaMenuController);
+
 //#endregion
 //#region src/services/range-selector.service.ts
 var GlobalRangeSelectorService = class {
@@ -5843,7 +5975,8 @@ let MobileRefSelectionsRenderService = class MobileRefSelectionsRenderService ex
 			columnHeaderOffsetY: Math.max(0, columnHeaderHeightAndMarginTop - columnHeaderHeight),
 			rangeType
 		});
-		const selectionWithCoord = attachSelectionWithCoord(this._withMobileSelectionStyle(selection), skeleton);
+		const selectionWithMobileStyle = this._withMobileSelectionStyle(selection);
+		const selectionWithCoord = attachSelectionWithCoord(selectionWithMobileStyle, skeleton);
 		control.updateRangeBySelectionWithCoord(selectionWithCoord, skeleton);
 		control.setEvent(false);
 		[
@@ -5963,7 +6096,8 @@ MobileRefSelectionsRenderService = __decorate([
 //#endregion
 //#region src/views/range-selector/MobileGlobal.tsx
 function MobileGlobalRangeSelector() {
-	const current = useObservable(useDependency(GlobalRangeSelectorService).currentSelector$);
+	const rangeSelectorService = useDependency(GlobalRangeSelectorService);
+	const current = useObservable(rangeSelectorService.currentSelector$);
 	const instanceRef = useRef(null);
 	useEffect(() => {
 		if (current) {
@@ -6008,6 +6142,7 @@ let UniverSheetsFormulaMobileUIPlugin = class UniverSheetsFormulaMobileUIPlugin
 			[IFormulaPromptService, { useClass: FormulaPromptService }],
 			[GlobalRangeSelectorService],
 			[FormulaUIController],
+			[MobileFormulaMenuController],
 			[FormulaClipboardController],
 			[FormulaEditorShowController],
 			[FormulaRenderManagerController],
@@ -6027,6 +6162,7 @@ let UniverSheetsFormulaMobileUIPlugin = class UniverSheetsFormulaMobileUIPlugin
 		});
 		touchDependencies(this._injector, [
 			[FormulaUIController],
+			[MobileFormulaMenuController],
 			[FormulaClipboardController],
 			[FormulaRenderManagerController],
 			[ImageFormulaRenderController]
@@ -6082,19 +6218,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 === 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 === 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;
+								}
 							}
 						}
 					}
@@ -6181,7 +6319,8 @@ function HelpFunction(props) {
 	const localeService = useDependency(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);
 	}
@@ -6317,7 +6456,6 @@ function SearchFunctionFactory(props, ref) {
 				case KeyCode.ESC:
 					resetFormulaSearch();
 					onClose();
-					break;
 			}
 		};
 		d.add(commandService.registerCommand({
@@ -6469,7 +6607,8 @@ const FormulaEditor = forwardRef((props, ref) => {
 	const renderer = useDependency(IRenderManagerService).getRenderUnitById(editorId);
 	const docSelectionRenderService = renderer === null || renderer === void 0 ? void 0 : renderer.with(DocSelectionRenderService);
 	const isFocusing = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing;
-	const currentDoc = useObservable(useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC), [univerInstanceService]));
+	const currentDoc$ = useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC), [univerInstanceService]);
+	const currentDoc = useObservable(currentDoc$);
 	const docFocusing = (currentDoc === null || currentDoc === void 0 ? void 0 : currentDoc.getUnitId()) === editorId;
 	const refSelectionsRef = useRef([]);
 	const getRefSelections = useEvent(() => refSelectionsRef.current);
@@ -6486,7 +6625,8 @@ const FormulaEditor = 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);
@@ -6512,7 +6652,9 @@ const FormulaEditor = 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);
@@ -6536,7 +6678,7 @@ const FormulaEditor = forwardRef((props, ref) => {
 	useEffect(() => {
 		onFormulaSelectingChange(isSelecting, (docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) ?? true);
 	}, [onFormulaSelectingChange, isSelecting]);
-	useKeyboardEvent(isFocus, useMemo(() => createEditorUndoRedoKeyboardConfig({
+	const resolvedKeyboardEventConfig = useMemo(() => createEditorUndoRedoKeyboardConfig({
 		commandService,
 		univerInstanceService,
 		editorUnitId: editorId,
@@ -6547,7 +6689,8 @@ const FormulaEditor = forwardRef((props, ref) => {
 		editorId,
 		keyboardEventConfig,
 		univerInstanceService
-	]), editor);
+	]);
+	useKeyboardEvent(isFocus, resolvedKeyboardEventConfig, editor);
 	useLayoutEffect(() => {
 		let dispose;
 		if (formulaEditorContainerRef.current) {
@@ -6815,10 +6958,36 @@ let ComponentsController = class ComponentsController extends Disposable {
 };
 ComponentsController = __decorate([__decorateParam(0, Inject(ComponentManager)), __decorateParam(1, Inject(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 Disposable {
+	constructor(menuManagerService) {
+		super();
+		menuManagerService.mergeMenu(menuSchema);
+	}
+};
+FormulaMenuController = __decorate([__decorateParam(0, IMenuManagerService)], FormulaMenuController);
+
 //#endregion
 //#region src/views/range-selector/Global.tsx
 const GlobalRangeSelector = () => {
-	const current = useObservable(useDependency(GlobalRangeSelectorService).currentSelector$);
+	const rangeSelectorService = useDependency(GlobalRangeSelectorService);
+	const current = useObservable(rangeSelectorService.currentSelector$);
 	const instance = useRef(null);
 	useEffect(() => {
 		if (current) {
@@ -6864,6 +7033,7 @@ let UniverSheetsFormulaUIPlugin = class UniverSheetsFormulaUIPlugin extends Plug
 			[IFormulaPromptService, { useClass: FormulaPromptService }],
 			[GlobalRangeSelectorService],
 			[FormulaUIController],
+			[FormulaMenuController],
 			[FormulaClipboardController],
 			[FormulaEditorShowController],
 			[FormulaRenderManagerController],
@@ -6883,6 +7053,7 @@ let UniverSheetsFormulaUIPlugin = class UniverSheetsFormulaUIPlugin extends Plug
 		});
 		touchDependencies(this._injector, [
 			[FormulaUIController],
+			[FormulaMenuController],
 			[FormulaClipboardController],
 			[FormulaRenderManagerController],
 			[ImageFormulaRenderController]