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

package/lib/cjs/index.js

@@ -293,7 +293,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) {
@@ -304,7 +304,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];
@@ -317,14 +317,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,
@@ -335,7 +335,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);
@@ -343,7 +343,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);
@@ -379,11 +379,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(_univerjs_engine_render.IRenderManagerService).getRenderById(location.unitId);
+	const currentRender = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(location.unitId);
 	if (!currentRender) return false;
 	const skeleton = (_skeletonManagerServi = currentRender.with(_univerjs_sheets_ui.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;
@@ -1038,12 +1038,6 @@ let BatchSaveImagesService = class BatchSaveImagesService extends _univerjs_core
 		this._imageIoService = _imageIoService;
 		this._urlImageService = _urlImageService;
 	}
-	/**
-	* @deprecated Use IURLImageService directly
-	*/
-	registerURLImageDownloader(downloader) {
-		return this._urlImageService.registerURLImageDownloader(downloader);
-	}
 	getCellImagesInSelection() {
 		const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return [];
@@ -1363,7 +1357,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)
 		});
@@ -2070,7 +2063,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(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(info.subUnitId);
+		const skeletonParam = (_this$_renderManagerS = this._renderManagerService.getRenderUnitById(info.unitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(info.subUnitId);
 		const drawing = this._sheetDrawingService.getDrawingByParam({
 			unitId: info.unitId,
 			subUnitId: info.subUnitId,
@@ -2239,7 +2232,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 {
@@ -2263,7 +2256,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(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId);
+				const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 				if (!skeleton) return;
 				const { transform, drawingType, data, hidden, groupId } = floatDomParam;
 				if (!isCanvasFloatDomDrawingType(drawingType)) return;
@@ -2506,7 +2499,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(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId);
+			const skeleton = (_this$_renderManagerS3 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 			if (!renderObject || !target || !skeleton) return;
 			ids.forEach((id) => {
 				const floatDomInfo = this._domLayerInfoMap.get(id);
@@ -2526,7 +2519,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET).pipe((0, rxjs.switchMap)((workbook) => workbook ? workbook.activeSheet$ : (0, rxjs.of)(null)), (0, rxjs.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,
@@ -2623,7 +2616,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(_univerjs_sheets_ui.ISheetSelectionRenderService);
+		const selectionRenderService = (_this$_renderManagerS4 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS4 === void 0 ? void 0 : _this$_renderManagerS4.with(_univerjs_sheets_ui.ISheetSelectionRenderService);
 		if (selectionRenderService == null) return;
 		const start = selectionRenderService.getCellWithCoordByOffset(startX, startY);
 		if (start == null) return;
@@ -2770,9 +2763,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(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId);
+		const skeletonParam = (_this$_renderManagerS5 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS5 === void 0 ? void 0 : _this$_renderManagerS5.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 		if (!skeletonParam) return;
 		const { componentKey, data, allowTransform = true } = config;
 		const id = propId !== null && propId !== void 0 ? propId : (0, _univerjs_core.generateRandomId)();
@@ -2810,7 +2803,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(_univerjs_sheets_ui.SheetSkeletonManagerService);
+			const skMangerService = (_this$_renderManagerS6 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS6 === void 0 ? void 0 : _this$_renderManagerS6.with(_univerjs_sheets_ui.SheetSkeletonManagerService);
 			if (!skMangerService) return;
 			const skeletonParam = skMangerService.getSkeletonParam(subUnitId);
 			if (!skeletonParam) return;
@@ -2947,7 +2940,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 						top: rangePosition.absolute.top
 					}
 				}, domAnchor);
-				const newPos = calcSheetFloatDomPosition(new _univerjs_engine_render.Rect((0, _univerjs_drawing.getDrawingShapeKeyByDrawingSearch)({
+				const newRect = new _univerjs_engine_render.Rect((0, _univerjs_drawing.getDrawingShapeKeyByDrawingSearch)({
 					unitId,
 					subUnitId,
 					drawingId
@@ -2957,10 +2950,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(_univerjs_sheets_ui.SheetSkeletonManagerService);
+			const skm = (_this$_renderManagerS7 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS7 === void 0 ? void 0 : _this$_renderManagerS7.with(_univerjs_sheets_ui.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);
@@ -2987,9 +2981,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(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId);
+		const skeletonParam = (_this$_renderManagerS8 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS8 === void 0 ? void 0 : _this$_renderManagerS8.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 		if (!skeletonParam) return;
 		const { componentKey, data, allowTransform = true } = config;
 		const id = propId !== null && propId !== void 0 ? propId : (0, _univerjs_core.generateRandomId)();
@@ -3032,7 +3026,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(_univerjs_sheets_ui.SheetSkeletonManagerService);
+			const skMangerService = (_this$_renderManagerS9 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS9 === void 0 ? void 0 : _this$_renderManagerS9.with(_univerjs_sheets_ui.SheetSkeletonManagerService);
 			if (!skMangerService) return;
 			const skeleton = skMangerService.getSkeletonParam(subUnitId);
 			if (!skeleton) return;
@@ -3150,7 +3144,7 @@ let SheetCanvasFloatDomManagerService = _SheetCanvasFloatDomManagerService = cla
 						top: rangePosition.absolute.top
 					}
 				}, domLayoutParam);
-				const newPos = calcSheetFloatDomPosition(new _univerjs_engine_render.Rect((0, _univerjs_drawing.getDrawingShapeKeyByDrawingSearch)({
+				const newRect = new _univerjs_engine_render.Rect((0, _univerjs_drawing.getDrawingShapeKeyByDrawingSearch)({
 					unitId,
 					subUnitId,
 					drawingId
@@ -3160,10 +3154,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(_univerjs_sheets_ui.SheetSkeletonManagerService);
+			const skm = (_this$_renderManagerS10 = this._renderManagerService.getRenderUnitById(unitId)) === null || _this$_renderManagerS10 === void 0 ? void 0 : _this$_renderManagerS10.with(_univerjs_sheets_ui.SheetSkeletonManagerService);
 			skm === null || skm === void 0 || skm.currentSkeleton$.subscribe((skeleton) => {
 				if (!skeleton) return;
 				if (skeletonParam.sheetId !== skeleton.sheetId) this._removeDom(id, true);
@@ -3437,6 +3432,12 @@ function SaveCellImagesMenuFactory(accessor) {
 const menuSchema = {
 	[_univerjs_ui.RibbonInsertGroup.MEDIA]: { [SHEETS_IMAGE_MENU_ID]: {
 		order: 0,
+		gridLayout: {
+			row: 1,
+			column: 1,
+			rowSpan: 2,
+			showLabel: true
+		},
 		menuItemFactory: ImageMenuFactory,
 		[InsertFloatImageCommand.id]: {
 			order: 0,
@@ -3464,7 +3465,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
@@ -3606,7 +3607,7 @@ const SheetDrawingAnchor = (props) => {
 	const renderManagerService = (0, _univerjs_ui.useDependency)(_univerjs_engine_render.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] = (0, react.useState)(true);
@@ -3645,7 +3646,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) || _univerjs_sheets_drawing.SheetDrawingAnchorType.Position);
+				const anchorType = ((_params$ = params[0]) === null || _params$ === void 0 ? void 0 : _params$.anchorType) || _univerjs_sheets_drawing.SheetDrawingAnchorType.Position;
+				setValue(anchorType);
 			}
 		});
 		return () => {
@@ -3792,7 +3794,7 @@ let DrawingContextMenuController = class DrawingContextMenuController extends _u
 	_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;
@@ -4100,7 +4102,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,
@@ -4123,6 +4124,86 @@ SheetCellImageCopyPasteController = __decorate([
 	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService))
 ], SheetCellImageCopyPasteController);
 
+//#endregion
+//#region src/controllers/sheet-drawing-active-render.controller.ts
+let SheetDrawingActiveRenderController = class SheetDrawingActiveRenderController extends _univerjs_core.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 === _univerjs_sheets.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 = (0, _univerjs_sheets_drawing.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, _univerjs_core.ICommandService),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetSkeletonService)),
+	__decorateParam(3, _univerjs_sheets_drawing.ISheetDrawingService),
+	__decorateParam(4, _univerjs_drawing.IDrawingManagerService)
+], SheetDrawingActiveRenderController);
+
 //#endregion
 //#region src/controllers/sheet-drawing-copy-paste.controller.ts
 const IMAGE_PNG_MIME_TYPE = "image/png";
@@ -4558,7 +4639,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) => {
@@ -4592,7 +4673,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) => {
@@ -4608,7 +4689,7 @@ let SheetDrawingPermissionController = class SheetDrawingPermissionController ex
 				if (!sheet) return rxjs.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 rxjs.EMPTY;
 				const transformer = scene.getTransformerByCreate();
@@ -4656,7 +4737,7 @@ let SheetDrawingPermissionController = class SheetDrawingPermissionController ex
 				if (!sheet) return rxjs.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 rxjs.EMPTY;
 				const transformer = scene.getTransformerByCreate();
@@ -4693,7 +4774,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);
@@ -4830,7 +4911,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(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId);
 			if (!skeleton) return next(range);
@@ -4914,1469 +4995,6 @@ SheetDrawingPrintingController = __decorate([
 	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_core.Injector))
 ], SheetDrawingPrintingController);
 
-//#endregion
-//#region src/controllers/sheet-drawing-transform-affected.controller.ts
-const UPDATE_COMMANDS = [
-	_univerjs_sheets.InsertRowCommand.id,
-	_univerjs_sheets.InsertColCommand.id,
-	_univerjs_sheets.RemoveRowCommand.id,
-	_univerjs_sheets.RemoveColCommand.id,
-	_univerjs_sheets.DeleteRangeMoveLeftCommand.id,
-	_univerjs_sheets.DeleteRangeMoveUpCommand.id,
-	_univerjs_sheets.InsertRangeMoveDownCommand.id,
-	_univerjs_sheets.InsertRangeMoveRightCommand.id,
-	_univerjs_sheets.DeltaRowHeightCommand.id,
-	_univerjs_sheets.SetRowHeightCommand.id,
-	_univerjs_sheets.DeltaColumnWidthCommand.id,
-	_univerjs_sheets.SetColWidthCommand.id,
-	_univerjs_sheets.SetRowHiddenCommand.id,
-	_univerjs_sheets.SetSpecificRowsVisibleCommand.id,
-	_univerjs_sheets.SetSpecificColsVisibleCommand.id,
-	_univerjs_sheets.SetColHiddenCommand.id,
-	_univerjs_sheets.MoveColsCommand.id,
-	_univerjs_sheets.MoveRowsCommand.id,
-	_univerjs_sheets.MoveRangeCommand.id
-];
-const REFRESH_MUTATIONS = [
-	_univerjs_sheets.SetRowVisibleMutation.id,
-	_univerjs_sheets.SetRowHiddenMutation.id,
-	_univerjs_sheets.SetColVisibleMutation.id,
-	_univerjs_sheets.SetColHiddenMutation.id,
-	_univerjs_sheets.SetWorksheetRowHeightMutation.id,
-	_univerjs_sheets.SetWorksheetRowAutoHeightMutation.id,
-	_univerjs_sheets.SetWorksheetRowIsAutoHeightMutation.id,
-	_univerjs_sheets.SetWorksheetColWidthMutation.id
-];
-let SheetDrawingTransformAffectedController = class SheetDrawingTransformAffectedController extends _univerjs_core.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 === _univerjs_sheets.InsertRowCommand.id) return this._moveRowInterceptor(params, "insert");
-			else if ([
-				_univerjs_sheets.MoveColsCommand.id,
-				_univerjs_sheets.MoveRowsCommand.id,
-				_univerjs_sheets.MoveRangeCommand.id
-			].includes(id)) {
-				let target;
-				if (id === _univerjs_sheets.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 = (0, _univerjs_sheets.getSheetCommandTarget)(this._univerInstanceService, {
-						unitId: _params.toUnitId,
-						subUnitId: _params.toSubUnitId
-					});
-				} else target = (0, _univerjs_sheets.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 === _univerjs_sheets.InsertColCommand.id) return this._moveColInterceptor(params, "insert");
-			else if (id === _univerjs_sheets.RemoveRowCommand.id) return this._moveRowInterceptor(params, "remove");
-			else if (id === _univerjs_sheets.RemoveColCommand.id) return this._moveColInterceptor(params, "remove");
-			else if (id === _univerjs_sheets.DeleteRangeMoveLeftCommand.id) {
-				const { range } = params;
-				return this._getRangeMoveUndo(range, 0);
-			} else if (id === _univerjs_sheets.DeleteRangeMoveUpCommand.id) {
-				const { range } = params;
-				return this._getRangeMoveUndo(range, 1);
-			} else if (id === _univerjs_sheets.InsertRangeMoveDownCommand.id) {
-				const { range } = params;
-				return this._getRangeMoveUndo(range, 2);
-			} else if (id === _univerjs_sheets.InsertRangeMoveRightCommand.id) {
-				const { range } = params;
-				return this._getRangeMoveUndo(range, 3);
-			} else if (id === _univerjs_sheets.SetRowHiddenCommand.id || id === _univerjs_sheets.SetSpecificRowsVisibleCommand.id) {
-				var _this$_selectionManag;
-				const _params = params;
-				const target = (0, _univerjs_sheets.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 === _univerjs_core.RANGE_TYPE.ROW));
-				if (!ranges || ranges.length === 0) return {
-					redos: [],
-					undos: []
-				};
-				return this._getDrawingUndoForRowVisible(unitId, subUnitId, ranges);
-			} else if (id === _univerjs_sheets.SetColHiddenCommand.id || id === _univerjs_sheets.SetSpecificColsVisibleCommand.id) {
-				var _this$_selectionManag2;
-				const _params = params;
-				const target = (0, _univerjs_sheets.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 === _univerjs_core.RANGE_TYPE.COLUMN));
-				if (!ranges || ranges.length === 0) return {
-					redos: [],
-					undos: []
-				};
-				return this._getDrawingUndoForColVisible(unitId, subUnitId, ranges);
-			} else if (id === _univerjs_sheets.DeltaRowHeightCommand.id || id === _univerjs_sheets.DeltaColumnWidthCommand.id) {
-				const target = (0, _univerjs_sheets.getSheetCommandTarget)(this._univerInstanceService);
-				if (!target) return {
-					redos: [],
-					undos: []
-				};
-				const { unitId, subUnitId, worksheet } = target;
-				const ranges = [];
-				if (id === _univerjs_sheets.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 === _univerjs_sheets.SetRowHeightCommand.id || id === _univerjs_sheets.SetColWidthCommand.id) {
-				var _this$_selectionManag3;
-				const _params = params;
-				const target = (0, _univerjs_sheets.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 = (0, _univerjs_sheets.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: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: redo,
-					objects,
-					type: _univerjs_sheets_drawing.DrawingApplyType.UPDATE
-				}
-			});
-			undos.push({
-				id: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: undo,
-					objects,
-					type: _univerjs_sheets_drawing.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: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: deleteRedo,
-					objects: deleteObjects,
-					type: _univerjs_sheets_drawing.DrawingApplyType.REMOVE
-				}
-			});
-			undos.push({
-				id: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: deleteUndo,
-					objects: deleteObjects,
-					type: _univerjs_sheets_drawing.DrawingApplyType.INSERT
-				}
-			});
-		}
-		redos.push({
-			id: _univerjs_sheets_drawing.ClearSheetDrawingTransformerOperation.id,
-			params: [unitId]
-		});
-		undos.push({
-			id: _univerjs_sheets_drawing.ClearSheetDrawingTransformerOperation.id,
-			params: [unitId]
-		});
-		return {
-			redos,
-			undos
-		};
-	}
-	_getUpdateOrDeleteDrawings(range, type, drawing) {
-		const updateDrawings = [];
-		const deleteDrawings = [];
-		const { sheetTransform, anchorType = _univerjs_sheets_drawing.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 = (0, _univerjs_sheets_drawing.drawingPositionToTransform)(newSheetTransform, sheetSkeletonParam);
-			updateDrawings.push({
-				...drawing,
-				sheetTransform: newSheetTransform,
-				transform: newTransform,
-				axisAlignSheetTransform
-			});
-		}
-		return {
-			updateDrawings,
-			deleteDrawings
-		};
-	}
-	_remainDrawingSize(transform, updateDrawings, drawing, skeleton) {
-		const newSheetTransform = (0, _univerjs_sheets_drawing.transformToDrawingPosition)({ ...transform }, skeleton);
-		if (newSheetTransform) {
-			const axisAlignSheetTransform = (0, _univerjs_sheets_drawing.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 = _univerjs_sheets_drawing.SheetDrawingAnchorType.Position } = drawing;
-			if (anchorType === _univerjs_sheets_drawing.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 === _univerjs_sheets_drawing.SheetDrawingAnchorType.Position) {
-						let newSheetTransform = null;
-						let newTransform = null;
-						if (fromColumn >= startColumn && fromColumn <= endColumn) {
-							const selectionCell = (0, _univerjs_sheets.attachRangeWithCoord)(skeleton, {
-								startColumn: fromColumn,
-								endColumn,
-								startRow: fromRow,
-								endRow: toRow
-							});
-							newTransform = {
-								...transform,
-								left: selectionCell.startX
-							};
-						}
-						if (newTransform) {
-							newSheetTransform = (0, _univerjs_sheets_drawing.transformToDrawingPosition)(newTransform, skeleton);
-							const axisAlignSheetTransform = (0, _univerjs_sheets_drawing.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 = (0, _univerjs_sheets.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 = (0, _univerjs_sheets.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 = (0, _univerjs_sheets.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 = (0, _univerjs_sheets_drawing.transformToDrawingPosition)(newTransform, skeleton);
-						if (newSheetTransform && newTransform) {
-							const axisAlignSheetTransform = (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)(newTransform, skeleton);
-							preUpdateDrawings.push({
-								...drawing,
-								sheetTransform: newSheetTransform,
-								transform: newTransform,
-								axisAlignSheetTransform
-							});
-							break;
-						}
-					}
-					if (newTransform) newSheetTransform = (0, _univerjs_sheets_drawing.transformToDrawingPosition)(newTransform, skeleton);
-					if (newTransform && newSheetTransform) {
-						const axisAlignSheetTransform = (0, _univerjs_sheets_drawing.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: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: redo,
-					objects,
-					type: _univerjs_sheets_drawing.DrawingApplyType.UPDATE
-				}
-			}, {
-				id: _univerjs_sheets_drawing.ClearSheetDrawingTransformerOperation.id,
-				params: [unitId]
-			}],
-			undos: [{
-				id: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: undo,
-					objects,
-					type: _univerjs_sheets_drawing.DrawingApplyType.UPDATE
-				}
-			}, {
-				id: _univerjs_sheets_drawing.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 = _univerjs_sheets_drawing.SheetDrawingAnchorType.Position } = drawing;
-			if (anchorType === _univerjs_sheets_drawing.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 === _univerjs_sheets_drawing.SheetDrawingAnchorType.Position) {
-						let newSheetTransform = null;
-						let newTransform = null;
-						if (fromRow >= startRow && fromRow <= endRow) {
-							const selectionCell = (0, _univerjs_sheets.attachRangeWithCoord)(skeleton, {
-								startColumn: fromColumn,
-								endColumn: toColumn,
-								startRow: fromRow,
-								endRow
-							});
-							newTransform = {
-								...transform,
-								top: selectionCell.startY
-							};
-						}
-						if (newTransform) {
-							newSheetTransform = (0, _univerjs_sheets_drawing.transformToDrawingPosition)(newTransform, skeleton);
-							const axisAlignSheetTransform = (0, _univerjs_sheets_drawing.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 = (0, _univerjs_sheets.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 = (0, _univerjs_sheets.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 = (0, _univerjs_sheets.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 = (0, _univerjs_sheets_drawing.transformToDrawingPosition)(newTransform, skeleton);
-						if (newSheetTransform && newTransform) {
-							const axisAlignSheetTransform = (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)(newTransform, skeleton);
-							preUpdateDrawings.push({
-								...drawing,
-								sheetTransform: newSheetTransform,
-								transform: newTransform,
-								axisAlignSheetTransform
-							});
-							break;
-						}
-					}
-					if (newTransform) newSheetTransform = (0, _univerjs_sheets_drawing.transformToDrawingPosition)(newTransform, skeleton);
-					if (newTransform && newSheetTransform) {
-						const axisAlignSheetTransform = (0, _univerjs_sheets_drawing.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 = _univerjs_sheets_drawing.SheetDrawingAnchorType.Position } = drawing;
-			if (anchorType === _univerjs_sheets_drawing.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 === _univerjs_sheets_drawing.SheetDrawingAnchorType.Position) {
-						if (fromRow <= startRow && toRow >= endRow || fromColumn <= startColumn && toColumn >= endColumn) {
-							this._remainDrawingSize(transform, updateDrawings, drawing, skeleton);
-							continue;
-						}
-					}
-					const newTransform = (0, _univerjs_sheets_drawing.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 = (0, _univerjs_sheets.getSheetCommandTarget)(this._univerInstanceService, params);
-		else target = (0, _univerjs_sheets.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 = (0, _univerjs_sheets.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 !== _univerjs_sheets_drawing.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 = (0, _univerjs_sheets_drawing.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: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: redo,
-					objects,
-					type: _univerjs_sheets_drawing.DrawingApplyType.UPDATE
-				}
-			});
-			undos.push({
-				id: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: undo,
-					objects,
-					type: _univerjs_sheets_drawing.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 = _univerjs_sheets_drawing.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 === _univerjs_sheets_drawing.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: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: redo,
-					objects,
-					type: _univerjs_sheets_drawing.DrawingApplyType.UPDATE
-				}
-			});
-			undos.push({
-				id: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: undo,
-					objects,
-					type: _univerjs_sheets_drawing.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: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: deleteRedo,
-					objects: deleteObjects,
-					type: _univerjs_sheets_drawing.DrawingApplyType.REMOVE
-				}
-			});
-			undos.push({
-				id: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: deleteUndo,
-					objects: deleteObjects,
-					type: _univerjs_sheets_drawing.DrawingApplyType.INSERT
-				}
-			});
-		}
-		redos.push({
-			id: _univerjs_sheets_drawing.ClearSheetDrawingTransformerOperation.id,
-			params: [unitId]
-		});
-		undos.push({
-			id: _univerjs_sheets_drawing.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 = _univerjs_sheets_drawing.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 === _univerjs_sheets_drawing.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: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: redo,
-					objects,
-					type: _univerjs_sheets_drawing.DrawingApplyType.UPDATE
-				}
-			});
-			undos.push({
-				id: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: undo,
-					objects,
-					type: _univerjs_sheets_drawing.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: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: deleteRedo,
-					objects: deleteObjects,
-					type: _univerjs_sheets_drawing.DrawingApplyType.REMOVE
-				}
-			});
-			undos.push({
-				id: _univerjs_sheets_drawing.SetDrawingApplyMutation.id,
-				params: {
-					unitId,
-					subUnitId,
-					op: deleteUndo,
-					objects: deleteObjects,
-					type: _univerjs_sheets_drawing.DrawingApplyType.INSERT
-				}
-			});
-		}
-		redos.push({
-			id: _univerjs_sheets_drawing.ClearSheetDrawingTransformerOperation.id,
-			params: [unitId]
-		});
-		undos.push({
-			id: _univerjs_sheets_drawing.ClearSheetDrawingTransformerOperation.id,
-			params: [unitId]
-		});
-		return {
-			redos,
-			undos
-		};
-	}
-	_expandCol(colStartIndex, colEndIndex, options) {
-		const { sheetSkeletonParam, sheetTransform, transform, anchorType = _univerjs_sheets_drawing.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 === _univerjs_sheets_drawing.SheetDrawingAnchorType.None) return {
-			newSheetTransform: (0, _univerjs_sheets_drawing.transformToDrawingPosition)({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)({ ...transform }, skeleton)
-		};
-		let newSheetTransform = null;
-		let newTransform = null;
-		let axisAlignSheetTransform = null;
-		if (fromColumn >= colStartIndex) {
-			const selectionCell = (0, _univerjs_sheets.attachRangeWithCoord)(skeleton, {
-				startColumn: colStartIndex,
-				endColumn: colEndIndex,
-				startRow: from.row,
-				endRow: to.row
-			});
-			newTransform = {
-				...transform,
-				left: (transform.left || 0) + selectionCell.endX - selectionCell.startX
-			};
-			newSheetTransform = (0, _univerjs_sheets_drawing.transformToDrawingPosition)(newTransform, skeleton);
-			axisAlignSheetTransform = (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)(newTransform, skeleton);
-		} else if (toColumn >= colEndIndex) if (anchorType === _univerjs_sheets_drawing.SheetDrawingAnchorType.Both) {
-			newSheetTransform = {
-				from: { ...from },
-				to: {
-					...to,
-					column: toColumn + colCount
-				}
-			};
-			newTransform = (0, _univerjs_sheets_drawing.drawingPositionToTransform)(newSheetTransform, sheetSkeletonParam);
-		} else return {
-			newSheetTransform: (0, _univerjs_sheets_drawing.transformToDrawingPosition)({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)({ ...transform }, skeleton)
-		};
-		if (newSheetTransform && newTransform) return {
-			newSheetTransform,
-			newTransform,
-			axisAlignSheetTransform
-		};
-		return null;
-	}
-	_shrinkCol(colStartIndex, colEndIndex, options) {
-		const { sheetSkeletonParam, sheetTransform, transform, anchorType = _univerjs_sheets_drawing.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 === _univerjs_sheets_drawing.SheetDrawingAnchorType.None) return {
-			newSheetTransform: (0, _univerjs_sheets_drawing.transformToDrawingPosition)({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: (0, _univerjs_sheets_drawing.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 = (0, _univerjs_sheets_drawing.drawingPositionToTransform)(newSheetTransform, sheetSkeletonParam);
-		} else if (fromColumn >= colStartIndex && toColumn <= colEndIndex) return null;
-		else if (fromColumn < colStartIndex && toColumn > colEndIndex) if (anchorType === _univerjs_sheets_drawing.SheetDrawingAnchorType.Both) {
-			newSheetTransform = {
-				from: { ...from },
-				to: {
-					...to,
-					column: toColumn - colCount
-				}
-			};
-			newTransform = (0, _univerjs_sheets_drawing.drawingPositionToTransform)(newSheetTransform, sheetSkeletonParam);
-		} else return {
-			newSheetTransform: (0, _univerjs_sheets_drawing.transformToDrawingPosition)({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)({ ...transform }, skeleton)
-		};
-		else if (fromColumn >= colStartIndex && fromColumn <= colEndIndex) {
-			if (fromColumn === colStartIndex) newTransform = {
-				...transform,
-				left: (transform.left || 0) - sheetTransform.from.columnOffset
-			};
-			else {
-				const selectionCell = (0, _univerjs_sheets.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 = (0, _univerjs_sheets_drawing.transformToDrawingPosition)(newTransform, skeleton);
-			axisAlignSheetTransform = (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)(newTransform, skeleton);
-		} else if (toColumn >= colStartIndex && toColumn <= colEndIndex && anchorType === _univerjs_sheets_drawing.SheetDrawingAnchorType.Both) {
-			const selectionCell = (0, _univerjs_sheets.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 = (0, _univerjs_sheets_drawing.drawingPositionToTransform)(newSheetTransform, sheetSkeletonParam);
-		}
-		if (newSheetTransform && newTransform) return {
-			newSheetTransform,
-			newTransform,
-			axisAlignSheetTransform
-		};
-		return null;
-	}
-	_expandRow(rowStartIndex, rowEndIndex, options) {
-		const { sheetSkeletonParam, sheetTransform, transform, anchorType = _univerjs_sheets_drawing.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 === _univerjs_sheets_drawing.SheetDrawingAnchorType.None) return {
-			newSheetTransform: (0, _univerjs_sheets_drawing.transformToDrawingPosition)({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)({ ...transform }, skeleton)
-		};
-		let newSheetTransform = null;
-		let newTransform = null;
-		let axisAlignSheetTransform = null;
-		if (fromRow >= rowStartIndex) {
-			const selectionCell = (0, _univerjs_sheets.attachRangeWithCoord)(skeleton, {
-				startRow: rowStartIndex,
-				endRow: rowEndIndex,
-				startColumn: from.column,
-				endColumn: to.column
-			});
-			newTransform = {
-				...transform,
-				top: (transform.top || 0) + selectionCell.endY - selectionCell.startY
-			};
-			newSheetTransform = (0, _univerjs_sheets_drawing.transformToDrawingPosition)(newTransform, skeleton);
-			axisAlignSheetTransform = (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)(newTransform, skeleton);
-		} else if (toRow >= rowEndIndex) if (anchorType === _univerjs_sheets_drawing.SheetDrawingAnchorType.Both) {
-			newSheetTransform = {
-				from: { ...from },
-				to: {
-					...to,
-					row: toRow + rowCount
-				}
-			};
-			newTransform = (0, _univerjs_sheets_drawing.drawingPositionToTransform)(newSheetTransform, sheetSkeletonParam);
-		} else return {
-			newSheetTransform: (0, _univerjs_sheets_drawing.transformToDrawingPosition)({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)({ ...transform }, skeleton)
-		};
-		if (newSheetTransform && newTransform) return {
-			newSheetTransform,
-			newTransform,
-			axisAlignSheetTransform
-		};
-		return null;
-	}
-	_shrinkRow(rowStartIndex, rowEndIndex, options) {
-		const { sheetSkeletonParam, sheetTransform, transform, anchorType = _univerjs_sheets_drawing.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 === _univerjs_sheets_drawing.SheetDrawingAnchorType.None) return {
-			newSheetTransform: (0, _univerjs_sheets_drawing.transformToDrawingPosition)({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: (0, _univerjs_sheets_drawing.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 = (0, _univerjs_sheets_drawing.drawingPositionToTransform)(newSheetTransform, sheetSkeletonParam);
-		} else if (fromRow >= rowStartIndex && toRow <= rowEndIndex) return null;
-		else if (fromRow < rowStartIndex && toRow > rowEndIndex) if (anchorType === _univerjs_sheets_drawing.SheetDrawingAnchorType.Both) {
-			newSheetTransform = {
-				from: { ...from },
-				to: {
-					...to,
-					row: toRow - rowCount
-				}
-			};
-			newTransform = (0, _univerjs_sheets_drawing.drawingPositionToTransform)(newSheetTransform, sheetSkeletonParam);
-		} else return {
-			newSheetTransform: (0, _univerjs_sheets_drawing.transformToDrawingPosition)({ ...transform }, skeleton),
-			newTransform: transform,
-			axisAlignSheetTransform: (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)({ ...transform }, skeleton)
-		};
-		else if (fromRow >= rowStartIndex && fromRow <= rowEndIndex) {
-			if (fromRow === rowStartIndex) newTransform = {
-				...transform,
-				top: (transform.top || 0) - sheetTransform.from.rowOffset
-			};
-			else {
-				const selectionCell = (0, _univerjs_sheets.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 = (0, _univerjs_sheets_drawing.transformToDrawingPosition)(newTransform, skeleton);
-			axisAlignSheetTransform = (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)(newTransform, skeleton);
-		} else if (toRow >= rowStartIndex && toRow <= rowEndIndex && anchorType === _univerjs_sheets_drawing.SheetDrawingAnchorType.Both) {
-			const selectionCell = (0, _univerjs_sheets.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 = (0, _univerjs_sheets_drawing.drawingPositionToTransform)(newSheetTransform, sheetSkeletonParam);
-		}
-		if (newSheetTransform && newTransform) return {
-			newSheetTransform,
-			newTransform,
-			axisAlignSheetTransform
-		};
-		return null;
-	}
-	_commandListener() {
-		this.disposeWithMe(this._commandService.onCommandExecuted((command) => {
-			if (command.id === _univerjs_sheets.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 = (0, _univerjs_sheets_drawing.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 = (0, _univerjs_sheets.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 = _univerjs_sheets_drawing.SheetDrawingAnchorType.Position } = drawing;
-			if (anchorType === _univerjs_sheets_drawing.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 (_univerjs_core.Rectangle.intersects({
-					startRow,
-					endRow,
-					startColumn,
-					endColumn
-				}, {
-					startRow: fromRow,
-					endRow: toRow,
-					startColumn: fromColumn,
-					endColumn: toColumn
-				}) || fromRow > endRow || fromColumn > endColumn) {
-					const isPositionAnchor = anchorType === _univerjs_sheets_drawing.SheetDrawingAnchorType.Position;
-					const newTransform = (0, _univerjs_sheets_drawing.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(_univerjs_sheets_drawing.ClearSheetDrawingTransformerOperation.id, [unitId]);
-	}
-};
-SheetDrawingTransformAffectedController = __decorate([
-	__decorateParam(1, _univerjs_core.ICommandService),
-	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetSkeletonService)),
-	__decorateParam(3, _univerjs_sheets_ui.ISheetSelectionRenderService),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetInterceptorService)),
-	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService)),
-	__decorateParam(6, _univerjs_sheets_drawing.ISheetDrawingService),
-	__decorateParam(7, _univerjs_drawing.IDrawingManagerService),
-	__decorateParam(8, _univerjs_core.IUniverInstanceService)
-], SheetDrawingTransformAffectedController);
-
 //#endregion
 //#region src/commands/commands/flip-drawings.command.ts
 /**
@@ -6497,7 +5115,7 @@ const FlipSheetDrawingCommand = {
 	}
 };
 function getSceneByDrawingSearch(accessor, unitId) {
-	const render = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderById(unitId);
+	const render = accessor.get(_univerjs_engine_render.IRenderManagerService).getRenderUnitById(unitId);
 	if (!render) return null;
 	return render.scene;
 }
@@ -6686,7 +5304,7 @@ let DrawingPopupMenuController = class DrawingPopupMenuController extends _unive
 	}
 	_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;
@@ -6850,7 +5468,7 @@ let SheetDrawingHitTestService = class SheetDrawingHitTestService extends _unive
 	}
 	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);
 	}
@@ -6874,7 +5492,7 @@ let SheetDrawingHitTestService = class SheetDrawingHitTestService extends _unive
 			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();
@@ -6992,7 +5610,7 @@ let UniverSheetsDrawingUIPlugin = class UniverSheetsDrawingUIPlugin extends _uni
 	_registerRenderModules() {
 		[
 			[SheetDrawingUpdateController],
-			[SheetDrawingTransformAffectedController],
+			[SheetDrawingActiveRenderController],
 			[SheetsDrawingRenderController],
 			[SheetCellImageHoverRenderController]
 		].forEach((m) => {
@@ -7005,7 +5623,7 @@ _defineProperty(UniverSheetsDrawingUIPlugin, "pluginName", "SHEET_IMAGE_UI_PLUGI
 _defineProperty(UniverSheetsDrawingUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsDrawingUIPlugin, "version", version);
 UniverSheetsDrawingUIPlugin = __decorate([
-	(0, _univerjs_core.DependentOn)(_univerjs_drawing.UniverDrawingPlugin, _univerjs_docs_drawing.UniverDocsDrawingPlugin, _univerjs_drawing_ui.UniverDrawingUIPlugin, _univerjs_sheets_drawing.UniverSheetsDrawingPlugin),
+	(0, _univerjs_core.DependentOn)(_univerjs_drawing.UniverDrawingPlugin, _univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_docs_drawing.UniverDocsDrawingPlugin, _univerjs_sheets.UniverSheetsPlugin, _univerjs_ui.UniverUIPlugin, _univerjs_sheets_drawing.UniverSheetsDrawingPlugin, _univerjs_drawing_ui.UniverDrawingUIPlugin, _univerjs_sheets_ui.UniverSheetsUIPlugin),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(2, _univerjs_engine_render.IRenderManagerService),
 	__decorateParam(3, _univerjs_core.IConfigService)