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

package/lib/index.js

@@ -1,10 +1,10 @@
-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 { 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 { COMMAND_LISTENER_SKELETON_CHANGE, IAutoFillService, INTERCEPTOR_POINT, InterceptCellContentPriority, RangeProtectionPermissionEditPoint, SetFrozenMutation, SetRangeValuesCommand, SetSelectionsOperation, SetWorksheetActiveOperation, SetWorksheetRowAutoHeightMutation, 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 { COMPONENT_IMAGE_POPUP_MENU, DrawingCommonPanel, DrawingRenderService, ImageCropperObject, ImageResetSizeOperation, OpenImageCropOperation, UniverDrawingUIPlugin, disposeDrawingRenderObject, insertGroupObject } from "@univerjs/drawing-ui";
@@ -3436,6 +3436,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 +3469,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.7";
 
 //#endregion
 //#region src/config/config.ts
@@ -4122,6 +4128,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";
@@ -4913,1469 +4999,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
 /**
@@ -6991,7 +5614,7 @@ let UniverSheetsDrawingUIPlugin = class UniverSheetsDrawingUIPlugin extends Plug
 	_registerRenderModules() {
 		[
 			[SheetDrawingUpdateController],
-			[SheetDrawingTransformAffectedController],
+			[SheetDrawingActiveRenderController],
 			[SheetsDrawingRenderController],
 			[SheetCellImageHoverRenderController]
 		].forEach((m) => {