@univerjs/sheets-ui 1.0.0-alpha.0 → 1.0.0-alpha.1

package/lib/cjs/index.js

@@ -4064,6 +4064,7 @@ const IMAGE_MIME_TO_EXTENSION = {
 	[_univerjs_ui.FILE__WEBP_CLIPBOARD_MIME_TYPE]: "webp",
 	[_univerjs_ui.FILE__BMP_CLIPBOARD_MIME_TYPE]: "bmp"
 };
+const FORMULA_CLIPBOARD_MIME_TYPE = "web application/x-univer-sheets-formula";
 /**
 * This service provide hooks for sheet features to supplement content or modify behavior of clipboard.
 */
@@ -4129,6 +4130,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 			return (_h$onBeforeCopy = h.onBeforeCopy) === null || _h$onBeforeCopy === void 0 ? void 0 : _h$onBeforeCopy.call(h, workbookId, worksheetId, range, copyType);
 		});
 		const copyContent = this._generateCopyContent(workbookId, worksheetId, range, hooks, copyHookType);
+		if (copyContent && copyType === "COPY") copyContent.formulaClipboardPayload = this._generateFormulaClipboardPayload(workbookId, worksheetId, range, copyContent, hooks);
 		hooks.forEach((h) => {
 			var _h$onAfterCopy;
 			return (_h$onAfterCopy = h.onAfterCopy) === null || _h$onAfterCopy === void 0 ? void 0 : _h$onAfterCopy.call(h);
@@ -4149,7 +4151,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 			copyHookType
 		});
 		if (!copyContent) return false;
-		const { html, plain, matrixFragment, copyId, discreteRange } = copyContent;
+		const { html, plain, matrixFragment, copyId, discreteRange, formulaClipboardPayload } = copyContent;
 		this._copyContentCache.set(copyId, {
 			unitId: workbook.getUnitId(),
 			subUnitId: worksheet.getSheetId(),
@@ -4157,7 +4159,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 			matrix: matrixFragment,
 			copyType
 		});
-		await this._clipboardInterfaceService.write(plain, html);
+		await this._clipboardInterfaceService.write(plain, html, formulaClipboardPayload ? { [FORMULA_CLIPBOARD_MIME_TYPE]: formulaClipboardPayload } : void 0);
 		this._markSelectionService.removeAllShapes();
 		const style = createCopyPasteSelectionStyle(this._themeService);
 		this._copyMarkId = this._markSelectionService.addShape({
@@ -4173,6 +4175,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 		const types = item.types;
 		const text = types.indexOf(_univerjs_ui.PLAIN_TEXT_CLIPBOARD_MIME_TYPE) !== -1 ? await item.getType(_univerjs_ui.PLAIN_TEXT_CLIPBOARD_MIME_TYPE).then((blob) => blob && blob.text()) : "";
 		const html = types.indexOf(_univerjs_ui.HTML_CLIPBOARD_MIME_TYPE) !== -1 ? await item.getType(_univerjs_ui.HTML_CLIPBOARD_MIME_TYPE).then((blob) => blob && blob.text()) : "";
+		const formulaClipboardPayload = types.indexOf("web application/x-univer-sheets-formula") !== -1 ? await item.getType(FORMULA_CLIPBOARD_MIME_TYPE).then((blob) => blob && blob.text()).catch(() => "") : "";
 		const imageIndex = types.findIndex((type) => _univerjs_ui.imageMimeTypeSet.has(type));
 		const shouldUseHTMLPaste = imageIndex === -1 || !htmlContainsImage(html);
 		if (html && shouldUseHTMLPaste) {
@@ -4181,7 +4184,7 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 				title: this._localeService.t("sheets-ui.clipboard.shortCutNotify.title"),
 				content: this._localeService.t("sheets-ui.clipboard.shortCutNotify.useShortCutInstead")
 			});
-			return this._pasteHTML(html, pasteType);
+			return this._pasteHTML(html, pasteType, formulaClipboardPayload);
 		}
 		if (imageIndex !== -1) {
 			const imageMimeType = types[imageIndex];
@@ -4199,10 +4202,10 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 	async pasteByCopyId(copyId, pasteType = PREDEFINED_HOOK_NAME_PASTE.DEFAULT_PASTE) {
 		return this._pasteInternal(copyId, pasteType);
 	}
-	async legacyPaste(html, text, files) {
+	async legacyPaste(html, text, files, formulaClipboardPayload) {
 		const isFromExcel = htmlIsFromExcel(html !== null && html !== void 0 ? html : "");
 		if (files && !isFromExcel) return this._pasteFiles(files, PREDEFINED_HOOK_NAME_PASTE.DEFAULT_PASTE);
-		else if (html) return this._pasteHTML(html, PREDEFINED_HOOK_NAME_PASTE.DEFAULT_PASTE);
+		else if (html) return this._pasteHTML(html, PREDEFINED_HOOK_NAME_PASTE.DEFAULT_PASTE, formulaClipboardPayload);
 		else if (text) if (/[\n\t]/.test(text)) return this._pasteHTML(convertTextToTable(text), PREDEFINED_HOOK_NAME_PASTE.DEFAULT_PASTE);
 		else return this._pastePlainText(text, PREDEFINED_HOOK_NAME_PASTE.DEFAULT_PASTE);
 		else return this._pasteUnrecognized();
@@ -4309,6 +4312,40 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 			discreteRange
 		};
 	}
+	_generateFormulaClipboardPayload(unitId, subUnitId, range, copyContent, hooks) {
+		if (this._hasFilteredRows(unitId, subUnitId, range, hooks)) return;
+		const { startRow, startColumn, endRow, endColumn } = range;
+		const rowCount = endRow - startRow + 1;
+		const columnCount = endColumn - startColumn + 1;
+		const formulaOnlyHook = hooks.find((hook) => hook.id === PREDEFINED_HOOK_NAME_COPY.SPECIAL_COPY_FORMULA_ONLY);
+		const formulas = [];
+		for (let row = 0; row < rowCount; row++) for (let column = 0; column < columnCount; column++) {
+			var _formulaOnlyHook$onCo, _copyContent$matrixFr;
+			const formula = (formulaOnlyHook === null || formulaOnlyHook === void 0 || (_formulaOnlyHook$onCo = formulaOnlyHook.onCopyCellContent) === null || _formulaOnlyHook$onCo === void 0 ? void 0 : _formulaOnlyHook$onCo.call(formulaOnlyHook, startRow + row, startColumn + column)) || ((_copyContent$matrixFr = copyContent.matrixFragment.getValue(row, column)) === null || _copyContent$matrixFr === void 0 ? void 0 : _copyContent$matrixFr.f);
+			if (typeof formula === "string" && (0, _univerjs_core.isFormulaString)(formula)) formulas.push({
+				row,
+				column,
+				f: formula
+			});
+		}
+		if (!formulas.length) return;
+		return JSON.stringify({
+			rowCount,
+			columnCount,
+			origin: {
+				row: startRow,
+				column: startColumn
+			},
+			formulas
+		});
+	}
+	_hasFilteredRows(unitId, subUnitId, range, hooks) {
+		return hooks.some((hook) => {
+			var _hook$getFilteredOutR;
+			const rows = (_hook$getFilteredOutR = hook.getFilteredOutRows) === null || _hook$getFilteredOutR === void 0 ? void 0 : _hook$getFilteredOutR.call(hook, unitId, subUnitId, range);
+			return !!(rows === null || rows === void 0 ? void 0 : rows.length);
+		});
+	}
 	_notifyClipboardHook() {
 		this._clipboardHooks$.next(this._clipboardHooks);
 	}
@@ -4375,15 +4412,49 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 			return (_h$onPasteUnrecognize = h.onPasteUnrecognized) === null || _h$onPasteUnrecognize === void 0 ? void 0 : _h$onPasteUnrecognize.call(h, payload);
 		});
 	}
-	async _pasteHTML(html, pasteType) {
+	async _pasteHTML(html, pasteType, formulaClipboardPayload) {
 		const copyId = extractId(html);
 		if (copyId && this._copyContentCache.get(copyId)) return this._pasteInternal(copyId, pasteType);
-		return this._pasteExternal(html, pasteType);
+		return this._pasteExternal(html, pasteType, formulaClipboardPayload);
 	}
-	async _pasteExternal(html, pasteType) {
-		var _this$_univerInstance;
+	async _pasteExternal(html, pasteType, formulaClipboardPayload) {
 		const { rowProperties, colProperties, cellMatrix } = this._htmlToUSM.convert(html);
 		if (!cellMatrix) return false;
+		const sourceRange = formulaClipboardPayload ? this._applyFormulaClipboardPayload(cellMatrix, formulaClipboardPayload) : void 0;
+		return this._pasteExternalData({
+			rowProperties,
+			colProperties,
+			cellMatrix
+		}, pasteType, sourceRange);
+	}
+	_applyFormulaClipboardPayload(cellMatrix, text) {
+		let payload;
+		try {
+			payload = JSON.parse(text);
+		} catch {
+			return;
+		}
+		if (!payload || !payload.origin || !Array.isArray(payload.formulas) || payload.rowCount <= 0 || payload.columnCount <= 0) return;
+		cellMatrix.setValue(payload.rowCount - 1, payload.columnCount - 1, {
+			...(0, _univerjs_core.getEmptyCell)(),
+			...cellMatrix.getValue(payload.rowCount - 1, payload.columnCount - 1)
+		});
+		payload.formulas.forEach((formula) => {
+			if ((0, _univerjs_core.isFormulaString)(formula.f) && formula.row >= 0 && formula.row < payload.rowCount && formula.column >= 0 && formula.column < payload.columnCount) cellMatrix.setValue(formula.row, formula.column, {
+				...(0, _univerjs_core.getEmptyCell)(),
+				...cellMatrix.getValue(formula.row, formula.column),
+				f: formula.f
+			});
+		});
+		return {
+			rows: Array.from({ length: payload.rowCount }, (_, index) => payload.origin.row + index),
+			cols: Array.from({ length: payload.columnCount }, (_, index) => payload.origin.column + index)
+		};
+	}
+	_pasteExternalData(data, pasteType, sourceRange) {
+		var _this$_univerInstance;
+		const { rowProperties, colProperties, cellMatrix } = data;
+		if (!cellMatrix) return false;
 		const pasteTarget = this._getPastedRange(cellMatrix);
 		if (!pasteTarget) return false;
 		const worksheet = (_this$_univerInstance = this._univerInstanceService.getUniverSheetInstance(pasteTarget.unitId)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(pasteTarget.subUnitId);
@@ -4397,11 +4468,18 @@ let SheetClipboardService = class SheetClipboardService extends _univerjs_core.D
 				return false;
 			}
 		}
+		const source = sourceRange ? {
+			range: sourceRange,
+			unitId: pasteTarget.unitId,
+			subUnitId: pasteTarget.subUnitId,
+			copyType: "COPY",
+			copyId: ""
+		} : void 0;
 		return this._pasteUSM({
 			rowProperties,
 			colProperties,
 			cellMatrix
-		}, pasteTarget, pasteType);
+		}, pasteTarget, pasteType, source);
 	}
 	async _pasteInternal(copyId, pasteType) {
 		var _this$_univerInstance2, _this$_univerInstance3;
@@ -5033,8 +5111,8 @@ const SheetPasteShortKeyCommand = {
 	type: _univerjs_core.CommandType.COMMAND,
 	handler: async (accessor, params) => {
 		const clipboardService = accessor.get(ISheetClipboardService);
-		const { htmlContent, textContent, files } = params;
-		clipboardService.legacyPaste(htmlContent, textContent, files);
+		const { htmlContent, textContent, files, formulaClipboardPayload } = params;
+		clipboardService.legacyPaste(htmlContent, textContent, files, formulaClipboardPayload);
 		return true;
 	}
 };
@@ -9390,6 +9468,7 @@ let SheetCellEditorResizeService = class SheetCellEditorResizeService extends _u
 		if (documentDataModel == null) return;
 		const documentSkeleton = this._getEditorSkeleton();
 		if (!documentSkeleton) return;
+		documentSkeleton.resetInitialWidth();
 		const info = this._predictingSize(position, canvasOffset, documentSkeleton, documentLayoutObject, scaleX, scaleY);
 		if (!info || info.actualWidth <= 0) return;
 		let { actualWidth, actualHeight } = info;
@@ -10814,6 +10893,9 @@ let EditingRenderController = class EditingRenderController extends _univerjs_co
 		this._contextService.setContextValue(_univerjs_core.FOCUSING_EDITOR_BUT_HIDDEN, false);
 		this._contextService.setContextValue(_univerjs_core.FOCUSING_FX_BAR_EDITOR, false);
 		this._cellEditorManagerService.setState({ show: param.visible });
+		const formulaBarEditor = this._editorService.getEditor(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+		formulaBarEditor === null || formulaBarEditor === void 0 || formulaBarEditor.setSelectionRanges([], false);
+		formulaBarEditor === null || formulaBarEditor === void 0 || formulaBarEditor.blur();
 		const editorObject = this._getEditorObject();
 		editorObject === null || editorObject === void 0 || (_editorObject$scene$g = editorObject.scene.getViewport(_univerjs_docs_ui.VIEWPORT_KEY.VIEW_MAIN)) === null || _editorObject$scene$g === void 0 || _editorObject$scene$g.scrollToViewportPos({
 			viewportScrollX: 0,
@@ -11412,7 +11494,7 @@ const shouldRemoveShapeIds = [
 	_univerjs_sheets.MoveColsMutation.id
 ];
 let SheetClipboardController = class SheetClipboardController extends _univerjs_core.RxDisposable {
-	constructor(_injector, _instanceService, _renderManagerService, _commandService, _contextService, _configService, _sheetClipboardService, _messageService, _localService, _uiPartsService) {
+	constructor(_injector, _instanceService, _renderManagerService, _commandService, _contextService, _configService, _sheetClipboardService, _clipboardInterfaceService, _messageService, _localService, _uiPartsService) {
 		super();
 		this._injector = _injector;
 		this._instanceService = _instanceService;
@@ -11421,6 +11503,7 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 		this._contextService = _contextService;
 		this._configService = _configService;
 		this._sheetClipboardService = _sheetClipboardService;
+		this._clipboardInterfaceService = _clipboardInterfaceService;
 		this._messageService = _messageService;
 		this._localService = _localService;
 		this._uiPartsService = _uiPartsService;
@@ -11437,7 +11520,7 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 	_pasteWithDoc() {
 		var _this$_renderManagerS;
 		const sheetPasteShortKeyFn = (docSelectionRenderService) => {
-			docSelectionRenderService.onPaste$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((config) => {
+			docSelectionRenderService.onPaste$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe(async (config) => {
 				var _clipboardEvent$clipb, _clipboardEvent$clipb2;
 				if (!whenSheetEditorFocused(this._contextService)) return;
 				config.event.preventDefault();
@@ -11445,10 +11528,12 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 				const htmlContent = (_clipboardEvent$clipb = clipboardEvent.clipboardData) === null || _clipboardEvent$clipb === void 0 ? void 0 : _clipboardEvent$clipb.getData("text/html");
 				const textContent = (_clipboardEvent$clipb2 = clipboardEvent.clipboardData) === null || _clipboardEvent$clipb2 === void 0 ? void 0 : _clipboardEvent$clipb2.getData("text/plain");
 				const files = this._resolveClipboardFiles(clipboardEvent.clipboardData);
+				const formulaClipboardPayload = await this._readFormulaClipboardPayload();
 				this._commandService.executeCommand(SheetPasteShortKeyCommand.id, {
 					htmlContent,
 					textContent,
-					files
+					files,
+					formulaClipboardPayload
 				});
 			});
 			docSelectionRenderService === null || docSelectionRenderService === void 0 || docSelectionRenderService.onKeydown$.subscribe((event) => {
@@ -11470,6 +11555,16 @@ let SheetClipboardController = class SheetClipboardController extends _univerjs_
 		const files = Array.from(clipboardData.items).map((item) => item.kind === "file" ? item.getAsFile() : void 0).filter(Boolean);
 		return files.length > 0 ? files : void 0;
 	}
+	async _readFormulaClipboardPayload() {
+		if (!this._clipboardInterfaceService.supportClipboard) return;
+		try {
+			const item = (await this._clipboardInterfaceService.read()).find((clipboardItem) => clipboardItem.types.includes(FORMULA_CLIPBOARD_MIME_TYPE));
+			if (!item) return;
+			return (await item.getType(FORMULA_CLIPBOARD_MIME_TYPE)).text();
+		} catch {
+			return;
+		}
+	}
 	_init() {
 		[
 			SheetCopyCommand,
@@ -11924,9 +12019,10 @@ SheetClipboardController = __decorate([
 	__decorateParam(4, _univerjs_core.IContextService),
 	__decorateParam(5, _univerjs_core.IConfigService),
 	__decorateParam(6, ISheetClipboardService),
-	__decorateParam(7, _univerjs_ui.IMessageService),
-	__decorateParam(8, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
-	__decorateParam(9, _univerjs_ui.IUIPartsService)
+	__decorateParam(7, _univerjs_ui.IClipboardInterfaceService),
+	__decorateParam(8, _univerjs_ui.IMessageService),
+	__decorateParam(9, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
+	__decorateParam(10, _univerjs_ui.IUIPartsService)
 ], SheetClipboardController);
 
 //#endregion
@@ -15202,7 +15298,7 @@ let SheetRenderController = class SheetRenderController extends _univerjs_core.R
 			this._renderFrameTags = {};
 		}));
 		this.disposeWithMe(engine.endFrame$.subscribe(() => {
-			if (this._renderFrameTimeMetric && Object.keys(this._renderFrameTimeMetric).filter((key) => key.startsWith(_univerjs_engine_render.SHEET_EXTENSION_PREFIX)).length > 0) this._afterRenderMetric$.next({
+			if (this._renderFrameTimeMetric && Object.keys(this._renderFrameTimeMetric).some((key) => key.startsWith(_univerjs_engine_render.SHEET_EXTENSION_PREFIX))) this._afterRenderMetric$.next({
 				frameTimeMetric: this._renderFrameTimeMetric,
 				tags: this._renderFrameTags
 			});
@@ -19700,7 +19796,7 @@ function DefinedNameOverlay({ search, isInputEvent }) {
 	const unitId = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
 	const getDefinedNameMap = () => {
 		const definedNameMap = definedNamesService.getDefinedNameMap(unitId);
-		if (definedNameMap) return Array.from(Object.values(definedNameMap));
+		if (definedNameMap) return Object.values(definedNameMap);
 		return [];
 	};
 	const [definedNames, setDefinedNames] = (0, react.useState)(getDefinedNameMap());
@@ -19815,7 +19911,7 @@ function DefinedName({ disable }) {
 	const inputRef = (0, react.useRef)(null);
 	const getDefinedNameMap = () => {
 		const definedNameMap = definedNamesService.getDefinedNameMap(unitId);
-		if (definedNameMap) return Array.from(Object.values(definedNameMap));
+		if (definedNameMap) return Object.values(definedNameMap);
 		return [];
 	};
 	const focusDefinedName = async (definedName) => {
@@ -21773,11 +21869,11 @@ const SheetBar = () => {
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SheetBarButton, {
 					disabled: leftScrollState,
 					onClick: handleScrollLeft,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreIcon, { className: "univer-rotate-180" })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreLeftIcon, {})
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SheetBarButton, {
 					disabled: rightScrollState,
 					onClick: handleScrollRight,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreIcon, {})
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreRightIcon, {})
 				})]
 			})
 		]
@@ -22675,7 +22771,7 @@ const useHighlightRange = (ranges = []) => {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-ui";
-var version = "1.0.0-alpha.0";
+var version = "1.0.0-alpha.1";
 
 //#endregion
 //#region src/controllers/cell-alert.controller.ts
@@ -24495,7 +24591,7 @@ const DefinedNameContainer = () => {
 	const getDefinedNameMap = () => {
 		if (!unitId) return [];
 		const definedNameMap = definedNamesService.getDefinedNameMap(unitId);
-		if (definedNameMap) return Array.from(Object.values(definedNameMap));
+		if (definedNameMap) return Object.values(definedNameMap);
 		return [];
 	};
 	const [editState, setEditState] = (0, react.useState)(false);
@@ -26151,7 +26247,7 @@ const formulaEditorStyle = {
 	}
 };
 let EditorDataSyncController = class EditorDataSyncController extends _univerjs_core.Disposable {
-	constructor(_univerInstanceService, _renderManagerService, _editorBridgeService, _commandService, _rangeProtectionRuleModel, _worksheetProtectionRuleModel, _formulaEditorController, _formulaEditorManagerService) {
+	constructor(_univerInstanceService, _renderManagerService, _editorBridgeService, _commandService, _rangeProtectionRuleModel, _worksheetProtectionRuleModel, _formulaEditorController, _formulaEditorManagerService, _contextService) {
 		super();
 		this._univerInstanceService = _univerInstanceService;
 		this._renderManagerService = _renderManagerService;
@@ -26161,11 +26257,13 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 		this._worksheetProtectionRuleModel = _worksheetProtectionRuleModel;
 		this._formulaEditorController = _formulaEditorController;
 		this._formulaEditorManagerService = _formulaEditorManagerService;
+		this._contextService = _contextService;
 		this._initialize();
 	}
 	_initialize() {
 		this._syncFormulaEditorContent();
 		this._commandExecutedListener();
+		this._syncFormulaRefRenderStyleOnFocusChange();
 	}
 	_getEditorViewModel(unitId) {
 		var _this$_renderManagerS;
@@ -26251,6 +26349,7 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 			unitId,
 			syncer: parmas.unitId
 		});
+		this._checkAndSetRenderStyleConfig(docDataModel);
 		docViewModel.reset(docDataModel);
 		skeleton.calculate();
 		if (INCLUDE_LIST.includes(unitId)) {
@@ -26282,27 +26381,54 @@ let EditorDataSyncController = class EditorDataSyncController extends _univerjs_
 		}
 		if (unitId === _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) this._formulaEditorController.autoScroll();
 	}
+	_syncFormulaRefRenderStyleOnFocusChange() {
+		this.disposeWithMe(this._contextService.subscribeContextValue$(_univerjs_core.FOCUSING_FX_BAR_EDITOR).subscribe(() => {
+			this._refreshRenderStyleConfig(_univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);
+			this._refreshRenderStyleConfig(_univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY);
+		}));
+	}
+	_refreshRenderStyleConfig(unitId) {
+		var _currentRender$mainCo3;
+		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const skeleton = currentRender === null || currentRender === void 0 ? void 0 : currentRender.with(_univerjs_docs.DocSkeletonManagerService).getSkeleton();
+		const docDataModel = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_DOC);
+		const docViewModel = this._getEditorViewModel(unitId);
+		if (currentRender == null || skeleton == null || docDataModel == null || docViewModel == null) return;
+		this._checkAndSetRenderStyleConfig(docDataModel);
+		docViewModel.reset(docDataModel);
+		skeleton.calculate();
+		(_currentRender$mainCo3 = currentRender.mainComponent) === null || _currentRender$mainCo3 === void 0 || _currentRender$mainCo3.makeDirty();
+		if (unitId === _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) this._formulaEditorController.autoScroll();
+	}
 	_checkAndSetRenderStyleConfig(documentDataModel) {
-		var _body$dataStream;
+		var _snapshot$body$dataSt, _snapshot$body;
 		const snapshot = documentDataModel.getSnapshot();
-		const { body } = snapshot;
-		if (snapshot.id !== _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY) return;
-		snapshot.documentStyle = formulaEditorStyle;
+		if (snapshot.id !== _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY && snapshot.id !== _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY) return;
+		const isFormulaBar = snapshot.id === _univerjs_core.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY;
+		if (isFormulaBar) snapshot.documentStyle = formulaEditorStyle;
+		else {
+			var _snapshot$documentSty;
+			(_snapshot$documentSty = snapshot.documentStyle) !== null && _snapshot$documentSty !== void 0 || (snapshot.documentStyle = {});
+		}
 		let renderConfig = snapshot.documentStyle.renderConfig;
 		if (renderConfig == null) {
 			renderConfig = {};
 			snapshot.documentStyle.renderConfig = renderConfig;
 		}
-		const position = this._formulaEditorManagerService.getPosition();
-		if (position) {
+		const position = isFormulaBar ? this._formulaEditorManagerService.getPosition() : null;
+		if (isFormulaBar && position) {
 			const width = position.width;
 			snapshot.documentStyle.pageSize = {
 				width,
 				height: Infinity
 			};
 		}
-		if (((_body$dataStream = body === null || body === void 0 ? void 0 : body.dataStream) !== null && _body$dataStream !== void 0 ? _body$dataStream : "").startsWith("=")) renderConfig.isRenderStyle = _univerjs_core.BooleanNumber.TRUE;
-		else renderConfig.isRenderStyle = _univerjs_core.BooleanNumber.FALSE;
+		if (!((_snapshot$body$dataSt = (_snapshot$body = snapshot.body) === null || _snapshot$body === void 0 ? void 0 : _snapshot$body.dataStream) !== null && _snapshot$body$dataSt !== void 0 ? _snapshot$body$dataSt : "").startsWith("=")) {
+			renderConfig.isRenderStyle = isFormulaBar ? _univerjs_core.BooleanNumber.FALSE : _univerjs_core.BooleanNumber.TRUE;
+			return;
+		}
+		const isFocusFxBar = this._contextService.getContextValue(_univerjs_core.FOCUSING_FX_BAR_EDITOR);
+		renderConfig.isRenderStyle = isFormulaBar === isFocusFxBar ? _univerjs_core.BooleanNumber.TRUE : _univerjs_core.BooleanNumber.FALSE;
 	}
 	_clearParagraph(paragraphs) {
 		const newParagraphs = _univerjs_core.Tools.deepClone(paragraphs);
@@ -26318,7 +26444,8 @@ EditorDataSyncController = __decorate([
 	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets.RangeProtectionRuleModel)),
 	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets.WorksheetProtectionRuleModel)),
 	__decorateParam(6, (0, _univerjs_core.Inject)(FormulaEditorController)),
-	__decorateParam(7, IFormulaEditorManagerService)
+	__decorateParam(7, IFormulaEditorManagerService),
+	__decorateParam(8, _univerjs_core.IContextService)
 ], EditorDataSyncController);
 
 //#endregion
@@ -31085,6 +31212,7 @@ Object.defineProperty(exports, 'EditorBridgeService', {
   }
 });
 exports.ExpandSelectionCommand = ExpandSelectionCommand;
+exports.FORMULA_CLIPBOARD_MIME_TYPE = FORMULA_CLIPBOARD_MIME_TYPE;
 exports.FormatPainterStatus = FormatPainterStatus;
 Object.defineProperty(exports, 'FormulaEditorController', {
   enumerable: true,

package/lib/cjs/locale/ar-SA.js

@@ -90,9 +90,16 @@ const locale = { "sheets-ui": {
 		horizontal: "دمج أفقي",
 		cancel: "إلغاء الدمج",
 		overlappingError: "لا يمكن دمج المناطق المتداخلة",
-		partiallyError: "لا يمكن إجراء هذه العملية على خلايا مدموجة جزئياً"
+		partiallyError: "لا يمكن إجراء هذه العملية على خلايا مدموجة جزئياً",
+		confirm: {
+			warning: "تحذير",
+			dismantleMergeCellWarning: "ستؤدي هذه العملية إلى إلغاء دمج الخلايا المدمجة. هل تريد المتابعة؟"
+		}
 	},
-	filter: {},
+	filter: { confirm: {
+		error: "لا يمكن تنفيذ هذه العملية",
+		notAllowedToInsertRange: "هذه العملية غير مسموح بها لأن النطاق يحتوي على صفوف تمت تصفيتها."
+	} },
 	textWrap: {
 		overflow: "تجاوز",
 		wrap: "التفاف",

package/lib/cjs/locale/ca-ES.js

@@ -90,9 +90,16 @@ const locale = { "sheets-ui": {
 		horizontal: "Combinació horitzontal",
 		cancel: "Descombinar cel·les",
 		overlappingError: "No es poden combinar àrees superposades",
-		partiallyError: "No es pot realitzar aquesta operació en cel·les parcialment combinades"
+		partiallyError: "No es pot realitzar aquesta operació en cel·les parcialment combinades",
+		confirm: {
+			warning: "Avís",
+			dismantleMergeCellWarning: "Aquesta operació descombinarà les cel·les combinades. Voleu continuar?"
+		}
 	},
-	filter: {},
+	filter: { confirm: {
+		error: "No es pot realitzar aquesta operació",
+		notAllowedToInsertRange: "Aquesta operació no està permesa perquè l’interval conté files filtrades."
+	} },
 	textWrap: {
 		overflow: "Desbordament",
 		wrap: "Ajustar",

package/lib/cjs/locale/de-DE.js

@@ -90,9 +90,16 @@ const locale = { "sheets-ui": {
 		horizontal: "Horizontal verbinden",
 		cancel: "Verbindung aufheben",
 		overlappingError: "Überlappende Bereiche können nicht verbunden werden",
-		partiallyError: "Dieser Vorgang kann nicht für teilweise verbundene Zellen ausgeführt werden"
+		partiallyError: "Dieser Vorgang kann nicht für teilweise verbundene Zellen ausgeführt werden",
+		confirm: {
+			warning: "Warnung",
+			dismantleMergeCellWarning: "Dieser Vorgang hebt verbundene Zellen auf. Fortfahren?"
+		}
 	},
-	filter: {},
+	filter: { confirm: {
+		error: "Dieser Vorgang kann nicht ausgeführt werden",
+		notAllowedToInsertRange: "Dieser Vorgang ist nicht erlaubt, da der Bereich gefilterte Zeilen enthält."
+	} },
 	textWrap: {
 		overflow: "Überlauf",
 		wrap: "Umbrechen",

package/lib/cjs/locale/en-US.js

@@ -105,9 +105,16 @@ const locale = { "sheets-ui": {
 		horizontal: "Horizontal merge",
 		cancel: "Cancel merge",
 		overlappingError: "Cannot merge overlapping areas",
-		partiallyError: "Cannot perform this operation on partially merged cells"
+		partiallyError: "Cannot perform this operation on partially merged cells",
+		confirm: {
+			warning: "Warning",
+			dismantleMergeCellWarning: "This operation will unmerge merged cells. Continue?"
+		}
 	},
-	filter: {},
+	filter: { confirm: {
+		error: "Cannot perform this operation",
+		notAllowedToInsertRange: "This operation is not allowed because the range contains filtered rows."
+	} },
 	textWrap: {
 		overflow: "Overflow",
 		wrap: "Wrap",

package/lib/cjs/locale/es-ES.js

@@ -90,9 +90,16 @@ const locale = { "sheets-ui": {
 		horizontal: "Combinar horizontalmente",
 		cancel: "Separar celdas",
 		overlappingError: "No se pueden combinar áreas superpuestas",
-		partiallyError: "No se puede realizar esta operación en celdas parcialmente combinadas"
+		partiallyError: "No se puede realizar esta operación en celdas parcialmente combinadas",
+		confirm: {
+			warning: "Advertencia",
+			dismantleMergeCellWarning: "Esta operación separará las celdas combinadas. ¿Desea continuar?"
+		}
 	},
-	filter: {},
+	filter: { confirm: {
+		error: "No se puede realizar esta operación",
+		notAllowedToInsertRange: "Esta operación no está permitida porque el rango contiene filas filtradas."
+	} },
 	textWrap: {
 		overflow: "Desbordamiento",
 		wrap: "Ajustar",

package/lib/cjs/locale/fa-IR.js

@@ -90,9 +90,16 @@ const locale = { "sheets-ui": {
 		horizontal: "ادغام افقی",
 		cancel: "لغو ادغام",
 		overlappingError: "نمی‌توان نواحی هم‌پوشان را ادغام کرد",
-		partiallyError: "نمی‌توان این عملیات را روی سلول‌های ادغام‌شده جزئی انجام داد"
+		partiallyError: "نمی‌توان این عملیات را روی سلول‌های ادغام‌شده جزئی انجام داد",
+		confirm: {
+			warning: "هشدار",
+			dismantleMergeCellWarning: "این عملیات سلول‌های ادغام‌شده را از حالت ادغام خارج می‌کند. ادامه می‌دهید؟"
+		}
 	},
-	filter: {},
+	filter: { confirm: {
+		error: "نمی‌توان این عملیات را انجام داد",
+		notAllowedToInsertRange: "این عملیات مجاز نیست زیرا محدوده شامل ردیف‌های فیلترشده است."
+	} },
 	textWrap: {
 		overflow: "سرریز",
 		wrap: "بپیچ",

package/lib/cjs/locale/fr-FR.js

@@ -90,9 +90,16 @@ const locale = { "sheets-ui": {
 		horizontal: "Fusion horizontale",
 		cancel: "Annuler la fusion",
 		overlappingError: "Impossible de fusionner des zones qui se chevauchent",
-		partiallyError: "Impossible d'effectuer cette opération sur des cellules partiellement fusionnées"
+		partiallyError: "Impossible d'effectuer cette opération sur des cellules partiellement fusionnées",
+		confirm: {
+			warning: "Avertissement",
+			dismantleMergeCellWarning: "Cette opération annulera la fusion des cellules fusionnées. Continuer ?"
+		}
 	},
-	filter: {},
+	filter: { confirm: {
+		error: "Impossible d’effectuer cette opération",
+		notAllowedToInsertRange: "Cette opération n’est pas autorisée, car la plage contient des lignes filtrées."
+	} },
 	textWrap: {
 		overflow: "Débordement",
 		wrap: "Renvoi à la ligne",

package/lib/cjs/locale/id-ID.js

@@ -90,9 +90,16 @@ const locale = { "sheets-ui": {
 		horizontal: "Gabungkan horizontal",
 		cancel: "Batalkan penggabungan",
 		overlappingError: "Tidak dapat menggabungkan area yang tumpang tindih",
-		partiallyError: "Tidak dapat melakukan operasi ini pada sel yang digabungkan sebagian"
+		partiallyError: "Tidak dapat melakukan operasi ini pada sel yang digabungkan sebagian",
+		confirm: {
+			warning: "Peringatan",
+			dismantleMergeCellWarning: "Operasi ini akan membatalkan penggabungan sel. Lanjutkan?"
+		}
 	},
-	filter: {},
+	filter: { confirm: {
+		error: "Tidak dapat melakukan operasi ini",
+		notAllowedToInsertRange: "Operasi ini tidak diizinkan karena rentang berisi baris yang difilter."
+	} },
 	textWrap: {
 		overflow: "Meluap",
 		wrap: "Bungkus",

package/lib/cjs/locale/it-IT.js

@@ -90,9 +90,16 @@ const locale = { "sheets-ui": {
 		horizontal: "Unisci orizzontalmente",
 		cancel: "Annulla unione",
 		overlappingError: "Impossibile unire aree sovrapposte",
-		partiallyError: "Impossibile eseguire questa operazione su celle parzialmente unite"
+		partiallyError: "Impossibile eseguire questa operazione su celle parzialmente unite",
+		confirm: {
+			warning: "Avviso",
+			dismantleMergeCellWarning: "Questa operazione annullerà l’unione delle celle unite. Continuare?"
+		}
 	},
-	filter: {},
+	filter: { confirm: {
+		error: "Impossibile eseguire questa operazione",
+		notAllowedToInsertRange: "Questa operazione non è consentita perché l’intervallo contiene righe filtrate."
+	} },
 	textWrap: {
 		overflow: "Trabocca",
 		wrap: "A capo",

package/lib/cjs/locale/ja-JP.js

@@ -90,9 +90,16 @@ const locale = { "sheets-ui": {
 		horizontal: "横に結合",
 		cancel: "結合解除",
 		overlappingError: "重なっている範囲は結合できません",
-		partiallyError: "部分的に結合されたセルには操作できません"
+		partiallyError: "部分的に結合されたセルには操作できません",
+		confirm: {
+			warning: "警告",
+			dismantleMergeCellWarning: "この操作により結合セルが解除されます。続行しますか？"
+		}
 	},
-	filter: {},
+	filter: { confirm: {
+		error: "この操作は実行できません",
+		notAllowedToInsertRange: "範囲にフィルターされた行が含まれているため、この操作は許可されていません。"
+	} },
 	textWrap: {
 		overflow: "オーバーフロー",
 		wrap: "折り返す",