@univerjs/sheets-drawing-ui 0.6.0-nightly.202502181606 → 0.6.0-nightly.202502191606

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

@@ -13,28 +13,47 @@ export interface IFICanvasFloatDom extends Omit<ICanvasFloatDom, 'componentKey'
 export interface IFWorksheetLegacy {
     /**
      * Add a float dom to position.
-     * @param layer float dom config
-     * @param id float dom id, if not given will be auto generated
+     * @param {IFICanvasFloatDom} layer - The float dom layer configuration.
+     * @param {string} [id] - The float dom id, if not given will be auto generated.
      * @returns float dom id and dispose function
      * @example
      * ```ts
-     let sheet = univerAPI.getActiveWorkbook().getActiveSheet();
-     sheet.addFloatDomToPosition({
-            allowTransform: false,
-            initPosition: {
-                startX: 200,
-                endX: 400,
-                startY: 200,
-                endY: 400,
-            },
-            componentKey: 'ImageDemo',
-            props: {
-                a: 1,
-            },
-            data: {
-                aa: '128',
-            },
-        });
+     * const fWorksheet = univerAPI.getActiveWorkbook().getActiveSheet();
+     *
+     * // You should register components at an appropriate time (e.g., when Univer is loaded)
+     * // This is a React component. For Vue3 components, the third parameter should be `{ framework: 'vue3' }`
+     * univerAPI.registerComponent(
+     *   'myFloatDom',
+     *   ({ data }) => (
+     *     <div style={{ width: '100%', height: '100%', background: '#fff', border: '1px solid #ccc', boxSizing: 'border-box' }}>
+     *       popup content:
+     *       {' '}
+     *       {data?.label}
+     *     </div>
+     *   ),
+     * );
+     *
+     * // Add a floating DOM
+     * // If disposable is null, floating DOM addition failed
+     * const disposeable = fWorksheet.addFloatDomToPosition({
+     *   componentKey: 'myFloatDom',
+     *   initPosition: {
+     *     startX: 100,
+     *     endX: 300,
+     *     startY: 100,
+     *     endY: 200,
+     *   },
+     *
+     *   // Component data
+     *   data: {
+     *     label: 'hahah',
+     *   },
+     * });
+     *
+     * // Remove the floating DOM
+     * setTimeout(() => {
+     *   disposeable?.dispose();
+     * }, 2000);
      * ```
      */
     addFloatDomToPosition(layer: IFICanvasFloatDom, id?: string): Nullable<{
@@ -43,102 +62,192 @@ export interface IFWorksheetLegacy {
     }>;
     /**
      * Add dom over range to FloatDOM, And FloatDOM is registerComponent(BuiltInUIPart.CONTENT)
-     * @param layer
-     * @param id
+     * @param {FRange} range - The range to add the float dom.
+     * @param {Partial<IFICanvasFloatDom>} layer - The float dom layer configuration.
+     * @param {Partial<IDOMAnchor>} domLayout - The anchor configuration of the float dom.
+     * @param {string} [id] - The float dom id, if not given will be auto generated
+     * @returns float dom id and dispose function
      * @example
      * ```ts
-     const sheet = univerAPI.getActiveWorkbook().getActiveSheet();
-     const range = sheet.getRange(0, 0, 3, 3);
-     univerAPI.getActiveWorkbook().setActiveRange(range);
-     const {id, dispose } = sheet.addFloatDomToRange(range, {
-            allowTransform: false,
-            componentKey: 'RangeLoading',
-            props: {
-                a: 1,
-            },
-            data: {
-                aa: '128',
-            },
-        }, {},
-        'loadingcover'
-    )
-    setTimeout(()=> {
-        dispose();
-    }, 2000)
-
-    // another example-------------------
-    {
-     const sheet = univerAPI.getActiveWorkbook().getActiveSheet();
-     const range = univerAPI.getActiveWorkbook().getActiveSheet().getActiveRange()
-     const {id, dispose } = sheet.addFloatDomToRange(range, {
-            allowTransform: false,
-            componentKey: 'FloatButton', // React comp key registered in ComponentManager
-            props: {
-                a: 1,
-            },
-            data: {
-                aa: '128',
-            },
-        }, {
-        width: 100,
-        height: 30,
-        marginX: '100%', // margin percent to range width, or pixel
-        marginY: '100%'
-    },
-    'AIButton') // dom id
-    }
-
+     * const fWorksheet = univerAPI.getActiveWorkbook().getActiveSheet();
+     *
+     * // Register a range loading component
+     * const RangeLoading = () => {
+     *   const divStyle = {
+     *     width: '100%',
+     *     height: '100%',
+     *     backgroundColor: '#fff',
+     *     border: '1px solid #ccc',
+     *     boxSizing: 'border-box' as const,
+     *     display: 'flex',
+     *     justifyContent: 'center',
+     *     alignItems: 'center',
+     *     textAlign: 'center' as const,
+     *     transformOrigin: 'top left',
+     *   };
+     *
+     *   return (
+     *     <div style={divStyle}>
+     *       Loading...
+     *     </div>
+     *   );
+     * };
+     * univerAPI.registerComponent('RangeLoading', RangeLoading);
+     *
+     * // Add the range loading component covering the range A1:C3
+     * const range = fWorksheet.getRange('A1:C3');
+     * const disposeable = fWorksheet.addFloatDomToRange(range, { componentKey: 'RangeLoading' }, {}, 'myRangeLoading');
+     *
+     * setTimeout(() => {
+     *   disposeable?.dispose();
+     * }, 2000);
+     *
+     * // another example-------------------
+     * // Register a float button component
+     * const FloatButton = () => {
+     *   const divStyle = {
+     *     width: '100px',
+     *     height: '30px',
+     *     backgroundColor: '#fff',
+     *     border: '1px solid #ccc',
+     *     boxSizing: 'border-box' as const,
+     *     display: 'flex',
+     *     justifyContent: 'center',
+     *     alignItems: 'center',
+     *     textAlign: 'center' as const,
+     *     cursor: 'pointer',
+     *   };
+     *
+     *   const clickHandler = () => {
+     *     console.warn('click');
+     *   };
+     *
+     *   return (
+     *     <div style={divStyle} onClick={clickHandler}>
+     *       FloatButton
+     *     </div>
+     *   );
+     * };
+     * univerAPI.registerComponent('FloatButton', FloatButton);
+     *
+     * // Add the float button to the range A5:C7, position is start from A5 cell, and width is 100px, height is 30px, margin is 100% of range width and height
+     * const range2 = fWorksheet.getRange('A5:C7');
+     * const disposeable2 = fWorksheet.addFloatDomToRange(range2, {
+     *   componentKey: 'FloatButton',
+     * }, {
+     *   width: 100,
+     *   height: 30,
+     *   marginX: '100%', // margin percent to range width, or pixel
+     *   marginY: '100%'
+     * }, 'myFloatButton');
      * ```
      */
-    addFloatDomToRange(range: FRange, layer: IFICanvasFloatDom, domLayout: IDOMAnchor, id?: string): Nullable<{
+    addFloatDomToRange(range: FRange, layer: Partial<IFICanvasFloatDom>, domLayout: Partial<IDOMAnchor>, id?: string): Nullable<{
         id: string;
         dispose: () => void;
     }>;
     /**
      * Add dom at column header, And FloatDOM is registerComponent(BuiltInUIPart.CONTENT)
-     * @param column
-     * @param layer
-     * @param domPos
-     * @param id
+     * @param {number} column - The column index to add the float dom.
+     * @param {Partial<IFICanvasFloatDom>} layer - The float dom layer configuration.
+     * @param {IDOMAnchor} domPos - The anchor configuration of the float dom.
+     * @param {string} [id] - The float dom id, if not given will be auto generated
+     * @returns float dom id and dispose function
      * @example
      * ```ts
-    {
-     const sheet = univerAPI.getActiveWorkbook().getActiveSheet();
-     const rs = sheet.addFloatDomToColumnHeader(3,
-            {
-                allowTransform: false,
-                componentKey: 'FloatButton', // React comp key registered in ComponentManager
-                props: {
-                    a: 1,
-                },
-            },
-            {width: 100, height: 40, marginX: 0, marginY: 0, horizonOffsetAlign: 'right'},
-            'ai-selector' // dom id
-        )
-    }
-     *```
+     * const fWorksheet = univerAPI.getActiveWorkbook().getActiveSheet();
+     *
+     * // Register a float button component
+     * const FloatButton = () => {
+     *   const divStyle = {
+     *     width: '100px',
+     *     height: '30px',
+     *     backgroundColor: '#fff',
+     *     border: '1px solid #ccc',
+     *     boxSizing: 'border-box' as const,
+     *     display: 'flex',
+     *     justifyContent: 'center',
+     *     alignItems: 'center',
+     *     textAlign: 'center' as const,
+     *     cursor: 'pointer',
+     *   };
+     *
+     *   const clickHandler = () => {
+     *     console.warn('click');
+     *   };
+     *
+     *   return (
+     *     <div style={divStyle} onClick={clickHandler}>
+     *       FloatButton
+     *     </div>
+     *   );
+     * };
+     * univerAPI.registerComponent('FloatButton', FloatButton);
+     *
+     * // Add the float button to the column D header, position is right align, width is 100px, height is 30px, margin is 0
+     * const disposeable = fWorksheet.addFloatDomToColumnHeader(3, {
+     *   componentKey: 'FloatButton',
+     *   allowTransform: false,
+     * }, {
+     *   width: 100,
+     *   height: 30,
+     *   marginX: 0,
+     *   marginY: 0,
+     *   horizonOffsetAlign: 'right',
+     * }, 'myFloatButton');
+     *
+     * // Remove the float button
+     * setTimeout(() => {
+     *   disposeable?.dispose();
+     * }, 2000);
+     * ```
      */
-    addFloatDomToColumnHeader(column: number, layer: IFICanvasFloatDom, domPos: IDOMAnchor, id?: string): Nullable<{
+    addFloatDomToColumnHeader(column: number, layer: Partial<IFICanvasFloatDom>, domPos: IDOMAnchor, id?: string): Nullable<{
         id: string;
         dispose: () => void;
     }>;
     /**
      * Insert an image to the sheet
-     * @param url The image url
-     * @param column The column to insert the image
-     * @param row The row to insert the image
-     * @param offsetX The offset x of the image
-     * @param offsetY The offset y of the image
+     * @param {string} url - The image url
      * @returns true if the image is inserted successfully
      * @example
      * ```ts
-     * const activeSpreadsheet = univerAPI.getActiveWorkbook();
-     * const activeSheet = activeSpreadsheet.getActiveSheet();
-     * activeSheet.insertImage('https://avatars.githubusercontent.com/u/61444807?s=48&v=4', 5, 5, 0, 0);
+     * // Insert an image to the sheet, default position is A1
+     * const fWorksheet = univerAPI.getActiveWorkbook().getActiveSheet();
+     * const result = await fWorksheet.insertImage('https://avatars.githubusercontent.com/u/61444807?s=48&v=4');
+     * console.log(result);
      * ```
      */
     insertImage(url: string): Promise<boolean>;
+    /**
+     * @param {string} url - The image url
+     * @param {number} column - The column index to insert the image
+     * @param {number} row - The row index to insert the image
+     * @returns True if the image is inserted successfully
+     * @example
+     * ```ts
+     * // Insert an image to the sheet, position is F6
+     * const fWorksheet = univerAPI.getActiveWorkbook().getActiveSheet();
+     * const result = await fWorksheet.insertImage('https://avatars.githubusercontent.com/u/61444807?s=48&v=4', 5, 5);
+     * console.log(result);
+     * ```
+     */
     insertImage(url: string, column: number, row: number): Promise<boolean>;
+    /**
+     * @param {string} url - The image url
+     * @param {number} column - The column index to insert the image
+     * @param {number} row - The row index to insert the image
+     * @param {number} offsetX - The column offset, pixel unit
+     * @param {number} offsetY - The row offset, pixel unit
+     * @returns True if the image is inserted successfully
+     * @example
+     * ```ts
+     * // Insert an image to the sheet, position is F6, offset is 10px
+     * const fWorksheet = univerAPI.getActiveWorkbook().getActiveSheet();
+     * const result = await fWorksheet.insertImage('https://avatars.githubusercontent.com/u/61444807?s=48&v=4', 5, 5, 10, 10);
+     * console.log(result);
+     * ```
+     */
     insertImage(url: string, column: number, row: number, offsetX: number, offsetY: number): Promise<boolean>;
     insertImage(url: IFBlobSource): Promise<boolean>;
     insertImage(url: IFBlobSource, column: number, row: number): Promise<boolean>;
@@ -146,95 +255,145 @@ export interface IFWorksheetLegacy {
     insertImage(url: IFBlobSource | string, column: number, row: number, offsetX: number, offsetY: number): Promise<boolean>;
     /**
      * Insert images to the sheet
-     * @param sheetImages The images to insert
-     * @returns true if the image is inserted successfully
+     * @param {ISheetImage[]} sheetImages - The images to insert
+     * @returns {FWorksheet} The FWorksheet instance for chaining
      * @example
      * ```ts
-     *  const activeSpreadsheet = univerAPI.getActiveWorkbook();
-     *  const activeSheet = activeSpreadsheet.getActiveSheet();
-     *  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);
+     * // create a new image builder and set image source.
+     * // then build `ISheetImage` and insert it into the sheet, position is start from F6 cell, width is 500px, height is 300px
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fWorksheet = fWorkbook.getActiveSheet();
+     * const image = await fWorksheet.newOverGridImage()
+     *   .setSource('https://avatars.githubusercontent.com/u/61444807?s=48&v=4', univerAPI.Enum.ImageSourceType.URL)
+     *   .setColumn(5)
+     *   .setRow(5)
+     *   .setWidth(500)
+     *   .setHeight(300)
+     *   .buildAsync();
+     * fWorksheet.insertImages([image]);
+     *
+     * // update the image width to 100px and height to 50px
+     * setTimeout(async () => {
+     *   const imageBuilder = fWorksheet.getImageById(image.drawingId).toBuilder();
+     *   const newImage = await imageBuilder.setWidth(100).setHeight(50).buildAsync();
+     *   fWorksheet.updateImages([newImage]);
+     * }, 4000);
+     * ```
      */
     insertImages(sheetImages: ISheetImage[]): FWorksheet;
     /**
-     * Get all images in current sheet.
-     * @returns FOverGridImage[]
+     * Get all images of the sheet.
+     * @returns {FOverGridImage[]} The FOverGridImage instances
      * @example
      * ```ts
-     * univerAPI.getActiveWorkbook().getActiveSheet().getImages();
+     * const fWorksheet = univerAPI.getActiveWorkbook().getActiveSheet();
+     * const images = fWorksheet.getImages();
+     * images.forEach((image) => {
+     *   console.log(image, image.getId());
+     * });
      * ```
      */
     getImages(): FOverGridImage[];
     /**
      * Get image by drawing id
-     * @param id - The drawing id of the image
-     * @returns FOverGridImage | null
+     * @param {string} id - The drawing id of the image
+     * @returns {FOverGridImage | null} The FOverGridImage instance
      * @example
      * ```ts
-     * univerAPI.getActiveWorkbook().getActiveSheet().getImageById('xxxx');
+     * const fWorksheet = univerAPI.getActiveWorkbook().getActiveSheet();
+     * const image = fWorksheet.getImageById('xxxx');
+     * console.log(image);
      * ```
      */
     getImageById(id: string): FOverGridImage | null;
+    /**
+     * Delete images from the sheet
+     * @param {FOverGridImage[]} sheetImages - The images to delete
+     * @returns {FWorksheet} The FWorksheet instance for chaining
+     * @example
+     * ```ts
+     * const fWorksheet = univerAPI.getActiveWorkbook().getActiveSheet();
+     * const image = fWorksheet.getImages()[0];
+     * fWorksheet.deleteImages([image]);
+     * ```
+     */
     deleteImages(sheetImages: FOverGridImage[]): FWorksheet;
     /**
      * Update images to the sheet
-     * @param sheetImages The images to insert
-     * @returns true if the image is inserted successfully
+     * @param {ISheetImage[]} sheetImages - The images to update
+     * @returns {FWorksheet} The FWorksheet instance for chaining
      * @example
      * ```ts
-     *  const activeSpreadsheet = univerAPI.getActiveWorkbook();
-     *  const activeSheet = activeSpreadsheet.getActiveSheet();
-     *  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);
+     * // create a new image builder and set image source.
+     * // then build `ISheetImage` and insert it into the sheet, position is start from F6 cell, width is 500px, height is 300px
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fWorksheet = fWorkbook.getActiveSheet();
+     * const image = await fWorksheet.newOverGridImage()
+     *   .setSource('https://avatars.githubusercontent.com/u/61444807?s=48&v=4', univerAPI.Enum.ImageSourceType.URL)
+     *   .setColumn(5)
+     *   .setRow(5)
+     *   .setWidth(500)
+     *   .setHeight(300)
+     *   .buildAsync();
+     * fWorksheet.insertImages([image]);
+     *
+     * // update the image width to 100px and height to 50px
+     * setTimeout(async () => {
+     *   const imageBuilder = fWorksheet.getImageById(image.drawingId).toBuilder();
+     *   const newImage = await imageBuilder.setWidth(100).setHeight(50).buildAsync();
+     *   fWorksheet.updateImages([newImage]);
+     * }, 4000);
+     * ```
      */
     updateImages(sheetImages: ISheetImage[]): FWorksheet;
     /**
-     * Get all images in current sheet.
-     * @returns FOverGridImage[]
+     * Get the current selected images.
+     * @returns {FOverGridImage[]} The FOverGridImage instances
      * @example
      * ```ts
-     * univerAPI.getActiveWorkbook().getActiveSheet().getImages();
+     * const fWorksheet = univerAPI.getActiveWorkbook().getActiveSheet();
+     * const images = fWorksheet.getActiveImages();
+     * images.forEach((image) => {
+     *   console.log(image, image.getId());
+     * });
      * ```
      */
     getActiveImages(): FOverGridImage[];
     /**
      * Hook when a image is inserted.
      * @param {function(FOverGridImage[]: void)} callback - The callback function when a image is inserted.
+     * @deprecated use `univerAPI.addEvent(univerAPI.Event.OverGridImageInserted, (params) => {})` as instead
      */
     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.
+     * @deprecated use `univerAPI.addEvent(univerAPI.Event.OverGridImageRemoved, (params) => {})` as instead
      */
     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.
+     * @deprecated use `univerAPI.addEvent(univerAPI.Event.OverGridImageChanged, (params) => {})` as instead
      */
     onImageChanged(callback: (images: FOverGridImage[]) => void): IDisposable;
     /**
      * Create a new over grid image builder.
-     * @returns {FOverGridImageBuilder} The builder
+     * @returns {FOverGridImageBuilder} The FOverGridImageBuilder instance
      * @example
      * ```ts
-     * // create a new over grid image builder.
-     * const builder = univerAPI.newOverGridImage();
+     * // create a new image builder and set image source.
+     * // then build `ISheetImage` and insert it into the sheet, position is start from F6 cell, width is 500px, height is 300px
+     * const fWorkbook = univerAPI.getActiveWorkbook();
+     * const fWorksheet = fWorkbook.getActiveSheet();
+     * const image = await fWorksheet.newOverGridImage()
+     *   .setSource('https://avatars.githubusercontent.com/u/61444807?s=48&v=4', univerAPI.Enum.ImageSourceType.URL)
+     *   .setColumn(5)
+     *   .setRow(5)
+     *   .setWidth(500)
+     *   .setHeight(300)
+     *   .buildAsync();
+     * fWorksheet.insertImages([image]);
      * ```
      */
     newOverGridImage(): FOverGridImageBuilder;

package/lib/types/services/canvas-float-dom-manager.service.d.ts

@@ -59,8 +59,8 @@ export interface IDOMAnchor {
     height: number;
     horizonOffsetAlign?: 'left' | 'right';
     verticalOffsetAlign?: 'top' | 'bottom';
-    marginX?: number;
-    marginY?: number;
+    marginX?: number | string;
+    marginY?: number | string;
 }
 export interface ILimitBound extends IBoundRectNoAngle {
     /**

package/lib/umd/facade.js

@@ -1 +1 @@
-(function(o,u){typeof exports=="object"&&typeof module<"u"?u(require("@univerjs/core"),require("@univerjs/core/facade"),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/core/facade","@univerjs/drawing","@univerjs/engine-render","@univerjs/sheets-drawing-ui","@univerjs/sheets-ui","@univerjs/sheets-drawing","@univerjs/sheets-ui/facade","@univerjs/sheets/facade","@univerjs/ui"],u):(o=typeof globalThis<"u"?globalThis:o||self,u(o.UniverCore,o.UniverCoreFacade,o.UniverDrawing,o.UniverEngineRender,o.UniverSheetsDrawingUi,o.UniverSheetsUi,o.UniverSheetsDrawing,o.UniverSheetsUiFacade,o.UniverSheetsFacade,o.UniverUi))})(this,function(o,u,v,O,m,w,l,_,k,p){"use strict";var H=Object.defineProperty;var q=(o,u,v)=>u in o?H(o,u,{enumerable:!0,configurable:!0,writable:!0,value:v}):o[u]=v;var j=(o,u,v)=>q(o,typeof u!="symbol"?u+"":u,v);var T=Object.defineProperty,B=Object.getOwnPropertyDescriptor,D=(r,i,t,e)=>{for(var n=e>1?void 0:e?B(i,t):i,s=r.length-1,a;s>=0;s--)(a=r[s])&&(n=(e?a(i,t,n):a(n))||n);return e&&n&&T(i,t,n),n},C=(r,i)=>(t,e)=>i(t,e,r);function F(r,i){const{from:t,to:e,flipY:n=!1,flipX:s=!1,angle:a=0,skewX:c=0,skewY:d=0}=r.sheetTransform,{column:h,columnOffset:g,row:f,rowOffset:b}=t,E=w.convertPositionSheetOverGridToAbsolute(r.unitId,r.subUnitId,{from:t,to:e},i),{left:R,top:G,width:y,height:U}=E;return{...r,column:h,columnOffset:g,row:f,rowOffset:b,width:y,height:U,flipY:n,flipX:s,angle:a,skewX:c,skewY:d}}function A(r,i,t){const{column:e,columnOffset:n,row:s,rowOffset:a,flipY:c=!1,flipX:d=!1,angle:h=0,skewX:g=0,skewY:f=0,width:b,height:E}=r,R=w.convertPositionCellToSheetOverGrid(r.unitId,r.subUnitId,{column:e,columnOffset:n,row:s,rowOffset:a},b,E,i,t),{sheetTransform:G,transform:y}=R;return{...r,sheetTransform:{...G,flipY:c,flipX:d,angle:h,skewX:g,skewY:f},transform:{...y,flipY:c,flipX:d,angle:h,skewX:g,skewY:f}}}let S=class{constructor(r,i,t){j(this,"_image");this._injector=t,this._image={drawingId:o.generateRandomId(6),drawingType:o.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:o.ImageSourceType.BASE64,source:"",unitId:r,subUnitId:i,column:0,columnOffset:0,row:0,rowOffset:0,width:0,height:0}}setImage(r){const t=this._injector.get(O.IRenderManagerService).getRenderById(r.unitId);if(!t)throw new Error(`Render Unit with unitId ${r.unitId} not found`);const e=t.with(w.SheetSkeletonManagerService);return r.sheetTransform==null&&(r.sheetTransform={from:{column:0,columnOffset:0,row:0,rowOffset:0},to:{column:0,columnOffset:0,row:0,rowOffset:0}}),this._image=F(r,e),this}setSource(r,i){const t=i!=null?i:o.ImageSourceType.URL;return this._image.source=r,this._image.imageSourceType=t,this}getsource(){return this._image.source}getSourceType(){return this._image.imageSourceType}setColumn(r){return this._image.column=r,this}setRow(r){return this._image.row=r,this}setColumnOffset(r){return this._image.columnOffset=r,this}setRowOffset(r){return this._image.rowOffset=r,this}setWidth(r){return this._image.width=r,this}setHeight(r){return this._image.height=r,this}setAnchorType(r){return this._image.anchorType=r,this}setCropTop(r){return this._initializeSrcRect(),this._image.srcRect.top=r,this}setCropLeft(r){return this._initializeSrcRect(),this._image.srcRect.left=r,this}setCropBottom(r){return this._initializeSrcRect(),this._image.srcRect.bottom=r,this}setCropRight(r){return this._initializeSrcRect(),this._image.srcRect.right=r,this}_initializeSrcRect(){this._image.srcRect==null&&(this._image.srcRect={top:0,left:0,bottom:0,right:0})}setRotate(r){return this._image.angle=r,this}setUnitId(r){return this._image.unitId=r,this}setSubUnitId(r){return this._image.subUnitId=r,this}async buildAsync(){const i=this._injector.get(O.IRenderManagerService).getRenderById(this._image.unitId);if(!i)throw new Error(`Render Unit with unitId ${this._image.unitId} not found`);const t=i.with(w.ISheetSelectionRenderService),e=i.with(w.SheetSkeletonManagerService);if(this._image.width===0||this._image.height===0){const n=await v.getImageSize(this._image.source),s=n.width,a=n.height;this._image.width===0&&(this._image.width=s),this._image.height===0&&(this._image.height=a)}return A(this._image,t,e)}};S=D([C(2,o.Inject(o.Injector))],S);let I=class extends u.FBase{constructor(r,i,t){super(),this._image=r,this._commandService=i,this._injector=t}getId(){return this._image.drawingId}getType(){return this._image.drawingType}remove(){return this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}toBuilder(){const r=this._injector.createInstance(S);return r.setImage(this._image),r}setSource(r,i){const t=i!=null?i:o.ImageSourceType.URL;return this._image.source=r,this._image.imageSourceType=t,this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}async setPositionAsync(r,i,t,e){const n=this.toBuilder();n.setColumn(i),n.setRow(r),t!=null&&n.setRowOffset(t),e!=null&&n.setColumnOffset(e);const s=await n.buildAsync();return this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[s]})}async setSizeAsync(r,i){const t=this.toBuilder();t.setWidth(r),t.setHeight(i);const e=await t.buildAsync();return this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[e]})}setCrop(r,i,t,e){return this._image.srcRect==null&&(this._image.srcRect={top:0,left:0,bottom:0,right:0}),r!=null&&(this._image.srcRect.top=r),i!=null&&(this._image.srcRect.left=i),t!=null&&(this._image.srcRect.bottom=t),e!=null&&(this._image.srcRect.right=e),this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}setRotate(r){return this._image.sheetTransform.angle=r,this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}setForward(){return this._commandService.syncExecuteCommand(m.SetDrawingArrangeCommand.id,{unitId:this._image.unitId,subUnitId:this._image.subUnitId,drawingIds:[this._image.drawingId],arrangeType:o.ArrangeTypeEnum.forward})}setBackward(){return this._commandService.syncExecuteCommand(m.SetDrawingArrangeCommand.id,{unitId:this._image.unitId,subUnitId:this._image.subUnitId,drawingIds:[this._image.drawingId],arrangeType:o.ArrangeTypeEnum.backward})}setBack(){return this._commandService.syncExecuteCommand(m.SetDrawingArrangeCommand.id,{unitId:this._image.unitId,subUnitId:this._image.subUnitId,drawingIds:[this._image.drawingId],arrangeType:o.ArrangeTypeEnum.back})}setFront(){return this._commandService.syncExecuteCommand(m.SetDrawingArrangeCommand.id,{unitId:this._image.unitId,subUnitId:this._image.subUnitId,drawingIds:[this._image.drawingId],arrangeType:o.ArrangeTypeEnum.front})}};I=D([C(1,o.ICommandService),C(2,o.Inject(o.Injector))],I);class x extends k.FWorksheet{addFloatDomToPosition(i,t){const e=this._workbook.getUnitId(),n=this._worksheet.getSheetId(),{key:s,disposableCollection:a}=_.transformComponentKey(i,this._injector.get(p.ComponentManager)),d=this._injector.get(m.SheetCanvasFloatDomManagerService).addFloatDomToPosition({...i,componentKey:s,unitId:e,subUnitId:n},t);return d?(a.add(d.dispose),{id:d.id,dispose:()=>{a.dispose(),d.dispose()}}):(a.dispose(),null)}addFloatDomToRange(i,t,e,n){const s=this._workbook.getUnitId(),a=this._worksheet.getSheetId(),{key:c,disposableCollection:d}=_.transformComponentKey(t,this._injector.get(p.ComponentManager)),g=this._injector.get(m.SheetCanvasFloatDomManagerService).addFloatDomToRange(i.getRange(),{...t,componentKey:c,unitId:s,subUnitId:a},e,n);return g?(d.add(g.dispose),{id:g.id,dispose:()=>{d.dispose(),g.dispose()}}):(d.dispose(),null)}addFloatDomToColumnHeader(i,t,e,n){const s=this._workbook.getUnitId(),a=this._worksheet.getSheetId(),{key:c,disposableCollection:d}=_.transformComponentKey(t,this._injector.get(p.ComponentManager)),g=this._injector.get(m.SheetCanvasFloatDomManagerService).addFloatDomToColumnHeader(i,{...t,componentKey:c,unitId:s,subUnitId:a},e,n);return g?(d.add(g.dispose),{id:g.id,dispose:()=>{d.dispose(),g.dispose()}}):(d.dispose(),null)}async insertImage(i,t,e,n,s){const a=this.newOverGridImage();if(typeof i=="string")a.setSource(i);else{const h=await i.getBlob().getDataAsString();a.setSource(h,o.ImageSourceType.BASE64)}t!==void 0?a.setColumn(t):a.setColumn(0),e!==void 0?a.setRow(e):a.setRow(0),n!==void 0?a.setColumnOffset(n):a.setColumnOffset(0),s!==void 0?a.setRowOffset(s):a.setRowOffset(0);const c=await a.buildAsync();return this._commandService.syncExecuteCommand(m.InsertSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:[c]})}insertImages(i){const t=i.map(e=>(e.unitId=this._fWorkbook.getId(),e.subUnitId=this.getSheetId(),e));return this._commandService.syncExecuteCommand(m.InsertSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:t}),this}deleteImages(i){const t=i.map(e=>({unitId:this._fWorkbook.getId(),drawingId:e.getId(),subUnitId:this.getSheetId(),drawingType:e.getType()}));return this._commandService.syncExecuteCommand(m.RemoveSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:t}),this}getImages(){const t=this._injector.get(l.ISheetDrawingService).getDrawingData(this._fWorkbook.getId(),this.getSheetId()),e=[];for(const n in t){const s=t[n];s.drawingType===o.DrawingTypeEnum.DRAWING_IMAGE&&e.push(this._injector.createInstance(I,s))}return e}getImageById(i){const e=this._injector.get(l.ISheetDrawingService).getDrawingByParam({unitId:this._fWorkbook.getId(),subUnitId:this.getSheetId(),drawingId:i});return e&&e.drawingType===o.DrawingTypeEnum.DRAWING_IMAGE?this._injector.createInstance(I,e):null}getActiveImages(){const t=this._injector.get(l.ISheetDrawingService).getFocusDrawings(),e=[];for(const n in t){const s=t[n];e.push(this._injector.createInstance(I,s))}return e}updateImages(i){return this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:i}),this}onImageInserted(i){const t=this._injector.get(l.ISheetDrawingService);return o.toDisposable(t.add$.subscribe(e=>{const n=e.map(s=>this._injector.createInstance(I,t.getDrawingByParam(s)));i(n)}))}onImageDeleted(i){const t=this._injector.get(l.ISheetDrawingService);return o.toDisposable(t.remove$.subscribe(e=>{const n=e.map(s=>this._injector.createInstance(I,t.getDrawingByParam(s)));i(n)}))}onImageChanged(i){const t=this._injector.get(l.ISheetDrawingService);return o.toDisposable(t.update$.subscribe(e=>{const n=e.map(s=>this._injector.createInstance(I,t.getDrawingByParam(s)));i(n)}))}newOverGridImage(){const i=this._fWorkbook.getId(),t=this.getSheetId();return this._injector.createInstance(S,i,t)}}k.FWorksheet.extend(x);class M extends u.FEnum{get DrawingType(){return o.DrawingTypeEnum}get ImageSourceType(){return o.ImageSourceType}get SheetDrawingAnchorType(){return l.SheetDrawingAnchorType}}u.FEnum.extend(M);class P extends u.FEventName{get BeforeOverGridImageChange(){return"BeforeOverGridImageChange"}get OverGridImageChanged(){return"OverGridImageChanged"}get BeforeOverGridImageInsert(){return"BeforeOverGridImageInsert"}get OverGridImageInserted(){return"OverGridImageInserted"}get BeforeOverGridImageRemove(){return"BeforeOverGridImageRemove"}get OverGridImageRemoved(){return"OverGridImageRemoved"}get BeforeOverGridImageSelect(){return"BeforeOverGridImageSelect"}get OverGridImageSelected(){return"OverGridImageSelected"}}u.FEventName.extend(P);class W extends u.FUniver{_initialize(i){const t=i.get(o.ICommandService);this.registerEventHandler(this.Event.BeforeOverGridImageInsert,()=>t.beforeCommandExecuted(e=>{if(e.id!==m.InsertSheetDrawingCommand.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null||n==null)return;const{drawings:a}=n,c={workbook:s,insertImageParams:a};if(this.fireEvent(this.Event.BeforeOverGridImageInsert,c),c.cancel)throw new Error("Canceled by BeforeOverGridImageInsert event")})),this.registerEventHandler(this.Event.BeforeOverGridImageRemove,()=>t.beforeCommandExecuted(e=>{if(e.id!==m.RemoveSheetDrawingCommand.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null||n==null)return;const a=i.get(v.IDrawingManagerService),{drawings:c}=n,d=c.map(g=>a.getDrawingByParam(g)),h={workbook:s,images:this._createFOverGridImage(d)};if(this.fireEvent(this.Event.BeforeOverGridImageRemove,h),h.cancel)throw new Error("Canceled by BeforeOverGridImageRemove event")})),this.registerEventHandler(this.Event.BeforeOverGridImageChange,()=>t.beforeCommandExecuted(e=>{if(e.id!==m.SetSheetDrawingCommand.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null||n==null)return;const{drawings:a}=n,c=i.get(v.IDrawingManagerService),d=[];a.forEach(g=>{const f=c.getDrawingByParam(g);f!=null&&d.push({changeParam:g,image:this._injector.createInstance(I,f)})});const h={workbook:s,images:d};if(this.fireEvent(this.Event.BeforeOverGridImageChange,h),h.cancel)throw c.updateNotification(a),new Error("Canceled by BeforeOverGridImageChange event")})),this.registerEventHandler(this.Event.BeforeOverGridImageSelect,()=>t.beforeCommandExecuted(e=>{if(e.id!==v.SetDrawingSelectedOperation.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null)return;const a=i.get(v.IDrawingManagerService),c=a.getFocusDrawings(),d=n.map(g=>a.getDrawingByParam(g)),h={workbook:s,selectedImages:this._createFOverGridImage(d),oldSelectedImages:this._createFOverGridImage(c)};if(this.fireEvent(this.Event.BeforeOverGridImageSelect,h),h.cancel)throw new Error("Canceled by BeforeOverGridImageSelect event")})),this.registerEventHandler(this.Event.OverGridImageInserted,()=>t.onCommandExecuted(e=>{if(e.id!==m.InsertSheetDrawingCommand.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null||n==null)return;const{drawings:a}=n;this.fireEvent(this.Event.OverGridImageInserted,{workbook:s,images:this._createFOverGridImage(a)})})),this.registerEventHandler(this.Event.OverGridImageRemoved,()=>t.onCommandExecuted(e=>{if(e.id!==m.RemoveSheetDrawingCommand.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null||n==null)return;const{drawings:a}=n;this.fireEvent(this.Event.OverGridImageRemoved,{workbook:s,removeImageParams:a})})),this.registerEventHandler(this.Event.OverGridImageChanged,()=>t.onCommandExecuted(e=>{if(e.id!==m.SetSheetDrawingCommand.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null||n==null)return;const{drawings:a}=n,c=i.get(v.IDrawingManagerService),d=a.map(h=>this._injector.createInstance(I,c.getDrawingByParam(h)));this.fireEvent(this.Event.OverGridImageChanged,{workbook:s,images:d})})),this.registerEventHandler(this.Event.OverGridImageSelected,()=>t.onCommandExecuted(e=>{if(e.id!==v.SetDrawingSelectedOperation.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null)return;const a=i.get(v.IDrawingManagerService),c=n.map(d=>a.getDrawingByParam(d));this.fireEvent(this.Event.OverGridImageSelected,{workbook:s,selectedImages:this._createFOverGridImage(c)})}))}_createFOverGridImage(i){return i.map(t=>this._injector.createInstance(I,t))}}u.FUniver.extend(W)});
+(function(o,u){typeof exports=="object"&&typeof module<"u"?u(require("@univerjs/core"),require("@univerjs/core/facade"),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/core/facade","@univerjs/drawing","@univerjs/engine-render","@univerjs/sheets-drawing-ui","@univerjs/sheets-ui","@univerjs/sheets-drawing","@univerjs/sheets-ui/facade","@univerjs/sheets/facade","@univerjs/ui"],u):(o=typeof globalThis<"u"?globalThis:o||self,u(o.UniverCore,o.UniverCoreFacade,o.UniverDrawing,o.UniverEngineRender,o.UniverSheetsDrawingUi,o.UniverSheetsUi,o.UniverSheetsDrawing,o.UniverSheetsUiFacade,o.UniverSheetsFacade,o.UniverUi))})(this,function(o,u,v,k,m,w,l,_,D,p){"use strict";var U=Object.defineProperty;var H=(o,u,v)=>u in o?U(o,u,{enumerable:!0,configurable:!0,writable:!0,value:v}):o[u]=v;var G=(o,u,v)=>H(o,typeof u!="symbol"?u+"":u,v);var j=Object.defineProperty,T=Object.getOwnPropertyDescriptor,R=(r,i,t,e)=>{for(var n=e>1?void 0:e?T(i,t):i,s=r.length-1,a;s>=0;s--)(a=r[s])&&(n=(e?a(i,t,n):a(n))||n);return e&&n&&j(i,t,n),n},C=(r,i)=>(t,e)=>i(t,e,r);function B(r,i){const{from:t,to:e,flipY:n=!1,flipX:s=!1,angle:a=0,skewX:c=0,skewY:d=0}=r.sheetTransform,{column:h,columnOffset:g,row:f,rowOffset:b}=t,E=w.convertPositionSheetOverGridToAbsolute(r.unitId,r.subUnitId,{from:t,to:e},i),{width:y,height:O}=E;return{...r,column:h,columnOffset:g,row:f,rowOffset:b,width:y,height:O,flipY:n,flipX:s,angle:a,skewX:c,skewY:d}}function F(r,i,t){const{column:e,columnOffset:n,row:s,rowOffset:a,flipY:c=!1,flipX:d=!1,angle:h=0,skewX:g=0,skewY:f=0,width:b,height:E}=r,y=w.convertPositionCellToSheetOverGrid(r.unitId,r.subUnitId,{column:e,columnOffset:n,row:s,rowOffset:a},b,E,i,t),{sheetTransform:O,transform:W}=y;return{...r,sheetTransform:{...O,flipY:c,flipX:d,angle:h,skewX:g,skewY:f},transform:{...W,flipY:c,flipX:d,angle:h,skewX:g,skewY:f}}}let S=class{constructor(r,i,t){G(this,"_image");this._injector=t,this._image={drawingId:o.generateRandomId(6),drawingType:o.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:o.ImageSourceType.BASE64,source:"",unitId:r,subUnitId:i,column:0,columnOffset:0,row:0,rowOffset:0,width:0,height:0}}setImage(r){const t=this._injector.get(k.IRenderManagerService).getRenderById(r.unitId);if(!t)throw new Error(`Render Unit with unitId ${r.unitId} not found`);const e=t.with(w.SheetSkeletonManagerService);return r.sheetTransform==null&&(r.sheetTransform={from:{column:0,columnOffset:0,row:0,rowOffset:0},to:{column:0,columnOffset:0,row:0,rowOffset:0}}),this._image=B(r,e),this}setSource(r,i){const t=i!=null?i:o.ImageSourceType.URL;return this._image.source=r,this._image.imageSourceType=t,this}getSource(){return this._image.source}getSourceType(){return this._image.imageSourceType}setColumn(r){return this._image.column=r,this}setRow(r){return this._image.row=r,this}setColumnOffset(r){return this._image.columnOffset=r,this}setRowOffset(r){return this._image.rowOffset=r,this}setWidth(r){return this._image.width=r,this}setHeight(r){return this._image.height=r,this}setAnchorType(r){return this._image.anchorType=r,this}setCropTop(r){return this._initializeSrcRect(),this._image.srcRect.top=r,this}setCropLeft(r){return this._initializeSrcRect(),this._image.srcRect.left=r,this}setCropBottom(r){return this._initializeSrcRect(),this._image.srcRect.bottom=r,this}setCropRight(r){return this._initializeSrcRect(),this._image.srcRect.right=r,this}_initializeSrcRect(){this._image.srcRect==null&&(this._image.srcRect={top:0,left:0,bottom:0,right:0})}setRotate(r){return this._image.angle=r,this}setUnitId(r){return this._image.unitId=r,this}setSubUnitId(r){return this._image.subUnitId=r,this}async buildAsync(){const i=this._injector.get(k.IRenderManagerService).getRenderById(this._image.unitId);if(!i)throw new Error(`Render Unit with unitId ${this._image.unitId} not found`);const t=i.with(w.ISheetSelectionRenderService),e=i.with(w.SheetSkeletonManagerService);if(this._image.width===0||this._image.height===0){const n=await v.getImageSize(this._image.source),s=n.width,a=n.height;this._image.width===0&&(this._image.width=s),this._image.height===0&&(this._image.height=a)}return F(this._image,t,e)}};S=R([C(2,o.Inject(o.Injector))],S);let I=class extends u.FBase{constructor(r,i,t){super(),this._image=r,this._commandService=i,this._injector=t}getId(){return this._image.drawingId}getType(){return this._image.drawingType}remove(){return this._commandService.syncExecuteCommand(m.RemoveSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}toBuilder(){const r=this._injector.createInstance(S);return r.setImage(this._image),r}setSource(r,i){const t=i!=null?i:o.ImageSourceType.URL;return this._image.source=r,this._image.imageSourceType=t,this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}async setPositionAsync(r,i,t,e){const n=this.toBuilder();n.setColumn(i),n.setRow(r),t!=null&&n.setRowOffset(t),e!=null&&n.setColumnOffset(e);const s=await n.buildAsync();return this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[s]})}async setSizeAsync(r,i){const t=this.toBuilder();t.setWidth(r),t.setHeight(i);const e=await t.buildAsync();return this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[e]})}setCrop(r,i,t,e){return this._image.srcRect==null&&(this._image.srcRect={top:0,left:0,bottom:0,right:0}),r!=null&&(this._image.srcRect.top=r),i!=null&&(this._image.srcRect.left=i),t!=null&&(this._image.srcRect.bottom=t),e!=null&&(this._image.srcRect.right=e),this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}setRotate(r){return this._image.sheetTransform.angle=r,this._image.transform&&(this._image.transform.angle=r),this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._image.unitId,drawings:[this._image]})}setForward(){return this._commandService.syncExecuteCommand(m.SetDrawingArrangeCommand.id,{unitId:this._image.unitId,subUnitId:this._image.subUnitId,drawingIds:[this._image.drawingId],arrangeType:o.ArrangeTypeEnum.forward})}setBackward(){return this._commandService.syncExecuteCommand(m.SetDrawingArrangeCommand.id,{unitId:this._image.unitId,subUnitId:this._image.subUnitId,drawingIds:[this._image.drawingId],arrangeType:o.ArrangeTypeEnum.backward})}setBack(){return this._commandService.syncExecuteCommand(m.SetDrawingArrangeCommand.id,{unitId:this._image.unitId,subUnitId:this._image.subUnitId,drawingIds:[this._image.drawingId],arrangeType:o.ArrangeTypeEnum.back})}setFront(){return this._commandService.syncExecuteCommand(m.SetDrawingArrangeCommand.id,{unitId:this._image.unitId,subUnitId:this._image.subUnitId,drawingIds:[this._image.drawingId],arrangeType:o.ArrangeTypeEnum.front})}};I=R([C(1,o.ICommandService),C(2,o.Inject(o.Injector))],I);class A extends D.FWorksheet{addFloatDomToPosition(i,t){const e=this._workbook.getUnitId(),n=this._worksheet.getSheetId(),{key:s,disposableCollection:a}=_.transformComponentKey(i,this._injector.get(p.ComponentManager)),d=this._injector.get(m.SheetCanvasFloatDomManagerService).addFloatDomToPosition({...i,componentKey:s,unitId:e,subUnitId:n},t);return d?(a.add(d.dispose),{id:d.id,dispose:()=>{a.dispose(),d.dispose()}}):(a.dispose(),null)}addFloatDomToRange(i,t,e,n){const s=this._workbook.getUnitId(),a=this._worksheet.getSheetId(),{key:c,disposableCollection:d}=_.transformComponentKey(t,this._injector.get(p.ComponentManager)),g=this._injector.get(m.SheetCanvasFloatDomManagerService).addFloatDomToRange(i.getRange(),{...t,componentKey:c,unitId:s,subUnitId:a},e,n);return g?(d.add(g.dispose),{id:g.id,dispose:()=>{d.dispose(),g.dispose()}}):(d.dispose(),null)}addFloatDomToColumnHeader(i,t,e,n){const s=this._workbook.getUnitId(),a=this._worksheet.getSheetId(),{key:c,disposableCollection:d}=_.transformComponentKey(t,this._injector.get(p.ComponentManager)),g=this._injector.get(m.SheetCanvasFloatDomManagerService).addFloatDomToColumnHeader(i,{...t,componentKey:c,unitId:s,subUnitId:a},e,n);return g?(d.add(g.dispose),{id:g.id,dispose:()=>{d.dispose(),g.dispose()}}):(d.dispose(),null)}async insertImage(i,t,e,n,s){const a=this.newOverGridImage();if(typeof i=="string")a.setSource(i);else{const h=await i.getBlob().getDataAsString();a.setSource(h,o.ImageSourceType.BASE64)}t!==void 0?a.setColumn(t):a.setColumn(0),e!==void 0?a.setRow(e):a.setRow(0),n!==void 0?a.setColumnOffset(n):a.setColumnOffset(0),s!==void 0?a.setRowOffset(s):a.setRowOffset(0);const c=await a.buildAsync();return this._commandService.syncExecuteCommand(m.InsertSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:[c]})}insertImages(i){const t=i.map(e=>(e.unitId=this._fWorkbook.getId(),e.subUnitId=this.getSheetId(),e));return this._commandService.syncExecuteCommand(m.InsertSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:t}),this}deleteImages(i){const t=i.map(e=>({unitId:this._fWorkbook.getId(),drawingId:e.getId(),subUnitId:this.getSheetId(),drawingType:e.getType()}));return this._commandService.syncExecuteCommand(m.RemoveSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:t}),this}getImages(){const t=this._injector.get(l.ISheetDrawingService).getDrawingData(this._fWorkbook.getId(),this.getSheetId()),e=[];for(const n in t){const s=t[n];s.drawingType===o.DrawingTypeEnum.DRAWING_IMAGE&&e.push(this._injector.createInstance(I,s))}return e}getImageById(i){const e=this._injector.get(l.ISheetDrawingService).getDrawingByParam({unitId:this._fWorkbook.getId(),subUnitId:this.getSheetId(),drawingId:i});return e&&e.drawingType===o.DrawingTypeEnum.DRAWING_IMAGE?this._injector.createInstance(I,e):null}getActiveImages(){const t=this._injector.get(l.ISheetDrawingService).getFocusDrawings(),e=[];for(const n in t){const s=t[n];e.push(this._injector.createInstance(I,s))}return e}updateImages(i){return this._commandService.syncExecuteCommand(m.SetSheetDrawingCommand.id,{unitId:this._fWorkbook.getId(),drawings:i}),this}onImageInserted(i){const t=this._injector.get(l.ISheetDrawingService);return o.toDisposable(t.add$.subscribe(e=>{const n=e.map(s=>this._injector.createInstance(I,t.getDrawingByParam(s)));i(n)}))}onImageDeleted(i){const t=this._injector.get(l.ISheetDrawingService);return o.toDisposable(t.remove$.subscribe(e=>{const n=e.map(s=>this._injector.createInstance(I,t.getDrawingByParam(s)));i(n)}))}onImageChanged(i){const t=this._injector.get(l.ISheetDrawingService);return o.toDisposable(t.update$.subscribe(e=>{const n=e.map(s=>this._injector.createInstance(I,t.getDrawingByParam(s)));i(n)}))}newOverGridImage(){const i=this._fWorkbook.getId(),t=this.getSheetId();return this._injector.createInstance(S,i,t)}}D.FWorksheet.extend(A);class x extends u.FEnum{get DrawingType(){return o.DrawingTypeEnum}get ImageSourceType(){return o.ImageSourceType}get SheetDrawingAnchorType(){return l.SheetDrawingAnchorType}}u.FEnum.extend(x);class M extends u.FEventName{get BeforeOverGridImageChange(){return"BeforeOverGridImageChange"}get OverGridImageChanged(){return"OverGridImageChanged"}get BeforeOverGridImageInsert(){return"BeforeOverGridImageInsert"}get OverGridImageInserted(){return"OverGridImageInserted"}get BeforeOverGridImageRemove(){return"BeforeOverGridImageRemove"}get OverGridImageRemoved(){return"OverGridImageRemoved"}get BeforeOverGridImageSelect(){return"BeforeOverGridImageSelect"}get OverGridImageSelected(){return"OverGridImageSelected"}}u.FEventName.extend(M);class P extends u.FUniver{_initialize(i){const t=i.get(o.ICommandService);this.registerEventHandler(this.Event.BeforeOverGridImageInsert,()=>t.beforeCommandExecuted(e=>{if(e.id!==m.InsertSheetDrawingCommand.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null||n==null)return;const{drawings:a}=n,c={workbook:s,insertImageParams:a};if(this.fireEvent(this.Event.BeforeOverGridImageInsert,c),c.cancel)throw new Error("Canceled by BeforeOverGridImageInsert event")})),this.registerEventHandler(this.Event.BeforeOverGridImageRemove,()=>t.beforeCommandExecuted(e=>{if(e.id!==m.RemoveSheetDrawingCommand.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null||n==null)return;const a=i.get(v.IDrawingManagerService),{drawings:c}=n,d=c.map(g=>a.getDrawingByParam(g)),h={workbook:s,images:this._createFOverGridImage(d)};if(this.fireEvent(this.Event.BeforeOverGridImageRemove,h),h.cancel)throw new Error("Canceled by BeforeOverGridImageRemove event")})),this.registerEventHandler(this.Event.BeforeOverGridImageChange,()=>t.beforeCommandExecuted(e=>{if(e.id!==m.SetSheetDrawingCommand.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null||n==null)return;const{drawings:a}=n,c=i.get(v.IDrawingManagerService),d=[];a.forEach(g=>{const f=c.getDrawingByParam(g);f!=null&&d.push({changeParam:g,image:this._injector.createInstance(I,f)})});const h={workbook:s,images:d};if(this.fireEvent(this.Event.BeforeOverGridImageChange,h),h.cancel)throw c.updateNotification(a),new Error("Canceled by BeforeOverGridImageChange event")})),this.registerEventHandler(this.Event.BeforeOverGridImageSelect,()=>t.beforeCommandExecuted(e=>{if(e.id!==v.SetDrawingSelectedOperation.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null)return;const a=i.get(v.IDrawingManagerService),c=a.getFocusDrawings(),d=n.map(g=>a.getDrawingByParam(g)),h={workbook:s,selectedImages:this._createFOverGridImage(d),oldSelectedImages:this._createFOverGridImage(c)};if(this.fireEvent(this.Event.BeforeOverGridImageSelect,h),h.cancel)throw new Error("Canceled by BeforeOverGridImageSelect event")})),this.registerEventHandler(this.Event.OverGridImageInserted,()=>t.onCommandExecuted(e=>{if(e.id!==m.InsertSheetDrawingCommand.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null||n==null)return;const{drawings:a}=n;this.fireEvent(this.Event.OverGridImageInserted,{workbook:s,images:this._createFOverGridImage(a)})})),this.registerEventHandler(this.Event.OverGridImageRemoved,()=>t.onCommandExecuted(e=>{if(e.id!==m.RemoveSheetDrawingCommand.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null||n==null)return;const{drawings:a}=n;this.fireEvent(this.Event.OverGridImageRemoved,{workbook:s,removeImageParams:a})})),this.registerEventHandler(this.Event.OverGridImageChanged,()=>t.onCommandExecuted(e=>{if(e.id!==m.SetSheetDrawingCommand.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null||n==null)return;const{drawings:a}=n,c=i.get(v.IDrawingManagerService),d=a.map(h=>this._injector.createInstance(I,c.getDrawingByParam(h)));this.fireEvent(this.Event.OverGridImageChanged,{workbook:s,images:d})})),this.registerEventHandler(this.Event.OverGridImageSelected,()=>t.onCommandExecuted(e=>{if(e.id!==v.SetDrawingSelectedOperation.id)return;const n=e.params,s=this.getActiveWorkbook();if(s==null)return;const a=i.get(v.IDrawingManagerService),c=n.map(d=>a.getDrawingByParam(d));this.fireEvent(this.Event.OverGridImageSelected,{workbook:s,selectedImages:this._createFOverGridImage(c)})}))}_createFOverGridImage(i){return i.map(t=>this._injector.createInstance(I,t))}}u.FUniver.extend(P)});

package/package.json

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