@univerjs/sheets-drawing-ui 0.5.2 → 0.5.3-experimental.20250106-4af1f4e

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/index.css

@@ -1 +1 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(63 131 248 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(63 131 248 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*{scrollbar-color:initial;scrollbar-width:initial}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.univer-upload-loading{position:absolute;height:100%;width:100%;text-align:center;background-color:rgba(var(--color-black),.5);z-index:1000;-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-upload-loading-body{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-white));padding:20px 40px;display:flex;align-items:center;justify-items:center;border-radius:var(--border-radius-lg)}.univer-upload-loading-body-animation{width:30px;height:30px;border:2px solid rgb(var(--color-black));border-top-color:transparent;border-radius:100%;animation:univer-UniverCircleAnimation infinite .75s linear}.univer-upload-loading-body-text{font-size:var(--font-size-xs);color:var(--color-black);padding:10px}@keyframes univer-UniverCircleAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.univer-image-common-panel{text-align:center;padding:var(--padding-sm);font-size:var(--font-size-sm)}.univer-image-common-panel-grid{position:relative;width:100%}.univer-image-common-panel-border{border-top:1px solid rgb(var(--border-color));margin-top:20px}.univer-image-common-panel-title{color:rgb(var(--text-color-secondary));text-align:left}.univer-image-common-panel-subtitle{color:rgb(var(--text-color-primary));text-align:left}.univer-image-common-panel-row{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;height:100%;margin-top:10px}.univer-image-common-panel-row-vertical{justify-content:center;align-items:center;height:36px}.univer-image-common-panel-column{width:100%}.univer-image-common-panel-column-center{display:flex;justify-content:center;align-items:center}.univer-image-common-panel-inline{display:flex;align-items:center;gap:var(--margin-xxs)}.univer-image-common-panel-span2{width:50%}.univer-image-common-panel-span3{width:33.33333333%}.univer-image-common-panel-input{width:90%}.univer-sheet-image-menu{position:absolute;height:100%;width:100%;text-align:center}.univer-sheet-image-menu-input{display:none}
+.univer-upload-loading{position:absolute;height:100%;width:100%;text-align:center;background-color:rgba(var(--color-black),.5);z-index:1000;-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-upload-loading-body{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-white));padding:20px 40px;display:flex;align-items:center;justify-items:center;border-radius:var(--border-radius-lg)}.univer-upload-loading-body-animation{width:30px;height:30px;border:2px solid rgb(var(--color-black));border-top-color:transparent;border-radius:100%;animation:univer-UniverCircleAnimation infinite .75s linear}.univer-upload-loading-body-text{font-size:var(--font-size-xs);color:var(--color-black);padding:10px}@keyframes univer-UniverCircleAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.univer-image-common-panel{text-align:center;padding:var(--padding-sm);font-size:var(--font-size-sm)}.univer-image-common-panel-grid{position:relative;width:100%}.univer-image-common-panel-border{border-top:1px solid rgb(var(--border-color));margin-top:20px}.univer-image-common-panel-title{color:rgb(var(--text-color-secondary));text-align:left}.univer-image-common-panel-subtitle{color:rgb(var(--text-color-primary));text-align:left}.univer-image-common-panel-row{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;height:100%;margin-top:10px}.univer-image-common-panel-row-vertical{justify-content:center;align-items:center;height:36px}.univer-image-common-panel-column{width:100%}.univer-image-common-panel-column-center{display:flex;justify-content:center;align-items:center}.univer-image-common-panel-inline{display:flex;align-items:center;gap:var(--margin-xxs)}.univer-image-common-panel-span2{width:50%}.univer-image-common-panel-span3{width:33.33333333%}.univer-image-common-panel-input{width:90%}.univer-sheet-image-menu{position:absolute;height:100%;width:100%;text-align:center}.univer-sheet-image-menu-input{display:none}

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.2",
+  "version": "0.5.3-experimental.20250106-4af1f4e",
   "private": false,
   "description": "",
   "author": "DreamNum <developer@univer.ai>",
@@ -57,53 +57,29 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs/icons": "^0.2.8",
+    "@univerjs/icons": "^0.2.10",
     "clsx": "^2.1.1",
-    "@univerjs/design": "0.5.2",
-    "@univerjs/core": "0.5.2",
-    "@univerjs/docs-drawing": "0.5.2",
-    "@univerjs/docs-ui": "0.5.2",
-    "@univerjs/drawing": "0.5.2",
-    "@univerjs/drawing-ui": "0.5.2",
-    "@univerjs/engine-render": "0.5.2",
-    "@univerjs/sheets-drawing": "0.5.2",
-    "@univerjs/sheets": "0.5.2",
-    "@univerjs/sheets-ui": "0.5.2",
-    "@univerjs/ui": "0.5.2"
+    "@univerjs/core": "0.5.3-experimental.20250106-4af1f4e",
+    "@univerjs/design": "0.5.3-experimental.20250106-4af1f4e",
+    "@univerjs/docs-ui": "0.5.3-experimental.20250106-4af1f4e",
+    "@univerjs/drawing": "0.5.3-experimental.20250106-4af1f4e",
+    "@univerjs/drawing-ui": "0.5.3-experimental.20250106-4af1f4e",
+    "@univerjs/docs-drawing": "0.5.3-experimental.20250106-4af1f4e",
+    "@univerjs/engine-render": "0.5.3-experimental.20250106-4af1f4e",
+    "@univerjs/sheets-drawing": "0.5.3-experimental.20250106-4af1f4e",
+    "@univerjs/sheets": "0.5.3-experimental.20250106-4af1f4e",
+    "@univerjs/ui": "0.5.3-experimental.20250106-4af1f4e",
+    "@univerjs/sheets-ui": "0.5.3-experimental.20250106-4af1f4e"
   },
   "devDependencies": {
     "less": "^4.2.1",
     "postcss": "^8.4.49",
     "react": "18.3.1",
     "rxjs": "^7.8.1",
-    "tailwindcss": "^3.4.16",
     "typescript": "^5.7.2",
-    "vite": "^6.0.3",
+    "vite": "^6.0.6",
     "vitest": "^2.1.8",
-    "@univerjs-infra/shared": "0.5.2"
-  },
-  "space": {
-    ".": {
-      "import": "./lib/es/index.js",
-      "require": "./lib/cjs/index.js",
-      "types": "./lib/types/index.d.ts"
-    },
-    "./*": {
-      "import": "./lib/es/*",
-      "require": "./lib/cjs/*",
-      "types": "./lib/types/index.d.ts"
-    },
-    "./locale/*": {
-      "import": "./lib/es/locale/*.js",
-      "require": "./lib/cjs/locale/*.js",
-      "types": "./lib/types/locale/*.d.ts"
-    },
-    "./facade": {
-      "import": "./lib/es/facade.js",
-      "require": "./lib/cjs/facade.js",
-      "types": "./lib/types/facade/index.d.ts"
-    },
-    "./lib/*": "./lib/*"
+    "@univerjs-infra/shared": "0.5.3"
   },
   "scripts": {
     "test": "vitest run",

package/LICENSE

@@ -1,176 +0,0 @@
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS