@univerjs/sheets-drawing 0.20.1 → 0.21.0

package/lib/index.js

@@ -1 +1,678 @@
-import{CopySheetCommand as e,RemoveSheetCommand as t,SheetInterceptorService as n,convertPositionSheetOverGridToAbsolute as r}from"@univerjs/sheets";import{ArrangeTypeEnum as i,CommandType as a,DependentOn as o,Disposable as s,DrawingTypeEnum as c,ICommandService as l,IConfigService as u,IResourceManagerService as d,IUndoRedoService as f,IUniverInstanceService as p,Inject as m,Injector as h,Plugin as g,UniverInstanceType as _,createIdentifier as v,generateRandomId as y,merge as b,sequenceExecute as x}from"@univerjs/core";import{IDrawingManagerService as S,UnitDrawingService as C,UniverDrawingPlugin as w}from"@univerjs/drawing";import{IRenderManagerService as T}from"@univerjs/engine-render";function E(e,t){if(!t)return;let{unitId:n,sheetId:i,skeleton:a}=t,{from:o,to:s,flipY:c=!1,flipX:l=!1,angle:u=0,skewX:d=0,skewY:f=0}=e,{left:p,top:m,width:h,height:g}=r(n,i,{from:o,to:s},a),_=a.rowHeaderWidth+a.columnTotalWidth,v=a.columnHeaderHeight+a.rowTotalHeight;return p+h>_&&(p=_-h),m+g>v&&(m=v-g),{flipY:c,flipX:l,angle:u,skewX:d,skewY:f,left:p,top:m,width:h,height:g}}function D(e,t){let{left:n=0,top:r=0,width:i=0,height:a=0,flipY:o=!1,flipX:s=!1,angle:c=0,skewX:l=0,skewY:u=0}=e;return{flipY:o,flipX:s,angle:c,skewX:l,skewY:u,from:t.getCellIndexAndOffsetByPosition(n,r),to:t.getCellIndexAndOffsetByPosition(n+i,r+a)}}function O(e,t){let{left:n=0,top:r=0,width:i=0,height:a=0,angle:o=0}=e,s=(o%360+360)%360;return D(s>=45&&s<135||s>=225&&s<315?{...e,left:n+i/2-a/2,top:r+a/2-i/2,width:a,height:i}:e,t)}let k=function(e){return e.Position=`0`,e.Both=`1`,e.None=`2`,e}({});var A=class extends C{};const j=v(`sheets-drawing.sheet-drawing.service`);let M=function(e){return e[e.INSERT=0]=`INSERT`,e[e.REMOVE=1]=`REMOVE`,e[e.UPDATE=2]=`UPDATE`,e[e.ARRANGE=3]=`ARRANGE`,e[e.GROUP=4]=`GROUP`,e[e.UNGROUP=5]=`UNGROUP`,e}({});const N={id:`sheet.mutation.set-drawing-apply`,type:a.MUTATION,handler:(e,t)=>{let n=e.get(S),r=e.get(j),{op:i,unitId:a,subUnitId:o,type:s,objects:c}=t;switch(n.applyJson1(a,o,i),r.applyJson1(a,o,i),s){case M.INSERT:n.addNotification(c),r.addNotification(c);break;case M.REMOVE:n.removeNotification(c),r.removeNotification(c);break;case M.UPDATE:n.updateNotification(c),r.updateNotification(c);break;case M.ARRANGE:n.orderNotification(c),r.orderNotification(c);break;case M.GROUP:n.groupUpdateNotification(c),r.groupUpdateNotification(c);break;case M.UNGROUP:n.ungroupUpdateNotification(c),r.ungroupUpdateNotification(c);break}return!0}},P={id:`sheet.operation.clear-drawing-transformer`,type:a.MUTATION,handler:(e,t)=>{let n=e.get(T);return t.forEach(e=>{var t;(t=n.getRenderById(e))==null||(t=t.scene.getTransformer())==null||t.debounceRefreshControls()}),!0}},F={id:`sheet.command.insert-sheet-image`,type:a.COMMAND,handler:(e,t)=>{var r,i;if(!t)return!1;let a=e.get(l),o=e.get(f),s=e.get(j),c=e.get(n),u=t.drawings,{unitId:d,subUnitId:p,undo:m,redo:h,objects:g}=s.getBatchAddOp(u),_=c.onCommandExecute({id:F.id,params:t}),v=[...(r=_.preRedos)==null?[]:r,{id:N.id,params:{unitId:d,subUnitId:p,op:h,objects:g,type:M.INSERT}},{id:P.id,params:[d]},..._.redos],y=[...(i=_.preUndos)==null?[]:i,{id:N.id,params:{unitId:d,subUnitId:p,op:m,objects:g,type:M.REMOVE}},{id:P.id,params:[d]},..._.undos];return x(v,a)?(o.pushUndoRedo({unitID:d,undoMutations:y,redoMutations:v}),!0):!1}},I={id:`sheet.command.remove-sheet-image`,type:a.COMMAND,handler:(e,t)=>{var r,i;if(!t)return!1;let a=e.get(l),o=e.get(f),s=e.get(n),c=e.get(j),{drawings:u}=t,{unitId:d,subUnitId:p,undo:m,redo:h,objects:g}=c.getBatchRemoveOp(u),_=s.onCommandExecute({id:I.id,params:t}),v=[...(r=_.preRedos)==null?[]:r,{id:N.id,params:{unitId:d,subUnitId:p,op:h,objects:g,type:M.REMOVE}},{id:P.id,params:[d]},..._.redos],y=[...(i=_.preUndos)==null?[]:i,{id:N.id,params:{unitId:d,subUnitId:p,op:m,objects:g,type:M.INSERT}},{id:P.id,params:[d]},..._.undos];return x(v,a)?(o.pushUndoRedo({unitID:d,undoMutations:y,redoMutations:v}),!0):!1}},L={id:`sheet.command.set-drawing-arrange`,type:a.COMMAND,handler:(e,t)=>{let n=e.get(l),r=e.get(f);if(!t)return!1;let a=e.get(j),{unitId:o,subUnitId:s,drawingIds:c,arrangeType:u}=t,d={unitId:o,subUnitId:s,drawingIds:c},p;if(u===i.forward?p=a.getForwardDrawingsOp(d):u===i.backward?p=a.getBackwardDrawingOp(d):u===i.front?p=a.getFrontDrawingsOp(d):u===i.back&&(p=a.getBackDrawingsOp(d)),p==null)return!1;let{objects:m,redo:h,undo:g}=p;return n.syncExecuteCommand(N.id,{op:h,unitId:o,subUnitId:s,objects:m,type:M.ARRANGE})?(r.pushUndoRedo({unitID:o,undoMutations:[{id:N.id,params:{op:g,unitId:o,subUnitId:s,objects:m,type:M.ARRANGE}}],redoMutations:[{id:N.id,params:{op:h,unitId:o,subUnitId:s,objects:m,type:M.ARRANGE}}]}),!0):!1}},R={id:`sheet.command.set-sheet-image`,type:a.COMMAND,handler:(e,t)=>{var r,i;if(!t)return!1;let a=e.get(l),o=e.get(f),s=e.get(j),c=e.get(n),{drawings:u}=t,{unitId:d,subUnitId:p,undo:m,redo:h,objects:g}=s.getBatchUpdateOp(u),_=c.onCommandExecute({id:R.id,params:t}),v=[...(r=_.preRedos)==null?[]:r,{id:N.id,params:{unitId:d,subUnitId:p,op:h,objects:g,type:M.UPDATE}},{id:P.id,params:[d]},..._.redos],y=[...(i=_.preUndos)==null?[]:i,{id:N.id,params:{unitId:d,subUnitId:p,op:m,objects:g,type:M.UPDATE}},{id:P.id,params:[d]},..._.undos];return x(v,a)?(o.pushUndoRedo({unitID:d,undoMutations:y,redoMutations:v}),!0):!1}};function z(e,t){return function(n,r){t(n,r,e)}}function B(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}const V=`SHEET_DRAWING_PLUGIN`;let H=class extends s{constructor(e,t,n,r,i,a){super(),this._sheetInterceptorService=e,this._univerInstanceService=t,this._commandService=n,this._sheetDrawingService=r,this._drawingManagerService=i,this._resourceManagerService=a,this._initCommands(),this._initSnapshot(),this._initSheetChange(),this.disposeWithMe(this._commandService.registerCommand(N))}_initCommands(){[R,F,I,L,P].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initSnapshot(){let e=(e,t)=>{let n=t||this._sheetDrawingService.getDrawingDataForUnit(e);return n?JSON.stringify(n):``},t=e=>{if(!e)return{};try{return JSON.parse(e)}catch{return{}}};this.disposeWithMe(this._resourceManagerService.registerPluginResource({pluginName:V,businesses:[_.UNIVER_SHEET],toJson:(t,n)=>e(t,n),parseJson:e=>t(e),onUnLoad:e=>{this._sheetDrawingService.removeDrawingDataForUnit(e),this._drawingManagerService.removeDrawingDataForUnit(e)},onLoad:(e,t)=>{this._sheetDrawingService.registerDrawingData(e,t),this._drawingManagerService.registerDrawingData(e,t)}}))}_initSheetChange(){this.disposeWithMe(this._sheetInterceptorService.interceptCommand({getMutations:n=>{if(n.id===t.id){var r;let e=n.params,t=e.unitId||this._univerInstanceService.getCurrentUnitOfType(_.UNIVER_SHEET).getUnitId(),i=e.subUnitId||((r=this._univerInstanceService.getCurrentUnitOfType(_.UNIVER_SHEET).getActiveSheet())==null?void 0:r.getSheetId());if(!t||!i)return{redos:[],undos:[]};let a=this._sheetDrawingService.getDrawingData(t,i),o=Object.values(a).filter(e=>e.drawingType!==c.DRAWING_CHART);if(o.length===0)return{redos:[],undos:[]};let{unitId:s,subUnitId:l,undo:u,redo:d,objects:f}=this._sheetDrawingService.getBatchRemoveOp(o);return{redos:[{id:N.id,params:{op:d,unitId:s,subUnitId:l,objects:f,type:M.REMOVE}}],undos:[{id:N.id,params:{op:u,unitId:s,subUnitId:l,objects:f,type:M.INSERT}}]}}else if(n.id===e.id){let{unitId:e,subUnitId:t,targetSubUnitId:r}=n.params;if(!e||!t||!r)return{redos:[],undos:[]};let i=this._sheetDrawingService.getDrawingData(e,t),a=Object.values(i).filter(e=>e.drawingType!==c.DRAWING_CHART).map(e=>({...e,subUnitId:r,drawingId:y(6)}));if(a.length===0)return{redos:[],undos:[]};let{unitId:o,subUnitId:s,undo:l,redo:u,objects:d}=this._sheetDrawingService.getBatchAddOp(a);return{redos:[{id:N.id,params:{op:u,unitId:o,subUnitId:s,objects:d,type:M.INSERT}}],undos:[{id:N.id,params:{op:l,unitId:o,subUnitId:s,objects:d,type:M.REMOVE}}]}}return{redos:[],undos:[]}}}))}};H=B([z(0,m(n)),z(1,m(p)),z(2,l),z(3,j),z(4,S),z(5,d)],H);var U=`@univerjs/sheets-drawing`,W=`0.20.1`;const G=`sheets-drawing.config`;Symbol(G);const K={};function q(e){"@babel/helpers - typeof";return q=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},q(e)}function J(e,t){if(q(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(q(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Y(e){var t=J(e,`string`);return q(t)==`symbol`?t:t+``}function X(e,t,n){return(t=Y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}let Z=class extends g{constructor(e=K,t,n){super(),this._config=e,this._injector=t,this._configService=n;let{...r}=b({},K,this._config);this._configService.setConfig(G,r)}onStarting(){[[H],[j,{useClass:A}]].forEach(e=>this._injector.add(e)),this._injector.get(H)}};X(Z,`pluginName`,V),X(Z,`packageName`,U),X(Z,`version`,W),X(Z,`type`,_.UNIVER_SHEET),Z=B([o(w),z(1,m(h)),z(2,u)],Z);export{P as ClearSheetDrawingTransformerOperation,M as DrawingApplyType,j as ISheetDrawingService,F as InsertSheetDrawingCommand,I as RemoveSheetDrawingCommand,V as SHEET_DRAWING_PLUGIN,N as SetDrawingApplyMutation,L as SetDrawingArrangeCommand,R as SetSheetDrawingCommand,k as SheetDrawingAnchorType,Z as UniverSheetsDrawingPlugin,E as drawingPositionToTransform,O as transformToAxisAlignPosition,D as transformToDrawingPosition};
+import { CopySheetCommand, RemoveSheetCommand, SheetInterceptorService, convertPositionSheetOverGridToAbsolute } from "@univerjs/sheets";
+import { ArrangeTypeEnum, CommandType, DependentOn, Disposable, DrawingTypeEnum, ICommandService, IConfigService, IResourceManagerService, IUndoRedoService, IUniverInstanceService, Inject, Injector, Plugin, UniverInstanceType, createIdentifier, generateRandomId, merge, sequenceExecute } from "@univerjs/core";
+import { IDrawingManagerService, UnitDrawingService, UniverDrawingPlugin } from "@univerjs/drawing";
+import { IRenderManagerService } from "@univerjs/engine-render";
+
+//#region src/basics/transform-position.ts
+function drawingPositionToTransform(position, sheetSkeletonParam) {
+	if (!sheetSkeletonParam) return;
+	const { unitId, sheetId, skeleton } = sheetSkeletonParam;
+	const { from, to, flipY = false, flipX = false, angle = 0, skewX = 0, skewY = 0 } = position;
+	let { left, top, width, height } = convertPositionSheetOverGridToAbsolute(unitId, sheetId, {
+		from,
+		to
+	}, skeleton);
+	const sheetWidth = skeleton.rowHeaderWidth + skeleton.columnTotalWidth;
+	const sheetHeight = skeleton.columnHeaderHeight + skeleton.rowTotalHeight;
+	if (left + width > sheetWidth) left = sheetWidth - width;
+	if (top + height > sheetHeight) top = sheetHeight - height;
+	return {
+		flipY,
+		flipX,
+		angle,
+		skewX,
+		skewY,
+		left,
+		top,
+		width,
+		height
+	};
+}
+function transformToDrawingPosition(transform, skeleton) {
+	const { left = 0, top = 0, width = 0, height = 0, flipY = false, flipX = false, angle = 0, skewX = 0, skewY = 0 } = transform;
+	return {
+		flipY,
+		flipX,
+		angle,
+		skewX,
+		skewY,
+		from: skeleton.getCellIndexAndOffsetByPosition(left, top),
+		to: skeleton.getCellIndexAndOffsetByPosition(left + width, top + height)
+	};
+}
+/**
+* In excel, the basic drawing with rotate bound use major axis switch, axis-aligned bound will bu used.That means the position bound of drawing element will save as nearly axis-aligned rectangle.
+* Here is the rule to convert transform to axis-aligned position:
+* [-45°, 45°):  use the original bound
+* [45°, 135°): rotate the bound 90° clockwise,and the left, top, bottom,right will use the rotated bound.
+* [135°, 225°): use the original bound
+* [225°, 315°): rotate the bound 90° counterclockwise, and the left, top, bottom, right will use the rotated bound.
+* @return The axis-aligned position of the drawing element.
+*/
+function transformToAxisAlignPosition(transform, skeleton) {
+	const { left = 0, top = 0, width = 0, height = 0, angle = 0 } = transform;
+	const norm = (angle % 360 + 360) % 360;
+	if (!(norm >= 45 && norm < 135 || norm >= 225 && norm < 315)) return transformToDrawingPosition(transform, skeleton);
+	return transformToDrawingPosition({
+		...transform,
+		left: left + width / 2 - height / 2,
+		top: top + height / 2 - width / 2,
+		width: height,
+		height: width
+	}, skeleton);
+}
+
+//#endregion
+//#region src/services/sheet-drawing.service.ts
+let SheetDrawingAnchorType = /* @__PURE__ */ function(SheetDrawingAnchorType) {
+	/**
+	* Only the position of the drawing follows the cell changes. When rows or columns are inserted or deleted, the position of the drawing changes, but the size remains the same.
+	*/
+	SheetDrawingAnchorType["Position"] = "0";
+	/**
+	* The size and position of the drawing follow the cell changes. When rows or columns are inserted or deleted, the size and position of the drawing change accordingly.
+	*/
+	SheetDrawingAnchorType["Both"] = "1";
+	/**
+	* The size and position of the drawing do not follow the cell changes. When rows or columns are inserted or deleted, the position and size of the drawing remain unchanged.
+	*/
+	SheetDrawingAnchorType["None"] = "2";
+	return SheetDrawingAnchorType;
+}({});
+var SheetDrawingService = class extends UnitDrawingService {};
+const ISheetDrawingService = createIdentifier("sheets-drawing.sheet-drawing.service");
+
+//#endregion
+//#region src/commands/mutations/set-drawing-apply.mutation.ts
+let DrawingApplyType = /* @__PURE__ */ function(DrawingApplyType) {
+	DrawingApplyType[DrawingApplyType["INSERT"] = 0] = "INSERT";
+	DrawingApplyType[DrawingApplyType["REMOVE"] = 1] = "REMOVE";
+	DrawingApplyType[DrawingApplyType["UPDATE"] = 2] = "UPDATE";
+	DrawingApplyType[DrawingApplyType["ARRANGE"] = 3] = "ARRANGE";
+	DrawingApplyType[DrawingApplyType["GROUP"] = 4] = "GROUP";
+	DrawingApplyType[DrawingApplyType["UNGROUP"] = 5] = "UNGROUP";
+	return DrawingApplyType;
+}({});
+const SetDrawingApplyMutation = {
+	id: "sheet.mutation.set-drawing-apply",
+	type: CommandType.MUTATION,
+	handler: (accessor, params) => {
+		const drawingManagerService = accessor.get(IDrawingManagerService);
+		const sheetDrawingService = accessor.get(ISheetDrawingService);
+		const { op, unitId, subUnitId, type, objects } = params;
+		drawingManagerService.applyJson1(unitId, subUnitId, op);
+		sheetDrawingService.applyJson1(unitId, subUnitId, op);
+		switch (type) {
+			case DrawingApplyType.INSERT:
+				drawingManagerService.addNotification(objects);
+				sheetDrawingService.addNotification(objects);
+				break;
+			case DrawingApplyType.REMOVE:
+				drawingManagerService.removeNotification(objects);
+				sheetDrawingService.removeNotification(objects);
+				break;
+			case DrawingApplyType.UPDATE:
+				drawingManagerService.updateNotification(objects);
+				sheetDrawingService.updateNotification(objects);
+				break;
+			case DrawingApplyType.ARRANGE:
+				drawingManagerService.orderNotification(objects);
+				sheetDrawingService.orderNotification(objects);
+				break;
+			case DrawingApplyType.GROUP:
+				drawingManagerService.groupUpdateNotification(objects);
+				sheetDrawingService.groupUpdateNotification(objects);
+				break;
+			case DrawingApplyType.UNGROUP:
+				drawingManagerService.ungroupUpdateNotification(objects);
+				sheetDrawingService.ungroupUpdateNotification(objects);
+				break;
+		}
+		return true;
+	}
+};
+
+//#endregion
+//#region src/commands/operations/clear-drawing-transformer.operation.ts
+const ClearSheetDrawingTransformerOperation = {
+	id: "sheet.operation.clear-drawing-transformer",
+	type: CommandType.MUTATION,
+	handler: (accessor, params) => {
+		const renderManagerService = accessor.get(IRenderManagerService);
+		params.forEach((unitId) => {
+			var _renderManagerService;
+			(_renderManagerService = renderManagerService.getRenderById(unitId)) === null || _renderManagerService === void 0 || (_renderManagerService = _renderManagerService.scene.getTransformer()) === null || _renderManagerService === void 0 || _renderManagerService.debounceRefreshControls();
+		});
+		return true;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/insert-sheet-drawing.command.ts
+const InsertSheetDrawingCommand = {
+	id: "sheet.command.insert-sheet-image",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _intercepted$preRedos, _intercepted$preUndos;
+		if (!params) return false;
+		const commandService = accessor.get(ICommandService);
+		const undoRedoService = accessor.get(IUndoRedoService);
+		const sheetDrawingService = accessor.get(ISheetDrawingService);
+		const sheetInterceptorService = accessor.get(SheetInterceptorService);
+		const drawings = params.drawings;
+		const { unitId, subUnitId, undo, redo, objects } = sheetDrawingService.getBatchAddOp(drawings);
+		const intercepted = sheetInterceptorService.onCommandExecute({
+			id: InsertSheetDrawingCommand.id,
+			params
+		});
+		const redoMutations = [
+			...(_intercepted$preRedos = intercepted.preRedos) !== null && _intercepted$preRedos !== void 0 ? _intercepted$preRedos : [],
+			{
+				id: SetDrawingApplyMutation.id,
+				params: {
+					unitId,
+					subUnitId,
+					op: redo,
+					objects,
+					type: DrawingApplyType.INSERT
+				}
+			},
+			{
+				id: ClearSheetDrawingTransformerOperation.id,
+				params: [unitId]
+			},
+			...intercepted.redos
+		];
+		const undoMutations = [
+			...(_intercepted$preUndos = intercepted.preUndos) !== null && _intercepted$preUndos !== void 0 ? _intercepted$preUndos : [],
+			{
+				id: SetDrawingApplyMutation.id,
+				params: {
+					unitId,
+					subUnitId,
+					op: undo,
+					objects,
+					type: DrawingApplyType.REMOVE
+				}
+			},
+			{
+				id: ClearSheetDrawingTransformerOperation.id,
+				params: [unitId]
+			},
+			...intercepted.undos
+		];
+		if (sequenceExecute(redoMutations, commandService)) {
+			undoRedoService.pushUndoRedo({
+				unitID: unitId,
+				undoMutations,
+				redoMutations
+			});
+			return true;
+		}
+		return false;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/remove-sheet-drawing.command.ts
+const RemoveSheetDrawingCommand = {
+	id: "sheet.command.remove-sheet-image",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _intercepted$preRedos, _intercepted$preUndos;
+		if (!params) return false;
+		const commandService = accessor.get(ICommandService);
+		const undoRedoService = accessor.get(IUndoRedoService);
+		const sheetInterceptorService = accessor.get(SheetInterceptorService);
+		const sheetDrawingService = accessor.get(ISheetDrawingService);
+		const { drawings } = params;
+		const { unitId, subUnitId, undo, redo, objects } = sheetDrawingService.getBatchRemoveOp(drawings);
+		const intercepted = sheetInterceptorService.onCommandExecute({
+			id: RemoveSheetDrawingCommand.id,
+			params
+		});
+		const redoMutations = [
+			...(_intercepted$preRedos = intercepted.preRedos) !== null && _intercepted$preRedos !== void 0 ? _intercepted$preRedos : [],
+			{
+				id: SetDrawingApplyMutation.id,
+				params: {
+					unitId,
+					subUnitId,
+					op: redo,
+					objects,
+					type: DrawingApplyType.REMOVE
+				}
+			},
+			{
+				id: ClearSheetDrawingTransformerOperation.id,
+				params: [unitId]
+			},
+			...intercepted.redos
+		];
+		const undoMutations = [
+			...(_intercepted$preUndos = intercepted.preUndos) !== null && _intercepted$preUndos !== void 0 ? _intercepted$preUndos : [],
+			{
+				id: SetDrawingApplyMutation.id,
+				params: {
+					unitId,
+					subUnitId,
+					op: undo,
+					objects,
+					type: DrawingApplyType.INSERT
+				}
+			},
+			{
+				id: ClearSheetDrawingTransformerOperation.id,
+				params: [unitId]
+			},
+			...intercepted.undos
+		];
+		if (sequenceExecute(redoMutations, commandService)) {
+			undoRedoService.pushUndoRedo({
+				unitID: unitId,
+				undoMutations,
+				redoMutations
+			});
+			return true;
+		}
+		return false;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/set-drawing-arrange.command.ts
+const SetDrawingArrangeCommand = {
+	id: "sheet.command.set-drawing-arrange",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		const commandService = accessor.get(ICommandService);
+		const undoRedoService = accessor.get(IUndoRedoService);
+		if (!params) return false;
+		const sheetDrawingService = accessor.get(ISheetDrawingService);
+		const { unitId, subUnitId, drawingIds, arrangeType } = params;
+		const drawingOrderMapParam = {
+			unitId,
+			subUnitId,
+			drawingIds
+		};
+		let jsonOp;
+		if (arrangeType === ArrangeTypeEnum.forward) jsonOp = sheetDrawingService.getForwardDrawingsOp(drawingOrderMapParam);
+		else if (arrangeType === ArrangeTypeEnum.backward) jsonOp = sheetDrawingService.getBackwardDrawingOp(drawingOrderMapParam);
+		else if (arrangeType === ArrangeTypeEnum.front) jsonOp = sheetDrawingService.getFrontDrawingsOp(drawingOrderMapParam);
+		else if (arrangeType === ArrangeTypeEnum.back) jsonOp = sheetDrawingService.getBackDrawingsOp(drawingOrderMapParam);
+		if (jsonOp == null) return false;
+		const { objects, redo, undo } = jsonOp;
+		if (commandService.syncExecuteCommand(SetDrawingApplyMutation.id, {
+			op: redo,
+			unitId,
+			subUnitId,
+			objects,
+			type: DrawingApplyType.ARRANGE
+		})) {
+			undoRedoService.pushUndoRedo({
+				unitID: unitId,
+				undoMutations: [{
+					id: SetDrawingApplyMutation.id,
+					params: {
+						op: undo,
+						unitId,
+						subUnitId,
+						objects,
+						type: DrawingApplyType.ARRANGE
+					}
+				}],
+				redoMutations: [{
+					id: SetDrawingApplyMutation.id,
+					params: {
+						op: redo,
+						unitId,
+						subUnitId,
+						objects,
+						type: DrawingApplyType.ARRANGE
+					}
+				}]
+			});
+			return true;
+		}
+		return false;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/set-sheet-drawing.command.ts
+const SetSheetDrawingCommand = {
+	id: "sheet.command.set-sheet-image",
+	type: CommandType.COMMAND,
+	handler: (accessor, params) => {
+		var _intercepted$preRedos, _intercepted$preUndos;
+		if (!params) return false;
+		const commandService = accessor.get(ICommandService);
+		const undoRedoService = accessor.get(IUndoRedoService);
+		const sheetDrawingService = accessor.get(ISheetDrawingService);
+		const sheetInterceptorService = accessor.get(SheetInterceptorService);
+		const { drawings } = params;
+		const { unitId, subUnitId, undo, redo, objects } = sheetDrawingService.getBatchUpdateOp(drawings);
+		const intercepted = sheetInterceptorService.onCommandExecute({
+			id: SetSheetDrawingCommand.id,
+			params
+		});
+		const redoMutations = [
+			...(_intercepted$preRedos = intercepted.preRedos) !== null && _intercepted$preRedos !== void 0 ? _intercepted$preRedos : [],
+			{
+				id: SetDrawingApplyMutation.id,
+				params: {
+					unitId,
+					subUnitId,
+					op: redo,
+					objects,
+					type: DrawingApplyType.UPDATE
+				}
+			},
+			{
+				id: ClearSheetDrawingTransformerOperation.id,
+				params: [unitId]
+			},
+			...intercepted.redos
+		];
+		const undoMutations = [
+			...(_intercepted$preUndos = intercepted.preUndos) !== null && _intercepted$preUndos !== void 0 ? _intercepted$preUndos : [],
+			{
+				id: SetDrawingApplyMutation.id,
+				params: {
+					unitId,
+					subUnitId,
+					op: undo,
+					objects,
+					type: DrawingApplyType.UPDATE
+				}
+			},
+			{
+				id: ClearSheetDrawingTransformerOperation.id,
+				params: [unitId]
+			},
+			...intercepted.undos
+		];
+		if (sequenceExecute(redoMutations, commandService)) {
+			undoRedoService.pushUndoRedo({
+				unitID: unitId,
+				undoMutations,
+				redoMutations
+			});
+			return true;
+		}
+		return false;
+	}
+};
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/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);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/controllers/sheet-drawing.controller.ts
+const SHEET_DRAWING_PLUGIN = "SHEET_DRAWING_PLUGIN";
+let SheetsDrawingLoadController = class SheetsDrawingLoadController extends Disposable {
+	constructor(_sheetInterceptorService, _univerInstanceService, _commandService, _sheetDrawingService, _drawingManagerService, _resourceManagerService) {
+		super();
+		this._sheetInterceptorService = _sheetInterceptorService;
+		this._univerInstanceService = _univerInstanceService;
+		this._commandService = _commandService;
+		this._sheetDrawingService = _sheetDrawingService;
+		this._drawingManagerService = _drawingManagerService;
+		this._resourceManagerService = _resourceManagerService;
+		this._initCommands();
+		this._initSnapshot();
+		this._initSheetChange();
+		this.disposeWithMe(this._commandService.registerCommand(SetDrawingApplyMutation));
+	}
+	_initCommands() {
+		[
+			SetSheetDrawingCommand,
+			InsertSheetDrawingCommand,
+			RemoveSheetDrawingCommand,
+			SetDrawingArrangeCommand,
+			ClearSheetDrawingTransformerOperation
+		].forEach((command) => this.disposeWithMe(this._commandService.registerCommand(command)));
+	}
+	_initSnapshot() {
+		const toJson = (unitId, model) => {
+			const map = model || this._sheetDrawingService.getDrawingDataForUnit(unitId);
+			if (map) return JSON.stringify(map);
+			return "";
+		};
+		const parseJson = (json) => {
+			if (!json) return {};
+			try {
+				return JSON.parse(json);
+			} catch {
+				return {};
+			}
+		};
+		this.disposeWithMe(this._resourceManagerService.registerPluginResource({
+			pluginName: SHEET_DRAWING_PLUGIN,
+			businesses: [UniverInstanceType.UNIVER_SHEET],
+			toJson: (unitId, model) => toJson(unitId, model),
+			parseJson: (json) => parseJson(json),
+			onUnLoad: (unitId) => {
+				this._sheetDrawingService.removeDrawingDataForUnit(unitId);
+				this._drawingManagerService.removeDrawingDataForUnit(unitId);
+			},
+			onLoad: (unitId, value) => {
+				this._sheetDrawingService.registerDrawingData(unitId, value);
+				this._drawingManagerService.registerDrawingData(unitId, value);
+			}
+		}));
+	}
+	_initSheetChange() {
+		this.disposeWithMe(this._sheetInterceptorService.interceptCommand({ getMutations: (commandInfo) => {
+			if (commandInfo.id === RemoveSheetCommand.id) {
+				var _getActiveSheet;
+				const params = commandInfo.params;
+				const unitId = params.unitId || this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET).getUnitId();
+				const subUnitId = params.subUnitId || ((_getActiveSheet = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) === null || _getActiveSheet === void 0 ? void 0 : _getActiveSheet.getSheetId());
+				if (!unitId || !subUnitId) return {
+					redos: [],
+					undos: []
+				};
+				const drawingData = this._sheetDrawingService.getDrawingData(unitId, subUnitId);
+				const drawings = Object.values(drawingData).filter((drawing) => {
+					if (drawing.drawingType === DrawingTypeEnum.DRAWING_CHART) return false;
+					return true;
+				});
+				if (drawings.length === 0) return {
+					redos: [],
+					undos: []
+				};
+				const { unitId: jsonOpUnitId, subUnitId: jsonOpSubUnitId, undo, redo, objects } = this._sheetDrawingService.getBatchRemoveOp(drawings);
+				return {
+					redos: [{
+						id: SetDrawingApplyMutation.id,
+						params: {
+							op: redo,
+							unitId: jsonOpUnitId,
+							subUnitId: jsonOpSubUnitId,
+							objects,
+							type: DrawingApplyType.REMOVE
+						}
+					}],
+					undos: [{
+						id: SetDrawingApplyMutation.id,
+						params: {
+							op: undo,
+							unitId: jsonOpUnitId,
+							subUnitId: jsonOpSubUnitId,
+							objects,
+							type: DrawingApplyType.INSERT
+						}
+					}]
+				};
+			} else if (commandInfo.id === CopySheetCommand.id) {
+				const { unitId, subUnitId, targetSubUnitId } = commandInfo.params;
+				if (!unitId || !subUnitId || !targetSubUnitId) return {
+					redos: [],
+					undos: []
+				};
+				const drawingData = this._sheetDrawingService.getDrawingData(unitId, subUnitId);
+				const drawings = Object.values(drawingData).filter((drawing) => {
+					if (drawing.drawingType === DrawingTypeEnum.DRAWING_CHART) return false;
+					return true;
+				}).map((drawing) => {
+					return {
+						...drawing,
+						subUnitId: targetSubUnitId,
+						drawingId: generateRandomId(6)
+					};
+				});
+				if (drawings.length === 0) return {
+					redos: [],
+					undos: []
+				};
+				const { unitId: jsonOpUnitId, subUnitId: jsonOpSubUnitId, undo, redo, objects } = this._sheetDrawingService.getBatchAddOp(drawings);
+				return {
+					redos: [{
+						id: SetDrawingApplyMutation.id,
+						params: {
+							op: redo,
+							unitId: jsonOpUnitId,
+							subUnitId: jsonOpSubUnitId,
+							objects,
+							type: DrawingApplyType.INSERT
+						}
+					}],
+					undos: [{
+						id: SetDrawingApplyMutation.id,
+						params: {
+							op: undo,
+							unitId: jsonOpUnitId,
+							subUnitId: jsonOpSubUnitId,
+							objects,
+							type: DrawingApplyType.REMOVE
+						}
+					}]
+				};
+			}
+			return {
+				redos: [],
+				undos: []
+			};
+		} }));
+	}
+};
+SheetsDrawingLoadController = __decorate([
+	__decorateParam(0, Inject(SheetInterceptorService)),
+	__decorateParam(1, Inject(IUniverInstanceService)),
+	__decorateParam(2, ICommandService),
+	__decorateParam(3, ISheetDrawingService),
+	__decorateParam(4, IDrawingManagerService),
+	__decorateParam(5, IResourceManagerService)
+], SheetsDrawingLoadController);
+
+//#endregion
+//#region package.json
+var name = "@univerjs/sheets-drawing";
+var version = "0.21.0";
+
+//#endregion
+//#region src/config/config.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const SHEETS_DRAWING_PLUGIN_CONFIG_KEY = "sheets-drawing.config";
+const configSymbol = Symbol(SHEETS_DRAWING_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsDrawingPlugin = class UniverSheetsDrawingPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		const { ...rest } = merge({}, defaultPluginConfig, this._config);
+		this._configService.setConfig(SHEETS_DRAWING_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		[[SheetsDrawingLoadController], [ISheetDrawingService, { useClass: SheetDrawingService }]].forEach((dependency) => this._injector.add(dependency));
+		this._injector.get(SheetsDrawingLoadController);
+	}
+};
+_defineProperty(UniverSheetsDrawingPlugin, "pluginName", SHEET_DRAWING_PLUGIN);
+_defineProperty(UniverSheetsDrawingPlugin, "packageName", name);
+_defineProperty(UniverSheetsDrawingPlugin, "version", version);
+_defineProperty(UniverSheetsDrawingPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+UniverSheetsDrawingPlugin = __decorate([
+	DependentOn(UniverDrawingPlugin),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, IConfigService)
+], UniverSheetsDrawingPlugin);
+
+//#endregion
+export { ClearSheetDrawingTransformerOperation, DrawingApplyType, ISheetDrawingService, InsertSheetDrawingCommand, RemoveSheetDrawingCommand, SHEET_DRAWING_PLUGIN, SetDrawingApplyMutation, SetDrawingArrangeCommand, SetSheetDrawingCommand, SheetDrawingAnchorType, UniverSheetsDrawingPlugin, drawingPositionToTransform, transformToAxisAlignPosition, transformToDrawingPosition };