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

package/lib/index.js

@@ -1,12 +1,12 @@
-import { BooleanNumber, BuildTextUtils, CommandType, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Direction, Disposable, DisposableCollection, DrawingTypeEnum, FOCUSING_COMMON_DRAWINGS, FOCUSING_FX_BAR_EDITOR, FOCUSING_PANEL_EDITOR, FOCUSING_SHAPE_TEXT_EDITOR, FOCUSING_SHEET, ICommandService, IConfigService, IContextService, IImageIoService, IPermissionService, IURLImageService, IUndoRedoService, IUniverInstanceService, ImageSourceType, ImageUploadStatusType, Inject, Injector, InterceptorEffectEnum, LifecycleService, LifecycleStages, LocaleService, ObjectMatrix, Optional, Plugin, PositionedObjectLayoutType, RANGE_TYPE, Rectangle, RxDisposable, Tools, UniverInstanceType, UserManagerService, WrapTextType, createDocumentModelWithStyle, createIdentifier, fromEventSubject, generateRandomId, merge, registerDependencies, sequenceExecute, toDisposable, touchDependencies } from "@univerjs/core";
+import { BooleanNumber, BuildTextUtils, CommandType, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DependentOn, Direction, Disposable, DisposableCollection, DrawingTypeEnum, FOCUSING_COMMON_DRAWINGS, FOCUSING_FX_BAR_EDITOR, FOCUSING_PANEL_EDITOR, FOCUSING_SHAPE_TEXT_EDITOR, FOCUSING_SHEET, ICommandService, IConfigService, IContextService, IImageIoService, IPermissionService, IURLImageService, IUndoRedoService, IUniverInstanceService, ImageSourceType, ImageUploadStatusType, Inject, Injector, InterceptorEffectEnum, LifecycleService, LifecycleStages, LocaleService, ObjectMatrix, Optional, Plugin, PositionedObjectLayoutType, RxDisposable, Tools, UniverInstanceType, UserManagerService, WrapTextType, createDocumentModelWithStyle, createIdentifier, fromEventSubject, generateRandomId, merge, registerDependencies, sequenceExecute, toDisposable, touchDependencies } from "@univerjs/core";
 import { ClearSheetDrawingTransformerOperation, DrawingApplyType, ISheetDrawingService, InsertSheetDrawingCommand, RemoveSheetDrawingCommand, SetDrawingApplyMutation, SetDrawingArrangeCommand, SetSheetDrawingCommand, SheetDrawingAnchorType, UniverSheetsDrawingPlugin, drawingPositionToTransform, transformToAxisAlignPosition, transformToDrawingPosition } from "@univerjs/sheets-drawing";
-import { CURSOR_TYPE, DRAWING_OBJECT_LAYER_INDEX, IRenderManagerService, Image, ObjectType, Rect, SHEET_VIEWPORT_KEY, Vector2, getCurrentTypeOfRenderer, getGroupState, transformObjectOutOfGroup } from "@univerjs/engine-render";
+import { CURSOR_TYPE, DRAWING_OBJECT_LAYER_INDEX, IRenderManagerService, Image, ObjectType, Rect, SHEET_VIEWPORT_KEY, UniverRenderEnginePlugin, Vector2, getCurrentTypeOfRenderer, getGroupState, transformObjectOutOfGroup } from "@univerjs/engine-render";
 import { Button, Checkbox, CheckboxGroup, FormLayout, MessageType, Radio, RadioGroup, Select, clsx, render, unmount } from "@univerjs/design";
 import { buildDocTransform, docDrawingPositionToTransform } from "@univerjs/docs";
 import { DRAWING_IMAGE_ALLOW_IMAGE_LIST, DRAWING_IMAGE_COUNT_LIMIT, DRAWING_IMAGE_HEIGHT_LIMIT, DRAWING_IMAGE_WIDTH_LIMIT, IDrawingManagerService, SetDrawingSelectedOperation, UniverDrawingPlugin, getDrawingImageAllowSize, getDrawingShapeKeyByDrawingSearch, getImageSize } from "@univerjs/drawing";
-import { COMMAND_LISTENER_SKELETON_CHANGE, DeleteRangeMoveLeftCommand, DeleteRangeMoveUpCommand, DeltaColumnWidthCommand, DeltaRowHeightCommand, IAutoFillService, INTERCEPTOR_POINT, InsertColCommand, InsertRangeMoveDownCommand, InsertRangeMoveRightCommand, InsertRowCommand, InterceptCellContentPriority, MoveColsCommand, MoveRangeCommand, MoveRowsCommand, RangeProtectionPermissionEditPoint, RemoveColCommand, RemoveRowCommand, SetColHiddenCommand, SetColHiddenMutation, SetColVisibleMutation, SetColWidthCommand, SetFrozenMutation, SetRangeValuesCommand, SetRowHeightCommand, SetRowHiddenCommand, SetRowHiddenMutation, SetRowVisibleMutation, SetSelectionsOperation, SetSpecificColsVisibleCommand, SetSpecificRowsVisibleCommand, SetWorksheetActiveOperation, SetWorksheetColWidthMutation, SetWorksheetRowAutoHeightMutation, SetWorksheetRowHeightMutation, SetWorksheetRowIsAutoHeightMutation, SheetInterceptorService, SheetPermissionCheckController, SheetSkeletonService, SheetsSelectionsService, WorkbookEditablePermission, WorkbookViewPermission, WorksheetEditPermission, WorksheetViewPermission, attachRangeWithCoord, discreteRangeToRange, getSheetCommandTarget } from "@univerjs/sheets";
-import { COPY_TYPE, EditingRenderController, HoverManagerService, IEditorBridgeService, ISheetClipboardService, ISheetSelectionRenderService, PREDEFINED_HOOK_NAME_PASTE, SetCellEditVisibleOperation, SetScrollOperation, SetZoomRatioOperation, SheetCanvasPopManagerService, SheetPrintInterceptorService, SheetSkeletonManagerService, getCurrentRangeDisable$, useHighlightRange, virtualizeDiscreteRanges } from "@univerjs/sheets-ui";
-import { CanvasFloatDomPreviewService, CanvasFloatDomService, ComponentManager, ContextMenuGroup, ContextMenuPosition, IClipboardInterfaceService, IContextMenuService, IDialogService, ILocalFileService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, KeyCode, MenuItemType, PrintFloatDomSingle, RibbonInsertGroup, connectInjector, getMenuHiddenObservable, useDependency, useObservable } from "@univerjs/ui";
+import { COMMAND_LISTENER_SKELETON_CHANGE, IAutoFillService, INTERCEPTOR_POINT, InterceptCellContentPriority, RangeProtectionPermissionEditPoint, SetFrozenMutation, SetRangeValuesCommand, SetSelectionsOperation, SetWorksheetActiveOperation, SetWorksheetRowAutoHeightMutation, SheetInterceptorService, SheetPermissionCheckController, SheetSkeletonService, SheetsSelectionsService, UniverSheetsPlugin, WorkbookEditablePermission, WorkbookViewPermission, WorksheetEditPermission, WorksheetViewPermission, attachRangeWithCoord, discreteRangeToRange, getSheetCommandTarget } from "@univerjs/sheets";
+import { COPY_TYPE, EditingRenderController, HoverManagerService, IEditorBridgeService, ISheetClipboardService, ISheetSelectionRenderService, PREDEFINED_HOOK_NAME_PASTE, SetCellEditVisibleOperation, SetScrollOperation, SetZoomRatioOperation, SheetCanvasPopManagerService, SheetPrintInterceptorService, SheetSkeletonManagerService, UniverSheetsUIPlugin, getCurrentRangeDisable$, useHighlightRange, virtualizeDiscreteRanges } from "@univerjs/sheets-ui";
+import { CanvasFloatDomPreviewService, CanvasFloatDomService, ComponentManager, ContextMenuGroup, ContextMenuPosition, IClipboardInterfaceService, IContextMenuService, IDialogService, ILocalFileService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, KeyCode, MenuItemType, PrintFloatDomSingle, RibbonInsertGroup, UniverUIPlugin, connectInjector, getMenuHiddenObservable, useDependency, useObservable } from "@univerjs/ui";
 import { COMPONENT_IMAGE_POPUP_MENU, DrawingCommonPanel, DrawingRenderService, ImageCropperObject, ImageResetSizeOperation, OpenImageCropOperation, UniverDrawingUIPlugin, disposeDrawingRenderObject, insertGroupObject } from "@univerjs/drawing-ui";
 import { BehaviorSubject, EMPTY, Subject, combineLatest, distinctUntilChanged, filter, map, of, switchMap, take, tap, throttleTime } from "rxjs";
 import { DocDrawingController, UniverDocsDrawingPlugin } from "@univerjs/docs-drawing";
@@ -292,7 +292,7 @@ const UngroupSheetDrawingCommand = {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -303,7 +303,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -316,14 +316,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -334,7 +334,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -342,7 +342,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -378,11 +378,11 @@ function rotatedBoundingBox(width, height, angleDegrees) {
 function getDrawingSizeByCell(accessor, location, originImageWidth, originImageHeight, angle) {
 	var _skeletonManagerServi;
 	const { rotatedHeight, rotatedWidth } = rotatedBoundingBox(originImageWidth, originImageHeight, angle);
-	const currentRender = accessor.get(IRenderManagerService).getRenderById(location.unitId);
+	const currentRender = accessor.get(IRenderManagerService).getRenderUnitById(location.unitId);
 	if (!currentRender) return false;
 	const skeleton = (_skeletonManagerServi = currentRender.with(SheetSkeletonManagerService).getSkeletonParam(location.subUnitId)) === null || _skeletonManagerServi === void 0 ? void 0 : _skeletonManagerServi.skeleton;
 	if (skeleton == null) return false;
-	const cellInfo = skeleton.getCellByIndex(location.row, location.col);
+	const cellInfo = skeleton.getCellWithCoordByIndex(location.row, location.col);
 	const cellWidth = cellInfo.mergeInfo.endX - cellInfo.mergeInfo.startX - 2;
 	const cellHeight = cellInfo.mergeInfo.endY - cellInfo.mergeInfo.startY - 2;
 	const imageRatio = rotatedWidth / rotatedHeight;
@@ -1037,12 +1037,6 @@ let BatchSaveImagesService = class BatchSaveImagesService extends Disposable {
 		this._imageIoService = _imageIoService;
 		this._urlImageService = _urlImageService;
 	}
-	/**
-	* @deprecated Use IURLImageService directly
-	*/
-	registerURLImageDownloader(downloader) {
-		return this._urlImageService.registerURLImageDownloader(downloader);
-	}
 	getCellImagesInSelection() {
 		const workbook = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return [];
@@ -1362,7 +1356,6 @@ const SaveCellImagesCommand = {
 			width: 360,
 			title: { title: titleText },
 			children: { label: BATCH_SAVE_IMAGES_DIALOG_ID },
-			destroyOnClose: true,
 			preservePositionOnDestroy: true,
 			onClose: () => dialogService.close(BATCH_SAVE_IMAGES_DIALOG_ID)
 		});
@@ -2069,7 +2062,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 	}
 	_commitFloatDomMove(info) {
 		var _this$_renderManagerS;
-		const skeletonParam = (_this$_renderManagerS = this._renderManagerService.getRenderById(info.unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).getSkeletonParam(info.subUnitId);
+		const skeletonParam = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(info.unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(SheetSkeletonManagerService).getSkeletonParam(info.subUnitId);
 		const drawing = this._sheetDrawingService.getDrawingByParam({
 			unitId: info.unitId,
 			subUnitId: info.subUnitId,
@@ -2238,7 +2231,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 	}
 	_getSceneAndTransformerByDrawingSearch(unitId) {
 		if (unitId == null) return;
-		const renderUnit = this._renderManagerService.getRenderById(unitId);
+		const renderUnit = this._renderManagerService.getRenderUnitById(unitId);
 		const scene = renderUnit === null || renderUnit === void 0 ? void 0 : renderUnit.scene;
 		if (renderUnit == null || scene == null) return null;
 		return {
@@ -2262,7 +2255,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 				if (!workbook) return;
 				const activeSheetId = workbook.getActiveSheet().getSheetId();
 				if (!floatDomParam || !target) return;
-				const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
+				const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 				if (!skeleton) return;
 				const { transform, drawingType, data, hidden, groupId } = floatDomParam;
 				if (!isCanvasFloatDomDrawingType(drawingType)) return;
@@ -2505,7 +2498,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 				unitId,
 				subUnitId
 			});
-			const skeleton = (_this$_renderManagerS3 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
+			const skeleton = (_this$_renderManagerS3 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 			if (!renderObject || !target || !skeleton) return;
 			ids.forEach((id) => {
 				const floatDomInfo = this._domLayerInfoMap.get(id);
@@ -2525,7 +2518,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(switchMap((workbook) => workbook ? workbook.activeSheet$ : of(null)), map((worksheet) => {
 			if (!worksheet) return null;
 			const unitId = worksheet.getUnitId();
-			const render = this._renderManagerService.getRenderById(unitId);
+			const render = this._renderManagerService.getRenderUnitById(unitId);
 			return render ? {
 				render,
 				unitId,
@@ -2622,7 +2615,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 	_getPosition(position, unitId) {
 		var _this$_renderManagerS4;
 		const { startX, endX, startY, endY } = position;
-		const selectionRenderService = (_this$_renderManagerS4 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS4 === void 0 ? void 0 : _this$_renderManagerS4.with(ISheetSelectionRenderService);
+		const selectionRenderService = (_this$_renderManagerS4 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS4 === void 0 ? void 0 : _this$_renderManagerS4.with(ISheetSelectionRenderService);
 		if (selectionRenderService == null) return;
 		const start = selectionRenderService.getCellWithCoordByOffset(startX, startY);
 		if (start == null) return;
@@ -2769,9 +2762,9 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 		const { unitId, subUnitId } = target;
 		const renderObject = this._getSceneAndTransformerByDrawingSearch(unitId);
 		if (!renderObject) return;
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender) return;
-		const skeletonParam = (_this$_renderManagerS5 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS5 === void 0 ? void 0 : _this$_renderManagerS5.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
+		const skeletonParam = (_this$_renderManagerS5 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS5 === void 0 ? void 0 : _this$_renderManagerS5.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 		if (!skeletonParam) return;
 		const { componentKey, data, allowTransform = true } = config;
 		const id = propId !== null && propId !== void 0 ? propId : generateRandomId();
@@ -2809,7 +2802,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 			if (!workbook) return;
 			const activeSheetId = workbook.getActiveSheet().getSheetId();
 			if (!floatDomParam || !target) return;
-			const skMangerService = (_this$_renderManagerS6 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS6 === void 0 ? void 0 : _this$_renderManagerS6.with(SheetSkeletonManagerService);
+			const skMangerService = (_this$_renderManagerS6 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS6 === void 0 ? void 0 : _this$_renderManagerS6.with(SheetSkeletonManagerService);
 			if (!skMangerService) return;
 			const skeletonParam = skMangerService.getSkeletonParam(subUnitId);
 			if (!skeletonParam) return;
@@ -2946,7 +2939,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 						top: rangePosition.absolute.top
 					}
 				}, domAnchor);
-				const newPos = calcSheetFloatDomPosition(new Rect(getDrawingShapeKeyByDrawingSearch({
+				const newRect = new Rect(getDrawingShapeKeyByDrawingSearch({
 					unitId,
 					subUnitId,
 					drawingId
@@ -2956,10 +2949,11 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 					width: (_domAnchor$width2 = domAnchor.width) !== null && _domAnchor$width2 !== void 0 ? _domAnchor$width2 : newRangePos.width,
 					height: (_domAnchor$height2 = domAnchor.height) !== null && _domAnchor$height2 !== void 0 ? _domAnchor$height2 : newRangePos.height,
 					zIndex: this._drawingManagerService.getDrawingOrder(unitId, subUnitId).length - 1
-				}), renderObject.renderUnit.scene, skeletonParam.skeleton, target.worksheet, floatDomInfo);
+				});
+				const newPos = calcSheetFloatDomPosition(newRect, renderObject.renderUnit.scene, skeletonParam.skeleton, target.worksheet, floatDomInfo);
 				position$.next(newPos);
 			}));
-			const skm = (_this$_renderManagerS7 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(SheetSkeletonManagerService);
+			const skm = (_this$_renderManagerS7 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(SheetSkeletonManagerService);
 			const skeletonSubscription = skm === null || skm === void 0 ? void 0 : skm.currentSkeleton$.subscribe((skeleton) => {
 				if (!skeleton) return;
 				if (skeletonParam.sheetId !== skeleton.sheetId) this._removeDom(id, true);
@@ -2986,9 +2980,9 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 		if (!target) throw new Error("cannot find current target!");
 		const { unitId, subUnitId } = target;
 		if (!this._getSceneAndTransformerByDrawingSearch(unitId)) return;
-		const currentRender = this._renderManagerService.getRenderById(unitId);
+		const currentRender = this._renderManagerService.getRenderUnitById(unitId);
 		if (!currentRender) return;
-		const skeletonParam = (_this$_renderManagerS8 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS8 === void 0 ? void 0 : _this$_renderManagerS8.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
+		const skeletonParam = (_this$_renderManagerS8 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS8 === void 0 ? void 0 : _this$_renderManagerS8.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 		if (!skeletonParam) return;
 		const { componentKey, data, allowTransform = true } = config;
 		const id = propId !== null && propId !== void 0 ? propId : generateRandomId();
@@ -3031,7 +3025,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 			if (!workbook) return;
 			const activeSheetId = workbook.getActiveSheet().getSheetId();
 			if (!floatDomParam || !target) return;
-			const skMangerService = (_this$_renderManagerS9 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS9 === void 0 ? void 0 : _this$_renderManagerS9.with(SheetSkeletonManagerService);
+			const skMangerService = (_this$_renderManagerS9 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS9 === void 0 ? void 0 : _this$_renderManagerS9.with(SheetSkeletonManagerService);
 			if (!skMangerService) return;
 			const skeleton = skMangerService.getSkeletonParam(subUnitId);
 			if (!skeleton) return;
@@ -3149,7 +3143,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 						top: rangePosition.absolute.top
 					}
 				}, domLayoutParam);
-				const newPos = calcSheetFloatDomPosition(new Rect(getDrawingShapeKeyByDrawingSearch({
+				const newRect = new Rect(getDrawingShapeKeyByDrawingSearch({
 					unitId,
 					subUnitId,
 					drawingId
@@ -3159,10 +3153,11 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 					width: domLayoutParam.width,
 					height: domLayoutParam.height,
 					zIndex: this._drawingManagerService.getDrawingOrder(unitId, subUnitId).length - 1
-				}), renderObject.renderUnit.scene, skeleton.skeleton, target.worksheet, floatDomInfo);
+				});
+				const newPos = calcSheetFloatDomPosition(newRect, renderObject.renderUnit.scene, skeleton.skeleton, target.worksheet, floatDomInfo);
 				position$.next(newPos);
 			}));
-			const skm = (_this$_renderManagerS10 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS10 === void 0 ? void 0 : _this$_renderManagerS10.with(SheetSkeletonManagerService);
+			const skm = (_this$_renderManagerS10 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS10 === void 0 ? void 0 : _this$_renderManagerS10.with(SheetSkeletonManagerService);
 			skm === null || skm === void 0 || skm.currentSkeleton$.subscribe((skeleton) => {
 				if (!skeleton) return;
 				if (skeletonParam.sheetId !== skeleton.sheetId) this._removeDom(id, true);
@@ -3436,6 +3431,12 @@ function SaveCellImagesMenuFactory(accessor) {
 const menuSchema = {
 	[RibbonInsertGroup.MEDIA]: { [SHEETS_IMAGE_MENU_ID]: {
 		order: 0,
+		gridLayout: {
+			row: 1,
+			column: 1,
+			rowSpan: 2,
+			showLabel: true
+		},
 		menuItemFactory: ImageMenuFactory,
 		[InsertFloatImageCommand.id]: {
 			order: 0,
@@ -3463,7 +3464,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-drawing-ui";
-var version = "1.0.0-alpha.6";
+var version = "1.0.0-alpha.8";
 
 //#endregion
 //#region src/config/config.ts
@@ -3605,7 +3606,7 @@ const SheetDrawingAnchor = (props) => {
 	const renderManagerService = useDependency(IRenderManagerService);
 	const { drawings } = props;
 	const drawingParam = drawings[0];
-	const renderObject = drawingParam ? renderManagerService.getRenderById(drawingParam.unitId) : void 0;
+	const renderObject = drawingParam ? renderManagerService.getRenderUnitById(drawingParam.unitId) : void 0;
 	const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
 	const transformer = scene === null || scene === void 0 ? void 0 : scene.getTransformerByCreate();
 	const [anchorShow, setAnchorShow] = useState(true);
@@ -3644,7 +3645,8 @@ const SheetDrawingAnchor = (props) => {
 			else if (params.length >= 1) {
 				var _params$;
 				setAnchorShow(true);
-				setValue(((_params$ = params[0]) === null || _params$ === void 0 ? void 0 : _params$.anchorType) || SheetDrawingAnchorType.Position);
+				const anchorType = ((_params$ = params[0]) === null || _params$ === void 0 ? void 0 : _params$.anchorType) || SheetDrawingAnchorType.Position;
+				setValue(anchorType);
 			}
 		});
 		return () => {
@@ -3791,7 +3793,7 @@ let DrawingContextMenuController = class DrawingContextMenuController extends Rx
 	_contextMenuListener(workbook) {
 		var _this$_renderManagerS;
 		if (!workbook) return;
-		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderById(workbook.getUnitId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
+		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(workbook.getUnitId())) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
 		if (!scene) return;
 		const transformer = scene.getTransformerByCreate();
 		if (!transformer) return;
@@ -4099,7 +4101,6 @@ let SheetCellImageCopyPasteController = class SheetCellImageCopyPasteController
 						title: { label: this._localeService.t("sheets-drawing-ui.cell-image.pasteTitle") },
 						children: { label: this._localeService.t("sheets-drawing-ui.cell-image.pasteContent") },
 						width: 320,
-						destroyOnClose: true,
 						onClose: handleCloseDialog,
 						showOk: true,
 						showCancel: true,
@@ -4122,6 +4123,86 @@ SheetCellImageCopyPasteController = __decorate([
 	__decorateParam(4, Inject(LocaleService))
 ], SheetCellImageCopyPasteController);
 
+//#endregion
+//#region src/controllers/sheet-drawing-active-render.controller.ts
+let SheetDrawingActiveRenderController = class SheetDrawingActiveRenderController extends Disposable {
+	constructor(_context, _commandService, _sheetSkeletonService, _sheetDrawingService, _drawingManagerService) {
+		super();
+		this._context = _context;
+		this._commandService = _commandService;
+		this._sheetSkeletonService = _sheetSkeletonService;
+		this._sheetDrawingService = _sheetDrawingService;
+		this._drawingManagerService = _drawingManagerService;
+		this._commandListener();
+	}
+	_commandListener() {
+		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
+			if (command.id === SetWorksheetActiveOperation.id) {
+				const { unitId, subUnitId } = command.params;
+				this._updateDrawings(unitId, subUnitId);
+			}
+		}));
+		this.disposeWithMe(this._context.activated$.subscribe((activated) => {
+			const { unit, unitId } = this._context;
+			if (activated) this._updateDrawings(unitId, unit.getActiveSheet().getSheetId());
+			else this._clearDrawings(unitId);
+		}));
+	}
+	_clearDrawings(selfUnitId) {
+		setTimeout(() => {
+			const drawingMap = this._drawingManagerService.drawingManagerData;
+			const removeDrawings = [];
+			Object.keys(drawingMap !== null && drawingMap !== void 0 ? drawingMap : {}).forEach((unitId) => {
+				var _drawingMap$unitId;
+				const subUnitMap = (_drawingMap$unitId = drawingMap[unitId]) !== null && _drawingMap$unitId !== void 0 ? _drawingMap$unitId : {};
+				Object.keys(subUnitMap).forEach((subUnitId) => {
+					var _subUnitMap$subUnitId, _subUnitMap$subUnitId2;
+					const drawingData = (_subUnitMap$subUnitId = (_subUnitMap$subUnitId2 = subUnitMap[subUnitId]) === null || _subUnitMap$subUnitId2 === void 0 ? void 0 : _subUnitMap$subUnitId2.data) !== null && _subUnitMap$subUnitId !== void 0 ? _subUnitMap$subUnitId : {};
+					Object.keys(drawingData).forEach((drawingId) => {
+						if (unitId === selfUnitId) removeDrawings.push(drawingData[drawingId]);
+					});
+				});
+			});
+			this._sheetDrawingService.removeNotification(removeDrawings);
+			this._drawingManagerService.removeNotification(removeDrawings);
+		});
+	}
+	_updateDrawings(showUnitId, showSubunitId) {
+		setTimeout(() => {
+			const sheetSkeletonParam = this._sheetSkeletonService.getSkeletonParam(showUnitId, showSubunitId);
+			const drawingMap = this._drawingManagerService.drawingManagerData;
+			const insertDrawings = [];
+			const removeDrawings = [];
+			Object.keys(drawingMap !== null && drawingMap !== void 0 ? drawingMap : {}).forEach((unitId) => {
+				var _drawingMap$unitId2;
+				if (unitId !== showUnitId) return;
+				const subUnitMap = (_drawingMap$unitId2 = drawingMap[unitId]) !== null && _drawingMap$unitId2 !== void 0 ? _drawingMap$unitId2 : {};
+				Object.keys(subUnitMap).forEach((subUnitId) => {
+					var _subUnitMap$subUnitId3, _subUnitMap$subUnitId4;
+					const drawingData = (_subUnitMap$subUnitId3 = (_subUnitMap$subUnitId4 = subUnitMap[subUnitId]) === null || _subUnitMap$subUnitId4 === void 0 ? void 0 : _subUnitMap$subUnitId4.data) !== null && _subUnitMap$subUnitId3 !== void 0 ? _subUnitMap$subUnitId3 : {};
+					Object.keys(drawingData).forEach((drawingId) => {
+						if (unitId === showUnitId && subUnitId === showSubunitId) {
+							const drawing = drawingData[drawingId];
+							if (drawing.sheetTransform) drawing.transform = drawingPositionToTransform(drawing.sheetTransform, sheetSkeletonParam);
+							insertDrawings.push(drawingData[drawingId]);
+						} else removeDrawings.push(drawingData[drawingId]);
+					});
+				});
+			});
+			this._sheetDrawingService.removeNotification(removeDrawings);
+			this._sheetDrawingService.addNotification(insertDrawings);
+			this._drawingManagerService.removeNotification(removeDrawings);
+			this._drawingManagerService.addNotification(insertDrawings);
+		}, 0);
+	}
+};
+SheetDrawingActiveRenderController = __decorate([
+	__decorateParam(1, ICommandService),
+	__decorateParam(2, Inject(SheetSkeletonService)),
+	__decorateParam(3, ISheetDrawingService),
+	__decorateParam(4, IDrawingManagerService)
+], SheetDrawingActiveRenderController);
+
 //#endregion
 //#region src/controllers/sheet-drawing-copy-paste.controller.ts
 const IMAGE_PNG_MIME_TYPE = "image/png";
@@ -4557,7 +4638,7 @@ let SheetDrawingPermissionController = class SheetDrawingPermissionController ex
 		const subUnitId = sheet.getSheetId();
 		const drawingData = this._sheetDrawingService.getDrawingData(unitId, subUnitId);
 		const drawingDataValues = Object.values(drawingData);
-		const renderObject = this._renderManagerService.getRenderById(unitId);
+		const renderObject = this._renderManagerService.getRenderUnitById(unitId);
 		const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
 		if (!scene) return;
 		scene.getAllObjectsByOrder().forEach((object) => {
@@ -4591,7 +4672,7 @@ let SheetDrawingPermissionController = class SheetDrawingPermissionController ex
 		const subUnitId = sheet.getSheetId();
 		const drawingData = this._sheetDrawingService.getDrawingData(unitId, subUnitId);
 		const drawingDataValues = Object.values(drawingData);
-		const renderObject = this._renderManagerService.getRenderById(unitId);
+		const renderObject = this._renderManagerService.getRenderUnitById(unitId);
 		const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
 		if (!scene) return;
 		scene.getAllObjectsByOrder().forEach((object) => {
@@ -4607,7 +4688,7 @@ let SheetDrawingPermissionController = class SheetDrawingPermissionController ex
 				if (!sheet) return EMPTY;
 				const unitId = workbook.getUnitId();
 				const subUnitId = sheet.getSheetId();
-				const renderObject = this._renderManagerService.getRenderById(unitId);
+				const renderObject = this._renderManagerService.getRenderUnitById(unitId);
 				const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
 				if (!scene) return EMPTY;
 				const transformer = scene.getTransformerByCreate();
@@ -4655,7 +4736,7 @@ let SheetDrawingPermissionController = class SheetDrawingPermissionController ex
 				if (!sheet) return EMPTY;
 				const unitId = workbook.getUnitId();
 				const subUnitId = sheet.getSheetId();
-				const renderObject = this._renderManagerService.getRenderById(unitId);
+				const renderObject = this._renderManagerService.getRenderUnitById(unitId);
 				const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
 				if (!scene) return EMPTY;
 				const transformer = scene.getTransformerByCreate();
@@ -4692,7 +4773,7 @@ let SheetDrawingPermissionController = class SheetDrawingPermissionController ex
 				const sheet = workbook.getActiveSheet();
 				if (!sheet) return;
 				const subUnitId = sheet.getSheetId();
-				const renderObject = this._renderManagerService.getRenderById(unitId);
+				const renderObject = this._renderManagerService.getRenderUnitById(unitId);
 				const scene = renderObject === null || renderObject === void 0 ? void 0 : renderObject.scene;
 				if (!scene) return;
 				const drawingData = this._sheetDrawingService.getDrawingData(unitId, subUnitId);
@@ -4829,7 +4910,7 @@ let SheetDrawingPrintingController = class SheetDrawingPrintingController extend
 		} }));
 		this.disposeWithMe(this._sheetPrintInterceptorService.interceptor.intercept(this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_RANGE, { handler: (range, pos, next) => {
 			const { unitId, subUnitId } = pos;
-			const renderer = this._renderManagerService.getRenderById(unitId);
+			const renderer = this._renderManagerService.getRenderUnitById(unitId);
 			if (!renderer) return next(range);
 			const skeleton = renderer.with(SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 			if (!skeleton) return next(range);
@@ -4913,1469 +4994,6 @@ SheetDrawingPrintingController = __decorate([
 	__decorateParam(5, Inject(Injector))
 ], SheetDrawingPrintingController);
 
-//#endregion
-//#region src/controllers/sheet-drawing-transform-affected.controller.ts
-const UPDATE_COMMANDS = [
-	InsertRowCommand.id,
-	InsertColCommand.id,
-	RemoveRowCommand.id,
-	RemoveColCommand.id,
-	DeleteRangeMoveLeftCommand.id,
-	DeleteRangeMoveUpCommand.id,
-	InsertRangeMoveDownCommand.id,
-	InsertRangeMoveRightCommand.id,
-	DeltaRowHeightCommand.id,
-	SetRowHeightCommand.id,
-	DeltaColumnWidthCommand.id,
-	SetColWidthCommand.id,
-	SetRowHiddenCommand.id,
-	SetSpecificRowsVisibleCommand.id,
-	SetSpecificColsVisibleCommand.id,
-	SetColHiddenCommand.id,
-	MoveColsCommand.id,
-	MoveRowsCommand.id,
-	MoveRangeCommand.id
-];
-const REFRESH_MUTATIONS = [
-	SetRowVisibleMutation.id,
-	SetRowHiddenMutation.id,
-	SetColVisibleMutation.id,
-	SetColHiddenMutation.id,
-	SetWorksheetRowHeightMutation.id,
-	SetWorksheetRowAutoHeightMutation.id,
-	SetWorksheetRowIsAutoHeightMutation.id,
-	SetWorksheetColWidthMutation.id
-];
-let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffectedController extends Disposable {
-	constructor(_context, _commandService, _sheetSkeletonService, _selectionRenderService, _sheetInterceptorService, _selectionManagerService, _sheetDrawingService, _drawingManagerService, _univerInstanceService) {
-		super();
-		this._context = _context;
-		this._commandService = _commandService;
-		this._sheetSkeletonService = _sheetSkeletonService;
-		this._selectionRenderService = _selectionRenderService;
-		this._sheetInterceptorService = _sheetInterceptorService;
-		this._selectionManagerService = _selectionManagerService;
-		this._sheetDrawingService = _sheetDrawingService;
-		this._drawingManagerService = _drawingManagerService;
-		this._univerInstanceService = _univerInstanceService;
-		this._sheetInterceptorListener();
-		this._commandListener();
-		this._sheetRefreshListener();
-	}
-	_sheetInterceptorListener() {
-		this.disposeWithMe(this._sheetInterceptorService.interceptAfterCommand({ getMutations: (commandInfo) => {
-			const { id, params } = commandInfo;
-			if (!UPDATE_COMMANDS.includes(id) || !params) return {
-				redos: [],
-				undos: []
-			};
-			if (id === InsertRowCommand.id) return this._moveRowInterceptor(params, "insert");
-			else if ([
-				MoveColsCommand.id,
-				MoveRowsCommand.id,
-				MoveRangeCommand.id
-			].includes(id)) {
-				let target;
-				if (id === MoveRangeCommand.id) {
-					const _params = params;
-					if (_params.toUnitId && _params.fromUnitId && _params.toUnitId !== _params.fromUnitId || _params.toSubUnitId && _params.fromSubUnitId && _params.toSubUnitId !== _params.fromSubUnitId) return {
-						redos: [],
-						undos: []
-					};
-					target = getSheetCommandTarget(this._univerInstanceService, {
-						unitId: _params.toUnitId,
-						subUnitId: _params.toSubUnitId
-					});
-				} else target = getSheetCommandTarget(this._univerInstanceService, params);
-				if (!target) return {
-					redos: [],
-					undos: []
-				};
-				const { unitId, subUnitId } = target;
-				const { fromRange, toRange } = params;
-				return this._moveRangeInterceptor(unitId, subUnitId, fromRange, toRange);
-			} else if (id === InsertColCommand.id) return this._moveColInterceptor(params, "insert");
-			else if (id === RemoveRowCommand.id) return this._moveRowInterceptor(params, "remove");
-			else if (id === RemoveColCommand.id) return this._moveColInterceptor(params, "remove");
-			else if (id === DeleteRangeMoveLeftCommand.id) {
-				const { range } = params;
-				return this._getRangeMoveUndo(range, 0);
-			} else if (id === DeleteRangeMoveUpCommand.id) {
-				const { range } = params;
-				return this._getRangeMoveUndo(range, 1);
-			} else if (id === InsertRangeMoveDownCommand.id) {
-				const { range } = params;
-				return this._getRangeMoveUndo(range, 2);
-			} else if (id === InsertRangeMoveRightCommand.id) {
-				const { range } = params;
-				return this._getRangeMoveUndo(range, 3);
-			} else if (id === SetRowHiddenCommand.id || id === SetSpecificRowsVisibleCommand.id) {
-				var _this$_selectionManag;
-				const _params = params;
-				const target = getSheetCommandTarget(this._univerInstanceService, _params);
-				if (!target) return {
-					redos: [],
-					undos: []
-				};
-				const { unitId, subUnitId } = target;
-				const ranges = _params.ranges || ((_this$_selectionManag = this._selectionManagerService.getCurrentSelections()) === null || _this$_selectionManag === void 0 ? void 0 : _this$_selectionManag.map((s) => s.range).filter((r) => r.rangeType === RANGE_TYPE.ROW));
-				if (!ranges || ranges.length === 0) return {
-					redos: [],
-					undos: []
-				};
-				return this._getDrawingUndoForRowVisible(unitId, subUnitId, ranges);
-			} else if (id === SetColHiddenCommand.id || id === SetSpecificColsVisibleCommand.id) {
-				var _this$_selectionManag2;
-				const _params = params;
-				const target = getSheetCommandTarget(this._univerInstanceService, _params);
-				if (!target) return {
-					redos: [],
-					undos: []
-				};
-				const { unitId, subUnitId } = target;
-				const ranges = _params.ranges || ((_this$_selectionManag2 = this._selectionManagerService.getCurrentSelections()) === null || _this$_selectionManag2 === void 0 ? void 0 : _this$_selectionManag2.map((s) => s.range).filter((r) => r.rangeType === RANGE_TYPE.COLUMN));
-				if (!ranges || ranges.length === 0) return {
-					redos: [],
-					undos: []
-				};
-				return this._getDrawingUndoForColVisible(unitId, subUnitId, ranges);
-			} else if (id === DeltaRowHeightCommand.id || id === DeltaColumnWidthCommand.id) {
-				const target = getSheetCommandTarget(this._univerInstanceService);
-				if (!target) return {
-					redos: [],
-					undos: []
-				};
-				const { unitId, subUnitId, worksheet } = target;
-				const ranges = [];
-				if (id === DeltaRowHeightCommand.id) ranges.push({
-					startRow: params.anchorRow,
-					endRow: params.anchorRow,
-					startColumn: 0,
-					endColumn: worksheet.getColumnCount() - 1
-				});
-				else ranges.push({
-					startRow: 0,
-					endRow: worksheet.getRowCount() - 1,
-					startColumn: params.anchorCol,
-					endColumn: params.anchorCol
-				});
-				return this._getDrawingUndoForRowAndColSize(unitId, subUnitId, ranges);
-			} else if (id === SetRowHeightCommand.id || id === SetColWidthCommand.id) {
-				var _this$_selectionManag3;
-				const _params = params;
-				const target = getSheetCommandTarget(this._univerInstanceService, _params);
-				if (!target) return {
-					redos: [],
-					undos: []
-				};
-				const { unitId, subUnitId } = target;
-				const ranges = _params.ranges || ((_this$_selectionManag3 = this._selectionManagerService.getCurrentSelections()) === null || _this$_selectionManag3 === void 0 ? void 0 : _this$_selectionManag3.map((s) => s.range));
-				if (!ranges || ranges.length === 0) return {
-					redos: [],
-					undos: []
-				};
-				return this._getDrawingUndoForRowAndColSize(unitId, subUnitId, ranges);
-			}
-			return {
-				redos: [],
-				undos: []
-			};
-		} }));
-	}
-	_getRangeMoveUndo(range, type) {
-		const target = getSheetCommandTarget(this._univerInstanceService);
-		if (!target) return {
-			redos: [],
-			undos: []
-		};
-		const { unitId, subUnitId } = target;
-		const drawingData = this._sheetDrawingService.getDrawingData(unitId, subUnitId);
-		const redos = [];
-		const undos = [];
-		const updateDrawings = [];
-		const deleteDrawings = [];
-		Object.keys(drawingData).forEach((drawingId) => {
-			const drawing = drawingData[drawingId];
-			const { updateDrawings: updateDrawingsPart, deleteDrawings: deleteDrawingsPart } = this._getUpdateOrDeleteDrawings(range, type, drawing);
-			updateDrawings.push(...updateDrawingsPart);
-			deleteDrawings.push(...deleteDrawingsPart);
-		});
-		if (updateDrawings.length === 0 && deleteDrawings.length === 0) return {
-			redos: [],
-			undos: []
-		};
-		if (updateDrawings.length > 0) {
-			const { undo, redo, objects } = this._sheetDrawingService.getBatchUpdateOp(updateDrawings);
-			redos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: redo,
-					objects,
-					type: DrawingApplyType.UPDATE
-				}
-			});
-			undos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: undo,
-					objects,
-					type: DrawingApplyType.UPDATE
-				}
-			});
-		}
-		if (deleteDrawings.length > 0) {
-			const deleteJsonOp = this._sheetDrawingService.getBatchRemoveOp(deleteDrawings);
-			const deleteUndo = deleteJsonOp.undo;
-			const deleteRedo = deleteJsonOp.redo;
-			const deleteObjects = deleteJsonOp.objects;
-			redos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: deleteRedo,
-					objects: deleteObjects,
-					type: DrawingApplyType.REMOVE
-				}
-			});
-			undos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: deleteUndo,
-					objects: deleteObjects,
-					type: DrawingApplyType.INSERT
-				}
-			});
-		}
-		redos.push({
-			id: ClearSheetDrawingTransformerOperation.id,
-			params: [unitId]
-		});
-		undos.push({
-			id: ClearSheetDrawingTransformerOperation.id,
-			params: [unitId]
-		});
-		return {
-			redos,
-			undos
-		};
-	}
-	_getUpdateOrDeleteDrawings(range, type, drawing) {
-		const updateDrawings = [];
-		const deleteDrawings = [];
-		const { sheetTransform, anchorType = SheetDrawingAnchorType.Position, transform, unitId, subUnitId, drawingId } = drawing;
-		const sheetSkeletonParam = this._sheetSkeletonService.getSkeletonParam(unitId, subUnitId);
-		if (!sheetTransform || !transform || !sheetSkeletonParam) return {
-			updateDrawings,
-			deleteDrawings
-		};
-		const { from, to } = sheetTransform;
-		const { row: fromRow, column: fromColumn } = from;
-		const { row: toRow, column: toColumn } = to;
-		const { startRow, endRow, startColumn, endColumn } = range;
-		let newSheetTransform = null;
-		let newTransform = null;
-		let axisAlignSheetTransform;
-		if (type === 0 && fromRow >= startRow && toRow <= endRow) if (fromColumn >= startColumn && toColumn <= endColumn) deleteDrawings.push({
-			unitId,
-			subUnitId,
-			drawingId
-		});
-		else {
-			var _param$axisAlignSheet;
-			const param = this._shrinkCol(startColumn, endColumn, {
-				sheetSkeletonParam,
-				sheetTransform,
-				transform,
-				anchorType
-			});
-			newSheetTransform = param === null || param === void 0 ? void 0 : param.newSheetTransform;
-			newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
-			axisAlignSheetTransform = (_param$axisAlignSheet = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet !== void 0 ? _param$axisAlignSheet : void 0;
-		}
-		else if (type === 1 && fromColumn >= startColumn && toColumn <= endColumn) if (fromRow >= startRow && toRow <= endRow) deleteDrawings.push({
-			unitId,
-			subUnitId,
-			drawingId
-		});
-		else {
-			var _param$axisAlignSheet2;
-			const param = this._shrinkRow(startRow, endRow, {
-				sheetSkeletonParam,
-				sheetTransform,
-				transform,
-				anchorType
-			});
-			newSheetTransform = param === null || param === void 0 ? void 0 : param.newSheetTransform;
-			newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
-			axisAlignSheetTransform = (_param$axisAlignSheet2 = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet2 !== void 0 ? _param$axisAlignSheet2 : void 0;
-		}
-		else if (type === 2) {
-			var _param$axisAlignSheet3;
-			const param = this._expandRow(startRow, endRow, {
-				sheetSkeletonParam,
-				sheetTransform,
-				transform,
-				anchorType
-			});
-			newSheetTransform = param === null || param === void 0 ? void 0 : param.newSheetTransform;
-			newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
-			axisAlignSheetTransform = (_param$axisAlignSheet3 = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet3 !== void 0 ? _param$axisAlignSheet3 : void 0;
-		} else if (type === 3) {
-			var _param$axisAlignSheet4;
-			const param = this._expandCol(startColumn, endColumn, {
-				sheetSkeletonParam,
-				sheetTransform,
-				transform,
-				anchorType
-			});
-			newSheetTransform = param === null || param === void 0 ? void 0 : param.newSheetTransform;
-			newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
-			axisAlignSheetTransform = (_param$axisAlignSheet4 = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet4 !== void 0 ? _param$axisAlignSheet4 : void 0;
-		}
-		if (newSheetTransform && newTransform) {
-			const newTransform = drawingPositionToTransform(newSheetTransform, sheetSkeletonParam);
-			updateDrawings.push({
-				...drawing,
-				sheetTransform: newSheetTransform,
-				transform: newTransform,
-				axisAlignSheetTransform
-			});
-		}
-		return {
-			updateDrawings,
-			deleteDrawings
-		};
-	}
-	_remainDrawingSize(transform, updateDrawings, drawing, skeleton) {
-		const newSheetTransform = transformToDrawingPosition({ ...transform }, skeleton);
-		if (newSheetTransform) {
-			const axisAlignSheetTransform = transformToAxisAlignPosition({ ...transform }, skeleton);
-			updateDrawings.push({
-				...drawing,
-				sheetTransform: newSheetTransform,
-				axisAlignSheetTransform
-			});
-		}
-	}
-	_getDrawingUndoForColVisible(unitId, subUnitId, ranges) {
-		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, subUnitId);
-		if (!skeleton) return {
-			redos: [],
-			undos: []
-		};
-		const drawingData = this._drawingManagerService.getDrawingData(unitId, subUnitId);
-		const updateDrawings = [];
-		const preUpdateDrawings = [];
-		Object.keys(drawingData).forEach((drawingId) => {
-			const drawing = drawingData[drawingId];
-			const { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = drawing;
-			if (anchorType === SheetDrawingAnchorType.None) this._remainDrawingSize(transform, updateDrawings, drawing, skeleton);
-			else {
-				const { from, to } = sheetTransform;
-				const { row: fromRow, column: fromColumn } = from;
-				const { row: toRow, column: toColumn } = to;
-				for (let i = 0; i < ranges.length; i++) {
-					const { startColumn, endColumn } = ranges[i];
-					if (toColumn < startColumn) continue;
-					if (anchorType === SheetDrawingAnchorType.Position) {
-						let newSheetTransform = null;
-						let newTransform = null;
-						if (fromColumn >= startColumn && fromColumn <= endColumn) {
-							const selectionCell = attachRangeWithCoord(skeleton, {
-								startColumn: fromColumn,
-								endColumn,
-								startRow: fromRow,
-								endRow: toRow
-							});
-							newTransform = {
-								...transform,
-								left: selectionCell.startX
-							};
-						}
-						if (newTransform) {
-							newSheetTransform = transformToDrawingPosition(newTransform, skeleton);
-							const axisAlignSheetTransform = transformToAxisAlignPosition(newTransform, skeleton);
-							if (newSheetTransform && newTransform) {
-								updateDrawings.push({
-									...drawing,
-									sheetTransform: newSheetTransform,
-									transform: newTransform,
-									axisAlignSheetTransform
-								});
-								break;
-							}
-						}
-						continue;
-					}
-					if (fromColumn >= startColumn && toColumn <= endColumn) continue;
-					let newSheetTransform = null;
-					let newTransform = null;
-					if (fromColumn >= startColumn && fromColumn <= endColumn) {
-						const selectionCell = attachRangeWithCoord(skeleton, {
-							startColumn: fromColumn,
-							endColumn,
-							startRow: fromRow,
-							endRow: toRow
-						});
-						newTransform = {
-							...transform,
-							left: (selectionCell === null || selectionCell === void 0 ? void 0 : selectionCell.startX) || 0,
-							width: ((transform === null || transform === void 0 ? void 0 : transform.width) || 0) - selectionCell.endX + selectionCell.startX
-						};
-					} else if (toColumn >= startColumn && toColumn <= endColumn) {
-						const selectionCell = attachRangeWithCoord(skeleton, {
-							startColumn,
-							endColumn: toColumn,
-							startRow: fromRow,
-							endRow: toRow
-						});
-						newTransform = {
-							...transform,
-							left: selectionCell.startX - ((transform === null || transform === void 0 ? void 0 : transform.width) || 0)
-						};
-					} else {
-						const selectionCell = attachRangeWithCoord(skeleton, {
-							startColumn,
-							endColumn,
-							startRow: fromRow,
-							endRow: toRow
-						});
-						newTransform = {
-							...transform,
-							width: ((transform === null || transform === void 0 ? void 0 : transform.width) || 0) - selectionCell.endX + selectionCell.startX
-						};
-						newSheetTransform = transformToDrawingPosition(newTransform, skeleton);
-						if (newSheetTransform && newTransform) {
-							const axisAlignSheetTransform = transformToAxisAlignPosition(newTransform, skeleton);
-							preUpdateDrawings.push({
-								...drawing,
-								sheetTransform: newSheetTransform,
-								transform: newTransform,
-								axisAlignSheetTransform
-							});
-							break;
-						}
-					}
-					if (newTransform) newSheetTransform = transformToDrawingPosition(newTransform, skeleton);
-					if (newTransform && newSheetTransform) {
-						const axisAlignSheetTransform = transformToAxisAlignPosition(newTransform, skeleton);
-						updateDrawings.push({
-							...drawing,
-							sheetTransform: newSheetTransform,
-							transform: newTransform,
-							axisAlignSheetTransform
-						});
-						break;
-					} else this._remainDrawingSize(transform, updateDrawings, drawing, skeleton);
-				}
-			}
-		});
-		if (updateDrawings.length === 0 && preUpdateDrawings.length === 0) return {
-			redos: [],
-			undos: []
-		};
-		const { redos, undos } = this._createUndoAndRedoMutation(unitId, subUnitId, updateDrawings);
-		const preRedos = [];
-		const preUndos = [];
-		if (preUpdateDrawings.length > 0) {
-			const { redos, undos } = this._createUndoAndRedoMutation(unitId, subUnitId, preUpdateDrawings);
-			preRedos.push(...redos);
-			preUndos.push(...undos);
-		}
-		return {
-			redos,
-			undos,
-			preRedos,
-			preUndos
-		};
-	}
-	_createUndoAndRedoMutation(unitId, subUnitId, updateDrawings) {
-		const { undo, redo, objects } = this._sheetDrawingService.getBatchUpdateOp(updateDrawings);
-		return {
-			redos: [{
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: redo,
-					objects,
-					type: DrawingApplyType.UPDATE
-				}
-			}, {
-				id: ClearSheetDrawingTransformerOperation.id,
-				params: [unitId]
-			}],
-			undos: [{
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: undo,
-					objects,
-					type: DrawingApplyType.UPDATE
-				}
-			}, {
-				id: ClearSheetDrawingTransformerOperation.id,
-				params: [unitId]
-			}]
-		};
-	}
-	_getDrawingUndoForRowVisible(unitId, subUnitId, ranges) {
-		const skeleton = this._sheetSkeletonService.getSkeleton(unitId, subUnitId);
-		if (!skeleton) return {
-			redos: [],
-			undos: []
-		};
-		const drawingData = this._drawingManagerService.getDrawingData(unitId, subUnitId);
-		const updateDrawings = [];
-		const preUpdateDrawings = [];
-		Object.keys(drawingData).forEach((drawingId) => {
-			const drawing = drawingData[drawingId];
-			const { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = drawing;
-			if (anchorType === SheetDrawingAnchorType.None) this._remainDrawingSize(transform, updateDrawings, drawing, skeleton);
-			else {
-				const { from, to } = sheetTransform;
-				const { row: fromRow, column: fromColumn } = from;
-				const { row: toRow, column: toColumn } = to;
-				for (let i = 0; i < ranges.length; i++) {
-					const { startRow, endRow } = ranges[i];
-					if (toRow < startRow) continue;
-					if (anchorType === SheetDrawingAnchorType.Position) {
-						let newSheetTransform = null;
-						let newTransform = null;
-						if (fromRow >= startRow && fromRow <= endRow) {
-							const selectionCell = attachRangeWithCoord(skeleton, {
-								startColumn: fromColumn,
-								endColumn: toColumn,
-								startRow: fromRow,
-								endRow
-							});
-							newTransform = {
-								...transform,
-								top: selectionCell.startY
-							};
-						}
-						if (newTransform) {
-							newSheetTransform = transformToDrawingPosition(newTransform, skeleton);
-							const axisAlignSheetTransform = transformToAxisAlignPosition(newTransform, skeleton);
-							if (newSheetTransform && newTransform) {
-								updateDrawings.push({
-									...drawing,
-									sheetTransform: newSheetTransform,
-									transform: newTransform,
-									axisAlignSheetTransform
-								});
-								break;
-							}
-						}
-						continue;
-					}
-					if (fromRow >= startRow && toRow <= endRow) continue;
-					let newSheetTransform = null;
-					let newTransform = null;
-					if (fromRow >= startRow && fromRow <= endRow) {
-						const selectionCell = attachRangeWithCoord(skeleton, {
-							startColumn: fromColumn,
-							endColumn: toColumn,
-							startRow: fromRow,
-							endRow
-						});
-						newTransform = {
-							...transform,
-							top: (selectionCell === null || selectionCell === void 0 ? void 0 : selectionCell.startY) || 0,
-							height: ((transform === null || transform === void 0 ? void 0 : transform.height) || 0) - selectionCell.endY + selectionCell.startY
-						};
-					} else if (toRow >= startRow && toRow <= endRow) {
-						const selectionCell = attachRangeWithCoord(skeleton, {
-							startColumn: fromColumn,
-							endColumn: toColumn,
-							startRow,
-							endRow: toRow
-						});
-						newTransform = {
-							...transform,
-							top: selectionCell.startY - ((transform === null || transform === void 0 ? void 0 : transform.height) || 0)
-						};
-					} else {
-						const selectionCell = attachRangeWithCoord(skeleton, {
-							startColumn: fromColumn,
-							endColumn: toColumn,
-							startRow,
-							endRow
-						});
-						newTransform = {
-							...transform,
-							height: ((transform === null || transform === void 0 ? void 0 : transform.height) || 0) - selectionCell.endY + selectionCell.startY
-						};
-						newSheetTransform = transformToDrawingPosition(newTransform, skeleton);
-						if (newSheetTransform && newTransform) {
-							const axisAlignSheetTransform = transformToAxisAlignPosition(newTransform, skeleton);
-							preUpdateDrawings.push({
-								...drawing,
-								sheetTransform: newSheetTransform,
-								transform: newTransform,
-								axisAlignSheetTransform
-							});
-							break;
-						}
-					}
-					if (newTransform) newSheetTransform = transformToDrawingPosition(newTransform, skeleton);
-					if (newTransform && newSheetTransform) {
-						const axisAlignSheetTransform = transformToAxisAlignPosition(newTransform, skeleton);
-						updateDrawings.push({
-							...drawing,
-							sheetTransform: newSheetTransform,
-							transform: newTransform,
-							axisAlignSheetTransform
-						});
-						break;
-					} else this._remainDrawingSize(transform, updateDrawings, drawing, skeleton);
-				}
-			}
-		});
-		if (updateDrawings.length === 0 && preUpdateDrawings.length === 0) return {
-			redos: [],
-			undos: []
-		};
-		const { redos, undos } = this._createUndoAndRedoMutation(unitId, subUnitId, updateDrawings);
-		const preRedos = [];
-		const preUndos = [];
-		if (preUpdateDrawings.length > 0) {
-			const { redos, undos } = this._createUndoAndRedoMutation(unitId, subUnitId, preUpdateDrawings);
-			preRedos.push(...redos);
-			preUndos.push(...undos);
-		}
-		return {
-			redos,
-			undos,
-			preRedos,
-			preUndos
-		};
-	}
-	_getDrawingUndoForRowAndColSize(unitId, subUnitId, ranges) {
-		const sheetSkeletonParam = this._sheetSkeletonService.getSkeletonParam(unitId, subUnitId);
-		if (!sheetSkeletonParam) return {
-			redos: [],
-			undos: []
-		};
-		const { skeleton } = sheetSkeletonParam;
-		const drawingData = this._drawingManagerService.getDrawingData(unitId, subUnitId);
-		const updateDrawings = [];
-		Object.keys(drawingData).forEach((drawingId) => {
-			const drawing = drawingData[drawingId];
-			const { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = drawing;
-			if (anchorType === SheetDrawingAnchorType.None) this._remainDrawingSize(transform, updateDrawings, drawing, skeleton);
-			else {
-				const { from, to } = sheetTransform;
-				const { row: fromRow, column: fromColumn } = from;
-				const { row: toRow, column: toColumn } = to;
-				for (let i = 0; i < ranges.length; i++) {
-					const { startRow, endRow, startColumn, endColumn } = ranges[i];
-					if (toRow < startRow || toColumn < startColumn) continue;
-					if (anchorType === SheetDrawingAnchorType.Position) {
-						if (fromRow <= startRow && toRow >= endRow || fromColumn <= startColumn && toColumn >= endColumn) {
-							this._remainDrawingSize(transform, updateDrawings, drawing, skeleton);
-							continue;
-						}
-					}
-					const newTransform = drawingPositionToTransform({ ...sheetTransform }, sheetSkeletonParam);
-					if (newTransform) {
-						updateDrawings.push({
-							...drawing,
-							transform: newTransform
-						});
-						break;
-					}
-				}
-			}
-		});
-		if (updateDrawings.length === 0) return {
-			redos: [],
-			undos: []
-		};
-		return this._createUndoAndRedoMutation(unitId, subUnitId, updateDrawings);
-	}
-	_getUnitIdAndSubUnitId(params, type) {
-		let target;
-		if (type === "insert") target = getSheetCommandTarget(this._univerInstanceService, params);
-		else target = getSheetCommandTarget(this._univerInstanceService);
-		if (!target) return;
-		const { unitId, subUnitId } = target;
-		return {
-			unitId,
-			subUnitId
-		};
-	}
-	_moveRangeInterceptor(unitId, subUnitId, fromRange, toRange) {
-		const sheetSkeletonParam = this._sheetSkeletonService.getSkeletonParam(unitId, subUnitId);
-		if (!sheetSkeletonParam) return {
-			redos: [],
-			undos: []
-		};
-		const { skeleton } = sheetSkeletonParam;
-		const selectionRect = attachRangeWithCoord(skeleton, fromRange);
-		if (!selectionRect) return {
-			redos: [],
-			undos: []
-		};
-		const { startX, endX, startY, endY } = selectionRect;
-		const drawings = this._sheetDrawingService.getDrawingData(unitId, subUnitId);
-		const containedDrawings = [];
-		Object.keys(drawings).forEach((drawingId) => {
-			const drawing = drawings[drawingId];
-			if (drawing.anchorType !== SheetDrawingAnchorType.Both) return;
-			const { transform } = drawing;
-			if (!transform) return;
-			const { left = 0, top = 0, width = 0, height = 0 } = transform;
-			const { drawingStartX, drawingEndX, drawingStartY, drawingEndY } = {
-				drawingStartX: left,
-				drawingEndX: left + width,
-				drawingStartY: top,
-				drawingEndY: top + height
-			};
-			if (startX <= drawingStartX && drawingEndX <= endX && startY <= drawingStartY && drawingEndY <= endY) containedDrawings.push(drawing);
-		});
-		const redos = [];
-		const undos = [];
-		const rowOffset = toRange.startRow - fromRange.startRow;
-		const colOffset = toRange.startColumn - fromRange.startColumn;
-		const updateDrawings = containedDrawings.map((drawing) => {
-			const oldSheetTransform = drawing.sheetTransform;
-			const sheetTransform = {
-				to: {
-					...oldSheetTransform.to,
-					row: oldSheetTransform.to.row + rowOffset,
-					column: oldSheetTransform.to.column + colOffset
-				},
-				from: {
-					...oldSheetTransform.from,
-					row: oldSheetTransform.from.row + rowOffset,
-					column: oldSheetTransform.from.column + colOffset
-				}
-			};
-			const transform = drawingPositionToTransform(sheetTransform, sheetSkeletonParam);
-			return {
-				unitId,
-				subUnitId,
-				drawingId: drawing.drawingId,
-				transform,
-				sheetTransform
-			};
-		});
-		if (updateDrawings.length) {
-			const { undo, redo, objects } = this._sheetDrawingService.getBatchUpdateOp(updateDrawings);
-			redos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: redo,
-					objects,
-					type: DrawingApplyType.UPDATE
-				}
-			});
-			undos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: undo,
-					objects,
-					type: DrawingApplyType.UPDATE
-				}
-			});
-		}
-		return {
-			redos,
-			undos
-		};
-	}
-	_moveRowInterceptor(params, type) {
-		const target = this._getUnitIdAndSubUnitId(params, type);
-		if (!target) return {
-			redos: [],
-			undos: []
-		};
-		const { unitId, subUnitId } = target;
-		const sheetSkeletonParam = this._sheetSkeletonService.getSkeletonParam(unitId, subUnitId);
-		if (!sheetSkeletonParam) return {
-			redos: [],
-			undos: []
-		};
-		const { range } = params;
-		const rowStartIndex = range.startRow;
-		const rowEndIndex = range.endRow;
-		const redos = [];
-		const undos = [];
-		const data = this._sheetDrawingService.getDrawingData(unitId, subUnitId);
-		const updateDrawings = [];
-		const deleteDrawings = [];
-		Object.keys(data).forEach((drawingId) => {
-			const { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = data[drawingId];
-			if (!sheetTransform || !transform) return;
-			let newSheetTransform;
-			let newTransform;
-			let axisAlignSheetTransform;
-			if (type === "insert") {
-				var _param$axisAlignSheet5;
-				const param = this._expandRow(rowStartIndex, rowEndIndex, {
-					sheetSkeletonParam,
-					sheetTransform,
-					transform,
-					anchorType
-				});
-				newSheetTransform = param === null || param === void 0 ? void 0 : param.newSheetTransform;
-				newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
-				axisAlignSheetTransform = (_param$axisAlignSheet5 = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet5 !== void 0 ? _param$axisAlignSheet5 : void 0;
-			} else {
-				const { from, to } = sheetTransform;
-				const { row: fromRow } = from;
-				const { row: toRow } = to;
-				if (anchorType === SheetDrawingAnchorType.Both && fromRow >= rowStartIndex && toRow <= rowEndIndex) deleteDrawings.push({
-					unitId,
-					subUnitId,
-					drawingId
-				});
-				else {
-					var _param$axisAlignSheet6;
-					const param = this._shrinkRow(rowStartIndex, rowEndIndex, {
-						sheetSkeletonParam,
-						sheetTransform,
-						transform,
-						anchorType
-					});
-					newSheetTransform = param === null || param === void 0 ? void 0 : param.newSheetTransform;
-					newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
-					axisAlignSheetTransform = (_param$axisAlignSheet6 = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet6 !== void 0 ? _param$axisAlignSheet6 : void 0;
-				}
-			}
-			if (!newSheetTransform || !newTransform) return;
-			const params = {
-				unitId,
-				subUnitId,
-				drawingId,
-				transform: newTransform,
-				sheetTransform: newSheetTransform,
-				axisAlignSheetTransform
-			};
-			updateDrawings.push(params);
-		});
-		if (updateDrawings.length === 0 && deleteDrawings.length === 0) return {
-			redos: [],
-			undos: []
-		};
-		if (updateDrawings.length > 0) {
-			const { undo, redo, objects } = this._sheetDrawingService.getBatchUpdateOp(updateDrawings);
-			redos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: redo,
-					objects,
-					type: DrawingApplyType.UPDATE
-				}
-			});
-			undos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: undo,
-					objects,
-					type: DrawingApplyType.UPDATE
-				}
-			});
-		}
-		if (deleteDrawings.length > 0) {
-			const deleteJsonOp = this._sheetDrawingService.getBatchRemoveOp(deleteDrawings);
-			const deleteUndo = deleteJsonOp.undo;
-			const deleteRedo = deleteJsonOp.redo;
-			const deleteObjects = deleteJsonOp.objects;
-			redos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: deleteRedo,
-					objects: deleteObjects,
-					type: DrawingApplyType.REMOVE
-				}
-			});
-			undos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: deleteUndo,
-					objects: deleteObjects,
-					type: DrawingApplyType.INSERT
-				}
-			});
-		}
-		redos.push({
-			id: ClearSheetDrawingTransformerOperation.id,
-			params: [unitId]
-		});
-		undos.push({
-			id: ClearSheetDrawingTransformerOperation.id,
-			params: [unitId]
-		});
-		return {
-			redos,
-			undos
-		};
-	}
-	_moveColInterceptor(params, type) {
-		const target = this._getUnitIdAndSubUnitId(params, type);
-		if (!target) return {
-			redos: [],
-			undos: []
-		};
-		const { unitId, subUnitId } = target;
-		const sheetSkeletonParam = this._sheetSkeletonService.getSkeletonParam(unitId, subUnitId);
-		if (!sheetSkeletonParam) return {
-			redos: [],
-			undos: []
-		};
-		const { range } = params;
-		const colStartIndex = range.startColumn;
-		const colEndIndex = range.endColumn;
-		const redos = [];
-		const undos = [];
-		const data = this._sheetDrawingService.getDrawingData(unitId, subUnitId);
-		const updateDrawings = [];
-		const deleteDrawings = [];
-		Object.keys(data).forEach((drawingId) => {
-			const { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = data[drawingId];
-			if (!sheetTransform || !transform) return;
-			let newSheetTransform;
-			let newTransform;
-			let axisAlignSheetTransform;
-			if (type === "insert") {
-				var _param$axisAlignSheet7;
-				const param = this._expandCol(colStartIndex, colEndIndex, {
-					sheetSkeletonParam,
-					sheetTransform,
-					transform,
-					anchorType
-				});
-				newSheetTransform = param === null || param === void 0 ? void 0 : param.newSheetTransform;
-				newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
-				axisAlignSheetTransform = (_param$axisAlignSheet7 = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet7 !== void 0 ? _param$axisAlignSheet7 : void 0;
-			} else {
-				const { from, to } = sheetTransform;
-				const { column: fromColumn } = from;
-				const { column: toColumn } = to;
-				if (anchorType === SheetDrawingAnchorType.Both && fromColumn >= colStartIndex && toColumn <= colEndIndex) deleteDrawings.push({
-					unitId,
-					subUnitId,
-					drawingId
-				});
-				else {
-					var _param$axisAlignSheet8;
-					const param = this._shrinkCol(colStartIndex, colEndIndex, {
-						sheetSkeletonParam,
-						sheetTransform,
-						transform,
-						anchorType
-					});
-					newSheetTransform = param === null || param === void 0 ? void 0 : param.newSheetTransform;
-					newTransform = param === null || param === void 0 ? void 0 : param.newTransform;
-					axisAlignSheetTransform = (_param$axisAlignSheet8 = param === null || param === void 0 ? void 0 : param.axisAlignSheetTransform) !== null && _param$axisAlignSheet8 !== void 0 ? _param$axisAlignSheet8 : void 0;
-				}
-			}
-			if (!newSheetTransform || !newTransform) return;
-			const params = {
-				unitId,
-				subUnitId,
-				drawingId,
-				transform: newTransform,
-				sheetTransform: newSheetTransform,
-				axisAlignSheetTransform
-			};
-			updateDrawings.push(params);
-		});
-		if (updateDrawings.length === 0 && deleteDrawings.length === 0) return {
-			redos: [],
-			undos: []
-		};
-		if (updateDrawings.length > 0) {
-			const { undo, redo, objects } = this._sheetDrawingService.getBatchUpdateOp(updateDrawings);
-			redos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: redo,
-					objects,
-					type: DrawingApplyType.UPDATE
-				}
-			});
-			undos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: undo,
-					objects,
-					type: DrawingApplyType.UPDATE
-				}
-			});
-		}
-		if (deleteDrawings.length > 0) {
-			const deleteJsonOp = this._sheetDrawingService.getBatchRemoveOp(deleteDrawings);
-			const deleteUndo = deleteJsonOp.undo;
-			const deleteRedo = deleteJsonOp.redo;
-			const deleteObjects = deleteJsonOp.objects;
-			redos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: deleteRedo,
-					objects: deleteObjects,
-					type: DrawingApplyType.REMOVE
-				}
-			});
-			undos.push({
-				id: SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: deleteUndo,
-					objects: deleteObjects,
-					type: DrawingApplyType.INSERT
-				}
-			});
-		}
-		redos.push({
-			id: ClearSheetDrawingTransformerOperation.id,
-			params: [unitId]
-		});
-		undos.push({
-			id: ClearSheetDrawingTransformerOperation.id,
-			params: [unitId]
-		});
-		return {
-			redos,
-			undos
-		};
-	}
-	_expandCol(colStartIndex, colEndIndex, options) {
-		const { sheetSkeletonParam, sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = options;
-		const { skeleton } = sheetSkeletonParam;
-		const colCount = colEndIndex - colStartIndex + 1;
-		const { from, to } = sheetTransform;
-		const { column: fromColumn } = from;
-		const { column: toColumn } = to;
-		if (anchorType === SheetDrawingAnchorType.None) return {
-			newSheetTransform: transformToDrawingPosition({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: transformToAxisAlignPosition({ ...transform }, skeleton)
-		};
-		let newSheetTransform = null;
-		let newTransform = null;
-		let axisAlignSheetTransform = null;
-		if (fromColumn >= colStartIndex) {
-			const selectionCell = attachRangeWithCoord(skeleton, {
-				startColumn: colStartIndex,
-				endColumn: colEndIndex,
-				startRow: from.row,
-				endRow: to.row
-			});
-			newTransform = {
-				...transform,
-				left: (transform.left || 0) + selectionCell.endX - selectionCell.startX
-			};
-			newSheetTransform = transformToDrawingPosition(newTransform, skeleton);
-			axisAlignSheetTransform = transformToAxisAlignPosition(newTransform, skeleton);
-		} else if (toColumn >= colEndIndex) if (anchorType === SheetDrawingAnchorType.Both) {
-			newSheetTransform = {
-				from: { ...from },
-				to: {
-					...to,
-					column: toColumn + colCount
-				}
-			};
-			newTransform = drawingPositionToTransform(newSheetTransform, sheetSkeletonParam);
-		} else return {
-			newSheetTransform: transformToDrawingPosition({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: transformToAxisAlignPosition({ ...transform }, skeleton)
-		};
-		if (newSheetTransform && newTransform) return {
-			newSheetTransform,
-			newTransform,
-			axisAlignSheetTransform
-		};
-		return null;
-	}
-	_shrinkCol(colStartIndex, colEndIndex, options) {
-		const { sheetSkeletonParam, sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = options;
-		const { skeleton } = sheetSkeletonParam;
-		const colCount = colEndIndex - colStartIndex + 1;
-		const { from, to } = sheetTransform;
-		const { column: fromColumn } = from;
-		const { column: toColumn } = to;
-		if (anchorType === SheetDrawingAnchorType.None) return {
-			newSheetTransform: transformToDrawingPosition({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: transformToAxisAlignPosition({ ...transform }, skeleton)
-		};
-		let newSheetTransform = null;
-		let newTransform = null;
-		let axisAlignSheetTransform = null;
-		if (fromColumn > colEndIndex) {
-			newSheetTransform = {
-				from: {
-					...from,
-					column: fromColumn - colCount
-				},
-				to: {
-					...to,
-					column: toColumn - colCount
-				}
-			};
-			newTransform = drawingPositionToTransform(newSheetTransform, sheetSkeletonParam);
-		} else if (fromColumn >= colStartIndex && toColumn <= colEndIndex) return null;
-		else if (fromColumn < colStartIndex && toColumn > colEndIndex) if (anchorType === SheetDrawingAnchorType.Both) {
-			newSheetTransform = {
-				from: { ...from },
-				to: {
-					...to,
-					column: toColumn - colCount
-				}
-			};
-			newTransform = drawingPositionToTransform(newSheetTransform, sheetSkeletonParam);
-		} else return {
-			newSheetTransform: transformToDrawingPosition({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: transformToAxisAlignPosition({ ...transform }, skeleton)
-		};
-		else if (fromColumn >= colStartIndex && fromColumn <= colEndIndex) {
-			if (fromColumn === colStartIndex) newTransform = {
-				...transform,
-				left: (transform.left || 0) - sheetTransform.from.columnOffset
-			};
-			else {
-				const selectionCell = attachRangeWithCoord(skeleton, {
-					startColumn: colStartIndex,
-					endColumn: fromColumn - 1,
-					startRow: from.row,
-					endRow: to.row
-				});
-				newTransform = {
-					...transform,
-					left: (transform.left || 0) - selectionCell.endX + selectionCell.startX - sheetTransform.from.columnOffset
-				};
-			}
-			newSheetTransform = transformToDrawingPosition(newTransform, skeleton);
-			axisAlignSheetTransform = transformToAxisAlignPosition(newTransform, skeleton);
-		} else if (toColumn >= colStartIndex && toColumn <= colEndIndex && anchorType === SheetDrawingAnchorType.Both) {
-			const selectionCell = attachRangeWithCoord(skeleton, {
-				startColumn: colStartIndex - 1,
-				endColumn: colStartIndex - 1,
-				startRow: from.row,
-				endRow: to.row
-			});
-			newSheetTransform = {
-				from: { ...from },
-				to: {
-					...to,
-					column: colStartIndex - 1,
-					columnOffset: selectionCell.endX - selectionCell.startX
-				}
-			};
-			newTransform = drawingPositionToTransform(newSheetTransform, sheetSkeletonParam);
-		}
-		if (newSheetTransform && newTransform) return {
-			newSheetTransform,
-			newTransform,
-			axisAlignSheetTransform
-		};
-		return null;
-	}
-	_expandRow(rowStartIndex, rowEndIndex, options) {
-		const { sheetSkeletonParam, sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = options;
-		const { skeleton } = sheetSkeletonParam;
-		const rowCount = rowEndIndex - rowStartIndex + 1;
-		const { from, to } = sheetTransform;
-		const { row: fromRow } = from;
-		const { row: toRow } = to;
-		if (anchorType === SheetDrawingAnchorType.None) return {
-			newSheetTransform: transformToDrawingPosition({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: transformToAxisAlignPosition({ ...transform }, skeleton)
-		};
-		let newSheetTransform = null;
-		let newTransform = null;
-		let axisAlignSheetTransform = null;
-		if (fromRow >= rowStartIndex) {
-			const selectionCell = attachRangeWithCoord(skeleton, {
-				startRow: rowStartIndex,
-				endRow: rowEndIndex,
-				startColumn: from.column,
-				endColumn: to.column
-			});
-			newTransform = {
-				...transform,
-				top: (transform.top || 0) + selectionCell.endY - selectionCell.startY
-			};
-			newSheetTransform = transformToDrawingPosition(newTransform, skeleton);
-			axisAlignSheetTransform = transformToAxisAlignPosition(newTransform, skeleton);
-		} else if (toRow >= rowEndIndex) if (anchorType === SheetDrawingAnchorType.Both) {
-			newSheetTransform = {
-				from: { ...from },
-				to: {
-					...to,
-					row: toRow + rowCount
-				}
-			};
-			newTransform = drawingPositionToTransform(newSheetTransform, sheetSkeletonParam);
-		} else return {
-			newSheetTransform: transformToDrawingPosition({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: transformToAxisAlignPosition({ ...transform }, skeleton)
-		};
-		if (newSheetTransform && newTransform) return {
-			newSheetTransform,
-			newTransform,
-			axisAlignSheetTransform
-		};
-		return null;
-	}
-	_shrinkRow(rowStartIndex, rowEndIndex, options) {
-		const { sheetSkeletonParam, sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = options;
-		const { skeleton } = sheetSkeletonParam;
-		const rowCount = rowEndIndex - rowStartIndex + 1;
-		const { from, to } = sheetTransform;
-		const { row: fromRow } = from;
-		const { row: toRow } = to;
-		if (anchorType === SheetDrawingAnchorType.None) return {
-			newSheetTransform: transformToDrawingPosition({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: transformToAxisAlignPosition({ ...transform }, skeleton)
-		};
-		let newSheetTransform = null;
-		let newTransform = null;
-		let axisAlignSheetTransform = null;
-		if (fromRow > rowEndIndex) {
-			newSheetTransform = {
-				from: {
-					...from,
-					row: fromRow - rowCount
-				},
-				to: {
-					...to,
-					row: toRow - rowCount
-				}
-			};
-			newTransform = drawingPositionToTransform(newSheetTransform, sheetSkeletonParam);
-		} else if (fromRow >= rowStartIndex && toRow <= rowEndIndex) return null;
-		else if (fromRow < rowStartIndex && toRow > rowEndIndex) if (anchorType === SheetDrawingAnchorType.Both) {
-			newSheetTransform = {
-				from: { ...from },
-				to: {
-					...to,
-					row: toRow - rowCount
-				}
-			};
-			newTransform = drawingPositionToTransform(newSheetTransform, sheetSkeletonParam);
-		} else return {
-			newSheetTransform: transformToDrawingPosition({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: transformToAxisAlignPosition({ ...transform }, skeleton)
-		};
-		else if (fromRow >= rowStartIndex && fromRow <= rowEndIndex) {
-			if (fromRow === rowStartIndex) newTransform = {
-				...transform,
-				top: (transform.top || 0) - sheetTransform.from.rowOffset
-			};
-			else {
-				const selectionCell = attachRangeWithCoord(skeleton, {
-					startRow: rowStartIndex,
-					endRow: fromRow - 1,
-					startColumn: from.column,
-					endColumn: to.column
-				});
-				newTransform = {
-					...transform,
-					top: (transform.top || 0) - selectionCell.endY + selectionCell.startY - sheetTransform.from.rowOffset
-				};
-			}
-			newSheetTransform = transformToDrawingPosition(newTransform, skeleton);
-			axisAlignSheetTransform = transformToAxisAlignPosition(newTransform, skeleton);
-		} else if (toRow >= rowStartIndex && toRow <= rowEndIndex && anchorType === SheetDrawingAnchorType.Both) {
-			const selectionCell = attachRangeWithCoord(skeleton, {
-				startColumn: from.column,
-				endColumn: from.column,
-				startRow: rowStartIndex - 1,
-				endRow: rowStartIndex - 1
-			});
-			newSheetTransform = {
-				from: { ...from },
-				to: {
-					...to,
-					row: rowStartIndex - 1,
-					rowOffset: selectionCell.endY - selectionCell.startY
-				}
-			};
-			newTransform = drawingPositionToTransform(newSheetTransform, sheetSkeletonParam);
-		}
-		if (newSheetTransform && newTransform) return {
-			newSheetTransform,
-			newTransform,
-			axisAlignSheetTransform
-		};
-		return null;
-	}
-	_commandListener() {
-		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
-			if (command.id === SetWorksheetActiveOperation.id) {
-				const { unitId, subUnitId } = command.params;
-				this._updateDrawings(unitId, subUnitId);
-			}
-		}));
-		this.disposeWithMe(this._context.activated$.subscribe((activated) => {
-			const { unit, unitId } = this._context;
-			if (activated) {
-				const subUnitId = unit.getActiveSheet().getSheetId();
-				this._updateDrawings(unitId, subUnitId);
-			} else this._clearDrawings(unitId);
-		}));
-	}
-	_clearDrawings(selfUnitId) {
-		setTimeout(() => {
-			const drawingMap = this._drawingManagerService.drawingManagerData;
-			const removeDrawings = [];
-			Object.keys(drawingMap !== null && drawingMap !== void 0 ? drawingMap : {}).forEach((unitId) => {
-				var _drawingMap$unitId;
-				const subUnitMap = (_drawingMap$unitId = drawingMap[unitId]) !== null && _drawingMap$unitId !== void 0 ? _drawingMap$unitId : {};
-				Object.keys(subUnitMap).forEach((subUnitId) => {
-					var _subUnitMap$subUnitId, _subUnitMap$subUnitId2;
-					const drawingData = (_subUnitMap$subUnitId = (_subUnitMap$subUnitId2 = subUnitMap[subUnitId]) === null || _subUnitMap$subUnitId2 === void 0 ? void 0 : _subUnitMap$subUnitId2.data) !== null && _subUnitMap$subUnitId !== void 0 ? _subUnitMap$subUnitId : {};
-					Object.keys(drawingData).forEach((drawingId) => {
-						if (unitId === selfUnitId) removeDrawings.push(drawingData[drawingId]);
-					});
-				});
-			});
-			this._sheetDrawingService.removeNotification(removeDrawings);
-			this._drawingManagerService.removeNotification(removeDrawings);
-		});
-	}
-	_updateDrawings(showUnitId, showSubunitId) {
-		setTimeout(() => {
-			const sheetSkeletonParam = this._sheetSkeletonService.getSkeletonParam(showUnitId, showSubunitId);
-			const drawingMap = this._drawingManagerService.drawingManagerData;
-			const insertDrawings = [];
-			const removeDrawings = [];
-			Object.keys(drawingMap !== null && drawingMap !== void 0 ? drawingMap : {}).forEach((unitId) => {
-				var _drawingMap$unitId2;
-				if (unitId !== showUnitId) return;
-				const subUnitMap = (_drawingMap$unitId2 = drawingMap[unitId]) !== null && _drawingMap$unitId2 !== void 0 ? _drawingMap$unitId2 : {};
-				Object.keys(subUnitMap).forEach((subUnitId) => {
-					var _subUnitMap$subUnitId3, _subUnitMap$subUnitId4;
-					const drawingData = (_subUnitMap$subUnitId3 = (_subUnitMap$subUnitId4 = subUnitMap[subUnitId]) === null || _subUnitMap$subUnitId4 === void 0 ? void 0 : _subUnitMap$subUnitId4.data) !== null && _subUnitMap$subUnitId3 !== void 0 ? _subUnitMap$subUnitId3 : {};
-					Object.keys(drawingData).forEach((drawingId) => {
-						if (unitId === showUnitId && subUnitId === showSubunitId) {
-							const drawing = drawingData[drawingId];
-							if (drawing.sheetTransform) drawing.transform = drawingPositionToTransform(drawing.sheetTransform, sheetSkeletonParam);
-							insertDrawings.push(drawingData[drawingId]);
-						} else removeDrawings.push(drawingData[drawingId]);
-					});
-				});
-			});
-			this._sheetDrawingService.removeNotification(removeDrawings);
-			this._sheetDrawingService.addNotification(insertDrawings);
-			this._drawingManagerService.removeNotification(removeDrawings);
-			this._drawingManagerService.addNotification(insertDrawings);
-		}, 0);
-	}
-	_sheetRefreshListener() {
-		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
-			if (!REFRESH_MUTATIONS.includes(command.id)) return;
-			requestIdleCallback(() => {
-				const params = command.params;
-				const target = getSheetCommandTarget(this._univerInstanceService, params);
-				if (!target) return;
-				const { unitId, subUnitId, worksheet } = target;
-				let ranges = [];
-				if ("ranges" in params) ranges = params.ranges;
-				else if ("rowsAutoHeightInfo" in params) ranges = params.rowsAutoHeightInfo.map((info) => ({
-					startRow: info.row,
-					endRow: info.row,
-					startColumn: 0,
-					endColumn: worksheet.getColumnCount() - 1
-				}));
-				this._refreshDrawingTransform(unitId, subUnitId, ranges);
-			});
-		}));
-	}
-	_refreshDrawingTransform(unitId, subUnitId, ranges) {
-		var _this$_drawingManager;
-		const sheetSkeletonParam = this._sheetSkeletonService.getSkeletonParam(unitId, subUnitId);
-		const drawingData = (_this$_drawingManager = this._drawingManagerService.getDrawingData(unitId, subUnitId)) !== null && _this$_drawingManager !== void 0 ? _this$_drawingManager : {};
-		const updateDrawings = [];
-		Object.keys(drawingData).forEach((drawingId) => {
-			const drawing = drawingData[drawingId];
-			const { sheetTransform, transform, anchorType = SheetDrawingAnchorType.Position } = drawing;
-			if (anchorType === SheetDrawingAnchorType.None) return true;
-			if (!sheetTransform) return true;
-			const { from, to } = sheetTransform;
-			const { row: fromRow, column: fromColumn } = from;
-			const { row: toRow, column: toColumn } = to;
-			for (let i = 0; i < ranges.length; i++) {
-				const { startRow, endRow, startColumn, endColumn } = ranges[i];
-				if (Rectangle.intersects({
-					startRow,
-					endRow,
-					startColumn,
-					endColumn
-				}, {
-					startRow: fromRow,
-					endRow: toRow,
-					startColumn: fromColumn,
-					endColumn: toColumn
-				}) || fromRow > endRow || fromColumn > endColumn) {
-					const isPositionAnchor = anchorType === SheetDrawingAnchorType.Position;
-					const newTransform = drawingPositionToTransform(sheetTransform, sheetSkeletonParam);
-					updateDrawings.push({
-						...drawing,
-						transform: {
-							...newTransform,
-							width: isPositionAnchor ? transform === null || transform === void 0 ? void 0 : transform.width : newTransform === null || newTransform === void 0 ? void 0 : newTransform.width,
-							height: isPositionAnchor ? transform === null || transform === void 0 ? void 0 : transform.height : newTransform === null || newTransform === void 0 ? void 0 : newTransform.height
-						}
-					});
-					break;
-				}
-			}
-		});
-		if (updateDrawings.length === 0) return;
-		this._sheetDrawingService.refreshTransform(updateDrawings);
-		this._drawingManagerService.refreshTransform(updateDrawings);
-		this._commandService.syncExecuteCommand(ClearSheetDrawingTransformerOperation.id, [unitId]);
-	}
-};
-SheetDrawingTransformAffectedController = __decorate([
-	__decorateParam(1, ICommandService),
-	__decorateParam(2, Inject(SheetSkeletonService)),
-	__decorateParam(3, ISheetSelectionRenderService),
-	__decorateParam(4, Inject(SheetInterceptorService)),
-	__decorateParam(5, Inject(SheetsSelectionsService)),
-	__decorateParam(6, ISheetDrawingService),
-	__decorateParam(7, IDrawingManagerService),
-	__decorateParam(8, IUniverInstanceService)
-], SheetDrawingTransformAffectedController);
-
 //#endregion
 //#region src/commands/commands/flip-drawings.command.ts
 /**
@@ -6496,7 +5114,7 @@ const FlipSheetDrawingCommand = {
 	}
 };
 function getSceneByDrawingSearch(accessor, unitId) {
-	const render = accessor.get(IRenderManagerService).getRenderById(unitId);
+	const render = accessor.get(IRenderManagerService).getRenderUnitById(unitId);
 	if (!render) return null;
 	return render.scene;
 }
@@ -6685,7 +5303,7 @@ let DrawingPopupMenuController = class DrawingPopupMenuController extends RxDisp
 	}
 	_popupMenuListener(unitId) {
 		var _this$_renderManagerS;
-		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
+		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
 		if (!scene) return;
 		const transformer = scene.getTransformerByCreate();
 		if (!transformer) return;
@@ -6849,7 +5467,7 @@ let SheetDrawingHitTestService = class SheetDrawingHitTestService extends Dispos
 	}
 	hitTest(unitId, subUnitId, offsetX, offsetY) {
 		var _this$_renderManagerS;
-		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
+		const scene = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.scene;
 		if (!scene) return null;
 		return this._hitTestScene(scene, unitId, subUnitId, offsetX, offsetY);
 	}
@@ -6873,7 +5491,7 @@ let SheetDrawingHitTestService = class SheetDrawingHitTestService extends Dispos
 			this._disposeDoubleClickListener();
 			return;
 		}
-		const render = this._renderManagerService.getRenderById(context.unitId);
+		const render = this._renderManagerService.getRenderUnitById(context.unitId);
 		const scene = render === null || render === void 0 ? void 0 : render.scene;
 		if (!render || !scene) {
 			this._disposeDoubleClickListener();
@@ -6991,7 +5609,7 @@ let UniverSheetsDrawingUIPlugin = class UniverSheetsDrawingUIPlugin extends Plug
 	_registerRenderModules() {
 		[
 			[SheetDrawingUpdateController],
-			[SheetDrawingTransformAffectedController],
+			[SheetDrawingActiveRenderController],
 			[SheetsDrawingRenderController],
 			[SheetCellImageHoverRenderController]
 		].forEach((m) => {
@@ -7004,7 +5622,7 @@ _defineProperty(UniverSheetsDrawingUIPlugin, "pluginName", "SHEET_IMAGE_UI_PLUGI
 _defineProperty(UniverSheetsDrawingUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsDrawingUIPlugin, "version", version);
 UniverSheetsDrawingUIPlugin = __decorate([
-	DependentOn(UniverDrawingPlugin, UniverDocsDrawingPlugin, UniverDrawingUIPlugin, UniverSheetsDrawingPlugin),
+	DependentOn(UniverDrawingPlugin, UniverRenderEnginePlugin, UniverDocsDrawingPlugin, UniverSheetsPlugin, UniverUIPlugin, UniverSheetsDrawingPlugin, UniverDrawingUIPlugin, UniverSheetsUIPlugin),
 	__decorateParam(1, Inject(Injector)),
 	__decorateParam(2, IRenderManagerService),
 	__decorateParam(3, IConfigService)