@univerjs/sheets-drawing-ui 0.1.13

package/lib/es/index.js

@@ -0,0 +1,2054 @@
+var Ut = Object.defineProperty;
+var At = (r, e, n) => e in r ? Ut(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
+var F = (r, e, n) => (At(r, typeof e != "symbol" ? e + "" : e, n), n);
+import { CommandType as $, ICommandService as W, IUndoRedoService as oe, LocaleService as ce, IUniverInstanceService as le, RxDisposable as Nt, UniverInstanceType as ee, toDisposable as Te, FOCUSING_COMMON_DRAWINGS as ae, OnLifecycle as Ie, LifecycleStages as De, IContextService as Ze, Disposable as Me, Direction as K, FOCUSING_FORMULA_EDITOR as jt, EDITOR_ACTIVATED as Lt, Rectangle as Wt, DrawingTypeEnum as Ee, DisposableCollection as Bt, Tools as qe, Plugin as xt } from "@univerjs/core";
+import { Inject as B, Injector as Be } from "@wendellhu/redi";
+import { IRenderManagerService as de, getGroupState as Gt, transformObjectOutOfGroup as $t, precisionTo as J, Rect as Vt, DRAWING_OBJECT_LAYER_INDEX as Ft } from "@univerjs/engine-render";
+import { ImageCropperObject as Yt, COMPONENT_IMAGE_POPUP_MENU as Xt, OpenImageCropOperation as Ht, ImageResetSizeOperation as kt, DrawingCommonPanel as zt } from "@univerjs/drawing-ui";
+import { SheetCanvasPopManagerService as Kt, ISelectionRenderService as Oe, SetScrollOperation as Jt, SetZoomRatioOperation as Zt, SheetSkeletonManagerService as qt, VIEWPORT_KEY as Qt } from "@univerjs/sheets-ui";
+import { takeUntil as Fe, Subject as Ye, BehaviorSubject as en } from "rxjs";
+import { IDrawingManagerService as q, IImageIoService as Qe, ArrangeTypeEnum as he, DrawingTypeEnum as xe, DRAWING_IMAGE_COUNT_LIMIT as Xe, ImageUploadStatusType as Pe, DRAWING_IMAGE_ALLOW_SIZE as tn, getImageSize as nn, DRAWING_IMAGE_WIDTH_LIMIT as He, DRAWING_IMAGE_HEIGHT_LIMIT as ke, DRAWING_IMAGE_ALLOW_IMAGE_LIST as rn, getDrawingShapeKeyByDrawingSearch as on } from "@univerjs/drawing";
+import { ISidebarService as sn, BuiltInUIPart as an, IUIPartsService as cn, IMessageService as ln, MenuItemType as et, MenuPosition as dn, MenuGroup as un, getMenuHiddenObservable as tt, KeyCode as re, ComponentManager as mn, IMenuService as hn, IShortcutService as gn, CanvasFloatDomService as fn } from "@univerjs/ui";
+import { useDependency as Z, connectInjector as pn } from "@wendellhu/redi/react-bindings";
+import { ISheetDrawingService as X, SetDrawingApplyMutation as b, DrawingApplyType as y, SheetDrawingAnchorType as O } from "@univerjs/sheets-drawing";
+import { getSheetCommandTarget as ne, SelectionManagerService as wn, InsertRowCommand as nt, InsertColCommand as rt, RemoveRowCommand as ot, RemoveColCommand as it, DeleteRangeMoveLeftCommand as st, DeleteRangeMoveUpCommand as at, InsertRangeMoveDownCommand as ct, InsertRangeMoveRightCommand as lt, DeltaRowHeightCommand as Ne, SetRowHeightCommand as je, DeltaColumnWidthCommand as dt, SetColWidthCommand as ut, SetRowHiddenCommand as mt, SetSpecificRowsVisibleCommand as ht, SetSpecificColsVisibleCommand as gt, SetColHiddenCommand as ft, SetRowVisibleMutation as _n, SetRowHiddenMutation as vn, SetColVisibleMutation as Sn, SetColHiddenMutation as Cn, SetWorksheetRowHeightMutation as Rn, SetWorksheetColWidthMutation as In, SetWorksheetActiveOperation as Dn, SheetInterceptorService as Mn, SetFrozenMutation as On } from "@univerjs/sheets";
+import j, { useEffect as Ge, forwardRef as pt, useRef as wt, createElement as _t, useState as Le } from "react";
+import { MessageType as ge, RadioGroup as bn, Radio as Ue } from "@univerjs/design";
+import fe from "clsx";
+const N = {
+  id: "sheet.operation.clear-drawing-transformer",
+  type: $.MUTATION,
+  handler: (r, e) => {
+    const n = r.get(de);
+    return e.forEach((t) => {
+      var o, i;
+      (i = (o = n.getRenderById(t)) == null ? void 0 : o.scene.getTransformer()) == null || i.debounceRefreshControls();
+    }), !0;
+  }
+}, $e = {
+  id: "sheet.command.remove-sheet-image",
+  type: $.COMMAND,
+  handler: (r, e) => {
+    const n = r.get(W), t = r.get(oe), o = r.get(X);
+    if (!e)
+      return !1;
+    const { drawings: i } = e, s = [];
+    i.forEach((w) => {
+      const { unitId: g } = w;
+      s.push(g);
+    });
+    const a = o.getBatchRemoveOp(i), { unitId: c, subUnitId: u, undo: d, redo: l, objects: h } = a;
+    return n.syncExecuteCommand(b.id, { unitId: c, subUnitId: u, op: l, objects: h, type: y.REMOVE }) ? (t.pushUndoRedo({
+      unitID: c,
+      undoMutations: [
+        { id: b.id, params: { unitId: c, subUnitId: u, op: d, objects: h, type: y.INSERT } },
+        { id: N.id, params: s }
+      ],
+      redoMutations: [
+        { id: b.id, params: { unitId: c, subUnitId: u, op: l, objects: h, type: y.REMOVE } },
+        { id: N.id, params: s }
+      ]
+    }), !0) : !1;
+  }
+}, vt = "COMPONENT_SHEET_DRAWING_PANEL", St = {
+  id: "sidebar.operation.sheet-image",
+  type: $.COMMAND,
+  handler: async (r, e) => {
+    const n = r.get(sn), t = r.get(ce), o = r.get(le), i = r.get(q);
+    if (!ne(o))
+      return !1;
+    switch (e.value) {
+      case "open":
+        n.open({
+          header: { title: t.t("sheetImage.panel.title") },
+          children: { label: vt },
+          onClose: () => {
+            i.focusDrawing(null);
+          },
+          width: 360
+        });
+        break;
+      case "close":
+      default:
+        n.close();
+        break;
+    }
+    return !0;
+  }
+}, Ct = {
+  id: "sheet.operation.edit-sheet-image",
+  type: $.OPERATION,
+  handler: (r, e) => {
+    const n = r.get(q), t = r.get(W);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(St.id, { value: "open" }), !0);
+  }
+}, yn = "univer-upload-loading", Tn = "univer-upload-loading-body", En = "univer-upload-loading-body-animation", Pn = "univer-UniverCircleAnimation", Un = "univer-upload-loading-body-text", pe = {
+  uploadLoading: yn,
+  uploadLoadingBody: Tn,
+  uploadLoadingBodyAnimation: En,
+  univerCircleAnimation: Pn,
+  uploadLoadingBodyText: Un
+}, An = () => {
+  const r = Z(Qe), e = Z(ce), [n, t] = j.useState(0);
+  return Ge(() => {
+    const o = r.change$.subscribe((i) => {
+      t(i);
+    });
+    return () => {
+      o.unsubscribe();
+    };
+  }, [r]), /* @__PURE__ */ j.createElement("div", { style: { display: n > 0 ? "block" : "none" }, className: pe.uploadLoading }, /* @__PURE__ */ j.createElement("div", { className: pe.uploadLoadingBody }, /* @__PURE__ */ j.createElement("div", { className: pe.uploadLoadingBodyAnimation }), /* @__PURE__ */ j.createElement("div", { className: pe.uploadLoadingBodyText }, `${e.t("uploadLoading.loading")}: ${n}`)));
+};
+var Nn = Object.defineProperty, jn = Object.getOwnPropertyDescriptor, Ln = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? jn(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
+  return t && o && Nn(e, n, o), o;
+}, Q = (r, e) => (n, t) => e(n, t, r);
+let _e = class extends Nt {
+  constructor(e, n, t, o, i, s, a) {
+    super();
+    F(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = o, this._univerInstanceService = i, this._contextService = s, this._uiPartsService = a, this._init();
+  }
+  _init() {
+    this._univerInstanceService.getCurrentTypeOfUnit$(ee.UNIVER_SHEET).pipe(Fe(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(ee.UNIVER_SHEET).pipe(Fe(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(ee.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(an.CONTENT, () => pn(An, this._injector));
+  }
+  _dispose(e) {
+    const n = e.getUnitId();
+    this._renderManagerService.removeRender(n);
+  }
+  _create(e) {
+    if (!e)
+      return;
+    const n = e.getUnitId();
+    this._renderManagerService.has(n) && !this._initImagePopupMenu.has(n) && (this._popupMenuListener(n), this._initImagePopupMenu.add(n));
+  }
+  _hasCropObject(e) {
+    const n = e.getAllObjects();
+    for (const t of n)
+      if (t instanceof Yt)
+        return !0;
+    return !1;
+  }
+  _popupMenuListener(e) {
+    var i;
+    const n = (i = this._renderManagerService.getRenderById(e)) == null ? void 0 : i.scene;
+    if (!n)
+      return;
+    const t = n.getTransformerByCreate();
+    if (!t)
+      return;
+    const o = [];
+    this.disposeWithMe(
+      Te(
+        t.onCreateControlObservable.add(() => {
+          if (this._contextService.setContextValue(ae, !0), this._hasCropObject(n))
+            return;
+          const s = t.getSelectedObjectMap();
+          if (s.size > 1) {
+            o.forEach((m) => m.dispose());
+            return;
+          }
+          const a = s.values().next().value;
+          if (!a)
+            return;
+          const c = a.oKey, u = this._drawingManagerService.getDrawingOKey(c);
+          if (!u)
+            return;
+          const { unitId: d, subUnitId: l, drawingId: h } = u;
+          o.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
+            componentKey: Xt,
+            direction: "horizontal",
+            offset: [2, 0],
+            extraProps: {
+              menuItems: this._getImageMenuItems(d, l, h)
+            }
+          }))), this._drawingManagerService.focusDrawing([{
+            unitId: d,
+            subUnitId: l,
+            drawingId: h
+          }]);
+        })
+      )
+    ), this.disposeWithMe(
+      Te(
+        t.onClearControlObservable.add(() => {
+          o.forEach((s) => s.dispose()), this._contextService.setContextValue(ae, !1), this._drawingManagerService.focusDrawing(null);
+        })
+      )
+    ), this.disposeWithMe(
+      Te(
+        t.onChangingObservable.add(() => {
+          o.forEach((s) => s.dispose());
+        })
+      )
+    );
+  }
+  _getImageMenuItems(e, n, t) {
+    return [
+      {
+        label: "image-popup.edit",
+        index: 0,
+        commandId: Ct.id,
+        commandParams: { unitId: e, subUnitId: n, drawingId: t },
+        disable: !1
+      },
+      {
+        label: "image-popup.delete",
+        index: 1,
+        commandId: $e.id,
+        commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
+        disable: !1
+      },
+      {
+        label: "image-popup.crop",
+        index: 2,
+        commandId: Ht.id,
+        commandParams: { unitId: e, subUnitId: n, drawingId: t },
+        disable: !1
+      },
+      {
+        label: "image-popup.reset",
+        index: 3,
+        commandId: kt.id,
+        commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
+        disable: !1
+      }
+    ];
+  }
+};
+_e = Ln([
+  Ie(De.Steady, _e),
+  Q(0, B(Be)),
+  Q(1, q),
+  Q(2, B(Kt)),
+  Q(3, de),
+  Q(4, le),
+  Q(5, Ze),
+  Q(6, B(cn))
+], _e);
+const be = {
+  id: "sheet.operation.insert-float-image",
+  type: $.OPERATION,
+  handler: (r, e) => !0
+}, Ce = {
+  id: "sheet.operation.insert-cell-image",
+  type: $.OPERATION,
+  handler: (r, e) => !0
+}, Ve = {
+  id: "sheet.command.insert-sheet-image",
+  type: $.COMMAND,
+  handler: (r, e) => {
+    const n = r.get(W), t = r.get(oe), o = r.get(X);
+    if (!e)
+      return !1;
+    const i = e.drawings, s = i.map((w) => w.unitId), a = o.getBatchAddOp(i), { unitId: c, subUnitId: u, undo: d, redo: l, objects: h } = a;
+    return n.syncExecuteCommand(b.id, { op: l, unitId: c, subUnitId: u, objects: h, type: y.INSERT }) ? (t.pushUndoRedo({
+      unitID: c,
+      undoMutations: [
+        { id: b.id, params: { op: d, unitId: c, subUnitId: u, objects: h, type: y.REMOVE } },
+        { id: N.id, params: s }
+      ],
+      redoMutations: [
+        { id: b.id, params: { op: l, unitId: c, subUnitId: u, objects: h, type: y.INSERT } },
+        { id: N.id, params: s }
+      ]
+    }), !0) : !1;
+  }
+}, ye = {
+  id: "sheet.command.set-sheet-image",
+  type: $.COMMAND,
+  handler: (r, e) => {
+    const n = r.get(W), t = r.get(oe), o = r.get(X);
+    if (!e)
+      return !1;
+    const { drawings: i } = e, s = o.getBatchUpdateOp(i), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = s;
+    return n.syncExecuteCommand(b.id, { unitId: a, subUnitId: c, op: d, objects: l, type: y.UPDATE }) ? (t.pushUndoRedo({
+      unitID: a,
+      undoMutations: [
+        { id: b.id, params: { unitId: a, subUnitId: c, op: u, objects: l, type: y.UPDATE } },
+        { id: N.id, params: [a] }
+      ],
+      redoMutations: [
+        { id: b.id, params: { unitId: a, subUnitId: c, op: d, objects: l, type: y.UPDATE } },
+        { id: N.id, params: [a] }
+      ]
+    }), !0) : !1;
+  }
+}, Rt = {
+  id: "sheet.command.set-drawing-arrange",
+  type: $.COMMAND,
+  handler: (r, e) => {
+    const n = r.get(W), t = r.get(oe);
+    if (!e)
+      return !1;
+    const o = r.get(X), { unitId: i, subUnitId: s, drawingIds: a, arrangeType: c } = e, u = { unitId: i, subUnitId: s, drawingIds: a };
+    let d;
+    if (c === he.forward ? d = o.getForwardDrawingsOp(u) : c === he.backward ? d = o.getBackwardDrawingOp(u) : c === he.front ? d = o.getFrontDrawingsOp(u) : c === he.back && (d = o.getBackDrawingsOp(u)), d == null)
+      return !1;
+    const { objects: l, redo: h, undo: m } = d;
+    return n.syncExecuteCommand(b.id, { op: h, unitId: i, subUnitId: s, objects: l, type: y.ARRANGE }) ? (t.pushUndoRedo({
+      unitID: i,
+      undoMutations: [
+        { id: b.id, params: { op: m, unitId: i, subUnitId: s, objects: l, type: y.ARRANGE } }
+      ],
+      redoMutations: [
+        { id: b.id, params: { op: h, unitId: i, subUnitId: s, objects: l, type: y.ARRANGE } }
+      ]
+    }), !0) : !1;
+  }
+};
+function Wn(r) {
+  const e = [];
+  return r.forEach((n) => {
+    const { parent: t, children: o } = n, { unitId: i, subUnitId: s, drawingId: a } = t, c = Gt(0, 0, o.map((l) => l.transform || {})), u = o.map((l) => {
+      const h = l.transform || { left: 0, top: 0 }, { unitId: m, subUnitId: w, drawingId: g } = l;
+      return {
+        unitId: m,
+        subUnitId: w,
+        drawingId: g,
+        transform: {
+          ...h,
+          left: h.left - c.left,
+          top: h.top - c.top
+        },
+        groupId: a
+      };
+    }), d = {
+      unitId: i,
+      subUnitId: s,
+      drawingId: a,
+      drawingType: xe.DRAWING_GROUP,
+      transform: c
+    };
+    e.push({
+      parent: d,
+      children: u
+    });
+  }), e;
+}
+function Bn(r) {
+  const e = [];
+  return r.forEach((n) => {
+    const { parent: t, children: o } = n, { unitId: i, subUnitId: s, drawingId: a, transform: c = { width: 0, height: 0 } } = t;
+    if (c == null)
+      return;
+    const u = o.map((l) => {
+      const { transform: h } = l, { unitId: m, subUnitId: w, drawingId: g } = l, _ = $t(h || {}, c, c.width || 0, c.height || 0);
+      return {
+        unitId: m,
+        subUnitId: w,
+        drawingId: g,
+        transform: _,
+        groupId: void 0
+      };
+    }), d = {
+      unitId: i,
+      subUnitId: s,
+      drawingId: a,
+      drawingType: xe.DRAWING_GROUP,
+      transform: {
+        left: 0,
+        top: 0
+      }
+    };
+    e.push({
+      parent: d,
+      children: u
+    });
+  }), e;
+}
+const It = {
+  id: "sheet.command.group-sheet-image",
+  type: $.COMMAND,
+  handler: (r, e) => {
+    const n = r.get(W), t = r.get(oe), o = r.get(X);
+    if (!e)
+      return !1;
+    const i = [];
+    e.forEach(({ parent: m, children: w }) => {
+      i.push(m.unitId), w.forEach((g) => {
+        i.push(g.unitId);
+      });
+    });
+    const s = o.getGroupDrawingOp(e), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = s;
+    return n.syncExecuteCommand(b.id, { op: d, unitId: a, subUnitId: c, objects: l, type: y.GROUP }) ? (t.pushUndoRedo({
+      unitID: a,
+      undoMutations: [
+        { id: b.id, params: { op: u, unitId: a, subUnitId: c, objects: Bn(l), type: y.UNGROUP } },
+        { id: N.id, params: i }
+      ],
+      redoMutations: [
+        { id: b.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: y.GROUP } },
+        { id: N.id, params: i }
+      ]
+    }), !0) : !1;
+  }
+}, Dt = {
+  id: "sheet.command.ungroup-sheet-image",
+  type: $.COMMAND,
+  handler: (r, e) => {
+    const n = r.get(W), t = r.get(oe), o = r.get(X);
+    if (!e)
+      return !1;
+    const i = [];
+    e.forEach(({ parent: m, children: w }) => {
+      i.push(m.unitId), w.forEach((g) => {
+        i.push(g.unitId);
+      });
+    });
+    const s = o.getUngroupDrawingOp(e), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = s;
+    return n.syncExecuteCommand(b.id, { op: d, unitId: a, subUnitId: c, objects: l, type: y.UNGROUP }) ? (t.pushUndoRedo({
+      unitID: a,
+      undoMutations: [
+        { id: b.id, params: { op: u, unitId: a, subUnitId: c, objects: Wn(l), type: y.GROUP } },
+        { id: N.id, params: i }
+      ],
+      redoMutations: [
+        { id: b.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: y.UNGROUP } },
+        { id: N.id, params: i }
+      ]
+    }), !0) : !1;
+  }
+};
+function G(r, e) {
+  const { from: n, to: t } = r, { column: o, columnOffset: i, row: s, rowOffset: a } = n, { column: c, columnOffset: u, row: d, rowOffset: l } = t, h = e.attachRangeWithCoord({
+    startColumn: o,
+    endColumn: o,
+    startRow: s,
+    endRow: s
+  });
+  if (h == null)
+    return;
+  const m = e.attachRangeWithCoord({
+    startColumn: c,
+    endColumn: c,
+    startRow: d,
+    endRow: d
+  });
+  if (m == null)
+    return;
+  const { startX: w, startY: g } = h, { startX: _, startY: I } = m, C = J(w + i, 1), v = J(g + a, 1);
+  let R = J(_ + u - C, 1), p = J(I + l - v, 1);
+  return h.startX === m.endX && (R = 0), h.startY === m.endY && (p = 0), {
+    left: C,
+    top: v,
+    width: R,
+    height: p
+  };
+}
+function A(r, e) {
+  const { left: n = 0, top: t = 0, width: o = 0, height: i = 0 } = r, s = e.getSelectionCellByPosition(n, t);
+  if (s == null)
+    return;
+  const a = {
+    column: s.actualColumn,
+    columnOffset: J(n - s.startX, 1),
+    row: s.actualRow,
+    rowOffset: J(t - s.startY, 1)
+  }, c = e.getSelectionCellByPosition(n + o, t + i);
+  if (c == null)
+    return;
+  const u = {
+    column: c.actualColumn,
+    columnOffset: J(n + o - c.startX, 1),
+    row: c.actualRow,
+    rowOffset: J(t + i - c.startY, 1)
+  };
+  return {
+    from: a,
+    to: u
+  };
+}
+var xn = Object.defineProperty, Gn = Object.getOwnPropertyDescriptor, $n = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? Gn(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
+  return t && o && xn(e, n, o), o;
+}, Y = (r, e) => (n, t) => e(n, t, r);
+let ve = class extends Me {
+  constructor(r, e, n, t, o, i, s, a, c, u, d) {
+    super(), this._commandService = r, this._univerInstanceService = e, this._selectionManagerService = n, this._selectionRenderService = t, this._imageIoService = o, this._sheetDrawingService = i, this._drawingManagerService = s, this._contextService = a, this._messageService = c, this._localeService = u, this._renderManagerService = d, this._init();
+  }
+  _init() {
+    this._initCommandListeners(), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
+  }
+  /**
+   * Upload image to cell or float image
+   */
+  _initCommandListeners() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted(async (r) => {
+        if (r.id === Ce.id || r.id === be.id) {
+          const e = r.params;
+          if (e.files == null)
+            return;
+          const n = e.files.length;
+          if (n > Xe) {
+            this._messageService.show({
+              type: ge.Error,
+              content: this._localeService.t("update-status.exceedMaxCount", String(Xe))
+            });
+            return;
+          }
+          this._imageIoService.setWaitCount(n), r.id === Ce.id ? e.files.forEach(async (t) => {
+            await this._insertCellImage(t);
+          }) : e.files.forEach(async (t) => {
+            await this._insertFloatImage(t);
+          });
+        }
+      })
+    );
+  }
+  async _insertCellImage(r) {
+  }
+  async _insertFloatImage(r) {
+    let e;
+    try {
+      e = await this._imageIoService.saveImage(r);
+    } catch (C) {
+      const v = C.message;
+      v === Pe.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: ge.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(tn / (1024 * 1024)))
+      }) : v === Pe.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: ge.Error,
+        content: this._localeService.t("update-status.invalidImageType")
+      }) : v === Pe.ERROR_IMAGE && this._messageService.show({
+        type: ge.Error,
+        content: this._localeService.t("update-status.invalidImage")
+      });
+    }
+    if (e == null)
+      return;
+    const n = this._getUnitInfo();
+    if (n == null)
+      return;
+    const { unitId: t, subUnitId: o } = n, { imageId: i, imageSourceType: s, source: a, base64Cache: c } = e, { width: u, height: d, image: l } = await nn(c || ""), h = this._renderManagerService.getRenderById(t);
+    if (h == null)
+      return;
+    const { width: m, height: w } = h.scene;
+    this._imageIoService.addImageSourceCache(a, s, l);
+    let g = 1;
+    if (u > He || d > ke) {
+      const C = He / u, v = ke / d;
+      g = Math.max(C, v);
+    }
+    const _ = this._getImagePosition(u * g, d * g, m, w);
+    if (_ == null)
+      return;
+    const I = {
+      unitId: t,
+      subUnitId: o,
+      drawingId: i,
+      drawingType: xe.DRAWING_IMAGE,
+      imageSourceType: s,
+      source: a,
+      transform: G(_, this._selectionRenderService),
+      sheetTransform: _
+    };
+    this._commandService.executeCommand(Ve.id, {
+      unitId: t,
+      drawings: [I]
+    });
+  }
+  _getUnitInfo() {
+    const r = this._univerInstanceService.getCurrentUnitForType(ee.UNIVER_SHEET);
+    if (r == null)
+      return;
+    const e = r.getActiveSheet();
+    if (e == null)
+      return;
+    const n = r.getUnitId(), t = e.getSheetId();
+    return {
+      unitId: n,
+      subUnitId: t
+    };
+  }
+  _getImagePosition(r, e, n, t) {
+    const o = this._selectionManagerService.getSelections();
+    let i = {
+      startRow: 0,
+      endRow: 0,
+      startColumn: 0,
+      endColumn: 0
+    };
+    o && o.length > 0 && (i = o[o.length - 1].range);
+    const s = this._selectionRenderService.attachRangeWithCoord(i);
+    if (s == null)
+      return;
+    let { startColumn: a, startRow: c, startX: u, startY: d } = s, l = !1;
+    if (u + r > n && (u = n - r, u < 0 && (u = 0, r = n), l = !0), d + e > t && (d = t - e, d < 0 && (d = 0, e = t), l = !0), l) {
+      const g = this._selectionRenderService.getSelectionCellByPosition(u, d);
+      if (g == null)
+        return;
+      u = g.startX, d = g.startY, a = g.actualColumn, c = g.actualRow;
+    }
+    const h = {
+      column: a,
+      columnOffset: 0,
+      row: c,
+      rowOffset: 0
+    }, m = this._selectionRenderService.getSelectionCellByPosition(u + r, d + e);
+    if (m == null)
+      return;
+    const w = {
+      column: m.actualColumn,
+      columnOffset: u + r - m.startX,
+      row: m.actualRow,
+      rowOffset: d + e - m.startY
+    };
+    return {
+      from: h,
+      to: w
+    };
+  }
+  _updateOrderListener() {
+    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((r) => {
+      const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: o } = r;
+      this._commandService.executeCommand(Rt.id, {
+        unitId: e,
+        subUnitId: n,
+        drawingIds: t,
+        arrangeType: o
+      });
+    });
+  }
+  _updateImageListener() {
+    this._drawingManagerService.featurePluginUpdate$.subscribe((r) => {
+      const e = [];
+      r.length !== 0 && (r.forEach((n) => {
+        const { unitId: t, subUnitId: o, drawingId: i, drawingType: s, transform: a } = n;
+        if (a == null)
+          return;
+        const c = this._sheetDrawingService.getDrawingByParam({ unitId: t, subUnitId: o, drawingId: i });
+        if (c == null)
+          return;
+        const u = A({ ...c.transform, ...a }, this._selectionRenderService);
+        if (u == null)
+          return;
+        const d = {
+          ...n,
+          transform: { ...c.transform, ...a, ...G(u, this._selectionRenderService) },
+          sheetTransform: { ...u }
+        };
+        e.push(d);
+      }), e.length > 0 && this._commandService.executeCommand(ye.id, {
+        unitId: r[0].unitId,
+        drawings: e
+      }));
+    });
+  }
+  _groupDrawingListener() {
+    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((r) => {
+      this._commandService.executeCommand(It.id, r);
+      const { unitId: e, subUnitId: n, drawingId: t } = r[0].parent;
+      this._drawingManagerService.focusDrawing([{ unitId: e, subUnitId: n, drawingId: t }]);
+    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((r) => {
+      this._commandService.executeCommand(Dt.id, r);
+    });
+  }
+  _focusDrawingListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.focus$.subscribe((r) => {
+        r == null || r.length === 0 ? (this._contextService.setContextValue(ae, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(ae, !0), this._sheetDrawingService.focusDrawing(r));
+      })
+    );
+  }
+};
+ve = $n([
+  Ie(De.Rendered, ve),
+  Y(0, W),
+  Y(1, le),
+  Y(2, B(wn)),
+  Y(3, Oe),
+  Y(4, Qe),
+  Y(5, X),
+  Y(6, q),
+  Y(7, Ze),
+  Y(8, ln),
+  Y(9, B(ce)),
+  Y(10, de)
+], ve);
+var V = function() {
+  return V = Object.assign || function(r) {
+    for (var e, n = 1, t = arguments.length; n < t; n++) {
+      e = arguments[n];
+      for (var o in e)
+        Object.prototype.hasOwnProperty.call(e, o) && (r[o] = e[o]);
+    }
+    return r;
+  }, V.apply(this, arguments);
+}, Vn = function(r, e) {
+  var n = {};
+  for (var t in r)
+    Object.prototype.hasOwnProperty.call(r, t) && e.indexOf(t) < 0 && (n[t] = r[t]);
+  if (r != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, t = Object.getOwnPropertySymbols(r); o < t.length; o++)
+      e.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(r, t[o]) && (n[t[o]] = r[t[o]]);
+  return n;
+}, Mt = pt(function(r, e) {
+  var n = r.icon, t = r.id, o = r.className, i = r.extend, s = Vn(r, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(o || "").trim(), c = wt("_".concat(Xn()));
+  return Ot(n, "".concat(t), { defIds: n.defIds, idSuffix: c.current }, V({ ref: e, className: a }, s), i);
+});
+function Ot(r, e, n, t, o) {
+  return _t(r.tag, V(V({ key: e }, Fn(r, n, o)), t), (Yn(r, n).children || []).map(function(i, s) {
+    return Ot(i, "".concat(e, "-").concat(r.tag, "-").concat(s), n, void 0, o);
+  }));
+}
+function Fn(r, e, n) {
+  var t = V({}, r.attrs);
+  n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
+  var o = e.defIds;
+  return !o || o.length === 0 || (r.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(i) {
+    var s = i[0], a = i[1];
+    typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), t;
+}
+function Yn(r, e) {
+  var n, t = e.defIds;
+  return !t || t.length === 0 ? r : r.tag === "defs" && (!((n = r.children) === null || n === void 0) && n.length) ? V(V({}, r), { children: r.children.map(function(o) {
+    return typeof o.attrs.id == "string" && t && t.indexOf(o.attrs.id) > -1 ? V(V({}, o), { attrs: V(V({}, o.attrs), { id: o.attrs.id + e.idSuffix }) }) : o;
+  }) }) : r;
+}
+function Xn() {
+  return Math.random().toString(36).substring(2, 8);
+}
+Mt.displayName = "UniverIcon";
+var Hn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, bt = pt(function(r, e) {
+  return _t(Mt, Object.assign({}, r, {
+    id: "add-image-single",
+    ref: e,
+    icon: Hn
+  }));
+});
+bt.displayName = "AddImageSingle";
+const kn = "univer-upload-file-menu", zn = "univer-upload-file-menu-input", ze = {
+  uploadFileMenu: kn,
+  uploadFileMenuInput: zn
+}, yt = "COMPONENT_UPLOAD_FILE_MENU";
+var Re = /* @__PURE__ */ ((r) => (r[r.cellImage = 0] = "cellImage", r[r.floatImage = 1] = "floatImage", r))(Re || {});
+const Kn = (r) => {
+  const { type: e } = r, n = Z(W), t = wt(null), o = () => {
+    var a;
+    (a = t.current) == null || a.click();
+  }, i = rn.map((a) => `.${a.replace("image/", "")}`).join(","), s = (a) => {
+    const c = a.target.files;
+    if (c == null)
+      return;
+    const u = Array.from(c);
+    e === Re.floatImage ? n.executeCommand(be.id, { files: u }) : e === Re.cellImage && n.executeCommand(Ce.id, { files: u }), t.current && (t.current.value = "");
+  };
+  return /* @__PURE__ */ j.createElement("div", { onClick: o, className: ze.uploadFileMenu }, /* @__PURE__ */ j.createElement(
+    "input",
+    {
+      type: "file",
+      className: ze.uploadFileMenuInput,
+      ref: t,
+      onChange: s,
+      accept: i,
+      multiple: !0
+    }
+  ));
+}, Tt = "addition-and-subtraction-single", Et = "sheet.menu.image";
+function Jn(r) {
+  return {
+    id: Et,
+    type: et.SUBITEMS,
+    positions: [dn.TOOLBAR_START],
+    group: un.TOOLBAR_FORMULAS_INSERT,
+    icon: Tt,
+    tooltip: "sheetImage.title",
+    hidden$: tt(r, ee.UNIVER_SHEET)
+  };
+}
+function Zn(r) {
+  return {
+    id: be.id,
+    title: "sheetImage.upload.float",
+    type: et.SELECTOR,
+    label: {
+      name: yt,
+      props: {
+        type: Re.floatImage
+      }
+    },
+    positions: [Et],
+    // disabled$: getCurrentSheetDisabled$(_accessor),
+    hidden$: tt(r, ee.UNIVER_SHEET)
+  };
+}
+const qn = "univer-image-common-panel", Qn = "univer-image-common-panel-grid", er = "univer-image-common-panel-border", tr = "univer-image-common-panel-title", nr = "univer-image-common-panel-row", rr = "univer-image-common-panel-row-vertical", or = "univer-image-common-panel-column", ir = "univer-image-common-panel-column-center", sr = "univer-image-common-panel-inline", ar = "univer-image-common-panel-span2", cr = "univer-image-common-panel-span3", lr = "univer-image-common-panel-input", dr = "univer-sheet-image-menu", ur = "univer-sheet-image-menu-input", z = {
+  imageCommonPanel: qn,
+  imageCommonPanelGrid: Qn,
+  imageCommonPanelBorder: er,
+  imageCommonPanelTitle: tr,
+  imageCommonPanelRow: nr,
+  imageCommonPanelRowVertical: rr,
+  imageCommonPanelColumn: or,
+  imageCommonPanelColumnCenter: ir,
+  imageCommonPanelInline: sr,
+  imageCommonPanelSpan2: ar,
+  imageCommonPanelSpan3: cr,
+  imageCommonPanelInput: lr,
+  sheetImageMenu: dr,
+  sheetImageMenuInput: ur
+}, mr = (r) => {
+  var v;
+  const e = Z(W), n = Z(ce), t = Z(q), o = Z(de), { drawings: i } = r, s = i[0];
+  if (s == null)
+    return;
+  const { unitId: a } = s, c = o.getRenderById(a), u = c == null ? void 0 : c.scene;
+  if (u == null)
+    return;
+  const d = u.getTransformerByCreate(), [l, h] = Le(!0), m = (v = s.anchorType) != null ? v : O.Position, [w, g] = Le(m);
+  function _(R, p) {
+    const M = [];
+    return R.forEach((f) => {
+      const { oKey: E } = f, D = p.getDrawingOKey(E);
+      if (D == null)
+        return M.push(null), !0;
+      const { unitId: P, subUnitId: U, drawingId: T, drawingType: S, anchorType: L, sheetTransform: H } = D;
+      M.push({
+        unitId: P,
+        subUnitId: U,
+        drawingId: T,
+        anchorType: L,
+        sheetTransform: H,
+        drawingType: S
+      });
+    }), M;
+  }
+  Ge(() => {
+    const R = d.onClearControlObservable.add((M) => {
+      M === !0 && h(!1);
+    }), p = d.onChangeStartObservable.add((M) => {
+      var D;
+      const { objects: f } = M, E = _(f, t);
+      if (E.length === 0)
+        h(!1);
+      else if (E.length >= 1) {
+        h(!0);
+        const P = ((D = E[0]) == null ? void 0 : D.anchorType) || O.Position;
+        g(P);
+      }
+    });
+    return () => {
+      p == null || p.dispose(), R == null || R.dispose();
+    };
+  }, []);
+  function I(R) {
+    g(R);
+    const p = t.getFocusDrawings();
+    if (p.length === 0)
+      return;
+    const M = p.map((f) => ({
+      unitId: f.unitId,
+      subUnitId: f.subUnitId,
+      drawingId: f.drawingId,
+      anchorType: R
+    }));
+    e.executeCommand(ye.id, {
+      unitId: p[0].unitId,
+      drawings: M
+    });
+  }
+  const C = (R) => R ? "block" : "none";
+  return /* @__PURE__ */ j.createElement("div", { className: fe(z.imageCommonPanelGrid, z.imageCommonPanelBorder), style: { display: C(l) } }, /* @__PURE__ */ j.createElement("div", { className: z.imageCommonPanelRow }, /* @__PURE__ */ j.createElement("div", { className: fe(z.imageCommonPanelColumn, z.imageCommonPanelTitle) }, /* @__PURE__ */ j.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ j.createElement("div", { className: fe(z.imageCommonPanelRow) }, /* @__PURE__ */ j.createElement("div", { className: fe(z.imageCommonPanelColumn) }, /* @__PURE__ */ j.createElement(bn, { value: w, onChange: I, direction: "vertical" }, /* @__PURE__ */ j.createElement(Ue, { value: O.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ j.createElement(Ue, { value: O.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ j.createElement(Ue, { value: O.None }, n.t("drawing-anchor.none"))))));
+}, hr = () => {
+  const r = Z(q), e = r.getFocusDrawings();
+  if (e == null || e.length === 0)
+    return;
+  const [n, t] = Le(e);
+  return Ge(() => {
+    const o = r.focus$.subscribe((i) => {
+      t(i);
+    });
+    return () => {
+      o.unsubscribe();
+    };
+  }, []), /* @__PURE__ */ j.createElement("div", { className: z.imageCommonPanel }, /* @__PURE__ */ j.createElement(zt, { drawings: n }), /* @__PURE__ */ j.createElement(mr, { drawings: n }));
+}, ue = {
+  id: "sheet.command.move-drawing",
+  type: $.COMMAND,
+  handler: (r, e) => {
+    const n = r.get(W), t = r.get(X), o = r.get(Oe), { direction: i } = e, s = t.getFocusDrawings();
+    if (s.length === 0)
+      return !1;
+    const a = s[0].unitId, c = s.map((d) => {
+      const { transform: l } = d;
+      if (l == null)
+        return null;
+      const h = { ...l }, { left: m = 0, top: w = 0 } = l;
+      return i === K.UP ? h.top = w - 1 : i === K.DOWN ? h.top = w + 1 : i === K.LEFT ? h.left = m - 1 : i === K.RIGHT && (h.left = m + 1), {
+        ...d,
+        transform: h,
+        sheetTransform: A(h, o)
+      };
+    }).filter((d) => d != null);
+    return n.syncExecuteCommand(ye.id, {
+      unitId: a,
+      drawings: c
+    }) ? (n.syncExecuteCommand(N.id, [a]), !0) : !1;
+  }
+}, Pt = {
+  id: "sheet.command.delete-drawing",
+  type: $.COMMAND,
+  handler: (r) => {
+    const e = r.get(W), t = r.get(X).getFocusDrawings();
+    if (t.length === 0)
+      return !1;
+    const o = t[0].unitId, i = t.map((s) => {
+      const { unitId: a, subUnitId: c, drawingId: u, drawingType: d } = s;
+      return {
+        unitId: a,
+        subUnitId: c,
+        drawingId: u,
+        drawingType: d
+      };
+    });
+    return e.executeCommand($e.id, {
+      unitId: o,
+      drawings: i
+    });
+  }
+};
+function me(r) {
+  return !r.getContextValue(jt) && !r.getContextValue(Lt) && r.getContextValue(ae);
+}
+const gr = {
+  id: ue.id,
+  description: "shortcut.sheet.drawing-move-down",
+  group: "4_sheet-drawing-view",
+  binding: re.ARROW_DOWN,
+  priority: 100,
+  preconditions: me,
+  staticParameters: {
+    direction: K.DOWN
+  }
+}, fr = {
+  id: ue.id,
+  description: "shortcut.sheet.drawing-move-up",
+  group: "4_sheet-drawing-view",
+  binding: re.ARROW_UP,
+  priority: 100,
+  preconditions: me,
+  staticParameters: {
+    direction: K.UP
+  }
+}, pr = {
+  id: ue.id,
+  description: "shortcut.sheet.drawing-move-left",
+  group: "4_sheet-drawing-view",
+  binding: re.ARROW_LEFT,
+  priority: 100,
+  preconditions: me,
+  staticParameters: {
+    direction: K.LEFT
+  }
+}, wr = {
+  id: ue.id,
+  description: "shortcut.sheet.drawing-move-right",
+  group: "4_sheet-drawing-view",
+  binding: re.ARROW_RIGHT,
+  priority: 100,
+  preconditions: me,
+  staticParameters: {
+    direction: K.RIGHT
+  }
+}, _r = {
+  id: Pt.id,
+  description: "shortcut.sheet.drawing-delete",
+  group: "4_sheet-drawing-view",
+  // when focusing on any other input tag do not trigger this shortcut
+  preconditions: me,
+  binding: re.DELETE,
+  mac: re.BACKSPACE
+};
+var vr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, Cr = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? Sr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
+  return t && o && vr(e, n, o), o;
+}, ie = (r, e) => (n, t) => e(n, t, r);
+const Rr = {};
+let se = class extends Me {
+  constructor(r, e, n, t, o, i) {
+    super(), this._config = r, this._injector = e, this._componentManager = n, this._menuService = t, this._commandService = o, this._shortcutService = i, this._init();
+  }
+  _initCustomComponents() {
+    const r = this._componentManager;
+    this.disposeWithMe(r.register(Tt, bt)), this.disposeWithMe(r.register(yt, Kn)), this.disposeWithMe(r.register(vt, hr));
+  }
+  _initMenus() {
+    const { menu: r = {} } = this._config;
+    [
+      Jn,
+      Zn
+      // UploadCellImageMenuFactory,
+    ].forEach((e) => {
+      this._menuService.addMenuItem(e(this._injector), r);
+    });
+  }
+  _initCommands() {
+    [
+      be,
+      Ce,
+      Ve,
+      $e,
+      ye,
+      St,
+      N,
+      Ct,
+      It,
+      Dt,
+      ue,
+      Pt,
+      Rt
+    ].forEach((r) => this.disposeWithMe(this._commandService.registerCommand(r)));
+  }
+  _initShortcuts() {
+    [
+      // sheet drawing shortcuts
+      gr,
+      fr,
+      pr,
+      wr,
+      _r
+    ].forEach((r) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(r));
+    });
+  }
+  _init() {
+    this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
+  }
+};
+se = Cr([
+  Ie(De.Rendered, se),
+  ie(1, B(Be)),
+  ie(2, B(mn)),
+  ie(3, hn),
+  ie(4, W),
+  ie(5, gn)
+], se);
+var Ir = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, Mr = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? Dr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
+  return t && o && Ir(e, n, o), o;
+}, te = (r, e) => (n, t) => e(n, t, r);
+const Or = [
+  nt.id,
+  rt.id,
+  ot.id,
+  it.id,
+  st.id,
+  at.id,
+  ct.id,
+  lt.id,
+  Ne.id,
+  je.id,
+  dt.id,
+  ut.id,
+  mt.id,
+  ht.id,
+  gt.id,
+  ft.id
+], br = [
+  _n.id,
+  vn.id,
+  Sn.id,
+  Cn.id,
+  Rn.id,
+  In.id
+];
+let Se = class extends Me {
+  constructor(r, e, n, t, o, i) {
+    super(), this._commandService = r, this._sheetInterceptorService = e, this._sheetDrawingService = n, this._drawingManagerService = t, this._selectionRenderService = o, this._univerInstanceService = i, this._init();
+  }
+  _init() {
+    this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
+  }
+  _sheetInterceptorListener() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.interceptCommand({
+        getMutations: (r) => {
+          if (!Or.includes(r.id))
+            return { redos: [], undos: [] };
+          if (r.params == null)
+            return { redos: [], undos: [] };
+          const e = r.id;
+          if (e === nt.id)
+            return this._moveRowInterceptor(r.params, "insert");
+          if (e === rt.id)
+            return this._moveColInterceptor(r.params, "insert");
+          if (e === ot.id)
+            return this._moveRowInterceptor(r.params, "remove");
+          if (e === it.id)
+            return this._moveColInterceptor(r.params, "remove");
+          if (e === st.id) {
+            const { range: n } = r.params;
+            return this._getRangeMoveUndo(
+              n,
+              0
+              /* deleteLeft */
+            );
+          } else if (e === at.id) {
+            const { range: n } = r.params;
+            return this._getRangeMoveUndo(
+              n,
+              1
+              /* deleteUp */
+            );
+          } else if (e === ct.id) {
+            const { range: n } = r.params;
+            return this._getRangeMoveUndo(
+              n,
+              2
+              /* insertDown */
+            );
+          } else if (e === lt.id) {
+            const { range: n } = r.params;
+            return this._getRangeMoveUndo(
+              n,
+              3
+              /* insertRight */
+            );
+          } else if (e === mt.id || e === ht.id) {
+            const n = r.params, { unitId: t, subUnitId: o, ranges: i } = n;
+            return this._getDrawingUndoForRowVisible(t, o, i);
+          } else if (e === gt.id || e === ft.id) {
+            const n = r.params, { unitId: t, subUnitId: o, ranges: i } = n;
+            return this._getDrawingUndoForColVisible(t, o, i);
+          } else if (e === Ne.id || e === je.id || e === dt.id || e === ut.id) {
+            const n = r.params, { unitId: t, subUnitId: o, ranges: i } = n, s = e === Ne.id || e === je.id;
+            return this._getDrawingUndoForRowAndColSize(t, o, i, s);
+          }
+          return { redos: [], undos: [] };
+        }
+      })
+    );
+  }
+  _getRangeMoveUndo(r, e) {
+    const n = ne(this._univerInstanceService);
+    if (n == null)
+      return { redos: [], undos: [] };
+    const t = n.unitId, o = n.subUnitId, i = [], s = [], a = this._sheetDrawingService.getDrawingData(t, o), c = [], u = [];
+    if (Object.keys(a).forEach((d) => {
+      const l = a[d], { updateDrawings: h, deleteDrawings: m } = this._getUpdateOrDeleteDrawings(r, e, l);
+      c.push(...h), u.push(...m);
+    }), c.length === 0 && u.length === 0)
+      return { redos: [], undos: [] };
+    if (c.length > 0) {
+      const d = this._sheetDrawingService.getBatchUpdateOp(c), { undo: l, redo: h, objects: m } = d;
+      i.push({ id: b.id, params: { unitId: t, subUnitId: o, op: h, objects: m, type: y.UPDATE } }), s.push({ id: b.id, params: { unitId: t, subUnitId: o, op: l, objects: m, type: y.UPDATE } });
+    }
+    if (u.length > 0) {
+      const d = this._sheetDrawingService.getBatchRemoveOp(u), l = d.undo, h = d.redo, m = d.objects;
+      i.push({ id: b.id, params: { unitId: t, subUnitId: o, op: h, objects: m, type: y.REMOVE } }), s.push({ id: b.id, params: { unitId: t, subUnitId: o, op: l, objects: m, type: y.INSERT } });
+    }
+    return i.push({ id: N.id, params: [t] }), s.push({ id: N.id, params: [t] }), {
+      redos: i,
+      undos: s
+    };
+  }
+  _getUpdateOrDeleteDrawings(r, e, n) {
+    const t = [], o = [], { sheetTransform: i, anchorType: s = O.Position, transform: a, unitId: c, subUnitId: u, drawingId: d } = n, { from: l, to: h } = i, { row: m, column: w } = l, { row: g, column: _ } = h;
+    if (i == null || a == null)
+      return {
+        updateDrawings: t,
+        deleteDrawings: o
+      };
+    const { startRow: I, endRow: C, startColumn: v, endColumn: R } = r;
+    let p = null, M = null;
+    if (e === 0 && m >= I && g <= C)
+      if (w >= v && _ <= R)
+        o.push({ unitId: c, subUnitId: u, drawingId: d });
+      else {
+        const f = this._shrinkCol(i, a, v, R, s);
+        p = f == null ? void 0 : f.newSheetTransform, M = f == null ? void 0 : f.newTransform;
+      }
+    else if (e === 1 && w >= v && _ <= R)
+      if (m >= I && g <= C)
+        o.push({ unitId: c, subUnitId: u, drawingId: d });
+      else {
+        const f = this._shrinkRow(i, a, I, C, s);
+        p = f == null ? void 0 : f.newSheetTransform, M = f == null ? void 0 : f.newTransform;
+      }
+    else if (e === 2) {
+      const f = this._expandRow(i, a, I, C, s);
+      p = f == null ? void 0 : f.newSheetTransform, M = f == null ? void 0 : f.newTransform;
+    } else if (e === 3) {
+      const f = this._expandCol(i, a, v, R, s);
+      p = f == null ? void 0 : f.newSheetTransform, M = f == null ? void 0 : f.newTransform;
+    }
+    if (p != null && M != null) {
+      const f = G(p, this._selectionRenderService);
+      t.push({ ...n, sheetTransform: p, transform: f });
+    }
+    return { updateDrawings: t, deleteDrawings: o };
+  }
+  _remainDrawingSize(r, e, n) {
+    const t = A({ ...r }, this._selectionRenderService);
+    t != null && e.push({
+      ...n,
+      sheetTransform: t
+    });
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _getDrawingUndoForColVisible(r, e, n) {
+    const t = this._drawingManagerService.getDrawingData(r, e), o = [], i = [];
+    if (Object.keys(t).forEach((d) => {
+      const l = t[d], { sheetTransform: h, transform: m, anchorType: w = O.Position } = l;
+      if (w === O.None)
+        this._remainDrawingSize(m, o, l);
+      else {
+        const { from: g, to: _ } = h, { row: I, column: C } = g, { row: v, column: R } = _;
+        for (let p = 0; p < n.length; p++) {
+          const M = n[p], { startRow: f, endRow: E, startColumn: D, endColumn: P } = M;
+          if (R < D)
+            continue;
+          if (w === O.Position) {
+            let S = null, L = null;
+            if (C >= D && C <= P) {
+              const H = this._selectionRenderService.attachRangeWithCoord({ startColumn: C, endColumn: P, startRow: g.row, endRow: _.row });
+              if (H == null)
+                return;
+              L = { ...m, left: H.startX };
+            }
+            if (L != null && (S = A(L, this._selectionRenderService), S != null && L != null)) {
+              o.push({ ...l, sheetTransform: S, transform: L });
+              break;
+            }
+            this._remainDrawingSize(m, o, l);
+            continue;
+          }
+          if (C >= D && R <= P)
+            continue;
+          let U = null, T = null;
+          if (C >= D && C <= P) {
+            const S = this._selectionRenderService.attachRangeWithCoord({ startColumn: C, endColumn: P, startRow: g.row, endRow: _.row });
+            if (S == null)
+              return;
+            T = {
+              ...m,
+              left: (S == null ? void 0 : S.startX) || 0,
+              width: ((m == null ? void 0 : m.width) || 0) - S.endX + S.startX
+            };
+          } else if (R >= D && R <= P) {
+            const S = this._selectionRenderService.attachRangeWithCoord({ startColumn: D, endColumn: R, startRow: g.row, endRow: _.row });
+            if (S == null)
+              return;
+            T = {
+              ...m,
+              left: S.startX - ((m == null ? void 0 : m.width) || 0)
+            };
+          } else {
+            const S = this._selectionRenderService.attachRangeWithCoord({ startColumn: D, endColumn: P, startRow: g.row, endRow: _.row });
+            if (S == null)
+              return;
+            if (T = {
+              ...m,
+              width: ((m == null ? void 0 : m.width) || 0) - S.endX + S.startX
+            }, U = A(T, this._selectionRenderService), U != null && T != null) {
+              i.push({ ...l, sheetTransform: U, transform: T });
+              break;
+            }
+          }
+          if (T != null && (U = A(T, this._selectionRenderService)), T != null && U != null) {
+            o.push({ ...l, sheetTransform: U, transform: T });
+            break;
+          } else
+            this._remainDrawingSize(m, o, l);
+        }
+      }
+    }), o.length === 0 && i.length === 0)
+      return { redos: [], undos: [] };
+    const { redos: s, undos: a } = this._createUndoAndRedoMutation(r, e, o), c = [], u = [];
+    if (i.length > 0) {
+      const { redos: d, undos: l } = this._createUndoAndRedoMutation(r, e, i);
+      c.push(...d), u.push(...l);
+    }
+    return {
+      redos: s,
+      undos: a,
+      preRedos: c,
+      preUndos: u
+    };
+  }
+  _createUndoAndRedoMutation(r, e, n) {
+    const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: o, redo: i, objects: s } = t, a = [
+      { id: b.id, params: { unitId: r, subUnitId: e, op: i, objects: s, type: y.UPDATE } },
+      { id: N.id, params: [r] }
+    ], c = [
+      { id: b.id, params: { unitId: r, subUnitId: e, op: o, objects: s, type: y.UPDATE } },
+      { id: N.id, params: [r] }
+    ];
+    return {
+      redos: a,
+      undos: c
+    };
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _getDrawingUndoForRowVisible(r, e, n) {
+    const t = this._drawingManagerService.getDrawingData(r, e), o = [], i = [];
+    if (Object.keys(t).forEach((d) => {
+      const l = t[d], { sheetTransform: h, transform: m, anchorType: w = O.Position } = l;
+      if (w === O.None)
+        this._remainDrawingSize(m, o, l);
+      else {
+        const { from: g, to: _ } = h, { row: I, column: C } = g, { row: v, column: R } = _;
+        for (let p = 0; p < n.length; p++) {
+          const M = n[p], { startRow: f, endRow: E, startColumn: D, endColumn: P } = M;
+          if (v < f)
+            continue;
+          if (w === O.Position) {
+            let S = null, L = null;
+            if (I >= f && I <= E) {
+              const H = this._selectionRenderService.attachRangeWithCoord({ startColumn: g.column, endColumn: _.column, startRow: I, endRow: E });
+              if (H == null)
+                return;
+              L = { ...m, top: H.startY };
+            }
+            if (L != null && (S = A(L, this._selectionRenderService), S != null && L != null)) {
+              o.push({ ...l, sheetTransform: S, transform: L });
+              break;
+            }
+            this._remainDrawingSize(m, o, l);
+            continue;
+          }
+          if (I >= f && v <= E)
+            continue;
+          let U = null, T = null;
+          if (I >= f && I <= E) {
+            const S = this._selectionRenderService.attachRangeWithCoord({ startColumn: g.column, endColumn: _.column, startRow: I, endRow: E });
+            if (S == null)
+              return;
+            T = {
+              ...m,
+              top: (S == null ? void 0 : S.startY) || 0,
+              height: ((m == null ? void 0 : m.height) || 0) - S.endY + S.startY
+            };
+          } else if (v >= f && v <= E) {
+            const S = this._selectionRenderService.attachRangeWithCoord({ startColumn: g.column, endColumn: _.column, startRow: f, endRow: v });
+            if (S == null)
+              return;
+            T = {
+              ...m,
+              top: S.startY - ((m == null ? void 0 : m.height) || 0)
+            };
+          } else {
+            const S = this._selectionRenderService.attachRangeWithCoord({ startColumn: g.column, endColumn: _.column, startRow: f, endRow: E });
+            if (S == null)
+              return;
+            if (T = {
+              ...m,
+              height: ((m == null ? void 0 : m.height) || 0) - S.endY + S.startY
+            }, U = A(T, this._selectionRenderService), U != null && T != null) {
+              i.push({ ...l, sheetTransform: U, transform: T });
+              break;
+            }
+          }
+          if (T != null && (U = A(T, this._selectionRenderService)), T != null && U != null) {
+            o.push({ ...l, sheetTransform: U, transform: T });
+            break;
+          } else
+            this._remainDrawingSize(m, o, l);
+        }
+      }
+    }), o.length === 0 && i.length === 0)
+      return { redos: [], undos: [] };
+    const { redos: s, undos: a } = this._createUndoAndRedoMutation(r, e, o), c = [], u = [];
+    if (i.length > 0) {
+      const { redos: d, undos: l } = this._createUndoAndRedoMutation(r, e, i);
+      c.push(...d), u.push(...l);
+    }
+    return {
+      redos: s,
+      undos: a,
+      preRedos: c,
+      preUndos: u
+    };
+  }
+  _getDrawingUndoForRowAndColSize(r, e, n, t) {
+    const o = this._drawingManagerService.getDrawingData(r, e), i = [];
+    return Object.keys(o).forEach((s) => {
+      const a = o[s], { sheetTransform: c, transform: u, anchorType: d = O.Position } = a;
+      if (d === O.None)
+        this._remainDrawingSize(u, i, a);
+      else {
+        const { from: l, to: h } = c, { row: m, column: w } = l, { row: g, column: _ } = h;
+        for (let I = 0; I < n.length; I++) {
+          const C = n[I], { startRow: v, endRow: R, startColumn: p, endColumn: M } = C;
+          if (g < v || _ < p)
+            continue;
+          if (d === O.Position && (m <= v && g >= R || w <= p && _ >= M)) {
+            this._remainDrawingSize(u, i, a);
+            continue;
+          }
+          const f = G({ ...c }, this._selectionRenderService);
+          if (f != null) {
+            i.push({
+              ...a,
+              transform: f
+            });
+            break;
+          }
+        }
+      }
+    }), i.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(r, e, i);
+  }
+  _getUnitIdAndSubUnitId(r, e) {
+    let n, t;
+    if (e === "insert")
+      n = r.unitId, t = r.subUnitId;
+    else {
+      const o = ne(this._univerInstanceService);
+      if (o == null)
+        return;
+      n = o.unitId, t = o.subUnitId;
+    }
+    return { unitId: n, subUnitId: t };
+  }
+  _moveRowInterceptor(r, e) {
+    const n = this._getUnitIdAndSubUnitId(r, e);
+    if (n == null)
+      return { redos: [], undos: [] };
+    const { unitId: t, subUnitId: o } = n, { range: i } = r, s = i.startRow, a = i.endRow, c = [], u = [], d = this._sheetDrawingService.getDrawingData(t, o), l = [], h = [];
+    if (Object.keys(d).forEach((m) => {
+      const w = d[m], { sheetTransform: g, transform: _, anchorType: I = O.Position } = w;
+      if (g == null || _ == null)
+        return;
+      let C, v;
+      if (e === "insert") {
+        const p = this._expandRow(g, _, s, a, I);
+        C = p == null ? void 0 : p.newSheetTransform, v = p == null ? void 0 : p.newTransform;
+      } else {
+        const { from: p, to: M } = g, { row: f } = p, { row: E } = M;
+        if (f >= s && E <= a)
+          h.push({ unitId: t, subUnitId: o, drawingId: m });
+        else {
+          const D = this._shrinkRow(g, _, s, a, I);
+          C = D == null ? void 0 : D.newSheetTransform, v = D == null ? void 0 : D.newTransform;
+        }
+      }
+      if (!C || !v)
+        return;
+      const R = { unitId: t, subUnitId: o, drawingId: m, transform: v, sheetTransform: C };
+      l.push(R);
+    }), l.length === 0 && h.length === 0)
+      return { redos: [], undos: [] };
+    if (l.length > 0) {
+      const m = this._sheetDrawingService.getBatchUpdateOp(l), { undo: w, redo: g, objects: _ } = m;
+      c.push({ id: b.id, params: { unitId: t, subUnitId: o, op: g, objects: _, type: y.UPDATE } }), u.push({ id: b.id, params: { unitId: t, subUnitId: o, op: w, objects: _, type: y.UPDATE } });
+    }
+    if (h.length > 0) {
+      const m = this._sheetDrawingService.getBatchRemoveOp(h), w = m.undo, g = m.redo, _ = m.objects;
+      c.push({ id: b.id, params: { unitId: t, subUnitId: o, op: g, objects: _, type: y.REMOVE } }), u.push({ id: b.id, params: { unitId: t, subUnitId: o, op: w, objects: _, type: y.INSERT } });
+    }
+    return c.push({ id: N.id, params: [t] }), u.push({ id: N.id, params: [t] }), {
+      redos: c,
+      undos: u
+    };
+  }
+  _moveColInterceptor(r, e) {
+    const n = this._getUnitIdAndSubUnitId(r, e);
+    if (n == null)
+      return { redos: [], undos: [] };
+    const { unitId: t, subUnitId: o } = n, { range: i } = r, s = i.startColumn, a = i.endColumn, c = [], u = [], d = this._sheetDrawingService.getDrawingData(t, o), l = [], h = [];
+    if (Object.keys(d).forEach((m) => {
+      const w = d[m], { sheetTransform: g, transform: _, anchorType: I = O.Position } = w;
+      if (g == null || _ == null)
+        return;
+      let C, v;
+      if (e === "insert") {
+        const p = this._expandCol(g, _, s, a, I);
+        C = p == null ? void 0 : p.newSheetTransform, v = p == null ? void 0 : p.newTransform;
+      } else {
+        const { from: p, to: M } = g, { column: f } = p, { column: E } = M;
+        if (f >= s && E <= a)
+          h.push({ unitId: t, subUnitId: o, drawingId: m });
+        else {
+          const D = this._shrinkCol(g, _, s, a, I);
+          C = D == null ? void 0 : D.newSheetTransform, v = D == null ? void 0 : D.newTransform;
+        }
+      }
+      if (!C || !v)
+        return;
+      const R = { unitId: t, subUnitId: o, drawingId: m, transform: v, sheetTransform: C };
+      l.push(R);
+    }), l.length === 0 && h.length === 0)
+      return { redos: [], undos: [] };
+    if (l.length > 0) {
+      const m = this._sheetDrawingService.getBatchUpdateOp(l), { undo: w, redo: g, objects: _ } = m;
+      c.push({ id: b.id, params: { unitId: t, subUnitId: o, op: g, objects: _, type: y.UPDATE } }), u.push({ id: b.id, params: { unitId: t, subUnitId: o, op: w, objects: _, type: y.UPDATE } });
+    }
+    if (h.length > 0) {
+      const m = this._sheetDrawingService.getBatchRemoveOp(h), w = m.undo, g = m.redo, _ = m.objects;
+      c.push({ id: b.id, params: { unitId: t, subUnitId: o, op: g, objects: _, type: y.REMOVE } }), u.push({ id: b.id, params: { unitId: t, subUnitId: o, op: w, objects: _, type: y.INSERT } });
+    }
+    return c.push({ id: N.id, params: [t] }), u.push({ id: N.id, params: [t] }), { redos: c, undos: u };
+  }
+  _expandCol(r, e, n, t, o = O.Position) {
+    const i = t - n + 1, { from: s, to: a } = r, { column: c } = s, { column: u } = a;
+    if (o === O.None)
+      return {
+        newSheetTransform: A({ ...e }, this._selectionRenderService),
+        newTransform: e
+      };
+    let d = null, l = null;
+    if (c >= n) {
+      const h = this._selectionRenderService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: s.row, endRow: a.row });
+      if (h == null)
+        return;
+      l = { ...e, left: (e.left || 0) + h.endX - h.startX }, d = A(l, this._selectionRenderService);
+    } else if (u >= t)
+      if (o === O.Both)
+        d = {
+          from: { ...s },
+          to: { ...a, column: u + i }
+        }, l = G(d, this._selectionRenderService);
+      else
+        return {
+          newSheetTransform: A({ ...e }, this._selectionRenderService),
+          newTransform: e
+        };
+    return d != null && l != null ? {
+      newSheetTransform: d,
+      newTransform: l
+    } : null;
+  }
+  _shrinkCol(r, e, n, t, o = O.Position) {
+    const i = t - n + 1, { from: s, to: a } = r, { column: c } = s, { column: u } = a;
+    if (o === O.None)
+      return {
+        newSheetTransform: A({ ...e }, this._selectionRenderService),
+        newTransform: e
+      };
+    let d = null, l = null;
+    if (c > t)
+      d = {
+        from: { ...s, column: c - i },
+        to: { ...a, column: u - i }
+      }, l = G(d, this._selectionRenderService);
+    else {
+      if (c >= n && u <= t)
+        return null;
+      if (c < n && u > t)
+        if (o === O.Both)
+          d = {
+            from: { ...s },
+            to: { ...a, column: u - i }
+          }, l = G(d, this._selectionRenderService);
+        else
+          return {
+            newSheetTransform: A({ ...e }, this._selectionRenderService),
+            newTransform: e
+          };
+      else if (c >= n && c <= t) {
+        if (c === n)
+          l = { ...e, left: (e.left || 0) - r.from.columnOffset };
+        else {
+          const h = this._selectionRenderService.attachRangeWithCoord({ startColumn: n, endColumn: c - 1, startRow: s.row, endRow: a.row });
+          if (h == null)
+            return;
+          l = { ...e, left: (e.left || 0) - h.endX + h.startX - r.from.columnOffset };
+        }
+        d = A(l, this._selectionRenderService);
+      } else if (u >= n && u <= t && o === O.Both) {
+        const h = this._selectionRenderService.attachRangeWithCoord({
+          startColumn: n - 1,
+          endColumn: n - 1,
+          startRow: s.row,
+          endRow: a.row
+        });
+        if (h == null)
+          return;
+        d = {
+          from: { ...s },
+          to: { ...a, column: n - 1, columnOffset: h.endX - h.startX }
+        }, l = G(d, this._selectionRenderService);
+      }
+    }
+    return d != null && l != null ? {
+      newSheetTransform: d,
+      newTransform: l
+    } : null;
+  }
+  _expandRow(r, e, n, t, o = O.Position) {
+    const i = t - n + 1, { from: s, to: a } = r, { row: c } = s, { row: u } = a;
+    if (o === O.None)
+      return {
+        newSheetTransform: A({ ...e }, this._selectionRenderService),
+        newTransform: e
+      };
+    let d = null, l = null;
+    if (c >= n) {
+      const h = this._selectionRenderService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: s.column, endColumn: a.column });
+      if (h == null)
+        return;
+      l = { ...e, top: (e.top || 0) + h.endY - h.startY }, d = A(l, this._selectionRenderService);
+    } else if (u >= t)
+      if (o === O.Both)
+        d = {
+          from: { ...s },
+          to: {
+            ...a,
+            row: u + i
+          }
+        }, l = G(d, this._selectionRenderService);
+      else
+        return {
+          newSheetTransform: A({ ...e }, this._selectionRenderService),
+          newTransform: e
+        };
+    return d != null && l != null ? {
+      newSheetTransform: d,
+      newTransform: l
+    } : null;
+  }
+  _shrinkRow(r, e, n, t, o = O.Position) {
+    const i = t - n + 1, { from: s, to: a } = r, { row: c } = s, { row: u } = a;
+    if (o === O.None)
+      return {
+        newSheetTransform: A({ ...e }, this._selectionRenderService),
+        newTransform: e
+      };
+    let d = null, l = null;
+    if (c > t)
+      d = {
+        from: { ...s, row: c - i },
+        to: { ...a, row: u - i }
+      }, l = G(d, this._selectionRenderService);
+    else {
+      if (c >= n && u <= t)
+        return null;
+      if (c < n && u > t)
+        if (o === O.Both)
+          d = {
+            from: { ...s },
+            to: { ...a, row: u - i }
+          }, l = G(d, this._selectionRenderService);
+        else
+          return {
+            newSheetTransform: A({ ...e }, this._selectionRenderService),
+            newTransform: e
+          };
+      else if (c >= n && c <= t) {
+        if (c === n)
+          l = { ...e, top: (e.top || 0) - r.from.rowOffset };
+        else {
+          const h = this._selectionRenderService.attachRangeWithCoord({ startRow: n, endRow: c - 1, startColumn: s.column, endColumn: a.column });
+          if (h == null)
+            return;
+          l = { ...e, top: (e.top || 0) - h.endY + h.startY - r.from.rowOffset };
+        }
+        d = A(l, this._selectionRenderService);
+      } else if (u >= n && u <= t && o === O.Both) {
+        const h = this._selectionRenderService.attachRangeWithCoord({ startColumn: s.column, endColumn: s.column, startRow: n - 1, endRow: n - 1 });
+        if (h == null)
+          return;
+        d = {
+          from: { ...s },
+          to: { ...a, row: n - 1, rowOffset: h.endY - h.startY }
+        }, l = G(d, this._selectionRenderService);
+      }
+    }
+    return d != null && l != null ? {
+      newSheetTransform: d,
+      newTransform: l
+    } : null;
+  }
+  _commandListener() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((r) => {
+        if (r.id === Dn.id) {
+          const e = r.params, { unitId: n, subUnitId: t } = e, o = this._drawingManagerService.drawingManagerData, i = [], s = [];
+          Object.keys(o).forEach((a) => {
+            const c = o[a];
+            Object.keys(c).forEach((u) => {
+              const d = c[u].data;
+              d != null && Object.keys(d).forEach((l) => {
+                a === n && u === t ? i.push(d[l]) : s.push(d[l]);
+              });
+            });
+          }), this._drawingManagerService.removeNotification(s), this._drawingManagerService.addNotification(i);
+        }
+      })
+    );
+  }
+  _sheetRefreshListener() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((r) => {
+        br.includes(r.id) && requestIdleCallback(() => {
+          const e = r.params, { unitId: n, subUnitId: t, ranges: o } = e;
+          this._refreshDrawingTransform(n, t, o);
+        });
+      })
+    );
+  }
+  _refreshDrawingTransform(r, e, n) {
+    const t = this._drawingManagerService.getDrawingData(r, e), o = [];
+    Object.keys(t).forEach((i) => {
+      const s = t[i], { sheetTransform: a, anchorType: c = O.Position } = s;
+      if (c === O.None)
+        return !0;
+      const { from: u, to: d } = a, { row: l, column: h } = u, { row: m, column: w } = d;
+      for (let g = 0; g < n.length; g++) {
+        const _ = n[g], { startRow: I, endRow: C, startColumn: v, endColumn: R } = _;
+        if (Wt.intersects(
+          {
+            startRow: I,
+            endRow: C,
+            startColumn: v,
+            endColumn: R
+          },
+          {
+            startRow: l,
+            endRow: m,
+            startColumn: h,
+            endColumn: w
+          }
+        ) || l > C || h > R) {
+          o.push({
+            ...s,
+            transform: G(a, this._selectionRenderService)
+          });
+          break;
+        }
+      }
+    }), o.length !== 0 && (this._drawingManagerService.refreshTransform(o), this._commandService.syncExecuteCommand(N.id, [r]));
+  }
+};
+Se = Mr([
+  Ie(De.Rendered, Se),
+  te(0, W),
+  te(1, B(Mn)),
+  te(2, X),
+  te(3, q),
+  te(4, Oe),
+  te(5, le)
+], Se);
+var yr = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, Er = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? Tr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
+  return t && o && yr(e, n, o), o;
+}, k = (r, e) => (n, t) => e(n, t, r);
+function Pr(r, e, n, t) {
+  const { scaleX: o, scaleY: i } = e.getAncestorScale(), s = e.getViewport(Qt.VIEW_MAIN), a = {
+    left: !0,
+    top: !0
+  };
+  if (!s)
+    return {
+      ...r,
+      absolute: a
+    };
+  const { left: c, right: u, top: d, bottom: l } = r, h = t.getFreeze(), { startColumn: m, startRow: w, xSplit: g, ySplit: _ } = h, I = n.getNoMergeCellPositionByIndexWithNoHeader(w - _, m - g), C = n.getNoMergeCellPositionByIndexWithNoHeader(w, m), { rowHeaderWidth: v, columnHeaderHeight: R } = n, p = C.startX - I.startX, M = C.startY - I.startY, { top: f, left: E, viewportScrollX: D, viewportScrollY: P } = s;
+  let U, T;
+  c < E ? (a.left = !0, U = (p + v + (c - E)) * o, T = Math.max(
+    Math.min(
+      (p + v + (u - E)) * o,
+      (p + v) * o
+    ),
+    (u - D) * o
+  )) : (a.left = !1, U = Math.max((c - D) * o, (p + v) * o), T = Math.max((u - D) * o, (p + v) * o));
+  let S, L;
+  return d < f ? (a.top = !0, S = (M + R + (d - f)) * i, L = Math.max(
+    Math.min(
+      (M + R + (u - f)) * i,
+      (M + R) * i
+    ),
+    (l - P) * i
+  )) : (a.top = !1, S = Math.max((d - P) * i, (M + R) * i), L = Math.max((l - P) * i, (M + R) * i)), {
+    left: U,
+    right: T,
+    top: S,
+    bottom: L,
+    absolute: a
+  };
+}
+const Ae = (r, e, n, t) => {
+  const { scene: o } = e, { left: i, top: s, width: a, height: c, angle: u } = r, d = {
+    left: i,
+    right: i + a,
+    top: s,
+    bottom: s + c
+  }, l = Pr(d, o, n, t);
+  return {
+    startX: l.left,
+    endX: l.right,
+    startY: l.top,
+    endY: l.bottom,
+    rotate: u,
+    width: a,
+    height: c,
+    absolute: l.absolute
+  };
+};
+let We = class extends Me {
+  constructor(e, n, t, o, i, s, a, c) {
+    super();
+    F(this, "_domLayerMap", /* @__PURE__ */ new Map());
+    F(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    F(this, "_transformChange$", new Ye());
+    F(this, "transformChange$", this._transformChange$.asObservable());
+    F(this, "_remove$", new Ye());
+    F(this, "remove$", this._remove$.asObservable());
+    this._renderManagerService = e, this._univerInstanceService = n, this._sheetSkeletonManagerService = t, this._commandService = o, this._drawingManagerService = i, this._selectionRenderService = s, this._canvasFloatDomService = a, this._sheetDrawingService = c, this._drawingAddListener(), this._scrollUpdateListener(), this._featureUpdateListener(), this._deleteListener();
+  }
+  _ensureMap(e, n) {
+    let t = this._domLayerMap.get(e);
+    t || (t = /* @__PURE__ */ new Map(), this._domLayerMap.set(e, t));
+    let o = t.get(n);
+    return o || (o = /* @__PURE__ */ new Map(), t.set(n, o)), o;
+  }
+  _getSceneAndTransformerByDrawingSearch(e) {
+    if (e == null)
+      return;
+    const n = this._renderManagerService.getRenderById(e), t = n == null ? void 0 : n.scene;
+    if (n == null || t == null)
+      return null;
+    const o = t.getTransformerByCreate(), i = n.engine.getCanvasElement();
+    return { scene: t, transformer: o, renderObject: n, canvas: i };
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _drawingAddListener() {
+    this.disposeWithMe(
+      // eslint-disable-next-line max-lines-per-function
+      this._drawingManagerService.add$.subscribe((e) => {
+        e.forEach((n) => {
+          const { unitId: t, subUnitId: o, drawingId: i } = n, s = ne(this._univerInstanceService, { unitId: t, subUnitId: o }), a = this._drawingManagerService.getDrawingByParam(n), c = this._sheetSkeletonManagerService.getUnitSkeleton(t, o);
+          if (a == null || s == null || c == null)
+            return;
+          const { transform: u, drawingType: d } = a;
+          if (d !== Ee.DRAWING_DOM)
+            return;
+          const l = this._getSceneAndTransformerByDrawingSearch(t);
+          if (l == null)
+            return;
+          const { scene: h, canvas: m } = l;
+          if (u == null)
+            return !0;
+          const { left: w, top: g, width: _, height: I, angle: C, flipX: v, flipY: R, skewX: p, skewY: M } = u, f = on({ unitId: t, subUnitId: o, drawingId: i }), E = h.getObject(f);
+          if (E != null) {
+            E.transformByState({ left: w, top: g, width: _, height: I, angle: C, flipX: v, flipY: R, skewX: p, skewY: M });
+            return;
+          }
+          const D = {
+            left: w,
+            top: g,
+            width: _,
+            height: I,
+            zIndex: this._drawingManagerService.getDrawingOrder(t, o).length - 1
+          }, P = new Vt(f, D);
+          h.addObject(P, Ft).attachTransformerTo(P);
+          const U = new Bt(), T = Ae(P, l.renderObject, c.skeleton, s.worksheet), S = new en(T), L = {
+            dispose: U,
+            rect: P,
+            position$: S,
+            unitId: t,
+            subUnitId: o
+          };
+          this._canvasFloatDomService.addFloatDom({
+            position$: S,
+            id: i,
+            componentKey: a.componentKey,
+            onPointerDown: (x) => {
+              m.dispatchEvent(new PointerEvent(x.type, x));
+            },
+            onPointerMove: (x) => {
+              m.dispatchEvent(new PointerEvent(x.type, x));
+            },
+            onPointerUp: (x) => {
+              m.dispatchEvent(new PointerEvent(x.type, x));
+            },
+            onWheel: (x) => {
+              m.dispatchEvent(new WheelEvent(x.type, x));
+            }
+          });
+          const H = P.onTransformChangeObservable.add(() => {
+            const x = Ae(P, l.renderObject, c.skeleton, s.worksheet);
+            S.next(
+              x
+            );
+          });
+          U.add(() => {
+            this._canvasFloatDomService.removeFloatDom(i);
+          }), H && U.add(H), this._domLayerInfoMap.set(i, L);
+        });
+      })
+    );
+  }
+  _scrollUpdateListener() {
+    this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
+      var t, o;
+      const n = (i, s) => {
+        const a = this._getSceneAndTransformerByDrawingSearch(i), c = this._ensureMap(i, s), u = Array.from(c.keys()), d = ne(this._univerInstanceService, { unitId: i, subUnitId: s }), l = this._sheetSkeletonManagerService.getUnitSkeleton(i, s);
+        !a || !d || !l || u.forEach((h) => {
+          const m = this._domLayerInfoMap.get(h);
+          if (m) {
+            const w = Ae(m.rect, a.renderObject, l.skeleton, d.worksheet);
+            m.position$.next(w);
+          }
+        });
+      };
+      if (e.id === Jt.id) {
+        const i = e.params, { unitId: s, sheetId: a } = i;
+        n(s, a);
+      } else if (e.id === Zt.id) {
+        const i = e.params, { unitId: s } = i;
+        Array.from((o = (t = this._domLayerMap.get(s)) == null ? void 0 : t.keys()) != null ? o : []).forEach((c) => {
+          n(s, c);
+        });
+      } else if (e.id === On.id) {
+        const { unitId: i, subUnitId: s } = e.params;
+        n(i, s);
+      }
+    }));
+  }
+  _getPosition(e) {
+    const { startX: n, endX: t, startY: o, endY: i } = e, s = this._selectionRenderService.getSelectionCellByPosition(n, o);
+    if (s == null)
+      return;
+    const a = {
+      column: s.actualColumn,
+      columnOffset: n - s.startX,
+      row: s.actualRow,
+      rowOffset: o - s.startY
+    }, c = this._selectionRenderService.getSelectionCellByPosition(t, i);
+    if (c == null)
+      return;
+    const u = {
+      column: c.actualColumn,
+      columnOffset: t - c.startX,
+      row: c.actualRow,
+      rowOffset: i - c.startY
+    };
+    return {
+      from: a,
+      to: u
+    };
+  }
+  _featureUpdateListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.update$.subscribe((e) => {
+        e.forEach((n) => {
+          const t = this._drawingManagerService.getDrawingByParam(n);
+          if (!t || t.drawingType !== Ee.DRAWING_DOM)
+            return;
+          const o = {
+            ...t.transform
+          };
+          this._transformChange$.next({ id: n.drawingId, value: o });
+        });
+      })
+    );
+  }
+  _deleteListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.remove$.subscribe((e) => {
+        e.forEach((n) => {
+          this._removeDom(n.drawingId);
+        });
+      })
+    );
+  }
+  addFloatDomToPosition(e) {
+    const n = ne(this._univerInstanceService, {
+      unitId: e.unitId,
+      subUnitId: e.subUnitId
+    });
+    if (!n)
+      throw new Error("cannot find current target!");
+    const { unitId: t, subUnitId: o } = n, { initPosition: i, componentKey: s } = e, a = qe.generateRandomId(), c = this._getPosition(i);
+    if (c == null)
+      return;
+    const u = {
+      unitId: t,
+      subUnitId: o,
+      drawingId: a,
+      drawingType: Ee.DRAWING_DOM,
+      componentKey: s,
+      sheetTransform: c,
+      transform: {
+        left: i.startX,
+        top: i.startY,
+        width: i.endX - i.startX,
+        height: i.endY - i.startY
+      }
+    };
+    return this._commandService.executeCommand(Ve.id, {
+      unitId: t,
+      drawings: [u]
+    }), this._ensureMap(t, o).set(a, e), {
+      id: a,
+      dispose: () => {
+        this._removeDom(a, !0);
+      }
+    };
+  }
+  _removeDom(e, n = !1) {
+    const t = this._domLayerInfoMap.get(e);
+    if (!t)
+      return;
+    const { unitId: o, subUnitId: i } = t, s = this._ensureMap(o, i);
+    this._domLayerInfoMap.delete(e), s.delete(e), t.dispose.dispose();
+    const a = this._getSceneAndTransformerByDrawingSearch(o);
+    if (a && a.scene.removeObject(t.rect), n) {
+      const c = this._drawingManagerService.getDrawingByParam({ unitId: o, subUnitId: i, drawingId: e });
+      if (!c)
+        return;
+      const u = this._sheetDrawingService.getBatchRemoveOp([c]), { redo: d, objects: l } = u;
+      this._commandService.syncExecuteCommand(b.id, { unitId: o, subUnitId: i, op: d, objects: l, type: y.REMOVE });
+    }
+  }
+};
+We = Er([
+  k(0, B(de)),
+  k(1, le),
+  k(2, B(qt)),
+  k(3, B(W)),
+  k(4, q),
+  k(5, Oe),
+  k(6, B(fn)),
+  k(7, X)
+], We);
+var Ur = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, Nr = (r, e, n, t) => {
+  for (var o = t > 1 ? void 0 : t ? Ar(e, n) : e, i = r.length - 1, s; i >= 0; i--)
+    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
+  return t && o && Ur(e, n, o), o;
+}, Ke = (r, e) => (n, t) => e(n, t, r);
+const jr = "SHEETS_IMAGE_UI_PLUGIN";
+var we;
+let Je = (we = class extends xt {
+  constructor(e = {}, n, t) {
+    super();
+    F(this, "_pluginConfig");
+    this._injector = n, this._localeService = t, this._pluginConfig = qe.deepMerge({}, Rr, e);
+  }
+  onStarting(e) {
+    super.onStarting(e), this._initDependencies(e);
+  }
+  _initDependencies(e) {
+    [
+      // services
+      [We],
+      // controllers
+      [
+        se,
+        {
+          useFactory: () => this._injector.createInstance(se, this._pluginConfig)
+        }
+      ],
+      [ve],
+      [_e],
+      [Se]
+    ].forEach((t) => e.add(t));
+  }
+}, F(we, "type", ee.UNIVER_SHEET), F(we, "pluginName", jr), we);
+Je = Nr([
+  Ke(1, B(Be)),
+  Ke(2, B(ce))
+], Je);
+export {
+  We as SheetCanvasFloatDomManagerService,
+  Je as UniverSheetsDrawingUIPlugin
+};