@univerjs/sheets-drawing-ui 0.20.1 → 0.21.0

package/lib/cjs/facade.js

@@ -1 +1,463 @@
-let e=require(`@univerjs/sheets`),t=require(`@univerjs/sheets-drawing`),n=require(`@univerjs/sheets-drawing-ui`),r=require(`@univerjs/sheets-ui/facade`),i=require(`@univerjs/sheets/facade`),a=require(`@univerjs/ui`),o=require(`@univerjs/core/facade`),s=require(`@univerjs/core`),c=require(`@univerjs/drawing`),l=require(`@univerjs/engine-render`);var u=class extends i.FWorksheet{getFloatDomById(e){let r=this._injector.get(n.SheetCanvasFloatDomManagerService).getFloatDomInfo(e);if(!r)return null;let{unitId:i,subUnitId:a}=r,{rect:o}=r,{left:s=0,top:c=0,width:l=0,height:u=0,flipX:d=!1,flipY:f=!1,angle:p=0,skewX:m=0,skewY:h=0}=o.getState(),g=this._injector.get(t.ISheetDrawingService).getDrawingByParam({drawingId:r.id,unitId:i,subUnitId:a});return g?{position:{left:s,top:c,width:l,height:u,flipX:d,flipY:f,angle:p,skewX:m,skewY:h},componentKey:g.componentKey,allowTransform:g.allowTransform,data:g.data,id:r.id}:null}getAllFloatDoms(){let e=this._injector.get(n.SheetCanvasFloatDomManagerService),r=this._workbook.getUnitId(),i=this._worksheet.getSheetId();return Array.from(e.getFloatDomsBySubUnitId(r,i).values()).map(e=>{let{rect:n}=e,a=this._injector.get(t.ISheetDrawingService).getDrawingByParam({drawingId:e.id,unitId:r,subUnitId:i}),{left:o,top:s,width:c,height:l,flipX:u,flipY:d,angle:f,skewX:p,skewY:m}=n.getState();return{position:{left:o,top:s,width:c,height:l,flipX:u,flipY:d,angle:f,skewX:p,skewY:m},componentKey:a.componentKey,allowTransform:a.allowTransform,data:a.data,id:e.id}})}updateFloatDom(r,i){var a,o;let s=this._injector.get(e.SheetSkeletonService),c=this._injector.get(n.SheetCanvasFloatDomManagerService).getFloatDomInfo(r);if(!c)return this;let{unitId:l,subUnitId:u}=c,d=s.getSkeleton(l,u);if(!d)return this;let f=this._injector.get(t.ISheetDrawingService).getDrawingByParam({unitId:l,subUnitId:u,drawingId:r}),p={...f,componentKey:i.componentKey||f.componentKey,allowTransform:i.allowTransform===void 0?f.allowTransform:i.allowTransform,data:i.data||f.data,sheetTransform:i.position?(a=(0,t.transformToDrawingPosition)(i.position,d))==null?f.sheetTransform:a:f.sheetTransform,transform:{...f.transform,...i.position},axisAlignSheetTransform:i.position?(o=(0,t.transformToAxisAlignPosition)(i.position,d))==null?f.sheetTransform:o:f.sheetTransform};if(!this._commandService.syncExecuteCommand(t.SetSheetDrawingCommand.id,{unitId:l,subUnitId:u,drawings:[p]}))throw Error(`updateFloatDom failed`);return this}batchUpdateFloatDoms(r){let i=this._injector.get(n.SheetCanvasFloatDomManagerService),a=this._injector.get(t.ISheetDrawingService),o=this._injector.get(e.SheetSkeletonService),s=[];for(let e of r){var c,l;let n=i.getFloatDomInfo(e.id);if(!n)continue;let{unitId:r,subUnitId:u}=n,d=o.getSkeleton(r,u);if(!d)continue;let f=a.getDrawingByParam({unitId:r,subUnitId:u,drawingId:e.id});if(!f)continue;let p={...f,componentKey:e.config.componentKey||f.componentKey,allowTransform:e.config.allowTransform===void 0?f.allowTransform:e.config.allowTransform,data:e.config.data||f.data,sheetTransform:e.config.position?(c=(0,t.transformToDrawingPosition)(e.config.position,d))==null?f.sheetTransform:c:f.sheetTransform,transform:{...f.transform,...e.config.position},axisAlignSheetTransform:e.config.position?(l=(0,t.transformToAxisAlignPosition)(e.config.position,d))==null?f.sheetTransform:l:f.sheetTransform};s.push(p)}if(s.length>0){let e=this._workbook.getUnitId(),n=this._worksheet.getSheetId();if(!this._commandService.syncExecuteCommand(t.SetSheetDrawingCommand.id,{unitId:e,subUnitId:n,drawings:s}))throw Error(`batchUpdateFloatDoms failed`)}return this}removeFloatDom(e){let r=this._injector.get(n.SheetCanvasFloatDomManagerService).getFloatDomInfo(e);if(!r)return this;let{unitId:i,subUnitId:a}=r,o=this._injector.get(t.ISheetDrawingService).getDrawingByParam({unitId:i,subUnitId:a,drawingId:e});if(!o)return this;if(!this._commandService.syncExecuteCommand(t.RemoveSheetDrawingCommand.id,{unitId:i,drawings:[o]}))throw Error(`removeFloatDom failed`);return this}addFloatDomToPosition(e,t){let i=this._workbook.getUnitId(),o=this._worksheet.getSheetId(),{key:s,disposableCollection:c}=(0,r.transformComponentKey)(e,this._injector.get(a.ComponentManager)),l=this._injector.get(n.SheetCanvasFloatDomManagerService).addFloatDomToPosition({...e,componentKey:s,unitId:i,subUnitId:o},t);return l?(c.add(l.dispose),{id:l.id,dispose:()=>{c.dispose(),l.dispose()}}):(c.dispose(),null)}addFloatDomToRange(e,t,i,o){let s=this._workbook.getUnitId(),c=this._worksheet.getSheetId(),{key:l,disposableCollection:u}=(0,r.transformComponentKey)(t,this._injector.get(a.ComponentManager)),d=this._injector.get(n.SheetCanvasFloatDomManagerService).addFloatDomToRange(e.getRange(),{...t,componentKey:l,unitId:s,subUnitId:c},i,o);return d?(u.add(d.dispose),{id:d.id,dispose:()=>{u.dispose(),d.dispose()}}):(u.dispose(),null)}addFloatDomToColumnHeader(e,t,i,o){let s=this._workbook.getUnitId(),c=this._worksheet.getSheetId(),{key:l,disposableCollection:u}=(0,r.transformComponentKey)(t,this._injector.get(a.ComponentManager)),d=this._injector.get(n.SheetCanvasFloatDomManagerService).addFloatDomToColumnHeader(e,{...t,componentKey:l,unitId:s,subUnitId:c},i,o);return d?(u.add(d.dispose),{id:d.id,dispose:()=>{u.dispose(),d.dispose()}}):(u.dispose(),null)}async saveCellImagesAsync(e,t){var r;let i=this._injector.get(n.IBatchSaveImagesService),a=this._fWorkbook.getId(),o=this.getSheetId(),s=t?t.map(e=>e.getRange()):[this._worksheet.getCellMatrix().getDataRange()],c=i.getCellImagesFromRanges(a,o,s);if(c.length===0)return!1;if(c.length===1)try{return await i.downloadSingleImage(c[0]),!0}catch(e){return console.error(`Failed to download image:`,e),!1}let l=[],u=(r=e==null?void 0:e.useCellAddress)==null?!0:r,d=e==null?void 0:e.useColumnIndex;u&&l.push(n.FileNamePart.CELL_ADDRESS),d!==void 0&&l.push(n.FileNamePart.COLUMN_VALUE),l.length===0&&l.push(n.FileNamePart.CELL_ADDRESS);try{return await i.saveImagesWithContext(c,{fileNameParts:l,columnIndex:d},a,o),!0}catch(e){return console.error(`Failed to save images:`,e),!1}}};i.FWorksheet.extend(u);var d=class extends o.FEventName{get BeforeFloatDomAdd(){return`BeforeFloatDomAdd`}get FloatDomAdded(){return`FloatDomAdded`}get BeforeFloatDomUpdate(){return`BeforeFloatDomUpdate`}get FloatDomUpdated(){return`FloatDomUpdated`}get BeforeFloatDomDelete(){return`BeforeFloatDomDelete`}get FloatDomDeleted(){return`FloatDomDeleted`}};o.FEventName.extend(d);var f=class extends o.FUniver{_initialize(e){let n=e.get(s.ICommandService);this.disposeWithMe(this.registerEventHandler(this.Event.BeforeFloatDomAdd,()=>n.beforeCommandExecuted(e=>{if(e.id!==t.InsertSheetDrawingCommand.id)return;let n=e.params,r=this.getActiveWorkbook();if(r==null||n==null)return;let{drawings:i}=n,a=i.filter(e=>e.drawingType===s.DrawingTypeEnum.DRAWING_DOM);if(a.length===0)return;let o={workbook:r,drawings:a};if(this.fireEvent(this.Event.BeforeFloatDomAdd,o),o.cancel)throw new s.CanceledError}))),this.disposeWithMe(this.registerEventHandler(this.Event.FloatDomAdded,()=>n.onCommandExecuted(e=>{if(e.id!==t.InsertSheetDrawingCommand.id)return;let n=e.params,r=this.getActiveWorkbook();if(r==null||n==null)return;let{drawings:i}=n,a=i.filter(e=>e.drawingType===s.DrawingTypeEnum.DRAWING_DOM);if(a.length===0)return;let o={workbook:r,drawings:a};this.fireEvent(this.Event.FloatDomAdded,o)}))),this.disposeWithMe(this.registerEventHandler(this.Event.BeforeFloatDomUpdate,()=>n.beforeCommandExecuted(n=>{if(n.id!==t.SetSheetDrawingCommand.id)return;let r=n.params,i=this.getActiveWorkbook();if(i==null||r==null)return;let{drawings:a}=r,o=e.get(c.IDrawingManagerService),l=[];if(a.forEach(e=>{let t=o.getDrawingByParam(e);(t==null?void 0:t.drawingType)===s.DrawingTypeEnum.DRAWING_DOM&&l.push(t)}),l.length===0)return;let u={workbook:i,drawings:l};if(this.fireEvent(this.Event.BeforeFloatDomUpdate,u),u.cancel)throw o.updateNotification(a),new s.CanceledError}))),this.disposeWithMe(this.registerEventHandler(this.Event.FloatDomUpdated,()=>n.onCommandExecuted(n=>{if(n.id!==t.SetSheetDrawingCommand.id)return;let r=n.params,i=this.getActiveWorkbook();if(i==null||r==null)return;let{drawings:a}=r,o=e.get(c.IDrawingManagerService),l=[];if(a.forEach(e=>{let t=o.getDrawingByParam(e);(t==null?void 0:t.drawingType)===s.DrawingTypeEnum.DRAWING_DOM&&l.push(t)}),l.length===0)return;let u={workbook:i,drawings:l};this.fireEvent(this.Event.FloatDomUpdated,u)}))),this.disposeWithMe(this.registerEventHandler(this.Event.BeforeFloatDomDelete,()=>n.beforeCommandExecuted(n=>{if(n.id!==t.RemoveSheetDrawingCommand.id)return;let r=n.params,i=this.getActiveWorkbook();if(i==null||r==null)return;let a=e.get(c.IDrawingManagerService),{drawings:o}=r,l=o.map(e=>a.getDrawingByParam(e)).filter(e=>(e==null?void 0:e.drawingType)===s.DrawingTypeEnum.DRAWING_DOM);if(l.length===0)return;let u={workbook:i,drawings:l};if(this.fireEvent(this.Event.BeforeFloatDomDelete,u),u.cancel)throw new s.CanceledError}))),this.disposeWithMe(this.registerEventHandler(this.Event.FloatDomDeleted,()=>n.onCommandExecuted(e=>{if(e.id!==t.RemoveSheetDrawingCommand.id)return;let n=e.params,r=this.getActiveWorkbook();if(r==null||n==null)return;let{drawings:i}=n,a={workbook:r,drawings:i.filter(e=>e.drawingType===s.DrawingTypeEnum.DRAWING_DOM).map(e=>e.drawingId)};this.fireEvent(this.Event.FloatDomDeleted,a)})))}registerURLImageDownloader(e){return this._injector.get(s.IURLImageService).registerURLImageDownloader(e)}};o.FUniver.extend(f);var p=class extends i.FRange{async insertCellImageAsync(e){var t;let r=this._injector.get(l.IRenderManagerService),i=(t=(0,l.getCurrentTypeOfRenderer)(s.UniverInstanceType.UNIVER_SHEET,this._injector.get(s.IUniverInstanceService),r))==null?void 0:t.with(n.SheetDrawingUpdateController);if(!i)return!1;let a={unitId:this._workbook.getUnitId(),subUnitId:this._worksheet.getSheetId(),row:this.getRow(),col:this.getColumn()};return typeof e==`string`?i.insertCellImageByUrl(e,a):i.insertCellImageByFile(e,a)}async saveCellImagesAsync(e){var t;let r=this._injector.get(n.IBatchSaveImagesService),i=this._workbook.getUnitId(),a=this._worksheet.getSheetId(),o=this.getRange(),s=r.getCellImagesFromRanges(i,a,[o]);if(s.length===0)return!1;if(s.length===1)try{return await r.downloadSingleImage(s[0]),!0}catch(e){return console.error(`Failed to download image:`,e),!1}let c=[],l=(t=e==null?void 0:e.useCellAddress)==null?!0:t,u=e==null?void 0:e.useColumnIndex;l&&c.push(n.FileNamePart.CELL_ADDRESS),u!==void 0&&c.push(n.FileNamePart.COLUMN_VALUE),c.length===0&&c.push(n.FileNamePart.CELL_ADDRESS);try{return await r.saveImagesWithContext(s,{fileNameParts:c,columnIndex:u},i,a),!0}catch(e){return console.error(`Failed to save images:`,e),!1}}};i.FRange.extend(p);
+let _univerjs_sheets = require("@univerjs/sheets");
+let _univerjs_sheets_drawing = require("@univerjs/sheets-drawing");
+let _univerjs_sheets_drawing_ui = require("@univerjs/sheets-drawing-ui");
+let _univerjs_sheets_ui_facade = require("@univerjs/sheets-ui/facade");
+let _univerjs_sheets_facade = require("@univerjs/sheets/facade");
+let _univerjs_ui = require("@univerjs/ui");
+let _univerjs_core_facade = require("@univerjs/core/facade");
+let _univerjs_core = require("@univerjs/core");
+let _univerjs_drawing = require("@univerjs/drawing");
+let _univerjs_engine_render = require("@univerjs/engine-render");
+
+//#region src/facade/f-worksheet.ts
+var FWorksheetDrawingUIMixin = class extends _univerjs_sheets_facade.FWorksheet {
+	getFloatDomById(id) {
+		const info = this._injector.get(_univerjs_sheets_drawing_ui.SheetCanvasFloatDomManagerService).getFloatDomInfo(id);
+		if (!info) return null;
+		const { unitId, subUnitId } = info;
+		const { rect } = info;
+		const { left = 0, top = 0, width = 0, height = 0, flipX = false, flipY = false, angle = 0, skewX = 0, skewY = 0 } = rect.getState();
+		const drawingParm = this._injector.get(_univerjs_sheets_drawing.ISheetDrawingService).getDrawingByParam({
+			drawingId: info.id,
+			unitId,
+			subUnitId
+		});
+		if (!drawingParm) return null;
+		return {
+			position: {
+				left,
+				top,
+				width,
+				height,
+				flipX,
+				flipY,
+				angle,
+				skewX,
+				skewY
+			},
+			componentKey: drawingParm.componentKey,
+			allowTransform: drawingParm.allowTransform,
+			data: drawingParm.data,
+			id: info.id
+		};
+	}
+	getAllFloatDoms() {
+		const floatDomService = this._injector.get(_univerjs_sheets_drawing_ui.SheetCanvasFloatDomManagerService);
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		return Array.from(floatDomService.getFloatDomsBySubUnitId(unitId, subUnitId).values()).map((info) => {
+			const { rect } = info;
+			const drawingParm = this._injector.get(_univerjs_sheets_drawing.ISheetDrawingService).getDrawingByParam({
+				drawingId: info.id,
+				unitId,
+				subUnitId
+			});
+			const { left, top, width, height, flipX, flipY, angle, skewX, skewY } = rect.getState();
+			return {
+				position: {
+					left,
+					top,
+					width,
+					height,
+					flipX,
+					flipY,
+					angle,
+					skewX,
+					skewY
+				},
+				componentKey: drawingParm.componentKey,
+				allowTransform: drawingParm.allowTransform,
+				data: drawingParm.data,
+				id: info.id
+			};
+		});
+	}
+	updateFloatDom(id, config) {
+		var _transformToDrawingPo, _transformToAxisAlign;
+		const sheetSkeletonService = this._injector.get(_univerjs_sheets.SheetSkeletonService);
+		const info = this._injector.get(_univerjs_sheets_drawing_ui.SheetCanvasFloatDomManagerService).getFloatDomInfo(id);
+		if (!info) return this;
+		const { unitId, subUnitId } = info;
+		const skeleton = sheetSkeletonService.getSkeleton(unitId, subUnitId);
+		if (!skeleton) return this;
+		const drawingParm = this._injector.get(_univerjs_sheets_drawing.ISheetDrawingService).getDrawingByParam({
+			unitId,
+			subUnitId,
+			drawingId: id
+		});
+		const newParam = {
+			...drawingParm,
+			componentKey: config.componentKey || drawingParm.componentKey,
+			allowTransform: config.allowTransform !== void 0 ? config.allowTransform : drawingParm.allowTransform,
+			data: config.data || drawingParm.data,
+			sheetTransform: config.position ? (_transformToDrawingPo = (0, _univerjs_sheets_drawing.transformToDrawingPosition)(config.position, skeleton)) !== null && _transformToDrawingPo !== void 0 ? _transformToDrawingPo : drawingParm.sheetTransform : drawingParm.sheetTransform,
+			transform: {
+				...drawingParm.transform,
+				...config.position
+			},
+			axisAlignSheetTransform: config.position ? (_transformToAxisAlign = (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)(config.position, skeleton)) !== null && _transformToAxisAlign !== void 0 ? _transformToAxisAlign : drawingParm.sheetTransform : drawingParm.sheetTransform
+		};
+		if (!this._commandService.syncExecuteCommand(_univerjs_sheets_drawing.SetSheetDrawingCommand.id, {
+			unitId,
+			subUnitId,
+			drawings: [newParam]
+		})) throw new Error("updateFloatDom failed");
+		return this;
+	}
+	batchUpdateFloatDoms(updates) {
+		const floatDomService = this._injector.get(_univerjs_sheets_drawing_ui.SheetCanvasFloatDomManagerService);
+		const drawingService = this._injector.get(_univerjs_sheets_drawing.ISheetDrawingService);
+		const sheetSkeletonService = this._injector.get(_univerjs_sheets.SheetSkeletonService);
+		const drawings = [];
+		for (const update of updates) {
+			var _transformToDrawingPo2, _transformToAxisAlign2;
+			const info = floatDomService.getFloatDomInfo(update.id);
+			if (!info) continue;
+			const { unitId, subUnitId } = info;
+			const skeleton = sheetSkeletonService.getSkeleton(unitId, subUnitId);
+			if (!skeleton) continue;
+			const drawingParm = drawingService.getDrawingByParam({
+				unitId,
+				subUnitId,
+				drawingId: update.id
+			});
+			if (!drawingParm) continue;
+			const newParam = {
+				...drawingParm,
+				componentKey: update.config.componentKey || drawingParm.componentKey,
+				allowTransform: update.config.allowTransform !== void 0 ? update.config.allowTransform : drawingParm.allowTransform,
+				data: update.config.data || drawingParm.data,
+				sheetTransform: update.config.position ? (_transformToDrawingPo2 = (0, _univerjs_sheets_drawing.transformToDrawingPosition)(update.config.position, skeleton)) !== null && _transformToDrawingPo2 !== void 0 ? _transformToDrawingPo2 : drawingParm.sheetTransform : drawingParm.sheetTransform,
+				transform: {
+					...drawingParm.transform,
+					...update.config.position
+				},
+				axisAlignSheetTransform: update.config.position ? (_transformToAxisAlign2 = (0, _univerjs_sheets_drawing.transformToAxisAlignPosition)(update.config.position, skeleton)) !== null && _transformToAxisAlign2 !== void 0 ? _transformToAxisAlign2 : drawingParm.sheetTransform : drawingParm.sheetTransform
+			};
+			drawings.push(newParam);
+		}
+		if (drawings.length > 0) {
+			const unitId = this._workbook.getUnitId();
+			const subUnitId = this._worksheet.getSheetId();
+			if (!this._commandService.syncExecuteCommand(_univerjs_sheets_drawing.SetSheetDrawingCommand.id, {
+				unitId,
+				subUnitId,
+				drawings
+			})) throw new Error("batchUpdateFloatDoms failed");
+		}
+		return this;
+	}
+	removeFloatDom(id) {
+		const info = this._injector.get(_univerjs_sheets_drawing_ui.SheetCanvasFloatDomManagerService).getFloatDomInfo(id);
+		if (!info) return this;
+		const { unitId, subUnitId } = info;
+		const drawing = this._injector.get(_univerjs_sheets_drawing.ISheetDrawingService).getDrawingByParam({
+			unitId,
+			subUnitId,
+			drawingId: id
+		});
+		if (!drawing) return this;
+		if (!this._commandService.syncExecuteCommand(_univerjs_sheets_drawing.RemoveSheetDrawingCommand.id, {
+			unitId,
+			drawings: [drawing]
+		})) throw new Error("removeFloatDom failed");
+		return this;
+	}
+	addFloatDomToPosition(layer, id) {
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		const { key, disposableCollection } = (0, _univerjs_sheets_ui_facade.transformComponentKey)(layer, this._injector.get(_univerjs_ui.ComponentManager));
+		const res = this._injector.get(_univerjs_sheets_drawing_ui.SheetCanvasFloatDomManagerService).addFloatDomToPosition({
+			...layer,
+			componentKey: key,
+			unitId,
+			subUnitId
+		}, id);
+		if (res) {
+			disposableCollection.add(res.dispose);
+			return {
+				id: res.id,
+				dispose: () => {
+					disposableCollection.dispose();
+					res.dispose();
+				}
+			};
+		}
+		disposableCollection.dispose();
+		return null;
+	}
+	addFloatDomToRange(fRange, layer, domLayout, id) {
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		const { key, disposableCollection } = (0, _univerjs_sheets_ui_facade.transformComponentKey)(layer, this._injector.get(_univerjs_ui.ComponentManager));
+		const res = this._injector.get(_univerjs_sheets_drawing_ui.SheetCanvasFloatDomManagerService).addFloatDomToRange(fRange.getRange(), {
+			...layer,
+			componentKey: key,
+			unitId,
+			subUnitId
+		}, domLayout, id);
+		if (res) {
+			disposableCollection.add(res.dispose);
+			return {
+				id: res.id,
+				dispose: () => {
+					disposableCollection.dispose();
+					res.dispose();
+				}
+			};
+		}
+		disposableCollection.dispose();
+		return null;
+	}
+	addFloatDomToColumnHeader(column, layer, domLayout, id) {
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		const { key, disposableCollection } = (0, _univerjs_sheets_ui_facade.transformComponentKey)(layer, this._injector.get(_univerjs_ui.ComponentManager));
+		const domRangeDispose = this._injector.get(_univerjs_sheets_drawing_ui.SheetCanvasFloatDomManagerService).addFloatDomToColumnHeader(column, {
+			...layer,
+			componentKey: key,
+			unitId,
+			subUnitId
+		}, domLayout, id);
+		if (domRangeDispose) {
+			disposableCollection.add(domRangeDispose.dispose);
+			return {
+				id: domRangeDispose.id,
+				dispose: () => {
+					disposableCollection.dispose();
+					domRangeDispose.dispose();
+				}
+			};
+		}
+		disposableCollection.dispose();
+		return null;
+	}
+	async saveCellImagesAsync(options, ranges) {
+		var _options$useCellAddre;
+		const batchSaveService = this._injector.get(_univerjs_sheets_drawing_ui.IBatchSaveImagesService);
+		const unitId = this._fWorkbook.getId();
+		const subUnitId = this.getSheetId();
+		const iRanges = ranges ? ranges.map((r) => r.getRange()) : [this._worksheet.getCellMatrix().getDataRange()];
+		const images = batchSaveService.getCellImagesFromRanges(unitId, subUnitId, iRanges);
+		if (images.length === 0) return false;
+		if (images.length === 1) try {
+			await batchSaveService.downloadSingleImage(images[0]);
+			return true;
+		} catch (error) {
+			console.error("Failed to download image:", error);
+			return false;
+		}
+		const fileNameParts = [];
+		const useCellAddress = (_options$useCellAddre = options === null || options === void 0 ? void 0 : options.useCellAddress) !== null && _options$useCellAddre !== void 0 ? _options$useCellAddre : true;
+		const useColumnIndex = options === null || options === void 0 ? void 0 : options.useColumnIndex;
+		if (useCellAddress) fileNameParts.push(_univerjs_sheets_drawing_ui.FileNamePart.CELL_ADDRESS);
+		if (useColumnIndex !== void 0) fileNameParts.push(_univerjs_sheets_drawing_ui.FileNamePart.COLUMN_VALUE);
+		if (fileNameParts.length === 0) fileNameParts.push(_univerjs_sheets_drawing_ui.FileNamePart.CELL_ADDRESS);
+		try {
+			await batchSaveService.saveImagesWithContext(images, {
+				fileNameParts,
+				columnIndex: useColumnIndex
+			}, unitId, subUnitId);
+			return true;
+		} catch (error) {
+			console.error("Failed to save images:", error);
+			return false;
+		}
+	}
+};
+_univerjs_sheets_facade.FWorksheet.extend(FWorksheetDrawingUIMixin);
+
+//#endregion
+//#region src/facade/f-event.ts
+var FSheetsDrawingUIEventNameMixin = class extends _univerjs_core_facade.FEventName {
+	get BeforeFloatDomAdd() {
+		return "BeforeFloatDomAdd";
+	}
+	get FloatDomAdded() {
+		return "FloatDomAdded";
+	}
+	get BeforeFloatDomUpdate() {
+		return "BeforeFloatDomUpdate";
+	}
+	get FloatDomUpdated() {
+		return "FloatDomUpdated";
+	}
+	get BeforeFloatDomDelete() {
+		return "BeforeFloatDomDelete";
+	}
+	get FloatDomDeleted() {
+		return "FloatDomDeleted";
+	}
+};
+_univerjs_core_facade.FEventName.extend(FSheetsDrawingUIEventNameMixin);
+
+//#endregion
+//#region src/facade/f-univer.ts
+/**
+* @ignore
+*/
+var FUniverSheetsDrawingUIMixin = class extends _univerjs_core_facade.FUniver {
+	/**
+	* @ignore
+	*/
+	_initialize(injector) {
+		const commandService = injector.get(_univerjs_core.ICommandService);
+		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeFloatDomAdd, () => commandService.beforeCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_sheets_drawing.InsertSheetDrawingCommand.id) return;
+			const params = commandInfo.params;
+			const workbook = this.getActiveWorkbook();
+			if (workbook == null || params == null) return;
+			const { drawings } = params;
+			const floatDomDrawings = drawings.filter((drawing) => drawing.drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_DOM);
+			if (floatDomDrawings.length === 0) return;
+			const eventParams = {
+				workbook,
+				drawings: floatDomDrawings
+			};
+			this.fireEvent(this.Event.BeforeFloatDomAdd, eventParams);
+			if (eventParams.cancel) throw new _univerjs_core.CanceledError();
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.FloatDomAdded, () => commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_sheets_drawing.InsertSheetDrawingCommand.id) return;
+			const params = commandInfo.params;
+			const workbook = this.getActiveWorkbook();
+			if (workbook == null || params == null) return;
+			const { drawings } = params;
+			const floatDomDrawings = drawings.filter((drawing) => drawing.drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_DOM);
+			if (floatDomDrawings.length === 0) return;
+			const eventParams = {
+				workbook,
+				drawings: floatDomDrawings
+			};
+			this.fireEvent(this.Event.FloatDomAdded, eventParams);
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeFloatDomUpdate, () => commandService.beforeCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_sheets_drawing.SetSheetDrawingCommand.id) return;
+			const params = commandInfo.params;
+			const workbook = this.getActiveWorkbook();
+			if (workbook == null || params == null) return;
+			const { drawings } = params;
+			const drawingManagerService = injector.get(_univerjs_drawing.IDrawingManagerService);
+			const floatDomDrawings = [];
+			drawings.forEach((drawing) => {
+				const dom = drawingManagerService.getDrawingByParam(drawing);
+				if ((dom === null || dom === void 0 ? void 0 : dom.drawingType) === _univerjs_core.DrawingTypeEnum.DRAWING_DOM) floatDomDrawings.push(dom);
+			});
+			if (floatDomDrawings.length === 0) return;
+			const eventParams = {
+				workbook,
+				drawings: floatDomDrawings
+			};
+			this.fireEvent(this.Event.BeforeFloatDomUpdate, eventParams);
+			if (eventParams.cancel) {
+				drawingManagerService.updateNotification(drawings);
+				throw new _univerjs_core.CanceledError();
+			}
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.FloatDomUpdated, () => commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_sheets_drawing.SetSheetDrawingCommand.id) return;
+			const params = commandInfo.params;
+			const workbook = this.getActiveWorkbook();
+			if (workbook == null || params == null) return;
+			const { drawings } = params;
+			const drawingManagerService = injector.get(_univerjs_drawing.IDrawingManagerService);
+			const floatDomDrawings = [];
+			drawings.forEach((drawing) => {
+				const dom = drawingManagerService.getDrawingByParam(drawing);
+				if ((dom === null || dom === void 0 ? void 0 : dom.drawingType) === _univerjs_core.DrawingTypeEnum.DRAWING_DOM) floatDomDrawings.push(dom);
+			});
+			if (floatDomDrawings.length === 0) return;
+			const eventParams = {
+				workbook,
+				drawings: floatDomDrawings
+			};
+			this.fireEvent(this.Event.FloatDomUpdated, eventParams);
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.BeforeFloatDomDelete, () => commandService.beforeCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_sheets_drawing.RemoveSheetDrawingCommand.id) return;
+			const params = commandInfo.params;
+			const workbook = this.getActiveWorkbook();
+			if (workbook == null || params == null) return;
+			const drawingManagerService = injector.get(_univerjs_drawing.IDrawingManagerService);
+			const { drawings } = params;
+			const floatDomDrawings = drawings.map((drawing) => drawingManagerService.getDrawingByParam(drawing)).filter((drawing) => (drawing === null || drawing === void 0 ? void 0 : drawing.drawingType) === _univerjs_core.DrawingTypeEnum.DRAWING_DOM);
+			if (floatDomDrawings.length === 0) return;
+			const eventParams = {
+				workbook,
+				drawings: floatDomDrawings
+			};
+			this.fireEvent(this.Event.BeforeFloatDomDelete, eventParams);
+			if (eventParams.cancel) throw new _univerjs_core.CanceledError();
+		})));
+		this.disposeWithMe(this.registerEventHandler(this.Event.FloatDomDeleted, () => commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id !== _univerjs_sheets_drawing.RemoveSheetDrawingCommand.id) return;
+			const params = commandInfo.params;
+			const workbook = this.getActiveWorkbook();
+			if (workbook == null || params == null) return;
+			const { drawings } = params;
+			const eventParams = {
+				workbook,
+				drawings: drawings.filter((i) => i.drawingType === _univerjs_core.DrawingTypeEnum.DRAWING_DOM).map((i) => i.drawingId)
+			};
+			this.fireEvent(this.Event.FloatDomDeleted, eventParams);
+		})));
+	}
+	registerURLImageDownloader(downloader) {
+		return this._injector.get(_univerjs_core.IURLImageService).registerURLImageDownloader(downloader);
+	}
+};
+_univerjs_core_facade.FUniver.extend(FUniverSheetsDrawingUIMixin);
+
+//#endregion
+//#region src/facade/f-range.ts
+var FRangeSheetsDrawingUIMixin = class extends _univerjs_sheets_facade.FRange {
+	async insertCellImageAsync(file) {
+		var _getCurrentTypeOfRend;
+		const renderManagerService = this._injector.get(_univerjs_engine_render.IRenderManagerService);
+		const controller = (_getCurrentTypeOfRend = (0, _univerjs_engine_render.getCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, this._injector.get(_univerjs_core.IUniverInstanceService), renderManagerService)) === null || _getCurrentTypeOfRend === void 0 ? void 0 : _getCurrentTypeOfRend.with(_univerjs_sheets_drawing_ui.SheetDrawingUpdateController);
+		if (!controller) return false;
+		const location = {
+			unitId: this._workbook.getUnitId(),
+			subUnitId: this._worksheet.getSheetId(),
+			row: this.getRow(),
+			col: this.getColumn()
+		};
+		if (typeof file === "string") return controller.insertCellImageByUrl(file, location);
+		else return controller.insertCellImageByFile(file, location);
+	}
+	async saveCellImagesAsync(options) {
+		var _options$useCellAddre;
+		const batchSaveService = this._injector.get(_univerjs_sheets_drawing_ui.IBatchSaveImagesService);
+		const unitId = this._workbook.getUnitId();
+		const subUnitId = this._worksheet.getSheetId();
+		const range = this.getRange();
+		const images = batchSaveService.getCellImagesFromRanges(unitId, subUnitId, [range]);
+		if (images.length === 0) return false;
+		if (images.length === 1) try {
+			await batchSaveService.downloadSingleImage(images[0]);
+			return true;
+		} catch (error) {
+			console.error("Failed to download image:", error);
+			return false;
+		}
+		const fileNameParts = [];
+		const useCellAddress = (_options$useCellAddre = options === null || options === void 0 ? void 0 : options.useCellAddress) !== null && _options$useCellAddre !== void 0 ? _options$useCellAddre : true;
+		const useColumnIndex = options === null || options === void 0 ? void 0 : options.useColumnIndex;
+		if (useCellAddress) fileNameParts.push(_univerjs_sheets_drawing_ui.FileNamePart.CELL_ADDRESS);
+		if (useColumnIndex !== void 0) fileNameParts.push(_univerjs_sheets_drawing_ui.FileNamePart.COLUMN_VALUE);
+		if (fileNameParts.length === 0) fileNameParts.push(_univerjs_sheets_drawing_ui.FileNamePart.CELL_ADDRESS);
+		try {
+			await batchSaveService.saveImagesWithContext(images, {
+				fileNameParts,
+				columnIndex: useColumnIndex
+			}, unitId, subUnitId);
+			return true;
+		} catch (error) {
+			console.error("Failed to save images:", error);
+			return false;
+		}
+	}
+};
+_univerjs_sheets_facade.FRange.extend(FRangeSheetsDrawingUIMixin);
+
+//#endregion