@univerjs/sheets-drawing-ui 0.5.1 → 0.5.2-nightly.202412281605

package/lib/es/facade.js

@@ -1,16 +1,371 @@
-import { FWorksheet as s } from "@univerjs/sheets/facade";
-import { SheetCanvasFloatDomManagerService as a } from "@univerjs/sheets-drawing-ui";
-import { transformComponentKey as m } from "@univerjs/sheets-ui/facade";
-import { ComponentManager as c } from "@univerjs/ui";
-class p extends s {
+var E = Object.defineProperty;
+var P = (e, t, i) => t in e ? E(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var R = (e, t, i) => P(e, typeof t != "symbol" ? t + "" : t, i);
+import { Inject as O, Injector as k, ICommandService as U, generateRandomId as W, DrawingTypeEnum as x, ImageSourceType as _, FBase as F } from "@univerjs/core";
+import { getImageSize as M } from "@univerjs/drawing";
+import { IRenderManagerService as C } from "@univerjs/engine-render";
+import { SetSheetDrawingCommand as h, SheetCanvasFloatDomManagerService as z, InsertSheetDrawingCommand as D, RemoveSheetDrawingCommand as A } from "@univerjs/sheets-drawing-ui";
+import { SheetSkeletonManagerService as y, ISheetSelectionRenderService as G, convertPositionSheetOverGridToAbsolute as $, convertPositionCellToSheetOverGrid as L } from "@univerjs/sheets-ui";
+import { ISheetDrawingService as g } from "@univerjs/sheets-drawing";
+import { transformComponentKey as X } from "@univerjs/sheets-ui/facade";
+import { FWorksheet as j } from "@univerjs/sheets/facade";
+import { ComponentManager as Y } from "@univerjs/ui";
+var H = Object.defineProperty, K = Object.getOwnPropertyDescriptor, T = (e, t, i, s) => {
+  for (var n = s > 1 ? void 0 : s ? K(t, i) : t, o = e.length - 1, r; o >= 0; o--)
+    (r = e[o]) && (n = (s ? r(t, i, n) : r(n)) || n);
+  return s && n && H(t, i, n), n;
+}, v = (e, t) => (i, s) => t(i, s, e);
+function V(e, t) {
+  const { from: i, to: s, flipY: n = !1, flipX: o = !1, angle: r = 0, skewX: m = 0, skewY: a = 0 } = e.sheetTransform, { column: d, columnOffset: u, row: f, rowOffset: I } = i, w = $(
+    e.unitId,
+    e.subUnitId,
+    { from: i, to: s },
+    t
+  ), { left: p, top: b, width: S, height: B } = w;
+  return {
+    ...e,
+    column: d,
+    columnOffset: u,
+    row: f,
+    rowOffset: I,
+    width: S,
+    height: B,
+    flipY: n,
+    flipX: o,
+    angle: r,
+    skewX: m,
+    skewY: a
+  };
+}
+function N(e, t, i) {
+  const { column: s, columnOffset: n, row: o, rowOffset: r, flipY: m = !1, flipX: a = !1, angle: d = 0, skewX: u = 0, skewY: f = 0, width: I, height: w } = e, p = L(
+    e.unitId,
+    e.subUnitId,
+    { column: s, columnOffset: n, row: o, rowOffset: r },
+    I,
+    w,
+    t,
+    i
+  ), { sheetTransform: b, transform: S } = p;
+  return {
+    ...e,
+    sheetTransform: {
+      ...b,
+      flipY: m,
+      flipX: a,
+      angle: d,
+      skewX: u,
+      skewY: f
+    },
+    transform: {
+      ...S,
+      flipY: m,
+      flipX: a,
+      angle: d,
+      skewX: u,
+      skewY: f
+    }
+  };
+}
+let l = class {
+  constructor(e, t, i) {
+    R(this, "_image");
+    this._injector = i, this._image = {
+      drawingId: W(6),
+      drawingType: x.DRAWING_IMAGE,
+      imageSourceType: _.BASE64,
+      source: "",
+      unitId: e,
+      subUnitId: t,
+      column: 0,
+      columnOffset: 0,
+      row: 0,
+      rowOffset: 0,
+      width: 0,
+      height: 0
+    };
+  }
+  setImage(e) {
+    const i = this._injector.get(C).getRenderById(e.unitId);
+    if (!i)
+      throw new Error(`Render Unit with unitId ${e.unitId} not found`);
+    const s = i.with(y);
+    return this._image = V(e, s), this;
+  }
+  setSource(e, t) {
+    const i = t != null ? t : _.URL;
+    return this._image.source = e, this._image.imageSourceType = i, this;
+  }
+  getsource() {
+    return this._image.source;
+  }
+  getSourceType() {
+    return this._image.imageSourceType;
+  }
+  setColumn(e) {
+    return this._image.column = e, this;
+  }
+  setRow(e) {
+    return this._image.row = e, this;
+  }
+  setColumnOffset(e) {
+    return this._image.columnOffset = e, this;
+  }
+  setRowOffset(e) {
+    return this._image.rowOffset = e, this;
+  }
+  setWidth(e) {
+    return this._image.width = e, this;
+  }
+  setHeight(e) {
+    return this._image.height = e, this;
+  }
+  setAnchorType(e) {
+    return this._image.anchorType = e, this;
+  }
+  setCropTop(e) {
+    return this._initializeSrcRect(), this._image.srcRect.top = e, this;
+  }
+  setCropLeft(e) {
+    return this._initializeSrcRect(), this._image.srcRect.left = e, this;
+  }
+  setCropBottom(e) {
+    return this._initializeSrcRect(), this._image.srcRect.bottom = e, this;
+  }
+  setCropRight(e) {
+    return this._initializeSrcRect(), this._image.srcRect.right = e, this;
+  }
+  _initializeSrcRect() {
+    this._image.srcRect == null && (this._image.srcRect = {
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    });
+  }
+  /**
+   * Set the rotation angle of the image
+   * @param angle Degree of rotation of the image, for example, 90, 180, 270, etc.
+   * @returns The builder
+   */
+  setRotate(e) {
+    return this._image.angle = e, this;
+  }
+  // setPresetGeometry(prstGeom: PresetGeometryType): FOverGridImageBuilder {
+  //     this._image.prstGeom = prstGeom;
+  //     return this;
+  // }
+  setUnitId(e) {
+    return this._image.unitId = e, this;
+  }
+  setSubUnitId(e) {
+    return this._image.subUnitId = e, this;
+  }
+  async build() {
+    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 i = t.with(G), s = t.with(y);
+    if (this._image.width === 0 || this._image.height === 0) {
+      const n = await M(this._image.source), o = n.width, r = n.height;
+      this._image.width === 0 && (this._image.width = o), this._image.height === 0 && (this._image.height = r);
+    }
+    return N(this._image, i, s);
+  }
+};
+l = T([
+  v(2, O(k))
+], l);
+let c = class extends F {
+  constructor(e, t, i) {
+    super(), this._image = e, this._commandService = t, this._injector = i;
+  }
+  getId() {
+    return this._image.drawingId;
+  }
+  getType() {
+    return this._image.drawingType;
+  }
+  /**
+   * Remove the image from the sheet
+   * @returns success or not
+   * @example
+   * ```ts
+   * // remove the image from the sheet
+   * const activeSpreadsheet = univerAPI.getActiveWorkbook();
+   * const activeSheet = activeSpreadsheet.getActiveSheet();
+   * const image = activeSheet.getImages[0];
+   * console.log('Delete state is ', image?.remove());
+   * ```
+   */
+  remove() {
+    return this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
+  }
+  /**
+   * Convert the image to a FOverGridImageBuilder
+   * @returns The builder FOverGridImageBuilder
+   * @example
+   * ```ts
+   * // convert the image to a builder
+   * const activeSpreadsheet = univerAPI.getActiveWorkbook();
+   * const activeSheet = activeSpreadsheet.getActiveSheet();
+   * const image = activeSheet.getImages[0];
+   * const builder = image.toBuilder();
+   * builder.setSource('https://avatars.githubusercontent.com/u/61444807?s=48&v=4').setColumn(5).setRow(5).build();
+   * activeSheet.updateImages([builder.build()]);
+   * ```
+   */
+  toBuilder() {
+    const e = this._injector.createInstance(l);
+    return e.setImage(this._image), e;
+  }
+  setSource(e, t) {
+    const i = t != null ? t : _.URL;
+    return this._image.source = e, this._image.imageSourceType = i, this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
+  }
+  setPosition(e, t, i, s) {
+    const n = this.toBuilder();
+    return n.setColumn(t), n.setRow(e), i != null && n.setRowOffset(i), s != null && n.setColumnOffset(s), this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [n.build()] });
+  }
+  /**
+   * Set the size of the image
+   * @param width  The width of the image
+   * @param height  The height of the image
+   * @returns success or not
+   */
+  setSize(e, t) {
+    const i = this.toBuilder();
+    return i.setWidth(e), i.setHeight(t), this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [i.build()] });
+  }
+  /**
+   * Set the cropping region of the image by defining the top, bottom, left, and right edges, thereby displaying the specific part of the image you want.
+   * @param top  The number of pixels to crop from the top of the image.
+   * @param left  The number of pixels to crop from the left side of the image.
+   * @param bottom  The number of pixels to crop from the bottom of the image.
+   * @param right  The number of pixels to crop from the right side of the image.
+   * @returns success or not
+   * @example
+   * ```ts
+   * // set the crop of the image
+   * const activeSpreadsheet = univerAPI.getActiveWorkbook();
+   * const activeSheet = activeSpreadsheet.getActiveSheet();
+   * const image = activeSheet.getImages[0];
+   * console.log('Set crop state is ', image.setCrop(0, 0, 0, 0));
+   * ```
+   */
+  setCrop(e, t, i, s) {
+    return this._image.srcRect == null && (this._image.srcRect = {
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0
+    }), e != null && (this._image.srcRect.top = e), t != null && (this._image.srcRect.left = t), i != null && (this._image.srcRect.bottom = i), s != null && (this._image.srcRect.right = s), this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
+  }
+  // setPresetGeometry(prstGeom: PresetGeometryType): boolean {
+  //     this._image.prstGeom = prstGeom;
+  //     return this._commandService.syncExecuteCommand(SetSheetDrawingCommand.id, { unitId: this._image.unitId, drawings: [this._image] });
+  // }
+  /**
+   * Set the rotation angle of the image
+   * @param angle Degree of rotation of the image, for example, 90, 180, 270, etc.
+   * @returns success or not
+   */
+  setRotate(e) {
+    return this._image.sheetTransform.angle = e, this._commandService.syncExecuteCommand(h.id, { unitId: this._image.unitId, drawings: [this._image] });
+  }
+};
+c = T([
+  v(1, U),
+  v(2, O(k))
+], c);
+class q extends j {
   addFloatDomToPosition(t, i) {
-    const n = this._workbook.getUnitId(), r = this._worksheet.getSheetId(), { key: d, disposableCollection: e } = m(t, this._injector.get(c)), o = this._injector.get(a).addFloatDomToPosition({ ...t, componentKey: d, unitId: n, subUnitId: r }, i);
-    return o ? (e.add(o.dispose), {
-      id: o.id,
+    const s = this._workbook.getUnitId(), n = this._worksheet.getSheetId(), { key: o, disposableCollection: r } = X(t, this._injector.get(Y)), a = this._injector.get(z).addFloatDomToPosition({ ...t, componentKey: o, unitId: s, subUnitId: n }, i);
+    return a ? (r.add(a.dispose), {
+      id: a.id,
       dispose: () => {
-        e.dispose(), o.dispose();
+        r.dispose(), a.dispose();
       }
-    }) : (e.dispose(), null);
+    }) : (r.dispose(), null);
+  }
+  async insertImage(t, i, s, n, o) {
+    const r = this.newOverGridImage();
+    if (typeof t == "string")
+      r.setSource(t);
+    else {
+      const d = await t.getBlob().getDataAsString();
+      r.setSource(d, _.BASE64);
+    }
+    i !== void 0 ? r.setColumn(i) : r.setColumn(0), s !== void 0 ? r.setRow(s) : r.setRow(0), n !== void 0 ? r.setColumnOffset(n) : r.setColumnOffset(0), o !== void 0 ? r.setRowOffset(o) : r.setRowOffset(0);
+    const m = await r.build();
+    return this._commandService.syncExecuteCommand(D.id, { unitId: this._fWorkbook.getId(), drawings: [m] });
+  }
+  insertImages(t) {
+    const i = t.map((s) => (s.unitId = this._fWorkbook.getId(), s.subUnitId = this.getSheetId(), s));
+    this._commandService.syncExecuteCommand(D.id, { unitId: this._fWorkbook.getId(), drawings: i });
+  }
+  deleteImages(t) {
+    const i = t.map((s) => ({
+      unitId: this._fWorkbook.getId(),
+      drawingId: s.getId(),
+      subUnitId: this.getSheetId(),
+      drawingType: s.getType()
+    }));
+    this._commandService.syncExecuteCommand(A.id, { unitId: this._fWorkbook.getId(), drawings: i });
+  }
+  getImages() {
+    const i = this._injector.get(g).getDrawingData(this._fWorkbook.getId(), this.getSheetId()), s = [];
+    for (const n in i) {
+      const o = i[n];
+      s.push(this._injector.createInstance(c, o));
+    }
+    return s;
+  }
+  getImageById(t) {
+    const s = this._injector.get(g).getDrawingByParam({ unitId: this._fWorkbook.getId(), subUnitId: this.getSheetId(), drawingId: t });
+    return s ? this._injector.createInstance(c, s) : null;
+  }
+  getActiveImages() {
+    const i = this._injector.get(g).getFocusDrawings(), s = [];
+    for (const n in i) {
+      const o = i[n];
+      s.push(this._injector.createInstance(c, o));
+    }
+    return s;
+  }
+  updateImages(t) {
+    this._commandService.syncExecuteCommand(h.id, { unitId: this._fWorkbook.getId(), drawings: t });
+  }
+  onImageInserted(t) {
+    const i = this._injector.get(g);
+    i.add$.subscribe((s) => {
+      const n = s.map(
+        (o) => this._injector.createInstance(c, i.getDrawingByParam(o))
+      );
+      t(n);
+    });
+  }
+  onImageDeleted(t) {
+    const i = this._injector.get(g);
+    i.remove$.subscribe((s) => {
+      const n = s.map(
+        (o) => this._injector.createInstance(c, i.getDrawingByParam(o))
+      );
+      t(n);
+    });
+  }
+  onImageChanged(t) {
+    const i = this._injector.get(g);
+    i.update$.subscribe((s) => {
+      const n = s.map(
+        (o) => this._injector.createInstance(c, i.getDrawingByParam(o))
+      );
+      t(n);
+    });
+  }
+  newOverGridImage() {
+    const t = this._fWorkbook.getId(), i = this.getSheetId();
+    return this._injector.createInstance(l, t, i);
   }
 }
-s.extend(p);
+j.extend(q);