@univerjs/sheets-formula-ui 1.0.0-alpha.5 → 1.0.0-alpha.7

package/lib/cjs/index.js

@@ -9,10 +9,12 @@ let _univerjs_sheets = require("@univerjs/sheets");
 let _univerjs_sheets_formula = require("@univerjs/sheets-formula");
 let _univerjs_ui = require("@univerjs/ui");
 let _univerjs_docs = require("@univerjs/docs");
+let _univerjs_formula = require("@univerjs/formula");
 let _univerjs_icons = require("@univerjs/icons");
 let _univerjs_design = require("@univerjs/design");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
+let _univerjs_formula_ui = require("@univerjs/formula-ui");
 let rxjs_operators = require("rxjs/operators");
 
 //#region src/commands/commands/formula-clipboard.command.ts
@@ -696,6 +698,30 @@ const SearchFunctionOperation = {
 	}
 };
 
+//#endregion
+//#region src/common/selection.ts
+function genFormulaRefSelectionStyle(themeService, refColor, id) {
+	return {
+		id,
+		strokeWidth: 1,
+		stroke: refColor,
+		fill: new _univerjs_core.ColorKit(refColor).setAlpha(.05).toRgbString(),
+		widgets: {
+			tl: true,
+			tc: true,
+			tr: true,
+			ml: true,
+			mr: true,
+			bl: true,
+			bc: true,
+			br: true
+		},
+		widgetSize: 6,
+		widgetStrokeWidth: 1,
+		widgetStroke: themeService.getColorFromTheme("white")
+	};
+}
+
 //#endregion
 //#region src/controllers/formula-reorder.controller.ts
 let FormulaReorderController = class FormulaReorderController extends _univerjs_core.Disposable {
@@ -798,7 +824,7 @@ function InsertCommonFunctionMenuItemFactory(accessor) {
 		value: name
 	}));
 	try {
-		const descriptionService = accessor.get(_univerjs_sheets_formula.IDescriptionService);
+		const descriptionService = accessor.get(_univerjs_formula.IDescriptionService);
 		const filtered = commonFunctions.filter((name) => Boolean(descriptionService.getFunctionInfo(name)));
 		if (filtered.length > 0) selections = filtered.map((name) => ({
 			label: {
@@ -823,7 +849,7 @@ function createInsertFunctionCategoryMenuItemFactory(functionType, categoryKey,
 	return function insertFunctionCategoryMenuItemFactory(accessor) {
 		let selections = [];
 		try {
-			selections = accessor.get(_univerjs_sheets_formula.IDescriptionService).getSearchListByType(functionType).map(({ name }) => ({
+			selections = accessor.get(_univerjs_formula.IDescriptionService).getSearchListByType(functionType).map(({ name }) => ({
 				label: {
 					name,
 					selectable: false
@@ -903,6 +929,12 @@ const menuSchema = {
 	[_univerjs_ui.RibbonFormulasGroup.BASIC]: {
 		[`${InsertFunctionOperation.id}.common`]: {
 			order: 0,
+			gridLayout: {
+				row: 1,
+				column: 1,
+				rowSpan: 2,
+				showLabel: false
+			},
 			menuItemFactory: InsertCommonFunctionMenuItemFactory,
 			[MoreFunctionsOperation.id]: {
 				order: 0,
@@ -963,7 +995,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-formula-ui";
-var version = "1.0.0-alpha.5";
+var version = "1.0.0-alpha.7";
 
 //#endregion
 //#region src/config/config.ts
@@ -1262,7 +1294,7 @@ const useStateRef = (value) => {
 //#region src/views/formula-editor/hooks/use-formula-describe.ts
 const useFormulaDescribe = (isNeed, formulaText, editor) => {
 	const formulaPromptService = (0, _univerjs_ui.useDependency)(IFormulaPromptService);
-	const descriptionService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_formula.IDescriptionService);
+	const descriptionService = (0, _univerjs_ui.useDependency)(_univerjs_formula.IDescriptionService);
 	const lexerTreeBuilder = (0, _univerjs_ui.useDependency)(_univerjs_engine_formula.LexerTreeBuilder);
 	const [functionInfo, setFunctionInfo] = (0, react.useState)();
 	const [paramIndex, setParamIndex] = (0, react.useState)(-1);
@@ -2061,30 +2093,6 @@ const useFormulaToken = () => {
 	return (0, react.useCallback)((text) => lexerTreeBuilder.sequenceNodesBuilder(text) || [], [lexerTreeBuilder]);
 };
 
-//#endregion
-//#region src/common/selection.ts
-function genFormulaRefSelectionStyle(themeService, refColor, id) {
-	return {
-		id,
-		strokeWidth: 1,
-		stroke: refColor,
-		fill: new _univerjs_core.ColorKit(refColor).setAlpha(.05).toRgbString(),
-		widgets: {
-			tl: true,
-			tc: true,
-			tr: true,
-			ml: true,
-			mr: true,
-			bl: true,
-			bc: true,
-			br: true
-		},
-		widgetSize: 6,
-		widgetStrokeWidth: 1,
-		widgetStroke: themeService.getColorFromTheme("white")
-	};
-}
-
 //#endregion
 //#region src/views/formula-editor/hooks/use-highlight.ts
 function isSameSelectionRange(left, right) {
@@ -2200,7 +2208,7 @@ function useSheetHighlight(unitId, subUnitId) {
 	return highlightSheet;
 }
 function useDocHight(_leadingCharacter = "") {
-	const descriptionService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_formula.IDescriptionService);
+	const descriptionService = (0, _univerjs_ui.useDependency)(_univerjs_formula.IDescriptionService);
 	const colorMap = useColor();
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const leadingCharacterLength = (0, react.useMemo)(() => _leadingCharacter.length, [_leadingCharacter]);
@@ -2260,10 +2268,7 @@ function createFormulaHighlightBody(dataStream, textRuns) {
 	};
 }
 function getFormulaHighlightDataStream(leadingCharacter, sequenceNodes, sourceText) {
-	return `${leadingCharacter}${sourceText !== null && sourceText !== void 0 ? sourceText : sequenceNodes.reduce((pre, cur) => {
-		if (typeof cur === "string") return `${pre}${cur}`;
-		return `${pre}${cur.token}`;
-	}, "")}\r\n`;
+	return (0, _univerjs_formula_ui.getFormulaHighlightDataStream)(leadingCharacter, sequenceNodes, sourceText);
 }
 function useColor() {
 	const themeService = (0, _univerjs_ui.useDependency)(_univerjs_core.ThemeService);
@@ -2290,79 +2295,7 @@ function useColor() {
 	}, [themeService.getCurrentTheme()]);
 }
 function buildTextRuns(descriptionService, colorMap, sequenceNodes) {
-	const { formulaRefColors, numberColor, stringColor, plainTextColor } = colorMap;
-	const textRuns = [];
-	const refSelections = [];
-	const themeColorMap = /* @__PURE__ */ new Map();
-	let refColorIndex = 0;
-	for (let i = 0, len = sequenceNodes.length; i < len; i++) {
-		const node = sequenceNodes[i];
-		if (typeof node === "string") {
-			const theLastItem = textRuns[textRuns.length - 1];
-			const start = theLastItem ? theLastItem.ed : 0;
-			const end = start + node.length;
-			textRuns.push({
-				st: start,
-				ed: end,
-				ts: {
-					cl: { rgb: plainTextColor },
-					fs: 11
-				}
-			});
-			continue;
-		}
-		if (descriptionService.hasDefinedNameDescription(node.token.trim())) {
-			textRuns.push({
-				st: node.startIndex,
-				ed: node.endIndex + 1,
-				ts: {
-					cl: { rgb: plainTextColor },
-					fs: 11
-				}
-			});
-			continue;
-		}
-		const { startIndex, endIndex, nodeType, token } = node;
-		let themeColor = "";
-		if (nodeType === _univerjs_engine_formula.sequenceNodeType.REFERENCE) {
-			if (themeColorMap.has(token)) themeColor = themeColorMap.get(token);
-			else {
-				themeColor = formulaRefColors[refColorIndex % formulaRefColors.length];
-				themeColorMap.set(token, themeColor);
-				refColorIndex++;
-			}
-			refSelections.push({
-				refIndex: i,
-				themeColor,
-				token,
-				startIndex: node.startIndex,
-				endIndex: node.endIndex,
-				index: refSelections.length
-			});
-		} else if (nodeType === _univerjs_engine_formula.sequenceNodeType.NUMBER) themeColor = numberColor;
-		else if (nodeType === _univerjs_engine_formula.sequenceNodeType.STRING) themeColor = stringColor;
-		else if (nodeType === _univerjs_engine_formula.sequenceNodeType.ARRAY) themeColor = stringColor;
-		if (themeColor && themeColor.length > 0) textRuns.push({
-			st: startIndex,
-			ed: endIndex + 1,
-			ts: {
-				cl: { rgb: themeColor },
-				fs: 11
-			}
-		});
-		else textRuns.push({
-			st: startIndex,
-			ed: endIndex + 1,
-			ts: {
-				cl: { rgb: plainTextColor },
-				fs: 11
-			}
-		});
-	}
-	return {
-		textRuns,
-		refSelections
-	};
+	return (0, _univerjs_formula_ui.buildFormulaTextRuns)(descriptionService, colorMap, sequenceNodes);
 }
 
 //#endregion
@@ -2652,24 +2585,6 @@ const prepareSelectionChangeContext = (opts) => {
 		offset
 	};
 };
-function getSequenceNodeCharAtOffset(sequenceNodes, offset) {
-	let currentOffset = 0;
-	for (const node of sequenceNodes) {
-		const text = typeof node === "string" ? node : node.token;
-		const nextOffset = currentOffset + text.length;
-		if (offset > currentOffset && offset <= nextOffset) return text[offset - currentOffset - 1];
-		currentOffset = nextOffset;
-	}
-}
-function isFormulaReferenceAddingContext(sequenceNodes, offset) {
-	const char = getSequenceNodeCharAtOffset(sequenceNodes, offset);
-	return Boolean(char && (0, _univerjs_engine_formula.matchRefDrawToken)(char));
-}
-function isFormulaReferenceAddingTextContext(formulaText, offset) {
-	const char = formulaText[offset - 1];
-	const nextChar = formulaText[offset];
-	return Boolean(char && (0, _univerjs_engine_formula.matchRefDrawToken)(char) && (!nextChar || (0, _univerjs_engine_formula.isFormulaLexerToken)(nextChar) && nextChar !== _univerjs_engine_formula.matchToken.OPEN_BRACKET));
-}
 function insertFormulaReferenceText(formulaText, refText, offset) {
 	return `${formulaText.slice(0, offset)}${refText}${formulaText.slice(offset)}`;
 }
@@ -2820,7 +2735,7 @@ 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 (isSelectingRef.current === 1 || (0, _univerjs_formula_ui.isFormulaReferenceAddingContext)(sequenceNodes, offset) || (0, _univerjs_formula_ui.isFormulaReferenceAddingTextContext)(formulaText, offset)) if (offset !== 0) {
 			var _range$sheetId, _range$unitId, _range$unitId2;
 			if (nodeIndex === -1 && sequenceNodes.length) return;
 			const range = getLastFormulaSelection(selections);
@@ -2835,7 +2750,7 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 			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)) {
+			if ((0, _univerjs_formula_ui.isFormulaReferenceAddingTextContext)(formulaText, offset)) {
 				handleRangeChange(insertFormulaReferenceText(formulaText, refRanges[0], offset), offset + refRanges[0].length, isEnd);
 				return;
 			}
@@ -3026,7 +2941,7 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 							editor,
 							lexerTreeBuilder
 						});
-						const isAdd = isSelectingRef.current === 1 || Boolean(ctx && (isFormulaReferenceAddingContext(ctx.sequenceNodes, ctx.offset) || isFormulaReferenceAddingTextContext(ctx.formulaText, ctx.offset)));
+						const isAdd = isSelectingRef.current === 1 || Boolean(ctx && ((0, _univerjs_formula_ui.isFormulaReferenceAddingContext)(ctx.sequenceNodes, ctx.offset) || (0, _univerjs_formula_ui.isFormulaReferenceAddingTextContext)(ctx.formulaText, ctx.offset)));
 						const selections = ((_refSelectionsRenderS = refSelectionsRenderService === null || refSelectionsRenderService === void 0 ? void 0 : refSelectionsRenderService.getSelectionDataWithStyle()) !== null && _refSelectionsRenderS !== void 0 ? _refSelectionsRenderS : []).map((i) => i.rangeWithCoord);
 						if (isAdd) {
 							if (selections.length > 0 && isSameFormulaSelection(selections[selections.length - 1], range)) return;
@@ -3171,28 +3086,11 @@ const useVerify = (isNeed, onVerify, formulaText) => {
 
 //#endregion
 //#region src/views/formula-editor/hooks/use-formula-search.ts
-function shouldAppendOpenBracket(functionType) {
-	return functionType !== _univerjs_engine_formula.FunctionType.DefinedName && functionType !== _univerjs_engine_formula.FunctionType.Table;
-}
 function getFormulaReplaceResult(nodes, index, formulaName, functionType) {
-	const cloneNodes = [...nodes];
-	if (index !== -1) {
-		const lastNodes = cloneNodes.splice(index + 1);
-		const oldNode = cloneNodes.pop() || "";
-		let offset = (typeof oldNode === "string" ? oldNode.length : oldNode.token.length) - formulaName.length;
-		cloneNodes.push(formulaName);
-		if (lastNodes[0] !== _univerjs_engine_formula.matchToken.OPEN_BRACKET && shouldAppendOpenBracket(functionType)) {
-			cloneNodes.push(_univerjs_engine_formula.matchToken.OPEN_BRACKET);
-			offset--;
-		}
-		return {
-			text: sequenceNodeToText([...cloneNodes, ...lastNodes]),
-			offset
-		};
-	}
+	return (0, _univerjs_formula_ui.getFormulaReplaceResult)(nodes, index, formulaName, functionType);
 }
 const useFormulaSearch = (isNeed, nodes = [], editor) => {
-	const descriptionService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_formula.IDescriptionService);
+	const descriptionService = (0, _univerjs_ui.useDependency)(_univerjs_formula.IDescriptionService);
 	const [searchList, setSearchList] = (0, react.useState)([]);
 	const [searchText, setSearchText] = (0, react.useState)("");
 	const indexRef = (0, react.useRef)(-1);
@@ -3216,7 +3114,7 @@ const useFormulaSearch = (isNeed, nodes = [], editor) => {
 						if (currentNode && typeof currentNode !== "string" && currentNode.nodeType === _univerjs_engine_formula.sequenceNodeType.FUNCTION) {
 							indexRef.current = currentNodeIndex;
 							const token = currentNode.token;
-							setSearchList(descriptionService.getSearchListByNameFirstLetter(token).slice(0, 10));
+							setSearchList((0, _univerjs_formula_ui.searchFormulaFunctions)(descriptionService, token));
 							setSearchText(token);
 							return;
 						}
@@ -3863,7 +3761,7 @@ function SelectFunction(props) {
 	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_sheets_formula.IDescriptionService);
+	const descriptionService = (0, _univerjs_ui.useDependency)(_univerjs_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 options = getFunctionTypeValues(localeService, Boolean(customFunction)).filter((option) => descriptionService.getSearchListByType(Number(option.value)).length > 0);
@@ -5493,4 +5391,5 @@ Object.defineProperty(exports, 'UniverSheetsFormulaUIPlugin', {
   get: function () {
     return UniverSheetsFormulaUIPlugin;
   }
-});
+});
+exports.genFormulaRefSelectionStyle = genFormulaRefSelectionStyle;

package/lib/es/index.js

@@ -5,13 +5,15 @@ import { BehaviorSubject, Subject, combineLatestWith, debounceTime, distinctUnti
 import { DocBackScrollRenderController, DocSelectionRenderService, IEditorService, MoveCursorOperation, MoveSelectionOperation, ReplaceTextRunsCommand, RichTextEditor, createEditorUndoRedoKeyboardConfig, useKeyboardEvent, useResize } from "@univerjs/docs-ui";
 import { DeviceInputEventType, IRenderManagerService, SHEET_VIEWPORT_KEY, ScrollTimerType, Vector2 } from "@univerjs/engine-render";
 import { BEFORE_CELL_EDIT, INTERCEPTOR_POINT, IRefSelectionsService, REF_SELECTIONS_ENABLED, RangeProtectionPermissionEditPoint, RangeProtectionPermissionViewPoint, ReorderRangeCommand, SelectionMoveType, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetSelectionsOperation, SetWorksheetActiveOperation, SetWorksheetRowAutoHeightMutation, SheetInterceptorService, SheetSkeletonService, SheetsSelectionsService, WorkbookCopyPermission, WorkbookEditablePermission, WorksheetCopyPermission, WorksheetEditPermission, WorksheetSetCellValuePermission, attachSelectionWithCoord, convertSelectionDataToRange, getCellAtRowCol, getSheetCommandTarget, setEndForRange } from "@univerjs/sheets";
-import { IDescriptionService, ImageFormulaCellInterceptorController, InsertFunctionCommand, PLUGIN_CONFIG_KEY_BASE, QuickSumCommand, TriggerCalculationController, UniverSheetsFormulaPlugin } from "@univerjs/sheets-formula";
+import { ImageFormulaCellInterceptorController, InsertFunctionCommand, PLUGIN_CONFIG_KEY_BASE, QuickSumCommand, TriggerCalculationController, UniverSheetsFormulaPlugin } from "@univerjs/sheets-formula";
 import { BuiltInUIPart, ComponentManager, IContextMenuService, IMenuManagerService, IShortcutService, ISidebarService, IUIPartsService, IconManager, KeyCode, MenuItemType, MetaKeys, ProgressBar, RectPopup, RibbonFormulasGroup, connectInjector, getMenuHiddenObservable, useDependency, useEvent, useObservable, useUpdateEffect } from "@univerjs/ui";
 import { DocSelectionManagerService } from "@univerjs/docs";
+import { IDescriptionService } from "@univerjs/formula";
 import { CheckMarkIcon, CloseIcon, DatabaseFunctionIcon, DateFunctionIcon, DeleteIcon, EngineeringFunctionIcon, FinancialFunctionIcon, FunctionIcon, IncreaseIcon, InformationFunctionIcon, LogicalFunctionIcon, LookupFunctionIcon, MathFunctionIcon, MoreRightIcon, SelectRangeIcon, StatisticalFunctionIcon, TextFunctionIcon } from "@univerjs/icons";
 import { Button, Dialog, Input, Select, Tooltip, borderClassName, borderLeftClassName, borderTopClassName, clsx, divideYClassName, scrollbarClassName } from "@univerjs/design";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { buildFormulaTextRuns, getFormulaHighlightDataStream, getFormulaReplaceResult, isFormulaReferenceAddingContext, isFormulaReferenceAddingTextContext, searchFormulaFunctions } from "@univerjs/formula-ui";
 import { debounceTime as debounceTime$1 } from "rxjs/operators";
 
 //#region src/commands/commands/formula-clipboard.command.ts
@@ -695,6 +697,30 @@ const SearchFunctionOperation = {
 	}
 };
 
+//#endregion
+//#region src/common/selection.ts
+function genFormulaRefSelectionStyle(themeService, refColor, id) {
+	return {
+		id,
+		strokeWidth: 1,
+		stroke: refColor,
+		fill: new ColorKit(refColor).setAlpha(.05).toRgbString(),
+		widgets: {
+			tl: true,
+			tc: true,
+			tr: true,
+			ml: true,
+			mr: true,
+			bl: true,
+			bc: true,
+			br: true
+		},
+		widgetSize: 6,
+		widgetStrokeWidth: 1,
+		widgetStroke: themeService.getColorFromTheme("white")
+	};
+}
+
 //#endregion
 //#region src/controllers/formula-reorder.controller.ts
 let FormulaReorderController = class FormulaReorderController extends Disposable {
@@ -902,6 +928,12 @@ const menuSchema = {
 	[RibbonFormulasGroup.BASIC]: {
 		[`${InsertFunctionOperation.id}.common`]: {
 			order: 0,
+			gridLayout: {
+				row: 1,
+				column: 1,
+				rowSpan: 2,
+				showLabel: false
+			},
 			menuItemFactory: InsertCommonFunctionMenuItemFactory,
 			[MoreFunctionsOperation.id]: {
 				order: 0,
@@ -962,7 +994,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-formula-ui";
-var version = "1.0.0-alpha.5";
+var version = "1.0.0-alpha.7";
 
 //#endregion
 //#region src/config/config.ts
@@ -2060,30 +2092,6 @@ const useFormulaToken = () => {
 	return useCallback((text) => lexerTreeBuilder.sequenceNodesBuilder(text) || [], [lexerTreeBuilder]);
 };
 
-//#endregion
-//#region src/common/selection.ts
-function genFormulaRefSelectionStyle(themeService, refColor, id) {
-	return {
-		id,
-		strokeWidth: 1,
-		stroke: refColor,
-		fill: new ColorKit(refColor).setAlpha(.05).toRgbString(),
-		widgets: {
-			tl: true,
-			tc: true,
-			tr: true,
-			ml: true,
-			mr: true,
-			bl: true,
-			bc: true,
-			br: true
-		},
-		widgetSize: 6,
-		widgetStrokeWidth: 1,
-		widgetStroke: themeService.getColorFromTheme("white")
-	};
-}
-
 //#endregion
 //#region src/views/formula-editor/hooks/use-highlight.ts
 function isSameSelectionRange(left, right) {
@@ -2223,7 +2231,7 @@ function useDocHight(_leadingCharacter = "") {
 				e.ed = e.ed + leadingCharacterLength;
 				e.st = e.st + leadingCharacterLength;
 			});
-			const highlightDataStream = getFormulaHighlightDataStream(_leadingCharacter, sequenceNodes, sourceText);
+			const highlightDataStream = getFormulaHighlightDataStream$1(_leadingCharacter, sequenceNodes, sourceText);
 			const highlightTextRuns = [{
 				st: 0,
 				ed: 1,
@@ -2258,11 +2266,8 @@ function createFormulaHighlightBody(dataStream, textRuns) {
 		textRuns
 	};
 }
-function getFormulaHighlightDataStream(leadingCharacter, sequenceNodes, sourceText) {
-	return `${leadingCharacter}${sourceText !== null && sourceText !== void 0 ? sourceText : sequenceNodes.reduce((pre, cur) => {
-		if (typeof cur === "string") return `${pre}${cur}`;
-		return `${pre}${cur.token}`;
-	}, "")}\r\n`;
+function getFormulaHighlightDataStream$1(leadingCharacter, sequenceNodes, sourceText) {
+	return getFormulaHighlightDataStream(leadingCharacter, sequenceNodes, sourceText);
 }
 function useColor() {
 	const themeService = useDependency(ThemeService);
@@ -2289,79 +2294,7 @@ function useColor() {
 	}, [themeService.getCurrentTheme()]);
 }
 function buildTextRuns(descriptionService, colorMap, sequenceNodes) {
-	const { formulaRefColors, numberColor, stringColor, plainTextColor } = colorMap;
-	const textRuns = [];
-	const refSelections = [];
-	const themeColorMap = /* @__PURE__ */ new Map();
-	let refColorIndex = 0;
-	for (let i = 0, len = sequenceNodes.length; i < len; i++) {
-		const node = sequenceNodes[i];
-		if (typeof node === "string") {
-			const theLastItem = textRuns[textRuns.length - 1];
-			const start = theLastItem ? theLastItem.ed : 0;
-			const end = start + node.length;
-			textRuns.push({
-				st: start,
-				ed: end,
-				ts: {
-					cl: { rgb: plainTextColor },
-					fs: 11
-				}
-			});
-			continue;
-		}
-		if (descriptionService.hasDefinedNameDescription(node.token.trim())) {
-			textRuns.push({
-				st: node.startIndex,
-				ed: node.endIndex + 1,
-				ts: {
-					cl: { rgb: plainTextColor },
-					fs: 11
-				}
-			});
-			continue;
-		}
-		const { startIndex, endIndex, nodeType, token } = node;
-		let themeColor = "";
-		if (nodeType === sequenceNodeType.REFERENCE) {
-			if (themeColorMap.has(token)) themeColor = themeColorMap.get(token);
-			else {
-				themeColor = formulaRefColors[refColorIndex % formulaRefColors.length];
-				themeColorMap.set(token, themeColor);
-				refColorIndex++;
-			}
-			refSelections.push({
-				refIndex: i,
-				themeColor,
-				token,
-				startIndex: node.startIndex,
-				endIndex: node.endIndex,
-				index: refSelections.length
-			});
-		} else if (nodeType === sequenceNodeType.NUMBER) themeColor = numberColor;
-		else if (nodeType === sequenceNodeType.STRING) themeColor = stringColor;
-		else if (nodeType === sequenceNodeType.ARRAY) themeColor = stringColor;
-		if (themeColor && themeColor.length > 0) textRuns.push({
-			st: startIndex,
-			ed: endIndex + 1,
-			ts: {
-				cl: { rgb: themeColor },
-				fs: 11
-			}
-		});
-		else textRuns.push({
-			st: startIndex,
-			ed: endIndex + 1,
-			ts: {
-				cl: { rgb: plainTextColor },
-				fs: 11
-			}
-		});
-	}
-	return {
-		textRuns,
-		refSelections
-	};
+	return buildFormulaTextRuns(descriptionService, colorMap, sequenceNodes);
 }
 
 //#endregion
@@ -2651,24 +2584,6 @@ const prepareSelectionChangeContext = (opts) => {
 		offset
 	};
 };
-function getSequenceNodeCharAtOffset(sequenceNodes, offset) {
-	let currentOffset = 0;
-	for (const node of sequenceNodes) {
-		const text = typeof node === "string" ? node : node.token;
-		const nextOffset = currentOffset + text.length;
-		if (offset > currentOffset && offset <= nextOffset) return text[offset - currentOffset - 1];
-		currentOffset = nextOffset;
-	}
-}
-function isFormulaReferenceAddingContext(sequenceNodes, offset) {
-	const char = getSequenceNodeCharAtOffset(sequenceNodes, offset);
-	return Boolean(char && matchRefDrawToken(char));
-}
-function isFormulaReferenceAddingTextContext(formulaText, offset) {
-	const char = formulaText[offset - 1];
-	const nextChar = formulaText[offset];
-	return Boolean(char && matchRefDrawToken(char) && (!nextChar || isFormulaLexerToken(nextChar) && nextChar !== matchToken.OPEN_BRACKET));
-}
 function insertFormulaReferenceText(formulaText, refText, offset) {
 	return `${formulaText.slice(0, offset)}${refText}${formulaText.slice(offset)}`;
 }
@@ -3170,25 +3085,8 @@ const useVerify = (isNeed, onVerify, formulaText) => {
 
 //#endregion
 //#region src/views/formula-editor/hooks/use-formula-search.ts
-function shouldAppendOpenBracket(functionType) {
-	return functionType !== FunctionType.DefinedName && functionType !== FunctionType.Table;
-}
-function getFormulaReplaceResult(nodes, index, formulaName, functionType) {
-	const cloneNodes = [...nodes];
-	if (index !== -1) {
-		const lastNodes = cloneNodes.splice(index + 1);
-		const oldNode = cloneNodes.pop() || "";
-		let offset = (typeof oldNode === "string" ? oldNode.length : oldNode.token.length) - formulaName.length;
-		cloneNodes.push(formulaName);
-		if (lastNodes[0] !== matchToken.OPEN_BRACKET && shouldAppendOpenBracket(functionType)) {
-			cloneNodes.push(matchToken.OPEN_BRACKET);
-			offset--;
-		}
-		return {
-			text: sequenceNodeToText([...cloneNodes, ...lastNodes]),
-			offset
-		};
-	}
+function getFormulaReplaceResult$1(nodes, index, formulaName, functionType) {
+	return getFormulaReplaceResult(nodes, index, formulaName, functionType);
 }
 const useFormulaSearch = (isNeed, nodes = [], editor) => {
 	const descriptionService = useDependency(IDescriptionService);
@@ -3215,7 +3113,7 @@ const useFormulaSearch = (isNeed, nodes = [], editor) => {
 						if (currentNode && typeof currentNode !== "string" && currentNode.nodeType === sequenceNodeType.FUNCTION) {
 							indexRef.current = currentNodeIndex;
 							const token = currentNode.token;
-							setSearchList(descriptionService.getSearchListByNameFirstLetter(token).slice(0, 10));
+							setSearchList(searchFormulaFunctions(descriptionService, token));
 							setSearchText(token);
 							return;
 						}
@@ -3237,7 +3135,7 @@ const useFormulaSearch = (isNeed, nodes = [], editor) => {
 		if (!isNeed) reset();
 	}, [isNeed]);
 	const handlerFormulaReplace = (formulaName, functionType) => {
-		return getFormulaReplaceResult(stateRef.current.nodes, indexRef.current, formulaName, functionType);
+		return getFormulaReplaceResult$1(stateRef.current.nodes, indexRef.current, formulaName, functionType);
 	};
 	return {
 		searchList,
@@ -5463,4 +5361,4 @@ UniverSheetsFormulaUIPlugin = __decorate([
 ], UniverSheetsFormulaUIPlugin);
 
 //#endregion
-export { FORMULA_PROMPT_ACTIVATED, FormulaEditor, FormulaReorderController, GlobalRangeSelectorService, HelpFunctionOperation, InsertFunctionOperation, MoreFunctionsOperation, RangeSelector, RefSelectionsRenderService, ReferenceAbsoluteOperation, SearchFunctionOperation, SheetCopyFormulaOnlyCommand, SheetOnlyPasteFormulaCommand, menuSchema as SheetsFormulaUIMenuSchema, UniverSheetsFormulaUIPlugin };
+export { FORMULA_PROMPT_ACTIVATED, FormulaEditor, FormulaReorderController, GlobalRangeSelectorService, HelpFunctionOperation, InsertFunctionOperation, MoreFunctionsOperation, RangeSelector, RefSelectionsRenderService, ReferenceAbsoluteOperation, SearchFunctionOperation, SheetCopyFormulaOnlyCommand, SheetOnlyPasteFormulaCommand, menuSchema as SheetsFormulaUIMenuSchema, UniverSheetsFormulaUIPlugin, genFormulaRefSelectionStyle };