@univerjs/sheets-drawing-ui 0.5.4 → 0.5.5-nightly.202501201336

package/lib/es/facade.js

@@ -1,81 +1,81 @@
-var $ = Object.defineProperty;
-var L = (i, t, e) => t in i ? $(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var D = (i, t, e) => L(i, typeof t != "symbol" ? t + "" : t, e);
-import { Inject as A, Injector as x, ICommandService as P, generateRandomId as X, DrawingTypeEnum as _, ImageSourceType as I, FBase as Y, ArrangeTypeEnum as f, toDisposable as C, FEnum as F, FEventName as W, FUniver as U } from "@univerjs/core";
-import { getImageSize as H, SetDrawingSelectedOperation as B, IDrawingManagerService as u } from "@univerjs/drawing";
-import { IRenderManagerService as j } from "@univerjs/engine-render";
-import { SetSheetDrawingCommand as g, SetDrawingArrangeCommand as w, SheetCanvasFloatDomManagerService as K, InsertSheetDrawingCommand as S, RemoveSheetDrawingCommand as G } from "@univerjs/sheets-drawing-ui";
-import { SheetSkeletonManagerService as T, ISheetSelectionRenderService as V, convertPositionSheetOverGridToAbsolute as q, convertPositionCellToSheetOverGrid as J } from "@univerjs/sheets-ui";
-import { ISheetDrawingService as h, SheetDrawingAnchorType as Q } from "@univerjs/sheets-drawing";
-import { transformComponentKey as Z } from "@univerjs/sheets-ui/facade";
-import { FWorksheet as M } from "@univerjs/sheets/facade";
-import { ComponentManager as ee } from "@univerjs/ui";
-var te = Object.defineProperty, re = Object.getOwnPropertyDescriptor, z = (i, t, e, r) => {
-  for (var n = r > 1 ? void 0 : r ? re(t, e) : t, s = i.length - 1, a; s >= 0; s--)
-    (a = i[s]) && (n = (r ? a(t, e, n) : a(n)) || n);
-  return r && n && te(t, e, n), n;
-}, E = (i, t) => (e, r) => t(e, r, i);
-function ie(i, t) {
-  const { from: e, to: r, flipY: n = !1, flipX: s = !1, angle: a = 0, skewX: o = 0, skewY: c = 0 } = i.sheetTransform, { column: m, columnOffset: l, row: v, rowOffset: O } = e, p = q(
-    i.unitId,
-    i.subUnitId,
-    { from: e, to: r },
+var L = Object.defineProperty;
+var X = (r, t, e) => t in r ? L(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var T = (r, t, e) => X(r, typeof t != "symbol" ? t + "" : t, e);
+import { Inject as x, Injector as P, ICommandService as W, generateRandomId as Y, DrawingTypeEnum as _, ImageSourceType as I, FBase as V, ArrangeTypeEnum as v, toDisposable as C, FEnum as M, FEventName as z, FUniver as N } from "@univerjs/core";
+import { getImageSize as q, SetDrawingSelectedOperation as A, IDrawingManagerService as l } from "@univerjs/drawing";
+import { IRenderManagerService as F } from "@univerjs/engine-render";
+import { SetSheetDrawingCommand as m, SetDrawingArrangeCommand as w, SheetCanvasFloatDomManagerService as G, InsertSheetDrawingCommand as S, RemoveSheetDrawingCommand as D } from "@univerjs/sheets-drawing-ui";
+import { SheetSkeletonManagerService as U, ISheetSelectionRenderService as J, convertPositionSheetOverGridToAbsolute as Q, convertPositionCellToSheetOverGrid as Z } from "@univerjs/sheets-ui";
+import { ISheetDrawingService as u, SheetDrawingAnchorType as ee } from "@univerjs/sheets-drawing";
+import { transformComponentKey as E } from "@univerjs/sheets-ui/facade";
+import { FWorksheet as $ } from "@univerjs/sheets/facade";
+import { ComponentManager as y } from "@univerjs/ui";
+var te = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, H = (r, t, e, i) => {
+  for (var n = i > 1 ? void 0 : i ? ie(t, e) : t, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (n = (i ? o(t, e, n) : o(n)) || n);
+  return i && n && te(t, e, n), n;
+}, R = (r, t) => (e, i) => t(e, i, r);
+function re(r, t) {
+  const { from: e, to: i, flipY: n = !1, flipX: s = !1, angle: o = 0, skewX: c = 0, skewY: a = 0 } = r.sheetTransform, { column: h, columnOffset: d, row: f, rowOffset: p } = e, k = Q(
+    r.unitId,
+    r.subUnitId,
+    { from: e, to: i },
     t
-  ), { left: y, top: R, width: k, height: N } = p;
+  ), { left: B, top: j, width: O, height: K } = k;
   return {
-    ...i,
-    column: m,
-    columnOffset: l,
-    row: v,
-    rowOffset: O,
-    width: k,
-    height: N,
+    ...r,
+    column: h,
+    columnOffset: d,
+    row: f,
+    rowOffset: p,
+    width: O,
+    height: K,
     flipY: n,
     flipX: s,
-    angle: a,
-    skewX: o,
-    skewY: c
+    angle: o,
+    skewX: c,
+    skewY: a
   };
 }
-function ne(i, t, e) {
-  const { column: r, columnOffset: n, row: s, rowOffset: a, flipY: o = !1, flipX: c = !1, angle: m = 0, skewX: l = 0, skewY: v = 0, width: O, height: p } = i, y = J(
-    i.unitId,
-    i.subUnitId,
-    { column: r, columnOffset: n, row: s, rowOffset: a },
-    O,
+function ne(r, t, e) {
+  const { column: i, columnOffset: n, row: s, rowOffset: o, flipY: c = !1, flipX: a = !1, angle: h = 0, skewX: d = 0, skewY: f = 0, width: p, height: k } = r, B = Z(
+    r.unitId,
+    r.subUnitId,
+    { column: i, columnOffset: n, row: s, rowOffset: o },
     p,
+    k,
     t,
     e
-  ), { sheetTransform: R, transform: k } = y;
+  ), { sheetTransform: j, transform: O } = B;
   return {
-    ...i,
+    ...r,
     sheetTransform: {
-      ...R,
-      flipY: o,
-      flipX: c,
-      angle: m,
-      skewX: l,
-      skewY: v
+      ...j,
+      flipY: c,
+      flipX: a,
+      angle: h,
+      skewX: d,
+      skewY: f
     },
     transform: {
-      ...k,
-      flipY: o,
-      flipX: c,
-      angle: m,
-      skewX: l,
-      skewY: v
+      ...O,
+      flipY: c,
+      flipX: a,
+      angle: h,
+      skewX: d,
+      skewY: f
     }
   };
 }
 let b = class {
-  constructor(i, t, e) {
-    D(this, "_image");
+  constructor(r, t, e) {
+    T(this, "_image");
     this._injector = e, this._image = {
-      drawingId: X(6),
+      drawingId: Y(6),
       drawingType: _.DRAWING_IMAGE,
       imageSourceType: I.BASE64,
       source: "",
-      unitId: i,
+      unitId: r,
       subUnitId: t,
       column: 0,
       columnOffset: 0,
@@ -106,12 +106,12 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setImage(i) {
-    const e = this._injector.get(j).getRenderById(i.unitId);
+  setImage(r) {
+    const e = this._injector.get(F).getRenderById(r.unitId);
     if (!e)
-      throw new Error(`Render Unit with unitId ${i.unitId} not found`);
-    const r = e.with(T);
-    return i.sheetTransform == null && (i.sheetTransform = {
+      throw new Error(`Render Unit with unitId ${r.unitId} not found`);
+    const i = e.with(U);
+    return r.sheetTransform == null && (r.sheetTransform = {
       from: {
         column: 0,
         columnOffset: 0,
@@ -124,11 +124,11 @@ let b = class {
         row: 0,
         rowOffset: 0
       }
-    }), this._image = ie(i, r), this;
+    }), this._image = re(r, i), this;
   }
-  setSource(i, t) {
+  setSource(r, t) {
     const e = t != null ? t : I.URL;
-    return this._image.source = i, this._image.imageSourceType = e, this;
+    return this._image.source = r, this._image.imageSourceType = e, this;
   }
   getsource() {
     return this._image.source;
@@ -150,8 +150,8 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setColumn(i) {
-    return this._image.column = i, this;
+  setColumn(r) {
+    return this._image.column = r, this;
   }
   /**
    * Set the position of the image
@@ -167,8 +167,8 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setRow(i) {
-    return this._image.row = i, this;
+  setRow(r) {
+    return this._image.row = r, this;
   }
   /**
    * Set the column offset of the image in a unit
@@ -184,8 +184,8 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setColumnOffset(i) {
-    return this._image.columnOffset = i, this;
+  setColumnOffset(r) {
+    return this._image.columnOffset = r, this;
   }
   /**
    * Set the row offset of the image in a unit
@@ -201,8 +201,8 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setRowOffset(i) {
-    return this._image.rowOffset = i, this;
+  setRowOffset(r) {
+    return this._image.rowOffset = r, this;
   }
   /**
    * set the width of the image
@@ -218,8 +218,8 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setWidth(i) {
-    return this._image.width = i, this;
+  setWidth(r) {
+    return this._image.width = r, this;
   }
   /**
    * Set the height of the image
@@ -235,8 +235,8 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setHeight(i) {
-    return this._image.height = i, 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
@@ -252,8 +252,8 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setAnchorType(i) {
-    return this._image.anchorType = i, 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.
@@ -269,8 +269,8 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setCropTop(i) {
-    return this._initializeSrcRect(), this._image.srcRect.top = i, 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.
@@ -286,8 +286,8 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setCropLeft(i) {
-    return this._initializeSrcRect(), this._image.srcRect.left = i, 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.
@@ -303,8 +303,8 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setCropBottom(i) {
-    return this._initializeSrcRect(), this._image.srcRect.bottom = i, 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.
@@ -320,8 +320,8 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setCropRight(i) {
-    return this._initializeSrcRect(), this._image.srcRect.right = i, this;
+  setCropRight(r) {
+    return this._initializeSrcRect(), this._image.srcRect.right = r, this;
   }
   _initializeSrcRect() {
     this._image.srcRect == null && (this._image.srcRect = {
@@ -345,37 +345,37 @@ let b = class {
    * activeSheet.insertImages([param]);
    * ```
    */
-  setRotate(i) {
-    return this._image.angle = i, this;
+  setRotate(r) {
+    return this._image.angle = r, this;
   }
   // setPresetGeometry(prstGeom: PresetGeometryType): FOverGridImageBuilder {
   //     this._image.prstGeom = prstGeom;
   //     return this;
   // }
-  setUnitId(i) {
-    return this._image.unitId = i, this;
+  setUnitId(r) {
+    return this._image.unitId = r, this;
   }
-  setSubUnitId(i) {
-    return this._image.subUnitId = i, this;
+  setSubUnitId(r) {
+    return this._image.subUnitId = r, this;
   }
   async buildAsync() {
-    const t = this._injector.get(j).getRenderById(this._image.unitId);
+    const t = this._injector.get(F).getRenderById(this._image.unitId);
     if (!t)
       throw new Error(`Render Unit with unitId ${this._image.unitId} not found`);
-    const e = t.with(V), r = t.with(T);
+    const e = t.with(J), i = t.with(U);
     if (this._image.width === 0 || this._image.height === 0) {
-      const n = await H(this._image.source), s = n.width, a = n.height;
-      this._image.width === 0 && (this._image.width = s), this._image.height === 0 && (this._image.height = a);
+      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 ne(this._image, e, r);
+    return ne(this._image, e, i);
   }
 };
-b = z([
-  E(2, A(x))
+b = H([
+  R(2, x(P))
 ], b);
-let d = class extends Y {
-  constructor(i, t, e) {
-    super(), this._image = i, this._commandService = t, this._injector = e;
+let g = class extends V {
+  constructor(r, t, e) {
+    super(), this._image = r, this._commandService = t, this._injector = e;
   }
   getId() {
     return this._image.drawingId;
@@ -396,7 +396,7 @@ let d = class extends Y {
    * ```
    */
   remove() {
-    return this._commandService.syncExecuteCommand(g.id, { unitId: this._image.unitId, drawings: [this._image] });
+    return this._commandService.syncExecuteCommand(m.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
   /**
    * Convert the image to a FOverGridImageBuilder
@@ -413,18 +413,18 @@ let d = class extends Y {
    * ```
    */
   toBuilder() {
-    const i = this._injector.createInstance(b);
-    return i.setImage(this._image), i;
+    const r = this._injector.createInstance(b);
+    return r.setImage(this._image), r;
   }
-  setSource(i, t) {
+  setSource(r, t) {
     const e = t != null ? t : I.URL;
-    return this._image.source = i, this._image.imageSourceType = e, this._commandService.syncExecuteCommand(g.id, { unitId: this._image.unitId, drawings: [this._image] });
+    return this._image.source = r, this._image.imageSourceType = e, this._commandService.syncExecuteCommand(m.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
-  async setPositionAsync(i, t, e, r) {
+  async setPositionAsync(r, t, e, i) {
     const n = this.toBuilder();
-    n.setColumn(t), n.setRow(i), e != null && n.setRowOffset(e), r != null && n.setColumnOffset(r);
+    n.setColumn(t), n.setRow(r), e != null && n.setRowOffset(e), i != null && n.setColumnOffset(i);
     const s = await n.buildAsync();
-    return this._commandService.syncExecuteCommand(g.id, { unitId: this._image.unitId, drawings: [s] });
+    return this._commandService.syncExecuteCommand(m.id, { unitId: this._image.unitId, drawings: [s] });
   }
   /**
    * Set the size of the image
@@ -439,11 +439,11 @@ let d = class extends Y {
    * const image = activeSheet.getImages()[0];
    * console.log('Set size state is ', image.setSize(50, 120));
    */
-  async setSizeAsync(i, t) {
+  async setSizeAsync(r, t) {
     const e = this.toBuilder();
-    e.setWidth(i), e.setHeight(t);
-    const r = await e.buildAsync();
-    return this._commandService.syncExecuteCommand(g.id, { unitId: this._image.unitId, drawings: [r] });
+    e.setWidth(r), e.setHeight(t);
+    const i = await e.buildAsync();
+    return this._commandService.syncExecuteCommand(m.id, { unitId: this._image.unitId, drawings: [i] });
   }
   /**
    * 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.
@@ -461,13 +461,13 @@ let d = class extends Y {
    * console.log('Set crop state is ', image.setCrop(10, 10, 10, 10));
    * ```
    */
-  setCrop(i, t, e, r) {
+  setCrop(r, t, e, i) {
     return this._image.srcRect == null && (this._image.srcRect = {
       top: 0,
       left: 0,
       bottom: 0,
       right: 0
-    }), i != null && (this._image.srcRect.top = i), t != null && (this._image.srcRect.left = t), e != null && (this._image.srcRect.bottom = e), r != null && (this._image.srcRect.right = r), this._commandService.syncExecuteCommand(g.id, { unitId: this._image.unitId, drawings: [this._image] });
+    }), r != null && (this._image.srcRect.top = r), t != null && (this._image.srcRect.left = t), e != null && (this._image.srcRect.bottom = e), i != null && (this._image.srcRect.right = i), this._commandService.syncExecuteCommand(m.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
   // setPresetGeometry(prstGeom: PresetGeometryType): boolean {
   //     this._image.prstGeom = prstGeom;
@@ -486,8 +486,8 @@ let d = class extends Y {
    * console.log('Set rotate state is ', image.setRotate(90));
    * ```
    */
-  setRotate(i) {
-    return this._image.sheetTransform.angle = i, this._commandService.syncExecuteCommand(g.id, { unitId: this._image.unitId, drawings: [this._image] });
+  setRotate(r) {
+    return this._image.sheetTransform.angle = r, this._commandService.syncExecuteCommand(m.id, { unitId: this._image.unitId, drawings: [this._image] });
   }
   /**
    * Move the image layer forward by one level
@@ -506,7 +506,7 @@ let d = class extends Y {
       unitId: this._image.unitId,
       subUnitId: this._image.subUnitId,
       drawingIds: [this._image.drawingId],
-      arrangeType: f.forward
+      arrangeType: v.forward
     });
   }
   /**
@@ -526,7 +526,7 @@ let d = class extends Y {
       unitId: this._image.unitId,
       subUnitId: this._image.subUnitId,
       drawingIds: [this._image.drawingId],
-      arrangeType: f.backward
+      arrangeType: v.backward
     });
   }
   /**
@@ -546,7 +546,7 @@ let d = class extends Y {
       unitId: this._image.unitId,
       subUnitId: this._image.subUnitId,
       drawingIds: [this._image.drawingId],
-      arrangeType: f.back
+      arrangeType: v.back
     });
   }
   /**
@@ -566,95 +566,113 @@ let d = class extends Y {
       unitId: this._image.unitId,
       subUnitId: this._image.subUnitId,
       drawingIds: [this._image.drawingId],
-      arrangeType: f.front
+      arrangeType: v.front
     });
   }
 };
-d = z([
-  E(1, P),
-  E(2, A(x))
-], d);
-class se extends M {
+g = H([
+  R(1, W),
+  R(2, x(P))
+], g);
+class se extends $ {
   addFloatDomToPosition(t, e) {
-    const r = this._workbook.getUnitId(), n = this._worksheet.getSheetId(), { key: s, disposableCollection: a } = Z(t, this._injector.get(ee)), c = this._injector.get(K).addFloatDomToPosition({ ...t, componentKey: s, unitId: r, subUnitId: n }, e);
-    return c ? (a.add(c.dispose), {
-      id: c.id,
+    const i = this._workbook.getUnitId(), n = this._worksheet.getSheetId(), { key: s, disposableCollection: o } = E(t, this._injector.get(y)), a = this._injector.get(G).addFloatDomToPosition({ ...t, componentKey: s, unitId: i, subUnitId: n }, e);
+    return a ? (o.add(a.dispose), {
+      id: a.id,
       dispose: () => {
-        a.dispose(), c.dispose();
+        o.dispose(), a.dispose();
+      }
+    }) : (o.dispose(), null);
+  }
+  addFloatDomToRange(t, e, i, n) {
+    const s = this._workbook.getUnitId(), o = this._worksheet.getSheetId(), { key: c, disposableCollection: a } = E(e, this._injector.get(y)), d = this._injector.get(G).addFloatDomToRange(t.getRange(), { ...e, componentKey: c, unitId: s, subUnitId: o }, i, n);
+    return d ? (a.add(d.dispose), {
+      id: d.id,
+      dispose: () => {
+        a.dispose(), d.dispose();
+      }
+    }) : (a.dispose(), null);
+  }
+  addFloatDomToColumnHeader(t, e, i, n) {
+    const s = this._workbook.getUnitId(), o = this._worksheet.getSheetId(), { key: c, disposableCollection: a } = E(e, this._injector.get(y)), d = this._injector.get(G).addFloatDomToColumnHeader(t, { ...e, componentKey: c, unitId: s, subUnitId: o }, i, n);
+    return d ? (a.add(d.dispose), {
+      id: d.id,
+      dispose: () => {
+        a.dispose(), d.dispose();
       }
     }) : (a.dispose(), null);
   }
-  async insertImage(t, e, r, n, s) {
-    const a = this.newOverGridImage();
+  async insertImage(t, e, i, n, s) {
+    const o = this.newOverGridImage();
     if (typeof t == "string")
-      a.setSource(t);
+      o.setSource(t);
     else {
-      const m = await t.getBlob().getDataAsString();
-      a.setSource(m, I.BASE64);
+      const h = await t.getBlob().getDataAsString();
+      o.setSource(h, I.BASE64);
     }
-    e !== void 0 ? a.setColumn(e) : a.setColumn(0), r !== void 0 ? a.setRow(r) : a.setRow(0), n !== void 0 ? a.setColumnOffset(n) : a.setColumnOffset(0), s !== void 0 ? a.setRowOffset(s) : a.setRowOffset(0);
-    const o = await a.buildAsync();
-    return this._commandService.syncExecuteCommand(S.id, { unitId: this._fWorkbook.getId(), drawings: [o] });
+    e !== void 0 ? o.setColumn(e) : 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 c = await o.buildAsync();
+    return this._commandService.syncExecuteCommand(S.id, { unitId: this._fWorkbook.getId(), drawings: [c] });
   }
   insertImages(t) {
-    const e = t.map((r) => (r.unitId = this._fWorkbook.getId(), r.subUnitId = this.getSheetId(), r));
+    const e = t.map((i) => (i.unitId = this._fWorkbook.getId(), i.subUnitId = this.getSheetId(), i));
     return this._commandService.syncExecuteCommand(S.id, { unitId: this._fWorkbook.getId(), drawings: e }), this;
   }
   deleteImages(t) {
-    const e = t.map((r) => ({
+    const e = t.map((i) => ({
       unitId: this._fWorkbook.getId(),
-      drawingId: r.getId(),
+      drawingId: i.getId(),
       subUnitId: this.getSheetId(),
-      drawingType: r.getType()
+      drawingType: i.getType()
     }));
-    return this._commandService.syncExecuteCommand(G.id, { unitId: this._fWorkbook.getId(), drawings: e }), this;
+    return this._commandService.syncExecuteCommand(D.id, { unitId: this._fWorkbook.getId(), drawings: e }), this;
   }
   getImages() {
-    const e = this._injector.get(h).getDrawingData(this._fWorkbook.getId(), this.getSheetId()), r = [];
+    const e = this._injector.get(u).getDrawingData(this._fWorkbook.getId(), this.getSheetId()), i = [];
     for (const n in e) {
       const s = e[n];
-      s.drawingType === _.DRAWING_IMAGE && r.push(this._injector.createInstance(d, s));
+      s.drawingType === _.DRAWING_IMAGE && i.push(this._injector.createInstance(g, s));
     }
-    return r;
+    return i;
   }
   getImageById(t) {
-    const r = this._injector.get(h).getDrawingByParam({ unitId: this._fWorkbook.getId(), subUnitId: this.getSheetId(), drawingId: t });
-    return r && r.drawingType === _.DRAWING_IMAGE ? this._injector.createInstance(d, r) : null;
+    const i = this._injector.get(u).getDrawingByParam({ unitId: this._fWorkbook.getId(), subUnitId: this.getSheetId(), drawingId: t });
+    return i && i.drawingType === _.DRAWING_IMAGE ? this._injector.createInstance(g, i) : null;
   }
   getActiveImages() {
-    const e = this._injector.get(h).getFocusDrawings(), r = [];
+    const e = this._injector.get(u).getFocusDrawings(), i = [];
     for (const n in e) {
       const s = e[n];
-      r.push(this._injector.createInstance(d, s));
+      i.push(this._injector.createInstance(g, s));
     }
-    return r;
+    return i;
   }
   updateImages(t) {
-    return this._commandService.syncExecuteCommand(g.id, { unitId: this._fWorkbook.getId(), drawings: t }), this;
+    return this._commandService.syncExecuteCommand(m.id, { unitId: this._fWorkbook.getId(), drawings: t }), this;
   }
   onImageInserted(t) {
-    const e = this._injector.get(h);
-    return C(e.add$.subscribe((r) => {
-      const n = r.map(
-        (s) => this._injector.createInstance(d, e.getDrawingByParam(s))
+    const e = this._injector.get(u);
+    return C(e.add$.subscribe((i) => {
+      const n = i.map(
+        (s) => this._injector.createInstance(g, e.getDrawingByParam(s))
       );
       t(n);
     }));
   }
   onImageDeleted(t) {
-    const e = this._injector.get(h);
-    return C(e.remove$.subscribe((r) => {
-      const n = r.map(
-        (s) => this._injector.createInstance(d, e.getDrawingByParam(s))
+    const e = this._injector.get(u);
+    return C(e.remove$.subscribe((i) => {
+      const n = i.map(
+        (s) => this._injector.createInstance(g, e.getDrawingByParam(s))
       );
       t(n);
     }));
   }
   onImageChanged(t) {
-    const e = this._injector.get(h);
-    return C(e.update$.subscribe((r) => {
-      const n = r.map(
-        (s) => this._injector.createInstance(d, e.getDrawingByParam(s))
+    const e = this._injector.get(u);
+    return C(e.update$.subscribe((i) => {
+      const n = i.map(
+        (s) => this._injector.createInstance(g, e.getDrawingByParam(s))
       );
       t(n);
     }));
@@ -664,8 +682,8 @@ class se extends M {
     return this._injector.createInstance(b, t, e);
   }
 }
-M.extend(se);
-class ae extends F {
+$.extend(se);
+class oe extends M {
   get DrawingType() {
     return _;
   }
@@ -673,11 +691,11 @@ class ae extends F {
     return I;
   }
   get SheetDrawingAnchorType() {
-    return Q;
+    return ee;
   }
 }
-F.extend(ae);
-class oe extends W {
+M.extend(oe);
+class ae extends z {
   get BeforeOverGridImageChange() {
     return "BeforeOverGridImageChange";
   }
@@ -703,38 +721,38 @@ class oe extends W {
     return "OverGridImageSelected";
   }
 }
-W.extend(oe);
-class ce extends U {
+z.extend(ae);
+class ce extends N {
   _initialize(t) {
-    const e = t.get(P);
-    this.disposeWithMe(e.beforeCommandExecuted((r) => {
-      switch (r.id) {
+    const e = t.get(W);
+    this.disposeWithMe(e.beforeCommandExecuted((i) => {
+      switch (i.id) {
         case S.id:
-          this._beforeOverGridImageInsert(r.params);
+          this._beforeOverGridImageInsert(i.params);
           break;
-        case G.id:
-          this._beforeOverGridImageRemove(r.params);
+        case D.id:
+          this._beforeOverGridImageRemove(i.params);
           break;
-        case g.id:
-          this._beforeOverGridImageChange(r.params);
+        case m.id:
+          this._beforeOverGridImageChange(i.params);
           break;
-        case B.id:
-          this._beforeOverGridImageSelect(r.params);
+        case A.id:
+          this._beforeOverGridImageSelect(i.params);
           break;
       }
-    })), this.disposeWithMe(e.onCommandExecuted((r) => {
-      switch (r.id) {
+    })), this.disposeWithMe(e.onCommandExecuted((i) => {
+      switch (i.id) {
         case S.id:
-          this._overGridImageInserted(r.params);
+          this._overGridImageInserted(i.params);
           break;
-        case G.id:
-          this._overGridImageRemoved(r.params);
+        case D.id:
+          this._overGridImageRemoved(i.params);
           break;
-        case g.id:
-          this._overGridImageChanged(r.params);
+        case m.id:
+          this._overGridImageChanged(i.params);
           break;
-        case B.id:
-          this._overGridImageSelected(r.params);
+        case A.id:
+          this._overGridImageSelected(i.params);
           break;
       }
     }));
@@ -745,9 +763,9 @@ class ce extends U {
     const e = this.getActiveWorkbook();
     if (e == null || t == null)
       return;
-    const { drawings: r } = t, n = {
+    const { drawings: i } = t, n = {
       workbook: e,
-      insertImageParams: r
+      insertImageParams: i
     };
     if (this.fireEvent(this.Event.BeforeOverGridImageInsert, n), n.cancel)
       throw new Error("Canceled by BeforeOverGridImageInsert event");
@@ -758,10 +776,10 @@ class ce extends U {
     const e = this.getActiveWorkbook();
     if (e == null || t == null)
       return;
-    const { drawings: r } = t;
+    const { drawings: i } = t;
     this.fireEvent(this.Event.OverGridImageInserted, {
       workbook: e,
-      images: this._createFOverGridImage(r)
+      images: this._createFOverGridImage(i)
     });
   }
   _beforeOverGridImageRemove(t) {
@@ -770,11 +788,11 @@ class ce extends U {
     const e = this.getActiveWorkbook();
     if (e == null || t == null)
       return;
-    const { drawings: r } = t, n = this._injector.get(u), s = r.map((o) => n.getDrawingByParam(o)), a = {
+    const { drawings: i } = t, n = this._injector.get(l), s = i.map((c) => n.getDrawingByParam(c)), o = {
       workbook: e,
       images: this._createFOverGridImage(s)
     };
-    if (this.fireEvent(this.Event.BeforeOverGridImageRemove, a), a.cancel)
+    if (this.fireEvent(this.Event.BeforeOverGridImageRemove, o), o.cancel)
       throw new Error("Canceled by BeforeOverGridImageRemove event");
   }
   _overGridImageRemoved(t) {
@@ -783,10 +801,10 @@ class ce extends U {
     const e = this.getActiveWorkbook();
     if (e == null || t == null)
       return;
-    const { drawings: r } = t;
+    const { drawings: i } = t;
     this.fireEvent(this.Event.OverGridImageRemoved, {
       workbook: e,
-      removeImageParams: r
+      removeImageParams: i
     });
   }
   _beforeOverGridImageChange(t) {
@@ -795,20 +813,20 @@ class ce extends U {
     const e = this.getActiveWorkbook();
     if (e == null || t == null)
       return;
-    const { drawings: r } = t, n = this._injector.get(u), s = [];
-    r.forEach((o) => {
-      const c = n.getDrawingByParam(o);
-      c != null && s.push({
-        changeParam: o,
-        image: this._injector.createInstance(d, c)
+    const { drawings: i } = t, n = this._injector.get(l), s = [];
+    i.forEach((c) => {
+      const a = n.getDrawingByParam(c);
+      a != null && s.push({
+        changeParam: c,
+        image: this._injector.createInstance(g, a)
       });
     });
-    const a = {
+    const o = {
       workbook: e,
       images: s
     };
-    if (this.fireEvent(this.Event.BeforeOverGridImageChange, a), a.cancel)
-      throw n.updateNotification(r), new Error("Canceled by BeforeOverGridImageChange event");
+    if (this.fireEvent(this.Event.BeforeOverGridImageChange, o), o.cancel)
+      throw n.updateNotification(i), new Error("Canceled by BeforeOverGridImageChange event");
   }
   _overGridImageChanged(t) {
     if (!this.hasEventCallback(this.Event.OverGridImageChanged))
@@ -816,7 +834,7 @@ class ce extends U {
     const e = this.getActiveWorkbook();
     if (e == null || t == null)
       return;
-    const { drawings: r } = t, n = this._injector.get(u), s = r.map((a) => this._injector.createInstance(d, n.getDrawingByParam(a)));
+    const { drawings: i } = t, n = this._injector.get(l), s = i.map((o) => this._injector.createInstance(g, n.getDrawingByParam(o)));
     this.fireEvent(this.Event.OverGridImageChanged, {
       workbook: e,
       images: s
@@ -825,31 +843,31 @@ class ce extends U {
   _beforeOverGridImageSelect(t) {
     if (!this.hasEventCallback(this.Event.BeforeOverGridImageSelect))
       return;
-    const e = this._injector.get(u), r = this.getActiveWorkbook();
-    if (r == null)
+    const e = this._injector.get(l), i = this.getActiveWorkbook();
+    if (i == null)
       return;
-    const n = e.getFocusDrawings(), s = t.map((o) => e.getDrawingByParam(o)), a = {
-      workbook: r,
+    const n = e.getFocusDrawings(), s = t.map((c) => e.getDrawingByParam(c)), o = {
+      workbook: i,
       selectedImages: this._createFOverGridImage(s),
       oldSelectedImages: this._createFOverGridImage(n)
     };
-    if (this.fireEvent(this.Event.BeforeOverGridImageSelect, a), a.cancel)
+    if (this.fireEvent(this.Event.BeforeOverGridImageSelect, o), o.cancel)
       throw new Error("Canceled by BeforeOverGridImageSelect event");
   }
   _overGridImageSelected(t) {
     if (!this.hasEventCallback(this.Event.OverGridImageSelected))
       return;
-    const e = this.getActiveWorkbook(), r = this._injector.get(u);
+    const e = this.getActiveWorkbook(), i = this._injector.get(l);
     if (e == null)
       return;
-    const n = t.map((s) => r.getDrawingByParam(s));
+    const n = t.map((s) => i.getDrawingByParam(s));
     this.fireEvent(this.Event.OverGridImageSelected, {
       workbook: e,
       selectedImages: this._createFOverGridImage(n)
     });
   }
   _createFOverGridImage(t) {
-    return t.map((e) => this._injector.createInstance(d, e));
+    return t.map((e) => this._injector.createInstance(g, e));
   }
 }
-U.extend(ce);
+N.extend(ce);