@univerjs/sheets-drawing-ui 0.1.13-nightly.202406041140

package/lib/es/index.js

@@ -0,0 +1,2056 @@
+var Ut = Object.defineProperty;
+var At = (t, e, n) => e in t ? Ut(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var $ = (t, e, n) => (At(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { CommandType as G, 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 Je, Disposable as Me, Direction as K, FOCUSING_FORMULA_EDITOR as Lt, EDITOR_ACTIVATED as jt, Rectangle as Wt, DrawingTypeEnum as Ee, DisposableCollection as Bt, Tools as Ze, Plugin as kt, DependentOn as xt } from "@univerjs/core";
+import { Inject as B, Injector as Be } from "@wendellhu/redi";
+import { ImageCropperObject as Gt, COMPONENT_IMAGE_POPUP_MENU as Vt, OpenImageCropOperation as Ft, ImageResetSizeOperation as Yt, DrawingCommonPanel as Xt, UniverDrawingUIPlugin as $t } from "@univerjs/drawing-ui";
+import { ISheetDrawingService as Y, SetDrawingApplyMutation as b, DrawingApplyType as O, SheetDrawingAnchorType as y, UniverSheetsDrawingPlugin as Ht } from "@univerjs/sheets-drawing";
+import { IDrawingManagerService as q, IImageIoService as qe, ArrangeTypeEnum as he, DrawingTypeEnum as ke, DRAWING_IMAGE_COUNT_LIMIT as Fe, ImageUploadStatusType as Pe, DRAWING_IMAGE_ALLOW_SIZE as zt, getImageSize as Kt, DRAWING_IMAGE_WIDTH_LIMIT as Ye, DRAWING_IMAGE_HEIGHT_LIMIT as Xe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Jt, getDrawingShapeKeyByDrawingSearch as Zt, UniverDrawingPlugin as qt } from "@univerjs/drawing";
+import { IRenderManagerService as de, getGroupState as Qt, transformObjectOutOfGroup as en, precisionTo as J, Rect as tn, DRAWING_OBJECT_LAYER_INDEX as nn } from "@univerjs/engine-render";
+import { SheetCanvasPopManagerService as rn, ISelectionRenderService as ye, SetScrollOperation as on, SetZoomRatioOperation as sn, SheetSkeletonManagerService as an, VIEWPORT_KEY as cn } from "@univerjs/sheets-ui";
+import { takeUntil as $e, Subject as He, BehaviorSubject as ln } from "rxjs";
+import { ISidebarService as dn, BuiltInUIPart as un, IUIPartsService as mn, IMessageService as hn, MenuItemType as Qe, MenuPosition as gn, MenuGroup as fn, getMenuHiddenObservable as et, KeyCode as re, ComponentManager as pn, IMenuService as wn, IShortcutService as _n, CanvasFloatDomService as vn } from "@univerjs/ui";
+import { useDependency as Z, connectInjector as Sn } from "@wendellhu/redi/react-bindings";
+import { getSheetCommandTarget as ne, SelectionManagerService as Cn, InsertRowCommand as tt, InsertColCommand as nt, RemoveRowCommand as rt, RemoveColCommand as ot, DeleteRangeMoveLeftCommand as it, DeleteRangeMoveUpCommand as st, InsertRangeMoveDownCommand as at, InsertRangeMoveRightCommand as ct, DeltaRowHeightCommand as Ne, SetRowHeightCommand as Le, DeltaColumnWidthCommand as lt, SetColWidthCommand as dt, SetRowHiddenCommand as ut, SetSpecificRowsVisibleCommand as mt, SetSpecificColsVisibleCommand as ht, SetColHiddenCommand as gt, SetRowVisibleMutation as Rn, SetRowHiddenMutation as In, SetColVisibleMutation as Dn, SetColHiddenMutation as Mn, SetWorksheetRowHeightMutation as yn, SetWorksheetColWidthMutation as bn, SetWorksheetActiveOperation as On, SheetInterceptorService as Tn, SetFrozenMutation as En } from "@univerjs/sheets";
+import L, { useEffect as xe, forwardRef as ft, useRef as pt, createElement as wt, useState as je } from "react";
+import { MessageType as ge, RadioGroup as Pn, Radio as Ue } from "@univerjs/design";
+import fe from "clsx";
+const N = {
+  id: "sheet.operation.clear-drawing-transformer",
+  type: G.MUTATION,
+  handler: (t, e) => {
+    const n = t.get(de);
+    return e.forEach((r) => {
+      var o, i;
+      (i = (o = n.getRenderById(r)) == null ? void 0 : o.scene.getTransformer()) == null || i.debounceRefreshControls();
+    }), !0;
+  }
+}, Ge = {
+  id: "sheet.command.remove-sheet-image",
+  type: G.COMMAND,
+  handler: (t, e) => {
+    const n = t.get(W), r = t.get(oe), o = t.get(Y);
+    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: O.REMOVE }) ? (r.pushUndoRedo({
+      unitID: c,
+      undoMutations: [
+        { id: b.id, params: { unitId: c, subUnitId: u, op: d, objects: h, type: O.INSERT } },
+        { id: N.id, params: s }
+      ],
+      redoMutations: [
+        { id: b.id, params: { unitId: c, subUnitId: u, op: l, objects: h, type: O.REMOVE } },
+        { id: N.id, params: s }
+      ]
+    }), !0) : !1;
+  }
+}, _t = "COMPONENT_SHEET_DRAWING_PANEL", vt = {
+  id: "sidebar.operation.sheet-image",
+  type: G.COMMAND,
+  handler: async (t, e) => {
+    const n = t.get(dn), r = t.get(ce), o = t.get(le), i = t.get(q);
+    if (!ne(o))
+      return !1;
+    switch (e.value) {
+      case "open":
+        n.open({
+          header: { title: r.t("sheetImage.panel.title") },
+          children: { label: _t },
+          onClose: () => {
+            i.focusDrawing(null);
+          },
+          width: 360
+        });
+        break;
+      case "close":
+      default:
+        n.close();
+        break;
+    }
+    return !0;
+  }
+}, St = {
+  id: "sheet.operation.edit-sheet-image",
+  type: G.OPERATION,
+  handler: (t, e) => {
+    const n = t.get(q), r = t.get(W);
+    return e == null ? !1 : (n.focusDrawing([e]), r.executeCommand(vt.id, { value: "open" }), !0);
+  }
+}, Un = "univer-upload-loading", An = "univer-upload-loading-body", Nn = "univer-upload-loading-body-animation", Ln = "univer-UniverCircleAnimation", jn = "univer-upload-loading-body-text", pe = {
+  uploadLoading: Un,
+  uploadLoadingBody: An,
+  uploadLoadingBodyAnimation: Nn,
+  univerCircleAnimation: Ln,
+  uploadLoadingBodyText: jn
+}, Wn = () => {
+  const t = Z(qe), e = Z(ce), [n, r] = L.useState(0);
+  return xe(() => {
+    const o = t.change$.subscribe((i) => {
+      r(i);
+    });
+    return () => {
+      o.unsubscribe();
+    };
+  }, [t]), /* @__PURE__ */ L.createElement("div", { style: { display: n > 0 ? "block" : "none" }, className: pe.uploadLoading }, /* @__PURE__ */ L.createElement("div", { className: pe.uploadLoadingBody }, /* @__PURE__ */ L.createElement("div", { className: pe.uploadLoadingBodyAnimation }), /* @__PURE__ */ L.createElement("div", { className: pe.uploadLoadingBodyText }, `${e.t("uploadLoading.loading")}: ${n}`)));
+};
+var Bn = (t, e, n, r) => {
+  for (var o = e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (o = s(o) || o);
+  return o;
+}, Q = (t, e) => (n, r) => e(n, r, t);
+let we = class extends Nt {
+  constructor(e, n, r, o, i, s, a) {
+    super();
+    $(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = r, this._renderManagerService = o, this._univerInstanceService = i, this._contextService = s, this._uiPartsService = a, this._init();
+  }
+  _init() {
+    this._univerInstanceService.getCurrentTypeOfUnit$(ee.UNIVER_SHEET).pipe($e(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(ee.UNIVER_SHEET).pipe($e(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(ee.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(un.CONTENT, () => Sn(Wn, 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 r of n)
+      if (r instanceof Gt)
+        return !0;
+    return !1;
+  }
+  _popupMenuListener(e) {
+    var i;
+    const n = (i = this._renderManagerService.getRenderById(e)) == null ? void 0 : i.scene;
+    if (!n)
+      return;
+    const r = n.getTransformerByCreate();
+    if (!r)
+      return;
+    const o = [];
+    this.disposeWithMe(
+      Te(
+        r.onCreateControlObservable.add(() => {
+          if (this._contextService.setContextValue(ae, !0), this._hasCropObject(n))
+            return;
+          const s = r.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: Vt,
+            direction: "horizontal",
+            offset: [2, 0],
+            extraProps: {
+              menuItems: this._getImageMenuItems(d, l, h)
+            }
+          }))), this._drawingManagerService.focusDrawing([{
+            unitId: d,
+            subUnitId: l,
+            drawingId: h
+          }]);
+        })
+      )
+    ), this.disposeWithMe(
+      Te(
+        r.onClearControlObservable.add(() => {
+          o.forEach((s) => s.dispose()), this._contextService.setContextValue(ae, !1), this._drawingManagerService.focusDrawing(null);
+        })
+      )
+    ), this.disposeWithMe(
+      Te(
+        r.onChangingObservable.add(() => {
+          o.forEach((s) => s.dispose());
+        })
+      )
+    );
+  }
+  _getImageMenuItems(e, n, r) {
+    return [
+      {
+        label: "image-popup.edit",
+        index: 0,
+        commandId: St.id,
+        commandParams: { unitId: e, subUnitId: n, drawingId: r },
+        disable: !1
+      },
+      {
+        label: "image-popup.delete",
+        index: 1,
+        commandId: Ge.id,
+        commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: r }] },
+        disable: !1
+      },
+      {
+        label: "image-popup.crop",
+        index: 2,
+        commandId: Ft.id,
+        commandParams: { unitId: e, subUnitId: n, drawingId: r },
+        disable: !1
+      },
+      {
+        label: "image-popup.reset",
+        index: 3,
+        commandId: Yt.id,
+        commandParams: [{ unitId: e, subUnitId: n, drawingId: r }],
+        disable: !1
+      }
+    ];
+  }
+};
+we = Bn([
+  Ie(De.Steady, we),
+  Q(0, B(Be)),
+  Q(1, q),
+  Q(2, B(rn)),
+  Q(3, de),
+  Q(4, le),
+  Q(5, Je),
+  Q(6, B(mn))
+], we);
+const be = {
+  id: "sheet.operation.insert-float-image",
+  type: G.OPERATION,
+  handler: (t, e) => !0
+}, Se = {
+  id: "sheet.operation.insert-cell-image",
+  type: G.OPERATION,
+  handler: (t, e) => !0
+}, Ve = {
+  id: "sheet.command.insert-sheet-image",
+  type: G.COMMAND,
+  handler: (t, e) => {
+    const n = t.get(W), r = t.get(oe), o = t.get(Y);
+    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: O.INSERT }) ? (r.pushUndoRedo({
+      unitID: c,
+      undoMutations: [
+        { id: b.id, params: { op: d, unitId: c, subUnitId: u, objects: h, type: O.REMOVE } },
+        { id: N.id, params: s }
+      ],
+      redoMutations: [
+        { id: b.id, params: { op: l, unitId: c, subUnitId: u, objects: h, type: O.INSERT } },
+        { id: N.id, params: s }
+      ]
+    }), !0) : !1;
+  }
+}, Oe = {
+  id: "sheet.command.set-sheet-image",
+  type: G.COMMAND,
+  handler: (t, e) => {
+    const n = t.get(W), r = t.get(oe), o = t.get(Y);
+    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: O.UPDATE }) ? (r.pushUndoRedo({
+      unitID: a,
+      undoMutations: [
+        { id: b.id, params: { unitId: a, subUnitId: c, op: u, objects: l, type: O.UPDATE } },
+        { id: N.id, params: [a] }
+      ],
+      redoMutations: [
+        { id: b.id, params: { unitId: a, subUnitId: c, op: d, objects: l, type: O.UPDATE } },
+        { id: N.id, params: [a] }
+      ]
+    }), !0) : !1;
+  }
+}, Ct = {
+  id: "sheet.command.set-drawing-arrange",
+  type: G.COMMAND,
+  handler: (t, e) => {
+    const n = t.get(W), r = t.get(oe);
+    if (!e)
+      return !1;
+    const o = t.get(Y), { 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: O.ARRANGE }) ? (r.pushUndoRedo({
+      unitID: i,
+      undoMutations: [
+        { id: b.id, params: { op: m, unitId: i, subUnitId: s, objects: l, type: O.ARRANGE } }
+      ],
+      redoMutations: [
+        { id: b.id, params: { op: h, unitId: i, subUnitId: s, objects: l, type: O.ARRANGE } }
+      ]
+    }), !0) : !1;
+  }
+};
+function kn(t) {
+  const e = [];
+  return t.forEach((n) => {
+    const { parent: r, children: o } = n, { unitId: i, subUnitId: s, drawingId: a } = r, c = Qt(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: ke.DRAWING_GROUP,
+      transform: c
+    };
+    e.push({
+      parent: d,
+      children: u
+    });
+  }), e;
+}
+function xn(t) {
+  const e = [];
+  return t.forEach((n) => {
+    const { parent: r, children: o } = n, { unitId: i, subUnitId: s, drawingId: a, transform: c = { width: 0, height: 0 } } = r;
+    if (c == null)
+      return;
+    const u = o.map((l) => {
+      const { transform: h } = l, { unitId: m, subUnitId: w, drawingId: g } = l, _ = en(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: ke.DRAWING_GROUP,
+      transform: {
+        left: 0,
+        top: 0
+      }
+    };
+    e.push({
+      parent: d,
+      children: u
+    });
+  }), e;
+}
+const Rt = {
+  id: "sheet.command.group-sheet-image",
+  type: G.COMMAND,
+  handler: (t, e) => {
+    const n = t.get(W), r = t.get(oe), o = t.get(Y);
+    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: O.GROUP }) ? (r.pushUndoRedo({
+      unitID: a,
+      undoMutations: [
+        { id: b.id, params: { op: u, unitId: a, subUnitId: c, objects: xn(l), type: O.UNGROUP } },
+        { id: N.id, params: i }
+      ],
+      redoMutations: [
+        { id: b.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: O.GROUP } },
+        { id: N.id, params: i }
+      ]
+    }), !0) : !1;
+  }
+}, It = {
+  id: "sheet.command.ungroup-sheet-image",
+  type: G.COMMAND,
+  handler: (t, e) => {
+    const n = t.get(W), r = t.get(oe), o = t.get(Y);
+    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: O.UNGROUP }) ? (r.pushUndoRedo({
+      unitID: a,
+      undoMutations: [
+        { id: b.id, params: { op: u, unitId: a, subUnitId: c, objects: kn(l), type: O.GROUP } },
+        { id: N.id, params: i }
+      ],
+      redoMutations: [
+        { id: b.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: O.UNGROUP } },
+        { id: N.id, params: i }
+      ]
+    }), !0) : !1;
+  }
+};
+function x(t, e) {
+  const { from: n, to: r } = t, { column: o, columnOffset: i, row: s, rowOffset: a } = n, { column: c, columnOffset: u, row: d, rowOffset: l } = r, 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(t, e) {
+  const { left: n = 0, top: r = 0, width: o = 0, height: i = 0 } = t, s = e.getSelectionCellByPosition(n, r);
+  if (s == null)
+    return;
+  const a = {
+    column: s.actualColumn,
+    columnOffset: J(n - s.startX, 1),
+    row: s.actualRow,
+    rowOffset: J(r - s.startY, 1)
+  }, c = e.getSelectionCellByPosition(n + o, r + i);
+  if (c == null)
+    return;
+  const u = {
+    column: c.actualColumn,
+    columnOffset: J(n + o - c.startX, 1),
+    row: c.actualRow,
+    rowOffset: J(r + i - c.startY, 1)
+  };
+  return {
+    from: a,
+    to: u
+  };
+}
+var Gn = (t, e, n, r) => {
+  for (var o = e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (o = s(o) || o);
+  return o;
+}, F = (t, e) => (n, r) => e(n, r, t);
+let _e = class extends Me {
+  constructor(t, e, n, r, o, i, s, a, c, u, d) {
+    super(), this._commandService = t, this._univerInstanceService = e, this._selectionManagerService = n, this._selectionRenderService = r, 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 (t) => {
+        if (t.id === Se.id || t.id === be.id) {
+          const e = t.params;
+          if (e.files == null)
+            return;
+          const n = e.files.length;
+          if (n > Fe) {
+            this._messageService.show({
+              type: ge.Error,
+              content: this._localeService.t("update-status.exceedMaxCount", String(Fe))
+            });
+            return;
+          }
+          this._imageIoService.setWaitCount(n), t.id === Se.id ? e.files.forEach(async (r) => {
+            await this._insertCellImage(r);
+          }) : e.files.forEach(async (r) => {
+            await this._insertFloatImage(r);
+          });
+        }
+      })
+    );
+  }
+  async _insertCellImage(t) {
+  }
+  async _insertFloatImage(t) {
+    let e;
+    try {
+      e = await this._imageIoService.saveImage(t);
+    } 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(zt / (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: r, subUnitId: o } = n, { imageId: i, imageSourceType: s, source: a, base64Cache: c } = e, { width: u, height: d, image: l } = await Kt(c || ""), h = this._renderManagerService.getRenderById(r);
+    if (h == null)
+      return;
+    const { width: m, height: w } = h.scene;
+    this._imageIoService.addImageSourceCache(a, s, l);
+    let g = 1;
+    if (u > Ye || d > Xe) {
+      const C = Ye / u, v = Xe / d;
+      g = Math.max(C, v);
+    }
+    const _ = this._getImagePosition(u * g, d * g, m, w);
+    if (_ == null)
+      return;
+    const I = {
+      unitId: r,
+      subUnitId: o,
+      drawingId: i,
+      drawingType: ke.DRAWING_IMAGE,
+      imageSourceType: s,
+      source: a,
+      transform: x(_, this._selectionRenderService),
+      sheetTransform: _
+    };
+    this._commandService.executeCommand(Ve.id, {
+      unitId: r,
+      drawings: [I]
+    });
+  }
+  _getUnitInfo() {
+    const t = this._univerInstanceService.getCurrentUnitForType(ee.UNIVER_SHEET);
+    if (t == null)
+      return;
+    const e = t.getActiveSheet();
+    if (e == null)
+      return;
+    const n = t.getUnitId(), r = e.getSheetId();
+    return {
+      unitId: n,
+      subUnitId: r
+    };
+  }
+  _getImagePosition(t, e, n, r) {
+    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 + t > n && (u = n - t, u < 0 && (u = 0, t = n), l = !0), d + e > r && (d = r - e, d < 0 && (d = 0, e = r), 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 + t, d + e);
+    if (m == null)
+      return;
+    const w = {
+      column: m.actualColumn,
+      columnOffset: u + t - m.startX,
+      row: m.actualRow,
+      rowOffset: d + e - m.startY
+    };
+    return {
+      from: h,
+      to: w
+    };
+  }
+  _updateOrderListener() {
+    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((t) => {
+      const { unitId: e, subUnitId: n, drawingIds: r, arrangeType: o } = t;
+      this._commandService.executeCommand(Ct.id, {
+        unitId: e,
+        subUnitId: n,
+        drawingIds: r,
+        arrangeType: o
+      });
+    });
+  }
+  _updateImageListener() {
+    this._drawingManagerService.featurePluginUpdate$.subscribe((t) => {
+      const e = [];
+      t.length !== 0 && (t.forEach((n) => {
+        const { unitId: r, subUnitId: o, drawingId: i, drawingType: s, transform: a } = n;
+        if (a == null)
+          return;
+        const c = this._sheetDrawingService.getDrawingByParam({ unitId: r, 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, ...x(u, this._selectionRenderService) },
+          sheetTransform: { ...u }
+        };
+        e.push(d);
+      }), e.length > 0 && this._commandService.executeCommand(Oe.id, {
+        unitId: t[0].unitId,
+        drawings: e
+      }));
+    });
+  }
+  _groupDrawingListener() {
+    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((t) => {
+      this._commandService.executeCommand(Rt.id, t);
+      const { unitId: e, subUnitId: n, drawingId: r } = t[0].parent;
+      this._drawingManagerService.focusDrawing([{ unitId: e, subUnitId: n, drawingId: r }]);
+    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((t) => {
+      this._commandService.executeCommand(It.id, t);
+    });
+  }
+  _focusDrawingListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.focus$.subscribe((t) => {
+        t == null || t.length === 0 ? (this._contextService.setContextValue(ae, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(ae, !0), this._sheetDrawingService.focusDrawing(t));
+      })
+    );
+  }
+};
+_e = Gn([
+  Ie(De.Rendered, _e),
+  F(0, W),
+  F(1, le),
+  F(2, B(Cn)),
+  F(3, ye),
+  F(4, qe),
+  F(5, Y),
+  F(6, q),
+  F(7, Je),
+  F(8, hn),
+  F(9, B(ce)),
+  F(10, de)
+], _e);
+var V = function() {
+  return V = Object.assign || function(t) {
+    for (var e, n = 1, r = arguments.length; n < r; n++) {
+      e = arguments[n];
+      for (var o in e)
+        Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
+    }
+    return t;
+  }, V.apply(this, arguments);
+}, Vn = function(t, e) {
+  var n = {};
+  for (var r in t)
+    Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
+      e.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (n[r[o]] = t[r[o]]);
+  return n;
+}, Dt = ft(function(t, e) {
+  var n = t.icon, r = t.id, o = t.className, i = t.extend, s = Vn(t, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(r, " ").concat(o || "").trim(), c = pt("_".concat(Xn()));
+  return Mt(n, "".concat(r), { defIds: n.defIds, idSuffix: c.current }, V({ ref: e, className: a }, s), i);
+});
+function Mt(t, e, n, r, o) {
+  return wt(t.tag, V(V({ key: e }, Fn(t, n, o)), r), (Yn(t, n).children || []).map(function(i, s) {
+    return Mt(i, "".concat(e, "-").concat(t.tag, "-").concat(s), n, void 0, o);
+  }));
+}
+function Fn(t, e, n) {
+  var r = V({}, t.attrs);
+  n != null && n.colorChannel1 && r.fill === "colorChannel1" && (r.fill = n.colorChannel1);
+  var o = e.defIds;
+  return !o || o.length === 0 || (t.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(function(i) {
+    var s = i[0], a = i[1];
+    typeof a == "string" && (r[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), r;
+}
+function Yn(t, e) {
+  var n, r = e.defIds;
+  return !r || r.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? V(V({}, t), { children: t.children.map(function(o) {
+    return typeof o.attrs.id == "string" && r && r.indexOf(o.attrs.id) > -1 ? V(V({}, o), { attrs: V(V({}, o.attrs), { id: o.attrs.id + e.idSuffix }) }) : o;
+  }) }) : t;
+}
+function Xn() {
+  return Math.random().toString(36).substring(2, 8);
+}
+Dt.displayName = "UniverIcon";
+var $n = { 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" } }] }, yt = ft(function(t, e) {
+  return wt(Dt, Object.assign({}, t, {
+    id: "add-image-single",
+    ref: e,
+    icon: $n
+  }));
+});
+yt.displayName = "AddImageSingle";
+const Hn = "univer-upload-file-menu", zn = "univer-upload-file-menu-input", ze = {
+  uploadFileMenu: Hn,
+  uploadFileMenuInput: zn
+}, bt = "COMPONENT_UPLOAD_FILE_MENU";
+var Ce = /* @__PURE__ */ ((t) => (t[t.cellImage = 0] = "cellImage", t[t.floatImage = 1] = "floatImage", t))(Ce || {});
+const Kn = (t) => {
+  const { type: e } = t, n = Z(W), r = pt(null), o = () => {
+    var a;
+    (a = r.current) == null || a.click();
+  }, i = Jt.map((a) => `.${a.replace("image/", "")}`).join(","), s = (a) => {
+    const c = a.target.files;
+    if (c == null)
+      return;
+    const u = Array.from(c);
+    e === Ce.floatImage ? n.executeCommand(be.id, { files: u }) : e === Ce.cellImage && n.executeCommand(Se.id, { files: u }), r.current && (r.current.value = "");
+  };
+  return /* @__PURE__ */ L.createElement("div", { onClick: o, className: ze.uploadFileMenu }, /* @__PURE__ */ L.createElement(
+    "input",
+    {
+      type: "file",
+      className: ze.uploadFileMenuInput,
+      ref: r,
+      onChange: s,
+      accept: i,
+      multiple: !0
+    }
+  ));
+}, Ot = "addition-and-subtraction-single", Tt = "sheet.menu.image";
+function Jn(t) {
+  return {
+    id: Tt,
+    type: Qe.SUBITEMS,
+    positions: [gn.TOOLBAR_START],
+    group: fn.TOOLBAR_FORMULAS_INSERT,
+    icon: Ot,
+    tooltip: "sheetImage.title",
+    hidden$: et(t, ee.UNIVER_SHEET)
+  };
+}
+function Zn(t) {
+  return {
+    id: be.id,
+    title: "sheetImage.upload.float",
+    type: Qe.SELECTOR,
+    label: {
+      name: bt,
+      props: {
+        type: Ce.floatImage
+      }
+    },
+    positions: [Tt],
+    // disabled$: getCurrentSheetDisabled$(_accessor),
+    hidden$: et(t, 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 = (t) => {
+  var v;
+  const e = Z(W), n = Z(ce), r = Z(q), o = Z(de), { drawings: i } = t, 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] = je(!0), m = (v = s.anchorType) != null ? v : y.Position, [w, g] = je(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: j, sheetTransform: X } = D;
+      M.push({
+        unitId: P,
+        subUnitId: U,
+        drawingId: T,
+        anchorType: j,
+        sheetTransform: X,
+        drawingType: S
+      });
+    }), M;
+  }
+  xe(() => {
+    const R = d.onClearControlObservable.add((M) => {
+      M === !0 && h(!1);
+    }), p = d.onChangeStartObservable.add((M) => {
+      var D;
+      const { objects: f } = M, E = _(f, r);
+      if (E.length === 0)
+        h(!1);
+      else if (E.length >= 1) {
+        h(!0);
+        const P = ((D = E[0]) == null ? void 0 : D.anchorType) || y.Position;
+        g(P);
+      }
+    });
+    return () => {
+      p == null || p.dispose(), R == null || R.dispose();
+    };
+  }, []);
+  function I(R) {
+    g(R);
+    const p = r.getFocusDrawings();
+    if (p.length === 0)
+      return;
+    const M = p.map((f) => ({
+      unitId: f.unitId,
+      subUnitId: f.subUnitId,
+      drawingId: f.drawingId,
+      anchorType: R
+    }));
+    e.executeCommand(Oe.id, {
+      unitId: p[0].unitId,
+      drawings: M
+    });
+  }
+  const C = (R) => R ? "block" : "none";
+  return /* @__PURE__ */ L.createElement("div", { className: fe(z.imageCommonPanelGrid, z.imageCommonPanelBorder), style: { display: C(l) } }, /* @__PURE__ */ L.createElement("div", { className: z.imageCommonPanelRow }, /* @__PURE__ */ L.createElement("div", { className: fe(z.imageCommonPanelColumn, z.imageCommonPanelTitle) }, /* @__PURE__ */ L.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ L.createElement("div", { className: fe(z.imageCommonPanelRow) }, /* @__PURE__ */ L.createElement("div", { className: fe(z.imageCommonPanelColumn) }, /* @__PURE__ */ L.createElement(Pn, { value: w, onChange: I, direction: "vertical" }, /* @__PURE__ */ L.createElement(Ue, { value: y.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ L.createElement(Ue, { value: y.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ L.createElement(Ue, { value: y.None }, n.t("drawing-anchor.none"))))));
+}, hr = () => {
+  const t = Z(q), e = t.getFocusDrawings();
+  if (e == null || e.length === 0)
+    return;
+  const [n, r] = je(e);
+  return xe(() => {
+    const o = t.focus$.subscribe((i) => {
+      r(i);
+    });
+    return () => {
+      o.unsubscribe();
+    };
+  }, []), /* @__PURE__ */ L.createElement("div", { className: z.imageCommonPanel }, /* @__PURE__ */ L.createElement(Xt, { drawings: n }), /* @__PURE__ */ L.createElement(mr, { drawings: n }));
+}, ue = {
+  id: "sheet.command.move-drawing",
+  type: G.COMMAND,
+  handler: (t, e) => {
+    const n = t.get(W), r = t.get(Y), o = t.get(ye), { direction: i } = e, s = r.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(Oe.id, {
+      unitId: a,
+      drawings: c
+    }) ? (n.syncExecuteCommand(N.id, [a]), !0) : !1;
+  }
+}, Et = {
+  id: "sheet.command.delete-drawing",
+  type: G.COMMAND,
+  handler: (t) => {
+    const e = t.get(W), r = t.get(Y).getFocusDrawings();
+    if (r.length === 0)
+      return !1;
+    const o = r[0].unitId, i = r.map((s) => {
+      const { unitId: a, subUnitId: c, drawingId: u, drawingType: d } = s;
+      return {
+        unitId: a,
+        subUnitId: c,
+        drawingId: u,
+        drawingType: d
+      };
+    });
+    return e.executeCommand(Ge.id, {
+      unitId: o,
+      drawings: i
+    });
+  }
+};
+function me(t) {
+  return !t.getContextValue(Lt) && !t.getContextValue(jt) && t.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: Et.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 = (t, e, n, r) => {
+  for (var o = e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (o = s(o) || o);
+  return o;
+}, ie = (t, e) => (n, r) => e(n, r, t);
+const Sr = {};
+let se = class extends Me {
+  constructor(t, e, n, r, o, i) {
+    super(), this._config = t, this._injector = e, this._componentManager = n, this._menuService = r, this._commandService = o, this._shortcutService = i, this._init();
+  }
+  _initCustomComponents() {
+    const t = this._componentManager;
+    this.disposeWithMe(t.register(Ot, yt)), this.disposeWithMe(t.register(bt, Kn)), this.disposeWithMe(t.register(_t, hr));
+  }
+  _initMenus() {
+    const { menu: t = {} } = this._config;
+    [
+      Jn,
+      Zn
+      // UploadCellImageMenuFactory,
+    ].forEach((e) => {
+      this._menuService.addMenuItem(e(this._injector), t);
+    });
+  }
+  _initCommands() {
+    [
+      be,
+      Se,
+      Ve,
+      Ge,
+      Oe,
+      vt,
+      N,
+      St,
+      Rt,
+      It,
+      ue,
+      Et,
+      Ct
+    ].forEach((t) => this.disposeWithMe(this._commandService.registerCommand(t)));
+  }
+  _initShortcuts() {
+    [
+      // sheet drawing shortcuts
+      gr,
+      fr,
+      pr,
+      wr,
+      _r
+    ].forEach((t) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(t));
+    });
+  }
+  _init() {
+    this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
+  }
+};
+se = vr([
+  Ie(De.Rendered, se),
+  ie(1, B(Be)),
+  ie(2, B(pn)),
+  ie(3, wn),
+  ie(4, W),
+  ie(5, _n)
+], se);
+var Cr = (t, e, n, r) => {
+  for (var o = e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (o = s(o) || o);
+  return o;
+}, te = (t, e) => (n, r) => e(n, r, t);
+const Rr = [
+  tt.id,
+  nt.id,
+  rt.id,
+  ot.id,
+  it.id,
+  st.id,
+  at.id,
+  ct.id,
+  Ne.id,
+  Le.id,
+  lt.id,
+  dt.id,
+  ut.id,
+  mt.id,
+  ht.id,
+  gt.id
+], Ir = [
+  Rn.id,
+  In.id,
+  Dn.id,
+  Mn.id,
+  yn.id,
+  bn.id
+];
+let ve = class extends Me {
+  constructor(t, e, n, r, o, i) {
+    super(), this._commandService = t, this._sheetInterceptorService = e, this._sheetDrawingService = n, this._drawingManagerService = r, this._selectionRenderService = o, this._univerInstanceService = i, this._init();
+  }
+  _init() {
+    this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
+  }
+  _sheetInterceptorListener() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.interceptCommand({
+        getMutations: (t) => {
+          if (!Rr.includes(t.id))
+            return { redos: [], undos: [] };
+          if (t.params == null)
+            return { redos: [], undos: [] };
+          const e = t.id;
+          if (e === tt.id)
+            return this._moveRowInterceptor(t.params, "insert");
+          if (e === nt.id)
+            return this._moveColInterceptor(t.params, "insert");
+          if (e === rt.id)
+            return this._moveRowInterceptor(t.params, "remove");
+          if (e === ot.id)
+            return this._moveColInterceptor(t.params, "remove");
+          if (e === it.id) {
+            const { range: n } = t.params;
+            return this._getRangeMoveUndo(
+              n,
+              0
+              /* deleteLeft */
+            );
+          } else if (e === st.id) {
+            const { range: n } = t.params;
+            return this._getRangeMoveUndo(
+              n,
+              1
+              /* deleteUp */
+            );
+          } else if (e === at.id) {
+            const { range: n } = t.params;
+            return this._getRangeMoveUndo(
+              n,
+              2
+              /* insertDown */
+            );
+          } else if (e === ct.id) {
+            const { range: n } = t.params;
+            return this._getRangeMoveUndo(
+              n,
+              3
+              /* insertRight */
+            );
+          } else if (e === ut.id || e === mt.id) {
+            const n = t.params, { unitId: r, subUnitId: o, ranges: i } = n;
+            return this._getDrawingUndoForRowVisible(r, o, i);
+          } else if (e === ht.id || e === gt.id) {
+            const n = t.params, { unitId: r, subUnitId: o, ranges: i } = n;
+            return this._getDrawingUndoForColVisible(r, o, i);
+          } else if (e === Ne.id || e === Le.id || e === lt.id || e === dt.id) {
+            const n = t.params, { unitId: r, subUnitId: o, ranges: i } = n, s = e === Ne.id || e === Le.id;
+            return this._getDrawingUndoForRowAndColSize(r, o, i, s);
+          }
+          return { redos: [], undos: [] };
+        }
+      })
+    );
+  }
+  _getRangeMoveUndo(t, e) {
+    const n = ne(this._univerInstanceService);
+    if (n == null)
+      return { redos: [], undos: [] };
+    const r = n.unitId, o = n.subUnitId, i = [], s = [], a = this._sheetDrawingService.getDrawingData(r, o), c = [], u = [];
+    if (Object.keys(a).forEach((d) => {
+      const l = a[d], { updateDrawings: h, deleteDrawings: m } = this._getUpdateOrDeleteDrawings(t, 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: r, subUnitId: o, op: h, objects: m, type: O.UPDATE } }), s.push({ id: b.id, params: { unitId: r, subUnitId: o, op: l, objects: m, type: O.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: r, subUnitId: o, op: h, objects: m, type: O.REMOVE } }), s.push({ id: b.id, params: { unitId: r, subUnitId: o, op: l, objects: m, type: O.INSERT } });
+    }
+    return i.push({ id: N.id, params: [r] }), s.push({ id: N.id, params: [r] }), {
+      redos: i,
+      undos: s
+    };
+  }
+  _getUpdateOrDeleteDrawings(t, e, n) {
+    const r = [], o = [], { sheetTransform: i, anchorType: s = y.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: r,
+        deleteDrawings: o
+      };
+    const { startRow: I, endRow: C, startColumn: v, endColumn: R } = t;
+    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 = x(p, this._selectionRenderService);
+      r.push({ ...n, sheetTransform: p, transform: f });
+    }
+    return { updateDrawings: r, deleteDrawings: o };
+  }
+  _remainDrawingSize(t, e, n) {
+    const r = A({ ...t }, this._selectionRenderService);
+    r != null && e.push({
+      ...n,
+      sheetTransform: r
+    });
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _getDrawingUndoForColVisible(t, e, n) {
+    const r = this._drawingManagerService.getDrawingData(t, e), o = [], i = [];
+    if (Object.keys(r).forEach((d) => {
+      const l = r[d], { sheetTransform: h, transform: m, anchorType: w = y.Position } = l;
+      if (w === y.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 === y.Position) {
+            let S = null, j = null;
+            if (C >= D && C <= P) {
+              const X = this._selectionRenderService.attachRangeWithCoord({ startColumn: C, endColumn: P, startRow: g.row, endRow: _.row });
+              if (X == null)
+                return;
+              j = { ...m, left: X.startX };
+            }
+            if (j != null && (S = A(j, this._selectionRenderService), S != null && j != null)) {
+              o.push({ ...l, sheetTransform: S, transform: j });
+              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(t, e, o), c = [], u = [];
+    if (i.length > 0) {
+      const { redos: d, undos: l } = this._createUndoAndRedoMutation(t, e, i);
+      c.push(...d), u.push(...l);
+    }
+    return {
+      redos: s,
+      undos: a,
+      preRedos: c,
+      preUndos: u
+    };
+  }
+  _createUndoAndRedoMutation(t, e, n) {
+    const r = this._sheetDrawingService.getBatchUpdateOp(n), { undo: o, redo: i, objects: s } = r, a = [
+      { id: b.id, params: { unitId: t, subUnitId: e, op: i, objects: s, type: O.UPDATE } },
+      { id: N.id, params: [t] }
+    ], c = [
+      { id: b.id, params: { unitId: t, subUnitId: e, op: o, objects: s, type: O.UPDATE } },
+      { id: N.id, params: [t] }
+    ];
+    return {
+      redos: a,
+      undos: c
+    };
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _getDrawingUndoForRowVisible(t, e, n) {
+    const r = this._drawingManagerService.getDrawingData(t, e), o = [], i = [];
+    if (Object.keys(r).forEach((d) => {
+      const l = r[d], { sheetTransform: h, transform: m, anchorType: w = y.Position } = l;
+      if (w === y.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 === y.Position) {
+            let S = null, j = null;
+            if (I >= f && I <= E) {
+              const X = this._selectionRenderService.attachRangeWithCoord({ startColumn: g.column, endColumn: _.column, startRow: I, endRow: E });
+              if (X == null)
+                return;
+              j = { ...m, top: X.startY };
+            }
+            if (j != null && (S = A(j, this._selectionRenderService), S != null && j != null)) {
+              o.push({ ...l, sheetTransform: S, transform: j });
+              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(t, e, o), c = [], u = [];
+    if (i.length > 0) {
+      const { redos: d, undos: l } = this._createUndoAndRedoMutation(t, e, i);
+      c.push(...d), u.push(...l);
+    }
+    return {
+      redos: s,
+      undos: a,
+      preRedos: c,
+      preUndos: u
+    };
+  }
+  _getDrawingUndoForRowAndColSize(t, e, n, r) {
+    const o = this._drawingManagerService.getDrawingData(t, e), i = [];
+    return Object.keys(o).forEach((s) => {
+      const a = o[s], { sheetTransform: c, transform: u, anchorType: d = y.Position } = a;
+      if (d === y.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 === y.Position && (m <= v && g >= R || w <= p && _ >= M)) {
+            this._remainDrawingSize(u, i, a);
+            continue;
+          }
+          const f = x({ ...c }, this._selectionRenderService);
+          if (f != null) {
+            i.push({
+              ...a,
+              transform: f
+            });
+            break;
+          }
+        }
+      }
+    }), i.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(t, e, i);
+  }
+  _getUnitIdAndSubUnitId(t, e) {
+    let n, r;
+    if (e === "insert")
+      n = t.unitId, r = t.subUnitId;
+    else {
+      const o = ne(this._univerInstanceService);
+      if (o == null)
+        return;
+      n = o.unitId, r = o.subUnitId;
+    }
+    return { unitId: n, subUnitId: r };
+  }
+  _moveRowInterceptor(t, e) {
+    const n = this._getUnitIdAndSubUnitId(t, e);
+    if (n == null)
+      return { redos: [], undos: [] };
+    const { unitId: r, subUnitId: o } = n, { range: i } = t, s = i.startRow, a = i.endRow, c = [], u = [], d = this._sheetDrawingService.getDrawingData(r, o), l = [], h = [];
+    if (Object.keys(d).forEach((m) => {
+      const w = d[m], { sheetTransform: g, transform: _, anchorType: I = y.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: r, 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: r, 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: r, subUnitId: o, op: g, objects: _, type: O.UPDATE } }), u.push({ id: b.id, params: { unitId: r, subUnitId: o, op: w, objects: _, type: O.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: r, subUnitId: o, op: g, objects: _, type: O.REMOVE } }), u.push({ id: b.id, params: { unitId: r, subUnitId: o, op: w, objects: _, type: O.INSERT } });
+    }
+    return c.push({ id: N.id, params: [r] }), u.push({ id: N.id, params: [r] }), {
+      redos: c,
+      undos: u
+    };
+  }
+  _moveColInterceptor(t, e) {
+    const n = this._getUnitIdAndSubUnitId(t, e);
+    if (n == null)
+      return { redos: [], undos: [] };
+    const { unitId: r, subUnitId: o } = n, { range: i } = t, s = i.startColumn, a = i.endColumn, c = [], u = [], d = this._sheetDrawingService.getDrawingData(r, o), l = [], h = [];
+    if (Object.keys(d).forEach((m) => {
+      const w = d[m], { sheetTransform: g, transform: _, anchorType: I = y.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: r, 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: r, 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: r, subUnitId: o, op: g, objects: _, type: O.UPDATE } }), u.push({ id: b.id, params: { unitId: r, subUnitId: o, op: w, objects: _, type: O.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: r, subUnitId: o, op: g, objects: _, type: O.REMOVE } }), u.push({ id: b.id, params: { unitId: r, subUnitId: o, op: w, objects: _, type: O.INSERT } });
+    }
+    return c.push({ id: N.id, params: [r] }), u.push({ id: N.id, params: [r] }), { redos: c, undos: u };
+  }
+  _expandCol(t, e, n, r, o = y.Position) {
+    const i = r - n + 1, { from: s, to: a } = t, { column: c } = s, { column: u } = a;
+    if (o === y.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: r, 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 >= r)
+      if (o === y.Both)
+        d = {
+          from: { ...s },
+          to: { ...a, column: u + i }
+        }, l = x(d, this._selectionRenderService);
+      else
+        return {
+          newSheetTransform: A({ ...e }, this._selectionRenderService),
+          newTransform: e
+        };
+    return d != null && l != null ? {
+      newSheetTransform: d,
+      newTransform: l
+    } : null;
+  }
+  _shrinkCol(t, e, n, r, o = y.Position) {
+    const i = r - n + 1, { from: s, to: a } = t, { column: c } = s, { column: u } = a;
+    if (o === y.None)
+      return {
+        newSheetTransform: A({ ...e }, this._selectionRenderService),
+        newTransform: e
+      };
+    let d = null, l = null;
+    if (c > r)
+      d = {
+        from: { ...s, column: c - i },
+        to: { ...a, column: u - i }
+      }, l = x(d, this._selectionRenderService);
+    else {
+      if (c >= n && u <= r)
+        return null;
+      if (c < n && u > r)
+        if (o === y.Both)
+          d = {
+            from: { ...s },
+            to: { ...a, column: u - i }
+          }, l = x(d, this._selectionRenderService);
+        else
+          return {
+            newSheetTransform: A({ ...e }, this._selectionRenderService),
+            newTransform: e
+          };
+      else if (c >= n && c <= r) {
+        if (c === n)
+          l = { ...e, left: (e.left || 0) - t.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 - t.from.columnOffset };
+        }
+        d = A(l, this._selectionRenderService);
+      } else if (u >= n && u <= r && o === y.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 = x(d, this._selectionRenderService);
+      }
+    }
+    return d != null && l != null ? {
+      newSheetTransform: d,
+      newTransform: l
+    } : null;
+  }
+  _expandRow(t, e, n, r, o = y.Position) {
+    const i = r - n + 1, { from: s, to: a } = t, { row: c } = s, { row: u } = a;
+    if (o === y.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: r, 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 >= r)
+      if (o === y.Both)
+        d = {
+          from: { ...s },
+          to: {
+            ...a,
+            row: u + i
+          }
+        }, l = x(d, this._selectionRenderService);
+      else
+        return {
+          newSheetTransform: A({ ...e }, this._selectionRenderService),
+          newTransform: e
+        };
+    return d != null && l != null ? {
+      newSheetTransform: d,
+      newTransform: l
+    } : null;
+  }
+  _shrinkRow(t, e, n, r, o = y.Position) {
+    const i = r - n + 1, { from: s, to: a } = t, { row: c } = s, { row: u } = a;
+    if (o === y.None)
+      return {
+        newSheetTransform: A({ ...e }, this._selectionRenderService),
+        newTransform: e
+      };
+    let d = null, l = null;
+    if (c > r)
+      d = {
+        from: { ...s, row: c - i },
+        to: { ...a, row: u - i }
+      }, l = x(d, this._selectionRenderService);
+    else {
+      if (c >= n && u <= r)
+        return null;
+      if (c < n && u > r)
+        if (o === y.Both)
+          d = {
+            from: { ...s },
+            to: { ...a, row: u - i }
+          }, l = x(d, this._selectionRenderService);
+        else
+          return {
+            newSheetTransform: A({ ...e }, this._selectionRenderService),
+            newTransform: e
+          };
+      else if (c >= n && c <= r) {
+        if (c === n)
+          l = { ...e, top: (e.top || 0) - t.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 - t.from.rowOffset };
+        }
+        d = A(l, this._selectionRenderService);
+      } else if (u >= n && u <= r && o === y.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 = x(d, this._selectionRenderService);
+      }
+    }
+    return d != null && l != null ? {
+      newSheetTransform: d,
+      newTransform: l
+    } : null;
+  }
+  _commandListener() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        if (t.id === On.id) {
+          const e = t.params, { unitId: n, subUnitId: r } = 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 === r ? i.push(d[l]) : s.push(d[l]);
+              });
+            });
+          }), this._drawingManagerService.removeNotification(s), this._drawingManagerService.addNotification(i);
+        }
+      })
+    );
+  }
+  _sheetRefreshListener() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((t) => {
+        Ir.includes(t.id) && requestIdleCallback(() => {
+          const e = t.params, { unitId: n, subUnitId: r, ranges: o } = e;
+          this._refreshDrawingTransform(n, r, o);
+        });
+      })
+    );
+  }
+  _refreshDrawingTransform(t, e, n) {
+    const r = this._drawingManagerService.getDrawingData(t, e), o = [];
+    Object.keys(r).forEach((i) => {
+      const s = r[i], { sheetTransform: a, anchorType: c = y.Position } = s;
+      if (c === y.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: x(a, this._selectionRenderService)
+          });
+          break;
+        }
+      }
+    }), o.length !== 0 && (this._drawingManagerService.refreshTransform(o), this._commandService.syncExecuteCommand(N.id, [t]));
+  }
+};
+ve = Cr([
+  Ie(De.Rendered, ve),
+  te(0, W),
+  te(1, B(Tn)),
+  te(2, Y),
+  te(3, q),
+  te(4, ye),
+  te(5, le)
+], ve);
+var Dr = (t, e, n, r) => {
+  for (var o = e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (o = s(o) || o);
+  return o;
+}, H = (t, e) => (n, r) => e(n, r, t);
+function Mr(t, e, n, r) {
+  const { scaleX: o, scaleY: i } = e.getAncestorScale(), s = e.getViewport(cn.VIEW_MAIN), a = {
+    left: !0,
+    top: !0
+  };
+  if (!s)
+    return {
+      ...t,
+      absolute: a
+    };
+  const { left: c, right: u, top: d, bottom: l } = t, h = r.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, j;
+  return d < f ? (a.top = !0, S = (M + R + (d - f)) * i, j = 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), j = Math.max((l - P) * i, (M + R) * i)), {
+    left: U,
+    right: T,
+    top: S,
+    bottom: j,
+    absolute: a
+  };
+}
+const Ae = (t, e, n, r) => {
+  const { scene: o } = e, { left: i, top: s, width: a, height: c, angle: u } = t, d = {
+    left: i,
+    right: i + a,
+    top: s,
+    bottom: s + c
+  }, l = Mr(d, o, n, r);
+  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, r, o, i, s, a, c) {
+    super();
+    $(this, "_domLayerMap", /* @__PURE__ */ new Map());
+    $(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    $(this, "_transformChange$", new He());
+    $(this, "transformChange$", this._transformChange$.asObservable());
+    $(this, "_remove$", new He());
+    $(this, "remove$", this._remove$.asObservable());
+    this._renderManagerService = e, this._univerInstanceService = n, this._sheetSkeletonManagerService = r, 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 r = this._domLayerMap.get(e);
+    r || (r = /* @__PURE__ */ new Map(), this._domLayerMap.set(e, r));
+    let o = r.get(n);
+    return o || (o = /* @__PURE__ */ new Map(), r.set(n, o)), o;
+  }
+  _getSceneAndTransformerByDrawingSearch(e) {
+    if (e == null)
+      return;
+    const n = this._renderManagerService.getRenderById(e), r = n == null ? void 0 : n.scene;
+    if (n == null || r == null)
+      return null;
+    const o = r.getTransformerByCreate(), i = n.engine.getCanvasElement();
+    return { scene: r, 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: r, subUnitId: o, drawingId: i } = n, s = ne(this._univerInstanceService, { unitId: r, subUnitId: o }), a = this._drawingManagerService.getDrawingByParam(n), c = this._sheetSkeletonManagerService.getUnitSkeleton(r, 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(r);
+          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 = Zt({ unitId: r, 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(r, o).length - 1
+          }, P = new tn(f, D);
+          h.addObject(P, nn).attachTransformerTo(P);
+          const U = new Bt(), T = Ae(P, l.renderObject, c.skeleton, s.worksheet), S = new ln(T), j = {
+            dispose: U,
+            rect: P,
+            position$: S,
+            unitId: r,
+            subUnitId: o
+          };
+          this._canvasFloatDomService.addFloatDom({
+            position$: S,
+            id: i,
+            componentKey: a.componentKey,
+            onPointerDown: (k) => {
+              m.dispatchEvent(new PointerEvent(k.type, k));
+            },
+            onPointerMove: (k) => {
+              m.dispatchEvent(new PointerEvent(k.type, k));
+            },
+            onPointerUp: (k) => {
+              m.dispatchEvent(new PointerEvent(k.type, k));
+            },
+            onWheel: (k) => {
+              m.dispatchEvent(new WheelEvent(k.type, k));
+            }
+          });
+          const X = P.onTransformChangeObservable.add(() => {
+            const k = Ae(P, l.renderObject, c.skeleton, s.worksheet);
+            S.next(
+              k
+            );
+          });
+          U.add(() => {
+            this._canvasFloatDomService.removeFloatDom(i);
+          }), X && U.add(X), this._domLayerInfoMap.set(i, j);
+        });
+      })
+    );
+  }
+  _scrollUpdateListener() {
+    this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
+      var r, 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 === on.id) {
+        const i = e.params, { unitId: s, sheetId: a } = i;
+        n(s, a);
+      } else if (e.id === sn.id) {
+        const i = e.params, { unitId: s } = i;
+        Array.from((o = (r = this._domLayerMap.get(s)) == null ? void 0 : r.keys()) != null ? o : []).forEach((c) => {
+          n(s, c);
+        });
+      } else if (e.id === En.id) {
+        const { unitId: i, subUnitId: s } = e.params;
+        n(i, s);
+      }
+    }));
+  }
+  _getPosition(e) {
+    const { startX: n, endX: r, 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(r, i);
+    if (c == null)
+      return;
+    const u = {
+      column: c.actualColumn,
+      columnOffset: r - 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 r = this._drawingManagerService.getDrawingByParam(n);
+          if (!r || r.drawingType !== Ee.DRAWING_DOM)
+            return;
+          const o = {
+            ...r.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: r, subUnitId: o } = n, { initPosition: i, componentKey: s } = e, a = Ze.generateRandomId(), c = this._getPosition(i);
+    if (c == null)
+      return;
+    const u = {
+      unitId: r,
+      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: r,
+      drawings: [u]
+    }), this._ensureMap(r, o).set(a, e), {
+      id: a,
+      dispose: () => {
+        this._removeDom(a, !0);
+      }
+    };
+  }
+  _removeDom(e, n = !1) {
+    const r = this._domLayerInfoMap.get(e);
+    if (!r)
+      return;
+    const { unitId: o, subUnitId: i } = r, s = this._ensureMap(o, i);
+    this._domLayerInfoMap.delete(e), s.delete(e), r.dispose.dispose();
+    const a = this._getSceneAndTransformerByDrawingSearch(o);
+    if (a && a.scene.removeObject(r.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: O.REMOVE });
+    }
+  }
+};
+We = Dr([
+  H(0, B(de)),
+  H(1, le),
+  H(2, B(an)),
+  H(3, B(W)),
+  H(4, q),
+  H(5, ye),
+  H(6, B(vn)),
+  H(7, Y)
+], We);
+var yr = Object.defineProperty, br = (t, e, n) => e in t ? yr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, Or = (t, e, n, r) => {
+  for (var o = e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (o = s(o) || o);
+  return o;
+}, Ke = (t, e) => (n, r) => e(n, r, t), Pt = (t, e, n) => (br(t, typeof e != "symbol" ? e + "" : e, n), n);
+const Tr = "SHEET_IMAGE_UI_PLUGIN";
+let Re = class extends kt {
+  constructor(e = {}, n, r) {
+    super();
+    $(this, "_pluginConfig");
+    this._injector = n, this._localeService = r, this._pluginConfig = Ze.deepMerge({}, Sr, e);
+  }
+  onStarting(e) {
+    super.onStarting(e), this._initDependencies(e);
+  }
+  _initDependencies(e) {
+    [
+      // services
+      [We],
+      // controllers
+      [
+        se,
+        {
+          useFactory: () => this._injector.createInstance(se, this._pluginConfig)
+        }
+      ],
+      [_e],
+      [we],
+      [ve]
+    ].forEach((r) => e.add(r));
+  }
+};
+Pt(Re, "type", ee.UNIVER_SHEET);
+Pt(Re, "pluginName", Tr);
+Re = Or([
+  xt(qt, $t, Ht),
+  Ke(1, B(Be)),
+  Ke(2, B(ce))
+], Re);
+export {
+  We as SheetCanvasFloatDomManagerService,
+  Re as UniverSheetsDrawingUIPlugin
+};