@univerjs/sheets-drawing-ui 0.15.0-insiders.20260106-79b11f9 → 0.15.0-insiders.20260107-3d1cfdf

package/lib/es/facade.js

@@ -1,14 +1,14 @@
 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";
+var j = (s, t, r) => Z(s, typeof t != "symbol" ? t + "" : t, r);
+import { Inject as L, Injector as K, ICommandService as z, ImageSourceType as y, ArrangeTypeEnum as O, DrawingTypeEnum as v, generateRandomId as ee, toDisposable as A, CanceledError as D, UniverInstanceType as te, IUniverInstanceService as re } from "@univerjs/core";
+import { FBase as ne, FEnum as X, FEventName as Y, FUniver as V } from "@univerjs/core/facade";
+import { getImageSize as ie, IDrawingManagerService as S, SetDrawingSelectedOperation as M } 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 { RemoveSheetDrawingCommand as k, SetSheetDrawingCommand as f, SetDrawingArrangeCommand as F, SheetCanvasFloatDomManagerService as p, transformToDrawingPosition as H, InsertSheetDrawingCommand as b, IBatchSaveImagesService as W, FileNamePart as E, SheetDrawingUpdateController as oe } from "@univerjs/sheets-drawing-ui";
+import { SheetSkeletonManagerService as N, 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 { transformComponentKey as T } from "@univerjs/sheets-ui/facade";
 import { FWorksheet as $, FRange as q } from "@univerjs/sheets/facade";
 import { ComponentManager as G } from "@univerjs/ui";
 var ge = Object.getOwnPropertyDescriptor, J = (s, t, r, e) => {
@@ -47,7 +47,7 @@ function he(s, t, r) {
     _,
     t,
     r
-  ), { sheetTransform: u, transform: A } = l;
+  ), { sheetTransform: u, transform: U } = l;
   return {
     ...s,
     sheetTransform: {
@@ -59,7 +59,7 @@ function he(s, t, r) {
       skewY: m
     },
     transform: {
-      ...A,
+      ...U,
       flipY: o,
       flipX: d,
       angle: g,
@@ -70,7 +70,7 @@ function he(s, t, r) {
 }
 let B = class {
   constructor(s, t, r) {
-    W(this, "_image");
+    j(this, "_image");
     this._injector = r, this._image = {
       drawingId: ee(6),
       drawingType: v.DRAWING_IMAGE,
@@ -115,7 +115,7 @@ let B = class {
     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);
+    const e = r.with(N);
     return s.sheetTransform == null && (s.sheetTransform = {
       from: {
         column: 0,
@@ -476,7 +476,7 @@ let B = class {
     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 r = t.with(x), e = t.with(H);
+    const r = t.with(x), e = t.with(N);
     if (this._image.width === 0 || this._image.height === 0) {
       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);
@@ -485,7 +485,7 @@ let B = class {
   }
 };
 B = J([
-  P(2, N(L))
+  P(2, L(K))
 ], B);
 let I = class extends ne {
   constructor(s, t, r) {
@@ -710,14 +710,14 @@ let I = class extends ne {
   }
 };
 I = J([
-  P(1, K),
-  P(2, N(L))
+  P(1, z),
+  P(2, L(K))
 ], I);
 class le extends $ {
   getFloatDomById(t) {
     const e = this._injector.get(p).getFloatDomInfo(t);
     if (!e) return null;
-    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({
+    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: U = 0 } = o, R = this._injector.get(w).getDrawingByParam({
       drawingId: e.id,
       unitId: n,
       subUnitId: i
@@ -732,7 +732,7 @@ class le extends $ {
         flipY: _,
         angle: l,
         skewX: u,
-        skewY: A
+        skewY: U
       },
       componentKey: R.componentKey,
       allowTransform: R.allowTransform,
@@ -785,7 +785,7 @@ class le extends $ {
       componentKey: r.componentKey || o.componentKey,
       allowTransform: r.allowTransform !== void 0 ? r.allowTransform : o.allowTransform,
       data: r.data || o.data,
-      sheetTransform: r.position && (u = M(
+      sheetTransform: r.position && (u = H(
         r.position,
         m
       )) != null ? u : o.sheetTransform,
@@ -820,7 +820,7 @@ class le extends $ {
         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(
+        sheetTransform: o.config.position && (a = H(
           o.config.position,
           l
         )) != null ? a : m.sheetTransform,
@@ -856,7 +856,7 @@ class le extends $ {
     return this;
   }
   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);
+    const e = this._workbook.getUnitId(), n = this._worksheet.getSheetId(), { key: i, disposableCollection: a } = T(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: () => {
@@ -865,7 +865,7 @@ class le extends $ {
     }) : (a.dispose(), null);
   }
   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);
+    const i = this._workbook.getUnitId(), a = this._worksheet.getSheetId(), { key: o, disposableCollection: d } = T(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: () => {
@@ -874,7 +874,7 @@ class le extends $ {
     }) : (d.dispose(), null);
   }
   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);
+    const i = this._workbook.getUnitId(), a = this._worksheet.getSheetId(), { key: o, disposableCollection: d } = T(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: () => {
@@ -892,11 +892,11 @@ class le extends $ {
     }
     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] });
+    return this._commandService.syncExecuteCommand(b.id, { unitId: this._fWorkbook.getId(), drawings: [o] });
   }
   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;
+    return this._commandService.syncExecuteCommand(b.id, { unitId: this._fWorkbook.getId(), drawings: r }), this;
   }
   deleteImages(t) {
     const r = t.map((e) => ({
@@ -932,7 +932,7 @@ class le extends $ {
   }
   onImageInserted(t) {
     const r = this._injector.get(w);
-    return T(r.add$.subscribe((e) => {
+    return A(r.add$.subscribe((e) => {
       const n = e.map(
         (i) => this._injector.createInstance(I, r.getDrawingByParam(i))
       );
@@ -941,7 +941,7 @@ class le extends $ {
   }
   onImageDeleted(t) {
     const r = this._injector.get(w);
-    return T(r.remove$.subscribe((e) => {
+    return A(r.remove$.subscribe((e) => {
       const n = e.map(
         (i) => this._injector.createInstance(I, r.getDrawingByParam(i))
       );
@@ -950,7 +950,7 @@ class le extends $ {
   }
   onImageChanged(t) {
     const r = this._injector.get(w);
-    return T(r.update$.subscribe((e) => {
+    return A(r.update$.subscribe((e) => {
       const n = e.map(
         (i) => this._injector.createInstance(I, r.getDrawingByParam(i))
       );
@@ -963,7 +963,7 @@ class le extends $ {
   }
   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);
+    const e = this._injector.get(W), 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)
@@ -973,7 +973,7 @@ class le extends $ {
         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);
+    g && d.push(E.CELL_ADDRESS), c !== void 0 && d.push(E.COLUMN_VALUE), d.length === 0 && d.push(E.CELL_ADDRESS);
     try {
       return await e.saveImagesWithContext(o, {
         fileNameParts: d,
@@ -985,7 +985,7 @@ class le extends $ {
   }
 }
 $.extend(le);
-class ue extends z {
+class ue extends X {
   get DrawingType() {
     return v;
   }
@@ -996,8 +996,8 @@ class ue extends z {
     return ce;
   }
 }
-z.extend(ue);
-class fe extends X {
+X.extend(ue);
+class fe extends Y {
   get BeforeFloatDomAdd() {
     return "BeforeFloatDomAdd";
   }
@@ -1041,18 +1041,18 @@ class fe extends X {
     return "OverGridImageSelected";
   }
 }
-X.extend(fe);
-class we extends Y {
+Y.extend(fe);
+class we extends V {
   /**
    * @ignore
    */
   // eslint-disable-next-line max-lines-per-function
   _initialize(t) {
-    const r = t.get(K);
+    const r = t.get(z);
     this.registerEventHandler(
       this.Event.BeforeFloatDomAdd,
       () => r.beforeCommandExecuted((e) => {
-        if (e.id !== E.id) return;
+        if (e.id !== b.id) return;
         const n = e.params, i = this.getActiveWorkbook();
         if (i == null || n == null)
           return;
@@ -1071,7 +1071,7 @@ class we extends Y {
     ), this.registerEventHandler(
       this.Event.FloatDomAdded,
       () => r.onCommandExecuted((e) => {
-        if (e.id !== E.id) return;
+        if (e.id !== b.id) return;
         const n = e.params, i = this.getActiveWorkbook();
         if (i == null || n == null)
           return;
@@ -1086,7 +1086,7 @@ class we extends Y {
     ), this.registerEventHandler(
       this.Event.BeforeOverGridImageInsert,
       () => r.beforeCommandExecuted((e) => {
-        if (e.id !== E.id) return;
+        if (e.id !== b.id) return;
         const n = e.params, i = this.getActiveWorkbook();
         if (i == null || n == null)
           return;
@@ -1204,7 +1204,7 @@ class we extends Y {
     ), this.registerEventHandler(
       this.Event.BeforeOverGridImageSelect,
       () => r.beforeCommandExecuted((e) => {
-        if (e.id !== j.id) return;
+        if (e.id !== M.id) return;
         const n = e.params, i = this.getActiveWorkbook();
         if (i == null)
           return;
@@ -1219,7 +1219,7 @@ class we extends Y {
     ), this.registerEventHandler(
       this.Event.OverGridImageInserted,
       () => r.onCommandExecuted((e) => {
-        if (e.id !== E.id) return;
+        if (e.id !== b.id) return;
         const n = e.params, i = this.getActiveWorkbook();
         if (i == null || n == null)
           return;
@@ -1258,7 +1258,7 @@ class we extends Y {
     ), this.registerEventHandler(
       this.Event.OverGridImageSelected,
       () => r.onCommandExecuted((e) => {
-        if (e.id !== j.id) return;
+        if (e.id !== M.id) return;
         const n = e.params, i = this.getActiveWorkbook();
         if (i == null)
           return;
@@ -1273,8 +1273,29 @@ class we extends Y {
   _createFOverGridImage(t) {
     return t.map((r) => this._injector.createInstance(I, r));
   }
+  /**
+   * Register a custom image downloader for URL images
+   * @param downloader The downloader function that takes a URL and returns a base64 string
+   * @returns A disposable object to unregister the downloader
+   * @example
+   * ```ts
+   * const disposable = univerAPI.registerURLImageDownloader(async (url) => {
+   *   const response = await fetch(url);
+   *   const blob = await response.blob();
+   *   const base64 = await new Promise<string>((resolve) => {
+   *     const reader = new FileReader();
+   *     reader.onloadend = () => resolve(reader.result as string);
+   *     reader.readAsDataURL(blob);
+   *   });
+   *   return base64;
+   * });
+   * ```
+   */
+  registerURLImageDownloader(t) {
+    return this._injector.get(W).registerURLImageDownloader(t);
+  }
 }
-Y.extend(we);
+V.extend(we);
 class Ie extends q {
   async insertCellImageAsync(t) {
     var i;
@@ -1291,7 +1312,7 @@ class Ie extends q {
   }
   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]);
+    const r = this._injector.get(W), 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)
@@ -1301,7 +1322,7 @@ class Ie extends q {
         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);
+    d && o.push(E.CELL_ADDRESS), g !== void 0 && o.push(E.COLUMN_VALUE), o.length === 0 && o.push(E.CELL_ADDRESS);
     try {
       return await r.saveImagesWithContext(a, {
         fileNameParts: o,