@univerjs/sheets-drawing-ui 0.5.3-nightly.202501051605 → 0.5.3-nightly.202501060906

package/lib/cjs/facade.js

@@ -1 +1 @@
-"use strict";var j=Object.defineProperty;var T=(e,t,i)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i;var R=(e,t,i)=>T(e,typeof t!="symbol"?t+"":t,i);const a=require("@univerjs/core"),B=require("@univerjs/drawing"),C=require("@univerjs/engine-render"),c=require("@univerjs/sheets-drawing-ui"),w=require("@univerjs/sheets-ui"),u=require("@univerjs/sheets-drawing"),U=require("@univerjs/sheets-ui/facade"),y=require("@univerjs/sheets/facade"),E=require("@univerjs/ui");var P=Object.defineProperty,W=Object.getOwnPropertyDescriptor,O=(e,t,i,n)=>{for(var r=n>1?void 0:n?W(t,i):t,o=e.length-1,s;o>=0;o--)(s=e[o])&&(r=(n?s(t,i,r):s(r))||r);return n&&r&&P(t,i,r),r},p=(e,t)=>(i,n)=>t(i,n,e);function x(e,t){const{from:i,to:n,flipY:r=!1,flipX:o=!1,angle:s=0,skewX:d=0,skewY:g=0}=e.sheetTransform,{column:m,columnOffset:I,row:_,rowOffset:l}=i,S=w.convertPositionSheetOverGridToAbsolute(e.unitId,e.subUnitId,{from:i,to:n},t),{left:b,top:D,width:v,height:k}=S;return{...e,column:m,columnOffset:I,row:_,rowOffset:l,width:v,height:k,flipY:r,flipX:o,angle:s,skewX:d,skewY:g}}function M(e,t,i){const{column:n,columnOffset:r,row:o,rowOffset:s,flipY:d=!1,flipX:g=!1,angle:m=0,skewX:I=0,skewY:_=0,width:l,height:S}=e,b=w.convertPositionCellToSheetOverGrid(e.unitId,e.subUnitId,{column:n,columnOffset:r,row:o,rowOffset:s},l,S,t,i),{sheetTransform:D,transform:v}=b;return{...e,sheetTransform:{...D,flipY:d,flipX:g,angle:m,skewX:I,skewY:_},transform:{...v,flipY:d,flipX:g,angle:m,skewX:I,skewY:_}}}let f=class{constructor(e,t,i){R(this,"_image");this._injector=i,this._image={drawingId:a.generateRandomId(6),drawingType:a.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:a.ImageSourceType.BASE64,source:"",unitId:e,subUnitId:t,column:0,columnOffset:0,row:0,rowOffset:0,width:0,height:0}}setImage(e){const i=this._injector.get(C.IRenderManagerService).getRenderById(e.unitId);if(!i)throw new Error(`Render Unit with unitId ${e.unitId} not found`);const n=i.with(w.SheetSkeletonManagerService);return this._image=x(e,n),this}setSource(e,t){const i=t!=null?t:a.ImageSourceType.URL;return this._image.source=e,this._image.imageSourceType=i,this}getsource(){return this._image.source}getSourceType(){return this._image.imageSourceType}setColumn(e){return this._image.column=e,this}setRow(e){return this._image.row=e,this}setColumnOffset(e){return this._image.columnOffset=e,this}setRowOffset(e){return this._image.rowOffset=e,this}setWidth(e){return this._image.width=e,this}setHeight(e){return this._image.height=e,this}setAnchorType(e){return this._image.anchorType=e,this}setCropTop(e){return this._initializeSrcRect(),this._image.srcRect.top=e,this}setCropLeft(e){return this._initializeSrcRect(),this._image.srcRect.left=e,this}setCropBottom(e){return this._initializeSrcRect(),this._image.srcRect.bottom=e,this}setCropRight(e){return this._initializeSrcRect(),this._image.srcRect.right=e,this}_initializeSrcRect(){this._image.srcRect==null&&(this._image.srcRect={top:0,left:0,bottom:0,right:0})}setRotate(e){return this._image.angle=e,this}setUnitId(e){return this._image.unitId=e,this}setSubUnitId(e){return this._image.subUnitId=e,this}async build(){const t=this._injector.get(C.IRenderManagerService).getRenderById(this._image.unitId);if(!t)throw new Error(`Render Unit with unitId ${this._image.unitId} not found`);const i=t.with(w.ISheetSelectionRenderService),n=t.with(w.SheetSkeletonManagerService);if(this._image.width===0||this._image.height===0){const r=await B.getImageSize(this._image.source),o=r.width,s=r.height;this._image.width===0&&(this._image.width=o),this._image.height===0&&(this._image.height=s)}return M(this._image,i,n)}};f=O([p(2,a.Inject(a.Injector))],f);let h=class extends a.FBase{constructor(e,t,i){super(),this._image=e,this._commandService=t,this._injector=i}getId(){return this._image.drawingId}getType(){return this._image.drawingType}remove(){return this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}toBuilder(){const e=this._injector.createInstance(f);return e.setImage(this._image),e}setSource(e,t){const i=t!=null?t:a.ImageSourceType.URL;return this._image.source=e,this._image.imageSourceType=i,this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}setPosition(e,t,i,n){const r=this.toBuilder();return r.setColumn(t),r.setRow(e),i!=null&&r.setRowOffset(i),n!=null&&r.setColumnOffset(n),this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[r.build()]})}setSize(e,t){const i=this.toBuilder();return i.setWidth(e),i.setHeight(t),this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[i.build()]})}setCrop(e,t,i,n){return this._image.srcRect==null&&(this._image.srcRect={top:0,left:0,bottom:0,right:0}),e!=null&&(this._image.srcRect.top=e),t!=null&&(this._image.srcRect.left=t),i!=null&&(this._image.srcRect.bottom=i),n!=null&&(this._image.srcRect.right=n),this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}setRotate(e){return this._image.sheetTransform.angle=e,this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}};h=O([p(1,a.ICommandService),p(2,a.Inject(a.Injector))],h);class F extends y.FWorksheet{addFloatDomToPosition(t,i){const n=this._workbook.getUnitId(),r=this._worksheet.getSheetId(),{key:o,disposableCollection:s}=U.transformComponentKey(t,this._injector.get(E.ComponentManager)),g=this._injector.get(c.SheetCanvasFloatDomManagerService).addFloatDomToPosition({...t,componentKey:o,unitId:n,subUnitId:r},i);return g?(s.add(g.dispose),{id:g.id,dispose:()=>{s.dispose(),g.dispose()}}):(s.dispose(),null)}async insertImage(t,i,n,r,o){const s=this.newOverGridImage();if(typeof t=="string")s.setSource(t);else{const m=await t.getBlob().getDataAsString();s.setSource(m,a.ImageSourceType.BASE64)}i!==void 0?s.setColumn(i):s.setColumn(0),n!==void 0?s.setRow(n):s.setRow(0),r!==void 0?s.setColumnOffset(r):s.setColumnOffset(0),o!==void 0?s.setRowOffset(o):s.setRowOffset(0);const d=await s.build();return this._commandService.syncExecuteCommand(c.InsertSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:[d]})}insertImages(t){const i=t.map(n=>(n.unitId=this._fWorkbook.getId(),n.subUnitId=this.getSheetId(),n));this._commandService.syncExecuteCommand(c.InsertSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:i})}deleteImages(t){const i=t.map(n=>({unitId:this._fWorkbook.getId(),drawingId:n.getId(),subUnitId:this.getSheetId(),drawingType:n.getType()}));this._commandService.syncExecuteCommand(c.RemoveSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:i})}getImages(){const i=this._injector.get(u.ISheetDrawingService).getDrawingData(this._fWorkbook.getId(),this.getSheetId()),n=[];for(const r in i){const o=i[r];n.push(this._injector.createInstance(h,o))}return n}getImageById(t){const n=this._injector.get(u.ISheetDrawingService).getDrawingByParam({unitId:this._fWorkbook.getId(),subUnitId:this.getSheetId(),drawingId:t});return n?this._injector.createInstance(h,n):null}getActiveImages(){const i=this._injector.get(u.ISheetDrawingService).getFocusDrawings(),n=[];for(const r in i){const o=i[r];n.push(this._injector.createInstance(h,o))}return n}updateImages(t){this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:t})}onImageInserted(t){const i=this._injector.get(u.ISheetDrawingService);i.add$.subscribe(n=>{const r=n.map(o=>this._injector.createInstance(h,i.getDrawingByParam(o)));t(r)})}onImageDeleted(t){const i=this._injector.get(u.ISheetDrawingService);i.remove$.subscribe(n=>{const r=n.map(o=>this._injector.createInstance(h,i.getDrawingByParam(o)));t(r)})}onImageChanged(t){const i=this._injector.get(u.ISheetDrawingService);i.update$.subscribe(n=>{const r=n.map(o=>this._injector.createInstance(h,i.getDrawingByParam(o)));t(r)})}newOverGridImage(){const t=this._fWorkbook.getId(),i=this.getSheetId();return this._injector.createInstance(f,t,i)}}y.FWorksheet.extend(F);
+"use strict";var j=Object.defineProperty;var T=(e,t,i)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i;var R=(e,t,i)=>T(e,typeof t!="symbol"?t+"":t,i);const a=require("@univerjs/core"),B=require("@univerjs/drawing"),C=require("@univerjs/engine-render"),c=require("@univerjs/sheets-drawing-ui"),w=require("@univerjs/sheets-ui"),u=require("@univerjs/sheets-drawing"),U=require("@univerjs/sheets-ui/facade"),y=require("@univerjs/sheets/facade"),E=require("@univerjs/ui");var P=Object.defineProperty,W=Object.getOwnPropertyDescriptor,O=(e,t,i,n)=>{for(var r=n>1?void 0:n?W(t,i):t,o=e.length-1,s;o>=0;o--)(s=e[o])&&(r=(n?s(t,i,r):s(r))||r);return n&&r&&P(t,i,r),r},p=(e,t)=>(i,n)=>t(i,n,e);function x(e,t){const{from:i,to:n,flipY:r=!1,flipX:o=!1,angle:s=0,skewX:d=0,skewY:h=0}=e.sheetTransform,{column:m,columnOffset:l,row:I,rowOffset:f}=i,S=w.convertPositionSheetOverGridToAbsolute(e.unitId,e.subUnitId,{from:i,to:n},t),{left:b,top:D,width:v,height:k}=S;return{...e,column:m,columnOffset:l,row:I,rowOffset:f,width:v,height:k,flipY:r,flipX:o,angle:s,skewX:d,skewY:h}}function M(e,t,i){const{column:n,columnOffset:r,row:o,rowOffset:s,flipY:d=!1,flipX:h=!1,angle:m=0,skewX:l=0,skewY:I=0,width:f,height:S}=e,b=w.convertPositionCellToSheetOverGrid(e.unitId,e.subUnitId,{column:n,columnOffset:r,row:o,rowOffset:s},f,S,t,i),{sheetTransform:D,transform:v}=b;return{...e,sheetTransform:{...D,flipY:d,flipX:h,angle:m,skewX:l,skewY:I},transform:{...v,flipY:d,flipX:h,angle:m,skewX:l,skewY:I}}}let _=class{constructor(e,t,i){R(this,"_image");this._injector=i,this._image={drawingId:a.generateRandomId(6),drawingType:a.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:a.ImageSourceType.BASE64,source:"",unitId:e,subUnitId:t,column:0,columnOffset:0,row:0,rowOffset:0,width:0,height:0}}setImage(e){const i=this._injector.get(C.IRenderManagerService).getRenderById(e.unitId);if(!i)throw new Error(`Render Unit with unitId ${e.unitId} not found`);const n=i.with(w.SheetSkeletonManagerService);return this._image=x(e,n),this}setSource(e,t){const i=t!=null?t:a.ImageSourceType.URL;return this._image.source=e,this._image.imageSourceType=i,this}getsource(){return this._image.source}getSourceType(){return this._image.imageSourceType}setColumn(e){return this._image.column=e,this}setRow(e){return this._image.row=e,this}setColumnOffset(e){return this._image.columnOffset=e,this}setRowOffset(e){return this._image.rowOffset=e,this}setWidth(e){return this._image.width=e,this}setHeight(e){return this._image.height=e,this}setAnchorType(e){return this._image.anchorType=e,this}setCropTop(e){return this._initializeSrcRect(),this._image.srcRect.top=e,this}setCropLeft(e){return this._initializeSrcRect(),this._image.srcRect.left=e,this}setCropBottom(e){return this._initializeSrcRect(),this._image.srcRect.bottom=e,this}setCropRight(e){return this._initializeSrcRect(),this._image.srcRect.right=e,this}_initializeSrcRect(){this._image.srcRect==null&&(this._image.srcRect={top:0,left:0,bottom:0,right:0})}setRotate(e){return this._image.angle=e,this}setUnitId(e){return this._image.unitId=e,this}setSubUnitId(e){return this._image.subUnitId=e,this}async build(){const t=this._injector.get(C.IRenderManagerService).getRenderById(this._image.unitId);if(!t)throw new Error(`Render Unit with unitId ${this._image.unitId} not found`);const i=t.with(w.ISheetSelectionRenderService),n=t.with(w.SheetSkeletonManagerService);if(this._image.width===0||this._image.height===0){const r=await B.getImageSize(this._image.source),o=r.width,s=r.height;this._image.width===0&&(this._image.width=o),this._image.height===0&&(this._image.height=s)}return M(this._image,i,n)}};_=O([p(2,a.Inject(a.Injector))],_);let g=class extends a.FBase{constructor(e,t,i){super(),this._image=e,this._commandService=t,this._injector=i}getId(){return this._image.drawingId}getType(){return this._image.drawingType}remove(){return this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}toBuilder(){const e=this._injector.createInstance(_);return e.setImage(this._image),e}setSource(e,t){const i=t!=null?t:a.ImageSourceType.URL;return this._image.source=e,this._image.imageSourceType=i,this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}setPosition(e,t,i,n){const r=this.toBuilder();return r.setColumn(t),r.setRow(e),i!=null&&r.setRowOffset(i),n!=null&&r.setColumnOffset(n),this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[r.build()]})}setSize(e,t){const i=this.toBuilder();return i.setWidth(e),i.setHeight(t),this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[i.build()]})}setCrop(e,t,i,n){return this._image.srcRect==null&&(this._image.srcRect={top:0,left:0,bottom:0,right:0}),e!=null&&(this._image.srcRect.top=e),t!=null&&(this._image.srcRect.left=t),i!=null&&(this._image.srcRect.bottom=i),n!=null&&(this._image.srcRect.right=n),this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}setRotate(e){return this._image.sheetTransform.angle=e,this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}};g=O([p(1,a.ICommandService),p(2,a.Inject(a.Injector))],g);class F extends y.FWorksheet{addFloatDomToPosition(t,i){const n=this._workbook.getUnitId(),r=this._worksheet.getSheetId(),{key:o,disposableCollection:s}=U.transformComponentKey(t,this._injector.get(E.ComponentManager)),h=this._injector.get(c.SheetCanvasFloatDomManagerService).addFloatDomToPosition({...t,componentKey:o,unitId:n,subUnitId:r},i);return h?(s.add(h.dispose),{id:h.id,dispose:()=>{s.dispose(),h.dispose()}}):(s.dispose(),null)}async insertImage(t,i,n,r,o){const s=this.newOverGridImage();if(typeof t=="string")s.setSource(t);else{const m=await t.getBlob().getDataAsString();s.setSource(m,a.ImageSourceType.BASE64)}i!==void 0?s.setColumn(i):s.setColumn(0),n!==void 0?s.setRow(n):s.setRow(0),r!==void 0?s.setColumnOffset(r):s.setColumnOffset(0),o!==void 0?s.setRowOffset(o):s.setRowOffset(0);const d=await s.build();return this._commandService.syncExecuteCommand(c.InsertSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:[d]})}insertImages(t){const i=t.map(n=>(n.unitId=this._fWorkbook.getId(),n.subUnitId=this.getSheetId(),n));return this._commandService.syncExecuteCommand(c.InsertSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:i}),this}deleteImages(t){const i=t.map(n=>({unitId:this._fWorkbook.getId(),drawingId:n.getId(),subUnitId:this.getSheetId(),drawingType:n.getType()}));return this._commandService.syncExecuteCommand(c.RemoveSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:i}),this}getImages(){const i=this._injector.get(u.ISheetDrawingService).getDrawingData(this._fWorkbook.getId(),this.getSheetId()),n=[];for(const r in i){const o=i[r];n.push(this._injector.createInstance(g,o))}return n}getImageById(t){const n=this._injector.get(u.ISheetDrawingService).getDrawingByParam({unitId:this._fWorkbook.getId(),subUnitId:this.getSheetId(),drawingId:t});return n?this._injector.createInstance(g,n):null}getActiveImages(){const i=this._injector.get(u.ISheetDrawingService).getFocusDrawings(),n=[];for(const r in i){const o=i[r];n.push(this._injector.createInstance(g,o))}return n}updateImages(t){return this._commandService.syncExecuteCommand(c.SetSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:t}),this}onImageInserted(t){const i=this._injector.get(u.ISheetDrawingService);return a.toDisposable(i.add$.subscribe(n=>{const r=n.map(o=>this._injector.createInstance(g,i.getDrawingByParam(o)));t(r)}))}onImageDeleted(t){const i=this._injector.get(u.ISheetDrawingService);return a.toDisposable(i.remove$.subscribe(n=>{const r=n.map(o=>this._injector.createInstance(g,i.getDrawingByParam(o)));t(r)}))}onImageChanged(t){const i=this._injector.get(u.ISheetDrawingService);return a.toDisposable(i.update$.subscribe(n=>{const r=n.map(o=>this._injector.createInstance(g,i.getDrawingByParam(o)));t(r)}))}newOverGridImage(){const t=this._fWorkbook.getId(),i=this.getSheetId();return this._injector.createInstance(_,t,i)}}y.FWorksheet.extend(F);

package/lib/es/facade.js

@@ -1,27 +1,27 @@
-var E = Object.defineProperty;
-var P = (e, t, i) => t in e ? E(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var R = (e, t, i) => P(e, typeof t != "symbol" ? t + "" : t, i);
-import { Inject as O, Injector as k, ICommandService as U, generateRandomId as W, DrawingTypeEnum as x, ImageSourceType as _, FBase as F } from "@univerjs/core";
-import { getImageSize as M } from "@univerjs/drawing";
-import { IRenderManagerService as C } from "@univerjs/engine-render";
-import { SetSheetDrawingCommand as h, SheetCanvasFloatDomManagerService as z, InsertSheetDrawingCommand as D, RemoveSheetDrawingCommand as A } from "@univerjs/sheets-drawing-ui";
-import { SheetSkeletonManagerService as y, ISheetSelectionRenderService as G, convertPositionSheetOverGridToAbsolute as $, convertPositionCellToSheetOverGrid as L } from "@univerjs/sheets-ui";
+var P = Object.defineProperty;
+var U = (e, t, i) => t in e ? P(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var C = (e, t, i) => U(e, typeof t != "symbol" ? t + "" : t, i);
+import { Inject as k, Injector as j, ICommandService as W, generateRandomId as x, DrawingTypeEnum as F, ImageSourceType as _, FBase as M, toDisposable as v } from "@univerjs/core";
+import { getImageSize as z } from "@univerjs/drawing";
+import { IRenderManagerService as D } from "@univerjs/engine-render";
+import { SetSheetDrawingCommand as h, SheetCanvasFloatDomManagerService as A, InsertSheetDrawingCommand as y, RemoveSheetDrawingCommand as G } from "@univerjs/sheets-drawing-ui";
+import { SheetSkeletonManagerService as O, ISheetSelectionRenderService as $, convertPositionSheetOverGridToAbsolute as L, convertPositionCellToSheetOverGrid as X } from "@univerjs/sheets-ui";
 import { ISheetDrawingService as g } from "@univerjs/sheets-drawing";
-import { transformComponentKey as X } from "@univerjs/sheets-ui/facade";
-import { FWorksheet as j } from "@univerjs/sheets/facade";
-import { ComponentManager as Y } from "@univerjs/ui";
-var H = Object.defineProperty, K = Object.getOwnPropertyDescriptor, T = (e, t, i, s) => {
-  for (var n = s > 1 ? void 0 : s ? K(t, i) : t, o = e.length - 1, r; o >= 0; o--)
-    (r = e[o]) && (n = (s ? r(t, i, n) : r(n)) || n);
-  return s && n && H(t, i, n), n;
-}, v = (e, t) => (i, s) => t(i, s, e);
-function V(e, t) {
-  const { from: i, to: s, flipY: n = !1, flipX: o = !1, angle: r = 0, skewX: m = 0, skewY: a = 0 } = e.sheetTransform, { column: d, columnOffset: u, row: f, rowOffset: I } = i, w = $(
+import { transformComponentKey as Y } from "@univerjs/sheets-ui/facade";
+import { FWorksheet as T } from "@univerjs/sheets/facade";
+import { ComponentManager as H } from "@univerjs/ui";
+var K = Object.defineProperty, V = Object.getOwnPropertyDescriptor, B = (e, t, i, r) => {
+  for (var n = r > 1 ? void 0 : r ? V(t, i) : t, o = e.length - 1, s; o >= 0; o--)
+    (s = e[o]) && (n = (r ? s(t, i, n) : s(n)) || n);
+  return r && n && K(t, i, n), n;
+}, p = (e, t) => (i, r) => t(i, r, e);
+function N(e, t) {
+  const { from: i, to: r, flipY: n = !1, flipX: o = !1, angle: s = 0, skewX: m = 0, skewY: a = 0 } = e.sheetTransform, { column: d, columnOffset: u, row: f, rowOffset: I } = i, w = L(
     e.unitId,
     e.subUnitId,
-    { from: i, to: s },
+    { from: i, to: r },
     t
-  ), { left: p, top: b, width: S, height: B } = w;
+  ), { left: b, top: R, width: S, height: E } = w;
   return {
     ...e,
     column: d,
@@ -29,28 +29,28 @@ function V(e, t) {
     row: f,
     rowOffset: I,
     width: S,
-    height: B,
+    height: E,
     flipY: n,
     flipX: o,
-    angle: r,
+    angle: s,
     skewX: m,
     skewY: a
   };
 }
-function N(e, t, i) {
-  const { column: s, columnOffset: n, row: o, rowOffset: r, flipY: m = !1, flipX: a = !1, angle: d = 0, skewX: u = 0, skewY: f = 0, width: I, height: w } = e, p = L(
+function q(e, t, i) {
+  const { column: r, columnOffset: n, row: o, rowOffset: s, flipY: m = !1, flipX: a = !1, angle: d = 0, skewX: u = 0, skewY: f = 0, width: I, height: w } = e, b = X(
     e.unitId,
     e.subUnitId,
-    { column: s, columnOffset: n, row: o, rowOffset: r },
+    { column: r, columnOffset: n, row: o, rowOffset: s },
     I,
     w,
     t,
     i
-  ), { sheetTransform: b, transform: S } = p;
+  ), { sheetTransform: R, transform: S } = b;
   return {
     ...e,
     sheetTransform: {
-      ...b,
+      ...R,
       flipY: m,
       flipX: a,
       angle: d,
@@ -69,10 +69,10 @@ function N(e, t, i) {
 }
 let l = class {
   constructor(e, t, i) {
-    R(this, "_image");
+    C(this, "_image");
     this._injector = i, this._image = {
-      drawingId: W(6),
-      drawingType: x.DRAWING_IMAGE,
+      drawingId: x(6),
+      drawingType: F.DRAWING_IMAGE,
       imageSourceType: _.BASE64,
       source: "",
       unitId: e,
@@ -86,11 +86,11 @@ let l = class {
     };
   }
   setImage(e) {
-    const i = this._injector.get(C).getRenderById(e.unitId);
+    const i = this._injector.get(D).getRenderById(e.unitId);
     if (!i)
       throw new Error(`Render Unit with unitId ${e.unitId} not found`);
-    const s = i.with(y);
-    return this._image = V(e, s), this;
+    const r = i.with(O);
+    return this._image = N(e, r), this;
   }
   setSource(e, t) {
     const i = t != null ? t : _.URL;
@@ -162,21 +162,21 @@ let l = class {
     return this._image.subUnitId = e, this;
   }
   async build() {
-    const t = this._injector.get(C).getRenderById(this._image.unitId);
+    const t = this._injector.get(D).getRenderById(this._image.unitId);
     if (!t)
       throw new Error(`Render Unit with unitId ${this._image.unitId} not found`);
-    const i = t.with(G), s = t.with(y);
+    const i = t.with($), r = t.with(O);
     if (this._image.width === 0 || this._image.height === 0) {
-      const n = await M(this._image.source), o = n.width, r = n.height;
-      this._image.width === 0 && (this._image.width = o), this._image.height === 0 && (this._image.height = r);
+      const n = await z(this._image.source), o = n.width, s = n.height;
+      this._image.width === 0 && (this._image.width = o), this._image.height === 0 && (this._image.height = s);
     }
-    return N(this._image, i, s);
+    return q(this._image, i, r);
   }
 };
-l = T([
-  v(2, O(k))
+l = B([
+  p(2, k(j))
 ], l);
-let c = class extends F {
+let c = class extends M {
   constructor(e, t, i) {
     super(), this._image = e, this._commandService = t, this._injector = i;
   }
@@ -223,9 +223,9 @@ let c = class extends F {
     const i = t != null ? t : _.URL;
     return this._image.source = e, this._image.imageSourceType = i, this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
-  setPosition(e, t, i, s) {
+  setPosition(e, t, i, r) {
     const n = this.toBuilder();
-    return n.setColumn(t), n.setRow(e), i != null && n.setRowOffset(i), s != null && n.setColumnOffset(s), this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [n.build()] });
+    return n.setColumn(t), n.setRow(e), i != null && n.setRowOffset(i), r != null && n.setColumnOffset(r), this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [n.build()] });
   }
   /**
    * Set the size of the image
@@ -253,13 +253,13 @@ let c = class extends F {
    * console.log('Set crop state is ', image.setCrop(0, 0, 0, 0));
    * ```
    */
-  setCrop(e, t, i, s) {
+  setCrop(e, t, i, r) {
     return this._image.srcRect == null && (this._image.srcRect = {
       top: 0,
       left: 0,
       bottom: 0,
       right: 0
-    }), e != null && (this._image.srcRect.top = e), t != null && (this._image.srcRect.left = t), i != null && (this._image.srcRect.bottom = i), s != null && (this._image.srcRect.right = s), this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
+    }), e != null && (this._image.srcRect.top = e), t != null && (this._image.srcRect.left = t), i != null && (this._image.srcRect.bottom = i), r != null && (this._image.srcRect.right = r), this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
   // setPresetGeometry(prstGeom: PresetGeometryType): boolean {
   //     this._image.prstGeom = prstGeom;
@@ -274,98 +274,98 @@ let c = class extends F {
     return this._image.sheetTransform.angle = e, this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
 };
-c = T([
-  v(1, U),
-  v(2, O(k))
+c = B([
+  p(1, W),
+  p(2, k(j))
 ], c);
-class q extends j {
+class J extends T {
   addFloatDomToPosition(t, i) {
-    const s = this._workbook.getUnitId(), n = this._worksheet.getSheetId(), { key: o, disposableCollection: r } = X(t, this._injector.get(Y)), a = this._injector.get(z).addFloatDomToPosition({ ...t, componentKey: o, unitId: s, subUnitId: n }, i);
-    return a ? (r.add(a.dispose), {
+    const r = this._workbook.getUnitId(), n = this._worksheet.getSheetId(), { key: o, disposableCollection: s } = Y(t, this._injector.get(H)), a = this._injector.get(A).addFloatDomToPosition({ ...t, componentKey: o, unitId: r, subUnitId: n }, i);
+    return a ? (s.add(a.dispose), {
       id: a.id,
       dispose: () => {
-        r.dispose(), a.dispose();
+        s.dispose(), a.dispose();
       }
-    }) : (r.dispose(), null);
+    }) : (s.dispose(), null);
   }
-  async insertImage(t, i, s, n, o) {
-    const r = this.newOverGridImage();
+  async insertImage(t, i, r, n, o) {
+    const s = this.newOverGridImage();
     if (typeof t == "string")
-      r.setSource(t);
+      s.setSource(t);
     else {
       const d = await t.getBlob().getDataAsString();
-      r.setSource(d, _.BASE64);
+      s.setSource(d, _.BASE64);
     }
-    i !== void 0 ? r.setColumn(i) : r.setColumn(0), s !== void 0 ? r.setRow(s) : r.setRow(0), n !== void 0 ? r.setColumnOffset(n) : r.setColumnOffset(0), o !== void 0 ? r.setRowOffset(o) : r.setRowOffset(0);
-    const m = await r.build();
-    return this._commandService.syncExecuteCommand(D.id, { unitId: this._fWorkbook.getId(), drawings: [m] });
+    i !== void 0 ? s.setColumn(i) : s.setColumn(0), r !== void 0 ? s.setRow(r) : s.setRow(0), n !== void 0 ? s.setColumnOffset(n) : s.setColumnOffset(0), o !== void 0 ? s.setRowOffset(o) : s.setRowOffset(0);
+    const m = await s.build();
+    return this._commandService.syncExecuteCommand(y.id, { unitId: this._fWorkbook.getId(), drawings: [m] });
   }
   insertImages(t) {
-    const i = t.map((s) => (s.unitId = this._fWorkbook.getId(), s.subUnitId = this.getSheetId(), s));
-    this._commandService.syncExecuteCommand(D.id, { unitId: this._fWorkbook.getId(), drawings: i });
+    const i = t.map((r) => (r.unitId = this._fWorkbook.getId(), r.subUnitId = this.getSheetId(), r));
+    return this._commandService.syncExecuteCommand(y.id, { unitId: this._fWorkbook.getId(), drawings: i }), this;
   }
   deleteImages(t) {
-    const i = t.map((s) => ({
+    const i = t.map((r) => ({
       unitId: this._fWorkbook.getId(),
-      drawingId: s.getId(),
+      drawingId: r.getId(),
       subUnitId: this.getSheetId(),
-      drawingType: s.getType()
+      drawingType: r.getType()
     }));
-    this._commandService.syncExecuteCommand(A.id, { unitId: this._fWorkbook.getId(), drawings: i });
+    return this._commandService.syncExecuteCommand(G.id, { unitId: this._fWorkbook.getId(), drawings: i }), this;
   }
   getImages() {
-    const i = this._injector.get(g).getDrawingData(this._fWorkbook.getId(), this.getSheetId()), s = [];
+    const i = this._injector.get(g).getDrawingData(this._fWorkbook.getId(), this.getSheetId()), r = [];
     for (const n in i) {
       const o = i[n];
-      s.push(this._injector.createInstance(c, o));
+      r.push(this._injector.createInstance(c, o));
     }
-    return s;
+    return r;
   }
   getImageById(t) {
-    const s = this._injector.get(g).getDrawingByParam({ unitId: this._fWorkbook.getId(), subUnitId: this.getSheetId(), drawingId: t });
-    return s ? this._injector.createInstance(c, s) : null;
+    const r = this._injector.get(g).getDrawingByParam({ unitId: this._fWorkbook.getId(), subUnitId: this.getSheetId(), drawingId: t });
+    return r ? this._injector.createInstance(c, r) : null;
   }
   getActiveImages() {
-    const i = this._injector.get(g).getFocusDrawings(), s = [];
+    const i = this._injector.get(g).getFocusDrawings(), r = [];
     for (const n in i) {
       const o = i[n];
-      s.push(this._injector.createInstance(c, o));
+      r.push(this._injector.createInstance(c, o));
     }
-    return s;
+    return r;
   }
   updateImages(t) {
-    this._commandService.syncExecuteCommand(h.id, { unitId: this._fWorkbook.getId(), drawings: t });
+    return this._commandService.syncExecuteCommand(h.id, { unitId: this._fWorkbook.getId(), drawings: t }), this;
   }
   onImageInserted(t) {
     const i = this._injector.get(g);
-    i.add$.subscribe((s) => {
-      const n = s.map(
+    return v(i.add$.subscribe((r) => {
+      const n = r.map(
         (o) => this._injector.createInstance(c, i.getDrawingByParam(o))
       );
       t(n);
-    });
+    }));
   }
   onImageDeleted(t) {
     const i = this._injector.get(g);
-    i.remove$.subscribe((s) => {
-      const n = s.map(
+    return v(i.remove$.subscribe((r) => {
+      const n = r.map(
         (o) => this._injector.createInstance(c, i.getDrawingByParam(o))
       );
       t(n);
-    });
+    }));
   }
   onImageChanged(t) {
     const i = this._injector.get(g);
-    i.update$.subscribe((s) => {
-      const n = s.map(
+    return v(i.update$.subscribe((r) => {
+      const n = r.map(
         (o) => this._injector.createInstance(c, i.getDrawingByParam(o))
       );
       t(n);
-    });
+    }));
   }
   newOverGridImage() {
     const t = this._fWorkbook.getId(), i = this.getSheetId();
     return this._injector.createInstance(l, t, i);
   }
 }
-j.extend(q);
+T.extend(J);

package/lib/types/facade/f-worksheet.d.ts

@@ -1,4 +1,4 @@
-import { IFBlobSource, Nullable } from '@univerjs/core';
+import { IDisposable, IFBlobSource, Nullable } from '@univerjs/core';
 import { ISheetImage } from '@univerjs/sheets-drawing';
 import { ICanvasFloatDom } from '@univerjs/sheets-drawing-ui';
 import { IFComponentKey } from '@univerjs/sheets-ui/facade';
@@ -8,7 +8,7 @@ export interface IFICanvasFloatDom extends Omit<ICanvasFloatDom, 'componentKey'
 }
 export interface IFWorksheetLegacy {
     /**
-     * add a float dom to position
+     * Add a float dom to position.
      * @param layer float dom config
      * @param id float dom id, if not given will be auto generated
      * @returns float dom id and dispose function
@@ -50,21 +50,35 @@ export interface IFWorksheetLegacy {
      *  const imageBuilder = activeSheet.newOverGridImage();
      *  const param = await imageBuilder.setSource('https://avatars.githubusercontent.com/u/61444807?s=48&v=4').setColumn(5).setRow(5).setWidth(500).setHeight(300).build();
      *  activeSheet.insertImages([param]);
-     *
-     *
      *  const image = activeSheet.getImageById(param.drawingId);
      *  console.log(image);
-
      *  setTimeout(async ()=>{
      *   const builder = image.toBuilder();
      *   const param = await builder.setHeight(50).setWidth(100).build();
      *   activeSheet.updateImages([param]);
      *  }, 4000);
      */
-    insertImages(sheetImages: ISheetImage[]): void;
+    insertImages(sheetImages: ISheetImage[]): FWorksheet;
+    /**
+     * Get all images in current sheet.
+     * @returns FOverGridImage[]
+     * @example
+     * ```ts
+     * univerAPI.getActiveWorkbook().getActiveSheet().getImages();
+     * ```
+     */
     getImages(): FOverGridImage[];
+    /**
+     * Get image by drawing id
+     * @param id - The drawing id of the image
+     * @returns FOverGridImage | null
+     * @example
+     * ```ts
+     * univerAPI.getActiveWorkbook().getActiveSheet().getImageById('xxxx');
+     * ```
+     */
     getImageById(id: string): FOverGridImage | null;
-    deleteImages(sheetImages: FOverGridImage[]): void;
+    deleteImages(sheetImages: FOverGridImage[]): FWorksheet;
     /**
      * Update images to the sheet
      * @param sheetImages The images to insert
@@ -76,29 +90,46 @@ export interface IFWorksheetLegacy {
      *  const imageBuilder = activeSheet.newOverGridImage();
      *  const param = await imageBuilder.setSource('https://avatars.githubusercontent.com/u/61444807?s=48&v=4').setColumn(5).setRow(5).setWidth(500).setHeight(300).build();
      *  activeSheet.insertImages([param]);
-     *
-     *
      *  const image = activeSheet.getImageById(param.drawingId);
      *  console.log(image);
-
      *  setTimeout(async ()=>{
      *   const builder = image.toBuilder();
      *   const param = await builder.setHeight(50).setWidth(100).build();
      *   activeSheet.updateImages([param]);
      *  }, 4000);
      */
-    updateImages(sheetImages: ISheetImage[]): void;
+    updateImages(sheetImages: ISheetImage[]): FWorksheet;
+    /**
+     * Get all images in current sheet.
+     * @returns FOverGridImage[]
+     * @example
+     * ```ts
+     * univerAPI.getActiveWorkbook().getActiveSheet().getImages();
+     * ```
+     */
     getActiveImages(): FOverGridImage[];
-    onImageInserted(callback: (images: FOverGridImage[]) => void): void;
-    onImageDeleted(callback: (images: FOverGridImage[]) => void): void;
-    onImageChanged(callback: (images: FOverGridImage[]) => void): void;
+    /**
+     * Hook when a image is inserted.
+     * @param {function(FOverGridImage[]: void)} callback - The callback function when a image is inserted.
+     */
+    onImageInserted(callback: (images: FOverGridImage[]) => void): IDisposable;
+    /**
+     * Hook when a image is deleted.
+     * @param {function(FOverGridImage[]: void)} callback - The callback function when a image is deleted.
+     */
+    onImageDeleted(callback: (images: FOverGridImage[]) => void): IDisposable;
+    /**
+     * Hook when a image is changed.
+     * @param {function(FOverGridImage[]: void)} callback - The callback function when a image is changed.
+     */
+    onImageChanged(callback: (images: FOverGridImage[]) => void): IDisposable;
     /**
      * Create a new over grid image builder.
-     * @returns The builder
+     * @returns {FOverGridImageBuilder} The builder
      * @example
      * ```ts
      * // create a new over grid image builder.
-     * const builder = UniverApi.newOverGridImage();
+     * const builder = univerAPI.newOverGridImage();
      * ```
      */
     newOverGridImage(): FOverGridImageBuilder;
@@ -109,15 +140,15 @@ export declare class FWorksheetLegacy extends FWorksheet implements IFWorksheetL
         dispose: () => void;
     }>;
     insertImage(url: IFBlobSource | string, column?: number, row?: number, offsetX?: number, offsetY?: number): Promise<boolean>;
-    insertImages(sheetImages: ISheetImage[]): void;
-    deleteImages(sheetImages: FOverGridImage[]): void;
+    insertImages(sheetImages: ISheetImage[]): FWorksheet;
+    deleteImages(sheetImages: FOverGridImage[]): FWorksheet;
     getImages(): FOverGridImage[];
     getImageById(id: string): FOverGridImage | null;
     getActiveImages(): FOverGridImage[];
-    updateImages(sheetImages: ISheetImage[]): void;
-    onImageInserted(callback: (images: FOverGridImage[]) => void): void;
-    onImageDeleted(callback: (images: FOverGridImage[]) => void): void;
-    onImageChanged(callback: (images: FOverGridImage[]) => void): void;
+    updateImages(sheetImages: ISheetImage[]): FWorksheet;
+    onImageInserted(callback: (images: FOverGridImage[]) => void): IDisposable;
+    onImageDeleted(callback: (images: FOverGridImage[]) => void): IDisposable;
+    onImageChanged(callback: (images: FOverGridImage[]) => void): IDisposable;
     newOverGridImage(): FOverGridImageBuilder;
 }
 declare module '@univerjs/sheets/facade' {

package/lib/umd/facade.js

@@ -1 +1 @@
-(function(s,c){typeof exports=="object"&&typeof module<"u"?c(require("@univerjs/core"),require("@univerjs/drawing"),require("@univerjs/engine-render"),require("@univerjs/sheets-drawing-ui"),require("@univerjs/sheets-ui"),require("@univerjs/sheets-drawing"),require("@univerjs/sheets-ui/facade"),require("@univerjs/sheets/facade"),require("@univerjs/ui")):typeof define=="function"&&define.amd?define(["@univerjs/core","@univerjs/drawing","@univerjs/engine-render","@univerjs/sheets-drawing-ui","@univerjs/sheets-ui","@univerjs/sheets-drawing","@univerjs/sheets-ui/facade","@univerjs/sheets/facade","@univerjs/ui"],c):(s=typeof globalThis<"u"?globalThis:s||self,c(s.UniverCore,s.UniverDrawing,s.UniverEngineRender,s.UniverSheetsDrawingUi,s.UniverSheetsUi,s.UniverSheetsDrawing,s.UniverSheetsUiFacade,s.UniverSheetsFacade,s.UniverUi))})(this,function(s,c,u,d,S,f,k,R,T){"use strict";var U=Object.defineProperty;var M=(s,c,u)=>c in s?U(s,c,{enumerable:!0,configurable:!0,writable:!0,value:u}):s[c]=u;var O=(s,c,u)=>M(s,typeof c!="symbol"?c+"":c,u);var B=Object.defineProperty,E=Object.getOwnPropertyDescriptor,b=(e,i,t,n)=>{for(var r=n>1?void 0:n?E(i,t):i,a=e.length-1,o;a>=0;a--)(o=e[a])&&(r=(n?o(i,t,r):o(r))||r);return n&&r&&B(i,t,r),r},v=(e,i)=>(t,n)=>i(t,n,e);function P(e,i){const{from:t,to:n,flipY:r=!1,flipX:a=!1,angle:o=0,skewX:g=0,skewY:h=0}=e.sheetTransform,{column:I,columnOffset:w,row:l,rowOffset:p}=t,C=S.convertPositionSheetOverGridToAbsolute(e.unitId,e.subUnitId,{from:t,to:n},i),{left:y,top:D,width:j,height:F}=C;return{...e,column:I,columnOffset:w,row:l,rowOffset:p,width:j,height:F,flipY:r,flipX:a,angle:o,skewX:g,skewY:h}}function W(e,i,t){const{column:n,columnOffset:r,row:a,rowOffset:o,flipY:g=!1,flipX:h=!1,angle:I=0,skewX:w=0,skewY:l=0,width:p,height:C}=e,y=S.convertPositionCellToSheetOverGrid(e.unitId,e.subUnitId,{column:n,columnOffset:r,row:a,rowOffset:o},p,C,i,t),{sheetTransform:D,transform:j}=y;return{...e,sheetTransform:{...D,flipY:g,flipX:h,angle:I,skewX:w,skewY:l},transform:{...j,flipY:g,flipX:h,angle:I,skewX:w,skewY:l}}}let _=class{constructor(e,i,t){O(this,"_image");this._injector=t,this._image={drawingId:s.generateRandomId(6),drawingType:s.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s.ImageSourceType.BASE64,source:"",unitId:e,subUnitId:i,column:0,columnOffset:0,row:0,rowOffset:0,width:0,height:0}}setImage(e){const t=this._injector.get(u.IRenderManagerService).getRenderById(e.unitId);if(!t)throw new Error(`Render Unit with unitId ${e.unitId} not found`);const n=t.with(S.SheetSkeletonManagerService);return this._image=P(e,n),this}setSource(e,i){const t=i!=null?i:s.ImageSourceType.URL;return this._image.source=e,this._image.imageSourceType=t,this}getsource(){return this._image.source}getSourceType(){return this._image.imageSourceType}setColumn(e){return this._image.column=e,this}setRow(e){return this._image.row=e,this}setColumnOffset(e){return this._image.columnOffset=e,this}setRowOffset(e){return this._image.rowOffset=e,this}setWidth(e){return this._image.width=e,this}setHeight(e){return this._image.height=e,this}setAnchorType(e){return this._image.anchorType=e,this}setCropTop(e){return this._initializeSrcRect(),this._image.srcRect.top=e,this}setCropLeft(e){return this._initializeSrcRect(),this._image.srcRect.left=e,this}setCropBottom(e){return this._initializeSrcRect(),this._image.srcRect.bottom=e,this}setCropRight(e){return this._initializeSrcRect(),this._image.srcRect.right=e,this}_initializeSrcRect(){this._image.srcRect==null&&(this._image.srcRect={top:0,left:0,bottom:0,right:0})}setRotate(e){return this._image.angle=e,this}setUnitId(e){return this._image.unitId=e,this}setSubUnitId(e){return this._image.subUnitId=e,this}async build(){const i=this._injector.get(u.IRenderManagerService).getRenderById(this._image.unitId);if(!i)throw new Error(`Render Unit with unitId ${this._image.unitId} not found`);const t=i.with(S.ISheetSelectionRenderService),n=i.with(S.SheetSkeletonManagerService);if(this._image.width===0||this._image.height===0){const r=await c.getImageSize(this._image.source),a=r.width,o=r.height;this._image.width===0&&(this._image.width=a),this._image.height===0&&(this._image.height=o)}return W(this._image,t,n)}};_=b([v(2,s.Inject(s.Injector))],_);let m=class extends s.FBase{constructor(e,i,t){super(),this._image=e,this._commandService=i,this._injector=t}getId(){return this._image.drawingId}getType(){return this._image.drawingType}remove(){return this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}toBuilder(){const e=this._injector.createInstance(_);return e.setImage(this._image),e}setSource(e,i){const t=i!=null?i:s.ImageSourceType.URL;return this._image.source=e,this._image.imageSourceType=t,this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}setPosition(e,i,t,n){const r=this.toBuilder();return r.setColumn(i),r.setRow(e),t!=null&&r.setRowOffset(t),n!=null&&r.setColumnOffset(n),this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[r.build()]})}setSize(e,i){const t=this.toBuilder();return t.setWidth(e),t.setHeight(i),this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[t.build()]})}setCrop(e,i,t,n){return this._image.srcRect==null&&(this._image.srcRect={top:0,left:0,bottom:0,right:0}),e!=null&&(this._image.srcRect.top=e),i!=null&&(this._image.srcRect.left=i),t!=null&&(this._image.srcRect.bottom=t),n!=null&&(this._image.srcRect.right=n),this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}setRotate(e){return this._image.sheetTransform.angle=e,this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}};m=b([v(1,s.ICommandService),v(2,s.Inject(s.Injector))],m);class x extends R.FWorksheet{addFloatDomToPosition(i,t){const n=this._workbook.getUnitId(),r=this._worksheet.getSheetId(),{key:a,disposableCollection:o}=k.transformComponentKey(i,this._injector.get(T.ComponentManager)),h=this._injector.get(d.SheetCanvasFloatDomManagerService).addFloatDomToPosition({...i,componentKey:a,unitId:n,subUnitId:r},t);return h?(o.add(h.dispose),{id:h.id,dispose:()=>{o.dispose(),h.dispose()}}):(o.dispose(),null)}async insertImage(i,t,n,r,a){const o=this.newOverGridImage();if(typeof i=="string")o.setSource(i);else{const I=await i.getBlob().getDataAsString();o.setSource(I,s.ImageSourceType.BASE64)}t!==void 0?o.setColumn(t):o.setColumn(0),n!==void 0?o.setRow(n):o.setRow(0),r!==void 0?o.setColumnOffset(r):o.setColumnOffset(0),a!==void 0?o.setRowOffset(a):o.setRowOffset(0);const g=await o.build();return this._commandService.syncExecuteCommand(d.InsertSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:[g]})}insertImages(i){const t=i.map(n=>(n.unitId=this._fWorkbook.getId(),n.subUnitId=this.getSheetId(),n));this._commandService.syncExecuteCommand(d.InsertSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:t})}deleteImages(i){const t=i.map(n=>({unitId:this._fWorkbook.getId(),drawingId:n.getId(),subUnitId:this.getSheetId(),drawingType:n.getType()}));this._commandService.syncExecuteCommand(d.RemoveSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:t})}getImages(){const t=this._injector.get(f.ISheetDrawingService).getDrawingData(this._fWorkbook.getId(),this.getSheetId()),n=[];for(const r in t){const a=t[r];n.push(this._injector.createInstance(m,a))}return n}getImageById(i){const n=this._injector.get(f.ISheetDrawingService).getDrawingByParam({unitId:this._fWorkbook.getId(),subUnitId:this.getSheetId(),drawingId:i});return n?this._injector.createInstance(m,n):null}getActiveImages(){const t=this._injector.get(f.ISheetDrawingService).getFocusDrawings(),n=[];for(const r in t){const a=t[r];n.push(this._injector.createInstance(m,a))}return n}updateImages(i){this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:i})}onImageInserted(i){const t=this._injector.get(f.ISheetDrawingService);t.add$.subscribe(n=>{const r=n.map(a=>this._injector.createInstance(m,t.getDrawingByParam(a)));i(r)})}onImageDeleted(i){const t=this._injector.get(f.ISheetDrawingService);t.remove$.subscribe(n=>{const r=n.map(a=>this._injector.createInstance(m,t.getDrawingByParam(a)));i(r)})}onImageChanged(i){const t=this._injector.get(f.ISheetDrawingService);t.update$.subscribe(n=>{const r=n.map(a=>this._injector.createInstance(m,t.getDrawingByParam(a)));i(r)})}newOverGridImage(){const i=this._fWorkbook.getId(),t=this.getSheetId();return this._injector.createInstance(_,i,t)}}R.FWorksheet.extend(x)});
+(function(s,c){typeof exports=="object"&&typeof module<"u"?c(require("@univerjs/core"),require("@univerjs/drawing"),require("@univerjs/engine-render"),require("@univerjs/sheets-drawing-ui"),require("@univerjs/sheets-ui"),require("@univerjs/sheets-drawing"),require("@univerjs/sheets-ui/facade"),require("@univerjs/sheets/facade"),require("@univerjs/ui")):typeof define=="function"&&define.amd?define(["@univerjs/core","@univerjs/drawing","@univerjs/engine-render","@univerjs/sheets-drawing-ui","@univerjs/sheets-ui","@univerjs/sheets-drawing","@univerjs/sheets-ui/facade","@univerjs/sheets/facade","@univerjs/ui"],c):(s=typeof globalThis<"u"?globalThis:s||self,c(s.UniverCore,s.UniverDrawing,s.UniverEngineRender,s.UniverSheetsDrawingUi,s.UniverSheetsUi,s.UniverSheetsDrawing,s.UniverSheetsUiFacade,s.UniverSheetsFacade,s.UniverUi))})(this,function(s,c,m,d,S,f,k,R,T){"use strict";var U=Object.defineProperty;var M=(s,c,m)=>c in s?U(s,c,{enumerable:!0,configurable:!0,writable:!0,value:m}):s[c]=m;var O=(s,c,m)=>M(s,typeof c!="symbol"?c+"":c,m);var B=Object.defineProperty,E=Object.getOwnPropertyDescriptor,b=(e,i,t,n)=>{for(var r=n>1?void 0:n?E(i,t):i,a=e.length-1,o;a>=0;a--)(o=e[a])&&(r=(n?o(i,t,r):o(r))||r);return n&&r&&B(i,t,r),r},v=(e,i)=>(t,n)=>i(t,n,e);function P(e,i){const{from:t,to:n,flipY:r=!1,flipX:a=!1,angle:o=0,skewX:g=0,skewY:h=0}=e.sheetTransform,{column:I,columnOffset:w,row:l,rowOffset:p}=t,C=S.convertPositionSheetOverGridToAbsolute(e.unitId,e.subUnitId,{from:t,to:n},i),{left:y,top:D,width:j,height:F}=C;return{...e,column:I,columnOffset:w,row:l,rowOffset:p,width:j,height:F,flipY:r,flipX:a,angle:o,skewX:g,skewY:h}}function W(e,i,t){const{column:n,columnOffset:r,row:a,rowOffset:o,flipY:g=!1,flipX:h=!1,angle:I=0,skewX:w=0,skewY:l=0,width:p,height:C}=e,y=S.convertPositionCellToSheetOverGrid(e.unitId,e.subUnitId,{column:n,columnOffset:r,row:a,rowOffset:o},p,C,i,t),{sheetTransform:D,transform:j}=y;return{...e,sheetTransform:{...D,flipY:g,flipX:h,angle:I,skewX:w,skewY:l},transform:{...j,flipY:g,flipX:h,angle:I,skewX:w,skewY:l}}}let _=class{constructor(e,i,t){O(this,"_image");this._injector=t,this._image={drawingId:s.generateRandomId(6),drawingType:s.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s.ImageSourceType.BASE64,source:"",unitId:e,subUnitId:i,column:0,columnOffset:0,row:0,rowOffset:0,width:0,height:0}}setImage(e){const t=this._injector.get(m.IRenderManagerService).getRenderById(e.unitId);if(!t)throw new Error(`Render Unit with unitId ${e.unitId} not found`);const n=t.with(S.SheetSkeletonManagerService);return this._image=P(e,n),this}setSource(e,i){const t=i!=null?i:s.ImageSourceType.URL;return this._image.source=e,this._image.imageSourceType=t,this}getsource(){return this._image.source}getSourceType(){return this._image.imageSourceType}setColumn(e){return this._image.column=e,this}setRow(e){return this._image.row=e,this}setColumnOffset(e){return this._image.columnOffset=e,this}setRowOffset(e){return this._image.rowOffset=e,this}setWidth(e){return this._image.width=e,this}setHeight(e){return this._image.height=e,this}setAnchorType(e){return this._image.anchorType=e,this}setCropTop(e){return this._initializeSrcRect(),this._image.srcRect.top=e,this}setCropLeft(e){return this._initializeSrcRect(),this._image.srcRect.left=e,this}setCropBottom(e){return this._initializeSrcRect(),this._image.srcRect.bottom=e,this}setCropRight(e){return this._initializeSrcRect(),this._image.srcRect.right=e,this}_initializeSrcRect(){this._image.srcRect==null&&(this._image.srcRect={top:0,left:0,bottom:0,right:0})}setRotate(e){return this._image.angle=e,this}setUnitId(e){return this._image.unitId=e,this}setSubUnitId(e){return this._image.subUnitId=e,this}async build(){const i=this._injector.get(m.IRenderManagerService).getRenderById(this._image.unitId);if(!i)throw new Error(`Render Unit with unitId ${this._image.unitId} not found`);const t=i.with(S.ISheetSelectionRenderService),n=i.with(S.SheetSkeletonManagerService);if(this._image.width===0||this._image.height===0){const r=await c.getImageSize(this._image.source),a=r.width,o=r.height;this._image.width===0&&(this._image.width=a),this._image.height===0&&(this._image.height=o)}return W(this._image,t,n)}};_=b([v(2,s.Inject(s.Injector))],_);let u=class extends s.FBase{constructor(e,i,t){super(),this._image=e,this._commandService=i,this._injector=t}getId(){return this._image.drawingId}getType(){return this._image.drawingType}remove(){return this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}toBuilder(){const e=this._injector.createInstance(_);return e.setImage(this._image),e}setSource(e,i){const t=i!=null?i:s.ImageSourceType.URL;return this._image.source=e,this._image.imageSourceType=t,this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}setPosition(e,i,t,n){const r=this.toBuilder();return r.setColumn(i),r.setRow(e),t!=null&&r.setRowOffset(t),n!=null&&r.setColumnOffset(n),this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[r.build()]})}setSize(e,i){const t=this.toBuilder();return t.setWidth(e),t.setHeight(i),this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[t.build()]})}setCrop(e,i,t,n){return this._image.srcRect==null&&(this._image.srcRect={top:0,left:0,bottom:0,right:0}),e!=null&&(this._image.srcRect.top=e),i!=null&&(this._image.srcRect.left=i),t!=null&&(this._image.srcRect.bottom=t),n!=null&&(this._image.srcRect.right=n),this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}setRotate(e){return this._image.sheetTransform.angle=e,this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}};u=b([v(1,s.ICommandService),v(2,s.Inject(s.Injector))],u);class x extends R.FWorksheet{addFloatDomToPosition(i,t){const n=this._workbook.getUnitId(),r=this._worksheet.getSheetId(),{key:a,disposableCollection:o}=k.transformComponentKey(i,this._injector.get(T.ComponentManager)),h=this._injector.get(d.SheetCanvasFloatDomManagerService).addFloatDomToPosition({...i,componentKey:a,unitId:n,subUnitId:r},t);return h?(o.add(h.dispose),{id:h.id,dispose:()=>{o.dispose(),h.dispose()}}):(o.dispose(),null)}async insertImage(i,t,n,r,a){const o=this.newOverGridImage();if(typeof i=="string")o.setSource(i);else{const I=await i.getBlob().getDataAsString();o.setSource(I,s.ImageSourceType.BASE64)}t!==void 0?o.setColumn(t):o.setColumn(0),n!==void 0?o.setRow(n):o.setRow(0),r!==void 0?o.setColumnOffset(r):o.setColumnOffset(0),a!==void 0?o.setRowOffset(a):o.setRowOffset(0);const g=await o.build();return this._commandService.syncExecuteCommand(d.InsertSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:[g]})}insertImages(i){const t=i.map(n=>(n.unitId=this._fWorkbook.getId(),n.subUnitId=this.getSheetId(),n));return this._commandService.syncExecuteCommand(d.InsertSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:t}),this}deleteImages(i){const t=i.map(n=>({unitId:this._fWorkbook.getId(),drawingId:n.getId(),subUnitId:this.getSheetId(),drawingType:n.getType()}));return this._commandService.syncExecuteCommand(d.RemoveSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:t}),this}getImages(){const t=this._injector.get(f.ISheetDrawingService).getDrawingData(this._fWorkbook.getId(),this.getSheetId()),n=[];for(const r in t){const a=t[r];n.push(this._injector.createInstance(u,a))}return n}getImageById(i){const n=this._injector.get(f.ISheetDrawingService).getDrawingByParam({unitId:this._fWorkbook.getId(),subUnitId:this.getSheetId(),drawingId:i});return n?this._injector.createInstance(u,n):null}getActiveImages(){const t=this._injector.get(f.ISheetDrawingService).getFocusDrawings(),n=[];for(const r in t){const a=t[r];n.push(this._injector.createInstance(u,a))}return n}updateImages(i){return this._commandService.syncExecuteCommand(d.SetSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:i}),this}onImageInserted(i){const t=this._injector.get(f.ISheetDrawingService);return s.toDisposable(t.add$.subscribe(n=>{const r=n.map(a=>this._injector.createInstance(u,t.getDrawingByParam(a)));i(r)}))}onImageDeleted(i){const t=this._injector.get(f.ISheetDrawingService);return s.toDisposable(t.remove$.subscribe(n=>{const r=n.map(a=>this._injector.createInstance(u,t.getDrawingByParam(a)));i(r)}))}onImageChanged(i){const t=this._injector.get(f.ISheetDrawingService);return s.toDisposable(t.update$.subscribe(n=>{const r=n.map(a=>this._injector.createInstance(u,t.getDrawingByParam(a)));i(r)}))}newOverGridImage(){const i=this._fWorkbook.getId(),t=this.getSheetId();return this._injector.createInstance(_,i,t)}}R.FWorksheet.extend(x)});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/sheets-drawing-ui",
-  "version": "0.5.3-nightly.202501051605",
+  "version": "0.5.3-nightly.202501060906",
   "private": false,
   "description": "",
   "author": "DreamNum <developer@univer.ai>",
@@ -59,17 +59,17 @@
   "dependencies": {
     "@univerjs/icons": "^0.2.10",
     "clsx": "^2.1.1",
-    "@univerjs/core": "0.5.3-nightly.202501051605",
-    "@univerjs/design": "0.5.3-nightly.202501051605",
-    "@univerjs/docs-drawing": "0.5.3-nightly.202501051605",
-    "@univerjs/docs-ui": "0.5.3-nightly.202501051605",
-    "@univerjs/drawing-ui": "0.5.3-nightly.202501051605",
-    "@univerjs/sheets": "0.5.3-nightly.202501051605",
-    "@univerjs/drawing": "0.5.3-nightly.202501051605",
-    "@univerjs/engine-render": "0.5.3-nightly.202501051605",
-    "@univerjs/sheets-drawing": "0.5.3-nightly.202501051605",
-    "@univerjs/sheets-ui": "0.5.3-nightly.202501051605",
-    "@univerjs/ui": "0.5.3-nightly.202501051605"
+    "@univerjs/core": "0.5.3-nightly.202501060906",
+    "@univerjs/design": "0.5.3-nightly.202501060906",
+    "@univerjs/docs-drawing": "0.5.3-nightly.202501060906",
+    "@univerjs/docs-ui": "0.5.3-nightly.202501060906",
+    "@univerjs/drawing-ui": "0.5.3-nightly.202501060906",
+    "@univerjs/sheets": "0.5.3-nightly.202501060906",
+    "@univerjs/engine-render": "0.5.3-nightly.202501060906",
+    "@univerjs/drawing": "0.5.3-nightly.202501060906",
+    "@univerjs/sheets-drawing": "0.5.3-nightly.202501060906",
+    "@univerjs/sheets-ui": "0.5.3-nightly.202501060906",
+    "@univerjs/ui": "0.5.3-nightly.202501060906"
   },
   "devDependencies": {
     "less": "^4.2.1",