@univerjs/sheets-drawing-ui 0.6.7 → 0.6.9-nightly.202504021607

package/lib/index.js

@@ -0,0 +1,3656 @@
+var $r = Object.defineProperty;
+var xr = (i, t, e) => t in i ? $r(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var q = (i, t, e) => xr(i, typeof t != "symbol" ? t + "" : t, e);
+import { CommandType as ee, ICommandService as Y, IUndoRedoService as Ve, sequenceExecute as Zn, LocaleService as it, IUniverInstanceService as Ce, Inject as N, Injector as st, IContextService as Jn, RxDisposable as Lr, UniverInstanceType as x, toDisposable as Fr, FOCUSING_COMMON_DRAWINGS as Ye, DrawingTypeEnum as L, Disposable as se, ArrangeTypeEnum as vt, createDocumentModelWithStyle as tn, ObjectRelativeFromV as bn, ObjectRelativeFromH as Rn, WrapTextType as Mn, PositionedObjectLayoutType as yn, BooleanNumber as En, BuildTextUtils as nn, ImageSourceType as Tn, generateRandomId as Ot, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as nt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Le, InterceptorEffectEnum as Yr, ObjectMatrix as Gr, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Vr, Tools as ye, IPermissionService as Xr, UserManagerService as Hr, Rectangle as zr, Direction as Ie, FOCUSING_FX_BAR_EDITOR as Kr, EDITOR_ACTIVATED as Zr, FOCUSING_PANEL_EDITOR as Jr, LifecycleService as qr, LifecycleStages as Qr, DisposableCollection as St, fromEventSubject as ei, DependentOn as ti, IConfigService as ni, Plugin as ri, merge as ii, registerDependencies as si, touchDependencies as Kt } from "@univerjs/core";
+import { DocDrawingController as oi, UniverDocsDrawingPlugin as ai } from "@univerjs/docs-drawing";
+import { SetDrawingSelectedOperation as Ft, IImageIoService as qn, IDrawingManagerService as oe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as On, DRAWING_IMAGE_COUNT_LIMIT as Un, ImageUploadStatusType as Be, DRAWING_IMAGE_ALLOW_SIZE as Pn, getImageSize as Zt, DRAWING_IMAGE_WIDTH_LIMIT as An, DRAWING_IMAGE_HEIGHT_LIMIT as Nn, ImageSourceType as ci, getDrawingShapeKeyByDrawingSearch as De, UniverDrawingPlugin as di } from "@univerjs/drawing";
+import { ImageCropperObject as li, COMPONENT_IMAGE_POPUP_MENU as ui, OpenImageCropOperation as hi, ImageResetSizeOperation as gi, DrawingRenderService as Qn, DrawingCommonPanel as mi, UniverDrawingUIPlugin as fi } from "@univerjs/drawing-ui";
+import { IRenderManagerService as te, CURSOR_TYPE as pi, precisionTo as It, transformObjectOutOfGroup as wi, getGroupState as _i, getCurrentTypeOfRenderer as gn, RENDER_CLASS_TYPE as We, Rect as je, ObjectType as kn, DRAWING_OBJECT_LAYER_INDEX as Jt, SHEET_VIEWPORT_KEY as er } from "@univerjs/engine-render";
+import { ISheetDrawingService as ae, DrawingApplyType as P, SetDrawingApplyMutation as A, SheetDrawingAnchorType as U, UniverSheetsDrawingPlugin as vi } from "@univerjs/sheets-drawing";
+import { SheetCanvasPopManagerService as Si, HoverManagerService as Ii, SheetSkeletonManagerService as V, convertPositionSheetOverGridToAbsolute as Ci, ISheetSelectionRenderService as Xe, attachRangeWithCoord as tr, IEditorBridgeService as Di, IAutoFillService as bi, EditingRenderController as Ri, SetCellEditVisibleOperation as Bn, PREDEFINED_HOOK_NAME as Fe, COPY_TYPE as be, discreteRangeToRange as Wn, virtualizeDiscreteRanges as Mi, ISheetClipboardService as yi, SheetPrintInterceptorService as Ei, getCurrentRangeDisable$ as Ti, SetZoomRatioOperation as jn, SetScrollOperation as Oi } from "@univerjs/sheets-ui";
+import { ISidebarService as Ui, useDependency as Ee, IUIPartsService as Pi, BuiltInUIPart as Ai, connectInjector as Ni, ILocalFileService as ki, IMessageService as Bi, IDialogService as Wi, IClipboardInterfaceService as ji, getMenuHiddenObservable as mn, MenuItemType as fn, RibbonStartGroup as $i, KeyCode as Ge, ComponentManager as xi, IMenuManagerService as Li, IShortcutService as Fi, CanvasFloatDomService as Yi } from "@univerjs/ui";
+import { takeUntil as $n, throttleTime as Gi, combineLatest as Ct, switchMap as Se, EMPTY as pe, tap as xn, map as Te, distinctUntilChanged as Ln, Subject as qt, filter as Vi, take as Xi, BehaviorSubject as Je, of as Fn } from "rxjs";
+import { SheetInterceptorService as Yt, getSheetCommandTarget as le, SheetsSelectionsService as pn, SetRangeValuesCommand as Yn, INTERCEPTOR_POINT as Hi, InterceptCellContentPriority as zi, WorkbookViewPermission as Gn, WorksheetViewPermission as Vn, WorkbookEditablePermission as rn, WorksheetEditPermission as sn, InsertRowCommand as nr, InsertColCommand as rr, RemoveRowCommand as ir, RemoveColCommand as sr, DeleteRangeMoveLeftCommand as or, DeleteRangeMoveUpCommand as ar, InsertRangeMoveDownCommand as cr, InsertRangeMoveRightCommand as dr, DeltaRowHeightCommand as on, SetRowHeightCommand as an, DeltaColumnWidthCommand as lr, SetColWidthCommand as ur, SetRowHiddenCommand as hr, SetSpecificRowsVisibleCommand as gr, SetSpecificColsVisibleCommand as mr, SetColHiddenCommand as fr, MoveColsCommand as pr, MoveRowsCommand as wr, MoveRangeCommand as _r, SetRowVisibleMutation as Ki, SetRowHiddenMutation as Zi, SetColVisibleMutation as Ji, SetColHiddenMutation as qi, SetWorksheetRowHeightMutation as Qi, SetWorksheetColWidthMutation as es, SetWorksheetActiveOperation as ts, RangeProtectionPermissionEditPoint as ns, SetFrozenMutation as rs, SetWorksheetRowAutoHeightMutation as is, COMMAND_LISTENER_SKELETON_CHANGE as ss } from "@univerjs/sheets";
+import { jsx as Q, jsxs as Ut } from "react/jsx-runtime";
+import os, { useEffect as wn, forwardRef as vr, useRef as as, createElement as Sr, useState as cn } from "react";
+import { docDrawingPositionToTransform as Xn, ReplaceSnapshotCommand as cs, InnerPasteCommand as ds } from "@univerjs/docs-ui";
+import { MessageType as Re, clsx as Dt, RadioGroup as ls, Radio as Qt } from "@univerjs/design";
+const us = "sheets-drawing-ui.config", Hn = {}, F = {
+  id: "sheet.operation.clear-drawing-transformer",
+  type: ee.MUTATION,
+  handler: (i, t) => {
+    const e = i.get(te);
+    return t.forEach((n) => {
+      var r, s;
+      (s = (r = e.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
+    }), !0;
+  }
+}, ot = {
+  id: "sheet.command.remove-sheet-image",
+  type: ee.COMMAND,
+  handler: (i, t) => {
+    var S, C, D;
+    const e = i.get(Y), n = i.get(Ve), r = i.get(Yt), s = i.get(ae);
+    if (!t) return !1;
+    const { drawings: o } = t, a = [];
+    o.forEach((v) => {
+      const { unitId: b } = v;
+      a.push(b);
+    });
+    const c = s.getBatchRemoveOp(o), { unitId: u, subUnitId: l, undo: d, redo: g, objects: h } = c, m = r.onCommandExecute({ id: ot.id, params: t }), p = { id: A.id, params: { unitId: u, subUnitId: l, op: g, objects: h, type: P.REMOVE } }, f = { id: A.id, params: { unitId: u, subUnitId: l, op: d, objects: h, type: P.INSERT } };
+    return Zn([...(S = m.preRedos) != null ? S : [], p, ...m.redos], e) ? (n.pushUndoRedo({
+      unitID: u,
+      undoMutations: [
+        ...(C = m.preUndos) != null ? C : [],
+        f,
+        ...m.undos,
+        { id: F.id, params: a }
+      ],
+      redoMutations: [
+        ...(D = m.preRedos) != null ? D : [],
+        p,
+        ...m.redos,
+        { id: F.id, params: a }
+      ]
+    }), !0) : !1;
+  }
+}, Ir = "COMPONENT_SHEET_DRAWING_PANEL", Cr = {
+  id: "sidebar.operation.sheet-image",
+  type: ee.COMMAND,
+  handler: async (i, t) => {
+    const e = i.get(Ui), n = i.get(it), r = i.get(Ce), s = i.get(Y);
+    if (!le(r)) return !1;
+    switch (t.value) {
+      case "open":
+        e.open({
+          header: { title: n.t("sheetImage.panel.title") },
+          children: { label: Ir },
+          onClose: () => {
+            s.syncExecuteCommand(Ft.id, []);
+          },
+          width: 360
+        });
+        break;
+      case "close":
+      default:
+        e.close();
+        break;
+    }
+    return !0;
+  }
+}, Dr = {
+  id: "sheet.operation.edit-sheet-image",
+  type: ee.OPERATION,
+  handler: (i, t) => {
+    const e = i.get(Y);
+    return t == null ? !1 : (e.syncExecuteCommand(Ft.id, [t]), e.executeCommand(Cr.id, { value: "open" }), !0);
+  }
+}, hs = "univer-upload-loading", gs = "univer-upload-loading-body", ms = "univer-upload-loading-body-animation", fs = "univer-upload-loading-body-text", bt = {
+  uploadLoading: hs,
+  uploadLoadingBody: gs,
+  uploadLoadingBodyAnimation: ms,
+  uploadLoadingBodyText: fs
+}, ps = () => {
+  const i = Ee(qn), t = Ee(it), [e, n] = os.useState(0);
+  return wn(() => {
+    const r = i.change$.subscribe((s) => {
+      n(s);
+    });
+    return () => {
+      r.unsubscribe();
+    };
+  }, [i]), /* @__PURE__ */ Q("div", { style: { display: e > 0 ? "block" : "none" }, className: bt.uploadLoading, children: /* @__PURE__ */ Ut("div", { className: bt.uploadLoadingBody, children: [
+    /* @__PURE__ */ Q("div", { className: bt.uploadLoadingBodyAnimation }),
+    /* @__PURE__ */ Q("div", { className: bt.uploadLoadingBodyText, children: `${t.t("uploadLoading.loading")}: ${e}` })
+  ] }) });
+};
+var ws = Object.getOwnPropertyDescriptor, _s = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ws(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, we = (i, t) => (e, n) => t(e, n, i);
+let Pt = class extends Lr {
+  constructor(t, e, n, r, s, o, a, c) {
+    super();
+    q(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    this._injector = t, this._drawingManagerService = e, this._canvasPopManagerService = n, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = a, this._commandService = c, this._init();
+  }
+  _init() {
+    this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET).pipe($n(this.dispose$)).subscribe((t) => this._create(t)), this._univerInstanceService.getTypeOfUnitDisposed$(x.UNIVER_SHEET).pipe($n(this.dispose$)).subscribe((t) => this._dispose(t)), this._univerInstanceService.getAllUnitsForType(x.UNIVER_SHEET).forEach((t) => this._create(t)), this._uiPartsService.registerComponent(Ai.CONTENT, () => Ni(ps, this._injector));
+  }
+  _dispose(t) {
+    const e = t.getUnitId();
+    this._renderManagerService.removeRender(e);
+  }
+  _create(t) {
+    if (!t)
+      return;
+    const e = t.getUnitId();
+    this._renderManagerService.has(e) && !this._initImagePopupMenu.has(e) && (this._popupMenuListener(e), this._initImagePopupMenu.add(e));
+  }
+  _hasCropObject(t) {
+    const e = t.getAllObjectsByOrder();
+    for (const n of e)
+      if (n instanceof li)
+        return !0;
+    return !1;
+  }
+  _popupMenuListener(t) {
+    var s;
+    const e = (s = this._renderManagerService.getRenderById(t)) == null ? void 0 : s.scene;
+    if (!e)
+      return;
+    const n = e.getTransformerByCreate();
+    if (!n)
+      return;
+    let r;
+    this.disposeWithMe(
+      Fr(
+        n.createControl$.subscribe(() => {
+          if (this._contextService.setContextValue(Ye, !0), this._hasCropObject(e))
+            return;
+          const o = n.getSelectedObjectMap();
+          if (o.size > 1) {
+            r == null || r.dispose();
+            return;
+          }
+          const a = o.values().next().value;
+          if (!a)
+            return;
+          const c = a.oKey, u = this._drawingManagerService.getDrawingOKey(c);
+          if (!u)
+            return;
+          const { unitId: l, subUnitId: d, drawingId: g, drawingType: h } = u, m = u.data;
+          if (m && m.disablePopup)
+            return;
+          r == null || r.dispose();
+          const p = this._canvasPopManagerService.getFeatureMenu(l, d, g, h);
+          r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
+            componentKey: ui,
+            direction: "horizontal",
+            offset: [2, 0],
+            extraProps: {
+              menuItems: p || this._getImageMenuItems(l, d, g, h)
+            }
+          }));
+        })
+      )
+    ), this.disposeWithMe(
+      n.clearControl$.subscribe(() => {
+        r == null || r.dispose(), this._contextService.setContextValue(Ye, !1), this._commandService.syncExecuteCommand(Ft.id, []);
+      })
+    ), this.disposeWithMe(
+      this._contextService.contextChanged$.subscribe((o) => {
+        o[Ye] === !1 && (r == null || r.dispose());
+      })
+    ), this.disposeWithMe(
+      n.changing$.subscribe(() => {
+        r == null || r.dispose();
+      })
+    );
+  }
+  _getImageMenuItems(t, e, n, r) {
+    return [
+      {
+        label: "image-popup.edit",
+        index: 0,
+        commandId: Dr.id,
+        commandParams: { unitId: t, subUnitId: e, drawingId: n },
+        disable: r === L.DRAWING_DOM
+      },
+      {
+        label: "image-popup.delete",
+        index: 1,
+        commandId: ot.id,
+        commandParams: { unitId: t, drawings: [{ unitId: t, subUnitId: e, drawingId: n }] },
+        disable: !1
+      },
+      {
+        label: "image-popup.crop",
+        index: 2,
+        commandId: hi.id,
+        commandParams: { unitId: t, subUnitId: e, drawingId: n },
+        disable: r === L.DRAWING_DOM
+      },
+      {
+        label: "image-popup.reset",
+        index: 3,
+        commandId: gi.id,
+        commandParams: [{ unitId: t, subUnitId: e, drawingId: n }],
+        disable: r === L.DRAWING_DOM
+      }
+    ];
+  }
+};
+Pt = _s([
+  we(0, N(st)),
+  we(1, oe),
+  we(2, N(Si)),
+  we(3, te),
+  we(4, Ce),
+  we(5, Jn),
+  we(6, N(Pi)),
+  we(7, Y)
+], Pt);
+var vs = Object.getOwnPropertyDescriptor, Ss = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? vs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, Rt = (i, t) => (e, n) => t(e, n, i);
+let dn = class extends se {
+  constructor(t, e, n, r, s) {
+    super();
+    q(this, "_isSetCursor", !1);
+    this._context = t, this._hoverManagerService = e, this._selectionsService = n, this._drawingRenderService = r, this._sheetSkeletonManagerService = s, this._initHover(), this._initImageClick();
+  }
+  _initHover() {
+    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Gi(33)).subscribe((t) => {
+      var n, r;
+      const e = this._selectionsService.getWorkbookSelections(this._context.unitId).getCurrentSelections();
+      (t == null ? void 0 : t.unitId) === this._context.unitId && (t != null && t.drawing) && e.length === 1 && ((n = e[0].primary) == null ? void 0 : n.actualRow) === t.row && ((r = e[0].primary) == null ? void 0 : r.actualColumn) === t.col ? (this._isSetCursor = !0, this._context.scene.setCursor(pi.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
+    }));
+  }
+  _initImageClick() {
+    this.disposeWithMe(this._hoverManagerService.currentClickedCell$.subscribe((t) => {
+      var e;
+      if (t != null && t.drawing && this._isSetCursor) {
+        const n = t.drawing.drawing.drawingOrigin, r = (e = this._sheetSkeletonManagerService.getCurrentSkeleton()) == null ? void 0 : e.imageCacheMap.getImage(n.imageSourceType, n.source);
+        if (!r) return;
+        this._drawingRenderService.previewImage("preview-cell-image", r.src, r.width, r.height), this._context.scene.resetCursor(), this._isSetCursor = !1;
+      }
+    }));
+  }
+};
+dn = Ss([
+  Rt(1, N(Ii)),
+  Rt(2, N(pn)),
+  Rt(3, N(Qn)),
+  Rt(4, N(V))
+], dn);
+function H(i, t, e) {
+  const { from: n, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: c = 0, skewY: u = 0 } = i, l = e.getCurrent();
+  if (l == null)
+    return;
+  const d = Ci(
+    l.unitId,
+    l.sheetId,
+    { from: n, to: r },
+    e
+  );
+  let { left: g, top: h, width: m, height: p } = d;
+  const f = e.getCurrentSkeleton(), w = f.rowHeaderWidth + f.columnTotalWidth, S = f.columnHeaderHeight + f.rowTotalHeight;
+  return g + m > w && (g = w - m), h + p > S && (h = S - p), {
+    flipY: s,
+    flipX: o,
+    angle: a,
+    skewX: c,
+    skewY: u,
+    left: g,
+    top: h,
+    width: m,
+    height: p
+  };
+}
+function $(i, t) {
+  const { left: e = 0, top: n = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: c = 0, skewX: u = 0, skewY: l = 0 } = i, d = t.getCellWithCoordByOffset(e, n);
+  if (d == null)
+    return;
+  const g = {
+    column: d.actualColumn,
+    columnOffset: It(e - d.startX, 1),
+    row: d.actualRow,
+    rowOffset: It(n - d.startY, 1)
+  }, h = t.getCellWithCoordByOffset(e + r, n + s);
+  if (h == null)
+    return;
+  const m = {
+    column: h.actualColumn,
+    columnOffset: It(e + r - h.startX, 1),
+    row: h.actualRow,
+    rowOffset: It(n + s - h.startY, 1)
+  };
+  return {
+    flipY: o,
+    flipX: a,
+    angle: c,
+    skewX: u,
+    skewY: l,
+    from: g,
+    to: m
+  };
+}
+var Is = Object.getOwnPropertyDescriptor, Cs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Is(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, Mt = (i, t) => (e, n) => t(e, n, i);
+let ln = class extends se {
+  constructor(i, t, e, n, r) {
+    super(), this._context = i, this._sheetDrawingService = t, this._drawingManagerService = e, this._sheetSelectionRenderService = n, this._sheetSkeletonManagerService = r, this._init();
+  }
+  _init() {
+    this._drawingInitializeListener();
+  }
+  _drawingInitializeListener() {
+    this._sheetDrawingService.initializeNotification(this._context.unitId);
+    const i = this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId);
+    for (const t in i) {
+      const e = i[t];
+      for (const n in e.data) {
+        const r = e.data[n];
+        r.transform = H(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
+      }
+    }
+    this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
+  }
+};
+ln = Cs([
+  Mt(1, ae),
+  Mt(2, oe),
+  Mt(3, N(Xe)),
+  Mt(4, N(V))
+], ln);
+function Ds(i) {
+  const t = [];
+  return i.forEach((e) => {
+    const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, c = _i(0, 0, r.map((d) => d.transform || {})), u = r.map((d) => {
+      const g = d.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: m, drawingId: p } = d;
+      return {
+        unitId: h,
+        subUnitId: m,
+        drawingId: p,
+        transform: {
+          ...g,
+          left: g.left - c.left,
+          top: g.top - c.top
+        },
+        groupId: a
+      };
+    }), l = {
+      unitId: s,
+      subUnitId: o,
+      drawingId: a,
+      drawingType: L.DRAWING_GROUP,
+      transform: c
+    };
+    t.push({
+      parent: l,
+      children: u
+    });
+  }), t;
+}
+function bs(i) {
+  const t = [];
+  return i.forEach((e) => {
+    const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a, transform: c = { width: 0, height: 0 } } = n;
+    if (c == null)
+      return;
+    const u = r.map((d) => {
+      const { transform: g } = d, { unitId: h, subUnitId: m, drawingId: p } = d, f = wi(g || {}, c, c.width || 0, c.height || 0);
+      return {
+        unitId: h,
+        subUnitId: m,
+        drawingId: p,
+        transform: f,
+        groupId: void 0
+      };
+    }), l = {
+      unitId: s,
+      subUnitId: o,
+      drawingId: a,
+      drawingType: L.DRAWING_GROUP,
+      transform: {
+        left: 0,
+        top: 0
+      }
+    };
+    t.push({
+      parent: l,
+      children: u
+    });
+  }), t;
+}
+const br = {
+  id: "sheet.command.group-sheet-image",
+  type: ee.COMMAND,
+  handler: (i, t) => {
+    const e = i.get(Y), n = i.get(Ve), r = i.get(ae);
+    if (!t) return !1;
+    const s = [];
+    t.forEach(({ parent: h, children: m }) => {
+      s.push(h.unitId), m.forEach((p) => {
+        s.push(p.unitId);
+      });
+    });
+    const o = r.getGroupDrawingOp(t), { unitId: a, subUnitId: c, undo: u, redo: l, objects: d } = o;
+    return e.syncExecuteCommand(A.id, { op: l, unitId: a, subUnitId: c, objects: d, type: P.GROUP }) ? (n.pushUndoRedo({
+      unitID: a,
+      undoMutations: [
+        { id: A.id, params: { op: u, unitId: a, subUnitId: c, objects: bs(d), type: P.UNGROUP } },
+        { id: F.id, params: s }
+      ],
+      redoMutations: [
+        { id: A.id, params: { op: l, unitId: a, subUnitId: c, objects: d, type: P.GROUP } },
+        { id: F.id, params: s }
+      ]
+    }), !0) : !1;
+  }
+}, Gt = {
+  id: "sheet.command.insert-sheet-image",
+  type: ee.COMMAND,
+  handler: (i, t) => {
+    var S, C, D;
+    const e = i.get(Y), n = i.get(Ve), r = i.get(ae), s = i.get(Yt);
+    if (!t) return !1;
+    const o = t.drawings, a = o.map((v) => v.unitId), c = r.getBatchAddOp(o), { unitId: u, subUnitId: l, undo: d, redo: g, objects: h } = c, m = s.onCommandExecute({ id: Gt.id, params: t }), p = { id: A.id, params: { op: g, unitId: u, subUnitId: l, objects: h, type: P.INSERT } }, f = { id: A.id, params: { op: d, unitId: u, subUnitId: l, objects: h, type: P.REMOVE } };
+    return Zn([...(S = m.preRedos) != null ? S : [], p, ...m.redos], e) ? (n.pushUndoRedo({
+      unitID: u,
+      undoMutations: [
+        ...(C = m.preUndos) != null ? C : [],
+        f,
+        ...m.undos,
+        { id: F.id, params: a }
+      ],
+      redoMutations: [
+        ...(D = m.preRedos) != null ? D : [],
+        p,
+        ...m.redos,
+        { id: F.id, params: a }
+      ]
+    }), !0) : !1;
+  }
+}, Rr = {
+  id: "sheet.command.set-drawing-arrange",
+  type: ee.COMMAND,
+  handler: (i, t) => {
+    const e = i.get(Y), n = i.get(Ve);
+    if (!t) return !1;
+    const r = i.get(ae), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: c } = t, u = { unitId: s, subUnitId: o, drawingIds: a };
+    let l;
+    if (c === vt.forward ? l = r.getForwardDrawingsOp(u) : c === vt.backward ? l = r.getBackwardDrawingOp(u) : c === vt.front ? l = r.getFrontDrawingsOp(u) : c === vt.back && (l = r.getBackDrawingsOp(u)), l == null)
+      return !1;
+    const { objects: d, redo: g, undo: h } = l;
+    return e.syncExecuteCommand(A.id, { op: g, unitId: s, subUnitId: o, objects: d, type: P.ARRANGE }) ? (n.pushUndoRedo({
+      unitID: s,
+      undoMutations: [
+        { id: A.id, params: { op: h, unitId: s, subUnitId: o, objects: d, type: P.ARRANGE } }
+      ],
+      redoMutations: [
+        { id: A.id, params: { op: g, unitId: s, subUnitId: o, objects: d, type: P.ARRANGE } }
+      ]
+    }), !0) : !1;
+  }
+}, Vt = {
+  id: "sheet.command.set-sheet-image",
+  type: ee.COMMAND,
+  handler: (i, t) => {
+    const e = i.get(Y), n = i.get(Ve), r = i.get(ae);
+    if (!t) return !1;
+    const { drawings: s } = t, o = r.getBatchUpdateOp(s), { unitId: a, subUnitId: c, undo: u, redo: l, objects: d } = o;
+    return e.syncExecuteCommand(A.id, { unitId: a, subUnitId: c, op: l, objects: d, type: P.UPDATE }) ? (n.pushUndoRedo({
+      unitID: a,
+      undoMutations: [
+        { id: A.id, params: { unitId: a, subUnitId: c, op: u, objects: d, type: P.UPDATE } },
+        { id: F.id, params: [a] }
+      ],
+      redoMutations: [
+        { id: A.id, params: { unitId: a, subUnitId: c, op: l, objects: d, type: P.UPDATE } },
+        { id: F.id, params: [a] }
+      ]
+    }), !0) : !1;
+  }
+}, Mr = {
+  id: "sheet.command.ungroup-sheet-image",
+  type: ee.COMMAND,
+  handler: (i, t) => {
+    const e = i.get(Y), n = i.get(Ve), r = i.get(ae);
+    if (!t) return !1;
+    const s = [];
+    t.forEach(({ parent: h, children: m }) => {
+      s.push(h.unitId), m.forEach((p) => {
+        s.push(p.unitId);
+      });
+    });
+    const o = r.getUngroupDrawingOp(t), { unitId: a, subUnitId: c, undo: u, redo: l, objects: d } = o;
+    return e.syncExecuteCommand(A.id, { op: l, unitId: a, subUnitId: c, objects: d, type: P.UNGROUP }) ? (n.pushUndoRedo({
+      unitID: a,
+      undoMutations: [
+        { id: A.id, params: { op: u, unitId: a, subUnitId: c, objects: Ds(d), type: P.GROUP } },
+        { id: F.id, params: s }
+      ],
+      redoMutations: [
+        { id: A.id, params: { op: l, unitId: a, subUnitId: c, objects: d, type: P.UNGROUP } },
+        { id: F.id, params: s }
+      ]
+    }), !0) : !1;
+  }
+};
+var Rs = Object.getOwnPropertyDescriptor, Ms = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Rs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, re = (i, t) => (e, n) => t(e, n, i);
+function ys(i, t, e) {
+  const n = e * Math.PI / 180, r = Math.abs(i * Math.cos(n)) + Math.abs(t * Math.sin(n)), s = Math.abs(i * Math.sin(n)) + Math.abs(t * Math.cos(n));
+  return { rotatedWidth: r, rotatedHeight: s };
+}
+function un(i, t, e, n, r) {
+  var S;
+  const { rotatedHeight: s, rotatedWidth: o } = ys(e, n, r), c = i.get(te).getRenderById(t.unitId);
+  if (!c)
+    return !1;
+  const l = (S = c.with(V).getSkeletonParam(t.subUnitId)) == null ? void 0 : S.skeleton;
+  if (l == null)
+    return !1;
+  const d = l.getCellByIndex(t.row, t.col), g = d.mergeInfo.endX - d.mergeInfo.startX - 2, h = d.mergeInfo.endY - d.mergeInfo.startY - 2, m = o / s, f = Math.ceil(Math.min(g, h * m)) / o, w = !f || Number.isNaN(f) ? 1e-3 : f;
+  return {
+    width: e * w,
+    height: n * w
+  };
+}
+let rt = class extends se {
+  constructor(t, e, n, r, s, o, a, c, u, l, d, g, h) {
+    super();
+    q(this, "_workbookSelections");
+    this._context = t, this._skeletonManagerService = e, this._commandService = n, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = a, this._drawingManagerService = c, this._contextService = u, this._messageService = l, this._localeService = d, this._injector = h, this._workbookSelections = g.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
+  }
+  async insertFloatImage() {
+    const t = await this._fileOpenerService.openFile({
+      multiple: !0,
+      accept: On.map((n) => `.${n.replace("image/", "")}`).join(",")
+    }), e = t.length;
+    return e > Un ? (this._messageService.show({
+      type: Re.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(Un))
+    }), !1) : e === 0 ? !1 : (t.forEach(async (n) => await this.insertFloatImageByFile(n)), !0);
+  }
+  async insertCellImage() {
+    const e = (await this._fileOpenerService.openFile({
+      multiple: !1,
+      accept: On.map((n) => `.${n.replace("image/", "")}`).join(",")
+    }))[0];
+    return e ? (await this._insertCellImage(e), !0) : !1;
+  }
+  insertCellImageByFile(t, e) {
+    return this._insertCellImage(t, e);
+  }
+  async insertFloatImageByFile(t) {
+    let e;
+    try {
+      e = await this._imageIoService.saveImage(t);
+    } catch (S) {
+      const C = S.message;
+      C === Be.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: Re.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(Pn / (1024 * 1024)))
+      }) : C === Be.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: Re.Error,
+        content: this._localeService.t("update-status.invalidImageType")
+      }) : C === Be.ERROR_IMAGE && this._messageService.show({
+        type: Re.Error,
+        content: this._localeService.t("update-status.invalidImage")
+      });
+    }
+    if (e == null)
+      return;
+    const n = this._getUnitInfo(), { unitId: r, subUnitId: s } = n, { imageId: o, imageSourceType: a, source: c, base64Cache: u } = e, { width: l, height: d, image: g } = await Zt(u || ""), { width: h, height: m } = this._context.scene;
+    this._imageIoService.addImageSourceCache(c, a, g);
+    let p = 1;
+    if (l > An || d > Nn) {
+      const S = An / l, C = Nn / d;
+      p = Math.max(S, C);
+    }
+    const f = this._getImagePosition(l * p, d * p, h, m);
+    if (f == null)
+      return;
+    const w = {
+      unitId: r,
+      subUnitId: s,
+      drawingId: o,
+      drawingType: L.DRAWING_IMAGE,
+      imageSourceType: a,
+      source: c,
+      transform: H(f, this._selectionRenderService, this._skeletonManagerService),
+      sheetTransform: f
+    };
+    return this._commandService.executeCommand(Gt.id, {
+      unitId: r,
+      drawings: [w]
+    });
+  }
+  // eslint-disable-next-line max-lines-per-function
+  async _insertCellImage(t, e) {
+    var w, S;
+    let n;
+    try {
+      n = await this._imageIoService.saveImage(t);
+    } catch (C) {
+      const D = C.message;
+      D === Be.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: Re.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(Pn / (1024 * 1024)))
+      }) : D === Be.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: Re.Error,
+        content: this._localeService.t("update-status.invalidImageType")
+      }) : D === Be.ERROR_IMAGE && this._messageService.show({
+        type: Re.Error,
+        content: this._localeService.t("update-status.invalidImage")
+      });
+    }
+    if (n == null)
+      return !1;
+    const { imageId: r, imageSourceType: s, source: o, base64Cache: a } = n, { width: c, height: u, image: l } = await Zt(a || "");
+    this._imageIoService.addImageSourceCache(o, s, l);
+    const d = this._workbookSelections.getCurrentLastSelection();
+    if (!d)
+      return !1;
+    const g = tn("", {}), h = un(
+      this._injector,
+      {
+        unitId: this._context.unitId,
+        subUnitId: this._context.unit.getActiveSheet().getSheetId(),
+        row: d.primary.actualRow,
+        col: d.primary.actualColumn
+      },
+      c,
+      u,
+      0
+    );
+    if (!h)
+      return !1;
+    const m = {
+      size: {
+        width: h.width,
+        height: h.height
+      },
+      positionH: {
+        relativeFrom: Rn.PAGE,
+        posOffset: 0
+      },
+      positionV: {
+        relativeFrom: bn.PARAGRAPH,
+        posOffset: 0
+      },
+      angle: 0
+    }, p = {
+      unitId: g.getUnitId(),
+      subUnitId: g.getUnitId(),
+      drawingId: r,
+      drawingType: L.DRAWING_IMAGE,
+      imageSourceType: s,
+      source: o,
+      transform: Xn(m),
+      docTransform: m,
+      behindDoc: En.FALSE,
+      title: "",
+      description: "",
+      layoutType: yn.INLINE,
+      // Insert inline drawing by default.
+      wrapText: Mn.BOTH_SIDES,
+      distB: 0,
+      distL: 0,
+      distR: 0,
+      distT: 0
+    }, f = nn.drawing.add({
+      documentDataModel: g,
+      drawings: [p],
+      selection: {
+        collapsed: !0,
+        startOffset: 0,
+        endOffset: 0
+      }
+    });
+    return f ? (g.apply(f), this._commandService.syncExecuteCommand(Yn.id, {
+      value: {
+        [(w = e == null ? void 0 : e.row) != null ? w : d.primary.actualRow]: {
+          [(S = e == null ? void 0 : e.col) != null ? S : d.primary.actualColumn]: {
+            p: g.getSnapshot(),
+            t: 1
+          }
+        }
+      },
+      unitId: e == null ? void 0 : e.unitId,
+      subUnitId: e == null ? void 0 : e.subUnitId
+    })) : !1;
+  }
+  // eslint-disable-next-line max-lines-per-function
+  async insertCellImageByUrl(t, e) {
+    var g, h;
+    const { width: n, height: r, image: s } = await Zt(t || "");
+    this._imageIoService.addImageSourceCache(t, Tn.URL, s);
+    const o = this._workbookSelections.getCurrentLastSelection();
+    if (!o)
+      return !1;
+    const a = tn("", {}), c = un(
+      this._injector,
+      {
+        unitId: this._context.unitId,
+        subUnitId: this._context.unit.getActiveSheet().getSheetId(),
+        row: o.primary.actualRow,
+        col: o.primary.actualColumn
+      },
+      n,
+      r,
+      0
+    );
+    if (!c)
+      return !1;
+    const u = {
+      size: {
+        width: c.width,
+        height: c.height
+      },
+      positionH: {
+        relativeFrom: Rn.PAGE,
+        posOffset: 0
+      },
+      positionV: {
+        relativeFrom: bn.PARAGRAPH,
+        posOffset: 0
+      },
+      angle: 0
+    }, l = {
+      unitId: a.getUnitId(),
+      subUnitId: a.getUnitId(),
+      drawingId: Ot(),
+      drawingType: L.DRAWING_IMAGE,
+      imageSourceType: Tn.URL,
+      source: t,
+      transform: Xn(u),
+      docTransform: u,
+      behindDoc: En.FALSE,
+      title: "",
+      description: "",
+      layoutType: yn.INLINE,
+      // Insert inline drawing by default.
+      wrapText: Mn.BOTH_SIDES,
+      distB: 0,
+      distL: 0,
+      distR: 0,
+      distT: 0
+    }, d = nn.drawing.add({
+      documentDataModel: a,
+      drawings: [l],
+      selection: {
+        collapsed: !0,
+        startOffset: 0,
+        endOffset: 0
+      }
+    });
+    return d ? (a.apply(d), this._commandService.syncExecuteCommand(Yn.id, {
+      value: {
+        [(g = e == null ? void 0 : e.row) != null ? g : o.primary.actualRow]: {
+          [(h = e == null ? void 0 : e.col) != null ? h : o.primary.actualColumn]: {
+            p: a.getSnapshot(),
+            t: 1
+          }
+        }
+      },
+      unitId: e == null ? void 0 : e.unitId,
+      subUnitId: e == null ? void 0 : e.subUnitId
+    })) : !1;
+  }
+  _getUnitInfo() {
+    const t = this._context.unit, e = t.getActiveSheet(), n = t.getUnitId(), r = e.getSheetId();
+    return {
+      unitId: n,
+      subUnitId: r
+    };
+  }
+  _getImagePosition(t, e, n, r) {
+    const s = this._workbookSelections.getCurrentSelections();
+    let o = {
+      startRow: 0,
+      endRow: 0,
+      startColumn: 0,
+      endColumn: 0
+    };
+    s && s.length > 0 && (o = s[s.length - 1].range);
+    const a = tr(this._skeletonManagerService.getCurrent().skeleton, o);
+    if (a == null)
+      return;
+    let { startColumn: c, startRow: u, startX: l, startY: d } = a, g = !1;
+    if (l + t > n && (l = n - t, l < 0 && (l = 0, t = n), g = !0), d + e > r && (d = r - e, d < 0 && (d = 0, e = r), g = !0), g) {
+      const f = this._selectionRenderService.getCellWithCoordByOffset(l, d);
+      if (f == null)
+        return;
+      l = f.startX, d = f.startY, c = f.actualColumn, u = f.actualRow;
+    }
+    const h = {
+      column: c,
+      columnOffset: 0,
+      row: u,
+      rowOffset: 0
+    }, m = this._selectionRenderService.getCellWithCoordByOffset(l + t, d + e);
+    if (m == null)
+      return;
+    const p = {
+      column: m.actualColumn,
+      columnOffset: l + t - m.startX,
+      row: m.actualRow,
+      rowOffset: d + e - m.startY
+    };
+    return {
+      from: h,
+      to: p
+    };
+  }
+  _updateOrderListener() {
+    this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((t) => {
+      const { unitId: e, subUnitId: n, drawingIds: r, arrangeType: s } = t;
+      this._commandService.executeCommand(Rr.id, {
+        unitId: e,
+        subUnitId: n,
+        drawingIds: r,
+        arrangeType: s
+      });
+    }));
+  }
+  _updateImageListener() {
+    this.disposeWithMe(this._drawingManagerService.featurePluginUpdate$.subscribe((t) => {
+      const e = [];
+      t.length !== 0 && (t.forEach((n) => {
+        const { unitId: r, subUnitId: s, drawingId: o, drawingType: a, transform: c } = n;
+        if (c == null)
+          return;
+        const u = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
+        if (u == null || u.unitId !== this._context.unitId)
+          return;
+        const l = $({ ...u.transform, ...c }, this._selectionRenderService);
+        if (l == null)
+          return;
+        const d = {
+          ...n,
+          transform: { ...u.transform, ...c, ...H(l, this._selectionRenderService, this._skeletonManagerService) },
+          sheetTransform: { ...l }
+        };
+        e.push(d);
+      }), e.length > 0 && this._commandService.executeCommand(Vt.id, {
+        unitId: t[0].unitId,
+        drawings: e
+      }));
+    }));
+  }
+  _groupDrawingListener() {
+    this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((t) => {
+      this._commandService.executeCommand(br.id, t);
+      const { unitId: e, subUnitId: n, drawingId: r } = t[0].parent;
+      this._commandService.syncExecuteCommand(Ft.id, [{ unitId: e, subUnitId: n, drawingId: r }]);
+    })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((t) => {
+      this._commandService.executeCommand(Mr.id, t);
+    }));
+  }
+  _focusDrawingListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.focus$.subscribe((t) => {
+        t == null || t.length === 0 ? (this._contextService.setContextValue(Ye, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Ye, !0), this._sheetDrawingService.focusDrawing(t));
+      })
+    );
+  }
+};
+rt = Ms([
+  re(1, N(V)),
+  re(2, Y),
+  re(3, Xe),
+  re(4, qn),
+  re(5, ki),
+  re(6, ae),
+  re(7, oe),
+  re(8, Jn),
+  re(9, Bi),
+  re(10, N(it)),
+  re(11, N(pn)),
+  re(12, N(st))
+], rt);
+var Es = Object.getOwnPropertyDescriptor, Ts = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Es(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, $e = (i, t) => (e, n) => t(e, n, i);
+function yr(i, t, e) {
+  var n, r, s, o;
+  if (((r = (n = e == null ? void 0 : e.p) == null ? void 0 : n.body) == null ? void 0 : r.dataStream.length) === 3 && ((o = (s = e.p) == null ? void 0 : s.drawingsOrder) == null ? void 0 : o.length) === 1) {
+    const a = e.p.drawings[e.p.drawingsOrder[0]], c = un(
+      i,
+      {
+        unitId: t.unitId,
+        subUnitId: t.subUnitId,
+        row: t.row,
+        col: t.col
+      },
+      a.docTransform.size.width,
+      a.docTransform.size.height,
+      a.docTransform.angle
+    );
+    if (c)
+      return a.transform.width = c.width, a.transform.height = c.height, a.docTransform.size.width = c.width, a.docTransform.size.height = c.height, a.transform.left = 0, a.transform.top = 0, a.docTransform.positionH.posOffset = 0, a.docTransform.positionV.posOffset = 0, e.p.documentStyle.pageSize.width = 1 / 0, e.p.documentStyle.pageSize.height = 1 / 0, !0;
+  }
+  return !1;
+}
+let At = class extends se {
+  constructor(i, t, e, n, r, s) {
+    super(), this._commandService = i, this._sheetInterceptorService = t, this._injector = e, this._drawingManagerService = n, this._docDrawingController = r, this._editorBridgeService = s, this._handleInitEditor(), this._initCellContentInterceptor();
+  }
+  _handleInitEditor() {
+    this.disposeWithMe(this._editorBridgeService.visible$.subscribe((i) => {
+      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(nt), this._docDrawingController.loadDrawingDataForUnit(nt), this._drawingManagerService.initializeNotification(nt)) : this._drawingManagerService.removeDrawingDataForUnit(nt);
+    })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
+      i.id === cs.id && i.params.unitId === Le && (this._drawingManagerService.removeDrawingDataForUnit(Le), this._docDrawingController.loadDrawingDataForUnit(Le), this._drawingManagerService.initializeNotification(Le));
+    }));
+  }
+  _initCellContentInterceptor() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.intercept(
+        Hi.CELL_CONTENT,
+        {
+          effect: Yr.Style,
+          priority: zi.CELL_IMAGE,
+          handler: (i, t, e) => {
+            var n;
+            return i != null && i.p && ((n = i.p.drawingsOrder) != null && n.length) && (i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }, yr(this._injector, { unitId: t.unitId, subUnitId: t.subUnitId, row: t.row, col: t.col }, i)), e(i);
+          }
+        }
+      )
+    );
+  }
+};
+At = Ts([
+  $e(0, Y),
+  $e(1, N(Yt)),
+  $e(2, N(st)),
+  $e(3, oe),
+  $e(4, N(oi)),
+  $e(5, N(Di))
+], At);
+var Os = Object.getOwnPropertyDescriptor, Us = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Os(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, zn = (i, t) => (e, n) => t(e, n, i);
+let Nt = class extends se {
+  constructor(i, t) {
+    super(), this._autoFillService = i, this._injector = t, this._initAutoFillHooks();
+  }
+  _initAutoFillHooks() {
+    this.disposeWithMe(
+      this._autoFillService.addHook({
+        id: "sheet-cell-image-autofill",
+        onBeforeSubmit: (i, t, e, n) => {
+          new Gr(n).forValue((r, s, o) => {
+            yr(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
+          });
+        }
+      })
+    );
+  }
+};
+Nt = Us([
+  zn(0, N(bi)),
+  zn(1, N(st))
+], Nt);
+var Ps = Object.getOwnPropertyDescriptor, As = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ps(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, qe = (i, t) => (e, n) => t(e, n, i);
+const Ns = [
+  nt,
+  Vr,
+  Le
+];
+let kt = class extends se {
+  constructor(i, t, e, n, r) {
+    super(), this._commandService = i, this._univerInstanceService = t, this._dialogService = e, this._renderManagerService = n, this._localeService = r, this._initDocImageCopyPasteHooks();
+  }
+  _setCellImage(i) {
+    var r;
+    const t = tn("", {}), e = (r = gn(x.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(Ri), n = nn.drawing.add({
+      documentDataModel: t,
+      drawings: [i],
+      selection: {
+        collapsed: !0,
+        startOffset: 0,
+        endOffset: 0
+      }
+    });
+    n && (t.apply(n), e && e.submitCellData(t));
+  }
+  _initDocImageCopyPasteHooks() {
+    this.disposeWithMe(
+      this._commandService.beforeCommandExecuted((i) => {
+        var t, e;
+        if (i.id === ds.id) {
+          const n = i.params, { doc: r } = n, s = this._univerInstanceService.getCurrentUnitOfType(x.UNIVER_DOC);
+          if (s == null || !Object.keys((t = r.drawings) != null ? t : {}).length)
+            return;
+          const o = s.getUnitId();
+          if (Ns.includes(o)) {
+            if (o !== Le) {
+              const a = () => {
+                this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(Bn.id, {
+                  visible: !1
+                });
+              };
+              ((e = s.getBody()) == null ? void 0 : e.dataStream) === `\r
+` ? (this._commandService.syncExecuteCommand(Bn.id, {
+                visible: !1
+              }), this._setCellImage(Object.values(r.drawings)[0])) : this._dialogService.open({
+                id: "sheet-cell-image-copy-paste",
+                title: {
+                  label: this._localeService.t("cell-image.pasteTitle")
+                },
+                children: {
+                  label: this._localeService.t("cell-image.pasteContent")
+                },
+                width: 320,
+                destroyOnClose: !0,
+                onClose: a,
+                showOk: !0,
+                showCancel: !0,
+                onOk: () => {
+                  a(), this._setCellImage(Object.values(r.drawings)[0]);
+                },
+                onCancel: a
+              });
+            }
+            throw new Error("Sheet cell image copy paste is not supported in this unit");
+          }
+        }
+      })
+    );
+  }
+};
+kt = As([
+  qe(0, Y),
+  qe(1, Ce),
+  qe(2, Wi),
+  qe(3, te),
+  qe(4, N(it))
+], kt);
+const Xt = {
+  id: "sheet.command.insert-float-image",
+  type: ee.COMMAND,
+  handler: async (i, t) => {
+    var o, a;
+    const e = i.get(Ce), n = i.get(te), r = (o = gn(
+      x.UNIVER_SHEET,
+      e,
+      n
+    )) == null ? void 0 : o.with(rt);
+    if (!r)
+      return !1;
+    const s = t == null ? void 0 : t.files;
+    if (s) {
+      const c = s.map((u) => r.insertFloatImageByFile(u));
+      return (await Promise.all(c)).every((u) => u);
+    } else
+      return (a = r.insertFloatImage()) != null ? a : !1;
+  }
+}, _n = {
+  id: "sheet.command.insert-cell-image",
+  type: ee.COMMAND,
+  handler: (i) => {
+    var n, r;
+    const t = i.get(Ce), e = i.get(te);
+    return (r = (n = gn(
+      x.UNIVER_SHEET,
+      t,
+      e
+    )) == null ? void 0 : n.with(rt).insertCellImage()) != null ? r : !1;
+  }
+};
+var ks = Object.getOwnPropertyDescriptor, Bs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ks(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, Qe = (i, t) => (e, n) => t(e, n, i);
+const Er = "image/png";
+function Ws(i) {
+  const t = i.split(","), e = atob(t[1]), n = e.length, r = new Uint8Array(n);
+  for (let s = 0; s < n; s++)
+    r[s] = e.charCodeAt(s);
+  return new Blob([r], { type: Er });
+}
+function js(i) {
+  const t = new ClipboardItem({ [Er]: Ws(i) });
+  navigator.clipboard.write([t]).catch((e) => {
+    console.error("Could not copy image using clipboard API: ", e);
+  });
+}
+function $s() {
+  function i() {
+    const n = document.createElement("input");
+    return n.style.position = "absolute", n.style.height = "1px", n.style.width = "1px", n.style.opacity = "0", n;
+  }
+  const t = document.activeElement, e = i();
+  return document.body.appendChild(e), e.focus(), () => {
+    e.blur(), document.body.removeChild(e), t instanceof HTMLElement && t.focus();
+  };
+}
+const Kn = [
+  Fe.SPECIAL_PASTE_COL_WIDTH,
+  Fe.SPECIAL_PASTE_VALUE,
+  Fe.SPECIAL_PASTE_FORMAT,
+  Fe.SPECIAL_PASTE_FORMULA
+];
+let Bt = class extends se {
+  constructor(t, e, n, r, s) {
+    super();
+    q(this, "_copyInfo");
+    this._sheetClipboardService = t, this._renderManagerService = e, this._drawingService = n, this._clipboardInterfaceService = r, this._commandService = s, this._initCopyPaste();
+  }
+  get _focusedDrawings() {
+    return this._drawingService.getFocusDrawings();
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _initCopyPaste() {
+    this._sheetClipboardService.addClipboardHook({
+      id: "SHEET_IMAGE_UI_PLUGIN",
+      onBeforeCopy: (t, e, n, r) => {
+        const s = this._focusedDrawings;
+        if (s.length > 0) {
+          const [o] = s;
+          if (r === be.CUT) {
+            const c = {
+              unitId: t,
+              drawings: [o]
+            };
+            this._commandService.executeCommand(ot.id, c);
+          }
+          setTimeout(() => {
+            const c = $s();
+            o.drawingType === L.DRAWING_IMAGE && o.imageSourceType === ci.BASE64 ? js(o.source) : this._clipboardInterfaceService.writeText(""), c();
+          }, 200);
+          const a = {
+            unitId: o.unitId,
+            subUnitId: o.subUnitId,
+            drawings: [o]
+          };
+          this._copyInfo = a;
+        } else {
+          const o = this._createDrawingsCopyInfoByRange(t, e, n);
+          this._copyInfo = o;
+        }
+      },
+      onPasteCells: (t, e, n, r) => {
+        if (!this._copyInfo)
+          return { redos: [], undos: [] };
+        const { copyType: s = be.COPY, pasteType: o } = r, { range: a } = t || {}, { range: c, unitId: u, subUnitId: l } = e;
+        return this._copyInfo.copyRange ? this._generateRangeDrawingsPasteMutations({ pasteType: o, unitId: u, subUnitId: l, pasteRange: c }, { copyRange: a, copyType: s }) : this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: o }, be.COPY);
+      },
+      onPastePlainText: (t, e) => ({ undos: [], redos: [] }),
+      onPasteUnrecognized: (t) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Fe.DEFAULT_PASTE }, be.COPY) : { undos: [], redos: [] },
+      onPasteFiles: (t, e) => {
+        if (this._copyInfo)
+          return this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Fe.DEFAULT_PASTE }, be.COPY);
+        {
+          const n = e.filter((r) => r.type.includes("image"));
+          if (n.length)
+            return {
+              undos: [],
+              redos: [
+                {
+                  id: Xt.id,
+                  params: { files: n }
+                }
+              ]
+            };
+        }
+        return { undos: [], redos: [] };
+      }
+    });
+  }
+  _createDrawingsCopyInfoByRange(t, e, n) {
+    var g;
+    const r = (g = this._renderManagerService.getRenderById(t)) == null ? void 0 : g.with(V);
+    if (!r) return;
+    const s = r.attachRangeWithCoord(n);
+    if (!s)
+      return;
+    const { startX: o, endX: a, startY: c, endY: u } = s, l = this._drawingService.getDrawingData(t, e), d = this._focusedDrawings.slice();
+    if (Object.keys(l).forEach((h) => {
+      const m = l[h], { transform: p } = m;
+      if (m.anchorType !== U.Both || !p)
+        return;
+      const { left: f = 0, top: w = 0, width: S = 0, height: C = 0 } = p, { drawingStartX: D, drawingEndX: v, drawingStartY: b, drawingEndY: _ } = {
+        drawingStartX: f,
+        drawingEndX: f + S,
+        drawingStartY: w,
+        drawingEndY: w + C
+      };
+      o <= D && v <= a && c <= b && _ <= u && d.push(m);
+    }), d.length)
+      return {
+        copyRange: n,
+        drawings: d,
+        unitId: t,
+        subUnitId: e
+      };
+  }
+  _generateSingleDrawingPasteMutations(t, e) {
+    const { pasteType: n, pasteTo: r } = t;
+    if (Kn.includes(n))
+      return { redos: [], undos: [] };
+    const { unitId: s, subUnitId: o, range: a } = r, c = this._renderManagerService.getRenderById(s), u = c == null ? void 0 : c.with(V), l = c == null ? void 0 : c.with(Xe), d = this._copyInfo;
+    if (!u || !l)
+      return { redos: [], undos: [] };
+    const { drawings: g } = d, h = Wn(a);
+    return this._generateMutations(g, {
+      unitId: s,
+      subUnitId: o,
+      isCut: e === be.CUT,
+      getTransform: (m, p) => {
+        var S;
+        const f = u.attachRangeWithCoord({
+          startRow: h.startRow,
+          endRow: h.endRow,
+          startColumn: h.startColumn,
+          endColumn: h.endColumn
+        }), w = {
+          ...m,
+          left: f == null ? void 0 : f.startX,
+          top: f == null ? void 0 : f.startY
+        };
+        return {
+          transform: w,
+          sheetTransform: (S = $(w, l)) != null ? S : p
+        };
+      }
+    });
+  }
+  _generateMutations(t, e) {
+    const {
+      unitId: n,
+      subUnitId: r,
+      getTransform: s,
+      isCut: o
+    } = e, a = [], c = [], { _drawingService: u } = this;
+    return t.forEach((l) => {
+      const { transform: d, sheetTransform: g } = l;
+      if (!d)
+        return;
+      const h = s(d, g), m = {
+        ...l,
+        unitId: n,
+        subUnitId: r,
+        drawingId: o ? l.drawingId : ye.generateRandomId(),
+        transform: h.transform,
+        sheetTransform: h.sheetTransform
+      };
+      if (o) {
+        const { undo: p, redo: f, objects: w } = u.getBatchUpdateOp([m]);
+        a.push({
+          id: A.id,
+          params: {
+            unitId: n,
+            subUnitId: r,
+            type: P.UPDATE,
+            op: f,
+            objects: w
+          }
+        }), c.push({
+          id: A.id,
+          params: {
+            unitId: n,
+            subUnitId: r,
+            type: P.UPDATE,
+            op: p,
+            objects: w
+          }
+        });
+      } else {
+        const { undo: p, redo: f, objects: w } = u.getBatchAddOp([m]);
+        a.push({ id: A.id, params: { op: f, unitId: n, subUnitId: r, objects: w, type: P.INSERT } }), c.push({ id: A.id, params: { op: p, unitId: n, subUnitId: r, objects: w, type: P.REMOVE } });
+      }
+    }), { redos: a, undos: c };
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _generateRangeDrawingsPasteMutations(t, e) {
+    var T;
+    const {
+      unitId: n,
+      subUnitId: r,
+      pasteType: s,
+      pasteRange: o
+    } = t, {
+      copyRange: a,
+      copyType: c
+    } = e;
+    if (Kn.includes(s))
+      return { redos: [], undos: [] };
+    const u = (T = this._renderManagerService.getRenderById(n)) == null ? void 0 : T.with(V);
+    if (!u || !this._copyInfo)
+      return { redos: [], undos: [] };
+    const { drawings: l } = this._copyInfo;
+    if (!a)
+      return this._generateSingleDrawingPasteMutations({
+        pasteTo: { unitId: n, subUnitId: r, range: Wn(o) },
+        pasteType: s
+      }, c);
+    const { ranges: [d, g], mapFunc: h } = Mi([a, o]), { row: m, col: p } = h(d.startRow, d.startColumn), { row: f, col: w } = h(g.startRow, g.startColumn), S = u.attachRangeWithCoord({
+      startRow: m,
+      endRow: m,
+      startColumn: p,
+      endColumn: p
+    }), C = u.attachRangeWithCoord({
+      startRow: f,
+      endRow: f,
+      startColumn: w,
+      endColumn: w
+    });
+    if (!S || !C || !this._copyInfo)
+      return { redos: [], undos: [] };
+    const D = C.startX - S.startX, v = C.startY - S.startY, b = f - m, _ = w - p;
+    return this._generateMutations(l, {
+      unitId: n,
+      subUnitId: r,
+      getTransform: (M, y) => {
+        var E, I;
+        return {
+          transform: {
+            ...M,
+            left: ((E = M == null ? void 0 : M.left) != null ? E : 0) + D,
+            top: ((I = M == null ? void 0 : M.top) != null ? I : 0) + v
+          },
+          sheetTransform: {
+            ...y,
+            to: {
+              ...y.to,
+              row: y.to.row + b,
+              column: y.to.column + _
+            },
+            from: {
+              ...y.from,
+              row: y.from.row + b,
+              column: y.from.column + _
+            }
+          }
+        };
+      },
+      isCut: c === be.CUT
+    });
+  }
+};
+Bt = Bs([
+  Qe(0, yi),
+  Qe(1, te),
+  Qe(2, oe),
+  Qe(3, ji),
+  Qe(4, Y)
+], Bt);
+var xs = Object.getOwnPropertyDescriptor, Ls = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? xs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, et = (i, t) => (e, n) => t(e, n, i);
+let Wt = class extends se {
+  constructor(i, t, e, n, r) {
+    super(), this._drawingManagerService = i, this._renderManagerService = t, this._permissionService = e, this._univerInstanceService = n, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
+  }
+  _initDrawingVisible() {
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = Ct([i, t]);
+    this.disposeWithMe(
+      e.pipe(
+        Se(([n, r]) => n ? n.activeSheet$.pipe(
+          xn((s) => {
+            if (!s) {
+              this._drawingManagerService.setDrawingVisible(!1);
+              return;
+            }
+            const o = n.getUnitId(), a = s.getSheetId();
+            this._permissionService.composePermission([
+              new Gn(o).id,
+              new Vn(o, a).id
+            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(n, s);
+          })
+        ) : (this._drawingManagerService.setDrawingVisible(!1), pe))
+      ).subscribe()
+    );
+  }
+  _handleDrawingVisibilityFalse(i, t) {
+    this._drawingManagerService.setDrawingVisible(!1);
+    const e = i.getUnitId(), n = t.getSheetId(), r = this._drawingManagerService.getDrawingData(e, n), s = Object.values(r), o = this._renderManagerService.getRenderById(e), a = o == null ? void 0 : o.scene;
+    if (!a)
+      return;
+    a.getAllObjectsByOrder().forEach((u) => {
+      u.classType === We.IMAGE && s.some((l) => u.oKey.includes(l.drawingId)) && a.removeObject(u);
+    });
+  }
+  _initDrawingEditable() {
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = Ct([i, t]);
+    this.disposeWithMe(
+      e.pipe(
+        Se(([n, r]) => n ? n.activeSheet$.pipe(
+          xn((s) => {
+            if (!s) {
+              this._drawingManagerService.setDrawingEditable(!1);
+              return;
+            }
+            const o = n.getUnitId(), a = s.getSheetId();
+            this._permissionService.composePermission([
+              new rn(o).id,
+              new sn(o, a).id
+            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingEditable(!0) : this._handleDrawingEditableFalse(n, s);
+          })
+        ) : (this._drawingManagerService.setDrawingEditable(!1), pe))
+      ).subscribe()
+    );
+  }
+  _handleDrawingEditableFalse(i, t) {
+    this._drawingManagerService.setDrawingEditable(!1);
+    const e = i.getUnitId(), n = t.getSheetId(), r = this._drawingManagerService.getDrawingData(e, n), s = Object.values(r), o = this._renderManagerService.getRenderById(e), a = o == null ? void 0 : o.scene;
+    if (!a)
+      return;
+    a.getAllObjectsByOrder().forEach((u) => {
+      u.classType === We.IMAGE && s.some((l) => u.oKey.includes(l.drawingId)) && a.detachTransformerFrom(u);
+    });
+  }
+  _initViewPermissionChange() {
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET), t = this._userManagerService.currentUser$;
+    this.disposeWithMe(
+      Ct([i, t]).pipe(
+        Se(([e, n]) => e ? e.activeSheet$.pipe(
+          Se((r) => {
+            if (!r)
+              return pe;
+            const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
+            if (!c)
+              return pe;
+            const u = c.getTransformerByCreate();
+            return this._permissionService.composePermission$([
+              new Gn(s).id,
+              new Vn(s, o).id
+            ]).pipe(
+              Te((d) => d.every((g) => g.value)),
+              Ln()
+            ).pipe(
+              Te((d) => ({
+                permission: d,
+                scene: c,
+                transformer: u,
+                unitId: s,
+                subUnitId: o
+              }))
+            );
+          })
+        ) : pe)
+      ).subscribe({
+        next: ({ permission: e, scene: n, transformer: r, unitId: s, subUnitId: o }) => {
+          this._drawingManagerService.setDrawingVisible(e);
+          const a = n.getAllObjectsByOrder(), c = this._drawingManagerService.getDrawingData(s, o), u = Object.values(c);
+          e ? this._drawingManagerService.addNotification(u) : (a.forEach((l) => {
+            l.classType === We.IMAGE && u.some((d) => l.oKey.includes(d.drawingId)) && n.removeObject(l);
+          }), r.clearSelectedObjects());
+        },
+        complete: () => {
+          this._drawingManagerService.setDrawingVisible(!0);
+          const e = this._univerInstanceService.getCurrentUnitForType(x.UNIVER_SHEET), n = e == null ? void 0 : e.getActiveSheet(), r = e == null ? void 0 : e.getUnitId(), s = n == null ? void 0 : n.getSheetId();
+          if (!r || !s)
+            return;
+          const o = this._drawingManagerService.getDrawingData(r, s), a = Object.values(o);
+          this._drawingManagerService.addNotification(a);
+        }
+      })
+    );
+  }
+  _initEditPermissionChange() {
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET), t = this._userManagerService.currentUser$;
+    this.disposeWithMe(
+      Ct([i, t]).pipe(
+        Se(([e, n]) => e ? e.activeSheet$.pipe(
+          Se((r) => {
+            if (!r)
+              return pe;
+            const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
+            if (!c)
+              return pe;
+            const u = c.getTransformerByCreate();
+            return this._permissionService.composePermission$([
+              new rn(s).id,
+              new sn(s, o).id
+            ]).pipe(
+              Te((d) => d.every((g) => g.value)),
+              Ln()
+            ).pipe(
+              Te((d) => ({
+                permission: d,
+                scene: c,
+                transformer: u,
+                unitId: s,
+                subUnitId: o
+              }))
+            );
+          })
+        ) : pe)
+      ).subscribe({
+        next: ({ permission: e, scene: n, transformer: r, unitId: s, subUnitId: o }) => {
+          this._drawingManagerService.setDrawingEditable(e);
+          const a = n.getAllObjectsByOrder(), c = this._drawingManagerService.getDrawingData(s, o), u = Object.values(c);
+          e ? (a.forEach((l) => {
+            l.classType === We.IMAGE && u.some((d) => l.oKey.includes(d.drawingId)) && n.attachTransformerTo(l);
+          }), this._drawingManagerService.addNotification(u)) : (a.forEach((l) => {
+            l.classType === We.IMAGE && u.some((d) => l.oKey.includes(d.drawingId)) && n.detachTransformerFrom(l);
+          }), r.clearSelectedObjects());
+        },
+        complete: () => {
+          const e = this._univerInstanceService.getCurrentUnitForType(x.UNIVER_SHEET);
+          if (!e)
+            return;
+          const n = e.getUnitId(), r = e.getActiveSheet();
+          if (!r)
+            return;
+          const s = r.getSheetId(), o = this._renderManagerService.getRenderById(n), a = o == null ? void 0 : o.scene;
+          if (!a)
+            return;
+          const c = this._drawingManagerService.getDrawingData(n, s), u = Object.values(c);
+          this._drawingManagerService.setDrawingEditable(!0), a.getAllObjectsByOrder().forEach((d) => {
+            d.classType === We.IMAGE && u.some((g) => d.oKey.includes(g.drawingId)) && a.detachTransformerFrom(d);
+          });
+        }
+      })
+    );
+  }
+};
+Wt = Ls([
+  et(0, oe),
+  et(1, te),
+  et(2, Xr),
+  et(3, Ce),
+  et(4, N(Hr))
+], Wt);
+var Fs = Object.getOwnPropertyDescriptor, Ys = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Fs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, yt = (i, t) => (e, n) => t(e, n, i);
+let jt = class extends se {
+  constructor(i, t, e, n) {
+    super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = t, this._drawingManagerService = e, this._renderManagerService = n, this._initPrinting();
+  }
+  _initPrinting() {
+    this.disposeWithMe(
+      this._sheetPrintInterceptorService.interceptor.intercept(
+        this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
+        {
+          handler: (i, t, e) => {
+            const { unitId: n, scene: r, subUnitId: s } = t, o = this._drawingManagerService.getDrawingDataForUnit(n), a = o == null ? void 0 : o[s];
+            return a && a.order.forEach((c) => {
+              this._drawingRenderService.renderDrawing(a.data[c], r);
+            }), e();
+          }
+        }
+      )
+    ), this.disposeWithMe(
+      this._sheetPrintInterceptorService.interceptor.intercept(
+        this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_RANGE,
+        {
+          handler: (i, t, e) => {
+            const { unitId: n, subUnitId: r } = t, s = this._renderManagerService.getRenderById(n);
+            if (!s)
+              return e(i);
+            const o = s.with(V).getSkeletonParam(r);
+            if (!o)
+              return e(i);
+            const a = this._drawingManagerService.getDrawingDataForUnit(n), c = a == null ? void 0 : a[t.subUnitId];
+            if (!c)
+              return e(i);
+            const { scaleX: u, scaleY: l } = s.scene, d = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, g = c.order.map((h) => c.data[h]).filter((h) => h.drawingType !== L.DRAWING_DOM);
+            return g.length ? (g.forEach((h) => {
+              if (!h.groupId && h.transform && ye.isDefine(h.transform.left) && ye.isDefine(h.transform.top) && ye.isDefine(h.transform.width) && ye.isDefine(h.transform.height)) {
+                const m = o.skeleton.getCellIndexByOffset(h.transform.left, h.transform.top, u, l, { x: 0, y: 0 }), p = o.skeleton.getCellIndexByOffset(h.transform.left + h.transform.width, h.transform.top + h.transform.height, u, l, { x: 0, y: 0 });
+                m.column < d.startColumn && (d.startColumn = m.column), m.row < d.startRow && (d.startRow = m.row), d.endRow < p.row && (d.endRow = p.row), d.endColumn < p.column && (d.endColumn = p.column);
+              }
+            }), e(d)) : e(i);
+          }
+        }
+      )
+    );
+  }
+};
+jt = Ys([
+  yt(0, N(Ei)),
+  yt(1, N(Qn)),
+  yt(2, oe),
+  yt(3, te)
+], jt);
+var Gs = Object.getOwnPropertyDescriptor, Vs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Gs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, _e = (i, t) => (e, n) => t(e, n, i);
+const Xs = [
+  nr.id,
+  rr.id,
+  ir.id,
+  sr.id,
+  or.id,
+  ar.id,
+  cr.id,
+  dr.id,
+  on.id,
+  an.id,
+  lr.id,
+  ur.id,
+  hr.id,
+  gr.id,
+  mr.id,
+  fr.id,
+  pr.id,
+  wr.id,
+  _r.id
+], Hs = [
+  Ki.id,
+  Zi.id,
+  Ji.id,
+  qi.id,
+  Qi.id,
+  es.id
+];
+let hn = class extends se {
+  constructor(i, t, e, n, r, s, o, a, c) {
+    super(), this._context = i, this._renderManagerService = t, this._commandService = e, this._selectionRenderService = n, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = a, this._univerInstanceService = c, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
+  }
+  _sheetInterceptorListener() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.interceptCommand({
+        getMutations: (i) => {
+          if (!Xs.includes(i.id))
+            return { redos: [], undos: [] };
+          if (i.params == null)
+            return { redos: [], undos: [] };
+          const t = i.id;
+          if (t === nr.id)
+            return this._moveRowInterceptor(i.params, "insert");
+          if ([pr.id, wr.id, _r.id].includes(t))
+            return this._moveRangeInterceptor(i.params);
+          if (t === rr.id)
+            return this._moveColInterceptor(i.params, "insert");
+          if (t === ir.id)
+            return this._moveRowInterceptor(i.params, "remove");
+          if (t === sr.id)
+            return this._moveColInterceptor(i.params, "remove");
+          if (t === or.id) {
+            const { range: e } = i.params;
+            return this._getRangeMoveUndo(
+              e,
+              0
+              /* deleteLeft */
+            );
+          } else if (t === ar.id) {
+            const { range: e } = i.params;
+            return this._getRangeMoveUndo(
+              e,
+              1
+              /* deleteUp */
+            );
+          } else if (t === cr.id) {
+            const { range: e } = i.params;
+            return this._getRangeMoveUndo(
+              e,
+              2
+              /* insertDown */
+            );
+          } else if (t === dr.id) {
+            const { range: e } = i.params;
+            return this._getRangeMoveUndo(
+              e,
+              3
+              /* insertRight */
+            );
+          } else if (t === hr.id || t === gr.id) {
+            const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
+            return this._getDrawingUndoForRowVisible(n, r, s);
+          } else if (t === mr.id || t === fr.id) {
+            const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
+            return this._getDrawingUndoForColVisible(n, r, s);
+          } else if (t === on.id || t === an.id || t === lr.id || t === ur.id) {
+            const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e, o = t === on.id || t === an.id;
+            return this._getDrawingUndoForRowAndColSize(n, r, s, o);
+          }
+          return { redos: [], undos: [] };
+        }
+      })
+    );
+  }
+  _getRangeMoveUndo(i, t) {
+    const e = le(this._univerInstanceService);
+    if (e == null)
+      return { redos: [], undos: [] };
+    const n = e.unitId, r = e.subUnitId, s = [], o = [], a = this._sheetDrawingService.getDrawingData(n, r), c = [], u = [];
+    if (Object.keys(a).forEach((l) => {
+      const d = a[l], { updateDrawings: g, deleteDrawings: h } = this._getUpdateOrDeleteDrawings(i, t, d);
+      c.push(...g), u.push(...h);
+    }), c.length === 0 && u.length === 0)
+      return { redos: [], undos: [] };
+    if (c.length > 0) {
+      const l = this._sheetDrawingService.getBatchUpdateOp(c), { undo: d, redo: g, objects: h } = l;
+      s.push({ id: A.id, params: { unitId: n, subUnitId: r, op: g, objects: h, type: P.UPDATE } }), o.push({ id: A.id, params: { unitId: n, subUnitId: r, op: d, objects: h, type: P.UPDATE } });
+    }
+    if (u.length > 0) {
+      const l = this._sheetDrawingService.getBatchRemoveOp(u), d = l.undo, g = l.redo, h = l.objects;
+      s.push({ id: A.id, params: { unitId: n, subUnitId: r, op: g, objects: h, type: P.REMOVE } }), o.push({ id: A.id, params: { unitId: n, subUnitId: r, op: d, objects: h, type: P.INSERT } });
+    }
+    return s.push({ id: F.id, params: [n] }), o.push({ id: F.id, params: [n] }), {
+      redos: s,
+      undos: o
+    };
+  }
+  _getUpdateOrDeleteDrawings(i, t, e) {
+    const n = [], r = [], { sheetTransform: s, anchorType: o = U.Position, transform: a, unitId: c, subUnitId: u, drawingId: l } = e, { from: d, to: g } = s, { row: h, column: m } = d, { row: p, column: f } = g;
+    if (s == null || a == null)
+      return {
+        updateDrawings: n,
+        deleteDrawings: r
+      };
+    const { startRow: w, endRow: S, startColumn: C, endColumn: D } = i;
+    let v = null, b = null;
+    if (t === 0 && h >= w && p <= S)
+      if (m >= C && f <= D)
+        r.push({ unitId: c, subUnitId: u, drawingId: l });
+      else {
+        const _ = this._shrinkCol(s, a, C, D, o);
+        v = _ == null ? void 0 : _.newSheetTransform, b = _ == null ? void 0 : _.newTransform;
+      }
+    else if (t === 1 && m >= C && f <= D)
+      if (h >= w && p <= S)
+        r.push({ unitId: c, subUnitId: u, drawingId: l });
+      else {
+        const _ = this._shrinkRow(s, a, w, S, o);
+        v = _ == null ? void 0 : _.newSheetTransform, b = _ == null ? void 0 : _.newTransform;
+      }
+    else if (t === 2) {
+      const _ = this._expandRow(s, a, w, S, o);
+      v = _ == null ? void 0 : _.newSheetTransform, b = _ == null ? void 0 : _.newTransform;
+    } else if (t === 3) {
+      const _ = this._expandCol(s, a, C, D, o);
+      v = _ == null ? void 0 : _.newSheetTransform, b = _ == null ? void 0 : _.newTransform;
+    }
+    if (v != null && b != null) {
+      const _ = H(v, this._selectionRenderService, this._skeletonManagerService);
+      n.push({ ...e, sheetTransform: v, transform: _ });
+    }
+    return { updateDrawings: n, deleteDrawings: r };
+  }
+  _remainDrawingSize(i, t, e) {
+    const n = $({ ...i }, this._selectionRenderService);
+    n != null && t.push({
+      ...e,
+      sheetTransform: n
+    });
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _getDrawingUndoForColVisible(i, t, e) {
+    const n = this._drawingManagerService.getDrawingData(i, t), r = [], s = [];
+    if (Object.keys(n).forEach((l) => {
+      const d = n[l], { sheetTransform: g, transform: h, anchorType: m = U.Position } = d;
+      if (m === U.None)
+        this._remainDrawingSize(h, r, d);
+      else {
+        const { from: p, to: f } = g, { row: w, column: S } = p, { row: C, column: D } = f;
+        for (let v = 0; v < e.length; v++) {
+          const b = e[v], { startRow: _, endRow: T, startColumn: M, endColumn: y } = b;
+          if (D < M)
+            continue;
+          if (m === U.Position) {
+            let R = null, O = null;
+            if (S >= M && S <= y) {
+              const B = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: y, startRow: p.row, endRow: f.row });
+              if (B == null)
+                return;
+              O = { ...h, left: B.startX };
+            }
+            if (O != null && (R = $(O, this._selectionRenderService), R != null && O != null)) {
+              r.push({ ...d, sheetTransform: R, transform: O });
+              break;
+            }
+            this._remainDrawingSize(h, r, d);
+            continue;
+          }
+          if (S >= M && D <= y)
+            continue;
+          let E = null, I = null;
+          if (S >= M && S <= y) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: y, startRow: p.row, endRow: f.row });
+            if (R == null)
+              return;
+            I = {
+              ...h,
+              left: (R == null ? void 0 : R.startX) || 0,
+              width: ((h == null ? void 0 : h.width) || 0) - R.endX + R.startX
+            };
+          } else if (D >= M && D <= y) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: M, endColumn: D, startRow: p.row, endRow: f.row });
+            if (R == null)
+              return;
+            I = {
+              ...h,
+              left: R.startX - ((h == null ? void 0 : h.width) || 0)
+            };
+          } else {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: M, endColumn: y, startRow: p.row, endRow: f.row });
+            if (R == null)
+              return;
+            if (I = {
+              ...h,
+              width: ((h == null ? void 0 : h.width) || 0) - R.endX + R.startX
+            }, E = $(I, this._selectionRenderService), E != null && I != null) {
+              s.push({ ...d, sheetTransform: E, transform: I });
+              break;
+            }
+          }
+          if (I != null && (E = $(I, this._selectionRenderService)), I != null && E != null) {
+            r.push({ ...d, sheetTransform: E, transform: I });
+            break;
+          } else
+            this._remainDrawingSize(h, r, d);
+        }
+      }
+    }), r.length === 0 && s.length === 0)
+      return { redos: [], undos: [] };
+    const { redos: o, undos: a } = this._createUndoAndRedoMutation(i, t, r), c = [], u = [];
+    if (s.length > 0) {
+      const { redos: l, undos: d } = this._createUndoAndRedoMutation(i, t, s);
+      c.push(...l), u.push(...d);
+    }
+    return {
+      redos: o,
+      undos: a,
+      preRedos: c,
+      preUndos: u
+    };
+  }
+  _createUndoAndRedoMutation(i, t, e) {
+    const n = this._sheetDrawingService.getBatchUpdateOp(e), { undo: r, redo: s, objects: o } = n, a = [
+      { id: A.id, params: { unitId: i, subUnitId: t, op: s, objects: o, type: P.UPDATE } },
+      { id: F.id, params: [i] }
+    ], c = [
+      { id: A.id, params: { unitId: i, subUnitId: t, op: r, objects: o, type: P.UPDATE } },
+      { id: F.id, params: [i] }
+    ];
+    return {
+      redos: a,
+      undos: c
+    };
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _getDrawingUndoForRowVisible(i, t, e) {
+    const n = this._drawingManagerService.getDrawingData(i, t), r = [], s = [];
+    if (Object.keys(n).forEach((l) => {
+      const d = n[l], { sheetTransform: g, transform: h, anchorType: m = U.Position } = d;
+      if (m === U.None)
+        this._remainDrawingSize(h, r, d);
+      else {
+        const { from: p, to: f } = g, { row: w, column: S } = p, { row: C, column: D } = f;
+        for (let v = 0; v < e.length; v++) {
+          const b = e[v], { startRow: _, endRow: T, startColumn: M, endColumn: y } = b;
+          if (C < _)
+            continue;
+          if (m === U.Position) {
+            let R = null, O = null;
+            if (w >= _ && w <= T) {
+              const B = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: w, endRow: T });
+              if (B == null)
+                return;
+              O = { ...h, top: B.startY };
+            }
+            if (O != null && (R = $(O, this._selectionRenderService), R != null && O != null)) {
+              r.push({ ...d, sheetTransform: R, transform: O });
+              break;
+            }
+            this._remainDrawingSize(h, r, d);
+            continue;
+          }
+          if (w >= _ && C <= T)
+            continue;
+          let E = null, I = null;
+          if (w >= _ && w <= T) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: w, endRow: T });
+            if (R == null)
+              return;
+            I = {
+              ...h,
+              top: (R == null ? void 0 : R.startY) || 0,
+              height: ((h == null ? void 0 : h.height) || 0) - R.endY + R.startY
+            };
+          } else if (C >= _ && C <= T) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: _, endRow: C });
+            if (R == null)
+              return;
+            I = {
+              ...h,
+              top: R.startY - ((h == null ? void 0 : h.height) || 0)
+            };
+          } else {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: f.column, startRow: _, endRow: T });
+            if (R == null)
+              return;
+            if (I = {
+              ...h,
+              height: ((h == null ? void 0 : h.height) || 0) - R.endY + R.startY
+            }, E = $(I, this._selectionRenderService), E != null && I != null) {
+              s.push({ ...d, sheetTransform: E, transform: I });
+              break;
+            }
+          }
+          if (I != null && (E = $(I, this._selectionRenderService)), I != null && E != null) {
+            r.push({ ...d, sheetTransform: E, transform: I });
+            break;
+          } else
+            this._remainDrawingSize(h, r, d);
+        }
+      }
+    }), r.length === 0 && s.length === 0)
+      return { redos: [], undos: [] };
+    const { redos: o, undos: a } = this._createUndoAndRedoMutation(i, t, r), c = [], u = [];
+    if (s.length > 0) {
+      const { redos: l, undos: d } = this._createUndoAndRedoMutation(i, t, s);
+      c.push(...l), u.push(...d);
+    }
+    return {
+      redos: o,
+      undos: a,
+      preRedos: c,
+      preUndos: u
+    };
+  }
+  _getDrawingUndoForRowAndColSize(i, t, e, n) {
+    const r = this._drawingManagerService.getDrawingData(i, t), s = [];
+    return Object.keys(r).forEach((o) => {
+      const a = r[o], { sheetTransform: c, transform: u, anchorType: l = U.Position } = a;
+      if (l === U.None)
+        this._remainDrawingSize(u, s, a);
+      else {
+        const { from: d, to: g } = c, { row: h, column: m } = d, { row: p, column: f } = g;
+        for (let w = 0; w < e.length; w++) {
+          const S = e[w], { startRow: C, endRow: D, startColumn: v, endColumn: b } = S;
+          if (p < C || f < v)
+            continue;
+          if (l === U.Position && (h <= C && p >= D || m <= v && f >= b)) {
+            this._remainDrawingSize(u, s, a);
+            continue;
+          }
+          const _ = H({ ...c }, this._selectionRenderService, this._skeletonManagerService);
+          if (_ != null) {
+            s.push({
+              ...a,
+              transform: _
+            });
+            break;
+          }
+        }
+      }
+    }), s.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(i, t, s);
+  }
+  _getUnitIdAndSubUnitId(i, t) {
+    let e, n;
+    if (t === "insert")
+      e = i.unitId, n = i.subUnitId;
+    else {
+      const r = le(this._univerInstanceService);
+      if (r == null)
+        return;
+      e = r.unitId, n = r.subUnitId;
+    }
+    return { unitId: e, subUnitId: n };
+  }
+  _moveRangeInterceptor(i) {
+    var C, D;
+    const { toRange: t, fromRange: e } = i, n = le(this._univerInstanceService);
+    if (!n)
+      return { redos: [], undos: [] };
+    const { unitId: r, subUnitId: s } = n, o = (D = (C = this._renderManagerService.getRenderById(r)) == null ? void 0 : C.with(V)) == null ? void 0 : D.getCurrentSkeleton();
+    if (!o)
+      return { redos: [], undos: [] };
+    const a = tr(o, e);
+    if (!a)
+      return { redos: [], undos: [] };
+    const { startX: c, endX: u, startY: l, endY: d } = a, g = this._sheetDrawingService.getDrawingData(r, s), h = [];
+    Object.keys(g).forEach((v) => {
+      const b = g[v];
+      if (b.anchorType !== U.Both)
+        return;
+      const { transform: _ } = b;
+      if (!_)
+        return;
+      const { left: T = 0, top: M = 0, width: y = 0, height: E = 0 } = _, { drawingStartX: I, drawingEndX: R, drawingStartY: O, drawingEndY: B } = {
+        drawingStartX: T,
+        drawingEndX: T + y,
+        drawingStartY: M,
+        drawingEndY: M + E
+      };
+      c <= I && R <= u && l <= O && B <= d && h.push(b);
+    });
+    const m = [], p = [], f = t.startRow - e.startRow, w = t.startColumn - e.startColumn, S = h.map((v) => {
+      const b = v.sheetTransform, _ = {
+        to: { ...b.to, row: b.to.row + f, column: b.to.column + w },
+        from: { ...b.from, row: b.from.row + f, column: b.from.column + w }
+      }, T = H(_, this._selectionRenderService, this._skeletonManagerService);
+      return {
+        unitId: r,
+        subUnitId: s,
+        drawingId: v.drawingId,
+        transform: T,
+        sheetTransform: _
+      };
+    });
+    if (S.length) {
+      const v = this._sheetDrawingService.getBatchUpdateOp(S), { undo: b, redo: _, objects: T } = v;
+      m.push({ id: A.id, params: { unitId: r, subUnitId: s, op: _, objects: T, type: P.UPDATE } }), p.push({ id: A.id, params: { unitId: r, subUnitId: s, op: b, objects: T, type: P.UPDATE } });
+    }
+    return { redos: m, undos: p };
+  }
+  _moveRowInterceptor(i, t) {
+    const e = this._getUnitIdAndSubUnitId(i, t);
+    if (e == null)
+      return { redos: [], undos: [] };
+    const { unitId: n, subUnitId: r } = e, { range: s } = i, o = s.startRow, a = s.endRow, c = [], u = [], l = this._sheetDrawingService.getDrawingData(n, r), d = [], g = [];
+    if (Object.keys(l).forEach((h) => {
+      const m = l[h], { sheetTransform: p, transform: f, anchorType: w = U.Position } = m;
+      if (p == null || f == null)
+        return;
+      let S, C;
+      if (t === "insert") {
+        const v = this._expandRow(p, f, o, a, w);
+        S = v == null ? void 0 : v.newSheetTransform, C = v == null ? void 0 : v.newTransform;
+      } else {
+        const { from: v, to: b } = p, { row: _ } = v, { row: T } = b;
+        if (w === U.Both && _ >= o && T <= a)
+          g.push({ unitId: n, subUnitId: r, drawingId: h });
+        else {
+          const M = this._shrinkRow(p, f, o, a, w);
+          S = M == null ? void 0 : M.newSheetTransform, C = M == null ? void 0 : M.newTransform;
+        }
+      }
+      if (!S || !C)
+        return;
+      const D = { unitId: n, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
+      d.push(D);
+    }), d.length === 0 && g.length === 0)
+      return { redos: [], undos: [] };
+    if (d.length > 0) {
+      const h = this._sheetDrawingService.getBatchUpdateOp(d), { undo: m, redo: p, objects: f } = h;
+      c.push({ id: A.id, params: { unitId: n, subUnitId: r, op: p, objects: f, type: P.UPDATE } }), u.push({ id: A.id, params: { unitId: n, subUnitId: r, op: m, objects: f, type: P.UPDATE } });
+    }
+    if (g.length > 0) {
+      const h = this._sheetDrawingService.getBatchRemoveOp(g), m = h.undo, p = h.redo, f = h.objects;
+      c.push({ id: A.id, params: { unitId: n, subUnitId: r, op: p, objects: f, type: P.REMOVE } }), u.push({ id: A.id, params: { unitId: n, subUnitId: r, op: m, objects: f, type: P.INSERT } });
+    }
+    return c.push({ id: F.id, params: [n] }), u.push({ id: F.id, params: [n] }), {
+      redos: c,
+      undos: u
+    };
+  }
+  _moveColInterceptor(i, t) {
+    const e = this._getUnitIdAndSubUnitId(i, t);
+    if (e == null)
+      return { redos: [], undos: [] };
+    const { unitId: n, subUnitId: r } = e, { range: s } = i, o = s.startColumn, a = s.endColumn, c = [], u = [], l = this._sheetDrawingService.getDrawingData(n, r), d = [], g = [];
+    if (Object.keys(l).forEach((h) => {
+      const m = l[h], { sheetTransform: p, transform: f, anchorType: w = U.Position } = m;
+      if (p == null || f == null)
+        return;
+      let S, C;
+      if (t === "insert") {
+        const v = this._expandCol(p, f, o, a, w);
+        S = v == null ? void 0 : v.newSheetTransform, C = v == null ? void 0 : v.newTransform;
+      } else {
+        const { from: v, to: b } = p, { column: _ } = v, { column: T } = b;
+        if (w === U.Both && _ >= o && T <= a)
+          g.push({ unitId: n, subUnitId: r, drawingId: h });
+        else {
+          const M = this._shrinkCol(p, f, o, a, w);
+          S = M == null ? void 0 : M.newSheetTransform, C = M == null ? void 0 : M.newTransform;
+        }
+      }
+      if (!S || !C)
+        return;
+      const D = { unitId: n, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
+      d.push(D);
+    }), d.length === 0 && g.length === 0)
+      return { redos: [], undos: [] };
+    if (d.length > 0) {
+      const h = this._sheetDrawingService.getBatchUpdateOp(d), { undo: m, redo: p, objects: f } = h;
+      c.push({ id: A.id, params: { unitId: n, subUnitId: r, op: p, objects: f, type: P.UPDATE } }), u.push({ id: A.id, params: { unitId: n, subUnitId: r, op: m, objects: f, type: P.UPDATE } });
+    }
+    if (g.length > 0) {
+      const h = this._sheetDrawingService.getBatchRemoveOp(g), m = h.undo, p = h.redo, f = h.objects;
+      c.push({ id: A.id, params: { unitId: n, subUnitId: r, op: p, objects: f, type: P.REMOVE } }), u.push({ id: A.id, params: { unitId: n, subUnitId: r, op: m, objects: f, type: P.INSERT } });
+    }
+    return c.push({ id: F.id, params: [n] }), u.push({ id: F.id, params: [n] }), { redos: c, undos: u };
+  }
+  _expandCol(i, t, e, n, r = U.Position) {
+    const s = n - e + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
+    if (r === U.None)
+      return {
+        newSheetTransform: $({ ...t }, this._selectionRenderService),
+        newTransform: t
+      };
+    let l = null, d = null;
+    if (c >= e) {
+      const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: e, endColumn: n, startRow: o.row, endRow: a.row });
+      if (g == null)
+        return;
+      d = { ...t, left: (t.left || 0) + g.endX - g.startX }, l = $(d, this._selectionRenderService);
+    } else if (u >= n)
+      if (r === U.Both)
+        l = {
+          from: { ...o },
+          to: { ...a, column: u + s }
+        }, d = H(l, this._selectionRenderService, this._skeletonManagerService);
+      else
+        return {
+          newSheetTransform: $({ ...t }, this._selectionRenderService),
+          newTransform: t
+        };
+    return l != null && d != null ? {
+      newSheetTransform: l,
+      newTransform: d
+    } : null;
+  }
+  _shrinkCol(i, t, e, n, r = U.Position) {
+    const s = n - e + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
+    if (r === U.None)
+      return {
+        newSheetTransform: $({ ...t }, this._selectionRenderService),
+        newTransform: t
+      };
+    let l = null, d = null;
+    if (c > n)
+      l = {
+        from: { ...o, column: c - s },
+        to: { ...a, column: u - s }
+      }, d = H(l, this._selectionRenderService, this._skeletonManagerService);
+    else {
+      if (c >= e && u <= n)
+        return null;
+      if (c < e && u > n)
+        if (r === U.Both)
+          l = {
+            from: { ...o },
+            to: { ...a, column: u - s }
+          }, d = H(l, this._selectionRenderService, this._skeletonManagerService);
+        else
+          return {
+            newSheetTransform: $({ ...t }, this._selectionRenderService),
+            newTransform: t
+          };
+      else if (c >= e && c <= n) {
+        if (c === e)
+          d = { ...t, left: (t.left || 0) - i.from.columnOffset };
+        else {
+          const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: e, endColumn: c - 1, startRow: o.row, endRow: a.row });
+          if (g == null)
+            return;
+          d = { ...t, left: (t.left || 0) - g.endX + g.startX - i.from.columnOffset };
+        }
+        l = $(d, this._selectionRenderService);
+      } else if (u >= e && u <= n && r === U.Both) {
+        const g = this._skeletonManagerService.attachRangeWithCoord({
+          startColumn: e - 1,
+          endColumn: e - 1,
+          startRow: o.row,
+          endRow: a.row
+        });
+        if (g == null)
+          return;
+        l = {
+          from: { ...o },
+          to: { ...a, column: e - 1, columnOffset: g.endX - g.startX }
+        }, d = H(l, this._selectionRenderService, this._skeletonManagerService);
+      }
+    }
+    return l != null && d != null ? {
+      newSheetTransform: l,
+      newTransform: d
+    } : null;
+  }
+  _expandRow(i, t, e, n, r = U.Position) {
+    const s = n - e + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
+    if (r === U.None)
+      return {
+        newSheetTransform: $({ ...t }, this._selectionRenderService),
+        newTransform: t
+      };
+    let l = null, d = null;
+    if (c >= e) {
+      const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: e, endRow: n, startColumn: o.column, endColumn: a.column });
+      if (g == null)
+        return;
+      d = { ...t, top: (t.top || 0) + g.endY - g.startY }, l = $(d, this._selectionRenderService);
+    } else if (u >= n)
+      if (r === U.Both)
+        l = {
+          from: { ...o },
+          to: {
+            ...a,
+            row: u + s
+          }
+        }, d = H(l, this._selectionRenderService, this._skeletonManagerService);
+      else
+        return {
+          newSheetTransform: $({ ...t }, this._selectionRenderService),
+          newTransform: t
+        };
+    return l != null && d != null ? {
+      newSheetTransform: l,
+      newTransform: d
+    } : null;
+  }
+  _shrinkRow(i, t, e, n, r = U.Position) {
+    const s = n - e + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
+    if (r === U.None)
+      return {
+        newSheetTransform: $({ ...t }, this._selectionRenderService),
+        newTransform: t
+      };
+    let l = null, d = null;
+    if (c > n)
+      l = {
+        from: { ...o, row: c - s },
+        to: { ...a, row: u - s }
+      }, d = H(l, this._selectionRenderService, this._skeletonManagerService);
+    else {
+      if (c >= e && u <= n)
+        return null;
+      if (c < e && u > n)
+        if (r === U.Both)
+          l = {
+            from: { ...o },
+            to: { ...a, row: u - s }
+          }, d = H(l, this._selectionRenderService, this._skeletonManagerService);
+        else
+          return {
+            newSheetTransform: $({ ...t }, this._selectionRenderService),
+            newTransform: t
+          };
+      else if (c >= e && c <= n) {
+        if (c === e)
+          d = { ...t, top: (t.top || 0) - i.from.rowOffset };
+        else {
+          const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: e, endRow: c - 1, startColumn: o.column, endColumn: a.column });
+          if (g == null)
+            return;
+          d = { ...t, top: (t.top || 0) - g.endY + g.startY - i.from.rowOffset };
+        }
+        l = $(d, this._selectionRenderService);
+      } else if (u >= e && u <= n && r === U.Both) {
+        const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: e - 1, endRow: e - 1 });
+        if (g == null)
+          return;
+        l = {
+          from: { ...o },
+          to: { ...a, row: e - 1, rowOffset: g.endY - g.startY }
+        }, d = H(l, this._selectionRenderService, this._skeletonManagerService);
+      }
+    }
+    return l != null && d != null ? {
+      newSheetTransform: l,
+      newTransform: d
+    } : null;
+  }
+  _commandListener() {
+    this.disposeWithMe(
+      // TODO@weird94: this should subscribe to the command service
+      // but the skeleton changes like other render modules. These two signals are not equivalent.
+      // As a temp solution, I subscribed to activate$ here.
+      this._commandService.onCommandExecuted((i) => {
+        if (i.id === ts.id) {
+          const { unitId: t, subUnitId: e } = i.params;
+          this._updateDrawings(t, e);
+        }
+      })
+    ), this.disposeWithMe(
+      this._context.activated$.subscribe((i) => {
+        const { unit: t, unitId: e } = this._context;
+        if (i) {
+          const n = t.getActiveSheet().getSheetId();
+          this._updateDrawings(e, n);
+        } else
+          this._clearDrawings(e);
+      })
+    );
+  }
+  _clearDrawings(i) {
+    setTimeout(() => {
+      const t = this._drawingManagerService.drawingManagerData, e = [];
+      Object.keys(t).forEach((n) => {
+        const r = t[n];
+        r != null && Object.keys(r).forEach((s) => {
+          const o = r[s].data;
+          o != null && Object.keys(o).forEach((a) => {
+            n === i && e.push(o[a]);
+          });
+        });
+      }), this._drawingManagerService.removeNotification(e);
+    });
+  }
+  _updateDrawings(i, t) {
+    setTimeout(() => {
+      const e = this._drawingManagerService.drawingManagerData, n = [], r = [];
+      Object.keys(e).forEach((s) => {
+        const o = e[s];
+        o != null && Object.keys(o).forEach((a) => {
+          const c = o[a].data;
+          c != null && Object.keys(c).forEach((u) => {
+            if (s === i && a === t) {
+              const l = c[u];
+              l.transform = H(l.sheetTransform, this._selectionRenderService, this._skeletonManagerService), n.push(c[u]);
+            } else
+              r.push(c[u]);
+          });
+        });
+      }), this._drawingManagerService.removeNotification(r), this._drawingManagerService.addNotification(n);
+    }, 0);
+  }
+  _sheetRefreshListener() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((i) => {
+        Hs.includes(i.id) && requestIdleCallback(() => {
+          const t = i.params, { unitId: e, subUnitId: n, ranges: r } = t;
+          this._refreshDrawingTransform(e, n, r);
+        });
+      })
+    );
+  }
+  _refreshDrawingTransform(i, t, e) {
+    const n = this._drawingManagerService.getDrawingData(i, t), r = [];
+    Object.keys(n).forEach((s) => {
+      const o = n[s], { sheetTransform: a, transform: c, anchorType: u = U.Position } = o;
+      if (u === U.None)
+        return !0;
+      const { from: l, to: d } = a, { row: g, column: h } = l, { row: m, column: p } = d;
+      for (let f = 0; f < e.length; f++) {
+        const w = e[f], { startRow: S, endRow: C, startColumn: D, endColumn: v } = w;
+        if (zr.intersects(
+          {
+            startRow: S,
+            endRow: C,
+            startColumn: D,
+            endColumn: v
+          },
+          {
+            startRow: g,
+            endRow: m,
+            startColumn: h,
+            endColumn: p
+          }
+        ) || g > C || h > v) {
+          const b = u === U.Position, _ = H(a, this._selectionRenderService, this._skeletonManagerService);
+          r.push({
+            ...o,
+            transform: {
+              ..._,
+              width: b ? c == null ? void 0 : c.width : _ == null ? void 0 : _.width,
+              height: b ? c == null ? void 0 : c.height : _ == null ? void 0 : _.height
+            }
+          });
+          break;
+        }
+      }
+    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(F.id, [i]));
+  }
+};
+hn = Vs([
+  _e(1, te),
+  _e(2, Y),
+  _e(3, Xe),
+  _e(4, N(V)),
+  _e(5, N(Yt)),
+  _e(6, ae),
+  _e(7, oe),
+  _e(8, Ce)
+], hn);
+var ie = function() {
+  return ie = Object.assign || function(i) {
+    for (var t, e = 1, n = arguments.length; e < n; e++) {
+      t = arguments[e];
+      for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && (i[r] = t[r]);
+    }
+    return i;
+  }, ie.apply(this, arguments);
+}, zs = function(i, t) {
+  var e = {};
+  for (var n in i) Object.prototype.hasOwnProperty.call(i, n) && t.indexOf(n) < 0 && (e[n] = i[n]);
+  if (i != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, n = Object.getOwnPropertySymbols(i); r < n.length; r++)
+      t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, n[r]) && (e[n[r]] = i[n[r]]);
+  return e;
+}, Tr = vr(function(i, t) {
+  var e = i.icon, n = i.id, r = i.className, s = i.extend, o = zs(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), c = as("_".concat(Js()));
+  return Or(e, "".concat(n), { defIds: e.defIds, idSuffix: c.current }, ie({ ref: t, className: a }, o), s);
+});
+function Or(i, t, e, n, r) {
+  return Sr(i.tag, ie(ie({ key: t }, Ks(i, e, r)), n), (Zs(i, e).children || []).map(function(s, o) {
+    return Or(s, "".concat(t, "-").concat(i.tag, "-").concat(o), e, void 0, r);
+  }));
+}
+function Ks(i, t, e) {
+  var n = ie({}, i.attrs);
+  e != null && e.colorChannel1 && n.fill === "colorChannel1" && (n.fill = e.colorChannel1), i.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(function(s) {
+    var o = s[0], a = s[1];
+    o === "mask" && typeof a == "string" && (n[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
+  });
+  var r = t.defIds;
+  return !r || r.length === 0 || (i.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(function(s) {
+    var o = s[0], a = s[1];
+    typeof a == "string" && (n[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
+  })), n;
+}
+function Zs(i, t) {
+  var e, n = t.defIds;
+  return !n || n.length === 0 ? i : i.tag === "defs" && (!((e = i.children) === null || e === void 0) && e.length) ? ie(ie({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? ie(ie({}, r), { attrs: ie(ie({}, r.attrs), { id: r.attrs.id + t.idSuffix }) }) : r;
+  }) }) : i;
+}
+function Js() {
+  return Math.random().toString(36).substring(2, 8);
+}
+Tr.displayName = "UniverIcon";
+var qs = { 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" } }] }, Ur = vr(function(i, t) {
+  return Sr(Tr, Object.assign({}, i, {
+    id: "add-image-single",
+    ref: t,
+    icon: qs
+  }));
+});
+Ur.displayName = "AddImageSingle";
+const Pr = {
+  id: "sheet.command.delete-drawing",
+  type: ee.COMMAND,
+  handler: (i) => {
+    const t = i.get(Y), n = i.get(ae).getFocusDrawings();
+    if (n.length === 0)
+      return !1;
+    const r = n[0].unitId, s = n.map((o) => {
+      const { unitId: a, subUnitId: c, drawingId: u, drawingType: l } = o;
+      return {
+        unitId: a,
+        subUnitId: c,
+        drawingId: u,
+        drawingType: l
+      };
+    });
+    return t.executeCommand(ot.id, {
+      unitId: r,
+      drawings: s
+    });
+  }
+}, at = {
+  id: "sheet.command.move-drawing",
+  type: ee.COMMAND,
+  handler: (i, t) => {
+    const e = i.get(Y), n = i.get(ae), r = i.get(Xe), { direction: s } = t, o = n.getFocusDrawings();
+    if (o.length === 0)
+      return !1;
+    const a = o[0].unitId, c = o.map((l) => {
+      const { transform: d } = l;
+      if (d == null)
+        return null;
+      const g = { ...d }, { left: h = 0, top: m = 0 } = d;
+      return s === Ie.UP ? g.top = m - 1 : s === Ie.DOWN ? g.top = m + 1 : s === Ie.LEFT ? g.left = h - 1 : s === Ie.RIGHT && (g.left = h + 1), {
+        ...l,
+        transform: g,
+        sheetTransform: $(g, r)
+      };
+    }).filter((l) => l != null);
+    return e.syncExecuteCommand(Vt.id, {
+      unitId: a,
+      drawings: c
+    }) ? (e.syncExecuteCommand(F.id, [a]), !0) : !1;
+  }
+}, Ar = "addition-and-subtraction-single", Nr = "sheet.menu.image";
+function Qs(i) {
+  return {
+    id: Nr,
+    type: fn.SUBITEMS,
+    icon: Ar,
+    tooltip: "sheetImage.title",
+    hidden$: mn(i, x.UNIVER_SHEET),
+    disabled$: Ti(i, { workbookTypes: [rn], worksheetTypes: [sn], rangeTypes: [ns] })
+  };
+}
+function eo(i) {
+  return {
+    id: Xt.id,
+    title: "sheetImage.upload.float",
+    type: fn.BUTTON,
+    hidden$: mn(i, x.UNIVER_SHEET)
+  };
+}
+function to(i) {
+  return {
+    id: _n.id,
+    title: "sheetImage.upload.cell",
+    type: fn.BUTTON,
+    hidden$: mn(i, x.UNIVER_SHEET)
+  };
+}
+const no = "univer-image-common-panel", ro = "univer-image-common-panel-grid", io = "univer-image-common-panel-border", so = "univer-image-common-panel-title", oo = "univer-image-common-panel-row", ao = "univer-image-common-panel-column", ve = {
+  imageCommonPanel: no,
+  imageCommonPanelGrid: ro,
+  imageCommonPanelBorder: io,
+  imageCommonPanelTitle: so,
+  imageCommonPanelRow: oo,
+  imageCommonPanelColumn: ao
+}, co = (i) => {
+  var C;
+  const t = Ee(Y), e = Ee(it), n = Ee(oe), r = Ee(te), { drawings: s } = i, o = s[0];
+  if (o == null)
+    return;
+  const { unitId: a } = o, c = r.getRenderById(a), u = c == null ? void 0 : c.scene;
+  if (u == null)
+    return;
+  const l = u.getTransformerByCreate(), [d, g] = cn(!0), h = (C = o.anchorType) != null ? C : U.Position, [m, p] = cn(h);
+  function f(D, v) {
+    const b = [];
+    return D.forEach((_) => {
+      const { oKey: T } = _, M = v.getDrawingOKey(T);
+      if (M == null)
+        return b.push(null), !0;
+      const { unitId: y, subUnitId: E, drawingId: I, drawingType: R, anchorType: O, sheetTransform: B } = M;
+      b.push({
+        unitId: y,
+        subUnitId: E,
+        drawingId: I,
+        anchorType: O,
+        sheetTransform: B,
+        drawingType: R
+      });
+    }), b;
+  }
+  wn(() => {
+    const D = l.clearControl$.subscribe((b) => {
+      b === !0 && g(!1);
+    }), v = l.changeStart$.subscribe((b) => {
+      var M;
+      const { objects: _ } = b, T = f(_, n);
+      if (T.length === 0)
+        g(!1);
+      else if (T.length >= 1) {
+        g(!0);
+        const y = ((M = T[0]) == null ? void 0 : M.anchorType) || U.Position;
+        p(y);
+      }
+    });
+    return () => {
+      v.unsubscribe(), D.unsubscribe();
+    };
+  }, []);
+  function w(D) {
+    p(D);
+    const v = n.getFocusDrawings();
+    if (v.length === 0)
+      return;
+    const b = v.map((_) => ({
+      unitId: _.unitId,
+      subUnitId: _.subUnitId,
+      drawingId: _.drawingId,
+      anchorType: D
+    }));
+    t.executeCommand(Vt.id, {
+      unitId: v[0].unitId,
+      drawings: b
+    });
+  }
+  const S = (D) => D ? "block" : "none";
+  return /* @__PURE__ */ Ut("div", { className: Dt(ve.imageCommonPanelGrid, ve.imageCommonPanelBorder), style: { display: S(d) }, children: [
+    /* @__PURE__ */ Q("div", { className: ve.imageCommonPanelRow, children: /* @__PURE__ */ Q("div", { className: Dt(ve.imageCommonPanelColumn, ve.imageCommonPanelTitle), children: /* @__PURE__ */ Q("div", { children: e.t("drawing-anchor.title") }) }) }),
+    /* @__PURE__ */ Q("div", { className: Dt(ve.imageCommonPanelRow), children: /* @__PURE__ */ Q("div", { className: Dt(ve.imageCommonPanelColumn), children: /* @__PURE__ */ Ut(ls, { value: m, onChange: w, direction: "vertical", children: [
+      /* @__PURE__ */ Q(Qt, { value: U.Both, children: e.t("drawing-anchor.both") }),
+      /* @__PURE__ */ Q(Qt, { value: U.Position, children: e.t("drawing-anchor.position") }),
+      /* @__PURE__ */ Q(Qt, { value: U.None, children: e.t("drawing-anchor.none") })
+    ] }) }) })
+  ] });
+}, lo = () => {
+  const i = Ee(oe), t = i.getFocusDrawings(), [e, n] = cn(t);
+  return wn(() => {
+    const r = i.focus$.subscribe((s) => {
+      n(s);
+    });
+    return () => {
+      r.unsubscribe();
+    };
+  }, []), !!(e != null && e.length) && /* @__PURE__ */ Ut("div", { className: ve.imageCommonPanel, children: [
+    /* @__PURE__ */ Q(mi, { drawings: e }),
+    /* @__PURE__ */ Q(co, { drawings: e })
+  ] });
+}, uo = {
+  [$i.FORMULAS_INSERT]: {
+    [Nr]: {
+      order: 3,
+      menuItemFactory: Qs,
+      [Xt.id]: {
+        order: 0,
+        menuItemFactory: eo
+      },
+      [_n.id]: {
+        order: 1,
+        menuItemFactory: to
+      }
+    }
+  }
+};
+function ct(i) {
+  return !i.getContextValue(Kr) && !i.getContextValue(Zr) && !i.getContextValue(Jr) && i.getContextValue(Ye);
+}
+const ho = {
+  id: at.id,
+  description: "shortcut.sheet.drawing-move-down",
+  group: "4_sheet-drawing-view",
+  binding: Ge.ARROW_DOWN,
+  priority: 100,
+  preconditions: ct,
+  staticParameters: {
+    direction: Ie.DOWN
+  }
+}, go = {
+  id: at.id,
+  description: "shortcut.sheet.drawing-move-up",
+  group: "4_sheet-drawing-view",
+  binding: Ge.ARROW_UP,
+  priority: 100,
+  preconditions: ct,
+  staticParameters: {
+    direction: Ie.UP
+  }
+}, mo = {
+  id: at.id,
+  description: "shortcut.sheet.drawing-move-left",
+  group: "4_sheet-drawing-view",
+  binding: Ge.ARROW_LEFT,
+  priority: 100,
+  preconditions: ct,
+  staticParameters: {
+    direction: Ie.LEFT
+  }
+}, fo = {
+  id: at.id,
+  description: "shortcut.sheet.drawing-move-right",
+  group: "4_sheet-drawing-view",
+  binding: Ge.ARROW_RIGHT,
+  priority: 100,
+  preconditions: ct,
+  staticParameters: {
+    direction: Ie.RIGHT
+  }
+}, po = {
+  id: Pr.id,
+  description: "shortcut.sheet.drawing-delete",
+  group: "4_sheet-drawing-view",
+  // when focusing on any other input tag do not trigger this shortcut
+  preconditions: ct,
+  binding: Ge.DELETE,
+  mac: Ge.BACKSPACE
+};
+var wo = Object.getOwnPropertyDescriptor, _o = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? wo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, xe = (i, t) => (e, n) => t(e, n, i);
+let $t = class extends se {
+  constructor(i, t, e, n, r, s) {
+    super(), this._componentManager = i, this._menuManagerService = t, this._commandService = e, this._shortcutService = n, this._drawingManagerService = r, this._sheetsSelectionsService = s, this._init();
+  }
+  _initCustomComponents() {
+    const i = this._componentManager;
+    this.disposeWithMe(i.register(Ar, Ur)), this.disposeWithMe(i.register(Ir, lo));
+  }
+  _initMenus() {
+    this._menuManagerService.mergeMenu(uo);
+  }
+  _initCommands() {
+    [
+      Xt,
+      _n,
+      Gt,
+      ot,
+      Vt,
+      Cr,
+      F,
+      Dr,
+      br,
+      Mr,
+      at,
+      Pr,
+      Rr
+    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
+  }
+  _initShortcuts() {
+    [
+      // sheet drawing shortcuts
+      ho,
+      go,
+      mo,
+      fo,
+      po
+    ].forEach((i) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(i));
+    });
+  }
+  _init() {
+    this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
+  }
+};
+$t = _o([
+  xe(0, N(xi)),
+  xe(1, Li),
+  xe(2, Y),
+  xe(3, Fi),
+  xe(4, oe),
+  xe(5, N(pn))
+], $t);
+var vo = Object.getOwnPropertyDescriptor, So = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? vo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, Me = (i, t) => (e, n) => t(e, n, i);
+function Io(i, t, e, n, r) {
+  const { scaleX: s, scaleY: o } = t.getAncestorScale(), a = t.getViewport(er.VIEW_MAIN), c = n.getFreeze(), { startColumn: u, startRow: l, xSplit: d, ySplit: g } = c, h = {
+    left: !0,
+    // left means the left of pic is in a viewMainLeft
+    top: !0
+  };
+  if (!a)
+    return {
+      ...i,
+      absolute: h
+    };
+  const { left: m, right: p, top: f, bottom: w } = i;
+  let { top: S, left: C, viewportScrollX: D, viewportScrollY: v } = a;
+  const { boundsOfViewArea: b, scrollDirectionResponse: _ } = r || {}, { rowHeaderWidth: T, columnHeaderHeight: M } = e, y = {
+    top: M,
+    left: T
+  };
+  b && (ye.isDefine(y.top) && (y.top = b.top), ye.isDefine(y.left) && (y.left = b.left)), _ === "HORIZONTAL" && (v = 0), _ === "VERTICAL" && (D = 0);
+  let E = 0, I = 0;
+  const R = e.rowStartY(l - g) + M, O = e.colStartX(u - d) + T, B = e.rowStartY(l) + M, z = e.colStartX(u) + T;
+  if (d === 0)
+    h.left = !1, E = (m - D) * s, I = (p - D) * s;
+  else {
+    const X = m - (O - T), Z = p - (O - T);
+    p < z ? (E = X * s, I = Z * s) : m <= z && p >= z ? (E = X * s, I = Math.max(C, (p - D) * s)) : m > z && (h.left = !1, E = Math.max((m - D) * s, C), I = Math.max((p - D) * s, C));
+  }
+  let K = 0, G = 0;
+  if (g === 0)
+    h.top = !1, K = (f - v) * o, G = (w - v) * o;
+  else {
+    const X = f - (R - M), Z = w - (R - M);
+    w < B ? (K = X * o, G = Z * o) : f <= B && w >= B ? (K = X * o, G = Math.max(S, (w - v) * o)) : f > B && (h.top = !1, K = Math.max((f - v) * o, S), G = Math.max((w - v) * o, S));
+  }
+  return E = Math.max(E, y.left), K = Math.max(K, y.top), I = Math.max(I, y.left), G = Math.max(G, y.top), {
+    left: E,
+    right: I,
+    top: K,
+    bottom: G,
+    absolute: h
+  };
+}
+const me = (i, t, e, n, r) => {
+  const { scene: s } = t, { left: o, top: a, width: c, height: u, angle: l } = i, d = {
+    left: o,
+    right: o + c,
+    top: a,
+    bottom: a + u
+  }, g = Io(d, s, e, n, r), { scaleX: h, scaleY: m } = s.getAncestorScale();
+  return {
+    startX: g.left,
+    endX: g.right,
+    startY: g.top,
+    endY: g.bottom,
+    rotate: l,
+    width: c * h,
+    height: u * m,
+    absolute: g.absolute
+  };
+};
+let xt = class extends se {
+  constructor(t, e, n, r, s, o, a) {
+    super();
+    /**
+     * for update dom container position when scrolling and zoom
+     */
+    q(this, "_domLayerMap", /* @__PURE__ */ new Map());
+    /**
+     * for update dom container position when scrolling and zoom
+     */
+    q(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    q(this, "_transformChange$", new qt());
+    q(this, "transformChange$", this._transformChange$.asObservable());
+    q(this, "_add$", new qt());
+    q(this, "add$", this._add$.asObservable());
+    q(this, "_remove$", new qt());
+    q(this, "remove$", this._remove$.asObservable());
+    q(this, "_hooks", []);
+    this._renderManagerService = t, this._univerInstanceService = e, this._commandService = n, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = a, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
+  }
+  _bindScrollEvent() {
+    this._lifecycleService.lifecycle$.pipe(Vi((t) => t === Qr.Rendered), Xi(1)).subscribe(() => {
+      this._scrollUpdateListener();
+    });
+  }
+  /**
+   * For scrolling and zoom
+   * @param unitId
+   * @param subUnitId
+   */
+  _ensureMap(t, e) {
+    let n = this._domLayerMap.get(t);
+    n || (n = /* @__PURE__ */ new Map(), this._domLayerMap.set(t, n));
+    let r = n.get(e);
+    return r || (r = /* @__PURE__ */ new Map(), n.set(e, r)), r;
+  }
+  getFloatDomInfo(t) {
+    return this._domLayerInfoMap.get(t);
+  }
+  _getSceneAndTransformerByDrawingSearch(t) {
+    if (t == null)
+      return;
+    const e = this._renderManagerService.getRenderById(t), n = e == null ? void 0 : e.scene;
+    if (e == null || n == null)
+      return null;
+    const r = n.getTransformerByCreate(), s = e.engine.getCanvasElement();
+    return { scene: n, transformer: r, renderUnit: e, canvas: s };
+  }
+  _getFloatDomProps(t) {
+    let e;
+    return this._hooks.forEach((n) => {
+      e = n.onGetFloatDomProps(t);
+    }), e;
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _drawingAddListener() {
+    this.disposeWithMe(
+      // eslint-disable-next-line max-lines-per-function
+      this._drawingManagerService.add$.subscribe((t) => {
+        t.forEach((e) => {
+          var Z, ce, J;
+          const { unitId: n, subUnitId: r, drawingId: s } = e, o = le(this._univerInstanceService, { unitId: n, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), c = this._univerInstanceService.getUnit(n, x.UNIVER_SHEET);
+          if (!c)
+            return;
+          const u = c.getActiveSheet().getSheetId();
+          if (!a || !o)
+            return;
+          const l = (Z = this._renderManagerService.getRenderById(n)) == null ? void 0 : Z.with(V).getSkeletonParam(r);
+          if (!l)
+            return;
+          const { transform: d, drawingType: g, data: h } = a;
+          if (g !== L.DRAWING_DOM && g !== L.DRAWING_CHART)
+            return;
+          const m = this._getSceneAndTransformerByDrawingSearch(n);
+          if (m == null)
+            return;
+          const { scene: p, canvas: f } = m;
+          if (d == null)
+            return !0;
+          if (u !== r)
+            return;
+          const { left: w, top: S, width: C, height: D, angle: v, flipX: b, flipY: _, skewX: T, skewY: M } = d, y = De({ unitId: n, subUnitId: r, drawingId: s }), E = p.getObject(y);
+          if (E != null) {
+            E.transformByState({ left: w, top: S, width: C, height: D, angle: v, flipX: b, flipY: _, skewX: T, skewY: M });
+            return;
+          }
+          const I = {
+            left: w,
+            top: S,
+            width: C,
+            height: D,
+            zIndex: this._drawingManagerService.getDrawingOrder(n, r).length - 1
+          }, R = g === L.DRAWING_CHART;
+          if (R) {
+            const W = h ? h.backgroundColor : "white";
+            I.fill = W, I.rotateEnabled = !1, h && h.border && (I.stroke = h.border), I.paintFirst = "stroke", I.strokeWidth = 1, I.borderEnabled = !1, I.radius = 8;
+          }
+          const O = new je(y, I);
+          R && O.setObjectType(kn.CHART), p.addObject(O, Jt), a.allowTransform !== !1 && p.attachTransformerTo(O);
+          const B = this._ensureMap(n, r), z = new St(), K = me(O, m.renderUnit, l.skeleton, o.worksheet), G = new Je(K), fe = {
+            dispose: z,
+            rect: O,
+            position$: G,
+            unitId: n,
+            subUnitId: r
+          };
+          this._canvasFloatDomService.addFloatDom({
+            position$: G,
+            id: s,
+            componentKey: a.componentKey,
+            onPointerDown: (W) => {
+              f.dispatchEvent(new PointerEvent(W.type, W));
+            },
+            onPointerMove: (W) => {
+              f.dispatchEvent(new PointerEvent(W.type, W));
+            },
+            onPointerUp: (W) => {
+              f.dispatchEvent(new PointerEvent(W.type, W));
+            },
+            onWheel: (W) => {
+              f.dispatchEvent(new WheelEvent(W.type, W));
+            },
+            props: (J = (ce = B.get(s)) == null ? void 0 : ce.props) != null ? J : this._getFloatDomProps(s),
+            data: h,
+            unitId: n
+          });
+          const X = O.onTransformChange$.subscribeEvent(() => {
+            const W = me(O, m.renderUnit, l.skeleton, o.worksheet);
+            G.next(
+              W
+            );
+          });
+          z.add(() => {
+            this._canvasFloatDomService.removeFloatDom(s);
+          }), X && z.add(X), this._domLayerInfoMap.set(s, fe), B.set(s, {
+            ...B.get(s)
+          });
+        });
+      })
+    ), this.disposeWithMe(
+      this._drawingManagerService.remove$.subscribe((t) => {
+        t.forEach((e) => {
+          const { unitId: n, subUnitId: r, drawingId: s } = e, o = De({ unitId: n, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(n);
+          if (a == null)
+            return;
+          const { transformer: c, scene: u } = a, l = u.getObject(o);
+          l != null && l.oKey && c.clearControlByIds([l == null ? void 0 : l.oKey]);
+        });
+      })
+    );
+  }
+  _scrollUpdateListener() {
+    const t = (e, n) => {
+      var u;
+      const r = this._getSceneAndTransformerByDrawingSearch(e), s = this._ensureMap(e, n), o = Array.from(s.keys()), a = le(this._univerInstanceService, { unitId: e, subUnitId: n }), c = (u = this._renderManagerService.getRenderById(e)) == null ? void 0 : u.with(V).getSkeletonParam(n);
+      !r || !a || !c || o.forEach((l) => {
+        const d = this._domLayerInfoMap.get(l);
+        if (d) {
+          const g = me(d.rect, r.renderUnit, c.skeleton, a.worksheet, d);
+          d.position$.next(g);
+        }
+      });
+    };
+    this.disposeWithMe(
+      this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET).pipe(
+        Se((e) => e ? e.activeSheet$ : Fn(null)),
+        Te((e) => {
+          if (!e) return null;
+          const n = e.getUnitId(), r = this._renderManagerService.getRenderById(n);
+          return r ? { render: r, unitId: n, subUnitId: e.getSheetId() } : null;
+        }),
+        Se(
+          (e) => e ? ei(e.render.scene.getViewport(er.VIEW_MAIN).onScrollAfter$).pipe(Te(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : Fn(null)
+        )
+      ).subscribe((e) => {
+        if (!e) return;
+        const { unitId: n, subUnitId: r } = e;
+        t(n, r);
+      })
+    ), this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
+      var n, r;
+      if (e.id === jn.id) {
+        const s = e.params, { unitId: o } = s;
+        Array.from((r = (n = this._domLayerMap.get(o)) == null ? void 0 : n.keys()) != null ? r : []).forEach((c) => {
+          t(o, c);
+        });
+      } else if (e.id === rs.id) {
+        const { unitId: s, subUnitId: o } = e.params;
+        t(s, o);
+      }
+    }));
+  }
+  _getPosition(t, e) {
+    var g;
+    const { startX: n, endX: r, startY: s, endY: o } = t, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(Xe);
+    if (a == null)
+      return;
+    const c = a.getCellWithCoordByOffset(n, s);
+    if (c == null)
+      return;
+    const u = {
+      column: c.actualColumn,
+      columnOffset: n - c.startX,
+      row: c.actualRow,
+      rowOffset: s - c.startY
+    }, l = a.getCellWithCoordByOffset(r, o);
+    if (l == null)
+      return;
+    const d = {
+      column: l.actualColumn,
+      columnOffset: r - l.startX,
+      row: l.actualRow,
+      rowOffset: o - l.startY
+    };
+    return {
+      from: u,
+      to: d
+    };
+  }
+  _featureUpdateListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.update$.subscribe((t) => {
+        t.forEach((e) => {
+          const n = this._drawingManagerService.getDrawingByParam(e);
+          if (!n || n.drawingType !== L.DRAWING_DOM && n.drawingType !== L.DRAWING_CHART)
+            return;
+          const r = {
+            ...n.transform
+          };
+          this._transformChange$.next({ id: e.drawingId, value: r });
+        });
+      })
+    );
+  }
+  _deleteListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.remove$.subscribe((t) => {
+        t.forEach((e) => {
+          this._removeDom(e.drawingId);
+        });
+      })
+    );
+  }
+  updateFloatDomProps(t, e, n, r) {
+    const s = this._domLayerInfoMap.get(n), o = this._getSceneAndTransformerByDrawingSearch(t);
+    if (s && o) {
+      const { scene: a } = o, c = De({ unitId: t, subUnitId: e, drawingId: n }), u = a.getObject(c);
+      u && u instanceof je && u.setProps(r);
+    }
+  }
+  // CreateFloatDomCommand --> floatDomService.addFloatDomToPosition
+  addFloatDomToPosition(t, e) {
+    const n = le(this._univerInstanceService, {
+      unitId: t.unitId,
+      subUnitId: t.subUnitId
+    });
+    if (!n)
+      throw new Error("cannot find current target!");
+    const { unitId: r, subUnitId: s } = n, { initPosition: o, componentKey: a, data: c, allowTransform: u = !0 } = t, l = e != null ? e : Ot(), d = this._getPosition(o, r);
+    if (d == null)
+      return;
+    this._ensureMap(r, s).set(l, t);
+    const h = {
+      unitId: r,
+      subUnitId: s,
+      drawingId: l,
+      drawingType: t.type || L.DRAWING_DOM,
+      componentKey: a,
+      sheetTransform: d,
+      transform: {
+        left: o.startX,
+        top: o.startY,
+        width: o.endX - o.startX,
+        height: o.endY - o.startY
+      },
+      data: c,
+      allowTransform: u
+    };
+    return this._commandService.executeCommand(Gt.id, {
+      unitId: r,
+      drawings: [h]
+    }), this._add$.next({ unitId: r, subUnitId: s, id: l }), {
+      id: l,
+      dispose: () => {
+        this._removeDom(l, !0);
+      }
+    };
+  }
+  _removeDom(t, e = !1) {
+    const n = this._domLayerInfoMap.get(t);
+    if (!n)
+      return;
+    const { unitId: r, subUnitId: s } = n;
+    this._domLayerInfoMap.delete(t), n.dispose.dispose();
+    const o = this._getSceneAndTransformerByDrawingSearch(r);
+    if (o && o.scene.removeObject(n.rect), e) {
+      this._ensureMap(r, s).delete(t);
+      const c = this._drawingManagerService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: t });
+      if (!c)
+        return;
+      const u = this._sheetDrawingService.getBatchRemoveOp([c]), { redo: l, objects: d } = u;
+      this._commandService.syncExecuteCommand(A.id, { unitId: r, subUnitId: s, op: l, objects: d, type: P.REMOVE });
+    }
+  }
+  addHook(t) {
+    return this._hooks.push(t), {
+      dispose: () => {
+        const e = this._hooks.findIndex((n) => n === t);
+        this._hooks.splice(e, 1);
+      }
+    };
+  }
+  // eslint-disable-next-line max-lines-per-function, complexity
+  addFloatDomToRange(t, e, n, r) {
+    var _, T, M, y, E;
+    const s = le(this._univerInstanceService, {
+      unitId: e.unitId,
+      subUnitId: e.subUnitId
+    });
+    if (!s)
+      throw new Error("cannot find current target!");
+    const { unitId: o, subUnitId: a } = s, c = this._getSceneAndTransformerByDrawingSearch(o);
+    if (!c) return;
+    const u = this._renderManagerService.getRenderById(o);
+    if (!u) return;
+    const l = (_ = this._renderManagerService.getRenderById(o)) == null ? void 0 : _.with(V).getWorksheetSkeleton(a);
+    if (!l) return;
+    const { componentKey: d, data: g, allowTransform: h = !0 } = e, m = r != null ? r : Ot(), { position: p, position$: f } = this._createRangePositionObserver(t, u, l.skeleton);
+    if (this._getPosition(p, o) == null)
+      return;
+    this._ensureMap(o, a).set(m, e);
+    const C = c.scene, { scaleX: D } = C.getAncestorScale(), v = Et(p, n, D), b = {
+      unitId: o,
+      subUnitId: a,
+      drawingId: m,
+      drawingType: e.type || L.DRAWING_DOM,
+      componentKey: d,
+      transform: {
+        left: v.startX,
+        top: v.startY,
+        width: v.width,
+        height: v.height
+      },
+      data: g,
+      allowTransform: h
+    };
+    {
+      const { unitId: I, subUnitId: R, drawingId: O } = b, B = le(this._univerInstanceService, { unitId: I, subUnitId: R }), z = b, K = this._univerInstanceService.getUnit(I, x.UNIVER_SHEET);
+      if (!K)
+        return;
+      const G = K.getActiveSheet().getSheetId();
+      if (!z || !B)
+        return;
+      const fe = (T = this._renderManagerService.getRenderById(I)) == null ? void 0 : T.with(V);
+      if (!fe)
+        return;
+      const X = fe.getWorksheetSkeleton(R);
+      if (!X)
+        return;
+      const { transform: Z, drawingType: ce, data: J } = z;
+      if (ce !== L.DRAWING_DOM && ce !== L.DRAWING_CHART)
+        return;
+      const W = this._getSceneAndTransformerByDrawingSearch(I);
+      if (W == null)
+        return;
+      const { scene: Oe, canvas: Ue } = W;
+      if (Z == null || G !== R)
+        return;
+      const { left: dt, top: lt, width: ut, height: ht, angle: Ht, flipX: zt, flipY: gt, skewX: mt, skewY: Pe } = Z, ft = De({ unitId: I, subUnitId: R, drawingId: O }), ue = Oe.getObject(ft);
+      if (ue != null) {
+        ue.transformByState({ left: dt, top: lt, width: ut, height: ht, angle: Ht, flipX: zt, flipY: gt, skewX: mt, skewY: Pe });
+        return;
+      }
+      const ne = {
+        left: dt,
+        // from floatDomParam.transform
+        top: lt,
+        width: ut,
+        height: ht,
+        zIndex: this._drawingManagerService.getDrawingOrder(I, R).length - 1
+      }, Ae = ce === L.DRAWING_CHART;
+      if (Ae) {
+        const k = J ? J.backgroundColor : "white";
+        ne.fill = k, ne.rotateEnabled = !1, J && J.border && (ne.stroke = J.border), ne.paintFirst = "stroke", ne.strokeWidth = 1, ne.borderEnabled = !1, ne.radius = 8;
+      }
+      const de = new je(ft, ne);
+      Ae && de.setObjectType(kn.CHART), Oe.addObject(de, Jt), z.allowTransform !== !1 && Oe.attachTransformerTo(de);
+      const He = this._ensureMap(I, R), he = new St(), pt = Oe.getMainViewport(), { rowHeaderWidth: Ne, columnHeaderHeight: ze } = X.skeleton, wt = {
+        top: ze,
+        left: Ne,
+        bottom: pt.bottom,
+        right: pt.right
+      }, ge = {
+        dispose: he,
+        rect: de,
+        boundsOfViewArea: wt,
+        domAnchor: n,
+        unitId: I,
+        subUnitId: R
+      }, j = me(de, W.renderUnit, X.skeleton, B.worksheet, ge), ke = new Je(j);
+      ge.position$ = ke;
+      let Ke = {
+        position$: ke,
+        id: O,
+        componentKey: z.componentKey,
+        onPointerDown: () => {
+        },
+        onPointerMove: () => {
+        },
+        onPointerUp: () => {
+        },
+        onWheel: (k) => {
+          Ue.dispatchEvent(new WheelEvent(k.type, k));
+        },
+        props: (y = (M = He.get(O)) == null ? void 0 : M.props) != null ? y : this._getFloatDomProps(O),
+        data: J,
+        unitId: I
+      };
+      e.eventPassThrough && (Ke = {
+        ...Ke,
+        onPointerDown: (k) => {
+          Ue.dispatchEvent(new PointerEvent(k.type, k));
+        },
+        onPointerMove: (k) => {
+          Ue.dispatchEvent(new PointerEvent(k.type, k));
+        },
+        onPointerUp: (k) => {
+          Ue.dispatchEvent(new PointerEvent(k.type, k));
+        }
+      }), this._canvasFloatDomService.addFloatDom(Ke), this.disposeWithMe(f.subscribe((k) => {
+        var Sn, In, Cn, Dn;
+        const vn = Et({
+          startX: k.startX,
+          startY: k.startY,
+          endX: k.endX,
+          endY: k.endY,
+          width: (Sn = n.width) != null ? Sn : k.width,
+          height: (In = n.height) != null ? In : k.height,
+          absolute: {
+            left: p.absolute.left,
+            top: p.absolute.top
+          }
+        }, n), Br = De({ unitId: I, subUnitId: R, drawingId: O }), Wr = new je(Br, {
+          left: vn.startX,
+          top: vn.startY,
+          width: (Cn = n.width) != null ? Cn : k.width,
+          height: (Dn = n.height) != null ? Dn : k.height,
+          zIndex: this._drawingManagerService.getDrawingOrder(I, R).length - 1
+        }), jr = me(Wr, W.renderUnit, X.skeleton, B.worksheet, ge);
+        ke.next(jr);
+      }));
+      const Ze = (E = this._renderManagerService.getRenderById(I)) == null ? void 0 : E.with(V);
+      Ze == null || Ze.currentSkeleton$.subscribe((k) => {
+        k && X.sheetId !== k.sheetId && this._removeDom(m, !0);
+      });
+      const _t = de.onTransformChange$.subscribeEvent(() => {
+        const k = me(de, W.renderUnit, X.skeleton, B.worksheet, ge);
+        ke.next(
+          k
+        );
+      });
+      he.add(() => {
+        this._canvasFloatDomService.removeFloatDom(O);
+      }), _t && he.add(_t), this._domLayerInfoMap.set(O, ge), He.set(O, {
+        ...He.get(O)
+      });
+    }
+    return {
+      id: m,
+      dispose: () => {
+        this._removeDom(m, !0);
+      }
+    };
+  }
+  addFloatDomToColumnHeader(t, e, n, r) {
+    var v, b, _, T, M;
+    const s = le(this._univerInstanceService, {
+      unitId: e.unitId,
+      subUnitId: e.subUnitId
+    });
+    if (!s)
+      throw new Error("cannot find current target!");
+    const { unitId: o, subUnitId: a } = s;
+    if (!this._getSceneAndTransformerByDrawingSearch(o)) return;
+    const u = this._renderManagerService.getRenderById(o);
+    if (!u) return;
+    const l = (v = this._renderManagerService.getRenderById(o)) == null ? void 0 : v.with(V).getWorksheetSkeleton(a);
+    if (!l) return;
+    const { componentKey: d, data: g, allowTransform: h = !0 } = e, m = r != null ? r : Ot(), { position: p, position$: f } = this._createRangePositionObserver({
+      startRow: 0,
+      endRow: 0,
+      startColumn: t,
+      endColumn: t
+    }, u, l.skeleton), w = p;
+    if (w.startY = 0, this._getPosition(p, o) == null)
+      return;
+    this._ensureMap(o, a).set(m, e);
+    const D = {
+      unitId: o,
+      subUnitId: a,
+      drawingId: m,
+      drawingType: e.type || L.DRAWING_DOM,
+      componentKey: d,
+      transform: {
+        left: w.startX,
+        top: w.startY,
+        width: w.width,
+        height: w.height
+      },
+      data: g,
+      allowTransform: h
+    };
+    {
+      const { unitId: y, subUnitId: E, drawingId: I } = D, R = le(this._univerInstanceService, { unitId: y, subUnitId: E }), O = D, B = this._univerInstanceService.getUnit(y, x.UNIVER_SHEET);
+      if (!B)
+        return;
+      const z = B.getActiveSheet().getSheetId();
+      if (!O || !R)
+        return;
+      const K = (b = this._renderManagerService.getRenderById(y)) == null ? void 0 : b.with(V);
+      if (!K)
+        return;
+      const G = K.getWorksheetSkeleton(E);
+      if (!G)
+        return;
+      const { transform: fe, data: X } = O, Z = this._getSceneAndTransformerByDrawingSearch(y);
+      if (Z == null)
+        return;
+      const { scene: ce, canvas: J } = Z;
+      if (fe == null || z !== E)
+        return;
+      const { left: W, top: Oe, width: Ue, height: dt, angle: lt, flipX: ut, flipY: ht, skewX: Ht, skewY: zt } = fe, gt = De({ unitId: y, subUnitId: E, drawingId: I }), mt = ce.getObject(gt);
+      if (mt != null) {
+        mt.transformByState({ left: W, top: Oe, width: Ue, height: dt, angle: lt, flipX: ut, flipY: ht, skewX: Ht, skewY: zt });
+        return;
+      }
+      const Pe = Et({
+        startX: w.startX,
+        startY: 0,
+        endX: p.endX,
+        endY: p.endY,
+        width: n.width,
+        height: n.height,
+        absolute: {
+          left: p.absolute.left,
+          top: p.absolute.top
+        }
+      }, n), ft = {
+        left: Pe.startX,
+        top: Pe.startY,
+        width: Pe.width,
+        height: Pe.height,
+        zIndex: this._drawingManagerService.getDrawingOrder(y, E).length - 1
+      }, ue = new je(gt, ft);
+      ce.addObject(ue, Jt), O.allowTransform !== !1 && ce.attachTransformerTo(ue);
+      const ne = this._ensureMap(y, E), Ae = new St(), de = ce.getMainViewport(), He = {
+        top: 0,
+        //viewMain.top,
+        left: de.left,
+        bottom: de.bottom,
+        right: de.right
+      }, he = {
+        dispose: Ae,
+        rect: ue,
+        // position$,
+        unitId: y,
+        subUnitId: E,
+        boundsOfViewArea: He,
+        domAnchor: n,
+        scrollDirectionResponse: "HORIZONTAL"
+        /* HORIZONTAL */
+      }, pt = me(ue, Z.renderUnit, G.skeleton, R.worksheet, he), Ne = new Je(pt);
+      he.position$ = Ne;
+      let ze = {
+        position$: Ne,
+        id: I,
+        componentKey: O.componentKey,
+        onPointerDown: () => {
+        },
+        onPointerMove: () => {
+        },
+        onPointerUp: () => {
+        },
+        onWheel: (j) => {
+          J.dispatchEvent(new WheelEvent(j.type, j));
+        },
+        props: (T = (_ = ne.get(I)) == null ? void 0 : _.props) != null ? T : this._getFloatDomProps(I),
+        data: X,
+        unitId: y
+      };
+      e.eventPassThrough && (ze = {
+        ...ze,
+        onPointerDown: (j) => {
+          J.dispatchEvent(new PointerEvent(j.type, j));
+        },
+        onPointerMove: (j) => {
+          J.dispatchEvent(new PointerEvent(j.type, j));
+        },
+        onPointerUp: (j) => {
+          J.dispatchEvent(new PointerEvent(j.type, j));
+        }
+      }), this._canvasFloatDomService.addFloatDom(ze);
+      const wt = ue.onTransformChange$.subscribeEvent(() => {
+        const j = me(ue, Z.renderUnit, G.skeleton, R.worksheet, he);
+        Ne.next(
+          j
+        );
+      });
+      this.disposeWithMe(f.subscribe((j) => {
+        const ke = Et({
+          startX: j.startX,
+          startY: 0,
+          endX: j.endX,
+          endY: j.endY,
+          width: n.width,
+          height: n.height,
+          absolute: {
+            left: p.absolute.left,
+            top: p.absolute.top
+          }
+        }, n), Ke = De({ unitId: y, subUnitId: E, drawingId: I }), Ze = new je(Ke, {
+          left: ke.startX,
+          top: 0,
+          width: n.width,
+          height: n.height,
+          zIndex: this._drawingManagerService.getDrawingOrder(y, E).length - 1
+        }), _t = me(Ze, Z.renderUnit, G.skeleton, R.worksheet, he);
+        Ne.next(_t);
+      }));
+      const ge = (M = this._renderManagerService.getRenderById(y)) == null ? void 0 : M.with(V);
+      ge == null || ge.currentSkeleton$.subscribe((j) => {
+        j && l.sheetId !== j.sheetId && this._removeDom(m, !0);
+      }), Ae.add(() => {
+        this._canvasFloatDomService.removeFloatDom(I);
+      }), wt && Ae.add(wt), this._domLayerInfoMap.set(I, he), ne.set(I, {
+        ...ne.get(I)
+      });
+    }
+    return {
+      id: m,
+      dispose: () => {
+        this._removeDom(m, !0);
+      }
+    };
+  }
+  /**
+   * Unlike _createCellPositionObserver, this accept a range not a single cell.
+   *
+   * @param initialRow
+   * @param initialCol
+   * @param currentRender
+   * @param skeleton
+   * @param activeViewport
+   * @returns position of cell to canvas.
+   */
+  _createRangePositionObserver(t, e, n) {
+    let { startRow: r, startColumn: s } = t;
+    const o = tt(r, s, n), a = new Je(o), c = tt(t.endRow, t.endColumn, n), u = new Je(c), l = () => {
+      const f = tt(r, s, n), w = tt(t.endRow, t.endColumn, n);
+      a.next(f), u.next(w);
+    }, d = new St();
+    d.add(e.engine.clientRect$.subscribe(() => l())), d.add(this._commandService.onCommandExecuted((f) => {
+      if (f.id === is.id && f.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
+        l();
+        return;
+      }
+      (ss.indexOf(f.id) > -1 || f.id === Oi.id || f.id === jn.id) && l();
+    }));
+    const g = (f, w) => {
+      r = f, s = w, l();
+    }, h = () => ({
+      rotate: 0,
+      width: c.right - o.left,
+      height: c.bottom - o.top,
+      absolute: {
+        left: !0,
+        top: !0
+      },
+      startX: o.left,
+      startY: o.top,
+      endX: c.right,
+      endY: c.bottom
+    }), m = a.pipe(
+      Te((f) => {
+        const w = tt(t.endRow, t.endColumn, n);
+        return {
+          rotate: 0,
+          width: w.right - f.left,
+          height: w.bottom - f.top,
+          absolute: {
+            left: !0,
+            top: !0
+          },
+          startX: f.left,
+          startY: f.top,
+          endX: w.right,
+          endY: w.bottom
+        };
+      })
+    ), p = h();
+    return {
+      position$: m,
+      position: p,
+      updateRowCol: g,
+      topLeftPos$: a,
+      rightBottomPos$: u,
+      disposable: d
+    };
+  }
+};
+xt = So([
+  Me(0, N(te)),
+  Me(1, Ce),
+  Me(2, N(Y)),
+  Me(3, oe),
+  Me(4, N(Yi)),
+  Me(5, ae),
+  Me(6, N(qr))
+], xt);
+function tt(i, t, e) {
+  const n = e.getCellWithCoordByIndex(i, t), r = n.isMergedMainCell ? n.mergeInfo : n;
+  return {
+    left: r.startX,
+    right: r.endX,
+    top: r.startY,
+    bottom: r.endY
+  };
+}
+function Et(i, t, e) {
+  var u, l;
+  e = e != null ? e : 1;
+  const n = i.endX - i.startX, r = i.endY - i.startY, s = (u = t == null ? void 0 : t.width) != null ? u : n, o = (l = t == null ? void 0 : t.height) != null ? l : r;
+  let a = 0, c = 0;
+  if (t) {
+    if (t.horizonOffsetAlign === "right") {
+      const d = Tt(t.marginX, n * e);
+      a = i.endX - d - s;
+    } else
+      a = i.startX + Tt(t.marginX, n);
+    if (t.verticalOffsetAlign === "bottom") {
+      const d = Tt(t.marginY, r * e);
+      c = i.endY - d - o;
+    } else
+      c = i.startY + Tt(t.marginY, r);
+  }
+  return {
+    rotate: 0,
+    startX: a,
+    startY: c,
+    endX: i.endX,
+    endY: i.endY,
+    width: s,
+    height: o,
+    absolute: {
+      left: i.absolute.left,
+      top: i.absolute.top
+    }
+  };
+}
+function Tt(i, t) {
+  if (i === void 0) return 0;
+  if (typeof i == "number") return i;
+  const e = Number.parseFloat(i);
+  return t * e / 100;
+}
+var Co = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, bo = (i, t, e) => t in i ? Co(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, Ro = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Do(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, en = (i, t) => (e, n) => t(e, n, i), kr = (i, t, e) => bo(i, typeof t != "symbol" ? t + "" : t, e);
+const Mo = "SHEET_IMAGE_UI_PLUGIN";
+let Lt = class extends ri {
+  constructor(i = Hn, t, e, n) {
+    super(), this._config = i, this._injector = t, this._renderManagerService = e, this._configService = n;
+    const { menu: r, ...s } = ii(
+      {},
+      Hn,
+      this._config
+    );
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(us, s);
+  }
+  onStarting() {
+    si(this._injector, [
+      [xt],
+      [$t],
+      [Pt],
+      [jt],
+      [Wt],
+      [Bt],
+      [At],
+      [Nt],
+      [kt]
+    ]), Kt(this._injector, [
+      [xt]
+    ]);
+  }
+  onReady() {
+    Kt(this._injector, [
+      [Bt],
+      [kt]
+    ]);
+  }
+  onRendered() {
+    this._registerRenderModules(), Kt(this._injector, [
+      [Wt],
+      [jt],
+      [$t],
+      [At],
+      [Nt]
+    ]);
+  }
+  onSteady() {
+    this._injector.get(Pt);
+  }
+  _registerRenderModules() {
+    [
+      [rt],
+      [hn],
+      [ln],
+      [dn]
+    ].forEach((i) => {
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(x.UNIVER_SHEET, i));
+    });
+  }
+};
+kr(Lt, "type", x.UNIVER_SHEET);
+kr(Lt, "pluginName", Mo);
+Lt = Ro([
+  ti(di, ai, fi, vi),
+  en(1, N(st)),
+  en(2, te),
+  en(3, ni)
+], Lt);
+export {
+  F as ClearSheetDrawingTransformerOperation,
+  Pr as DeleteDrawingsCommand,
+  Dr as EditSheetDrawingOperation,
+  br as GroupSheetDrawingCommand,
+  Xt as InsertFloatImageCommand,
+  Gt as InsertSheetDrawingCommand,
+  at as MoveDrawingsCommand,
+  ot as RemoveSheetDrawingCommand,
+  Nr as SHEETS_IMAGE_MENU_ID,
+  Rr as SetDrawingArrangeCommand,
+  Vt as SetSheetDrawingCommand,
+  xt as SheetCanvasFloatDomManagerService,
+  rt as SheetDrawingUpdateController,
+  Cr as SidebarSheetDrawingOperation,
+  Mr as UngroupSheetDrawingCommand,
+  Lt as UniverSheetsDrawingUIPlugin
+};