@univerjs/sheets-drawing-ui 0.6.1-nightly.202502251606 → 0.6.2

package/lib/es/facade.js

@@ -1,30 +1,30 @@
-var K = Object.defineProperty;
-var L = (e, r, t) => r in e ? K(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
-var T = (e, r, t) => L(e, typeof r != "symbol" ? r + "" : r, t);
-import { Inject as U, Injector as P, ICommandService as j, ImageSourceType as f, ArrangeTypeEnum as v, DrawingTypeEnum as _, generateRandomId as X, toDisposable as y } from "@univerjs/core";
-import { FBase as Y, FEnum as W, FEventName as M, FUniver as H } from "@univerjs/core/facade";
-import { getImageSize as V, IDrawingManagerService as I, SetDrawingSelectedOperation as x } from "@univerjs/drawing";
-import { IRenderManagerService as A } from "@univerjs/engine-render";
-import { RemoveSheetDrawingCommand as S, SetSheetDrawingCommand as h, SetDrawingArrangeCommand as w, SheetCanvasFloatDomManagerService as D, InsertSheetDrawingCommand as p } from "@univerjs/sheets-drawing-ui";
-import { SheetSkeletonManagerService as F, ISheetSelectionRenderService as q, convertPositionSheetOverGridToAbsolute as J, convertPositionCellToSheetOverGrid as Q } from "@univerjs/sheets-ui";
-import { ISheetDrawingService as l, SheetDrawingAnchorType as Z } from "@univerjs/sheets-drawing";
+var L = Object.defineProperty;
+var V = (r, e, t) => e in r ? L(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var U = (r, e, t) => V(r, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as A, Injector as j, ICommandService as P, ImageSourceType as f, ArrangeTypeEnum as v, DrawingTypeEnum as _, generateRandomId as X, toDisposable as y, UniverInstanceType as Y, IUniverInstanceService as q } from "@univerjs/core";
+import { FBase as J, FEnum as W, FEventName as M, FUniver as H } from "@univerjs/core/facade";
+import { getImageSize as Q, IDrawingManagerService as I, SetDrawingSelectedOperation as x } from "@univerjs/drawing";
+import { IRenderManagerService as B, getCurrentTypeOfRenderer as Z } from "@univerjs/engine-render";
+import { RemoveSheetDrawingCommand as S, SetSheetDrawingCommand as h, SetDrawingArrangeCommand as w, SheetCanvasFloatDomManagerService as D, InsertSheetDrawingCommand as p, SheetDrawingUpdateController as ee } from "@univerjs/sheets-drawing-ui";
+import { SheetSkeletonManagerService as F, ISheetSelectionRenderService as te, convertPositionSheetOverGridToAbsolute as re, convertPositionCellToSheetOverGrid as ie } from "@univerjs/sheets-ui";
+import { ISheetDrawingService as l, SheetDrawingAnchorType as ne } from "@univerjs/sheets-drawing";
 import { transformComponentKey as R } from "@univerjs/sheets-ui/facade";
-import { FWorksheet as z } from "@univerjs/sheets/facade";
+import { FWorksheet as z, FRange as N } from "@univerjs/sheets/facade";
 import { ComponentManager as G } from "@univerjs/ui";
-var ee = Object.getOwnPropertyDescriptor, N = (e, r, t, i) => {
-  for (var n = i > 1 ? void 0 : i ? ee(r, t) : r, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (n = o(n) || n);
+var se = Object.getOwnPropertyDescriptor, $ = (r, e, t, i) => {
+  for (var n = i > 1 ? void 0 : i ? se(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (n = o(n) || n);
   return n;
-}, B = (e, r) => (t, i) => r(t, i, e);
-function te(e, r) {
-  const { from: t, to: i, flipY: n = !1, flipX: s = !1, angle: o = 0, skewX: d = 0, skewY: a = 0 } = e.sheetTransform, { column: g, columnOffset: c, row: u, rowOffset: O } = t, k = J(
-    e.unitId,
-    e.subUnitId,
+}, T = (r, e) => (t, i) => e(t, i, r);
+function oe(r, e) {
+  const { from: t, to: i, flipY: n = !1, flipX: s = !1, angle: o = 0, skewX: d = 0, skewY: a = 0 } = r.sheetTransform, { column: g, columnOffset: c, row: u, rowOffset: O } = t, k = re(
+    r.unitId,
+    r.subUnitId,
     { from: t, to: i },
-    r
+    e
   ), { width: E, height: C } = k;
   return {
-    ...e,
+    ...r,
     column: g,
     columnOffset: c,
     row: u,
@@ -38,18 +38,18 @@ function te(e, r) {
     skewY: a
   };
 }
-function re(e, r, t) {
-  const { column: i, columnOffset: n, row: s, rowOffset: o, flipY: d = !1, flipX: a = !1, angle: g = 0, skewX: c = 0, skewY: u = 0, width: O, height: k } = e, E = Q(
-    e.unitId,
-    e.subUnitId,
+function ae(r, e, t) {
+  const { column: i, columnOffset: n, row: s, rowOffset: o, flipY: d = !1, flipX: a = !1, angle: g = 0, skewX: c = 0, skewY: u = 0, width: O, height: k } = r, E = ie(
+    r.unitId,
+    r.subUnitId,
     { column: i, columnOffset: n, row: s, rowOffset: o },
     O,
     k,
-    r,
+    e,
     t
-  ), { sheetTransform: C, transform: $ } = E;
+  ), { sheetTransform: C, transform: K } = E;
   return {
-    ...e,
+    ...r,
     sheetTransform: {
       ...C,
       flipY: d,
@@ -59,7 +59,7 @@ function re(e, r, t) {
       skewY: u
     },
     transform: {
-      ...$,
+      ...K,
       flipY: d,
       flipX: a,
       angle: g,
@@ -69,15 +69,15 @@ function re(e, r, t) {
   };
 }
 let b = class {
-  constructor(e, r, t) {
-    T(this, "_image");
+  constructor(r, e, t) {
+    U(this, "_image");
     this._injector = t, this._image = {
       drawingId: X(6),
       drawingType: _.DRAWING_IMAGE,
       imageSourceType: f.BASE64,
       source: "",
-      unitId: e,
-      subUnitId: r,
+      unitId: r,
+      subUnitId: e,
       column: 0,
       columnOffset: 0,
       row: 0,
@@ -111,12 +111,12 @@ let b = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setImage(e) {
-    const t = this._injector.get(A).getRenderById(e.unitId);
+  setImage(r) {
+    const t = this._injector.get(B).getRenderById(r.unitId);
     if (!t)
-      throw new Error(`Render Unit with unitId ${e.unitId} not found`);
+      throw new Error(`Render Unit with unitId ${r.unitId} not found`);
     const i = t.with(F);
-    return e.sheetTransform == null && (e.sheetTransform = {
+    return r.sheetTransform == null && (r.sheetTransform = {
       from: {
         column: 0,
         columnOffset: 0,
@@ -129,11 +129,11 @@ let b = class {
         row: 0,
         rowOffset: 0
       }
-    }), this._image = te(e, i), this;
+    }), this._image = oe(r, i), this;
   }
-  setSource(e, r) {
-    const t = r != null ? r : f.URL;
-    return this._image.source = e, this._image.imageSourceType = t, this;
+  setSource(r, e) {
+    const t = e != null ? e : f.URL;
+    return this._image.source = r, this._image.imageSourceType = t, this;
   }
   /**
    * Get the source of the image
@@ -185,8 +185,8 @@ let b = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setColumn(e) {
-    return this._image.column = e, this;
+  setColumn(r) {
+    return this._image.column = r, this;
   }
   /**
    * Set the vertical position of the image
@@ -206,8 +206,8 @@ let b = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setRow(e) {
-    return this._image.row = e, this;
+  setRow(r) {
+    return this._image.row = r, this;
   }
   /**
    * Set the horizontal offset of the image
@@ -228,8 +228,8 @@ let b = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setColumnOffset(e) {
-    return this._image.columnOffset = e, this;
+  setColumnOffset(r) {
+    return this._image.columnOffset = r, this;
   }
   /**
    * Set the vertical offset of the image
@@ -250,8 +250,8 @@ let b = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setRowOffset(e) {
-    return this._image.rowOffset = e, this;
+  setRowOffset(r) {
+    return this._image.rowOffset = r, this;
   }
   /**
    * Set the width of the image
@@ -273,8 +273,8 @@ let b = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setWidth(e) {
-    return this._image.width = e, this;
+  setWidth(r) {
+    return this._image.width = r, this;
   }
   /**
    * Set the height of the image
@@ -296,8 +296,8 @@ let b = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setHeight(e) {
-    return this._image.height = e, this;
+  setHeight(r) {
+    return this._image.height = r, this;
   }
   /**
    * Set the anchor type of the image, whether the position and size change with the cell
@@ -345,8 +345,8 @@ let b = class {
    * }, 2000);
    * ```
    */
-  setAnchorType(e) {
-    return this._image.anchorType = e, this;
+  setAnchorType(r) {
+    return this._image.anchorType = r, this;
   }
   /**
    * Set the cropping region of the image by defining the top edges, thereby displaying the specific part of the image you want.
@@ -367,8 +367,8 @@ let b = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setCropTop(e) {
-    return this._initializeSrcRect(), this._image.srcRect.top = e, this;
+  setCropTop(r) {
+    return this._initializeSrcRect(), this._image.srcRect.top = r, this;
   }
   /**
    * Set the cropping region of the image by defining the left edges, thereby displaying the specific part of the image you want.
@@ -389,8 +389,8 @@ let b = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setCropLeft(e) {
-    return this._initializeSrcRect(), this._image.srcRect.left = e, this;
+  setCropLeft(r) {
+    return this._initializeSrcRect(), this._image.srcRect.left = r, this;
   }
   /**
    * Set the cropping region of the image by defining the bottom edges, thereby displaying the specific part of the image you want.
@@ -411,8 +411,8 @@ let b = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setCropBottom(e) {
-    return this._initializeSrcRect(), this._image.srcRect.bottom = e, this;
+  setCropBottom(r) {
+    return this._initializeSrcRect(), this._image.srcRect.bottom = r, this;
   }
   /**
    * Set the cropping region of the image by defining the right edges, thereby displaying the specific part of the image you want.
@@ -433,8 +433,8 @@ let b = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setCropRight(e) {
-    return this._initializeSrcRect(), this._image.srcRect.right = e, this;
+  setCropRight(r) {
+    return this._initializeSrcRect(), this._image.srcRect.right = r, this;
   }
   _initializeSrcRect() {
     this._image.srcRect == null && (this._image.srcRect = {
@@ -463,33 +463,33 @@ let b = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setRotate(e) {
-    return this._image.angle = e, this;
+  setRotate(r) {
+    return this._image.angle = r, this;
   }
-  setUnitId(e) {
-    return this._image.unitId = e, this;
+  setUnitId(r) {
+    return this._image.unitId = r, this;
   }
-  setSubUnitId(e) {
-    return this._image.subUnitId = e, this;
+  setSubUnitId(r) {
+    return this._image.subUnitId = r, this;
   }
   async buildAsync() {
-    const r = this._injector.get(A).getRenderById(this._image.unitId);
-    if (!r)
+    const e = this._injector.get(B).getRenderById(this._image.unitId);
+    if (!e)
       throw new Error(`Render Unit with unitId ${this._image.unitId} not found`);
-    const t = r.with(q), i = r.with(F);
+    const t = e.with(te), i = e.with(F);
     if (this._image.width === 0 || this._image.height === 0) {
-      const n = await V(this._image.source), s = n.width, o = n.height;
+      const n = await Q(this._image.source), s = n.width, o = n.height;
       this._image.width === 0 && (this._image.width = s), this._image.height === 0 && (this._image.height = o);
     }
-    return re(this._image, t, i);
+    return ae(this._image, t, i);
   }
 };
-b = N([
-  B(2, U(P))
+b = $([
+  T(2, A(j))
 ], b);
-let m = class extends Y {
-  constructor(e, r, t) {
-    super(), this._image = e, this._commandService = r, this._injector = t;
+let m = class extends J {
+  constructor(r, e, t) {
+    super(), this._image = r, this._commandService = e, this._injector = t;
   }
   /**
    * Get the id of the image
@@ -552,16 +552,16 @@ let m = class extends Y {
    * ```
    */
   toBuilder() {
-    const e = this._injector.createInstance(b);
-    return e.setImage(this._image), e;
+    const r = this._injector.createInstance(b);
+    return r.setImage(this._image), r;
   }
-  setSource(e, r) {
-    const t = r != null ? r : f.URL;
-    return this._image.source = e, this._image.imageSourceType = t, this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
+  setSource(r, e) {
+    const t = e != null ? e : f.URL;
+    return this._image.source = r, this._image.imageSourceType = t, this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
-  async setPositionAsync(e, r, t, i) {
+  async setPositionAsync(r, e, t, i) {
     const n = this.toBuilder();
-    n.setColumn(r), n.setRow(e), t != null && n.setRowOffset(t), i != null && n.setColumnOffset(i);
+    n.setColumn(e), n.setRow(r), t != null && n.setRowOffset(t), i != null && n.setColumnOffset(i);
     const s = await n.buildAsync();
     return this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [s] });
   }
@@ -580,9 +580,9 @@ let m = class extends Y {
    * console.log(result);
    * ```
    */
-  async setSizeAsync(e, r) {
+  async setSizeAsync(r, e) {
     const t = this.toBuilder();
-    t.setWidth(e), t.setHeight(r);
+    t.setWidth(r), t.setHeight(e);
     const i = await t.buildAsync();
     return this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [i] });
   }
@@ -603,13 +603,13 @@ let m = class extends Y {
    * console.log(result);
    * ```
    */
-  setCrop(e, r, t, i) {
+  setCrop(r, e, t, i) {
     return this._image.srcRect == null && (this._image.srcRect = {
       top: 0,
       left: 0,
       bottom: 0,
       right: 0
-    }), e != null && (this._image.srcRect.top = e), r != null && (this._image.srcRect.left = r), t != null && (this._image.srcRect.bottom = t), i != null && (this._image.srcRect.right = i), this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
+    }), r != null && (this._image.srcRect.top = r), e != null && (this._image.srcRect.left = e), t != null && (this._image.srcRect.bottom = t), i != null && (this._image.srcRect.right = i), this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
   /**
    * Set the rotation angle of the image
@@ -625,8 +625,8 @@ let m = class extends Y {
    * console.log(result);
    * ```
    */
-  setRotate(e) {
-    return this._image.sheetTransform.angle = e, this._image.transform && (this._image.transform.angle = e), this._commandService.syncExecuteCommand(h.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(h.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
   /**
    * Move the image layer forward by one level
@@ -709,13 +709,13 @@ let m = class extends Y {
     });
   }
 };
-m = N([
-  B(1, j),
-  B(2, U(P))
+m = $([
+  T(1, P),
+  T(2, A(j))
 ], m);
-class ie extends z {
-  addFloatDomToPosition(r, t) {
-    const i = this._workbook.getUnitId(), n = this._worksheet.getSheetId(), { key: s, disposableCollection: o } = R(r, this._injector.get(G)), a = this._injector.get(D).addFloatDomToPosition({ ...r, componentKey: s, unitId: i, subUnitId: n }, t);
+class de extends z {
+  addFloatDomToPosition(e, t) {
+    const i = this._workbook.getUnitId(), n = this._worksheet.getSheetId(), { key: s, disposableCollection: o } = R(e, this._injector.get(G)), a = this._injector.get(D).addFloatDomToPosition({ ...e, componentKey: s, unitId: i, subUnitId: n }, t);
     return a ? (o.add(a.dispose), {
       id: a.id,
       dispose: () => {
@@ -723,8 +723,8 @@ class ie extends z {
       }
     }) : (o.dispose(), null);
   }
-  addFloatDomToRange(r, t, i, n) {
-    const s = this._workbook.getUnitId(), o = this._worksheet.getSheetId(), { key: d, disposableCollection: a } = R(t, this._injector.get(G)), c = this._injector.get(D).addFloatDomToRange(r.getRange(), { ...t, componentKey: d, unitId: s, subUnitId: o }, i, n);
+  addFloatDomToRange(e, t, i, n) {
+    const s = this._workbook.getUnitId(), o = this._worksheet.getSheetId(), { key: d, disposableCollection: a } = R(t, this._injector.get(G)), c = this._injector.get(D).addFloatDomToRange(e.getRange(), { ...t, componentKey: d, unitId: s, subUnitId: o }, i, n);
     return c ? (a.add(c.dispose), {
       id: c.id,
       dispose: () => {
@@ -732,8 +732,8 @@ class ie extends z {
       }
     }) : (a.dispose(), null);
   }
-  addFloatDomToColumnHeader(r, t, i, n) {
-    const s = this._workbook.getUnitId(), o = this._worksheet.getSheetId(), { key: d, disposableCollection: a } = R(t, this._injector.get(G)), c = this._injector.get(D).addFloatDomToColumnHeader(r, { ...t, componentKey: d, unitId: s, subUnitId: o }, i, n);
+  addFloatDomToColumnHeader(e, t, i, n) {
+    const s = this._workbook.getUnitId(), o = this._worksheet.getSheetId(), { key: d, disposableCollection: a } = R(t, this._injector.get(G)), c = this._injector.get(D).addFloatDomToColumnHeader(e, { ...t, componentKey: d, unitId: s, subUnitId: o }, i, n);
     return c ? (a.add(c.dispose), {
       id: c.id,
       dispose: () => {
@@ -741,24 +741,24 @@ class ie extends z {
       }
     }) : (a.dispose(), null);
   }
-  async insertImage(r, t, i, n, s) {
+  async insertImage(e, t, i, n, s) {
     const o = this.newOverGridImage();
-    if (typeof r == "string")
-      o.setSource(r);
+    if (typeof e == "string")
+      o.setSource(e);
     else {
-      const g = await r.getBlob().getDataAsString();
+      const g = await e.getBlob().getDataAsString();
       o.setSource(g, f.BASE64);
     }
     t !== void 0 ? o.setColumn(t) : o.setColumn(0), i !== void 0 ? o.setRow(i) : o.setRow(0), n !== void 0 ? o.setColumnOffset(n) : o.setColumnOffset(0), s !== void 0 ? o.setRowOffset(s) : o.setRowOffset(0);
     const d = await o.buildAsync();
     return this._commandService.syncExecuteCommand(p.id, { unitId: this._fWorkbook.getId(), drawings: [d] });
   }
-  insertImages(r) {
-    const t = r.map((i) => (i.unitId = this._fWorkbook.getId(), i.subUnitId = this.getSheetId(), i));
+  insertImages(e) {
+    const t = e.map((i) => (i.unitId = this._fWorkbook.getId(), i.subUnitId = this.getSheetId(), i));
     return this._commandService.syncExecuteCommand(p.id, { unitId: this._fWorkbook.getId(), drawings: t }), this;
   }
-  deleteImages(r) {
-    const t = r.map((i) => ({
+  deleteImages(e) {
+    const t = e.map((i) => ({
       unitId: this._fWorkbook.getId(),
       drawingId: i.getId(),
       subUnitId: this.getSheetId(),
@@ -774,8 +774,8 @@ class ie extends z {
     }
     return i;
   }
-  getImageById(r) {
-    const i = this._injector.get(l).getDrawingByParam({ unitId: this._fWorkbook.getId(), subUnitId: this.getSheetId(), drawingId: r });
+  getImageById(e) {
+    const i = this._injector.get(l).getDrawingByParam({ unitId: this._fWorkbook.getId(), subUnitId: this.getSheetId(), drawingId: e });
     return i && i.drawingType === _.DRAWING_IMAGE ? this._injector.createInstance(m, i) : null;
   }
   getActiveImages() {
@@ -786,43 +786,43 @@ class ie extends z {
     }
     return i;
   }
-  updateImages(r) {
-    return this._commandService.syncExecuteCommand(h.id, { unitId: this._fWorkbook.getId(), drawings: r }), this;
+  updateImages(e) {
+    return this._commandService.syncExecuteCommand(h.id, { unitId: this._fWorkbook.getId(), drawings: e }), this;
   }
-  onImageInserted(r) {
+  onImageInserted(e) {
     const t = this._injector.get(l);
     return y(t.add$.subscribe((i) => {
       const n = i.map(
         (s) => this._injector.createInstance(m, t.getDrawingByParam(s))
       );
-      r(n);
+      e(n);
     }));
   }
-  onImageDeleted(r) {
+  onImageDeleted(e) {
     const t = this._injector.get(l);
     return y(t.remove$.subscribe((i) => {
       const n = i.map(
         (s) => this._injector.createInstance(m, t.getDrawingByParam(s))
       );
-      r(n);
+      e(n);
     }));
   }
-  onImageChanged(r) {
+  onImageChanged(e) {
     const t = this._injector.get(l);
     return y(t.update$.subscribe((i) => {
       const n = i.map(
         (s) => this._injector.createInstance(m, t.getDrawingByParam(s))
       );
-      r(n);
+      e(n);
     }));
   }
   newOverGridImage() {
-    const r = this._fWorkbook.getId(), t = this.getSheetId();
-    return this._injector.createInstance(b, r, t);
+    const e = this._fWorkbook.getId(), t = this.getSheetId();
+    return this._injector.createInstance(b, e, t);
   }
 }
-z.extend(ie);
-class ne extends W {
+z.extend(de);
+class ce extends W {
   get DrawingType() {
     return _;
   }
@@ -830,11 +830,11 @@ class ne extends W {
     return f;
   }
   get SheetDrawingAnchorType() {
-    return Z;
+    return ne;
   }
 }
-W.extend(ne);
-class se extends M {
+W.extend(ce);
+class ge extends M {
   get BeforeOverGridImageChange() {
     return "BeforeOverGridImageChange";
   }
@@ -860,14 +860,14 @@ class se extends M {
     return "OverGridImageSelected";
   }
 }
-M.extend(se);
-class oe extends H {
+M.extend(ge);
+class me extends H {
   /**
    * @ignore
    */
   // eslint-disable-next-line max-lines-per-function
-  _initialize(r) {
-    const t = r.get(j);
+  _initialize(e) {
+    const t = e.get(P);
     this.registerEventHandler(
       this.Event.BeforeOverGridImageInsert,
       () => t.beforeCommandExecuted((i) => {
@@ -889,7 +889,7 @@ class oe extends H {
         const n = i.params, s = this.getActiveWorkbook();
         if (s == null || n == null)
           return;
-        const o = r.get(I), { drawings: d } = n, a = d.map((c) => o.getDrawingByParam(c)), g = {
+        const o = e.get(I), { drawings: d } = n, a = d.map((c) => o.getDrawingByParam(c)), g = {
           workbook: s,
           images: this._createFOverGridImage(a)
         };
@@ -903,7 +903,7 @@ class oe extends H {
         const n = i.params, s = this.getActiveWorkbook();
         if (s == null || n == null)
           return;
-        const { drawings: o } = n, d = r.get(I), a = [];
+        const { drawings: o } = n, d = e.get(I), a = [];
         o.forEach((c) => {
           const u = d.getDrawingByParam(c);
           u != null && a.push({
@@ -925,7 +925,7 @@ class oe extends H {
         const n = i.params, s = this.getActiveWorkbook();
         if (s == null)
           return;
-        const o = r.get(I), d = o.getFocusDrawings(), a = n.map((c) => o.getDrawingByParam(c)), g = {
+        const o = e.get(I), d = o.getFocusDrawings(), a = n.map((c) => o.getDrawingByParam(c)), g = {
           workbook: s,
           selectedImages: this._createFOverGridImage(a),
           oldSelectedImages: this._createFOverGridImage(d)
@@ -966,7 +966,7 @@ class oe extends H {
         const n = i.params, s = this.getActiveWorkbook();
         if (s == null || n == null)
           return;
-        const { drawings: o } = n, d = r.get(I), a = o.map((g) => this._injector.createInstance(m, d.getDrawingByParam(g)));
+        const { drawings: o } = n, d = e.get(I), a = o.map((g) => this._injector.createInstance(m, d.getDrawingByParam(g)));
         this.fireEvent(this.Event.OverGridImageChanged, {
           workbook: s,
           images: a
@@ -979,7 +979,7 @@ class oe extends H {
         const n = i.params, s = this.getActiveWorkbook();
         if (s == null)
           return;
-        const o = r.get(I), d = n.map((a) => o.getDrawingByParam(a));
+        const o = e.get(I), d = n.map((a) => o.getDrawingByParam(a));
         this.fireEvent(this.Event.OverGridImageSelected, {
           workbook: s,
           selectedImages: this._createFOverGridImage(d)
@@ -987,8 +987,24 @@ class oe extends H {
       })
     );
   }
-  _createFOverGridImage(r) {
-    return r.map((t) => this._injector.createInstance(m, t));
+  _createFOverGridImage(e) {
+    return e.map((t) => this._injector.createInstance(m, t));
   }
 }
-H.extend(oe);
+H.extend(me);
+class he extends N {
+  async insertCellImageAsync(e) {
+    var s;
+    const t = this._injector.get(B), i = (s = Z(Y.UNIVER_SHEET, this._injector.get(q), t)) == null ? void 0 : s.with(ee);
+    if (!i)
+      return !1;
+    const n = {
+      unitId: this._workbook.getUnitId(),
+      subUnitId: this._worksheet.getSheetId(),
+      row: this.getRow(),
+      col: this.getColumn()
+    };
+    return typeof e == "string" ? i.insertCellImageByUrl(e, n) : i.insertCellImageByFile(e, n);
+  }
+}
+N.extend(he);