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

package/lib/es/index.js

@@ -6,7 +6,7 @@ import { DocBackScrollRenderController, DocSelectionRenderService, IEditorServic
 import { DeviceInputEventType, IRenderManagerService, SHEET_VIEWPORT_KEY, ScrollTimerType, UniverRenderEnginePlugin, 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, UniverSheetsPlugin, WorkbookCopyPermission, WorkbookEditablePermission, WorksheetCopyPermission, WorksheetEditPermission, WorksheetSetCellValuePermission, attachSelectionWithCoord, convertSelectionDataToRange, getCellAtRowCol, getSheetCommandTarget, setEndForRange } from "@univerjs/sheets";
 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, UniverUIPlugin, connectInjector, getMenuHiddenObservable, useDependency, useEvent, useObservable, useUpdateEffect } from "@univerjs/ui";
+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 { 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";
@@ -305,10 +305,9 @@ const InsertFunctionOperation = {
 		let editColumn = 0;
 		let editFormulaRangeString = "";
 		if (currentSelections.length === 1 && (isSingleCell(currentSelections[0].range) || isMultiRowsColumnsRange(currentSelections[0].range) && rangeHasNoNumber(cellMatrix, currentSelections[0].range))) {
-			var _primary$actualRow, _primary$actualColumn;
 			const { range, primary } = currentSelections[0];
-			const row = (_primary$actualRow = primary === null || primary === void 0 ? void 0 : primary.actualRow) !== null && _primary$actualRow !== void 0 ? _primary$actualRow : range.startRow;
-			const column = (_primary$actualColumn = primary === null || primary === void 0 ? void 0 : primary.actualColumn) !== null && _primary$actualColumn !== void 0 ? _primary$actualColumn : range.startColumn;
+			const row = (primary === null || primary === void 0 ? void 0 : primary.actualRow) ?? range.startRow;
+			const column = (primary === null || primary === void 0 ? void 0 : primary.actualColumn) ?? range.startColumn;
 			editRange = range;
 			editRow = row;
 			editColumn = column;
@@ -317,9 +316,8 @@ const InsertFunctionOperation = {
 		} else currentSelections.some((selection) => {
 			const { range, primary } = selection;
 			if (rangeHasNoNumber(cellMatrix, range)) {
-				var _primary$actualRow2, _primary$actualColumn2;
-				const row = (_primary$actualRow2 = primary === null || primary === void 0 ? void 0 : primary.actualRow) !== null && _primary$actualRow2 !== void 0 ? _primary$actualRow2 : range.startRow;
-				const column = (_primary$actualColumn2 = primary === null || primary === void 0 ? void 0 : primary.actualColumn) !== null && _primary$actualColumn2 !== void 0 ? _primary$actualColumn2 : range.startColumn;
+				const row = (primary === null || primary === void 0 ? void 0 : primary.actualRow) ?? range.startRow;
+				const column = (primary === null || primary === void 0 ? void 0 : primary.actualColumn) ?? range.startColumn;
 				const refRange = findRefRange(cellMatrix, row, column);
 				if (!refRange) {
 					editRange = range;
@@ -666,7 +664,7 @@ const ReferenceAbsoluteOperation = {
 	id: "formula-ui.operation.change-ref-to-absolute",
 	type: CommandType.OPERATION,
 	handler: async (accessor) => {
-		var _focusEditor$getDocum, _focusEditor$getDocum2;
+		var _focusEditor$getDocum;
 		const editorService = accessor.get(IEditorService);
 		const docSelectionManagerService = accessor.get(DocSelectionManagerService);
 		const lexerTreeBuilder = accessor.get(LexerTreeBuilder);
@@ -676,7 +674,7 @@ 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$getDocum2 = focusEditor.getDocumentData().body) === null || _focusEditor$getDocum2 === void 0 ? void 0 : _focusEditor$getDocum2.dataStream) !== null && _focusEditor$getDocum !== void 0 ? _focusEditor$getDocum : ""), activeTextRange.endOffset);
+		const nextReferenceState = toggleReferenceAbsoluteAtCursor(lexerTreeBuilder, BuildTextUtils.transform.getPlainText(((_focusEditor$getDocum = focusEditor.getDocumentData().body) === null || _focusEditor$getDocum === void 0 ? void 0 : _focusEditor$getDocum.dataStream) ?? ""), activeTextRange.endOffset);
 		if (!nextReferenceState) return false;
 		focusEditor.replaceText(nextReferenceState.formulaText, [{
 			startOffset: nextReferenceState.cursorOffset,
@@ -995,7 +993,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-formula-ui";
-var version = "1.0.0-alpha.8";
+var version = "1.0.0-beta.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -1049,8 +1047,7 @@ const FORMULA_EMBED_CHILD_UNIT_ID_ATTRIBUTE = "data-embed-child-unit-id";
 const IFormulaEmbedRuntimeFocusCoordinator = createIdentifier("sheets-formula-ui.embed-runtime-focus-coordinator");
 const IFormulaEmbedInteractionBoundaryService = createIdentifier("sheets-formula-ui.embed-interaction-boundary.service");
 function registerFormulaEditorRuntimePortal(options) {
-	var _options$ownerDocumen;
-	const ownerDocument = (_options$ownerDocumen = options.ownerDocument) !== null && _options$ownerDocumen !== void 0 ? _options$ownerDocumen : typeof document === "undefined" ? void 0 : document;
+	const ownerDocument = options.ownerDocument ?? (typeof document === "undefined" ? void 0 : document);
 	if (!ownerDocument) return toDisposable(() => {});
 	const collection = new DisposableCollection();
 	const view = ownerDocument.defaultView;
@@ -1105,8 +1102,7 @@ function registerFormulaEditorRuntimePortal(options) {
 	return collection;
 }
 function resolveFormulaEditorPortalRoot(editorId, ownerDocument) {
-	var _ref;
-	return (_ref = ownerDocument.getElementById(`univer-doc-selection-container-${editorId}`)) !== null && _ref !== void 0 ? _ref : ownerDocument.getElementById(`__editor_${editorId}`);
+	return ownerDocument.getElementById(`univer-doc-selection-container-${editorId}`) ?? ownerDocument.getElementById(`__editor_${editorId}`);
 }
 function registerFormulaEditorPortalRoot(options, ownerDocument, portalRoot) {
 	const collection = new DisposableCollection();
@@ -1122,14 +1118,13 @@ function registerFormulaEditorPortalRoot(options, ownerDocument, portalRoot) {
 	return collection;
 }
 function resolveFormulaEmbedRuntimeDomScope(root) {
-	var _scopeElement$getAttr, _scopeElement$getAttr2;
 	const scopeElement = root === null || root === void 0 ? void 0 : root.closest(`[${FORMULA_EMBED_ID_ATTRIBUTE}]`);
 	const embedId = scopeElement === null || scopeElement === void 0 ? void 0 : scopeElement.getAttribute(FORMULA_EMBED_ID_ATTRIBUTE);
 	if (!scopeElement || !embedId) return;
 	return {
 		embedId,
-		hostUnitId: (_scopeElement$getAttr = scopeElement.getAttribute("data-embed-host-unit-id")) !== null && _scopeElement$getAttr !== void 0 ? _scopeElement$getAttr : void 0,
-		childUnitId: (_scopeElement$getAttr2 = scopeElement.getAttribute("data-embed-child-unit-id")) !== null && _scopeElement$getAttr2 !== void 0 ? _scopeElement$getAttr2 : void 0
+		hostUnitId: scopeElement.getAttribute("data-embed-host-unit-id") ?? void 0,
+		childUnitId: scopeElement.getAttribute("data-embed-child-unit-id") ?? void 0
 	};
 }
 function resolveActiveFormulaEmbedRuntimeDomScope(ownerDocument) {
@@ -1141,9 +1136,9 @@ function isEventTargetInSameFormulaEmbedInteractionBoundary(left, right) {
 	return Boolean(leftOwner && leftOwner === resolveFormulaEmbedInteractionOwnerId(right));
 }
 function resolveFormulaEmbedInteractionOwnerId(target) {
-	var _target$closest$getAt, _target$closest;
+	var _target$closest;
 	if (!(target instanceof Element)) return;
-	return (_target$closest$getAt = (_target$closest = target.closest(`[${"data-embed-interaction-boundary-owner"}]`)) === null || _target$closest === void 0 ? void 0 : _target$closest.getAttribute("data-embed-interaction-boundary-owner")) !== null && _target$closest$getAt !== void 0 ? _target$closest$getAt : void 0;
+	return ((_target$closest = target.closest(`[${"data-embed-interaction-boundary-owner"}]`)) === null || _target$closest === void 0 ? void 0 : _target$closest.getAttribute("data-embed-interaction-boundary-owner")) ?? void 0;
 }
 
 //#endregion
@@ -1255,7 +1250,7 @@ function useEditorPosition(editorId, ready, deps) {
 		univerInstanceService.unitAdded$,
 		updatePosition,
 		ready,
-		...deps !== null && deps !== void 0 ? deps : []
+		...deps ?? []
 	]);
 	useResizeScrollObserver(updatePosition);
 	useEffect(() => {
@@ -1309,7 +1304,7 @@ const useFormulaDescribe = (isNeed, formulaText, editor) => {
 	};
 	useEffect(() => {
 		const nodes = lexerTreeBuilder.sequenceNodesBuilder(formulaText.slice(1));
-		formulaPromptService.setSequenceNodes(nodes !== null && nodes !== void 0 ? nodes : []);
+		formulaPromptService.setSequenceNodes(nodes ?? []);
 	}, [formulaText]);
 	useEffect(() => {
 		if (editor && isNeed) {
@@ -1387,20 +1382,19 @@ const HelpHiddenTip = ({ onClick }) => {
 
 //#endregion
 //#region src/views/formula-editor/help-function/HelpFunction.tsx
-const Params = ({ className, title, titleKey, value }) => {
-	const localeService = useDependency(LocaleService);
+function Params({ className, title, value }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "univer-my-2",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: clsx("univer-mb-2 univer-text-sm univer-font-medium univer-text-gray-900 dark:!univer-text-white", className),
-			children: titleKey ? localeService.t(titleKey) : title
+			children: title
 		}), /* @__PURE__ */ jsx("div", {
 			className: "univer-whitespace-pre-wrap univer-break-words univer-text-xs univer-text-gray-500",
 			children: value
 		})]
 	});
-};
-const Help = (props) => {
+}
+function Help(props) {
 	const { prefix, value, active, onClick } = props;
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsxs("span", { children: [prefix, "("] }),
@@ -1411,7 +1405,7 @@ const Help = (props) => {
 		}), i === value.length - 1 ? "" : ","] }, item.name)),
 		")"
 	] });
-};
+}
 function HelpFunction(props) {
 	const { onParamsSwitch = noop, onClose: propColose = noop, isFocus, editor, formulaText } = props;
 	const { functionInfo, paramIndex, reset } = useFormulaDescribe(isFocus, formulaText, editor);
@@ -1475,11 +1469,11 @@ function HelpFunction(props) {
 					className: "univer-mt-3",
 					children: [
 						/* @__PURE__ */ jsx(Params, {
-							titleKey: "sheets-formula-ui.prompt.helpExample",
+							title: localeService.t("sheets-formula-ui.prompt.helpExample"),
 							value: `${functionInfo.functionName}(${functionInfo.functionParameter.map((item) => item.example).join(",")})`
 						}),
 						/* @__PURE__ */ jsx(Params, {
-							titleKey: "sheets-formula-ui.prompt.helpAbstract",
+							title: localeService.t("sheets-formula-ui.prompt.helpAbstract"),
 							value: functionInfo.description
 						}),
 						functionInfo && functionInfo.functionParameter && functionInfo.functionParameter.map((item, i) => /* @__PURE__ */ jsx(Params, {
@@ -1507,8 +1501,8 @@ function focusFormulaEditor(editorService, editor, offset) {
 		endOffset: offset
 	}]);
 	else if (!selections.length) {
-		var _editor$getDocumentDa, _editor$getDocumentDa2;
-		const body = (_editor$getDocumentDa = (_editor$getDocumentDa2 = editor.getDocumentData().body) === null || _editor$getDocumentDa2 === void 0 ? void 0 : _editor$getDocumentDa2.dataStream) !== null && _editor$getDocumentDa !== void 0 ? _editor$getDocumentDa : "\r\n";
+		var _editor$getDocumentDa;
+		const body = ((_editor$getDocumentDa = editor.getDocumentData().body) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.dataStream) ?? "\r\n";
 		const offset = Math.max(body.length - 2, 0);
 		editor.setSelectionRanges([{
 			startOffset: offset,
@@ -1517,8 +1511,8 @@ function focusFormulaEditor(editorService, editor, offset) {
 	} else editor.setSelectionRanges(selections);
 }
 function focusFormulaEditorElement(editor) {
-	var _editor$editorDOM$own, _editor$editorDOM;
-	const editorElement = ((_editor$editorDOM$own = (_editor$editorDOM = editor.editorDOM) === null || _editor$editorDOM === void 0 ? void 0 : _editor$editorDOM.ownerDocument) !== null && _editor$editorDOM$own !== void 0 ? _editor$editorDOM$own : document).getElementById(`__editor_${editor.getEditorId()}`);
+	var _editor$editorDOM;
+	const editorElement = (((_editor$editorDOM = editor.editorDOM) === null || _editor$editorDOM === void 0 ? void 0 : _editor$editorDOM.ownerDocument) ?? document).getElementById(`__editor_${editor.getEditorId()}`);
 	editorElement === null || editorElement === void 0 || editorElement.focus({ preventScroll: true });
 }
 function shouldSkipFormulaEditorMouseUpFocus(_target) {
@@ -1652,9 +1646,8 @@ let RefSelectionsRenderService = class RefSelectionsRenderService extends BaseSe
 	* @param {ISelectionWithCoord} selectionWithStyle
 	*/
 	_addSelectionControlByModelData(selectionWithStyle) {
-		var _selectionWithStyle$s;
 		const skeleton = this._skeleton;
-		const style = (_selectionWithStyle$s = selectionWithStyle.style) !== null && _selectionWithStyle$s !== void 0 ? _selectionWithStyle$s : genNormalSelectionStyle(this._themeService);
+		const style = selectionWithStyle.style ?? genNormalSelectionStyle(this._themeService);
 		const scene = this._scene;
 		selectionWithStyle.style = style;
 		return this.newSelectionControl(scene, skeleton, selectionWithStyle);
@@ -1886,18 +1879,17 @@ function getDefaultRefSelectionStyle(themeService) {
 //#endregion
 //#region src/views/formula-editor/hooks/use-formula-selection.ts
 function resolveFormulaSelectionDataStream(accssor, editor, editorId) {
-	var _editor$getDocumentDa, _documentModel$getBod, _documentModel$getBod2;
+	var _editor$getDocumentDa, _documentModel$getBod;
 	const editorDataStream = editor === null || editor === void 0 || (_editor$getDocumentDa = editor.getDocumentData().body) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.dataStream;
 	if (editorDataStream != null) return {
 		dataStream: editorDataStream,
 		offset: 0
 	};
 	const univerInstanceService = accssor.get(IUniverInstanceService);
-	const editorDocumentModel = editorId ? univerInstanceService.getUnit(editorId, UniverInstanceType.UNIVER_DOC) : void 0;
-	const documentModel = editorDocumentModel !== null && editorDocumentModel !== void 0 ? editorDocumentModel : univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
+	const documentModel = (editorId ? univerInstanceService.getUnit(editorId, UniverInstanceType.UNIVER_DOC) : void 0) ?? univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_DOC);
 	if (!(documentModel === null || documentModel === void 0 ? void 0 : documentModel.getBody())) return;
 	return {
-		dataStream: (_documentModel$getBod = (_documentModel$getBod2 = documentModel.getBody()) === null || _documentModel$getBod2 === void 0 ? void 0 : _documentModel$getBod2.dataStream) !== null && _documentModel$getBod !== void 0 ? _documentModel$getBod : "",
+		dataStream: ((_documentModel$getBod = documentModel.getBody()) === null || _documentModel$getBod === void 0 ? void 0 : _documentModel$getBod.dataStream) ?? "",
 		offset: 0
 	};
 }
@@ -1905,8 +1897,7 @@ function shouldSkipReferenceEditingByPointer(isDisabledByPointer, disableOnClick
 	return isDisabledByPointer && !disableOnClick;
 }
 function resolveFormulaSelectionWorkbook(currentWorkbook, fallbackWorkbook) {
-	var _ref;
-	return (_ref = currentWorkbook !== null && currentWorkbook !== void 0 ? currentWorkbook : fallbackWorkbook) !== null && _ref !== void 0 ? _ref : void 0;
+	return currentWorkbook ?? fallbackWorkbook ?? void 0;
 }
 function resolveFormulaSelectionCursorIndex(activeRange, dataStream) {
 	const index = (activeRange === null || activeRange === void 0 ? void 0 : activeRange.collapsed) ? activeRange.startOffset : -1;
@@ -1955,16 +1946,16 @@ function useFormulaSelecting(opts) {
 		innerSetIsSelecting(v);
 	});
 	const calculateSelectingType = useEvent(() => {
-		var _editor$getSelectionR, _editor$getSelectionR2, _config$dataStream, _getSelectionAfterLag, _lexerTreeBuilder$seq;
+		var _editor$getSelectionR, _config$dataStream;
 		const currentWorkbook = resolveFormulaSelectionWorkbook(univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET), workbook);
 		if (!currentWorkbook) return;
 		const currentSheet = currentWorkbook.getActiveSheet();
-		const activeRange = (_editor$getSelectionR = editor === null || editor === void 0 || (_editor$getSelectionR2 = editor.getSelectionRanges()) === null || _editor$getSelectionR2 === void 0 ? void 0 : _editor$getSelectionR2[0]) !== null && _editor$getSelectionR !== void 0 ? _editor$getSelectionR : docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.getActiveTextRange();
+		const activeRange = (editor === null || editor === void 0 || (_editor$getSelectionR = editor.getSelectionRanges()) === null || _editor$getSelectionR === void 0 ? void 0 : _editor$getSelectionR[0]) ?? (docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.getActiveTextRange());
 		const config = resolveFormulaSelectionDataStream(injector, editor, editorId);
 		if (!config) return;
 		const dataStream = config === null || config === void 0 || (_config$dataStream = config.dataStream) === null || _config$dataStream === void 0 ? void 0 : _config$dataStream.slice(0, -2);
-		const index = resolveFormulaSelectionCursorIndex((_getSelectionAfterLag = getSelectionAfterLaggingFormulaInput(dataStream, activeRange, lastInputContentRef.current)) !== null && _getSelectionAfterLag !== void 0 ? _getSelectionAfterLag : activeRange, dataStream);
-		const nodes = ((_lexerTreeBuilder$seq = lexerTreeBuilder.sequenceNodesBuilder(dataStream)) !== null && _lexerTreeBuilder$seq !== void 0 ? _lexerTreeBuilder$seq : []).map((node) => {
+		const index = resolveFormulaSelectionCursorIndex(getSelectionAfterLaggingFormulaInput(dataStream, activeRange, lastInputContentRef.current) ?? activeRange, dataStream);
+		const nodes = (lexerTreeBuilder.sequenceNodesBuilder(dataStream) ?? []).map((node) => {
 			if (typeof node === "object") {
 				if (node.nodeType === sequenceNodeType.REFERENCE) return {
 					...node,
@@ -2172,7 +2163,7 @@ function useSheetHighlight(unitId, subUnitId) {
 		const ownerWorkbook = univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
 		const currentWorkbook = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
 		const currentUnitId = currentWorkbook === null || currentWorkbook === void 0 ? void 0 : currentWorkbook.getUnitId();
-		return Boolean(currentUnitId) && refSelections.some((refSelection) => deserializeRangeWithSheet(refSelection.token).unitId === currentUnitId) ? currentWorkbook : ownerWorkbook !== null && ownerWorkbook !== void 0 ? ownerWorkbook : currentWorkbook;
+		return Boolean(currentUnitId) && refSelections.some((refSelection) => deserializeRangeWithSheet(refSelection.token).unitId === currentUnitId) ? currentWorkbook : ownerWorkbook ?? currentWorkbook;
 	});
 	const highlightSheet = useEvent((refSelections, editor, isEnd = false) => {
 		var _currentWorkbook$getA;
@@ -2252,7 +2243,7 @@ function useDocHight(_leadingCharacter = "") {
 			commandService.syncExecuteCommand(ReplaceTextRunsCommand.id, {
 				unitId: editorId,
 				body: createFormulaHighlightBody(highlightDataStream.slice(0, -2), highlightTextRuns),
-				textRanges: newSelections !== null && newSelections !== void 0 ? newSelections : selections
+				textRanges: newSelections ?? selections
 			});
 			return refSelections;
 		}
@@ -2304,10 +2295,9 @@ function shouldMoveFormulaSelectionFromCurrentSelection(selectingType, refSelect
 	return selectingType === 3;
 }
 function isFormulaEditorInteractionOwner(focusEditorId, editorId, options) {
-	var _options$formulaBarEd, _options$normalEditor;
 	if (focusEditorId === editorId) return true;
 	if (!(options === null || options === void 0 ? void 0 : options.fxBarFocused)) return false;
-	return editorId === ((_options$formulaBarEd = options.formulaBarEditorId) !== null && _options$formulaBarEd !== void 0 ? _options$formulaBarEd : DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) && focusEditorId === ((_options$normalEditor = options.normalEditorId) !== null && _options$normalEditor !== void 0 ? _options$normalEditor : DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+	return editorId === (options.formulaBarEditorId ?? DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) && focusEditorId === (options.normalEditorId ?? DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
 }
 const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEditor, getRefSelectionCount) => {
 	const commandService = useDependency(ICommandService);
@@ -2353,8 +2343,8 @@ const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEdito
 			else if (keycode === KeyCode.ARROW_LEFT) direction = Direction.LEFT;
 			else if (keycode === KeyCode.ARROW_RIGHT) direction = Direction.RIGHT;
 			if (shouldMoveSelectionRef.current) {
-				var _getRefSelectionCount, _getRefSelectionCount2;
-				const fromCurrentSelection = shouldMoveFormulaSelectionFromCurrentSelection(shouldMoveSelectionRef.current, (_getRefSelectionCount = (_getRefSelectionCount2 = getRefSelectionCountRef.current) === null || _getRefSelectionCount2 === void 0 ? void 0 : _getRefSelectionCount2.call(getRefSelectionCountRef)) !== null && _getRefSelectionCount !== void 0 ? _getRefSelectionCount : 0);
+				var _getRefSelectionCount;
+				const fromCurrentSelection = shouldMoveFormulaSelectionFromCurrentSelection(shouldMoveSelectionRef.current, ((_getRefSelectionCount = getRefSelectionCountRef.current) === null || _getRefSelectionCount === void 0 ? void 0 : _getRefSelectionCount.call(getRefSelectionCountRef)) ?? 0);
 				if (metaKey === MetaKeys.CTRL_COMMAND) commandService.executeCommand(MoveSelectionCommand.id, {
 					direction,
 					jumpOver: JumpOver.moveGap,
@@ -2470,14 +2460,13 @@ const useLeftAndRightArrow = (isNeed, shouldMoveSelection, editor, onMoveInEdito
 //#endregion
 //#region src/views/formula-editor/hooks/use-refactor-effect.ts
 const useRefactorEffect = (isNeed, selecting, unitId, editorId, disableContextMenu = true) => {
-	var _currentUnit$getUnitI;
 	const renderManagerService = useDependency(IRenderManagerService);
 	const contextService = useDependency(IContextService);
 	const contextMenuService = useDependency(IContextMenuService);
 	const refSelectionsService = useDependency(IRefSelectionsService);
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const currentUnit = useObservable(useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), [univerInstanceService]));
-	const render = renderManagerService.getRenderUnitById((_currentUnit$getUnitI = currentUnit === null || currentUnit === void 0 ? void 0 : currentUnit.getUnitId()) !== null && _currentUnit$getUnitI !== void 0 ? _currentUnit$getUnitI : "");
+	const render = renderManagerService.getRenderUnitById((currentUnit === null || currentUnit === void 0 ? void 0 : currentUnit.getUnitId()) ?? "");
 	const refSelectionsRenderService = render === null || render === void 0 ? void 0 : render.with(RefSelectionsRenderService);
 	useLayoutEffect(() => {
 		if (isNeed) {
@@ -2566,11 +2555,11 @@ const unitRangesToText = (ranges, isNeedSheetName = false, originSheetName = "",
 //#endregion
 //#region src/views/formula-editor/hooks/use-sheet-selection-change.ts
 const prepareSelectionChangeContext = (opts) => {
-	var _editor$getDocumentDa, _editor$getDocumentDa2, _lexerTreeBuilder$seq;
+	var _editor$getDocumentDa;
 	const { editor, lexerTreeBuilder } = opts;
 	const currentDocSelections = editor === null || editor === void 0 ? void 0 : editor.getSelectionRanges();
-	const dataStream = ((_editor$getDocumentDa = editor === null || editor === void 0 || (_editor$getDocumentDa2 = editor.getDocumentData().body) === null || _editor$getDocumentDa2 === void 0 ? void 0 : _editor$getDocumentDa2.dataStream) !== null && _editor$getDocumentDa !== void 0 ? _editor$getDocumentDa : "\r\n").slice(0, -2);
-	const sequenceNodes = (_lexerTreeBuilder$seq = lexerTreeBuilder.sequenceNodesBuilder(dataStream.slice(1))) !== null && _lexerTreeBuilder$seq !== void 0 ? _lexerTreeBuilder$seq : [];
+	const dataStream = ((editor === null || editor === void 0 || (_editor$getDocumentDa = editor.getDocumentData().body) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.dataStream) ?? "\r\n").slice(0, -2);
+	const sequenceNodes = lexerTreeBuilder.sequenceNodesBuilder(dataStream.slice(1)) ?? [];
 	let offset;
 	if ((currentDocSelections === null || currentDocSelections === void 0 ? void 0 : currentDocSelections.length) === 1) offset = currentDocSelections[0].startOffset - 1;
 	else if (dataStream.startsWith("=")) offset = Math.max(dataStream.length - 1, 0);
@@ -2605,14 +2594,13 @@ function getLastFormulaSelection(selections) {
 	return selections[selections.length - 1];
 }
 function getFormulaSelectionIdentityKey(selection) {
-	var _ref, _item$rangeWithCoord, _range$startRow, _range$endRow, _range$startColumn, _range$endColumn;
 	const item = selection;
-	const range = (_ref = (_item$rangeWithCoord = item.rangeWithCoord) !== null && _item$rangeWithCoord !== void 0 ? _item$rangeWithCoord : item.range) !== null && _ref !== void 0 ? _ref : item;
+	const range = item.rangeWithCoord ?? item.range ?? item;
 	return [
-		(_range$startRow = range.startRow) !== null && _range$startRow !== void 0 ? _range$startRow : "",
-		(_range$endRow = range.endRow) !== null && _range$endRow !== void 0 ? _range$endRow : "",
-		(_range$startColumn = range.startColumn) !== null && _range$startColumn !== void 0 ? _range$startColumn : "",
-		(_range$endColumn = range.endColumn) !== null && _range$endColumn !== void 0 ? _range$endColumn : ""
+		range.startRow ?? "",
+		range.endRow ?? "",
+		range.startColumn ?? "",
+		range.endColumn ?? ""
 	].join(":");
 }
 function isSameFormulaSelection(first, second) {
@@ -2647,10 +2635,9 @@ function createSelectionChangeDuplicateEndGuard() {
 	};
 }
 function createSelectionChangeHandler(opts) {
-	var _opts$duplicateEndGua;
 	let prevSelectionsCount = opts.initialSelectionsCount;
 	let pendingCtrlAddCount = 0;
-	const duplicateEndGuard = (_opts$duplicateEndGua = opts.duplicateEndGuard) !== null && _opts$duplicateEndGua !== void 0 ? _opts$duplicateEndGua : createSelectionChangeDuplicateEndGuard();
+	const duplicateEndGuard = opts.duplicateEndGuard ?? createSelectionChangeDuplicateEndGuard();
 	return (selections, isEnd, options) => {
 		if (options === null || options === void 0 ? void 0 : options.initial) return;
 		if (selections.length === 0) return;
@@ -2696,7 +2683,6 @@ function getInitialFormulaReferenceSelectionCount(renderSelectionCount, formulaR
 	return Math.max(renderSelectionCount, formulaReferenceCount);
 }
 const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUnitId, getRefSelections, isSupportAcrossSheet, listenSelectionSet, editor, handleRangeChange = noop) => {
-	var _activeWorkbook$getUn;
 	const renderManagerService = useDependency(IRenderManagerService);
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const commandService = useDependency(ICommandService);
@@ -2707,8 +2693,8 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 	const lexerTreeBuilder = useDependency(LexerTreeBuilder);
 	const workbook = univerInstanceService.getUnit(unitId);
 	const getSheetNameById = useEvent((unitId, sheetId) => {
-		var _univerInstanceServic, _univerInstanceServic2;
-		return (_univerInstanceServic = (_univerInstanceServic2 = univerInstanceService.getUnit(unitId)) === null || _univerInstanceServic2 === void 0 || (_univerInstanceServic2 = _univerInstanceServic2.getSheetBySheetId(sheetId)) === null || _univerInstanceServic2 === void 0 ? void 0 : _univerInstanceServic2.getName()) !== null && _univerInstanceServic !== void 0 ? _univerInstanceServic : "";
+		var _univerInstanceServic;
+		return ((_univerInstanceServic = univerInstanceService.getUnit(unitId)) === null || _univerInstanceServic === void 0 || (_univerInstanceServic = _univerInstanceServic.getSheetBySheetId(sheetId)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getName()) ?? "";
 	});
 	const sheetName = useMemo(() => getSheetNameById(unitId, subUnitId), [
 		getSheetNameById,
@@ -2721,7 +2707,7 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 		sheetName
 	});
 	const activeWorkbook = resolveFormulaSelectionWorkbook(useObservable(useMemo(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), [univerInstanceService])), workbook);
-	const render = renderManagerService.getRenderUnitById((_activeWorkbook$getUn = activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== null && _activeWorkbook$getUn !== void 0 ? _activeWorkbook$getUn : unitId);
+	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);
 	const refSelectionsService = useDependency(IRefSelectionsService);
@@ -2735,16 +2721,15 @@ 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) {
-			var _range$sheetId, _range$unitId, _range$unitId2;
 			if (nodeIndex === -1 && sequenceNodes.length) return;
 			const range = getLastFormulaSelection(selections);
 			if (!range) return;
 			const lastNodes = sequenceNodes.splice(nodeIndex + 1);
-			const rangeSheetId = (_range$sheetId = range.sheetId) !== null && _range$sheetId !== void 0 ? _range$sheetId : subUnitId;
+			const rangeSheetId = range.sheetId ?? subUnitId;
 			const unitRangeName = {
 				range,
-				unitId: (_range$unitId = range.unitId) !== null && _range$unitId !== void 0 ? _range$unitId : activeWorkbook.getUnitId(),
-				sheetName: getSheetNameById((_range$unitId2 = range.unitId) !== null && _range$unitId2 !== void 0 ? _range$unitId2 : activeWorkbook.getUnitId(), rangeSheetId)
+				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;
@@ -2759,14 +2744,13 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 			});
 			handleRangeChange(sequenceNodeToText([...sequenceNodes, ...lastNodes]), getOffsetFromSequenceNodes(sequenceNodes), isEnd);
 		} else {
-			var _range$sheetId2, _range$unitId3, _range$unitId4;
 			const range = getLastFormulaSelection(selections);
 			if (!range) return;
-			const rangeSheetId = (_range$sheetId2 = range.sheetId) !== null && _range$sheetId2 !== void 0 ? _range$sheetId2 : subUnitId;
+			const rangeSheetId = range.sheetId ?? subUnitId;
 			const unitRangeName = {
 				range,
-				unitId: (_range$unitId3 = range.unitId) !== null && _range$unitId3 !== void 0 ? _range$unitId3 : activeWorkbook.getUnitId(),
-				sheetName: getSheetNameById((_range$unitId4 = range.unitId) !== null && _range$unitId4 !== void 0 ? _range$unitId4 : activeWorkbook.getUnitId(), rangeSheetId)
+				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;
@@ -2783,22 +2767,19 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 			const node = sequenceNodes[nodeIndex];
 			if (typeof node === "object" && node.nodeType === sequenceNodeType.REFERENCE) {
 				const oldToken = node.token;
-				if ((activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== unitId) {
-					var _activeWorkbook$getUn2;
-					node.token = serializeRangeWithSpreadsheet((_activeWorkbook$getUn2 = activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== null && _activeWorkbook$getUn2 !== void 0 ? _activeWorkbook$getUn2 : "", sheetName, last);
-				} else node.token = sheetName === (activeSheet === null || activeSheet === void 0 ? void 0 : activeSheet.getName()) ? serializeRange(last) : serializeRangeWithSheet(activeSheet.getName(), last);
+				if ((activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== unitId) node.token = serializeRangeWithSpreadsheet((activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) ?? "", sheetName, last);
+				else node.token = sheetName === (activeSheet === null || activeSheet === void 0 ? void 0 : activeSheet.getName()) ? serializeRange(last) : serializeRangeWithSheet(activeSheet.getName(), last);
 				const newOffset = offset + (node.token.length - oldToken.length);
 				handleRangeChange(generateStringWithSequence(sequenceNodes), newOffset, isEnd);
 			}
 		} else {
 			const { orderedSelections, insertedSelection } = getSelectionsForFormulaRefUpdate(selections, updatingRefIndex, isCtrlAddMode);
 			const getRefRangeText = (range) => {
-				var _range$sheetId3, _range$unitId5, _range$unitId6;
-				const rangeSheetId = (_range$sheetId3 = range.sheetId) !== null && _range$sheetId3 !== void 0 ? _range$sheetId3 : subUnitId;
+				const rangeSheetId = range.sheetId ?? subUnitId;
 				const unitRangeName = {
 					range,
-					unitId: (_range$unitId5 = range.unitId) !== null && _range$unitId5 !== void 0 ? _range$unitId5 : activeWorkbook.getUnitId(),
-					sheetName: getSheetNameById((_range$unitId6 = range.unitId) !== null && _range$unitId6 !== void 0 ? _range$unitId6 : activeWorkbook.getUnitId(), rangeSheetId)
+					unitId: range.unitId ?? activeWorkbook.getUnitId(),
+					sheetName: getSheetNameById(range.unitId ?? activeWorkbook.getUnitId(), rangeSheetId)
 				};
 				const isAcrossWorkbook = (activeWorkbook === null || activeWorkbook === void 0 ? void 0 : activeWorkbook.getUnitId()) !== unitId;
 				return unitRangesToText([unitRangeName], isSupportAcrossSheet && (rangeSheetId !== subUnitId || isAcrossWorkbook), sheetName, isAcrossWorkbook)[0];
@@ -2926,7 +2907,6 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 				if (params.selections.length) {
 					const last = params.selections[params.selections.length - 1];
 					if (last) {
-						var _refSelectionsRenderS;
 						const { range, primary } = last;
 						if (((primary === null || primary === void 0 ? void 0 : primary.isMergedMainCell) || (primary === null || primary === void 0 ? void 0 : primary.isMerged)) && Rectangle.contains(primary, range)) {
 							range.startRow = primary.startRow;
@@ -2941,7 +2921,7 @@ const useSheetSelectionChange = (isNeed, isFocus, isSelectingRef, unitId, subUni
 							lexerTreeBuilder
 						});
 						const isAdd = isSelectingRef.current === 1 || Boolean(ctx && (isFormulaReferenceAddingContext(ctx.sequenceNodes, ctx.offset) || 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);
+						const selections = ((refSelectionsRenderService === null || refSelectionsRenderService === void 0 ? void 0 : refSelectionsRenderService.getSelectionDataWithStyle()) ?? []).map((i) => i.rangeWithCoord);
 						if (isAdd) {
 							if (selections.length > 0 && isSameFormulaSelection(selections[selections.length - 1], range)) return;
 							selections.push(range);
@@ -3341,7 +3321,7 @@ function syncCounterpartFormulaEditorSelection(editorService, editorId, selectio
 	(_editorService$getEdi = editorService.getEditor(syncEditorId)) === null || _editorService$getEdi === void 0 || _editorService$getEdi.setSelectionRanges(selections, false);
 }
 const FormulaEditor = forwardRef((props, ref) => {
-	var _document$getBody$dat2, _document$getBody2, _configService$getCon, _configService$getCon2;
+	var _document$getBody2, _configService$getCon;
 	const { errorText, initValue, unitId, subUnitId, isFocus: _isFocus = true, isSupportAcrossSheet = false, onFocus = noop, onBlur = noop, onChange: propOnChange, onVerify, className, editorId: propEditorId, moveCursor = true, onFormulaSelectingChange: propOnFormulaSelectingChange, keyboardEventConfig, onMoveInEditor, resetSelectionOnBlur = true, autoScrollbar = true, isSingle = true, disableSelectionOnClick = false, autofocus = true, disableContextMenu, style, borderless = false, canvasStyle } = props;
 	const editorService = useDependency(IEditorService);
 	const commandService = useDependency(ICommandService);
@@ -3358,15 +3338,15 @@ const FormulaEditor = forwardRef((props, ref) => {
 	const [editor, setEditor] = useState();
 	const [isFocus, setIsFocus] = useState(_isFocus);
 	const formulaEditorContainerRef = useRef(null);
-	const editorId = useMemo(() => propEditorId !== null && propEditorId !== void 0 ? propEditorId : createInternalEditorID(`${EMBEDDING_FORMULA_EDITOR}-${generateRandomId(4)}`), []);
+	const editorId = useMemo(() => propEditorId ?? createInternalEditorID(`${EMBEDDING_FORMULA_EDITOR}-${generateRandomId(4)}`), []);
 	const isError = errorText !== void 0;
 	const univerInstanceService = useDependency(IUniverInstanceService);
 	const document = univerInstanceService.getUnit(editorId);
 	const getFormulaToken = useFormulaToken();
 	const formulaText = useObservable(document ? () => document.change$.pipe(map(() => {
-		var _document$getBody$dat, _document$getBody;
-		return BuildTextUtils.transform.getPlainText((_document$getBody$dat = (_document$getBody = document.getBody()) === null || _document$getBody === void 0 ? void 0 : _document$getBody.dataStream) !== null && _document$getBody$dat !== void 0 ? _document$getBody$dat : "");
-	})) : null, BuildTextUtils.transform.getPlainText((_document$getBody$dat2 = document === null || document === void 0 || (_document$getBody2 = document.getBody()) === null || _document$getBody2 === void 0 ? void 0 : _document$getBody2.dataStream) !== null && _document$getBody$dat2 !== void 0 ? _document$getBody$dat2 : ""), false, [document]);
+		var _document$getBody;
+		return BuildTextUtils.transform.getPlainText(((_document$getBody = document.getBody()) === null || _document$getBody === void 0 ? void 0 : _document$getBody.dataStream) ?? "");
+	})) : null, BuildTextUtils.transform.getPlainText((document === null || document === void 0 || (_document$getBody2 = document.getBody()) === null || _document$getBody2 === void 0 ? void 0 : _document$getBody2.dataStream) ?? ""), false, [document]);
 	const formulaTextRef = useStateRef(formulaText);
 	const formulaWithoutEqualSymbol = useMemo(() => getFormulaText(formulaText), [formulaText]);
 	const sequenceNodes = useMemo(() => getFormulaToken(formulaWithoutEqualSymbol), [formulaWithoutEqualSymbol, getFormulaToken]);
@@ -3388,7 +3368,7 @@ const FormulaEditor = forwardRef((props, ref) => {
 	const getRefSelections = useEvent(() => refSelectionsRef.current);
 	const getRefSelectionCount = useEvent(() => getRefSelections().length);
 	const selectingMode = isSelecting;
-	const functionScreenTips = (_configService$getCon = (_configService$getCon2 = useDependency(IConfigService).getConfig("sheets-formula-ui.base.config")) === null || _configService$getCon2 === void 0 ? void 0 : _configService$getCon2.functionScreenTips) !== null && _configService$getCon !== void 0 ? _configService$getCon : true;
+	const functionScreenTips = ((_configService$getCon = useDependency(IConfigService).getConfig("sheets-formula-ui.base.config")) === null || _configService$getCon === void 0 ? void 0 : _configService$getCon.functionScreenTips) ?? true;
 	useUpdateEffect(() => {
 		onChange(formulaText);
 	}, [formulaText, onChange]);
@@ -3397,9 +3377,9 @@ const FormulaEditor = forwardRef((props, ref) => {
 		const subscription = editor.input$.subscribe(({ content, isComposing }) => {
 			if (isComposing) return;
 			queueMicrotask(() => {
-				var _editor$getSelectionR, _editor$getDocumentDa, _editor$getDocumentDa2;
+				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$getDocumentDa2 = editor.getDocumentData().body) === null || _editor$getDocumentDa2 === void 0 ? void 0 : _editor$getDocumentDa2.dataStream) !== null && _editor$getDocumentDa !== void 0 ? _editor$getDocumentDa : "", selection, content);
+				const normalizedSelection = getSelectionAfterLaggingFormulaInput(((_editor$getDocumentDa = editor.getDocumentData().body) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.dataStream) ?? "", selection, content);
 				if (!normalizedSelection) return;
 				const selections = [normalizedSelection];
 				editor.setSelectionRanges(selections, false);
@@ -3423,7 +3403,7 @@ const FormulaEditor = forwardRef((props, ref) => {
 		const ranges = highlightDoc(editorRef.current, sequenceNodes, isNeedResetSelection, newSelections, formulaStr);
 		refSelectionsRef.current = ranges;
 		if (isEnd) {
-			const currentDocSelections = newSelections !== null && newSelections !== void 0 ? newSelections : editor === null || editor === void 0 ? void 0 : editor.getSelectionRanges();
+			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));
 				if (refIndex >= 0) {
@@ -3447,8 +3427,7 @@ const FormulaEditor = forwardRef((props, ref) => {
 	const focus = useFocus(editor);
 	const resetSelection = useResetSelection(isFocus, unitId, subUnitId);
 	useEffect(() => {
-		var _docSelectionRenderSe;
-		onFormulaSelectingChange(isSelecting, (_docSelectionRenderSe = docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) !== null && _docSelectionRenderSe !== void 0 ? _docSelectionRenderSe : true);
+		onFormulaSelectingChange(isSelecting, (docSelectionRenderService === null || docSelectionRenderService === void 0 ? void 0 : docSelectionRenderService.isFocusing) ?? true);
 	}, [onFormulaSelectingChange, isSelecting]);
 	useKeyboardEvent(isFocus, useMemo(() => createEditorUndoRedoKeyboardConfig({
 		commandService,
@@ -3507,11 +3486,10 @@ const FormulaEditor = forwardRef((props, ref) => {
 		};
 	}, []);
 	useEffect(() => {
-		var _ref, _resolveFormulaEmbedR;
 		const formulaEditorContainer = formulaEditorContainerRef.current;
 		if (!isFocus || !formulaEditorContainer || !injector.has(IFormulaEmbedRuntimeFocusCoordinator)) return;
 		const focusCoordinator = injector.get(IFormulaEmbedRuntimeFocusCoordinator);
-		const scope = (_ref = (_resolveFormulaEmbedR = resolveFormulaEmbedRuntimeDomScope(formulaEditorContainer)) !== null && _resolveFormulaEmbedR !== void 0 ? _resolveFormulaEmbedR : focusCoordinator.resolveRuntimeScopeByChildUnitId(editorId)) !== null && _ref !== void 0 ? _ref : resolveActiveFormulaEmbedRuntimeDomScope(formulaEditorContainer.ownerDocument);
+		const scope = resolveFormulaEmbedRuntimeDomScope(formulaEditorContainer) ?? focusCoordinator.resolveRuntimeScopeByChildUnitId(editorId) ?? resolveActiveFormulaEmbedRuntimeDomScope(formulaEditorContainer.ownerDocument);
 		if (!scope) return;
 		const collection = new DisposableCollection();
 		const interactionBoundaryService = injector.has(IFormulaEmbedInteractionBoundaryService) ? injector.get(IFormulaEmbedInteractionBoundaryService) : void 0;
@@ -4016,7 +3994,7 @@ function useRangesHighlight(editor, focusing, unitId, subUnitId) {
 		if (last.current === text) return;
 		last.current = text;
 		const nodes = lexerTreeBuilder.sequenceNodesBuilder(text);
-		setSequenceNodes(nodes !== null && nodes !== void 0 ? nodes : []);
+		setSequenceNodes(nodes ?? []);
 	}, [
 		change,
 		editor,
@@ -4025,13 +4003,13 @@ function useRangesHighlight(editor, focusing, unitId, subUnitId) {
 	useEffect(() => {
 		if (!editor) return;
 		if (!focusing) {
-			var _current$body$dataStr, _current$body;
+			var _current$body;
 			const current = editor.getDocumentData();
 			editor.setDocumentData({
 				...current,
 				body: {
 					...current.body,
-					dataStream: (_current$body$dataStr = (_current$body = current.body) === null || _current$body === void 0 ? void 0 : _current$body.dataStream) !== null && _current$body$dataStr !== void 0 ? _current$body$dataStr : "",
+					dataStream: ((_current$body = current.body) === null || _current$body === void 0 ? void 0 : _current$body.dataStream) ?? "",
 					textRuns: []
 				}
 			});
@@ -4265,7 +4243,7 @@ function stringifyRanges(ranges) {
 function RangeSelector(props) {
 	const [editor, setEditor] = useState(null);
 	const { onVerify, selectorRef, unitId, subUnitId, maxRangeCount, supportAcrossSheet, keepSheetReference, autoFocus, onChange, onRangeSelectorDialogVisibleChange, onClickOutside, onFocusChange, forceShowDialogWhenSelectionChanged, hideEditor, resetRange } = props;
-	const [focusing, setFocusing] = useState(autoFocus !== null && autoFocus !== void 0 ? autoFocus : false);
+	const [focusing, setFocusing] = useState(autoFocus ?? false);
 	const [popupVisible, setPopupVisible] = useState(false);
 	const [rangeSelectorRanges, setRangeSelectorRanges] = useState([]);
 	const localeService = useDependency(LocaleService);
@@ -4279,9 +4257,9 @@ function RangeSelector(props) {
 		editorService.blur();
 	});
 	const handleOpenModal = useEvent(() => {
-		var _editor$getDocumentDa, _editor$getDocumentDa2;
+		var _editor$getDocumentDa;
 		blurEditor();
-		setRangeSelectorRanges(parseRanges((_editor$getDocumentDa = editor === null || editor === void 0 || (_editor$getDocumentDa2 = editor.getDocumentDataModel()) === null || _editor$getDocumentDa2 === void 0 ? void 0 : _editor$getDocumentDa2.getPlainText()) !== null && _editor$getDocumentDa !== void 0 ? _editor$getDocumentDa : ""));
+		setRangeSelectorRanges(parseRanges((editor === null || editor === void 0 || (_editor$getDocumentDa = editor.getDocumentDataModel()) === null || _editor$getDocumentDa === void 0 ? void 0 : _editor$getDocumentDa.getPlainText()) ?? ""));
 		setPopupVisible(true);
 	});
 	useEffect(() => {
@@ -4305,8 +4283,8 @@ function RangeSelector(props) {
 				setPopupVisible(false);
 			},
 			getValue: () => {
-				var _editor$getDocumentDa3, _editor$getDocumentDa4;
-				return (_editor$getDocumentDa3 = editor === null || editor === void 0 || (_editor$getDocumentDa4 = editor.getDocumentDataModel()) === null || _editor$getDocumentDa4 === void 0 ? void 0 : _editor$getDocumentDa4.getPlainText()) !== null && _editor$getDocumentDa3 !== void 0 ? _editor$getDocumentDa3 : "";
+				var _editor$getDocumentDa2;
+				return (editor === null || editor === void 0 || (_editor$getDocumentDa2 = editor.getDocumentDataModel()) === null || _editor$getDocumentDa2 === void 0 ? void 0 : _editor$getDocumentDa2.getPlainText()) ?? "";
 			}
 		};
 	}, [
@@ -4317,8 +4295,8 @@ function RangeSelector(props) {
 		sequenceNodesRef
 	]);
 	useEffect(() => {
-		var _editor$getDocumentDa5, _editor$getDocumentDa6;
-		onVerify === null || onVerify === void 0 || onVerify(verifyRange(sequenceNodes), (_editor$getDocumentDa5 = editor === null || editor === void 0 || (_editor$getDocumentDa6 = editor.getDocumentDataModel()) === null || _editor$getDocumentDa6 === void 0 ? void 0 : _editor$getDocumentDa6.getPlainText()) !== null && _editor$getDocumentDa5 !== void 0 ? _editor$getDocumentDa5 : "");
+		var _editor$getDocumentDa3;
+		onVerify === null || onVerify === void 0 || onVerify(verifyRange(sequenceNodes), (editor === null || editor === void 0 || (_editor$getDocumentDa3 = editor.getDocumentDataModel()) === null || _editor$getDocumentDa3 === void 0 ? void 0 : _editor$getDocumentDa3.getPlainText()) ?? "");
 	}, [sequenceNodes]);
 	useEffect(() => {
 		onRangeSelectorDialogVisibleChange === null || onRangeSelectorDialogVisibleChange === void 0 || onRangeSelectorDialogVisibleChange(popupVisible);
@@ -4336,6 +4314,7 @@ function RangeSelector(props) {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [!hideEditor ? /* @__PURE__ */ jsx(RichTextEditor, {
 		isSingle: true,
 		...props,
+		preserveHostFocus: true,
 		onFocusChange: (focusing, newValue) => {
 			setFocusing(focusing);
 			onFocusChange === null || onFocusChange === void 0 || onFocusChange(focusing, newValue);
@@ -5275,13 +5254,12 @@ var GlobalRangeSelectorService = class {
 //#endregion
 //#region src/views/range-selector/Global.tsx
 const GlobalRangeSelector = () => {
-	var _current$unitId, _current$subUnitId;
 	const current = useObservable(useDependency(GlobalRangeSelectorService).currentSelector$);
 	const instance = useRef(null);
 	useEffect(() => {
 		if (current) {
-			var _instance$current, _current$initialValue;
-			(_instance$current = instance.current) === null || _instance$current === void 0 || _instance$current.showDialog((_current$initialValue = current.initialValue) !== null && _current$initialValue !== void 0 ? _current$initialValue : []);
+			var _instance$current;
+			(_instance$current = instance.current) === null || _instance$current === void 0 || _instance$current.showDialog(current.initialValue ?? []);
 			return () => {
 				var _instance$current2;
 				(_instance$current2 = instance.current) === null || _instance$current2 === void 0 || _instance$current2.hideDialog();
@@ -5289,13 +5267,12 @@ const GlobalRangeSelector = () => {
 		}
 	}, [current]);
 	return /* @__PURE__ */ jsx(RangeSelector, {
-		unitId: (_current$unitId = current === null || current === void 0 ? void 0 : current.unitId) !== null && _current$unitId !== void 0 ? _current$unitId : "",
-		subUnitId: (_current$subUnitId = current === null || current === void 0 ? void 0 : current.subUnitId) !== null && _current$subUnitId !== void 0 ? _current$subUnitId : "",
+		unitId: (current === null || current === void 0 ? void 0 : current.unitId) ?? "",
+		subUnitId: (current === null || current === void 0 ? void 0 : current.subUnitId) ?? "",
 		hideEditor: true,
 		selectorRef: instance,
 		onChange: (_, value) => {
-			var _value$split$map;
-			current === null || current === void 0 || current.callback((_value$split$map = value === null || value === void 0 ? void 0 : value.split(",").map((i) => deserializeRangeWithSheet(i))) !== null && _value$split$map !== void 0 ? _value$split$map : []);
+			current === null || current === void 0 || current.callback((value === null || value === void 0 ? void 0 : value.split(",").map((i) => deserializeRangeWithSheet(i))) ?? []);
 		}
 	});
 };
@@ -5357,7 +5334,7 @@ _defineProperty(UniverSheetsFormulaUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsFormulaUIPlugin, "version", version);
 _defineProperty(UniverSheetsFormulaUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
 UniverSheetsFormulaUIPlugin = __decorate([
-	DependentOn(UniverFormulaEnginePlugin, UniverRenderEnginePlugin, UniverSheetsPlugin, UniverUIPlugin, UniverSheetsFormulaPlugin, UniverSheetsUIPlugin),
+	DependentOn(UniverFormulaEnginePlugin, UniverRenderEnginePlugin, UniverSheetsPlugin, UniverSheetsFormulaPlugin, UniverSheetsUIPlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IRenderManagerService),
 	__decorateParam(3, IConfigService),