@univerjs/sheets-ui 0.24.0 → 0.25.0-insiders.20260608-e4336f7

package/lib/cjs/facade.js

@@ -5,9 +5,9 @@ let _univerjs_docs = require("@univerjs/docs");
 let _univerjs_engine_render = require("@univerjs/engine-render");
 let _univerjs_sheets = require("@univerjs/sheets");
 let _univerjs_sheets_ui = require("@univerjs/sheets-ui");
-let _univerjs_sheets_facade = require("@univerjs/sheets/facade");
 let _univerjs_ui = require("@univerjs/ui");
 let rxjs = require("rxjs");
+let _univerjs_sheets_facade = require("@univerjs/sheets/facade");
 
 //#region src/facade/f-univer.ts
 var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
@@ -60,13 +60,13 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 		})));
 		this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditStarted, () => commandService.onCommandExecuted((commandInfo) => {
 			if (commandInfo.id !== _univerjs_sheets_ui.SetCellEditVisibleOperation.id) return;
-			const target = this.getCommandSheetTarget(commandInfo);
+			const params = commandInfo.params;
+			const target = this.getSheetCommandTarget(params);
 			if (!target) return;
 			const { workbook, worksheet } = target;
-			const editorBridgeService = injector.get(_univerjs_sheets_ui.IEditorBridgeService);
-			const { visible, keycode, eventType } = commandInfo.params;
-			const loc = editorBridgeService.getEditLocation();
+			const { visible, keycode, eventType } = params;
 			if (!visible) return;
+			const loc = injector.get(_univerjs_sheets_ui.IEditorBridgeService).getEditLocation();
 			const eventParams = {
 				row: loc.row,
 				column: loc.column,
@@ -80,13 +80,13 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 		})));
 		this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditEnded, () => commandService.onCommandExecuted((commandInfo) => {
 			if (commandInfo.id !== _univerjs_sheets_ui.SetCellEditVisibleOperation.id) return;
-			const target = this.getCommandSheetTarget(commandInfo);
+			const params = commandInfo.params;
+			const target = this.getSheetCommandTarget(params);
 			if (!target) return;
 			const { workbook, worksheet } = target;
-			const editorBridgeService = injector.get(_univerjs_sheets_ui.IEditorBridgeService);
-			const { visible, keycode, eventType } = commandInfo.params;
-			const loc = editorBridgeService.getEditLocation();
+			const { visible, keycode, eventType } = params;
 			if (visible) return;
+			const loc = injector.get(_univerjs_sheets_ui.IEditorBridgeService).getEditLocation();
 			const eventParams = {
 				row: loc.row,
 				column: loc.column,
@@ -101,12 +101,12 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 		})));
 		this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditChanging, () => commandService.onCommandExecuted((commandInfo) => {
 			if (commandInfo.id !== _univerjs_docs.RichTextEditingMutation.id) return;
+			const params = commandInfo.params;
 			const target = this.getActiveSheet();
 			if (!target) return;
 			const { workbook, worksheet } = target;
 			const editorBridgeService = injector.get(_univerjs_sheets_ui.IEditorBridgeService);
 			const univerInstanceService = injector.get(_univerjs_core.IUniverInstanceService);
-			const params = commandInfo.params;
 			if (!editorBridgeService.isVisible().visible) return;
 			const { unitId } = params;
 			if (unitId === _univerjs_core.DOCS_NORMAL_EDITOR_UNIT_ID_KEY) {
@@ -124,26 +124,30 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 		})));
 		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetZoomChange, () => commandService.beforeCommandExecuted((commandInfo) => {
 			if (commandInfo.id !== _univerjs_sheets_ui.SetZoomRatioCommand.id) return;
-			const target = this.getCommandSheetTarget(commandInfo);
+			const params = commandInfo.params;
+			const target = this.getSheetCommandTarget(params);
 			if (!target) return;
 			const { workbook, worksheet } = target;
+			const { zoomRatio: zoom } = params;
 			const eventParams = {
-				zoom: commandInfo.params.zoomRatio,
 				workbook,
-				worksheet
+				worksheet,
+				zoom
 			};
 			this.fireEvent(this.Event.BeforeSheetZoomChange, eventParams);
 			if (eventParams.cancel) throw new _univerjs_core.CanceledError();
 		})));
 		this.disposeWithMe(this.registerEventHandler(this.Event.SheetZoomChanged, () => commandService.onCommandExecuted((commandInfo) => {
 			if (commandInfo.id !== _univerjs_sheets_ui.SetZoomRatioCommand.id) return;
-			const target = this.getCommandSheetTarget(commandInfo);
+			const params = commandInfo.params;
+			const target = this.getSheetCommandTarget(params);
 			if (!target) return;
 			const { workbook, worksheet } = target;
+			const { zoomRatio: zoom } = params;
 			const eventParams = {
-				zoom: worksheet.getZoom(),
 				workbook,
-				worksheet
+				worksheet,
+				zoom
 			};
 			this.fireEvent(this.Event.SheetZoomChanged, eventParams);
 		})));
@@ -161,13 +165,18 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.CellClicked, () => {
 				var _hoverManagerService$;
 				return (_hoverManagerService$ = hoverManagerService.currentClickedCell$) === null || _hoverManagerService$ === void 0 ? void 0 : _hoverManagerService$.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
-					const baseParams = this.getSheetTarget(cell.location.unitId, cell.location.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, row, col: column } = cell.location;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						...cell,
-						row: cell.location.row,
-						column: cell.location.col
+						workbook,
+						worksheet,
+						row,
+						column
 					};
 					this.fireEvent(this.Event.CellClicked, eventParams);
 				});
@@ -175,13 +184,18 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.CellHover, () => {
 				var _hoverManagerService$2;
 				return (_hoverManagerService$2 = hoverManagerService.currentRichText$) === null || _hoverManagerService$2 === void 0 ? void 0 : _hoverManagerService$2.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
-					const baseParams = this.getSheetTarget(cell.unitId, cell.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, row, col: column } = cell;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						...cell,
-						row: cell.row,
-						column: cell.col
+						workbook,
+						worksheet,
+						row,
+						column
 					};
 					this.fireEvent(this.Event.CellHover, eventParams);
 				});
@@ -189,13 +203,18 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.CellPointerDown, () => {
 				var _hoverManagerService$3;
 				return (_hoverManagerService$3 = hoverManagerService.currentPointerDownCell$) === null || _hoverManagerService$3 === void 0 ? void 0 : _hoverManagerService$3.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
-					const baseParams = this.getSheetTarget(cell.unitId, cell.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, row, col: column } = cell;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						...cell,
-						row: cell.row,
-						column: cell.col
+						workbook,
+						worksheet,
+						row,
+						column
 					};
 					this.fireEvent(this.Event.CellPointerDown, eventParams);
 				});
@@ -203,13 +222,18 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.CellPointerUp, () => {
 				var _hoverManagerService$4;
 				return (_hoverManagerService$4 = hoverManagerService.currentPointerUpCell$) === null || _hoverManagerService$4 === void 0 ? void 0 : _hoverManagerService$4.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
-					const baseParams = this.getSheetTarget(cell.unitId, cell.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, row, col: column } = cell;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						...cell,
-						row: cell.row,
-						column: cell.col
+						workbook,
+						worksheet,
+						row,
+						column
 					};
 					this.fireEvent(this.Event.CellPointerUp, eventParams);
 				});
@@ -217,13 +241,18 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.CellPointerMove, () => {
 				var _hoverManagerService$5;
 				return (_hoverManagerService$5 = hoverManagerService.currentCellPosWithEvent$) === null || _hoverManagerService$5 === void 0 ? void 0 : _hoverManagerService$5.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
-					const baseParams = this.getSheetTarget(cell.unitId, cell.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, row, col: column } = cell;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						...cell,
-						row: cell.row,
-						column: cell.col
+						workbook,
+						worksheet,
+						row,
+						column
 					};
 					this.fireEvent(this.Event.CellPointerMove, eventParams);
 				});
@@ -231,13 +260,19 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.DragOver, () => {
 				var _dragManagerService$c;
 				return (_dragManagerService$c = dragManagerService.currentCell$) === null || _dragManagerService$c === void 0 ? void 0 : _dragManagerService$c.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
-					const baseParams = this.getSheetTarget(cell.location.unitId, cell.location.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, row, col: column } = cell.location;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
+						workbook,
+						worksheet,
 						...cell,
-						row: cell.location.row,
-						column: cell.location.col
+						row,
+						column
 					};
 					this.fireEvent(this.Event.DragOver, eventParams);
 				});
@@ -245,13 +280,19 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.Drop, () => {
 				var _dragManagerService$e;
 				return (_dragManagerService$e = dragManagerService.endCell$) === null || _dragManagerService$e === void 0 ? void 0 : _dragManagerService$e.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
-					const baseParams = this.getSheetTarget(cell.location.unitId, cell.location.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, row, col: column } = cell.location;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
+						workbook,
+						worksheet,
 						...cell,
-						row: cell.location.row,
-						column: cell.location.col
+						row,
+						column
 					};
 					this.fireEvent(this.Event.Drop, eventParams);
 				});
@@ -259,11 +300,17 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.RowHeaderClick, () => {
 				var _hoverManagerService$6;
 				return (_hoverManagerService$6 = hoverManagerService.currentRowHeaderClick$) === null || _hoverManagerService$6 === void 0 ? void 0 : _hoverManagerService$6.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
-					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, index: row } = header;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						row: header.index
+						workbook,
+						worksheet,
+						row
 					};
 					this.fireEvent(this.Event.RowHeaderClick, eventParams);
 				});
@@ -271,11 +318,17 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.RowHeaderPointerDown, () => {
 				var _hoverManagerService$7;
 				return (_hoverManagerService$7 = hoverManagerService.currentRowHeaderPointerDown$) === null || _hoverManagerService$7 === void 0 ? void 0 : _hoverManagerService$7.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
-					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, index: row } = header;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						row: header.index
+						workbook,
+						worksheet,
+						row
 					};
 					this.fireEvent(this.Event.RowHeaderPointerDown, eventParams);
 				});
@@ -283,11 +336,17 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.RowHeaderPointerUp, () => {
 				var _hoverManagerService$8;
 				return (_hoverManagerService$8 = hoverManagerService.currentRowHeaderPointerUp$) === null || _hoverManagerService$8 === void 0 ? void 0 : _hoverManagerService$8.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
-					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, index: row } = header;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						row: header.index
+						workbook,
+						worksheet,
+						row
 					};
 					this.fireEvent(this.Event.RowHeaderPointerUp, eventParams);
 				});
@@ -295,11 +354,17 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.RowHeaderHover, () => {
 				var _hoverManagerService$9;
 				return (_hoverManagerService$9 = hoverManagerService.currentHoveredRowHeader$) === null || _hoverManagerService$9 === void 0 ? void 0 : _hoverManagerService$9.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
-					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, index: row } = header;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						row: header.index
+						workbook,
+						worksheet,
+						row
 					};
 					this.fireEvent(this.Event.RowHeaderHover, eventParams);
 				});
@@ -307,11 +372,17 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.ColumnHeaderClick, () => {
 				var _hoverManagerService$10;
 				return (_hoverManagerService$10 = hoverManagerService.currentColHeaderClick$) === null || _hoverManagerService$10 === void 0 ? void 0 : _hoverManagerService$10.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
-					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, index: column } = header;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						column: header.index
+						workbook,
+						worksheet,
+						column
 					};
 					this.fireEvent(this.Event.ColumnHeaderClick, eventParams);
 				});
@@ -319,11 +390,17 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.ColumnHeaderPointerDown, () => {
 				var _hoverManagerService$11;
 				return (_hoverManagerService$11 = hoverManagerService.currentColHeaderPointerDown$) === null || _hoverManagerService$11 === void 0 ? void 0 : _hoverManagerService$11.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
-					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, index: column } = header;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						column: header.index
+						workbook,
+						worksheet,
+						column
 					};
 					this.fireEvent(this.Event.ColumnHeaderPointerDown, eventParams);
 				});
@@ -331,11 +408,17 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.ColumnHeaderPointerUp, () => {
 				var _hoverManagerService$12;
 				return (_hoverManagerService$12 = hoverManagerService.currentColHeaderPointerUp$) === null || _hoverManagerService$12 === void 0 ? void 0 : _hoverManagerService$12.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
-					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, index: column } = header;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						column: header.index
+						workbook,
+						worksheet,
+						column
 					};
 					this.fireEvent(this.Event.ColumnHeaderPointerUp, eventParams);
 				});
@@ -343,11 +426,17 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.ColumnHeaderHover, () => {
 				var _hoverManagerService$13;
 				return (_hoverManagerService$13 = hoverManagerService.currentHoveredColHeader$) === null || _hoverManagerService$13 === void 0 ? void 0 : _hoverManagerService$13.pipe((0, rxjs.filter)((header) => !!header)).subscribe((header) => {
-					const baseParams = this.getSheetTarget(header.unitId, header.subUnitId);
-					if (!baseParams) return;
+					const { unitId, subUnitId, index: column } = header;
+					const target = this.getSheetCommandTarget({
+						unitId,
+						subUnitId
+					});
+					if (!target) return;
+					const { workbook, worksheet } = target;
 					const eventParams = {
-						...baseParams,
-						column: header.index
+						workbook,
+						worksheet,
+						column
 					};
 					this.fireEvent(this.Event.ColumnHeaderHover, eventParams);
 				});
@@ -568,35 +657,6 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 		this.fireEvent(this.Event.ClipboardPasted, eventParams);
 		if (eventParams.cancel) throw new _univerjs_core.CanceledError();
 	}
-	customizeColumnHeader(cfg) {
-		var _cfg$headerStyle;
-		const wb = this.getActiveWorkbook();
-		if (!wb) {
-			console.error("WorkBook not exist");
-			return;
-		}
-		const unitId = wb === null || wb === void 0 ? void 0 : wb.getId();
-		const renderManagerService = this._injector.get(_univerjs_engine_render.IRenderManagerService);
-		const activeSheet = wb.getActiveSheet();
-		const subUnitId = activeSheet.getSheetId();
-		const render = renderManagerService.getRenderById(unitId);
-		if (render && ((_cfg$headerStyle = cfg.headerStyle) === null || _cfg$headerStyle === void 0 ? void 0 : _cfg$headerStyle.size)) {
-			var _cfg$headerStyle2;
-			render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, (_cfg$headerStyle2 = cfg.headerStyle) === null || _cfg$headerStyle2 === void 0 ? void 0 : _cfg$headerStyle2.size);
-			activeSheet === null || activeSheet === void 0 || activeSheet.refreshCanvas();
-		}
-		this._getSheetRenderComponent(unitId, _univerjs_sheets_ui.SHEET_VIEW_KEY.COLUMN).setCustomHeader(cfg);
-		activeSheet === null || activeSheet === void 0 || activeSheet.refreshCanvas();
-	}
-	customizeRowHeader(cfg) {
-		const wb = this.getActiveWorkbook();
-		if (!wb) {
-			console.error("WorkBook not exist");
-			return;
-		}
-		const unitId = wb === null || wb === void 0 ? void 0 : wb.getId();
-		this._getSheetRenderComponent(unitId, _univerjs_sheets_ui.SHEET_VIEW_KEY.ROW).setCustomHeader(cfg);
-	}
 	registerSheetRowHeaderExtension(unitId, ...extensions) {
 		const sheetComponent = this._getSheetRenderComponent(unitId, _univerjs_sheets_ui.SHEET_VIEW_KEY.ROW);
 		const registerDisposable = sheetComponent.register(...extensions);
@@ -621,6 +681,17 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 			sheetComponent.makeDirty(true);
 		});
 	}
+	registerCellCustomRender(customRender, effect = _univerjs_core.InterceptorEffectEnum.Style, priority) {
+		return this._injector.get(_univerjs_sheets.SheetInterceptorService).intercept(_univerjs_sheets.INTERCEPTOR_POINT.CELL_CONTENT, {
+			effect,
+			handler: (cell, pos, next) => {
+				if (!cell) return next(cell);
+				if (!cell.customRender && customRender) cell.customRender = [...customRender];
+				return next(cell);
+			},
+			priority
+		});
+	}
 	/**
 	* Get sheet render component from render by unitId and view key.
 	* @private
@@ -629,20 +700,13 @@ var FUniverSheetsUIMixin = class extends _univerjs_core_facade.FUniver {
 	* @returns {Nullable<RenderComponentType>} The render component.
 	*/
 	_getSheetRenderComponent(unitId, viewKey) {
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) throw new Error(`Render Unit with unitId ${unitId} not found`);
 		const { components } = render;
 		const renderComponent = components.get(viewKey);
 		if (!renderComponent) throw new Error("Render component not found");
 		return renderComponent;
 	}
-	/**
-	* Get sheet hooks.
-	* @returns {FSheetHooks} FSheetHooks instance
-	*/
-	getSheetHooks() {
-		return this._injector.createInstance(_univerjs_sheets_facade.FSheetHooks);
-	}
 	pasteIntoSheet(htmlContent, textContent, files) {
 		return this._commandService.executeCommand(_univerjs_sheets_ui.SheetPasteShortKeyCommand.id, {
 			htmlContent,
@@ -698,7 +762,7 @@ var FWorkbookSheetsUIMixin = class extends _univerjs_sheets_facade.FWorkbook {
 	* @returns {Nullable<RenderComponentType>} The render component.
 	*/
 	_getSheetRenderComponent(unitId, viewKey) {
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) throw new Error(`Render Unit with unitId ${unitId} not found`);
 		const { components } = render;
 		const renderComponent = components.get(viewKey);
@@ -708,35 +772,6 @@ var FWorkbookSheetsUIMixin = class extends _univerjs_sheets_facade.FWorkbook {
 	_logDeprecation(name) {
 		this._injector.get(_univerjs_core.ILogService).warn("[FWorkbook]", `${name} is deprecated. Please use the function of the same name on "FUniver".`);
 	}
-	onCellClick(callback) {
-		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentClickedCell$.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
-			callback(cell);
-		}));
-	}
-	onCellHover(callback) {
-		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentRichText$.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe(callback));
-	}
-	onCellPointerDown(callback) {
-		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentPointerDownCell$.subscribe(callback));
-	}
-	onCellPointerUp(callback) {
-		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentPointerUpCell$.subscribe(callback));
-	}
-	onCellPointerMove(callback) {
-		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentCellPosWithEvent$.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
-			callback(cell, cell.event);
-		}));
-	}
-	onDragOver(callback) {
-		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.DragManagerService).currentCell$.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
-			callback(cell);
-		}));
-	}
-	onDrop(callback) {
-		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.DragManagerService).endCell$.pipe((0, rxjs.filter)((cell) => !!cell)).subscribe((cell) => {
-			callback(cell);
-		}));
-	}
 	startEditing() {
 		const commandService = this._injector.get(_univerjs_core.ICommandService);
 		if (this._injector.get(_univerjs_sheets_ui.IEditorBridgeService).isVisible().visible) return true;
@@ -746,7 +781,7 @@ var FWorkbookSheetsUIMixin = class extends _univerjs_sheets_facade.FWorkbook {
 			visible: true
 		});
 	}
-	async endEditing(save) {
+	async endEditingAsync(save = true) {
 		const commandService = this._injector.get(_univerjs_core.ICommandService);
 		if (this._injector.get(_univerjs_sheets_ui.IEditorBridgeService).isVisible().visible) commandService.syncExecuteCommand(_univerjs_sheets_ui.SetCellEditVisibleOperation.id, {
 			eventType: _univerjs_engine_render.DeviceInputEventType.Keyboard,
@@ -757,27 +792,15 @@ var FWorkbookSheetsUIMixin = class extends _univerjs_sheets_facade.FWorkbook {
 		await (0, _univerjs_core.awaitTime)(0);
 		return true;
 	}
-	endEditingAsync(save = true) {
-		return this.endEditing(save);
-	}
 	abortEditingAsync() {
 		return this.endEditingAsync(false);
 	}
 	isCellEditing() {
 		return this._injector.get(_univerjs_sheets_ui.IEditorBridgeService).isVisible().visible;
 	}
-	/**
-	* Get scroll state of specified sheet.
-	* @param {string} sheetId - sheet id
-	* @returns {IScrollState} scroll state
-	* @example
-	* ``` ts
-	* univerAPI.getActiveWorkbook().getScrollStateBySheetId($sheetId)
-	* ```
-	*/
 	getScrollStateBySheetId(sheetId) {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) return null;
 		return render.with(_univerjs_sheets_ui.SheetScrollManagerService).getScrollStateByParam({
 			unitId,
@@ -786,25 +809,25 @@ var FWorkbookSheetsUIMixin = class extends _univerjs_sheets_facade.FWorkbook {
 	}
 	disableSelection() {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (render) render.with(_univerjs_sheets_ui.ISheetSelectionRenderService).disableSelection();
 		return this;
 	}
 	enableSelection() {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (render) render.with(_univerjs_sheets_ui.ISheetSelectionRenderService).enableSelection();
 		return this;
 	}
 	transparentSelection() {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (render) render.with(_univerjs_sheets_ui.ISheetSelectionRenderService).transparentSelection();
 		return this;
 	}
 	showSelection() {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (render) render.with(_univerjs_sheets_ui.ISheetSelectionRenderService).showSelection();
 		return this;
 	}
@@ -817,7 +840,7 @@ var FWorksheetUIMixin = class extends _univerjs_sheets_facade.FWorksheet {
 	refreshCanvas() {
 		const renderManagerService = this._injector.get(_univerjs_engine_render.IRenderManagerService);
 		const unitId = this._fWorkbook.id;
-		const render = renderManagerService.getRenderById(unitId);
+		const render = renderManagerService.getRenderUnitById(unitId);
 		if (!render) throw new Error(`Render Unit with unitId ${unitId} not found`);
 		render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).reCalculate();
 		render.components.forEach((component) => {
@@ -861,7 +884,7 @@ var FWorksheetUIMixin = class extends _univerjs_sheets_facade.FWorksheet {
 	}
 	getVisibleRange() {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) return null;
 		const sk = render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getCurrentSkeleton();
 		if (!sk) return null;
@@ -869,7 +892,7 @@ var FWorksheetUIMixin = class extends _univerjs_sheets_facade.FWorksheet {
 	}
 	getVisibleRangesOfAllViewports() {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) return null;
 		const sk = render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getCurrentSkeleton();
 		if (!sk) return null;
@@ -877,7 +900,7 @@ var FWorksheetUIMixin = class extends _univerjs_sheets_facade.FWorksheet {
 	}
 	scrollToCell(row, column, duration) {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (render) (render === null || render === void 0 ? void 0 : render.with(_univerjs_sheets_ui.SheetsScrollRenderController)).scrollToCell(row, column, duration);
 		return this;
 	}
@@ -890,25 +913,16 @@ var FWorksheetUIMixin = class extends _univerjs_sheets_facade.FWorksheet {
 		};
 		const unitId = this._workbook.getUnitId();
 		const sheetId = this._worksheet.getSheetId();
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) return emptyScrollState;
 		return render.with(_univerjs_sheets_ui.SheetScrollManagerService).getScrollStateByParam({
 			unitId,
 			sheetId
 		}) || emptyScrollState;
 	}
-	onScroll(callback) {
-		var _renderManagerService;
-		const unitId = this._workbook.getUnitId();
-		const scrollManagerService = (_renderManagerService = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(_univerjs_sheets_ui.SheetScrollManagerService);
-		if (scrollManagerService) return (0, _univerjs_core.toDisposable)(scrollManagerService.validViewportScrollInfo$.subscribe((params) => {
-			callback(params);
-		}));
-		return (0, _univerjs_core.toDisposable)(() => {});
-	}
 	getSkeleton() {
 		var _this$_injector$get$g;
-		const service = (_this$_injector$get$g = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(this._workbook.getUnitId())) === null || _this$_injector$get$g === void 0 ? void 0 : _this$_injector$get$g.with(_univerjs_sheets_ui.SheetSkeletonManagerService);
+		const service = (_this$_injector$get$g = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(this._workbook.getUnitId())) === null || _this$_injector$get$g === void 0 ? void 0 : _this$_injector$get$g.with(_univerjs_sheets_ui.SheetSkeletonManagerService);
 		return service === null || service === void 0 ? void 0 : service.getSkeleton(this._worksheet.getSheetId());
 	}
 	autoResizeColumn(columnPosition) {
@@ -953,7 +967,7 @@ var FWorksheetUIMixin = class extends _univerjs_sheets_facade.FWorksheet {
 		var _cfg$headerStyle;
 		const unitId = this._workbook.getUnitId();
 		const subUnitId = this._worksheet.getSheetId();
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (render && ((_cfg$headerStyle = cfg.headerStyle) === null || _cfg$headerStyle === void 0 ? void 0 : _cfg$headerStyle.size)) {
 			var _cfg$headerStyle2;
 			render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, (_cfg$headerStyle2 = cfg.headerStyle) === null || _cfg$headerStyle2 === void 0 ? void 0 : _cfg$headerStyle2.size);
@@ -964,7 +978,7 @@ var FWorksheetUIMixin = class extends _univerjs_sheets_facade.FWorksheet {
 		var _cfg$headerStyle3;
 		const unitId = this._workbook.getUnitId();
 		const subUnitId = this._worksheet.getSheetId();
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (render && ((_cfg$headerStyle3 = cfg.headerStyle) === null || _cfg$headerStyle3 === void 0 ? void 0 : _cfg$headerStyle3.size)) {
 			var _cfg$headerStyle4;
 			render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).setRowHeaderSize(render, subUnitId, (_cfg$headerStyle4 = cfg.headerStyle) === null || _cfg$headerStyle4 === void 0 ? void 0 : _cfg$headerStyle4.size);
@@ -999,7 +1013,7 @@ var FWorksheetUIMixin = class extends _univerjs_sheets_facade.FWorksheet {
 	* @returns {Nullable<RenderComponentType>} The render component.
 	*/
 	_getSheetRenderComponent(unitId, viewKey) {
-		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) throw new Error(`Render Unit with unitId ${unitId} not found`);
 		const { components } = render;
 		const renderComponent = components.get(viewKey);
@@ -1009,71 +1023,6 @@ var FWorksheetUIMixin = class extends _univerjs_sheets_facade.FWorksheet {
 };
 _univerjs_sheets_facade.FWorksheet.extend(FWorksheetUIMixin);
 
-//#endregion
-//#region src/facade/f-workbook-permission.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-var FWorkbookPermissionSheetsUIMixin = class extends _univerjs_sheets_facade.FWorkbookPermission {
-	setPermissionDialogVisible(visible) {
-		this._permissionService.setShowComponents(visible);
-	}
-};
-_univerjs_sheets_facade.FWorkbookPermission.extend(FWorkbookPermissionSheetsUIMixin);
-
-//#endregion
-//#region src/facade/f-sheet-hooks.ts
-var FSheetHooksUIMixin = class extends _univerjs_sheets_facade.FSheetHooks {
-	onCellPointerMove(callback) {
-		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentPosition$.subscribe(callback));
-	}
-	onCellPointerOver(callback) {
-		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.HoverManagerService).currentCell$.subscribe(callback));
-	}
-	onCellDragOver(callback) {
-		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.DragManagerService).currentCell$.subscribe(callback));
-	}
-	onCellDrop(callback) {
-		return (0, _univerjs_core.toDisposable)(this._injector.get(_univerjs_sheets_ui.DragManagerService).endCell$.subscribe(callback));
-	}
-	onCellRender(customRender, effect = _univerjs_core.InterceptorEffectEnum.Style, priority = _univerjs_sheets.InterceptCellContentPriority.DATA_VALIDATION) {
-		return this._injector.get(_univerjs_sheets.SheetInterceptorService).intercept(_univerjs_sheets.INTERCEPTOR_POINT.CELL_CONTENT, {
-			effect,
-			handler: (cell, pos, next) => {
-				if (!cell) return next(cell);
-				if (!cell.customRender && customRender) cell.customRender = [...customRender];
-				return next(cell);
-			},
-			priority
-		});
-	}
-	onBeforeCellEdit(callback) {
-		return this._injector.get(_univerjs_core.ICommandService).beforeCommandExecuted((command) => {
-			const params = command.params;
-			if (command.id === _univerjs_sheets_ui.SetCellEditVisibleOperation.id && params.visible) callback(params);
-		});
-	}
-	onAfterCellEdit(callback) {
-		return this._injector.get(_univerjs_core.ICommandService).onCommandExecuted((command) => {
-			const params = command.params;
-			if (command.id === _univerjs_sheets_ui.SetCellEditVisibleOperation.id && !params.visible) callback(params);
-		});
-	}
-};
-_univerjs_sheets_facade.FSheetHooks.extend(FSheetHooksUIMixin);
-
 //#endregion
 //#region src/facade/f-event.ts
 var FSheetsUIEventNameMixin = class extends _univerjs_core_facade.FEventName {
@@ -1209,7 +1158,7 @@ var FRangeSheetsUIMixin = class extends _univerjs_sheets_facade.FRange {
 		const logService = this._injector.get(_univerjs_core.ILogService);
 		const unitId = this._workbook.getUnitId();
 		const subUnitId = this._worksheet.getSheetId();
-		const render = renderManagerService.getRenderById(unitId);
+		const render = renderManagerService.getRenderUnitById(unitId);
 		const skeleton = render === null || render === void 0 || (_render$with$getSkele = render.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId)) === null || _render$with$getSkele === void 0 ? void 0 : _render$with$getSkele.skeleton;
 		if (!skeleton) {
 			logService.error("[Facade]: `FRange.getCell` can only be called in current worksheet");
@@ -1280,8 +1229,9 @@ var FRangeSheetsUIMixin = class extends _univerjs_sheets_facade.FRange {
 	* @returns {IDisposable} disposable
 	* @example
 	* ```typescript
-	* let sheet = univerAPI.getActiveWorkbook().getActiveSheet();
-	* let range = sheet.getRange(2, 2, 3, 3);
+	* let fWorksheet = univerAPI.getActiveWorkbook().getSheetByName('Sheet1');
+	* if (!fWorksheet) return;
+	* let range = fWorksheet.getRange(2, 2, 3, 3);
 	* univerAPI.getActiveWorkbook().setActiveRange(range);
 	* let disposable = range.attachRangePopup({
 	*   componentKey: 'univer.sheet.single-dom-popup',