@univerjs/sheets-formula-ui 1.0.0-alpha.6 → 1.0.0-alpha.8

package/lib/cjs/index.js

@@ -32,7 +32,7 @@ const SheetOnlyPasteFormulaCommand = {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.140.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.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.140.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.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.140.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.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.140.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.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.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.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.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);
@@ -328,7 +328,8 @@ const InsertFunctionOperation = {
 					editColumn = column;
 					return true;
 				}
-				const formulaString = `=${value}(${(0, _univerjs_engine_formula.serializeRange)(refRange)})`;
+				const rangeString = (0, _univerjs_engine_formula.serializeRange)(refRange);
+				const formulaString = `=${value}(${rangeString})`;
 				list.push({
 					range,
 					primary: {
@@ -341,12 +342,13 @@ const InsertFunctionOperation = {
 				const { startRow, startColumn, endRow, endColumn } = range;
 				if (startRow === endRow) {
 					const blankCellColumn = findBlankCellOfRow(cellMatrix, startRow, endColumn, worksheet.getColumnCount() - 1);
-					const formulaString = `=${value}(${(0, _univerjs_engine_formula.serializeRange)({
+					const rangeString = (0, _univerjs_engine_formula.serializeRange)({
 						startRow,
 						endRow,
 						startColumn,
 						endColumn: blankCellColumn === endColumn ? endColumn - 1 : endColumn
-					})})`;
+					});
+					const formulaString = `=${value}(${rangeString})`;
 					listOfRangeHasNumber.push({
 						range,
 						primary: {
@@ -363,12 +365,13 @@ const InsertFunctionOperation = {
 					}
 					const newEndRow = maxBlankCellRow === endRow ? endRow - 1 : endRow;
 					for (let c = startColumn; c <= endColumn; c++) {
-						const formulaString = `=${value}(${(0, _univerjs_engine_formula.serializeRange)({
+						const rangeString = (0, _univerjs_engine_formula.serializeRange)({
 							startRow,
 							endRow: newEndRow,
 							startColumn: c,
 							endColumn: c
-						})})`;
+						});
+						const formulaString = `=${value}(${rangeString})`;
 						listOfRangeHasNumber.push({
 							range,
 							primary: {
@@ -696,6 +699,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 {
@@ -720,7 +747,7 @@ let FormulaReorderController = class FormulaReorderController extends _univerjs_
 		const redos = [];
 		const undos = [];
 		const { unitId, subUnitId, range, order } = params;
-		const workbook = this._univerInstanceService.getUniverSheetInstance(unitId);
+		const workbook = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const worksheet = workbook === null || workbook === void 0 ? void 0 : workbook.getSheetBySheetId(subUnitId);
 		if (!worksheet) return {
 			redos,
@@ -798,7 +825,7 @@ function InsertCommonFunctionMenuItemFactory(accessor) {
 		value: name
 	}));
 	try {
-		const descriptionService = accessor.get(_univerjs_sheets_formula.IDescriptionService);
+		const descriptionService = accessor.get(_univerjs_engine_formula.IDescriptionService);
 		const filtered = commonFunctions.filter((name) => Boolean(descriptionService.getFunctionInfo(name)));
 		if (filtered.length > 0) selections = filtered.map((name) => ({
 			label: {
@@ -823,7 +850,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_engine_formula.IDescriptionService).getSearchListByType(functionType).map(({ name }) => ({
 				label: {
 					name,
 					selectable: false
@@ -903,6 +930,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 +996,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-formula-ui";
-var version = "1.0.0-alpha.6";
+var version = "1.0.0-alpha.8";
 
 //#endregion
 //#region src/config/config.ts
@@ -1262,7 +1295,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_engine_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);
@@ -1290,14 +1323,16 @@ const useFormulaDescribe = (isNeed, formulaText, editor) => {
 						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) {
-							setFunctionInfo(descriptionService.getFunctionInfo(currentSequenceNode.token));
+							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;
-								setFunctionInfo(descriptionService.getFunctionInfo(functionName));
+								const info = descriptionService.getFunctionInfo(functionName);
+								setFunctionInfo(info);
 								setParamIndex(paramIndex);
 								return;
 							}
@@ -1902,8 +1937,8 @@ function useFormulaSelecting(opts) {
 	const { editor, editorId, isFocus, disableOnClick, unitId, subUnitId } = opts;
 	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
-	const sheetRenderer = renderManagerService.getRenderById(unitId);
-	const renderer = renderManagerService.getRenderById(editorId);
+	const sheetRenderer = renderManagerService.getRenderUnitById(unitId);
+	const renderer = renderManagerService.getRenderUnitById(editorId);
 	const docSelectionRenderService = renderer === null || renderer === void 0 ? void 0 : renderer.with(_univerjs_docs_ui.DocSelectionRenderService);
 	const docSelectionManagerService = (0, _univerjs_ui.useDependency)(_univerjs_docs.DocSelectionManagerService);
 	const injector = (0, _univerjs_ui.useDependency)(_univerjs_core.Injector);
@@ -2061,30 +2096,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) {
@@ -2156,7 +2167,7 @@ function useSheetHighlight(unitId, subUnitId) {
 	const themeService = (0, _univerjs_ui.useDependency)(_univerjs_core.ThemeService);
 	const refSelectionsService = (0, _univerjs_ui.useDependency)(_univerjs_sheets.IRefSelectionsService);
 	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService);
-	const ownerRender = renderManagerService.getRenderById(unitId);
+	const ownerRender = renderManagerService.getRenderUnitById(unitId);
 	const ownerRefSelectionsRenderService = ownerRender === null || ownerRender === void 0 ? void 0 : ownerRender.with(RefSelectionsRenderService);
 	const getHighlightWorkbook = (0, _univerjs_ui.useEvent)((refSelections) => {
 		const ownerWorkbook = univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET);
@@ -2168,7 +2179,7 @@ function useSheetHighlight(unitId, subUnitId) {
 		var _currentWorkbook$getA;
 		const currentWorkbook = getHighlightWorkbook(refSelections);
 		if (!currentWorkbook) return;
-		const currentRender = renderManagerService.getRenderById(currentWorkbook.getUnitId());
+		const currentRender = renderManagerService.getRenderUnitById(currentWorkbook.getUnitId());
 		const refSelectionsRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(RefSelectionsRenderService);
 		const sheetSelectionRenderService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(_univerjs_sheets_ui.ISheetSelectionRenderService);
 		const sheetSkeletonManagerService = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(_univerjs_sheets_ui.SheetSkeletonManagerService);
@@ -2200,7 +2211,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_engine_formula.IDescriptionService);
 	const colorMap = useColor();
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const leadingCharacterLength = (0, react.useMemo)(() => _leadingCharacter.length, [_leadingCharacter]);
@@ -2224,7 +2235,7 @@ function useDocHight(_leadingCharacter = "") {
 				e.ed = e.ed + leadingCharacterLength;
 				e.st = e.st + leadingCharacterLength;
 			});
-			const highlightDataStream = getFormulaHighlightDataStream(_leadingCharacter, sequenceNodes, sourceText);
+			const highlightDataStream = (0, _univerjs_engine_formula.getFormulaHighlightDataStream)(_leadingCharacter, sequenceNodes, sourceText);
 			const highlightTextRuns = [{
 				st: 0,
 				ed: 1,
@@ -2259,12 +2270,6 @@ 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 useColor() {
 	const themeService = (0, _univerjs_ui.useDependency)(_univerjs_core.ThemeService);
 	return (0, react.useMemo)(() => {
@@ -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_engine_formula.buildFormulaTextRuns)(descriptionService, colorMap, sequenceNodes);
 }
 
 //#endregion
@@ -2545,7 +2478,7 @@ const useRefactorEffect = (isNeed, selecting, unitId, editorId, disableContextMe
 	const refSelectionsService = (0, _univerjs_ui.useDependency)(_univerjs_sheets.IRefSelectionsService);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	const currentUnit = (0, _univerjs_ui.useObservable)((0, react.useMemo)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET), [univerInstanceService]));
-	const render = renderManagerService.getRenderById((_currentUnit$getUnitI = currentUnit === null || currentUnit === void 0 ? void 0 : currentUnit.getUnitId()) !== null && _currentUnit$getUnitI !== void 0 ? _currentUnit$getUnitI : "");
+	const render = renderManagerService.getRenderUnitById((_currentUnit$getUnitI = currentUnit === null || currentUnit === void 0 ? void 0 : currentUnit.getUnitId()) !== null && _currentUnit$getUnitI !== void 0 ? _currentUnit$getUnitI : "");
 	const refSelectionsRenderService = render === null || render === void 0 ? void 0 : render.with(RefSelectionsRenderService);
 	(0, react.useLayoutEffect)(() => {
 		if (isNeed) {
@@ -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)}`;
 }
@@ -2807,7 +2722,7 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 		sheetName
 	});
 	const activeWorkbook = resolveFormulaSelectionWorkbook((0, _univerjs_ui.useObservable)((0, react.useMemo)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET), [univerInstanceService])), workbook);
-	const render = renderManagerService.getRenderById((_activeWorkbook$getUn = activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== null && _activeWorkbook$getUn !== void 0 ? _activeWorkbook$getUn : unitId);
+	const render = renderManagerService.getRenderUnitById((_activeWorkbook$getUn = activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== null && _activeWorkbook$getUn !== void 0 ? _activeWorkbook$getUn : 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);
 	const refSelectionsService = (0, _univerjs_ui.useDependency)(_univerjs_sheets.IRefSelectionsService);
@@ -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_engine_formula.isFormulaReferenceAddingContext)(sequenceNodes, offset) || (0, _univerjs_engine_formula.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_engine_formula.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_engine_formula.isFormulaReferenceAddingContext)(ctx.sequenceNodes, ctx.offset) || (0, _univerjs_engine_formula.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;
@@ -3108,7 +3023,7 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 const useSwitchSheet = (isNeed, unitId, isSupportAcrossSheet, isFocusSet, onBlur, refresh) => {
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const editorService = (0, _univerjs_ui.useDependency)(_univerjs_docs_ui.IEditorService);
-	const render = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+	const render = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	const refSelectionsRenderService = render === null || render === void 0 ? void 0 : render.with(RefSelectionsRenderService);
 	(0, react.useEffect)(() => {
@@ -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_engine_formula.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_engine_formula.IDescriptionService);
 	const [searchList, setSearchList] = (0, react.useState)([]);
 	const [searchText, setSearchText] = (0, react.useState)("");
 	const indexRef = (0, react.useRef)(-1);
@@ -3216,7 +3114,8 @@ 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));
+							const list = (0, _univerjs_engine_formula.searchFormulaFunctions)(descriptionService, token);
+							setSearchList(list);
 							setSearchText(token);
 							return;
 						}
@@ -3481,7 +3380,7 @@ const FormulaEditor = (0, react.forwardRef)((props, ref) => {
 		disableOnClick: disableSelectionOnClick
 	});
 	const highTextRef = (0, react.useRef)("");
-	const renderer = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.IRenderManagerService).getRenderById(editorId);
+	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]));
@@ -3863,7 +3762,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_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 options = getFunctionTypeValues(localeService, Boolean(customFunction)).filter((option) => descriptionService.getSearchListByType(Number(option.value)).length > 0);
@@ -3919,11 +3818,13 @@ function SelectFunction(props) {
 	};
 	function handleSelectChange(value) {
 		setTypeSelected(value);
-		setSelectList(descriptionService.getSearchListByType(+value));
+		const selectList = descriptionService.getSearchListByType(+value);
+		setSelectList(selectList);
 	}
 	function handleSearchInputChange(value) {
 		setSearchText(value);
-		setSelectList(descriptionService.getSearchListByName(value));
+		const selectList = descriptionService.getSearchListByName(value);
+		setSelectList(selectList);
 	}
 	function handleSelectListKeyDown(e) {
 		e.stopPropagation();
@@ -4182,11 +4083,12 @@ function useRangeSelectorSelectionChange(opts) {
 		if (!supportAcrossSheet && currentSheet.getSheetId() !== subUnitId) return;
 		if (!(selections === null || selections === void 0 ? void 0 : selections.length)) return;
 		const sheetName = keepSheetReference ? currentSheet.getName() : currentSheet.getSheetId() === subUnitId ? "" : currentSheet.getName();
-		onChange(selections.map((item) => ({
+		const ranges = selections.map((item) => ({
 			range: item.range,
 			unitId,
 			sheetName
-		})), isStart);
+		}));
+		onChange(ranges, isStart);
 	});
 	(0, react.useEffect)(() => {
 		const disposableCollection = new _univerjs_core.DisposableCollection();
@@ -4299,7 +4201,8 @@ function RangeSelectorDialog(props) {
 				});
 			} else {
 				newRanges.splice(focusIndex, 1, ...addedRanges);
-				setRanges(newRanges.slice(0, maxRangeCount));
+				const finalRanges = newRanges.slice(0, maxRangeCount);
+				setRanges(finalRanges);
 				setFocusIndex(focusIndex + addedRanges.length - 1);
 			}
 		}
@@ -4460,10 +4363,9 @@ function RangeSelector(props) {
 		maxRangeCount,
 		onConfirm: (ranges) => {
 			const resultStr = stringifyRanges(ranges);
-			const empty = _univerjs_core.RichTextBuilder.newEmptyData();
-			empty.body.dataStream = resultStr;
+			const documentData = _univerjs_core.RichTextBuilder.create().insertText(resultStr).getData();
 			editor === null || editor === void 0 || editor.replaceText(resultStr, false);
-			onChange === null || onChange === void 0 || onChange(empty, resultStr);
+			onChange === null || onChange === void 0 || onChange(documentData, resultStr);
 			setPopupVisible(false);
 			setRangeSelectorRanges([]);
 			requestAnimationFrame(() => {
@@ -4750,7 +4652,7 @@ function getSetCellFormulaMutations(unitId, subUnitId, range, matrix, accessor,
 	const setValuesMutation = {
 		unitId,
 		subUnitId,
-		cellValue: valueMatrix.getData()
+		cellValue: valueMatrix.clone()
 	};
 	redoMutationsInfo.push({
 		id: _univerjs_sheets.SetRangeValuesMutation.id,
@@ -5093,7 +4995,7 @@ let FormulaEditorShowController = class FormulaEditorShowController extends _uni
 		return cellInfo;
 	}
 	_createArrayFormulaRangeShape(arrayRange, unitId, subUnitId) {
-		const renderUnit = this._renderManagerService.getRenderById(unitId);
+		const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
 		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, subUnitId);
 		if (!renderUnit || !skeleton) return;
 		const { scene } = renderUnit;
@@ -5230,7 +5132,7 @@ let ImageFormulaRenderController = class ImageFormulaRenderController extends _u
 		this._imageFormulaCellInterceptorController.registerRefreshRenderFunction(() => {
 			const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 			if (!workbook) return;
-			const render = this._renderManagerService.getRenderById(workbook.getUnitId());
+			const render = this._renderManagerService.getRenderUnitById(workbook.getUnitId());
 			if (!render) return;
 			render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).reCalculate();
 			const mainComponent = render.mainComponent;
@@ -5456,7 +5358,7 @@ _defineProperty(UniverSheetsFormulaUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsFormulaUIPlugin, "version", version);
 _defineProperty(UniverSheetsFormulaUIPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_SHEET);
 UniverSheetsFormulaUIPlugin = __decorate([
-	(0, _univerjs_core.DependentOn)(_univerjs_sheets_formula.UniverSheetsFormulaPlugin),
+	(0, _univerjs_core.DependentOn)(_univerjs_engine_formula.UniverFormulaEnginePlugin, _univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_sheets.UniverSheetsPlugin, _univerjs_ui.UniverUIPlugin, _univerjs_sheets_formula.UniverSheetsFormulaPlugin, _univerjs_sheets_ui.UniverSheetsUIPlugin),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(2, _univerjs_engine_render.IRenderManagerService),
 	__decorateParam(3, _univerjs_core.IConfigService),
@@ -5493,4 +5395,5 @@ Object.defineProperty(exports, 'UniverSheetsFormulaUIPlugin', {
   get: function () {
     return UniverSheetsFormulaUIPlugin;
   }
-});
+});
+exports.genFormulaRefSelectionStyle = genFormulaRefSelectionStyle;