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

package/lib/facade.js

@@ -2,11 +2,11 @@ import { CanceledError, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DisposableCollection, IC
 import { FEnum, FEventName, FUniver } from "@univerjs/core/facade";
 import { RichTextEditingMutation } from "@univerjs/docs";
 import { DeviceInputEventType, IRenderManagerService, SHEET_VIEWPORT_KEY } from "@univerjs/engine-render";
-import { COMMAND_LISTENER_SKELETON_CHANGE, INTERCEPTOR_POINT, InterceptCellContentPriority, SetWorksheetRowIsAutoHeightCommand, SheetInterceptorService, SheetsSelectionsService, getSkeletonChangedEffectedRange } from "@univerjs/sheets";
+import { COMMAND_LISTENER_SKELETON_CHANGE, INTERCEPTOR_POINT, SetWorksheetRowIsAutoHeightCommand, SheetInterceptorService, SheetsSelectionsService, getSkeletonChangedEffectedRange } from "@univerjs/sheets";
 import { CellAlertManagerService, DragManagerService, HoverManagerService, IEditorBridgeService, IMarkSelectionService, ISheetCellDropdownManagerService, ISheetClipboardService, ISheetSelectionRenderService, SHEET_VIEW_KEY, SetCellEditVisibleOperation, SetColumnHeaderHeightCommand, SetRowHeaderWidthCommand, SetWorksheetColAutoWidthCommand, SetZoomRatioCommand, SheetCanvasPopManagerService, SheetPasteShortKeyCommand, SheetPermissionRenderManagerService, SheetScrollManagerService, SheetSkeletonManagerService, SheetsScrollRenderController } from "@univerjs/sheets-ui";
-import { FRange, FSheetHooks, FWorkbook, FWorkbookPermission, FWorksheet } from "@univerjs/sheets/facade";
 import { ComponentManager, CopyCommand, CutCommand, HTML_CLIPBOARD_MIME_TYPE, IClipboardInterfaceService, IDialogService, ISidebarService, KeyCode, PLAIN_TEXT_CLIPBOARD_MIME_TYPE, PasteCommand, supportClipboardAPI } from "@univerjs/ui";
 import { combineLatest, filter } from "rxjs";
+import { FRange, FWorkbook, FWorksheet } from "@univerjs/sheets/facade";
 
 //#region src/facade/f-univer.ts
 var FUniverSheetsUIMixin = class extends FUniver {
@@ -59,13 +59,13 @@ var FUniverSheetsUIMixin = class extends FUniver {
 		})));
 		this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditStarted, () => commandService.onCommandExecuted((commandInfo) => {
 			if (commandInfo.id !== 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(IEditorBridgeService);
-			const { visible, keycode, eventType } = commandInfo.params;
-			const loc = editorBridgeService.getEditLocation();
+			const { visible, keycode, eventType } = params;
 			if (!visible) return;
+			const loc = injector.get(IEditorBridgeService).getEditLocation();
 			const eventParams = {
 				row: loc.row,
 				column: loc.column,
@@ -79,13 +79,13 @@ var FUniverSheetsUIMixin = class extends FUniver {
 		})));
 		this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditEnded, () => commandService.onCommandExecuted((commandInfo) => {
 			if (commandInfo.id !== 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(IEditorBridgeService);
-			const { visible, keycode, eventType } = commandInfo.params;
-			const loc = editorBridgeService.getEditLocation();
+			const { visible, keycode, eventType } = params;
 			if (visible) return;
+			const loc = injector.get(IEditorBridgeService).getEditLocation();
 			const eventParams = {
 				row: loc.row,
 				column: loc.column,
@@ -100,12 +100,12 @@ var FUniverSheetsUIMixin = class extends FUniver {
 		})));
 		this.disposeWithMe(this.registerEventHandler(this.Event.SheetEditChanging, () => commandService.onCommandExecuted((commandInfo) => {
 			if (commandInfo.id !== RichTextEditingMutation.id) return;
+			const params = commandInfo.params;
 			const target = this.getActiveSheet();
 			if (!target) return;
 			const { workbook, worksheet } = target;
 			const editorBridgeService = injector.get(IEditorBridgeService);
 			const univerInstanceService = injector.get(IUniverInstanceService);
-			const params = commandInfo.params;
 			if (!editorBridgeService.isVisible().visible) return;
 			const { unitId } = params;
 			if (unitId === DOCS_NORMAL_EDITOR_UNIT_ID_KEY) {
@@ -123,26 +123,30 @@ var FUniverSheetsUIMixin = class extends FUniver {
 		})));
 		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeSheetZoomChange, () => commandService.beforeCommandExecuted((commandInfo) => {
 			if (commandInfo.id !== 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 CanceledError();
 		})));
 		this.disposeWithMe(this.registerEventHandler(this.Event.SheetZoomChanged, () => commandService.onCommandExecuted((commandInfo) => {
 			if (commandInfo.id !== 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);
 		})));
@@ -160,13 +164,18 @@ var FUniverSheetsUIMixin = class extends FUniver {
 			lifecycle$Disposable.add(this.registerEventHandler(this.Event.CellClicked, () => {
 				var _hoverManagerService$;
 				return (_hoverManagerService$ = hoverManagerService.currentClickedCell$) === null || _hoverManagerService$ === void 0 ? void 0 : _hoverManagerService$.pipe(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);
 				});
@@ -174,13 +183,18 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -188,13 +202,18 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -202,13 +221,18 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -216,13 +240,18 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -230,13 +259,19 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -244,13 +279,19 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -258,11 +299,17 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -270,11 +317,17 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -282,11 +335,17 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -294,11 +353,17 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -306,11 +371,17 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -318,11 +389,17 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -330,11 +407,17 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -342,11 +425,17 @@ var FUniverSheetsUIMixin = class extends 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(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);
 				});
@@ -567,35 +656,6 @@ var FUniverSheetsUIMixin = class extends FUniver {
 		this.fireEvent(this.Event.ClipboardPasted, eventParams);
 		if (eventParams.cancel) throw new 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(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(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, 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, SHEET_VIEW_KEY.ROW).setCustomHeader(cfg);
-	}
 	registerSheetRowHeaderExtension(unitId, ...extensions) {
 		const sheetComponent = this._getSheetRenderComponent(unitId, SHEET_VIEW_KEY.ROW);
 		const registerDisposable = sheetComponent.register(...extensions);
@@ -620,6 +680,17 @@ var FUniverSheetsUIMixin = class extends FUniver {
 			sheetComponent.makeDirty(true);
 		});
 	}
+	registerCellCustomRender(customRender, effect = InterceptorEffectEnum.Style, priority) {
+		return this._injector.get(SheetInterceptorService).intercept(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
@@ -628,20 +699,13 @@ var FUniverSheetsUIMixin = class extends FUniver {
 	* @returns {Nullable<RenderComponentType>} The render component.
 	*/
 	_getSheetRenderComponent(unitId, viewKey) {
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(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(FSheetHooks);
-	}
 	pasteIntoSheet(htmlContent, textContent, files) {
 		return this._commandService.executeCommand(SheetPasteShortKeyCommand.id, {
 			htmlContent,
@@ -697,7 +761,7 @@ var FWorkbookSheetsUIMixin = class extends FWorkbook {
 	* @returns {Nullable<RenderComponentType>} The render component.
 	*/
 	_getSheetRenderComponent(unitId, viewKey) {
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) throw new Error(`Render Unit with unitId ${unitId} not found`);
 		const { components } = render;
 		const renderComponent = components.get(viewKey);
@@ -707,35 +771,6 @@ var FWorkbookSheetsUIMixin = class extends FWorkbook {
 	_logDeprecation(name) {
 		this._injector.get(ILogService).warn("[FWorkbook]", `${name} is deprecated. Please use the function of the same name on "FUniver".`);
 	}
-	onCellClick(callback) {
-		return toDisposable(this._injector.get(HoverManagerService).currentClickedCell$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
-			callback(cell);
-		}));
-	}
-	onCellHover(callback) {
-		return toDisposable(this._injector.get(HoverManagerService).currentRichText$.pipe(filter((cell) => !!cell)).subscribe(callback));
-	}
-	onCellPointerDown(callback) {
-		return toDisposable(this._injector.get(HoverManagerService).currentPointerDownCell$.subscribe(callback));
-	}
-	onCellPointerUp(callback) {
-		return toDisposable(this._injector.get(HoverManagerService).currentPointerUpCell$.subscribe(callback));
-	}
-	onCellPointerMove(callback) {
-		return toDisposable(this._injector.get(HoverManagerService).currentCellPosWithEvent$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
-			callback(cell, cell.event);
-		}));
-	}
-	onDragOver(callback) {
-		return toDisposable(this._injector.get(DragManagerService).currentCell$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
-			callback(cell);
-		}));
-	}
-	onDrop(callback) {
-		return toDisposable(this._injector.get(DragManagerService).endCell$.pipe(filter((cell) => !!cell)).subscribe((cell) => {
-			callback(cell);
-		}));
-	}
 	startEditing() {
 		const commandService = this._injector.get(ICommandService);
 		if (this._injector.get(IEditorBridgeService).isVisible().visible) return true;
@@ -745,7 +780,7 @@ var FWorkbookSheetsUIMixin = class extends FWorkbook {
 			visible: true
 		});
 	}
-	async endEditing(save) {
+	async endEditingAsync(save = true) {
 		const commandService = this._injector.get(ICommandService);
 		if (this._injector.get(IEditorBridgeService).isVisible().visible) commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
 			eventType: DeviceInputEventType.Keyboard,
@@ -756,27 +791,15 @@ var FWorkbookSheetsUIMixin = class extends FWorkbook {
 		await awaitTime(0);
 		return true;
 	}
-	endEditingAsync(save = true) {
-		return this.endEditing(save);
-	}
 	abortEditingAsync() {
 		return this.endEditingAsync(false);
 	}
 	isCellEditing() {
 		return this._injector.get(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(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) return null;
 		return render.with(SheetScrollManagerService).getScrollStateByParam({
 			unitId,
@@ -785,25 +808,25 @@ var FWorkbookSheetsUIMixin = class extends FWorkbook {
 	}
 	disableSelection() {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (render) render.with(ISheetSelectionRenderService).disableSelection();
 		return this;
 	}
 	enableSelection() {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (render) render.with(ISheetSelectionRenderService).enableSelection();
 		return this;
 	}
 	transparentSelection() {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (render) render.with(ISheetSelectionRenderService).transparentSelection();
 		return this;
 	}
 	showSelection() {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (render) render.with(ISheetSelectionRenderService).showSelection();
 		return this;
 	}
@@ -816,7 +839,7 @@ var FWorksheetUIMixin = class extends FWorksheet {
 	refreshCanvas() {
 		const renderManagerService = this._injector.get(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(SheetSkeletonManagerService).reCalculate();
 		render.components.forEach((component) => {
@@ -860,7 +883,7 @@ var FWorksheetUIMixin = class extends FWorksheet {
 	}
 	getVisibleRange() {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) return null;
 		const sk = render.with(SheetSkeletonManagerService).getCurrentSkeleton();
 		if (!sk) return null;
@@ -868,7 +891,7 @@ var FWorksheetUIMixin = class extends FWorksheet {
 	}
 	getVisibleRangesOfAllViewports() {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) return null;
 		const sk = render.with(SheetSkeletonManagerService).getCurrentSkeleton();
 		if (!sk) return null;
@@ -876,7 +899,7 @@ var FWorksheetUIMixin = class extends FWorksheet {
 	}
 	scrollToCell(row, column, duration) {
 		const unitId = this._workbook.getUnitId();
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (render) (render === null || render === void 0 ? void 0 : render.with(SheetsScrollRenderController)).scrollToCell(row, column, duration);
 		return this;
 	}
@@ -889,25 +912,16 @@ var FWorksheetUIMixin = class extends FWorksheet {
 		};
 		const unitId = this._workbook.getUnitId();
 		const sheetId = this._worksheet.getSheetId();
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) return emptyScrollState;
 		return render.with(SheetScrollManagerService).getScrollStateByParam({
 			unitId,
 			sheetId
 		}) || emptyScrollState;
 	}
-	onScroll(callback) {
-		var _renderManagerService;
-		const unitId = this._workbook.getUnitId();
-		const scrollManagerService = (_renderManagerService = this._injector.get(IRenderManagerService).getRenderById(unitId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(SheetScrollManagerService);
-		if (scrollManagerService) return toDisposable(scrollManagerService.validViewportScrollInfo$.subscribe((params) => {
-			callback(params);
-		}));
-		return toDisposable(() => {});
-	}
 	getSkeleton() {
 		var _this$_injector$get$g;
-		const service = (_this$_injector$get$g = this._injector.get(IRenderManagerService).getRenderById(this._workbook.getUnitId())) === null || _this$_injector$get$g === void 0 ? void 0 : _this$_injector$get$g.with(SheetSkeletonManagerService);
+		const service = (_this$_injector$get$g = this._injector.get(IRenderManagerService).getRenderUnitById(this._workbook.getUnitId())) === null || _this$_injector$get$g === void 0 ? void 0 : _this$_injector$get$g.with(SheetSkeletonManagerService);
 		return service === null || service === void 0 ? void 0 : service.getSkeleton(this._worksheet.getSheetId());
 	}
 	autoResizeColumn(columnPosition) {
@@ -952,7 +966,7 @@ var FWorksheetUIMixin = class extends FWorksheet {
 		var _cfg$headerStyle;
 		const unitId = this._workbook.getUnitId();
 		const subUnitId = this._worksheet.getSheetId();
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (render && ((_cfg$headerStyle = cfg.headerStyle) === null || _cfg$headerStyle === void 0 ? void 0 : _cfg$headerStyle.size)) {
 			var _cfg$headerStyle2;
 			render.with(SheetSkeletonManagerService).setColumnHeaderSize(render, subUnitId, (_cfg$headerStyle2 = cfg.headerStyle) === null || _cfg$headerStyle2 === void 0 ? void 0 : _cfg$headerStyle2.size);
@@ -963,7 +977,7 @@ var FWorksheetUIMixin = class extends FWorksheet {
 		var _cfg$headerStyle3;
 		const unitId = this._workbook.getUnitId();
 		const subUnitId = this._worksheet.getSheetId();
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (render && ((_cfg$headerStyle3 = cfg.headerStyle) === null || _cfg$headerStyle3 === void 0 ? void 0 : _cfg$headerStyle3.size)) {
 			var _cfg$headerStyle4;
 			render.with(SheetSkeletonManagerService).setRowHeaderSize(render, subUnitId, (_cfg$headerStyle4 = cfg.headerStyle) === null || _cfg$headerStyle4 === void 0 ? void 0 : _cfg$headerStyle4.size);
@@ -998,7 +1012,7 @@ var FWorksheetUIMixin = class extends FWorksheet {
 	* @returns {Nullable<RenderComponentType>} The render component.
 	*/
 	_getSheetRenderComponent(unitId, viewKey) {
-		const render = this._injector.get(IRenderManagerService).getRenderById(unitId);
+		const render = this._injector.get(IRenderManagerService).getRenderUnitById(unitId);
 		if (!render) throw new Error(`Render Unit with unitId ${unitId} not found`);
 		const { components } = render;
 		const renderComponent = components.get(viewKey);
@@ -1008,71 +1022,6 @@ var FWorksheetUIMixin = class extends FWorksheet {
 };
 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 FWorkbookPermission {
-	setPermissionDialogVisible(visible) {
-		this._permissionService.setShowComponents(visible);
-	}
-};
-FWorkbookPermission.extend(FWorkbookPermissionSheetsUIMixin);
-
-//#endregion
-//#region src/facade/f-sheet-hooks.ts
-var FSheetHooksUIMixin = class extends FSheetHooks {
-	onCellPointerMove(callback) {
-		return toDisposable(this._injector.get(HoverManagerService).currentPosition$.subscribe(callback));
-	}
-	onCellPointerOver(callback) {
-		return toDisposable(this._injector.get(HoverManagerService).currentCell$.subscribe(callback));
-	}
-	onCellDragOver(callback) {
-		return toDisposable(this._injector.get(DragManagerService).currentCell$.subscribe(callback));
-	}
-	onCellDrop(callback) {
-		return toDisposable(this._injector.get(DragManagerService).endCell$.subscribe(callback));
-	}
-	onCellRender(customRender, effect = InterceptorEffectEnum.Style, priority = InterceptCellContentPriority.DATA_VALIDATION) {
-		return this._injector.get(SheetInterceptorService).intercept(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(ICommandService).beforeCommandExecuted((command) => {
-			const params = command.params;
-			if (command.id === SetCellEditVisibleOperation.id && params.visible) callback(params);
-		});
-	}
-	onAfterCellEdit(callback) {
-		return this._injector.get(ICommandService).onCommandExecuted((command) => {
-			const params = command.params;
-			if (command.id === SetCellEditVisibleOperation.id && !params.visible) callback(params);
-		});
-	}
-};
-FSheetHooks.extend(FSheetHooksUIMixin);
-
 //#endregion
 //#region src/facade/f-event.ts
 var FSheetsUIEventNameMixin = class extends FEventName {
@@ -1208,7 +1157,7 @@ var FRangeSheetsUIMixin = class extends FRange {
 		const logService = this._injector.get(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(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");
@@ -1279,8 +1228,9 @@ var FRangeSheetsUIMixin = class extends 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',