@univerjs/sheets-drawing-ui 0.12.3 → 0.12.4

package/lib/es/facade.js

@@ -1,66 +1,66 @@
-var q = Object.defineProperty;
-var J = (o, r, t) => r in o ? q(o, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[r] = t;
-var P = (o, r, t) => J(o, typeof r != "symbol" ? r + "" : r, t);
-import { Inject as H, Injector as K, ICommandService as N, ImageSourceType as E, ArrangeTypeEnum as C, DrawingTypeEnum as I, generateRandomId as Q, toDisposable as T, CanceledError as S, UniverInstanceType as Z, IUniverInstanceService as ee } from "@univerjs/core";
-import { FBase as te, FEnum as z, FEventName as X, FUniver as Y } from "@univerjs/core/facade";
-import { getImageSize as re, IDrawingManagerService as p, SetDrawingSelectedOperation as W } from "@univerjs/drawing";
-import { IRenderManagerService as y, getCurrentTypeOfRenderer as ie } from "@univerjs/engine-render";
-import { RemoveSheetDrawingCommand as k, SetSheetDrawingCommand as f, SetDrawingArrangeCommand as R, SheetCanvasFloatDomManagerService as D, transformToDrawingPosition as j, InsertSheetDrawingCommand as b, SheetDrawingUpdateController as ne } from "@univerjs/sheets-drawing-ui";
-import { SheetSkeletonManagerService as M, ISheetSelectionRenderService as A, convertPositionSheetOverGridToAbsolute as oe, convertPositionCellToSheetOverGrid as se } from "@univerjs/sheets-ui";
-import { ISheetDrawingService as w, SheetDrawingAnchorType as ae } from "@univerjs/sheets-drawing";
+var Q = Object.defineProperty;
+var Z = (s, t, r) => t in s ? Q(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[t] = r;
+var W = (s, t, r) => Z(s, typeof t != "symbol" ? t + "" : t, r);
+import { Inject as N, Injector as L, ICommandService as K, ImageSourceType as y, ArrangeTypeEnum as O, DrawingTypeEnum as v, generateRandomId as ee, toDisposable as T, CanceledError as D, UniverInstanceType as te, IUniverInstanceService as re } from "@univerjs/core";
+import { FBase as ne, FEnum as z, FEventName as X, FUniver as Y } from "@univerjs/core/facade";
+import { getImageSize as ie, IDrawingManagerService as S, SetDrawingSelectedOperation as j } from "@univerjs/drawing";
+import { IRenderManagerService as C, getCurrentTypeOfRenderer as se } from "@univerjs/engine-render";
+import { RemoveSheetDrawingCommand as k, SetSheetDrawingCommand as f, SetDrawingArrangeCommand as F, SheetCanvasFloatDomManagerService as p, transformToDrawingPosition as M, InsertSheetDrawingCommand as E, IBatchSaveImagesService as V, FileNamePart as b, SheetDrawingUpdateController as oe } from "@univerjs/sheets-drawing-ui";
+import { SheetSkeletonManagerService as H, ISheetSelectionRenderService as x, convertPositionSheetOverGridToAbsolute as ae, convertPositionCellToSheetOverGrid as de } from "@univerjs/sheets-ui";
+import { ISheetDrawingService as w, SheetDrawingAnchorType as ce } from "@univerjs/sheets-drawing";
 import { transformComponentKey as U } from "@univerjs/sheets-ui/facade";
-import { FWorksheet as $, FRange as L } from "@univerjs/sheets/facade";
+import { FWorksheet as $, FRange as q } from "@univerjs/sheets/facade";
 import { ComponentManager as G } from "@univerjs/ui";
-var de = Object.getOwnPropertyDescriptor, V = (o, r, t, e) => {
-  for (var i = e > 1 ? void 0 : e ? de(r, t) : r, n = o.length - 1, s; n >= 0; n--)
-    (s = o[n]) && (i = s(i) || i);
-  return i;
-}, x = (o, r) => (t, e) => r(t, e, o);
-function ce(o, r) {
-  const { from: t, to: e, flipY: i = !1, flipX: n = !1, angle: s = 0, skewX: a = 0, skewY: d = 0 } = o.sheetTransform, { column: g, columnOffset: c, row: m, rowOffset: l } = t, _ = oe(
-    o.unitId,
-    o.subUnitId,
-    { from: t, to: e },
-    r
-  ), { width: h, height: u } = _;
+var ge = Object.getOwnPropertyDescriptor, J = (s, t, r, e) => {
+  for (var n = e > 1 ? void 0 : e ? ge(t, r) : t, i = s.length - 1, a; i >= 0; i--)
+    (a = s[i]) && (n = a(n) || n);
+  return n;
+}, P = (s, t) => (r, e) => t(r, e, s);
+function me(s, t) {
+  const { from: r, to: e, flipY: n = !1, flipX: i = !1, angle: a = 0, skewX: o = 0, skewY: d = 0 } = s.sheetTransform, { column: g, columnOffset: c, row: m, rowOffset: h } = r, _ = ae(
+    s.unitId,
+    s.subUnitId,
+    { from: r, to: e },
+    t
+  ), { width: l, height: u } = _;
   return {
-    ...o,
+    ...s,
     column: g,
     columnOffset: c,
     row: m,
-    rowOffset: l,
-    width: h,
+    rowOffset: h,
+    width: l,
     height: u,
-    flipY: i,
-    flipX: n,
-    angle: s,
-    skewX: a,
+    flipY: n,
+    flipX: i,
+    angle: a,
+    skewX: o,
     skewY: d
   };
 }
-function ge(o, r, t) {
-  const { column: e, columnOffset: i, row: n, rowOffset: s, flipY: a = !1, flipX: d = !1, angle: g = 0, skewX: c = 0, skewY: m = 0, width: l, height: _ } = o, h = se(
-    o.unitId,
-    o.subUnitId,
-    { column: e, columnOffset: i, row: n, rowOffset: s },
-    l,
+function he(s, t, r) {
+  const { column: e, columnOffset: n, row: i, rowOffset: a, flipY: o = !1, flipX: d = !1, angle: g = 0, skewX: c = 0, skewY: m = 0, width: h, height: _ } = s, l = de(
+    s.unitId,
+    s.subUnitId,
+    { column: e, columnOffset: n, row: i, rowOffset: a },
+    h,
     _,
-    r,
-    t
-  ), { sheetTransform: u, transform: B } = h;
+    t,
+    r
+  ), { sheetTransform: u, transform: A } = l;
   return {
-    ...o,
+    ...s,
     sheetTransform: {
       ...u,
-      flipY: a,
+      flipY: o,
       flipX: d,
       angle: g,
       skewX: c,
       skewY: m
     },
     transform: {
-      ...B,
-      flipY: a,
+      ...A,
+      flipY: o,
       flipX: d,
       angle: g,
       skewX: c,
@@ -68,16 +68,16 @@ function ge(o, r, t) {
     }
   };
 }
-let F = class {
-  constructor(o, r, t) {
-    P(this, "_image");
-    this._injector = t, this._image = {
-      drawingId: Q(6),
-      drawingType: I.DRAWING_IMAGE,
-      imageSourceType: E.BASE64,
+let B = class {
+  constructor(s, t, r) {
+    W(this, "_image");
+    this._injector = r, this._image = {
+      drawingId: ee(6),
+      drawingType: v.DRAWING_IMAGE,
+      imageSourceType: y.BASE64,
       source: "",
-      unitId: o,
-      subUnitId: r,
+      unitId: s,
+      subUnitId: t,
       column: 0,
       columnOffset: 0,
       row: 0,
@@ -111,12 +111,12 @@ let F = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setImage(o) {
-    const t = this._injector.get(y).getRenderById(o.unitId);
-    if (!t)
-      throw new Error(`Render Unit with unitId ${o.unitId} not found`);
-    const e = t.with(M);
-    return o.sheetTransform == null && (o.sheetTransform = {
+  setImage(s) {
+    const r = this._injector.get(C).getRenderById(s.unitId);
+    if (!r)
+      throw new Error(`Render Unit with unitId ${s.unitId} not found`);
+    const e = r.with(H);
+    return s.sheetTransform == null && (s.sheetTransform = {
       from: {
         column: 0,
         columnOffset: 0,
@@ -129,11 +129,11 @@ let F = class {
         row: 0,
         rowOffset: 0
       }
-    }), this._image = ce(o, e), this;
+    }), this._image = me(s, e), this;
   }
-  setSource(o, r) {
-    const t = r != null ? r : E.URL;
-    return this._image.source = o, this._image.imageSourceType = t, this;
+  setSource(s, t) {
+    const r = t != null ? t : y.URL;
+    return this._image.source = s, this._image.imageSourceType = r, this;
   }
   /**
    * Get the source of the image
@@ -185,8 +185,8 @@ let F = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setColumn(o) {
-    return this._image.column = o, this;
+  setColumn(s) {
+    return this._image.column = s, this;
   }
   /**
    * Set the vertical position of the image
@@ -206,8 +206,8 @@ let F = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setRow(o) {
-    return this._image.row = o, this;
+  setRow(s) {
+    return this._image.row = s, this;
   }
   /**
    * Set the horizontal offset of the image
@@ -228,8 +228,8 @@ let F = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setColumnOffset(o) {
-    return this._image.columnOffset = o, this;
+  setColumnOffset(s) {
+    return this._image.columnOffset = s, this;
   }
   /**
    * Set the vertical offset of the image
@@ -250,8 +250,8 @@ let F = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setRowOffset(o) {
-    return this._image.rowOffset = o, this;
+  setRowOffset(s) {
+    return this._image.rowOffset = s, this;
   }
   /**
    * Set the width of the image
@@ -273,8 +273,8 @@ let F = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setWidth(o) {
-    return this._image.width = o, this;
+  setWidth(s) {
+    return this._image.width = s, this;
   }
   /**
    * Set the height of the image
@@ -296,8 +296,8 @@ let F = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setHeight(o) {
-    return this._image.height = o, this;
+  setHeight(s) {
+    return this._image.height = s, this;
   }
   /**
    * Set the anchor type of the image, whether the position and size change with the cell
@@ -345,8 +345,8 @@ let F = class {
    * }, 2000);
    * ```
    */
-  setAnchorType(o) {
-    return this._image.anchorType = o, this;
+  setAnchorType(s) {
+    return this._image.anchorType = s, 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 F = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setCropTop(o) {
-    return this._initializeSrcRect(), this._image.srcRect.top = o, this;
+  setCropTop(s) {
+    return this._initializeSrcRect(), this._image.srcRect.top = s, 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 F = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setCropLeft(o) {
-    return this._initializeSrcRect(), this._image.srcRect.left = o, this;
+  setCropLeft(s) {
+    return this._initializeSrcRect(), this._image.srcRect.left = s, 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 F = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setCropBottom(o) {
-    return this._initializeSrcRect(), this._image.srcRect.bottom = o, this;
+  setCropBottom(s) {
+    return this._initializeSrcRect(), this._image.srcRect.bottom = s, 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 F = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setCropRight(o) {
-    return this._initializeSrcRect(), this._image.srcRect.right = o, this;
+  setCropRight(s) {
+    return this._initializeSrcRect(), this._image.srcRect.right = s, this;
   }
   _initializeSrcRect() {
     this._image.srcRect == null && (this._image.srcRect = {
@@ -463,33 +463,33 @@ let F = class {
    * fWorksheet.insertImages([image]);
    * ```
    */
-  setRotate(o) {
-    return this._image.angle = o, this;
+  setRotate(s) {
+    return this._image.angle = s, this;
   }
-  setUnitId(o) {
-    return this._image.unitId = o, this;
+  setUnitId(s) {
+    return this._image.unitId = s, this;
   }
-  setSubUnitId(o) {
-    return this._image.subUnitId = o, this;
+  setSubUnitId(s) {
+    return this._image.subUnitId = s, this;
   }
   async buildAsync() {
-    const r = this._injector.get(y).getRenderById(this._image.unitId);
-    if (!r)
+    const t = this._injector.get(C).getRenderById(this._image.unitId);
+    if (!t)
       throw new Error(`Render Unit with unitId ${this._image.unitId} not found`);
-    const t = r.with(A), e = r.with(M);
+    const r = t.with(x), e = t.with(H);
     if (this._image.width === 0 || this._image.height === 0) {
-      const i = await re(this._image.source), n = i.width, s = i.height;
-      this._image.width === 0 && (this._image.width = n), this._image.height === 0 && (this._image.height = s);
+      const n = await ie(this._image.source), i = n.width, a = n.height;
+      this._image.width === 0 && (this._image.width = i), this._image.height === 0 && (this._image.height = a);
     }
-    return ge(this._image, t, e);
+    return he(this._image, r, e);
   }
 };
-F = V([
-  x(2, H(K))
-], F);
-let v = class extends te {
-  constructor(o, r, t) {
-    super(), this._image = o, this._commandService = r, this._injector = t;
+B = J([
+  P(2, N(L))
+], B);
+let I = class extends ne {
+  constructor(s, t, r) {
+    super(), this._image = s, this._commandService = t, this._injector = r;
   }
   /**
    * Get the id of the image
@@ -552,18 +552,18 @@ let v = class extends te {
    * ```
    */
   toBuilder() {
-    const o = this._injector.createInstance(F);
-    return o.setImage(this._image), o;
+    const s = this._injector.createInstance(B);
+    return s.setImage(this._image), s;
   }
-  setSource(o, r) {
-    const t = r != null ? r : E.URL;
-    return this._image.source = o, this._image.imageSourceType = t, this._commandService.syncExecuteCommand(f.id, { unitId: this._image.unitId, drawings: [this._image] });
+  setSource(s, t) {
+    const r = t != null ? t : y.URL;
+    return this._image.source = s, this._image.imageSourceType = r, this._commandService.syncExecuteCommand(f.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
-  async setPositionAsync(o, r, t, e) {
-    const i = this.toBuilder();
-    i.setColumn(r), i.setRow(o), t != null && i.setRowOffset(t), e != null && i.setColumnOffset(e);
-    const n = await i.buildAsync();
-    return this._commandService.syncExecuteCommand(f.id, { unitId: this._image.unitId, drawings: [n] });
+  async setPositionAsync(s, t, r, e) {
+    const n = this.toBuilder();
+    n.setColumn(t), n.setRow(s), r != null && n.setRowOffset(r), e != null && n.setColumnOffset(e);
+    const i = await n.buildAsync();
+    return this._commandService.syncExecuteCommand(f.id, { unitId: this._image.unitId, drawings: [i] });
   }
   /**
    * Set the size of the image
@@ -580,10 +580,10 @@ let v = class extends te {
    * console.log(result);
    * ```
    */
-  async setSizeAsync(o, r) {
-    const t = this.toBuilder();
-    t.setWidth(o), t.setHeight(r);
-    const e = await t.buildAsync();
+  async setSizeAsync(s, t) {
+    const r = this.toBuilder();
+    r.setWidth(s), r.setHeight(t);
+    const e = await r.buildAsync();
     return this._commandService.syncExecuteCommand(f.id, { unitId: this._image.unitId, drawings: [e] });
   }
   /**
@@ -603,13 +603,13 @@ let v = class extends te {
    * console.log(result);
    * ```
    */
-  setCrop(o, r, t, e) {
+  setCrop(s, t, r, e) {
     return this._image.srcRect == null && (this._image.srcRect = {
       top: 0,
       left: 0,
       bottom: 0,
       right: 0
-    }), o != null && (this._image.srcRect.top = o), r != null && (this._image.srcRect.left = r), t != null && (this._image.srcRect.bottom = t), e != null && (this._image.srcRect.right = e), this._commandService.syncExecuteCommand(f.id, { unitId: this._image.unitId, drawings: [this._image] });
+    }), s != null && (this._image.srcRect.top = s), t != null && (this._image.srcRect.left = t), r != null && (this._image.srcRect.bottom = r), e != null && (this._image.srcRect.right = e), this._commandService.syncExecuteCommand(f.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
   /**
    * Set the rotation angle of the image
@@ -625,8 +625,8 @@ let v = class extends te {
    * console.log(result);
    * ```
    */
-  setRotate(o) {
-    return this._image.sheetTransform.angle = o, this._image.transform && (this._image.transform.angle = o), this._commandService.syncExecuteCommand(f.id, { unitId: this._image.unitId, drawings: [this._image] });
+  setRotate(s) {
+    return this._image.sheetTransform.angle = s, this._image.transform && (this._image.transform.angle = s), this._commandService.syncExecuteCommand(f.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
   /**
    * Move the image layer forward by one level
@@ -641,11 +641,11 @@ let v = class extends te {
    * ```
    */
   setForward() {
-    return this._commandService.syncExecuteCommand(R.id, {
+    return this._commandService.syncExecuteCommand(F.id, {
       unitId: this._image.unitId,
       subUnitId: this._image.subUnitId,
       drawingIds: [this._image.drawingId],
-      arrangeType: C.forward
+      arrangeType: O.forward
     });
   }
   /**
@@ -661,11 +661,11 @@ let v = class extends te {
    * ```
    */
   setBackward() {
-    return this._commandService.syncExecuteCommand(R.id, {
+    return this._commandService.syncExecuteCommand(F.id, {
       unitId: this._image.unitId,
       subUnitId: this._image.subUnitId,
       drawingIds: [this._image.drawingId],
-      arrangeType: C.backward
+      arrangeType: O.backward
     });
   }
   /**
@@ -681,11 +681,11 @@ let v = class extends te {
    * ```
    */
   setBack() {
-    return this._commandService.syncExecuteCommand(R.id, {
+    return this._commandService.syncExecuteCommand(F.id, {
       unitId: this._image.unitId,
       subUnitId: this._image.subUnitId,
       drawingIds: [this._image.drawingId],
-      arrangeType: C.back
+      arrangeType: O.back
     });
   }
   /**
@@ -701,171 +701,171 @@ let v = class extends te {
    * ```
    */
   setFront() {
-    return this._commandService.syncExecuteCommand(R.id, {
+    return this._commandService.syncExecuteCommand(F.id, {
       unitId: this._image.unitId,
       subUnitId: this._image.subUnitId,
       drawingIds: [this._image.drawingId],
-      arrangeType: C.front
+      arrangeType: O.front
     });
   }
 };
-v = V([
-  x(1, N),
-  x(2, H(K))
-], v);
-class me extends $ {
-  getFloatDomById(r) {
-    const e = this._injector.get(D).getFloatDomInfo(r);
+I = J([
+  P(1, K),
+  P(2, N(L))
+], I);
+class le extends $ {
+  getFloatDomById(t) {
+    const e = this._injector.get(p).getFloatDomInfo(t);
     if (!e) return null;
-    const { unitId: i, subUnitId: n } = e, { rect: s } = e, a = s.getState(), { left: d = 0, top: g = 0, width: c = 0, height: m = 0, flipX: l = !1, flipY: _ = !1, angle: h = 0, skewX: u = 0, skewY: B = 0 } = a, O = this._injector.get(w).getDrawingByParam({
+    const { unitId: n, subUnitId: i } = e, { rect: a } = e, o = a.getState(), { left: d = 0, top: g = 0, width: c = 0, height: m = 0, flipX: h = !1, flipY: _ = !1, angle: l = 0, skewX: u = 0, skewY: A = 0 } = o, R = this._injector.get(w).getDrawingByParam({
       drawingId: e.id,
-      unitId: i,
-      subUnitId: n
+      unitId: n,
+      subUnitId: i
     });
-    return O ? {
+    return R ? {
       position: {
         left: d,
         top: g,
         width: c,
         height: m,
-        flipX: l,
+        flipX: h,
         flipY: _,
-        angle: h,
+        angle: l,
         skewX: u,
-        skewY: B
+        skewY: A
       },
-      componentKey: O.componentKey,
-      allowTransform: O.allowTransform,
-      data: O.data,
+      componentKey: R.componentKey,
+      allowTransform: R.allowTransform,
+      data: R.data,
       id: e.id
     } : null;
   }
   getAllFloatDoms() {
-    const r = this._injector.get(D), t = this._workbook.getUnitId(), e = this._worksheet.getSheetId();
-    return Array.from(r.getFloatDomsBySubUnitId(t, e).values()).map((i) => {
-      const { rect: n } = i, s = this._injector.get(w).getDrawingByParam({
-        drawingId: i.id,
-        unitId: t,
+    const t = this._injector.get(p), r = this._workbook.getUnitId(), e = this._worksheet.getSheetId();
+    return Array.from(t.getFloatDomsBySubUnitId(r, e).values()).map((n) => {
+      const { rect: i } = n, a = this._injector.get(w).getDrawingByParam({
+        drawingId: n.id,
+        unitId: r,
         subUnitId: e
-      }), { left: a, top: d, width: g, height: c, flipX: m, flipY: l, angle: _, skewX: h, skewY: u } = n.getState();
+      }), { left: o, top: d, width: g, height: c, flipX: m, flipY: h, angle: _, skewX: l, skewY: u } = i.getState();
       return {
         position: {
-          left: a,
+          left: o,
           top: d,
           width: g,
           height: c,
           flipX: m,
-          flipY: l,
+          flipY: h,
           angle: _,
-          skewX: h,
+          skewX: l,
           skewY: u
         },
-        componentKey: s.componentKey,
-        allowTransform: s.allowTransform,
-        data: s.data,
-        id: i.id
+        componentKey: a.componentKey,
+        allowTransform: a.allowTransform,
+        data: a.data,
+        id: n.id
       };
     });
   }
-  updateFloatDom(r, t) {
-    var h, u;
-    const i = this._injector.get(D).getFloatDomInfo(r);
-    if (!i) return this;
-    const { unitId: n, subUnitId: s } = i, a = this._injector.get(w).getDrawingByParam({
-      unitId: n,
-      subUnitId: s,
-      drawingId: r
-    }), d = this._injector.get(y);
-    if (!d.getRenderById(n)) return this;
+  updateFloatDom(t, r) {
+    var l, u;
+    const n = this._injector.get(p).getFloatDomInfo(t);
+    if (!n) return this;
+    const { unitId: i, subUnitId: a } = n, o = this._injector.get(w).getDrawingByParam({
+      unitId: i,
+      subUnitId: a,
+      drawingId: t
+    }), d = this._injector.get(C);
+    if (!d.getRenderById(i)) return this;
     if (!this.getSkeleton()) return this;
-    const m = (h = d.getRenderById(this.getWorkbook().getUnitId())) == null ? void 0 : h.with(A);
+    const m = (l = d.getRenderById(this.getWorkbook().getUnitId())) == null ? void 0 : l.with(x);
     if (!m) return this;
-    const l = {
-      ...a,
-      componentKey: t.componentKey || a.componentKey,
-      allowTransform: t.allowTransform !== void 0 ? t.allowTransform : a.allowTransform,
-      data: t.data || a.data,
-      sheetTransform: t.position && (u = j(
-        t.position,
+    const h = {
+      ...o,
+      componentKey: r.componentKey || o.componentKey,
+      allowTransform: r.allowTransform !== void 0 ? r.allowTransform : o.allowTransform,
+      data: r.data || o.data,
+      sheetTransform: r.position && (u = M(
+        r.position,
         m
-      )) != null ? u : a.sheetTransform,
+      )) != null ? u : o.sheetTransform,
       transform: {
-        ...a.transform,
-        ...t.position
+        ...o.transform,
+        ...r.position
         // Merge with existing transform
       }
     };
-    if (!this._commandService.syncExecuteCommand(f.id, { unitId: n, subUnitId: s, drawings: [l] }))
+    if (!this._commandService.syncExecuteCommand(f.id, { unitId: i, subUnitId: a, drawings: [h] }))
       throw new Error("updateFloatDom failed");
     return this;
   }
-  batchUpdateFloatDoms(r) {
-    var s;
-    const t = this._injector.get(D), e = this._injector.get(w), i = this._injector.get(y), n = [];
-    for (const a of r) {
-      const d = t.getFloatDomInfo(a.id);
+  batchUpdateFloatDoms(t) {
+    var a;
+    const r = this._injector.get(p), e = this._injector.get(w), n = this._injector.get(C), i = [];
+    for (const o of t) {
+      const d = r.getFloatDomInfo(o.id);
       if (!d) continue;
       const { unitId: g, subUnitId: c } = d, m = e.getDrawingByParam({
         unitId: g,
         subUnitId: c,
-        drawingId: a.id
+        drawingId: o.id
       });
       if (!m) continue;
-      const l = i.getRenderById(g);
-      if (!l || !this.getSkeleton()) continue;
-      const h = l.with(A);
-      if (!h) return this;
+      const h = n.getRenderById(g);
+      if (!h || !this.getSkeleton()) continue;
+      const l = h.with(x);
+      if (!l) return this;
       const u = {
         ...m,
-        componentKey: a.config.componentKey || m.componentKey,
-        allowTransform: a.config.allowTransform !== void 0 ? a.config.allowTransform : m.allowTransform,
-        data: a.config.data || m.data,
-        sheetTransform: a.config.position && (s = j(
-          a.config.position,
-          h
-        )) != null ? s : m.sheetTransform,
+        componentKey: o.config.componentKey || m.componentKey,
+        allowTransform: o.config.allowTransform !== void 0 ? o.config.allowTransform : m.allowTransform,
+        data: o.config.data || m.data,
+        sheetTransform: o.config.position && (a = M(
+          o.config.position,
+          l
+        )) != null ? a : m.sheetTransform,
         transform: {
           ...m.transform,
-          ...a.config.position
+          ...o.config.position
           // Merge with existing transform
         }
       };
-      n.push(u);
+      i.push(u);
     }
-    if (n.length > 0) {
-      const a = this._workbook.getUnitId(), d = this._worksheet.getSheetId();
-      if (!this._commandService.syncExecuteCommand(f.id, { unitId: a, subUnitId: d, drawings: n }))
+    if (i.length > 0) {
+      const o = this._workbook.getUnitId(), d = this._worksheet.getSheetId();
+      if (!this._commandService.syncExecuteCommand(f.id, { unitId: o, subUnitId: d, drawings: i }))
         throw new Error("batchUpdateFloatDoms failed");
     }
     return this;
   }
-  removeFloatDom(r) {
-    const e = this._injector.get(D).getFloatDomInfo(r);
+  removeFloatDom(t) {
+    const e = this._injector.get(p).getFloatDomInfo(t);
     if (!e) return this;
-    const { unitId: i, subUnitId: n } = e, a = this._injector.get(w).getDrawingByParam({
-      unitId: i,
-      subUnitId: n,
-      drawingId: r
+    const { unitId: n, subUnitId: i } = e, o = this._injector.get(w).getDrawingByParam({
+      unitId: n,
+      subUnitId: i,
+      drawingId: t
     });
-    if (!a) return this;
+    if (!o) return this;
     if (!this._commandService.syncExecuteCommand(k.id, {
-      unitId: i,
-      drawings: [a]
+      unitId: n,
+      drawings: [o]
     }))
       throw new Error("removeFloatDom failed");
     return this;
   }
-  addFloatDomToPosition(r, t) {
-    const e = this._workbook.getUnitId(), i = this._worksheet.getSheetId(), { key: n, disposableCollection: s } = U(r, this._injector.get(G)), d = this._injector.get(D).addFloatDomToPosition({ ...r, componentKey: n, unitId: e, subUnitId: i }, t);
-    return d ? (s.add(d.dispose), {
+  addFloatDomToPosition(t, r) {
+    const e = this._workbook.getUnitId(), n = this._worksheet.getSheetId(), { key: i, disposableCollection: a } = U(t, this._injector.get(G)), d = this._injector.get(p).addFloatDomToPosition({ ...t, componentKey: i, unitId: e, subUnitId: n }, r);
+    return d ? (a.add(d.dispose), {
       id: d.id,
       dispose: () => {
-        s.dispose(), d.dispose();
+        a.dispose(), d.dispose();
       }
-    }) : (s.dispose(), null);
+    }) : (a.dispose(), null);
   }
-  addFloatDomToRange(r, t, e, i) {
-    const n = this._workbook.getUnitId(), s = this._worksheet.getSheetId(), { key: a, disposableCollection: d } = U(t, this._injector.get(G)), c = this._injector.get(D).addFloatDomToRange(r.getRange(), { ...t, componentKey: a, unitId: n, subUnitId: s }, e, i);
+  addFloatDomToRange(t, r, e, n) {
+    const i = this._workbook.getUnitId(), a = this._worksheet.getSheetId(), { key: o, disposableCollection: d } = U(r, this._injector.get(G)), c = this._injector.get(p).addFloatDomToRange(t.getRange(), { ...r, componentKey: o, unitId: i, subUnitId: a }, e, n);
     return c ? (d.add(c.dispose), {
       id: c.id,
       dispose: () => {
@@ -873,8 +873,8 @@ class me extends $ {
       }
     }) : (d.dispose(), null);
   }
-  addFloatDomToColumnHeader(r, t, e, i) {
-    const n = this._workbook.getUnitId(), s = this._worksheet.getSheetId(), { key: a, disposableCollection: d } = U(t, this._injector.get(G)), c = this._injector.get(D).addFloatDomToColumnHeader(r, { ...t, componentKey: a, unitId: n, subUnitId: s }, e, i);
+  addFloatDomToColumnHeader(t, r, e, n) {
+    const i = this._workbook.getUnitId(), a = this._worksheet.getSheetId(), { key: o, disposableCollection: d } = U(r, this._injector.get(G)), c = this._injector.get(p).addFloatDomToColumnHeader(t, { ...r, componentKey: o, unitId: i, subUnitId: a }, e, n);
     return c ? (d.add(c.dispose), {
       id: c.id,
       dispose: () => {
@@ -882,100 +882,122 @@ class me extends $ {
       }
     }) : (d.dispose(), null);
   }
-  async insertImage(r, t, e, i, n) {
-    const s = this.newOverGridImage();
-    if (typeof r == "string")
-      s.setSource(r);
+  async insertImage(t, r, e, n, i) {
+    const a = this.newOverGridImage();
+    if (typeof t == "string")
+      a.setSource(t);
     else {
-      const g = await r.getBlob().getDataAsString();
-      s.setSource(g, E.BASE64);
+      const g = await t.getBlob().getDataAsString();
+      a.setSource(g, y.BASE64);
     }
-    t !== void 0 ? s.setColumn(t) : s.setColumn(0), e !== void 0 ? s.setRow(e) : s.setRow(0), i !== void 0 ? s.setColumnOffset(i) : s.setColumnOffset(0), n !== void 0 ? s.setRowOffset(n) : s.setRowOffset(0);
-    const a = await s.buildAsync();
-    return this._commandService.syncExecuteCommand(b.id, { unitId: this._fWorkbook.getId(), drawings: [a] });
+    r !== void 0 ? a.setColumn(r) : a.setColumn(0), e !== void 0 ? a.setRow(e) : a.setRow(0), n !== void 0 ? a.setColumnOffset(n) : a.setColumnOffset(0), i !== void 0 ? a.setRowOffset(i) : a.setRowOffset(0);
+    const o = await a.buildAsync();
+    return this._commandService.syncExecuteCommand(E.id, { unitId: this._fWorkbook.getId(), drawings: [o] });
   }
-  insertImages(r) {
-    const t = r.map((e) => (e.unitId = this._fWorkbook.getId(), e.subUnitId = this.getSheetId(), e));
-    return this._commandService.syncExecuteCommand(b.id, { unitId: this._fWorkbook.getId(), drawings: t }), this;
+  insertImages(t) {
+    const r = t.map((e) => (e.unitId = this._fWorkbook.getId(), e.subUnitId = this.getSheetId(), e));
+    return this._commandService.syncExecuteCommand(E.id, { unitId: this._fWorkbook.getId(), drawings: r }), this;
   }
-  deleteImages(r) {
-    const t = r.map((e) => ({
+  deleteImages(t) {
+    const r = t.map((e) => ({
       unitId: this._fWorkbook.getId(),
       drawingId: e.getId(),
       subUnitId: this.getSheetId(),
       drawingType: e.getType()
     }));
-    return this._commandService.syncExecuteCommand(k.id, { unitId: this._fWorkbook.getId(), drawings: t }), this;
+    return this._commandService.syncExecuteCommand(k.id, { unitId: this._fWorkbook.getId(), drawings: r }), this;
   }
   getImages() {
-    const t = this._injector.get(w).getDrawingData(this._fWorkbook.getId(), this.getSheetId()), e = [];
-    for (const i in t) {
-      const n = t[i];
-      n.drawingType === I.DRAWING_IMAGE && e.push(this._injector.createInstance(v, n));
+    const r = this._injector.get(w).getDrawingData(this._fWorkbook.getId(), this.getSheetId()), e = [];
+    for (const n in r) {
+      const i = r[n];
+      i.drawingType === v.DRAWING_IMAGE && e.push(this._injector.createInstance(I, i));
     }
     return e;
   }
-  getImageById(r) {
-    const e = this._injector.get(w).getDrawingByParam({ unitId: this._fWorkbook.getId(), subUnitId: this.getSheetId(), drawingId: r });
-    return e && e.drawingType === I.DRAWING_IMAGE ? this._injector.createInstance(v, e) : null;
+  getImageById(t) {
+    const e = this._injector.get(w).getDrawingByParam({ unitId: this._fWorkbook.getId(), subUnitId: this.getSheetId(), drawingId: t });
+    return e && e.drawingType === v.DRAWING_IMAGE ? this._injector.createInstance(I, e) : null;
   }
   getActiveImages() {
-    const t = this._injector.get(w).getFocusDrawings(), e = [];
-    for (const i in t) {
-      const n = t[i];
-      e.push(this._injector.createInstance(v, n));
+    const r = this._injector.get(w).getFocusDrawings(), e = [];
+    for (const n in r) {
+      const i = r[n];
+      e.push(this._injector.createInstance(I, i));
     }
     return e;
   }
-  updateImages(r) {
-    return this._commandService.syncExecuteCommand(f.id, { unitId: this._fWorkbook.getId(), drawings: r }), this;
+  updateImages(t) {
+    return this._commandService.syncExecuteCommand(f.id, { unitId: this._fWorkbook.getId(), drawings: t }), this;
   }
-  onImageInserted(r) {
-    const t = this._injector.get(w);
-    return T(t.add$.subscribe((e) => {
-      const i = e.map(
-        (n) => this._injector.createInstance(v, t.getDrawingByParam(n))
+  onImageInserted(t) {
+    const r = this._injector.get(w);
+    return T(r.add$.subscribe((e) => {
+      const n = e.map(
+        (i) => this._injector.createInstance(I, r.getDrawingByParam(i))
       );
-      r(i);
+      t(n);
     }));
   }
-  onImageDeleted(r) {
-    const t = this._injector.get(w);
-    return T(t.remove$.subscribe((e) => {
-      const i = e.map(
-        (n) => this._injector.createInstance(v, t.getDrawingByParam(n))
+  onImageDeleted(t) {
+    const r = this._injector.get(w);
+    return T(r.remove$.subscribe((e) => {
+      const n = e.map(
+        (i) => this._injector.createInstance(I, r.getDrawingByParam(i))
       );
-      r(i);
+      t(n);
     }));
   }
-  onImageChanged(r) {
-    const t = this._injector.get(w);
-    return T(t.update$.subscribe((e) => {
-      const i = e.map(
-        (n) => this._injector.createInstance(v, t.getDrawingByParam(n))
+  onImageChanged(t) {
+    const r = this._injector.get(w);
+    return T(r.update$.subscribe((e) => {
+      const n = e.map(
+        (i) => this._injector.createInstance(I, r.getDrawingByParam(i))
       );
-      r(i);
+      t(n);
     }));
   }
   newOverGridImage() {
-    const r = this._fWorkbook.getId(), t = this.getSheetId();
-    return this._injector.createInstance(F, r, t);
+    const t = this._fWorkbook.getId(), r = this.getSheetId();
+    return this._injector.createInstance(B, t, r);
+  }
+  async saveCellImagesAsync(t, r) {
+    var m;
+    const e = this._injector.get(V), n = this._fWorkbook.getId(), i = this.getSheetId(), a = r ? r.map((h) => h.getRange()) : [this._worksheet.getCellMatrix().getDataRange()], o = e.getCellImagesFromRanges(n, i, a);
+    if (o.length === 0)
+      return !1;
+    if (o.length === 1)
+      try {
+        return await e.downloadSingleImage(o[0]), !0;
+      } catch (h) {
+        return console.error("Failed to download image:", h), !1;
+      }
+    const d = [], g = (m = t == null ? void 0 : t.useCellAddress) != null ? m : !0, c = t == null ? void 0 : t.useColumnIndex;
+    g && d.push(b.CELL_ADDRESS), c !== void 0 && d.push(b.COLUMN_VALUE), d.length === 0 && d.push(b.CELL_ADDRESS);
+    try {
+      return await e.saveImagesWithContext(o, {
+        fileNameParts: d,
+        columnIndex: c
+      }, n, i), !0;
+    } catch (h) {
+      return console.error("Failed to save images:", h), !1;
+    }
   }
 }
-$.extend(me);
-class he extends z {
+$.extend(le);
+class ue extends z {
   get DrawingType() {
-    return I;
+    return v;
   }
   get ImageSourceType() {
-    return E;
+    return y;
   }
   get SheetDrawingAnchorType() {
-    return ae;
+    return ce;
   }
 }
-z.extend(he);
-class le extends X {
+z.extend(ue);
+class fe extends X {
   get BeforeFloatDomAdd() {
     return "BeforeFloatDomAdd";
   }
@@ -1019,253 +1041,275 @@ class le extends X {
     return "OverGridImageSelected";
   }
 }
-X.extend(le);
-class ue extends Y {
+X.extend(fe);
+class we extends Y {
   /**
    * @ignore
    */
   // eslint-disable-next-line max-lines-per-function
-  _initialize(r) {
-    const t = r.get(N);
+  _initialize(t) {
+    const r = t.get(K);
     this.registerEventHandler(
       this.Event.BeforeFloatDomAdd,
-      () => t.beforeCommandExecuted((e) => {
-        if (e.id !== b.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null || i == null)
+      () => r.beforeCommandExecuted((e) => {
+        if (e.id !== E.id) return;
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null || n == null)
           return;
-        const { drawings: s } = i, a = s.filter(
-          (g) => g.drawingType === I.DRAWING_DOM
+        const { drawings: a } = n, o = a.filter(
+          (g) => g.drawingType === v.DRAWING_DOM
         );
-        if (a.length === 0)
+        if (o.length === 0)
           return;
         const d = {
-          workbook: n,
-          drawings: a
+          workbook: i,
+          drawings: o
         };
         if (this.fireEvent(this.Event.BeforeFloatDomAdd, d), d.cancel)
-          throw new S();
+          throw new D();
       })
     ), this.registerEventHandler(
       this.Event.FloatDomAdded,
-      () => t.onCommandExecuted((e) => {
-        if (e.id !== b.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null || i == null)
+      () => r.onCommandExecuted((e) => {
+        if (e.id !== E.id) return;
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null || n == null)
           return;
-        const { drawings: s } = i, a = s.filter(
-          (d) => d.drawingType === I.DRAWING_DOM
+        const { drawings: a } = n, o = a.filter(
+          (d) => d.drawingType === v.DRAWING_DOM
         );
-        a.length !== 0 && this.fireEvent(this.Event.FloatDomAdded, {
-          workbook: n,
-          drawings: a
+        o.length !== 0 && this.fireEvent(this.Event.FloatDomAdded, {
+          workbook: i,
+          drawings: o
         });
       })
     ), this.registerEventHandler(
       this.Event.BeforeOverGridImageInsert,
-      () => t.beforeCommandExecuted((e) => {
-        if (e.id !== b.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null || i == null)
+      () => r.beforeCommandExecuted((e) => {
+        if (e.id !== E.id) return;
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null || n == null)
           return;
-        const { drawings: s } = i, a = {
-          workbook: n,
-          insertImageParams: s
+        const { drawings: a } = n, o = {
+          workbook: i,
+          insertImageParams: a
         };
-        if (this.fireEvent(this.Event.BeforeOverGridImageInsert, a), a.cancel)
-          throw new S();
+        if (this.fireEvent(this.Event.BeforeOverGridImageInsert, o), o.cancel)
+          throw new D();
       })
     ), this.registerEventHandler(
       this.Event.BeforeOverGridImageRemove,
-      () => t.beforeCommandExecuted((e) => {
+      () => r.beforeCommandExecuted((e) => {
         if (e.id !== k.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null || i == null)
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null || n == null)
           return;
-        const s = r.get(p), { drawings: a } = i, d = a.map((c) => s.getDrawingByParam(c)), g = {
-          workbook: n,
+        const a = t.get(S), { drawings: o } = n, d = o.map((c) => a.getDrawingByParam(c)), g = {
+          workbook: i,
           images: this._createFOverGridImage(d)
         };
         if (this.fireEvent(this.Event.BeforeOverGridImageRemove, g), g.cancel)
-          throw new S();
+          throw new D();
       })
     ), this.registerEventHandler(
       this.Event.BeforeOverGridImageChange,
-      () => t.beforeCommandExecuted((e) => {
+      () => r.beforeCommandExecuted((e) => {
         if (e.id !== f.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null || i == null)
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null || n == null)
           return;
-        const { drawings: s } = i, a = r.get(p), d = [];
-        s.forEach((c) => {
-          const m = a.getDrawingByParam(c);
+        const { drawings: a } = n, o = t.get(S), d = [];
+        a.forEach((c) => {
+          const m = o.getDrawingByParam(c);
           m != null && d.push({
             changeParam: c,
-            image: this._injector.createInstance(v, m)
+            image: this._injector.createInstance(I, m)
           });
         });
         const g = {
-          workbook: n,
+          workbook: i,
           images: d
         };
         if (this.fireEvent(this.Event.BeforeOverGridImageChange, g), g.cancel)
-          throw a.updateNotification(s), new S();
+          throw o.updateNotification(a), new D();
       })
     ), this.registerEventHandler(
       this.Event.BeforeFloatDomUpdate,
-      () => t.beforeCommandExecuted((e) => {
+      () => r.beforeCommandExecuted((e) => {
         if (e.id !== f.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null || i == null)
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null || n == null)
           return;
-        const { drawings: s } = i, a = r.get(p), d = [];
-        if (s.forEach((c) => {
-          const m = a.getDrawingByParam(c);
-          (m == null ? void 0 : m.drawingType) === I.DRAWING_DOM && d.push(m);
+        const { drawings: a } = n, o = t.get(S), d = [];
+        if (a.forEach((c) => {
+          const m = o.getDrawingByParam(c);
+          (m == null ? void 0 : m.drawingType) === v.DRAWING_DOM && d.push(m);
         }), d.length === 0)
           return;
         const g = {
-          workbook: n,
+          workbook: i,
           drawings: d
         };
         if (this.fireEvent(this.Event.BeforeFloatDomUpdate, g), g.cancel)
-          throw a.updateNotification(s), new S();
+          throw o.updateNotification(a), new D();
       })
     ), this.registerEventHandler(
       this.Event.FloatDomUpdated,
-      () => t.onCommandExecuted((e) => {
+      () => r.onCommandExecuted((e) => {
         if (e.id !== f.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null || i == null)
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null || n == null)
           return;
-        const { drawings: s } = i, a = r.get(p), d = [];
-        s.forEach((g) => {
-          const c = a.getDrawingByParam(g);
-          (c == null ? void 0 : c.drawingType) === I.DRAWING_DOM && d.push(c);
+        const { drawings: a } = n, o = t.get(S), d = [];
+        a.forEach((g) => {
+          const c = o.getDrawingByParam(g);
+          (c == null ? void 0 : c.drawingType) === v.DRAWING_DOM && d.push(c);
         }), d.length !== 0 && this.fireEvent(this.Event.FloatDomUpdated, {
-          workbook: n,
+          workbook: i,
           drawings: d
         });
       })
     ), this.registerEventHandler(
       this.Event.BeforeFloatDomDelete,
-      () => t.beforeCommandExecuted((e) => {
+      () => r.beforeCommandExecuted((e) => {
         if (e.id !== k.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null || i == null)
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null || n == null)
           return;
-        const s = r.get(p), { drawings: a } = i, d = a.map((c) => s.getDrawingByParam(c)).filter(
-          (c) => (c == null ? void 0 : c.drawingType) === I.DRAWING_DOM
+        const a = t.get(S), { drawings: o } = n, d = o.map((c) => a.getDrawingByParam(c)).filter(
+          (c) => (c == null ? void 0 : c.drawingType) === v.DRAWING_DOM
         );
         if (d.length === 0)
           return;
         const g = {
-          workbook: n,
+          workbook: i,
           drawings: d
         };
         if (this.fireEvent(this.Event.BeforeFloatDomDelete, g), g.cancel)
-          throw new S();
+          throw new D();
       })
     ), this.registerEventHandler(
       this.Event.FloatDomDeleted,
-      () => t.onCommandExecuted((e) => {
+      () => r.onCommandExecuted((e) => {
         if (e.id !== k.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null || i == null)
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null || n == null)
           return;
-        const { drawings: s } = i;
+        const { drawings: a } = n;
         this.fireEvent(this.Event.FloatDomDeleted, {
-          workbook: n,
-          drawings: s.filter((a) => a.drawingType === I.DRAWING_DOM).map((a) => a.drawingId)
+          workbook: i,
+          drawings: a.filter((o) => o.drawingType === v.DRAWING_DOM).map((o) => o.drawingId)
         });
       })
     ), this.registerEventHandler(
       this.Event.BeforeOverGridImageSelect,
-      () => t.beforeCommandExecuted((e) => {
-        if (e.id !== W.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null)
+      () => r.beforeCommandExecuted((e) => {
+        if (e.id !== j.id) return;
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null)
           return;
-        const s = r.get(p), a = s.getFocusDrawings(), d = i.map((c) => s.getDrawingByParam(c)), g = {
-          workbook: n,
+        const a = t.get(S), o = a.getFocusDrawings(), d = n.map((c) => a.getDrawingByParam(c)), g = {
+          workbook: i,
           selectedImages: this._createFOverGridImage(d),
-          oldSelectedImages: this._createFOverGridImage(a)
+          oldSelectedImages: this._createFOverGridImage(o)
         };
         if (this.fireEvent(this.Event.BeforeOverGridImageSelect, g), g.cancel)
-          throw new S();
+          throw new D();
       })
     ), this.registerEventHandler(
       this.Event.OverGridImageInserted,
-      () => t.onCommandExecuted((e) => {
-        if (e.id !== b.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null || i == null)
+      () => r.onCommandExecuted((e) => {
+        if (e.id !== E.id) return;
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null || n == null)
           return;
-        const { drawings: s } = i;
+        const { drawings: a } = n;
         this.fireEvent(this.Event.OverGridImageInserted, {
-          workbook: n,
-          images: this._createFOverGridImage(s)
+          workbook: i,
+          images: this._createFOverGridImage(a)
         });
       })
     ), this.registerEventHandler(
       this.Event.OverGridImageRemoved,
-      () => t.onCommandExecuted((e) => {
+      () => r.onCommandExecuted((e) => {
         if (e.id !== k.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null || i == null)
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null || n == null)
           return;
-        const { drawings: s } = i;
+        const { drawings: a } = n;
         this.fireEvent(this.Event.OverGridImageRemoved, {
-          workbook: n,
-          removeImageParams: s
+          workbook: i,
+          removeImageParams: a
         });
       })
     ), this.registerEventHandler(
       this.Event.OverGridImageChanged,
-      () => t.onCommandExecuted((e) => {
+      () => r.onCommandExecuted((e) => {
         if (e.id !== f.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null || i == null)
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null || n == null)
           return;
-        const { drawings: s } = i, a = r.get(p), d = s.map((g) => this._injector.createInstance(v, a.getDrawingByParam(g)));
+        const { drawings: a } = n, o = t.get(S), d = a.map((g) => this._injector.createInstance(I, o.getDrawingByParam(g)));
         this.fireEvent(this.Event.OverGridImageChanged, {
-          workbook: n,
+          workbook: i,
           images: d
         });
       })
     ), this.registerEventHandler(
       this.Event.OverGridImageSelected,
-      () => t.onCommandExecuted((e) => {
-        if (e.id !== W.id) return;
-        const i = e.params, n = this.getActiveWorkbook();
-        if (n == null)
+      () => r.onCommandExecuted((e) => {
+        if (e.id !== j.id) return;
+        const n = e.params, i = this.getActiveWorkbook();
+        if (i == null)
           return;
-        const s = r.get(p), a = i.map((d) => s.getDrawingByParam(d));
+        const a = t.get(S), o = n.map((d) => a.getDrawingByParam(d));
         this.fireEvent(this.Event.OverGridImageSelected, {
-          workbook: n,
-          selectedImages: this._createFOverGridImage(a)
+          workbook: i,
+          selectedImages: this._createFOverGridImage(o)
         });
       })
     );
   }
-  _createFOverGridImage(r) {
-    return r.map((t) => this._injector.createInstance(v, t));
+  _createFOverGridImage(t) {
+    return t.map((r) => this._injector.createInstance(I, r));
   }
 }
-Y.extend(ue);
-class fe extends L {
-  async insertCellImageAsync(r) {
-    var n;
-    const t = this._injector.get(y), e = (n = ie(Z.UNIVER_SHEET, this._injector.get(ee), t)) == null ? void 0 : n.with(ne);
+Y.extend(we);
+class Ie extends q {
+  async insertCellImageAsync(t) {
+    var i;
+    const r = this._injector.get(C), e = (i = se(te.UNIVER_SHEET, this._injector.get(re), r)) == null ? void 0 : i.with(oe);
     if (!e)
       return !1;
-    const i = {
+    const n = {
       unitId: this._workbook.getUnitId(),
       subUnitId: this._worksheet.getSheetId(),
       row: this.getRow(),
       col: this.getColumn()
     };
-    return typeof r == "string" ? e.insertCellImageByUrl(r, i) : e.insertCellImageByFile(r, i);
+    return typeof t == "string" ? e.insertCellImageByUrl(t, n) : e.insertCellImageByFile(t, n);
+  }
+  async saveCellImagesAsync(t) {
+    var c;
+    const r = this._injector.get(V), e = this._workbook.getUnitId(), n = this._worksheet.getSheetId(), i = this.getRange(), a = r.getCellImagesFromRanges(e, n, [i]);
+    if (a.length === 0)
+      return !1;
+    if (a.length === 1)
+      try {
+        return await r.downloadSingleImage(a[0]), !0;
+      } catch (m) {
+        return console.error("Failed to download image:", m), !1;
+      }
+    const o = [], d = (c = t == null ? void 0 : t.useCellAddress) != null ? c : !0, g = t == null ? void 0 : t.useColumnIndex;
+    d && o.push(b.CELL_ADDRESS), g !== void 0 && o.push(b.COLUMN_VALUE), o.length === 0 && o.push(b.CELL_ADDRESS);
+    try {
+      return await r.saveImagesWithContext(a, {
+        fileNameParts: o,
+        columnIndex: g
+      }, e, n), !0;
+    } catch (m) {
+      return console.error("Failed to save images:", m), !1;
+    }
   }
 }
-L.extend(fe);
+q.extend(Ie);