@univerjs/sheets-drawing-ui 0.5.1-nightly.202412180740 → 0.5.1-nightly.202412181606

package/lib/types/facade/f-over-grid-image.d.ts

@@ -0,0 +1,159 @@
+import { IRotationSkewFlipTransform, ISize, DrawingTypeEnum, FBase, ICommandService, ImageSourceType, Injector } from '@univerjs/core';
+import { ICellOverGridPosition } from '@univerjs/sheets';
+import { ISheetImage, SheetDrawingAnchorType } from '@univerjs/sheets-drawing';
+export interface IFOverGridImage extends Omit<ISheetImage, 'sheetTransform' | 'transform'>, ICellOverGridPosition, IRotationSkewFlipTransform, Required<ISize> {
+}
+export declare class FOverGridImageBuilder {
+    protected readonly _injector: Injector;
+    private _image;
+    constructor(unitId: string, subUnitId: string, _injector: Injector);
+    setImage(image: ISheetImage): FOverGridImageBuilder;
+    /**
+     * Set the unit id of the image
+     * @param unitId The unit id of the image
+     * @returns The builder
+     * @example
+     * ```ts
+     * // create a new image builder.
+     * const activeSpreadsheet = univerAPI.getActiveWorkbook();
+     * const activeSheet = activeSpreadsheet.getActiveSheet();
+     * const imageBuilder = activeSheet.newOverGridImage();
+     * const param = imageBuilder.setSource('https://avatars.githubusercontent.com/u/61444807?s=48&v=4').setColumn(5).setRow(5).build();
+     * activeSheet.insertImages([param]);
+     * ```
+     */
+    setSource(source: string): FOverGridImageBuilder;
+    setSource(source: string, sourceType?: ImageSourceType): FOverGridImageBuilder;
+    getsource(): string;
+    getSourceType(): ImageSourceType;
+    setColumn(column: number): FOverGridImageBuilder;
+    setRow(row: number): FOverGridImageBuilder;
+    setColumnOffset(offset: number): FOverGridImageBuilder;
+    setRowOffset(offset: number): FOverGridImageBuilder;
+    setWidth(width: number): FOverGridImageBuilder;
+    setHeight(height: number): FOverGridImageBuilder;
+    setAnchorType(anchorType: SheetDrawingAnchorType): FOverGridImageBuilder;
+    setCropTop(top: number): FOverGridImageBuilder;
+    setCropLeft(left: number): FOverGridImageBuilder;
+    setCropBottom(bottom: number): FOverGridImageBuilder;
+    setCropRight(right: number): FOverGridImageBuilder;
+    private _initializeSrcRect;
+    /**
+     * Set the rotation angle of the image
+     * @param angle Degree of rotation of the image, for example, 90, 180, 270, etc.
+     * @returns The builder
+     */
+    setRotate(angle: number): FOverGridImageBuilder;
+    setUnitId(unitId: string): FOverGridImageBuilder;
+    setSubUnitId(subUnitId: string): FOverGridImageBuilder;
+    build(): Promise<ISheetImage>;
+}
+export declare class FOverGridImage extends FBase {
+    private _image;
+    protected readonly _commandService: ICommandService;
+    protected readonly _injector: Injector;
+    constructor(_image: ISheetImage, _commandService: ICommandService, _injector: Injector);
+    getId(): string;
+    getType(): DrawingTypeEnum;
+    /**
+     * Remove the image from the sheet
+     * @returns success or not
+     * @example
+     * ```ts
+     * // remove the image from the sheet
+     * const activeSpreadsheet = univerAPI.getActiveWorkbook();
+     * const activeSheet = activeSpreadsheet.getActiveSheet();
+     * const image = activeSheet.getImages[0];
+     * console.log('Delete state is ', image?.remove());
+     * ```
+     */
+    remove(): boolean;
+    /**
+     * Convert the image to a FOverGridImageBuilder
+     * @returns The builder FOverGridImageBuilder
+     * @example
+     * ```ts
+     * // convert the image to a builder
+     * const activeSpreadsheet = univerAPI.getActiveWorkbook();
+     * const activeSheet = activeSpreadsheet.getActiveSheet();
+     * const image = activeSheet.getImages[0];
+     * const builder = image.toBuilder();
+     * builder.setSource('https://avatars.githubusercontent.com/u/61444807?s=48&v=4').setColumn(5).setRow(5).build();
+     * activeSheet.updateImages([builder.build()]);
+     * ```
+     */
+    toBuilder(): FOverGridImageBuilder;
+    /**
+     * Set the source of the image
+     * @param source The source of the image
+     * @returns success or not
+     * @example
+     * ```ts
+     * // set the source of the image
+     * const activeSpreadsheet = univerAPI.getActiveWorkbook();
+     * const activeSheet = activeSpreadsheet.getActiveSheet();
+     * const image = activeSheet.getImages[0];
+     * console.log('Set source state is ', image.setSource('https://avatars.githubusercontent.com/u/61444807?s=48&v=4'));
+     */
+    setSource(source: string): boolean;
+    /**
+     * Set the source of the image, change image display.
+     * @param source  The source of the image
+     * @param sourceType The source type of the image
+     * @returns success or not
+     */
+    setSource(source: string, sourceType?: ImageSourceType): boolean;
+    /**
+     * Set the position of the image
+     * @param row  The sheet start row of the image
+     * @param column The sheet start column of the image
+     * @returns success or not
+     * @example
+     * ```ts
+     *  // set the position of the image
+     * const activeSpreadsheet = univerAPI.getActiveWorkbook();
+     * const activeSheet = activeSpreadsheet.getActiveSheet();
+     * const image = activeSheet.getImages[0];
+     * console.log('Set position state is ', image.setPosition(5, 5));
+     * ```
+     */
+    setPosition(row: number, column: number): boolean;
+    /**
+     *
+     * @param column  The sheet start column of the image
+     * @param row  The sheet start row of the image
+     * @param rowOffset  The offset of the start row
+     * @param columnOffset  The offset of the start column
+     */
+    setPosition(row: number, column: number, rowOffset?: number, columnOffset?: number): boolean;
+    /**
+     * Set the size of the image
+     * @param width  The width of the image
+     * @param height  The height of the image
+     * @returns success or not
+     */
+    setSize(width: number, height: number): boolean;
+    /**
+     * Set the cropping region of the image by defining the top, bottom, left, and right edges, thereby displaying the specific part of the image you want.
+     * @param top  The number of pixels to crop from the top of the image.
+     * @param left  The number of pixels to crop from the left side of the image.
+     * @param bottom  The number of pixels to crop from the bottom of the image.
+     * @param right  The number of pixels to crop from the right side of the image.
+     * @returns success or not
+     * @example
+     * ```ts
+     * // set the crop of the image
+     * const activeSpreadsheet = univerAPI.getActiveWorkbook();
+     * const activeSheet = activeSpreadsheet.getActiveSheet();
+     * const image = activeSheet.getImages[0];
+     * console.log('Set crop state is ', image.setCrop(0, 0, 0, 0));
+     * ```
+     */
+    setCrop(top?: number, left?: number, bottom?: number, right?: number): boolean;
+    /**
+     * Set the rotation angle of the image
+     * @param angle Degree of rotation of the image, for example, 90, 180, 270, etc.
+     * @returns success or not
+     */
+    setRotate(angle: number): boolean;
+}

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

@@ -1,7 +1,9 @@
-import { Nullable } from '@univerjs/core';
-import { FWorksheet } from '@univerjs/sheets/facade';
+import { 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';
+import { FWorksheet } from '@univerjs/sheets/facade';
+import { FOverGridImage, FOverGridImageBuilder } from './f-over-grid-image';
 export interface IFICanvasFloatDom extends Omit<ICanvasFloatDom, 'componentKey' | 'unitId' | 'subUnitId'>, IFComponentKey {
 }
 export interface IFWorksheetLegacy {
@@ -15,12 +17,108 @@ export interface IFWorksheetLegacy {
         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
+     * @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);
+     * ```
+     */
+    insertImage(url: string): Promise<boolean>;
+    insertImage(url: string, column: number, row: number): Promise<boolean>;
+    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>;
+    insertImage(url: IFBlobSource, column: number, row: number, offsetX: number, offsetY: number): Promise<boolean>;
+    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
+     * @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);
+     */
+    insertImages(sheetImages: ISheetImage[]): void;
+    getImages(): FOverGridImage[];
+    getImageById(id: string): FOverGridImage | null;
+    deleteImages(sheetImages: FOverGridImage[]): void;
+    /**
+     * Update images to the sheet
+     * @param sheetImages The images to insert
+     * @returns true if the image is inserted successfully
+     * @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);
+     */
+    updateImages(sheetImages: ISheetImage[]): void;
+    getActiveImages(): FOverGridImage[];
+    onImageInserted(callback: (images: FOverGridImage[]) => void): void;
+    onImageDeleted(callback: (images: FOverGridImage[]) => void): void;
+    onImageChanged(callback: (images: FOverGridImage[]) => void): void;
+    /**
+     * Create a new over grid image builder.
+     * @returns The builder
+     * @example
+     * ```ts
+     * // create a new over grid image builder.
+     * const builder = UniverApi.newOverGridImage();
+     * ```
+     */
+    newOverGridImage(): FOverGridImageBuilder;
 }
 export declare class FWorksheetLegacy extends FWorksheet implements IFWorksheetLegacy {
     addFloatDomToPosition(layer: IFICanvasFloatDom, id?: string): Nullable<{
         id: string;
         dispose: () => void;
     }>;
+    insertImage(url: IFBlobSource | string, column?: number, row?: number, offsetX?: number, offsetY?: number): Promise<boolean>;
+    insertImages(sheetImages: ISheetImage[]): void;
+    deleteImages(sheetImages: FOverGridImage[]): void;
+    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;
+    newOverGridImage(): FOverGridImageBuilder;
 }
 declare module '@univerjs/sheets/facade' {
     interface FWorksheet extends IFWorksheetLegacy {

package/lib/types/facade/index.d.ts

@@ -13,5 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import './f-over-grid-image';
 import './f-worksheet';
+export type * from './f-over-grid-image';
 export type * from './f-worksheet';

package/lib/umd/facade.js

@@ -1 +1 @@
-(function(e,i){typeof exports=="object"&&typeof module<"u"?i(require("@univerjs/sheets/facade"),require("@univerjs/sheets-drawing-ui"),require("@univerjs/sheets-ui/facade"),require("@univerjs/ui")):typeof define=="function"&&define.amd?define(["@univerjs/sheets/facade","@univerjs/sheets-drawing-ui","@univerjs/sheets-ui/facade","@univerjs/ui"],i):(e=typeof globalThis<"u"?globalThis:e||self,i(e.UniverSheetsFacade,e.UniverSheetsDrawingUi,e.UniverSheetsUiFacade,e.UniverUi))})(this,function(e,i,o,r){"use strict";class d extends e.FWorksheet{addFloatDomToPosition(n,u){const a=this._workbook.getUnitId(),c=this._worksheet.getSheetId(),{key:h,disposableCollection:t}=o.transformComponentKey(n,this._injector.get(r.ComponentManager)),s=this._injector.get(i.SheetCanvasFloatDomManagerService).addFloatDomToPosition({...n,componentKey:h,unitId:a,subUnitId:c},u);return s?(t.add(s.dispose),{id:s.id,dispose:()=>{t.dispose(),s.dispose()}}):(t.dispose(),null)}}e.FWorksheet.extend(d)});
+(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)});