@univerjs/sheets-drawing-ui 0.5.0-nightly.202411281606 → 0.5.0-nightly.202411291606

package/lib/es/index.js

@@ -1,18 +1,18 @@
-var fn = Object.defineProperty;
-var pn = (i, e, t) => e in i ? fn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var V = (i, e, t) => pn(i, typeof e != "symbol" ? e + "" : e, t);
-import { CommandType as H, ICommandService as B, IUndoRedoService as ue, sequenceExecute as Mt, LocaleService as Ge, IUniverInstanceService as pe, useDependency as ae, Inject as x, Injector as bt, IContextService as yt, RxDisposable as wn, UniverInstanceType as Y, connectInjector as _n, toDisposable as vn, FOCUSING_COMMON_DRAWINGS as fe, Disposable as ie, Direction as te, FOCUSING_FX_BAR_EDITOR as Sn, EDITOR_ACTIVATED as Cn, FOCUSING_PANEL_EDITOR as In, Tools as me, UserManagerService as Rn, IPermissionService as Dn, Rectangle as Mn, LifecycleService as bn, LifecycleStages as yn, DisposableCollection as On, fromEventSubject as Pn, generateRandomId as Tn, DependentOn as En, Plugin as Un, registerDependencies as An, touchDependencies as Xe, IConfigService as Nn } from "@univerjs/core";
-import { IDrawingManagerService as K, IImageIoService as Ot, DrawingTypeEnum as k, ArrangeTypeEnum as Se, DRAWING_IMAGE_ALLOW_IMAGE_LIST as jn, DRAWING_IMAGE_COUNT_LIMIT as ft, ImageUploadStatusType as He, DRAWING_IMAGE_ALLOW_SIZE as xn, getImageSize as Wn, DRAWING_IMAGE_WIDTH_LIMIT as pt, DRAWING_IMAGE_HEIGHT_LIMIT as wt, getDrawingShapeKeyByDrawingSearch as ze, UniverDrawingPlugin as $n } from "@univerjs/drawing";
-import { ImageCropperObject as Ln, COMPONENT_IMAGE_POPUP_MENU as Bn, OpenImageCropOperation as Gn, ImageResetSizeOperation as Vn, DrawingCommonPanel as kn, DrawingRenderService as Yn, UniverDrawingUIPlugin as Fn } from "@univerjs/drawing-ui";
-import { IRenderManagerService as J, precisionTo as ne, getGroupState as Xn, transformObjectOutOfGroup as Hn, RENDER_CLASS_TYPE as de, Rect as _t, ObjectType as zn, DRAWING_OBJECT_LAYER_INDEX as Kn, SHEET_VIEWPORT_KEY as Jn } from "@univerjs/engine-render";
-import { ISheetDrawingService as F, SetDrawingApplyMutation as P, DrawingApplyType as T, SheetDrawingAnchorType as y, UniverSheetsDrawingPlugin as qn } from "@univerjs/sheets-drawing";
-import { SheetCanvasPopManagerService as Zn, attachRangeWithCoord as Ee, ISheetSelectionRenderService as we, SheetSkeletonManagerService as Z, getCurrentRangeDisable$ as Qn, COPY_TYPE as vt, PREDEFINED_HOOK_NAME as Ce, virtualizeDiscreteRanges as er, ISheetClipboardService as tr, SheetPrintInterceptorService as nr, VIEWPORT_KEY as rr, SetZoomRatioOperation as ir } from "@univerjs/sheets-ui";
-import { ISidebarService as sr, IUIPartsService as or, BuiltInUIPart as ar, ILocalFileService as cr, IMessageService as dr, MenuItemType as Pt, getMenuHiddenObservable as Tt, RibbonStartGroup as lr, KeyCode as le, ComponentManager as ur, IMenuManagerService as hr, IShortcutService as gr, CanvasFloatDomService as mr } from "@univerjs/ui";
-import { takeUntil as St, combineLatest as Ie, map as Ue, filter as re, distinctUntilChanged as Re, Subject as Ke, take as fr, BehaviorSubject as pr, switchMap as Ct } from "rxjs";
-import { SheetInterceptorService as ct, getSheetCommandTarget as ce, SheetsSelectionsService as wr, WorkbookEditablePermission as nt, WorksheetEditPermission as Te, RangeProtectionPermissionEditPoint as _r, WorkbookViewPermission as It, WorksheetViewPermission as Je, InsertRowCommand as Et, InsertColCommand as Ut, RemoveRowCommand as At, RemoveColCommand as Nt, DeleteRangeMoveLeftCommand as jt, DeleteRangeMoveUpCommand as xt, InsertRangeMoveDownCommand as Wt, InsertRangeMoveRightCommand as $t, DeltaRowHeightCommand as rt, SetRowHeightCommand as it, DeltaColumnWidthCommand as Lt, SetColWidthCommand as Bt, SetRowHiddenCommand as Gt, SetSpecificRowsVisibleCommand as Vt, SetSpecificColsVisibleCommand as kt, SetColHiddenCommand as Yt, MoveColsCommand as Ft, MoveRowsCommand as Xt, MoveRangeCommand as Ht, SetRowVisibleMutation as vr, SetRowHiddenMutation as Sr, SetColVisibleMutation as Cr, SetColHiddenMutation as Ir, SetWorksheetRowHeightMutation as Rr, SetWorksheetColWidthMutation as Dr, SetWorksheetActiveOperation as Mr, SetFrozenMutation as br } from "@univerjs/sheets";
-import zt, { useEffect as dt, forwardRef as Kt, useRef as yr, createElement as Jt, useState as st } from "react";
-import { MessageType as De, RadioGroup as Or, Radio as qe } from "@univerjs/design";
-const Pr = "sheets-drawing-ui.config", Tr = {}, j = {
+var pn = Object.defineProperty;
+var wn = (i, e, t) => e in i ? pn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var V = (i, e, t) => wn(i, typeof e != "symbol" ? e + "" : e, t);
+import { CommandType as H, ICommandService as B, IUndoRedoService as ue, sequenceExecute as Mt, LocaleService as Ge, IUniverInstanceService as pe, useDependency as ae, Inject as x, Injector as bt, IContextService as yt, RxDisposable as _n, UniverInstanceType as Y, connectInjector as vn, toDisposable as Sn, FOCUSING_COMMON_DRAWINGS as fe, DrawingTypeEnum as k, Disposable as ie, Tools as me, UserManagerService as Cn, IPermissionService as In, Rectangle as Rn, ArrangeTypeEnum as Se, Direction as te, FOCUSING_FX_BAR_EDITOR as Dn, EDITOR_ACTIVATED as Mn, FOCUSING_PANEL_EDITOR as bn, LifecycleService as yn, LifecycleStages as On, DisposableCollection as Tn, fromEventSubject as Pn, generateRandomId as En, DependentOn as Un, Plugin as An, registerDependencies as Nn, touchDependencies as Xe, IConfigService as jn } from "@univerjs/core";
+import { IDrawingManagerService as K, IImageIoService as Ot, DRAWING_IMAGE_ALLOW_IMAGE_LIST as xn, DRAWING_IMAGE_COUNT_LIMIT as ft, ImageUploadStatusType as He, DRAWING_IMAGE_ALLOW_SIZE as Wn, getImageSize as $n, DRAWING_IMAGE_WIDTH_LIMIT as pt, DRAWING_IMAGE_HEIGHT_LIMIT as wt, getDrawingShapeKeyByDrawingSearch as ze, UniverDrawingPlugin as Ln } from "@univerjs/drawing";
+import { ImageCropperObject as Bn, COMPONENT_IMAGE_POPUP_MENU as Gn, OpenImageCropOperation as Vn, ImageResetSizeOperation as kn, DrawingRenderService as Yn, DrawingCommonPanel as Fn, UniverDrawingUIPlugin as Xn } from "@univerjs/drawing-ui";
+import { IRenderManagerService as J, precisionTo as ne, RENDER_CLASS_TYPE as de, getGroupState as Hn, transformObjectOutOfGroup as zn, Rect as _t, ObjectType as Kn, DRAWING_OBJECT_LAYER_INDEX as Jn, SHEET_VIEWPORT_KEY as Tt } from "@univerjs/engine-render";
+import { ISheetDrawingService as F, SetDrawingApplyMutation as T, DrawingApplyType as P, SheetDrawingAnchorType as y, UniverSheetsDrawingPlugin as qn } from "@univerjs/sheets-drawing";
+import { SheetCanvasPopManagerService as Zn, attachRangeWithCoord as Ee, ISheetSelectionRenderService as we, SheetSkeletonManagerService as Z, COPY_TYPE as vt, PREDEFINED_HOOK_NAME as Ce, virtualizeDiscreteRanges as Qn, ISheetClipboardService as er, SheetPrintInterceptorService as tr, getCurrentRangeDisable$ as nr, SetZoomRatioOperation as rr } from "@univerjs/sheets-ui";
+import { ISidebarService as ir, IUIPartsService as sr, BuiltInUIPart as or, ILocalFileService as ar, IMessageService as cr, MenuItemType as Pt, getMenuHiddenObservable as Et, RibbonStartGroup as dr, KeyCode as le, ComponentManager as lr, IMenuManagerService as ur, IShortcutService as hr, CanvasFloatDomService as gr } from "@univerjs/ui";
+import { takeUntil as St, combineLatest as Ie, map as Ue, filter as re, distinctUntilChanged as Re, Subject as Ke, take as mr, BehaviorSubject as fr, switchMap as Ct } from "rxjs";
+import { SheetInterceptorService as ct, getSheetCommandTarget as ce, WorkbookViewPermission as It, WorksheetViewPermission as Je, WorkbookEditablePermission as nt, WorksheetEditPermission as Pe, InsertRowCommand as Ut, InsertColCommand as At, RemoveRowCommand as Nt, RemoveColCommand as jt, DeleteRangeMoveLeftCommand as xt, DeleteRangeMoveUpCommand as Wt, InsertRangeMoveDownCommand as $t, InsertRangeMoveRightCommand as Lt, DeltaRowHeightCommand as rt, SetRowHeightCommand as it, DeltaColumnWidthCommand as Bt, SetColWidthCommand as Gt, SetRowHiddenCommand as Vt, SetSpecificRowsVisibleCommand as kt, SetSpecificColsVisibleCommand as Yt, SetColHiddenCommand as Ft, MoveColsCommand as Xt, MoveRowsCommand as Ht, MoveRangeCommand as zt, SetRowVisibleMutation as pr, SetRowHiddenMutation as wr, SetColVisibleMutation as _r, SetColHiddenMutation as vr, SetWorksheetRowHeightMutation as Sr, SetWorksheetColWidthMutation as Cr, SetWorksheetActiveOperation as Ir, SheetsSelectionsService as Rr, RangeProtectionPermissionEditPoint as Dr, SetFrozenMutation as Mr } from "@univerjs/sheets";
+import Kt, { useEffect as dt, forwardRef as Jt, useRef as br, createElement as qt, useState as st } from "react";
+import { MessageType as De, RadioGroup as yr, Radio as qe } from "@univerjs/design";
+const Or = "sheets-drawing-ui.config", Tr = {}, j = {
   id: "sheet.operation.clear-drawing-transformer",
   type: H.MUTATION,
   handler: (i, e) => {
@@ -34,7 +34,7 @@ const Pr = "sheets-drawing-ui.config", Tr = {}, j = {
       const { unitId: I } = _;
       d.push(I);
     });
-    const l = s.getBatchRemoveOp(o), { unitId: g, subUnitId: a, undo: c, redo: u, objects: h } = l, m = r.onCommandExecute({ id: Ve.id, params: e }), f = { id: P.id, params: { unitId: g, subUnitId: a, op: u, objects: h, type: T.REMOVE } }, p = { id: P.id, params: { unitId: g, subUnitId: a, op: c, objects: h, type: T.INSERT } };
+    const l = s.getBatchRemoveOp(o), { unitId: g, subUnitId: a, undo: c, redo: u, objects: h } = l, m = r.onCommandExecute({ id: Ve.id, params: e }), f = { id: T.id, params: { unitId: g, subUnitId: a, op: u, objects: h, type: P.REMOVE } }, p = { id: T.id, params: { unitId: g, subUnitId: a, op: c, objects: h, type: P.INSERT } };
     return Mt([...(S = m.preRedos) != null ? S : [], f, ...m.redos], t) ? (n.pushUndoRedo({
       unitID: g,
       undoMutations: [
@@ -51,17 +51,17 @@ const Pr = "sheets-drawing-ui.config", Tr = {}, j = {
       ]
     }), !0) : !1;
   }
-}, qt = "COMPONENT_SHEET_DRAWING_PANEL", Zt = {
+}, Zt = "COMPONENT_SHEET_DRAWING_PANEL", Qt = {
   id: "sidebar.operation.sheet-image",
   type: H.COMMAND,
   handler: async (i, e) => {
-    const t = i.get(sr), n = i.get(Ge), r = i.get(pe), s = i.get(K);
+    const t = i.get(ir), n = i.get(Ge), r = i.get(pe), s = i.get(K);
     if (!ce(r)) return !1;
     switch (e.value) {
       case "open":
         t.open({
           header: { title: n.t("sheetImage.panel.title") },
-          children: { label: qt },
+          children: { label: Zt },
           onClose: () => {
             s.focusDrawing(null);
           },
@@ -75,12 +75,12 @@ const Pr = "sheets-drawing-ui.config", Tr = {}, j = {
     }
     return !0;
   }
-}, Qt = {
+}, en = {
   id: "sheet.operation.edit-sheet-image",
   type: H.OPERATION,
   handler: (i, e) => {
     const t = i.get(K), n = i.get(B);
-    return e == null ? !1 : (t.focusDrawing([e]), n.executeCommand(Zt.id, { value: "open" }), !0);
+    return e == null ? !1 : (t.focusDrawing([e]), n.executeCommand(Qt.id, { value: "open" }), !0);
   }
 };
 var Ze = { exports: {} }, he = {};
@@ -94,10 +94,10 @@ var Ze = { exports: {} }, he = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Rt;
-function Er() {
+function Pr() {
   if (Rt) return he;
   Rt = 1;
-  var i = zt, e = Symbol.for("react.element"), t = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, r = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var i = Kt, e = Symbol.for("react.element"), t = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, r = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(d, l, g) {
     var a, c = {}, u = null, h = null;
     g !== void 0 && (u = "" + g), l.key !== void 0 && (u = "" + l.key), l.ref !== void 0 && (h = l.ref);
@@ -108,18 +108,18 @@ function Er() {
   return he.Fragment = t, he.jsx = o, he.jsxs = o, he;
 }
 var Dt;
-function Ur() {
-  return Dt || (Dt = 1, Ze.exports = Er()), Ze.exports;
+function Er() {
+  return Dt || (Dt = 1, Ze.exports = Pr()), Ze.exports;
 }
-var $ = Ur();
-const Ar = "univer-upload-loading", Nr = "univer-upload-loading-body", jr = "univer-upload-loading-body-animation", xr = "univer-UniverCircleAnimation", Wr = "univer-upload-loading-body-text", Me = {
-  uploadLoading: Ar,
-  uploadLoadingBody: Nr,
-  uploadLoadingBodyAnimation: jr,
-  univerCircleAnimation: xr,
-  uploadLoadingBodyText: Wr
-}, $r = () => {
-  const i = ae(Ot), e = ae(Ge), [t, n] = zt.useState(0);
+var $ = Er();
+const Ur = "univer-upload-loading", Ar = "univer-upload-loading-body", Nr = "univer-upload-loading-body-animation", jr = "univer-UniverCircleAnimation", xr = "univer-upload-loading-body-text", Me = {
+  uploadLoading: Ur,
+  uploadLoadingBody: Ar,
+  uploadLoadingBodyAnimation: Nr,
+  univerCircleAnimation: jr,
+  uploadLoadingBodyText: xr
+}, Wr = () => {
+  const i = ae(Ot), e = ae(Ge), [t, n] = Kt.useState(0);
   return dt(() => {
     const r = i.change$.subscribe((s) => {
       n(s);
@@ -132,19 +132,19 @@ const Ar = "univer-upload-loading", Nr = "univer-upload-loading-body", jr = "uni
     /* @__PURE__ */ $.jsx("div", { className: Me.uploadLoadingBodyText, children: `${e.t("uploadLoading.loading")}: ${t}` })
   ] }) });
 };
-var Lr = Object.defineProperty, Br = Object.getOwnPropertyDescriptor, Gr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Br(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var $r = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, Br = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Lr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Lr(e, t, r), r;
+  return n && r && $r(e, t, r), r;
 }, se = (i, e) => (t, n) => e(t, n, i);
-let Ae = class extends wn {
+let Ae = class extends _n {
   constructor(e, t, n, r, s, o, d) {
     super();
     V(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
     this._injector = e, this._drawingManagerService = t, this._canvasPopManagerService = n, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = d, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET).pipe(St(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(Y.UNIVER_SHEET).pipe(St(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(Y.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(ar.CONTENT, () => _n($r, this._injector));
+    this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET).pipe(St(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(Y.UNIVER_SHEET).pipe(St(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(Y.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(or.CONTENT, () => vn(Wr, this._injector));
   }
   _dispose(e) {
     const t = e.getUnitId();
@@ -159,7 +159,7 @@ let Ae = class extends wn {
   _hasCropObject(e) {
     const t = e.getAllObjectsByOrder();
     for (const n of t)
-      if (n instanceof Ln)
+      if (n instanceof Bn)
         return !0;
     return !1;
   }
@@ -173,7 +173,7 @@ let Ae = class extends wn {
       return;
     let r;
     this.disposeWithMe(
-      vn(
+      Sn(
         n.createControl$.subscribe(() => {
           if (this._contextService.setContextValue(fe, !0), this._hasCropObject(t))
             return;
@@ -194,7 +194,7 @@ let Ae = class extends wn {
           r == null || r.dispose();
           const f = this._canvasPopManagerService.getFeatureMenu(a, c, u, h);
           r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
-            componentKey: Bn,
+            componentKey: Gn,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
@@ -222,7 +222,7 @@ let Ae = class extends wn {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Qt.id,
+        commandId: en.id,
         commandParams: { unitId: e, subUnitId: t, drawingId: n },
         disable: r === k.DRAWING_DOM
       },
@@ -236,28 +236,28 @@ let Ae = class extends wn {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Gn.id,
+        commandId: Vn.id,
         commandParams: { unitId: e, subUnitId: t, drawingId: n },
         disable: r === k.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: Vn.id,
+        commandId: kn.id,
         commandParams: [{ unitId: e, subUnitId: t, drawingId: n }],
         disable: r === k.DRAWING_DOM
       }
     ];
   }
 };
-Ae = Gr([
+Ae = Br([
   se(0, x(bt)),
   se(1, K),
   se(2, x(Zn)),
   se(3, J),
   se(4, pe),
   se(5, yt),
-  se(6, x(or))
+  se(6, x(sr))
 ], Ae);
 function L(i, e, t) {
   const { from: n, to: r, flipY: s = !1, flipX: o = !1, angle: d = 0, skewX: l = 0, skewY: g = 0 } = i, { column: a, columnOffset: c, row: u, rowOffset: h } = n, { column: m, columnOffset: f, row: p, rowOffset: C } = r, S = t.getCurrentSkeleton(), v = Ee(S, {
@@ -320,10 +320,10 @@ function N(i, e) {
     to: m
   };
 }
-var Vr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Yr = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? kr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var Gr = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, kr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Vr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Vr(e, t, r), r;
+  return n && r && Gr(e, t, r), r;
 }, be = (i, e) => (t, n) => e(t, n, i);
 let ot = class extends ie {
   constructor(i, e, t, n, r) {
@@ -345,886 +345,183 @@ let ot = class extends ie {
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 };
-ot = Yr([
+ot = kr([
   be(1, F),
   be(2, K),
   be(3, x(we)),
   be(4, x(Z))
 ], ot);
-var X = function() {
-  return X = Object.assign || function(i) {
-    for (var e, t = 1, n = arguments.length; t < n; t++) {
-      e = arguments[t];
-      for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
-    }
-    return i;
-  }, X.apply(this, arguments);
-}, Fr = function(i, e) {
-  var t = {};
-  for (var n in i) Object.prototype.hasOwnProperty.call(i, n) && e.indexOf(n) < 0 && (t[n] = i[n]);
-  if (i != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, n = Object.getOwnPropertySymbols(i); r < n.length; r++)
-      e.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, n[r]) && (t[n[r]] = i[n[r]]);
-  return t;
-}, en = Kt(function(i, e) {
-  var t = i.icon, n = i.id, r = i.className, s = i.extend, o = Fr(i, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), l = yr("_".concat(zr()));
-  return tn(t, "".concat(n), { defIds: t.defIds, idSuffix: l.current }, X({ ref: e, className: d }, o), s);
-});
-function tn(i, e, t, n, r) {
-  return Jt(i.tag, X(X({ key: e }, Xr(i, t, r)), n), (Hr(i, t).children || []).map(function(s, o) {
-    return tn(s, "".concat(e, "-").concat(i.tag, "-").concat(o), t, void 0, r);
-  }));
-}
-function Xr(i, e, t) {
-  var n = X({}, i.attrs);
-  t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1);
-  var r = e.defIds;
-  return !r || r.length === 0 || (i.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(s) {
-    var o = s[0], d = s[1];
-    typeof d == "string" && (n[o] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  })), n;
-}
-function Hr(i, e) {
-  var t, n = e.defIds;
-  return !n || n.length === 0 ? i : i.tag === "defs" && (!((t = i.children) === null || t === void 0) && t.length) ? X(X({}, i), { children: i.children.map(function(r) {
-    return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? X(X({}, r), { attrs: X(X({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
-  }) }) : i;
-}
-function zr() {
-  return Math.random().toString(36).substring(2, 8);
-}
-en.displayName = "UniverIcon";
-var Kr = { 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" } }] }, nn = Kt(function(i, e) {
-  return Jt(en, Object.assign({}, i, {
-    id: "add-image-single",
-    ref: e,
-    icon: Kr
-  }));
-});
-nn.displayName = "AddImageSingle";
-const rn = {
-  id: "sheet.command.delete-drawing",
-  type: H.COMMAND,
-  handler: (i) => {
-    const e = i.get(B), n = i.get(F).getFocusDrawings();
-    if (n.length === 0)
-      return !1;
-    const r = n[0].unitId, s = n.map((o) => {
-      const { unitId: d, subUnitId: l, drawingId: g, drawingType: a } = o;
-      return {
-        unitId: d,
-        subUnitId: l,
-        drawingId: g,
-        drawingType: a
-      };
+var Yr = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, Xr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Fr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Yr(e, t, r), r;
+}, Qe = (i, e) => (t, n) => e(t, n, i);
+let Ne = class extends ie {
+  constructor(e, t, n) {
+    super();
+    V(this, "_copyInfo");
+    this._sheetClipboardService = e, this._renderManagerService = t, this._sheetDrawingService = n, this._initCopyPaste();
+  }
+  _initCopyPaste() {
+    this._sheetClipboardService.addClipboardHook({
+      id: "SHEET_IMAGE_UI_PLUGIN",
+      onBeforeCopy: (e, t, n) => this._collect(e, t, n),
+      onPasteCells: (e, t, n, r) => {
+        const { copyType: s = vt.COPY, pasteType: o } = r, { range: d } = e || {}, { range: l, unitId: g, subUnitId: a } = t;
+        return this._generateMutations(l, { copyType: s, pasteType: o, copyRange: d, unitId: g, subUnitId: a });
+      },
+      onPastePlainText: (e, t) => ({ undos: [], redos: [] })
     });
-    return e.executeCommand(Ve.id, {
-      unitId: r,
-      drawings: s
+  }
+  _collect(e, t, n) {
+    var u;
+    const r = (u = this._renderManagerService.getRenderById(e)) == null ? void 0 : u.with(Z);
+    if (!r) return;
+    const s = r.attachRangeWithCoord(n);
+    if (!s)
+      return;
+    const { startX: o, endX: d, startY: l, endY: g } = s, a = this._sheetDrawingService.getDrawingData(e, t), c = [];
+    Object.keys(a).forEach((h) => {
+      const m = a[h], { transform: f } = m;
+      if (m.anchorType !== y.Both || !f)
+        return;
+      const { left: p = 0, top: C = 0, width: S = 0, height: v = 0 } = f, { drawingStartX: R, drawingEndX: _, drawingStartY: I, drawingEndY: w } = {
+        drawingStartX: p,
+        drawingEndX: p + S,
+        drawingStartY: C,
+        drawingEndY: C + v
+      };
+      o <= R && _ <= d && l <= I && w <= g && c.push(m);
+    }), c.length && (this._copyInfo = {
+      drawings: c,
+      unitId: e,
+      subUnitId: t
     });
   }
-};
-function Jr(i) {
-  const e = [];
-  return i.forEach((t) => {
-    const { parent: n, children: r } = t, { unitId: s, subUnitId: o, drawingId: d } = n, l = Xn(0, 0, r.map((c) => c.transform || {})), g = r.map((c) => {
-      const u = c.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: m, drawingId: f } = c;
-      return {
-        unitId: h,
-        subUnitId: m,
-        drawingId: f,
+  // eslint-disable-next-line max-lines-per-function
+  _generateMutations(e, t) {
+    var b;
+    if (!this._copyInfo)
+      return { redos: [], undos: [] };
+    if ([
+      Ce.SPECIAL_PASTE_COL_WIDTH,
+      Ce.SPECIAL_PASTE_VALUE,
+      Ce.SPECIAL_PASTE_FORMAT,
+      Ce.SPECIAL_PASTE_FORMULA
+    ].includes(
+      t.pasteType
+    ))
+      return { redos: [], undos: [] };
+    const { copyRange: n } = t;
+    if (!n)
+      return { redos: [], undos: [] };
+    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [d, l], mapFunc: g } = Qn([n, e]), { row: a, col: c } = g(d.startRow, d.startColumn), { row: u, col: h } = g(l.startRow, l.startColumn), m = (b = this._renderManagerService.getRenderById(s)) == null ? void 0 : b.with(Z);
+    if (!m)
+      return { redos: [], undos: [] };
+    const f = m.attachRangeWithCoord({
+      startRow: a,
+      endRow: a,
+      startColumn: c,
+      endColumn: c
+    }), p = m.attachRangeWithCoord({
+      startRow: u,
+      endRow: u,
+      startColumn: h,
+      endColumn: h
+    });
+    if (!f || !p)
+      return { redos: [], undos: [] };
+    const C = [], S = [], v = p.startX - f.startX, R = p.startY - f.startY, _ = u - a, I = h - c, w = t.copyType === vt.CUT, { _sheetDrawingService: O } = this;
+    return r.forEach((A) => {
+      const { transform: E, sheetTransform: M } = A;
+      if (!E)
+        return;
+      const D = {
+        ...A,
+        unitId: s,
+        subUnitId: o,
+        drawingId: w ? A.drawingId : me.generateRandomId(),
         transform: {
-          ...u,
-          left: u.left - l.left,
-          top: u.top - l.top
+          ...E,
+          left: E.left + v,
+          top: E.top + R
         },
-        groupId: d
-      };
-    }), a = {
-      unitId: s,
-      subUnitId: o,
-      drawingId: d,
-      drawingType: k.DRAWING_GROUP,
-      transform: l
-    };
-    e.push({
-      parent: a,
-      children: g
-    });
-  }), e;
-}
-function qr(i) {
-  const e = [];
-  return i.forEach((t) => {
-    const { parent: n, children: r } = t, { unitId: s, subUnitId: o, drawingId: d, transform: l = { width: 0, height: 0 } } = n;
-    if (l == null)
-      return;
-    const g = r.map((c) => {
-      const { transform: u } = c, { unitId: h, subUnitId: m, drawingId: f } = c, p = Hn(u || {}, l, l.width || 0, l.height || 0);
-      return {
-        unitId: h,
-        subUnitId: m,
-        drawingId: f,
-        transform: p,
-        groupId: void 0
+        sheetTransform: {
+          to: { ...M.to, row: M.to.row + _, column: M.to.column + I },
+          from: { ...M.from, row: M.from.row + _, column: M.from.column + I }
+        }
       };
-    }), a = {
-      unitId: s,
-      subUnitId: o,
-      drawingId: d,
-      drawingType: k.DRAWING_GROUP,
-      transform: {
-        left: 0,
-        top: 0
+      if (w) {
+        const { undo: U, redo: W, objects: q } = O.getBatchUpdateOp([D]);
+        C.push({
+          id: T.id,
+          params: {
+            unitId: s,
+            subUnitId: o,
+            type: P.UPDATE,
+            op: W,
+            objects: q
+          }
+        }), S.push({
+          id: T.id,
+          params: {
+            unitId: s,
+            subUnitId: o,
+            type: P.UPDATE,
+            op: U,
+            objects: q
+          }
+        });
+      } else {
+        const { undo: U, redo: W, objects: q } = O.getBatchAddOp([D]);
+        C.push({ id: T.id, params: { op: W, unitId: s, subUnitId: o, objects: q, type: P.INSERT } }), S.push({ id: T.id, params: { op: U, unitId: s, subUnitId: o, objects: q, type: P.REMOVE } });
       }
+    }), {
+      redos: C,
+      undos: S
     };
-    e.push({
-      parent: a,
-      children: g
-    });
-  }), e;
-}
-const sn = {
-  id: "sheet.command.group-sheet-image",
-  type: H.COMMAND,
-  handler: (i, e) => {
-    const t = i.get(B), n = i.get(ue), r = i.get(F);
-    if (!e) return !1;
-    const s = [];
-    e.forEach(({ parent: h, children: m }) => {
-      s.push(h.unitId), m.forEach((f) => {
-        s.push(f.unitId);
-      });
-    });
-    const o = r.getGroupDrawingOp(e), { unitId: d, subUnitId: l, undo: g, redo: a, objects: c } = o;
-    return t.syncExecuteCommand(P.id, { op: a, unitId: d, subUnitId: l, objects: c, type: T.GROUP }) ? (n.pushUndoRedo({
-      unitID: d,
-      undoMutations: [
-        { id: P.id, params: { op: g, unitId: d, subUnitId: l, objects: qr(c), type: T.UNGROUP } },
-        { id: j.id, params: s }
-      ],
-      redoMutations: [
-        { id: P.id, params: { op: a, unitId: d, subUnitId: l, objects: c, type: T.GROUP } },
-        { id: j.id, params: s }
-      ]
-    }), !0) : !1;
-  }
-}, ke = {
-  id: "sheet.command.insert-sheet-image",
-  type: H.COMMAND,
-  handler: (i, e) => {
-    var S, v, R;
-    const t = i.get(B), n = i.get(ue), r = i.get(F), s = i.get(ct);
-    if (!e) return !1;
-    const o = e.drawings, d = o.map((_) => _.unitId), l = r.getBatchAddOp(o), { unitId: g, subUnitId: a, undo: c, redo: u, objects: h } = l, m = s.onCommandExecute({ id: ke.id, params: e }), f = { id: P.id, params: { op: u, unitId: g, subUnitId: a, objects: h, type: T.INSERT } }, p = { id: P.id, params: { op: c, unitId: g, subUnitId: a, objects: h, type: T.REMOVE } };
-    return Mt([...(S = m.preRedos) != null ? S : [], f, ...m.redos], t) ? (n.pushUndoRedo({
-      unitID: g,
-      undoMutations: [
-        ...(v = m.preUndos) != null ? v : [],
-        p,
-        ...m.undos,
-        { id: j.id, params: d }
-      ],
-      redoMutations: [
-        ...(R = m.preRedos) != null ? R : [],
-        f,
-        ...m.redos,
-        { id: j.id, params: d }
-      ]
-    }), !0) : !1;
-  }
-}, on = {
-  id: "sheet.command.set-drawing-arrange",
-  type: H.COMMAND,
-  handler: (i, e) => {
-    const t = i.get(B), n = i.get(ue);
-    if (!e) return !1;
-    const r = i.get(F), { unitId: s, subUnitId: o, drawingIds: d, arrangeType: l } = e, g = { unitId: s, subUnitId: o, drawingIds: d };
-    let a;
-    if (l === Se.forward ? a = r.getForwardDrawingsOp(g) : l === Se.backward ? a = r.getBackwardDrawingOp(g) : l === Se.front ? a = r.getFrontDrawingsOp(g) : l === Se.back && (a = r.getBackDrawingsOp(g)), a == null)
-      return !1;
-    const { objects: c, redo: u, undo: h } = a;
-    return t.syncExecuteCommand(P.id, { op: u, unitId: s, subUnitId: o, objects: c, type: T.ARRANGE }) ? (n.pushUndoRedo({
-      unitID: s,
-      undoMutations: [
-        { id: P.id, params: { op: h, unitId: s, subUnitId: o, objects: c, type: T.ARRANGE } }
-      ],
-      redoMutations: [
-        { id: P.id, params: { op: u, unitId: s, subUnitId: o, objects: c, type: T.ARRANGE } }
-      ]
-    }), !0) : !1;
-  }
-}, Ye = {
-  id: "sheet.command.set-sheet-image",
-  type: H.COMMAND,
-  handler: (i, e) => {
-    const t = i.get(B), n = i.get(ue), r = i.get(F);
-    if (!e) return !1;
-    const { drawings: s } = e, o = r.getBatchUpdateOp(s), { unitId: d, subUnitId: l, undo: g, redo: a, objects: c } = o;
-    return t.syncExecuteCommand(P.id, { unitId: d, subUnitId: l, op: a, objects: c, type: T.UPDATE }) ? (n.pushUndoRedo({
-      unitID: d,
-      undoMutations: [
-        { id: P.id, params: { unitId: d, subUnitId: l, op: g, objects: c, type: T.UPDATE } },
-        { id: j.id, params: [d] }
-      ],
-      redoMutations: [
-        { id: P.id, params: { unitId: d, subUnitId: l, op: a, objects: c, type: T.UPDATE } },
-        { id: j.id, params: [d] }
-      ]
-    }), !0) : !1;
-  }
-}, an = {
-  id: "sheet.command.ungroup-sheet-image",
-  type: H.COMMAND,
-  handler: (i, e) => {
-    const t = i.get(B), n = i.get(ue), r = i.get(F);
-    if (!e) return !1;
-    const s = [];
-    e.forEach(({ parent: h, children: m }) => {
-      s.push(h.unitId), m.forEach((f) => {
-        s.push(f.unitId);
-      });
-    });
-    const o = r.getUngroupDrawingOp(e), { unitId: d, subUnitId: l, undo: g, redo: a, objects: c } = o;
-    return t.syncExecuteCommand(P.id, { op: a, unitId: d, subUnitId: l, objects: c, type: T.UNGROUP }) ? (n.pushUndoRedo({
-      unitID: d,
-      undoMutations: [
-        { id: P.id, params: { op: g, unitId: d, subUnitId: l, objects: Jr(c), type: T.GROUP } },
-        { id: j.id, params: s }
-      ],
-      redoMutations: [
-        { id: P.id, params: { op: a, unitId: d, subUnitId: l, objects: c, type: T.UNGROUP } },
-        { id: j.id, params: s }
-      ]
-    }), !0) : !1;
   }
 };
-var Zr = Object.defineProperty, Qr = Object.getOwnPropertyDescriptor, ei = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Qr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+Ne = Xr([
+  Qe(0, er),
+  Qe(1, J),
+  Qe(2, F)
+], Ne);
+var Hr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, Kr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? zr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Zr(e, t, r), r;
-}, z = (i, e) => (t, n) => e(t, n, i);
-let Ne = class extends ie {
-  constructor(e, t, n, r, s, o, d, l, g, a, c, u) {
-    super();
-    V(this, "_workbookSelections");
-    this._context = e, this._skeletonManagerService = t, this._commandService = n, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = d, this._drawingManagerService = l, this._contextService = g, this._messageService = a, this._localeService = c, this._workbookSelections = u.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
-  }
-  async insertFloatImage() {
-    const e = await this._fileOpenerService.openFile({
-      multiple: !0,
-      accept: jn.map((n) => `.${n.replace("image/", "")}`).join(",")
-    }), t = e.length;
-    return t > ft ? (this._messageService.show({
-      type: De.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(ft))
-    }), !1) : t === 0 ? !1 : (e.forEach(async (n) => await this._insertFloatImage(n)), !0);
-  }
-  async _insertFloatImage(e) {
-    let t;
-    try {
-      t = await this._imageIoService.saveImage(e);
-    } catch (S) {
-      const v = S.message;
-      v === He.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: De.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(xn / (1024 * 1024)))
-      }) : v === He.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: De.Error,
-        content: this._localeService.t("update-status.invalidImageType")
-      }) : v === He.ERROR_IMAGE && this._messageService.show({
-        type: De.Error,
-        content: this._localeService.t("update-status.invalidImage")
-      });
-    }
-    if (t == null)
-      return;
-    const n = this._getUnitInfo(), { unitId: r, subUnitId: s } = n, { imageId: o, imageSourceType: d, source: l, base64Cache: g } = t, { width: a, height: c, image: u } = await Wn(g || ""), { width: h, height: m } = this._context.scene;
-    this._imageIoService.addImageSourceCache(l, d, u);
-    let f = 1;
-    if (a > pt || c > wt) {
-      const S = pt / a, v = wt / c;
-      f = Math.max(S, v);
-    }
-    const p = this._getImagePosition(a * f, c * f, h, m);
-    if (p == null)
-      return;
-    const C = {
-      unitId: r,
-      subUnitId: s,
-      drawingId: o,
-      drawingType: k.DRAWING_IMAGE,
-      imageSourceType: d,
-      source: l,
-      transform: L(p, this._selectionRenderService, this._skeletonManagerService),
-      sheetTransform: p
-    };
-    this._commandService.executeCommand(ke.id, {
-      unitId: r,
-      drawings: [C]
-    });
-  }
-  _getUnitInfo() {
-    const e = this._context.unit, t = e.getActiveSheet(), n = e.getUnitId(), r = t.getSheetId();
-    return {
-      unitId: n,
-      subUnitId: r
-    };
-  }
-  _getImagePosition(e, t, 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 d = Ee(this._skeletonManagerService.getCurrent().skeleton, o);
-    if (d == null)
-      return;
-    let { startColumn: l, startRow: g, startX: a, startY: c } = d, u = !1;
-    if (a + e > n && (a = n - e, a < 0 && (a = 0, e = n), u = !0), c + t > r && (c = r - t, c < 0 && (c = 0, t = r), u = !0), u) {
-      const p = this._selectionRenderService.getCellWithCoordByOffset(a, c);
-      if (p == null)
-        return;
-      a = p.startX, c = p.startY, l = p.actualColumn, g = p.actualRow;
-    }
-    const h = {
-      column: l,
-      columnOffset: 0,
-      row: g,
-      rowOffset: 0
-    }, m = this._selectionRenderService.getCellWithCoordByOffset(a + e, c + t);
-    if (m == null)
-      return;
-    const f = {
-      column: m.actualColumn,
-      columnOffset: a + e - m.startX,
-      row: m.actualRow,
-      rowOffset: c + t - m.startY
-    };
-    return {
-      from: h,
-      to: f
-    };
-  }
-  _updateOrderListener() {
-    this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((e) => {
-      const { unitId: t, subUnitId: n, drawingIds: r, arrangeType: s } = e;
-      this._commandService.executeCommand(on.id, {
-        unitId: t,
-        subUnitId: n,
-        drawingIds: r,
-        arrangeType: s
-      });
-    }));
-  }
-  _updateImageListener() {
-    this.disposeWithMe(this._drawingManagerService.featurePluginUpdate$.subscribe((e) => {
-      const t = [];
-      e.length !== 0 && (e.forEach((n) => {
-        const { unitId: r, subUnitId: s, drawingId: o, drawingType: d, transform: l } = n;
-        if (l == null)
-          return;
-        const g = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
-        if (g == null || g.unitId !== this._context.unitId)
-          return;
-        const a = N({ ...g.transform, ...l }, this._selectionRenderService);
-        if (a == null)
-          return;
-        const c = {
-          ...n,
-          transform: { ...g.transform, ...l, ...L(a, this._selectionRenderService, this._skeletonManagerService) },
-          sheetTransform: { ...a }
-        };
-        t.push(c);
-      }), t.length > 0 && this._commandService.executeCommand(Ye.id, {
-        unitId: e[0].unitId,
-        drawings: t
-      }));
-    }));
-  }
-  _groupDrawingListener() {
-    this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((e) => {
-      this._commandService.executeCommand(sn.id, e);
-      const { unitId: t, subUnitId: n, drawingId: r } = e[0].parent;
-      this._drawingManagerService.focusDrawing([{ unitId: t, subUnitId: n, drawingId: r }]);
-    })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((e) => {
-      this._commandService.executeCommand(an.id, e);
-    }));
+  return n && r && Hr(e, t, r), r;
+}, ge = (i, e) => (t, n) => e(t, n, i);
+let je = class extends ie {
+  constructor(i, e, t, n, r) {
+    super(), this._drawingManagerService = i, this._renderManagerService = e, this._permissionService = t, this._univerInstanceService = n, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
-  _focusDrawingListener() {
+  _initDrawingVisible() {
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
     this.disposeWithMe(
-      this._drawingManagerService.focus$.subscribe((e) => {
-        e == null || e.length === 0 ? (this._contextService.setContextValue(fe, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(fe, !0), this._sheetDrawingService.focusDrawing(e));
-      })
-    );
-  }
-};
-Ne = ei([
-  z(1, x(Z)),
-  z(2, B),
-  z(3, we),
-  z(4, Ot),
-  z(5, cr),
-  z(6, F),
-  z(7, K),
-  z(8, yt),
-  z(9, dr),
-  z(10, x(Ge)),
-  z(11, x(wr))
-], Ne);
-const lt = {
-  id: "sheet.command.insert-float-image",
-  type: H.COMMAND,
-  handler: (i) => {
-    var t, n;
-    return (n = (t = i.get(J).getCurrentTypeOfRenderer(Y.UNIVER_SHEET)) == null ? void 0 : t.with(Ne).insertFloatImage()) != null ? n : !1;
-  }
-}, _e = {
-  id: "sheet.command.move-drawing",
-  type: H.COMMAND,
-  handler: (i, e) => {
-    const t = i.get(B), n = i.get(F), r = i.get(we), { direction: s } = e, o = n.getFocusDrawings();
-    if (o.length === 0)
-      return !1;
-    const d = o[0].unitId, l = o.map((a) => {
-      const { transform: c } = a;
-      if (c == null)
-        return null;
-      const u = { ...c }, { left: h = 0, top: m = 0 } = c;
-      return s === te.UP ? u.top = m - 1 : s === te.DOWN ? u.top = m + 1 : s === te.LEFT ? u.left = h - 1 : s === te.RIGHT && (u.left = h + 1), {
-        ...a,
-        transform: u,
-        sheetTransform: N(u, r)
-      };
-    }).filter((a) => a != null);
-    return t.syncExecuteCommand(Ye.id, {
-      unitId: d,
-      drawings: l
-    }) ? (t.syncExecuteCommand(j.id, [d]), !0) : !1;
-  }
-}, cn = "addition-and-subtraction-single", dn = "sheet.menu.image";
-function ti(i) {
-  return {
-    id: dn,
-    type: Pt.SUBITEMS,
-    icon: cn,
-    tooltip: "sheetImage.title",
-    hidden$: Tt(i, Y.UNIVER_SHEET),
-    disabled$: Qn(i, { workbookTypes: [nt], worksheetTypes: [Te], rangeTypes: [_r] })
-  };
-}
-function ni(i) {
-  return {
-    id: lt.id,
-    title: "sheetImage.upload.float",
-    type: Pt.BUTTON,
-    hidden$: Tt(i, Y.UNIVER_SHEET)
-  };
-}
-const ri = "univer-image-common-panel", ii = "univer-image-common-panel-grid", si = "univer-image-common-panel-border", oi = "univer-image-common-panel-title", ai = "univer-image-common-panel-subtitle", ci = "univer-image-common-panel-row", di = "univer-image-common-panel-row-vertical", li = "univer-image-common-panel-column", ui = "univer-image-common-panel-column-center", hi = "univer-image-common-panel-inline", gi = "univer-image-common-panel-span2", mi = "univer-image-common-panel-span3", fi = "univer-image-common-panel-input", pi = "univer-sheet-image-menu", wi = "univer-sheet-image-menu-input", ee = {
-  imageCommonPanel: ri,
-  imageCommonPanelGrid: ii,
-  imageCommonPanelBorder: si,
-  imageCommonPanelTitle: oi,
-  imageCommonPanelSubtitle: ai,
-  imageCommonPanelRow: ci,
-  imageCommonPanelRowVertical: di,
-  imageCommonPanelColumn: li,
-  imageCommonPanelColumnCenter: ui,
-  imageCommonPanelInline: hi,
-  imageCommonPanelSpan2: gi,
-  imageCommonPanelSpan3: mi,
-  imageCommonPanelInput: fi,
-  sheetImageMenu: pi,
-  sheetImageMenuInput: wi
-};
-function ln(i) {
-  var e, t, n = "";
-  if (typeof i == "string" || typeof i == "number") n += i;
-  else if (typeof i == "object") if (Array.isArray(i)) {
-    var r = i.length;
-    for (e = 0; e < r; e++) i[e] && (t = ln(i[e])) && (n && (n += " "), n += t);
-  } else for (t in i) i[t] && (n && (n += " "), n += t);
-  return n;
-}
-function ye() {
-  for (var i, e, t = 0, n = "", r = arguments.length; t < r; t++) (i = arguments[t]) && (e = ln(i)) && (n && (n += " "), n += e);
-  return n;
-}
-const _i = (i) => {
-  var v;
-  const e = ae(B), t = ae(Ge), n = ae(K), r = ae(J), { drawings: s } = i, o = s[0];
-  if (o == null)
-    return;
-  const { unitId: d } = o, l = r.getRenderById(d), g = l == null ? void 0 : l.scene;
-  if (g == null)
-    return;
-  const a = g.getTransformerByCreate(), [c, u] = st(!0), h = (v = o.anchorType) != null ? v : y.Position, [m, f] = st(h);
-  function p(R, _) {
-    const I = [];
-    return R.forEach((w) => {
-      const { oKey: O } = w, b = _.getDrawingOKey(O);
-      if (b == null)
-        return I.push(null), !0;
-      const { unitId: A, subUnitId: E, drawingId: M, drawingType: D, anchorType: U, sheetTransform: W } = b;
-      I.push({
-        unitId: A,
-        subUnitId: E,
-        drawingId: M,
-        anchorType: U,
-        sheetTransform: W,
-        drawingType: D
-      });
-    }), I;
-  }
-  dt(() => {
-    const R = a.clearControl$.subscribe((I) => {
-      I === !0 && u(!1);
-    }), _ = a.changeStart$.subscribe((I) => {
-      var b;
-      const { objects: w } = I, O = p(w, n);
-      if (O.length === 0)
-        u(!1);
-      else if (O.length >= 1) {
-        u(!0);
-        const A = ((b = O[0]) == null ? void 0 : b.anchorType) || y.Position;
-        f(A);
-      }
-    });
-    return () => {
-      _.unsubscribe(), R.unsubscribe();
-    };
-  }, []);
-  function C(R) {
-    f(R);
-    const _ = n.getFocusDrawings();
-    if (_.length === 0)
-      return;
-    const I = _.map((w) => ({
-      unitId: w.unitId,
-      subUnitId: w.subUnitId,
-      drawingId: w.drawingId,
-      anchorType: R
-    }));
-    e.executeCommand(Ye.id, {
-      unitId: _[0].unitId,
-      drawings: I
-    });
-  }
-  const S = (R) => R ? "block" : "none";
-  return /* @__PURE__ */ $.jsxs("div", { className: ye(ee.imageCommonPanelGrid, ee.imageCommonPanelBorder), style: { display: S(c) }, children: [
-    /* @__PURE__ */ $.jsx("div", { className: ee.imageCommonPanelRow, children: /* @__PURE__ */ $.jsx("div", { className: ye(ee.imageCommonPanelColumn, ee.imageCommonPanelTitle), children: /* @__PURE__ */ $.jsx("div", { children: t.t("drawing-anchor.title") }) }) }),
-    /* @__PURE__ */ $.jsx("div", { className: ye(ee.imageCommonPanelRow), children: /* @__PURE__ */ $.jsx("div", { className: ye(ee.imageCommonPanelColumn), children: /* @__PURE__ */ $.jsxs(Or, { value: m, onChange: C, direction: "vertical", children: [
-      /* @__PURE__ */ $.jsx(qe, { value: y.Both, children: t.t("drawing-anchor.both") }),
-      /* @__PURE__ */ $.jsx(qe, { value: y.Position, children: t.t("drawing-anchor.position") }),
-      /* @__PURE__ */ $.jsx(qe, { value: y.None, children: t.t("drawing-anchor.none") })
-    ] }) }) })
-  ] });
-}, vi = () => {
-  const i = ae(K), e = i.getFocusDrawings(), [t, n] = st(e);
-  return dt(() => {
-    const r = i.focus$.subscribe((s) => {
-      n(s);
-    });
-    return () => {
-      r.unsubscribe();
-    };
-  }, []), !!(t != null && t.length) && /* @__PURE__ */ $.jsxs("div", { className: ee.imageCommonPanel, children: [
-    /* @__PURE__ */ $.jsx(kn, { drawings: t }),
-    /* @__PURE__ */ $.jsx(_i, { drawings: t })
-  ] });
-}, Si = {
-  [lr.FORMULAS_INSERT]: {
-    [dn]: {
-      order: 3,
-      menuItemFactory: ti,
-      [lt.id]: {
-        order: 0,
-        menuItemFactory: ni
-      }
-    }
-  }
-};
-function ve(i) {
-  return !i.getContextValue(Sn) && !i.getContextValue(Cn) && !i.getContextValue(In) && i.getContextValue(fe);
-}
-const Ci = {
-  id: _e.id,
-  description: "shortcut.sheet.drawing-move-down",
-  group: "4_sheet-drawing-view",
-  binding: le.ARROW_DOWN,
-  priority: 100,
-  preconditions: ve,
-  staticParameters: {
-    direction: te.DOWN
-  }
-}, Ii = {
-  id: _e.id,
-  description: "shortcut.sheet.drawing-move-up",
-  group: "4_sheet-drawing-view",
-  binding: le.ARROW_UP,
-  priority: 100,
-  preconditions: ve,
-  staticParameters: {
-    direction: te.UP
-  }
-}, Ri = {
-  id: _e.id,
-  description: "shortcut.sheet.drawing-move-left",
-  group: "4_sheet-drawing-view",
-  binding: le.ARROW_LEFT,
-  priority: 100,
-  preconditions: ve,
-  staticParameters: {
-    direction: te.LEFT
-  }
-}, Di = {
-  id: _e.id,
-  description: "shortcut.sheet.drawing-move-right",
-  group: "4_sheet-drawing-view",
-  binding: le.ARROW_RIGHT,
-  priority: 100,
-  preconditions: ve,
-  staticParameters: {
-    direction: te.RIGHT
-  }
-}, Mi = {
-  id: rn.id,
-  description: "shortcut.sheet.drawing-delete",
-  group: "4_sheet-drawing-view",
-  // when focusing on any other input tag do not trigger this shortcut
-  preconditions: ve,
-  binding: le.DELETE,
-  mac: le.BACKSPACE
-};
-var bi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, Oi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? yi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && bi(e, t, r), r;
-}, Oe = (i, e) => (t, n) => e(t, n, i);
-let je = class extends ie {
-  constructor(i, e, t, n) {
-    super(), this._componentManager = i, this._menuManagerService = e, this._commandService = t, this._shortcutService = n, this._init();
-  }
-  _initCustomComponents() {
-    const i = this._componentManager;
-    this.disposeWithMe(i.register(cn, nn)), this.disposeWithMe(i.register(qt, vi));
-  }
-  _initMenus() {
-    this._menuManagerService.mergeMenu(Si);
-  }
-  _initCommands() {
-    [
-      lt,
-      ke,
-      Ve,
-      Ye,
-      Zt,
-      j,
-      Qt,
-      sn,
-      an,
-      _e,
-      rn,
-      on
-    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
-  }
-  _initShortcuts() {
-    [
-      // sheet drawing shortcuts
-      Ci,
-      Ii,
-      Ri,
-      Di,
-      Mi
-    ].forEach((i) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(i));
-    });
-  }
-  _init() {
-    this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
-  }
-};
-je = Oi([
-  Oe(0, x(ur)),
-  Oe(1, hr),
-  Oe(2, B),
-  Oe(3, gr)
-], je);
-var Pi = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, Ei = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ti(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Pi(e, t, r), r;
-}, Qe = (i, e) => (t, n) => e(t, n, i);
-let xe = class extends ie {
-  constructor(e, t, n) {
-    super();
-    V(this, "_copyInfo");
-    this._sheetClipboardService = e, this._renderManagerService = t, this._sheetDrawingService = n, this._initCopyPaste();
-  }
-  _initCopyPaste() {
-    this._sheetClipboardService.addClipboardHook({
-      id: "SHEET_IMAGE_UI_PLUGIN",
-      onBeforeCopy: (e, t, n) => this._collect(e, t, n),
-      onPasteCells: (e, t, n, r) => {
-        const { copyType: s = vt.COPY, pasteType: o } = r, { range: d } = e || {}, { range: l, unitId: g, subUnitId: a } = t;
-        return this._generateMutations(l, { copyType: s, pasteType: o, copyRange: d, unitId: g, subUnitId: a });
-      },
-      onPastePlainText: (e, t) => ({ undos: [], redos: [] })
-    });
-  }
-  _collect(e, t, n) {
-    var u;
-    const r = (u = this._renderManagerService.getRenderById(e)) == null ? void 0 : u.with(Z);
-    if (!r) return;
-    const s = r.attachRangeWithCoord(n);
-    if (!s)
-      return;
-    const { startX: o, endX: d, startY: l, endY: g } = s, a = this._sheetDrawingService.getDrawingData(e, t), c = [];
-    Object.keys(a).forEach((h) => {
-      const m = a[h], { transform: f } = m;
-      if (m.anchorType !== y.Both || !f)
-        return;
-      const { left: p = 0, top: C = 0, width: S = 0, height: v = 0 } = f, { drawingStartX: R, drawingEndX: _, drawingStartY: I, drawingEndY: w } = {
-        drawingStartX: p,
-        drawingEndX: p + S,
-        drawingStartY: C,
-        drawingEndY: C + v
-      };
-      o <= R && _ <= d && l <= I && w <= g && c.push(m);
-    }), c.length && (this._copyInfo = {
-      drawings: c,
-      unitId: e,
-      subUnitId: t
-    });
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _generateMutations(e, t) {
-    var b;
-    if (!this._copyInfo)
-      return { redos: [], undos: [] };
-    if ([
-      Ce.SPECIAL_PASTE_COL_WIDTH,
-      Ce.SPECIAL_PASTE_VALUE,
-      Ce.SPECIAL_PASTE_FORMAT,
-      Ce.SPECIAL_PASTE_FORMULA
-    ].includes(
-      t.pasteType
-    ))
-      return { redos: [], undos: [] };
-    const { copyRange: n } = t;
-    if (!n)
-      return { redos: [], undos: [] };
-    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [d, l], mapFunc: g } = er([n, e]), { row: a, col: c } = g(d.startRow, d.startColumn), { row: u, col: h } = g(l.startRow, l.startColumn), m = (b = this._renderManagerService.getRenderById(s)) == null ? void 0 : b.with(Z);
-    if (!m)
-      return { redos: [], undos: [] };
-    const f = m.attachRangeWithCoord({
-      startRow: a,
-      endRow: a,
-      startColumn: c,
-      endColumn: c
-    }), p = m.attachRangeWithCoord({
-      startRow: u,
-      endRow: u,
-      startColumn: h,
-      endColumn: h
-    });
-    if (!f || !p)
-      return { redos: [], undos: [] };
-    const C = [], S = [], v = p.startX - f.startX, R = p.startY - f.startY, _ = u - a, I = h - c, w = t.copyType === vt.CUT, { _sheetDrawingService: O } = this;
-    return r.forEach((A) => {
-      const { transform: E, sheetTransform: M } = A;
-      if (!E)
-        return;
-      const D = {
-        ...A,
-        unitId: s,
-        subUnitId: o,
-        drawingId: w ? A.drawingId : me.generateRandomId(),
-        transform: {
-          ...E,
-          left: E.left + v,
-          top: E.top + R
-        },
-        sheetTransform: {
-          to: { ...M.to, row: M.to.row + _, column: M.to.column + I },
-          from: { ...M.from, row: M.from.row + _, column: M.from.column + I }
-        }
-      };
-      if (w) {
-        const { undo: U, redo: W, objects: q } = O.getBatchUpdateOp([D]);
-        C.push({
-          id: P.id,
-          params: {
-            unitId: s,
-            subUnitId: o,
-            type: T.UPDATE,
-            op: W,
-            objects: q
-          }
-        }), S.push({
-          id: P.id,
-          params: {
-            unitId: s,
-            subUnitId: o,
-            type: T.UPDATE,
-            op: U,
-            objects: q
-          }
-        });
-      } else {
-        const { undo: U, redo: W, objects: q } = O.getBatchAddOp([D]);
-        C.push({ id: P.id, params: { op: W, unitId: s, subUnitId: o, objects: q, type: T.INSERT } }), S.push({ id: P.id, params: { op: U, unitId: s, subUnitId: o, objects: q, type: T.REMOVE } });
-      }
-    }), {
-      redos: C,
-      undos: S
-    };
-  }
-};
-xe = Ei([
-  Qe(0, tr),
-  Qe(1, J),
-  Qe(2, F)
-], xe);
-var Ui = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Ni = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ai(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && Ui(e, t, r), r;
-}, ge = (i, e) => (t, n) => e(t, n, i);
-let We = class extends ie {
-  constructor(i, e, t, n, r) {
-    super(), this._drawingManagerService = i, this._renderManagerService = e, this._permissionService = t, this._univerInstanceService = n, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
-  }
-  _initDrawingVisible() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
-    this.disposeWithMe(
-      Ie([i, this._userManagerService.currentUser$]).subscribe(([e, t]) => {
-        if (!e) {
-          this._drawingManagerService.setDrawingVisible(!1);
-          return;
-        }
-        e.activeSheet$.subscribe((n) => {
-          if (!n) {
-            this._drawingManagerService.setDrawingVisible(!1);
-            return;
-          }
-          const r = e.getUnitId(), s = n.getSheetId();
-          if (this._permissionService.composePermission([new It(r).id, new Je(r, s).id]).every((d) => d.value))
-            this._drawingManagerService.setDrawingVisible(!0);
-          else {
-            this._drawingManagerService.setDrawingVisible(!1);
-            const d = e.getUnitId(), l = n.getSheetId(), g = this._drawingManagerService.getDrawingData(d, l), a = Object.values(g), c = this._renderManagerService.getRenderById(d), u = c == null ? void 0 : c.scene;
-            if (u == null)
-              return;
-            u.getAllObjectsByOrder().forEach((m) => {
-              m.classType === de.IMAGE && a.some((f) => m.oKey.includes(f.drawingId)) && u.removeObject(m);
-            });
-          }
-        });
+      Ie([i, this._userManagerService.currentUser$]).subscribe(([e, t]) => {
+        if (!e) {
+          this._drawingManagerService.setDrawingVisible(!1);
+          return;
+        }
+        e.activeSheet$.subscribe((n) => {
+          if (!n) {
+            this._drawingManagerService.setDrawingVisible(!1);
+            return;
+          }
+          const r = e.getUnitId(), s = n.getSheetId();
+          if (this._permissionService.composePermission([new It(r).id, new Je(r, s).id]).every((d) => d.value))
+            this._drawingManagerService.setDrawingVisible(!0);
+          else {
+            this._drawingManagerService.setDrawingVisible(!1);
+            const d = e.getUnitId(), l = n.getSheetId(), g = this._drawingManagerService.getDrawingData(d, l), a = Object.values(g), c = this._renderManagerService.getRenderById(d), u = c == null ? void 0 : c.scene;
+            if (u == null)
+              return;
+            u.getAllObjectsByOrder().forEach((m) => {
+              m.classType === de.IMAGE && a.some((f) => m.oKey.includes(f.drawingId)) && u.removeObject(m);
+            });
+          }
+        });
       })
     );
   }
@@ -1242,7 +539,7 @@ let We = class extends ie {
             return;
           }
           const r = e.getUnitId(), s = n.getSheetId();
-          if (this._permissionService.composePermission([new nt(r).id, new Te(r, s).id]).every((d) => d.value))
+          if (this._permissionService.composePermission([new nt(r).id, new Pe(r, s).id]).every((d) => d.value))
             this._drawingManagerService.setDrawingEditable(!0);
           else {
             this._drawingManagerService.setDrawingEditable(!1);
@@ -1309,7 +606,7 @@ let We = class extends ie {
           const d = this._renderManagerService.getRenderById(r), l = d == null ? void 0 : d.scene;
           if (l == null)
             return;
-          const g = l.getTransformerByCreate(), a = this._permissionService.composePermission$([new nt(r).id, new Te(r, s).id]).pipe(Ue((u) => u.every((h) => h.value)));
+          const g = l.getTransformerByCreate(), a = this._permissionService.composePermission$([new nt(r).id, new Pe(r, s).id]).pipe(Ue((u) => u.every((h) => h.value)));
           a == null || a.pipe(
             re((u) => u !== o),
             Re()
@@ -1323,7 +620,7 @@ let We = class extends ie {
                 p.classType === de.IMAGE && f.some((C) => p.oKey.includes(C.drawingId)) && l.detachTransformerFrom(p);
               }), g.clearSelectedObjects());
             }
-          }), (c = this._permissionService.getPermissionPoint$(new Te(r, s).id)) == null || c.pipe(
+          }), (c = this._permissionService.getPermissionPoint$(new Pe(r, s).id)) == null || c.pipe(
             re((u) => u.value !== o),
             Re()
           ).subscribe({
@@ -1336,840 +633,1542 @@ let We = class extends ie {
                 v.classType === de.IMAGE && f.some((R) => v.oKey.includes(R.drawingId)) && C.detachTransformerFrom(v);
               });
             }
-          });
-        });
-      })
-    );
+          });
+        });
+      })
+    );
+  }
+};
+je = Kr([
+  ge(0, K),
+  ge(1, J),
+  ge(2, In),
+  ge(3, pe),
+  ge(4, x(Cn))
+], je);
+var Jr = Object.defineProperty, qr = Object.getOwnPropertyDescriptor, Zr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? qr(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Jr(e, t, r), r;
+}, ye = (i, e) => (t, n) => e(t, n, i);
+let xe = class extends ie {
+  constructor(i, e, t, n) {
+    super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = t, this._renderManagerService = n, this._initPrinting();
+  }
+  _initPrinting() {
+    this.disposeWithMe(
+      this._sheetPrintInterceptorService.interceptor.intercept(
+        this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
+        {
+          handler: (i, e, t) => {
+            const { unitId: n, scene: r, subUnitId: s } = e, o = this._drawingManagerService.getDrawingDataForUnit(n), d = o == null ? void 0 : o[s];
+            return d && d.order.forEach((l) => {
+              this._drawingRenderService.renderDrawing(d.data[l], r);
+            }), t();
+          }
+        }
+      )
+    ), this.disposeWithMe(
+      this._sheetPrintInterceptorService.interceptor.intercept(
+        this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_RANGE,
+        {
+          handler: (i, e, t) => {
+            const { unitId: n, subUnitId: r } = e, s = this._renderManagerService.getRenderById(n);
+            if (!s)
+              return t(i);
+            const o = s.with(Z).getWorksheetSkeleton(r);
+            if (!o)
+              return t(i);
+            const d = this._drawingManagerService.getDrawingDataForUnit(n), l = d == null ? void 0 : d[e.subUnitId];
+            if (!l)
+              return t(i);
+            const { scaleX: g, scaleY: a } = s.scene, c = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, u = l.order.map((h) => l.data[h]).filter((h) => h.drawingType !== k.DRAWING_DOM);
+            return u.length ? (u.forEach((h) => {
+              if (!h.groupId && h.transform && me.isDefine(h.transform.left) && me.isDefine(h.transform.top) && me.isDefine(h.transform.width) && me.isDefine(h.transform.height)) {
+                const m = o.skeleton.getCellIndexByOffset(h.transform.left, h.transform.top, g, a, { x: 0, y: 0 }), f = o.skeleton.getCellIndexByOffset(h.transform.left + h.transform.width, h.transform.top + h.transform.height, g, a, { x: 0, y: 0 });
+                m.column < c.startColumn && (c.startColumn = m.column), m.row < c.startRow && (c.startRow = m.row), c.endRow < f.row && (c.endRow = f.row), c.endColumn < f.column && (c.endColumn = f.column);
+              }
+            }), t(c)) : t(i);
+          }
+        }
+      )
+    );
+  }
+};
+xe = Zr([
+  ye(0, x(tr)),
+  ye(1, x(Yn)),
+  ye(2, K),
+  ye(3, J)
+], xe);
+var Qr = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, ti = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? ei(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Qr(e, t, r), r;
+}, Q = (i, e) => (t, n) => e(t, n, i);
+const ni = [
+  Ut.id,
+  At.id,
+  Nt.id,
+  jt.id,
+  xt.id,
+  Wt.id,
+  $t.id,
+  Lt.id,
+  rt.id,
+  it.id,
+  Bt.id,
+  Gt.id,
+  Vt.id,
+  kt.id,
+  Yt.id,
+  Ft.id,
+  Xt.id,
+  Ht.id,
+  zt.id
+], ri = [
+  pr.id,
+  wr.id,
+  _r.id,
+  vr.id,
+  Sr.id,
+  Cr.id
+];
+let at = class extends ie {
+  constructor(i, e, t, n, r, s, o, d, l) {
+    super(), this._context = i, this._renderManagerService = e, this._commandService = t, this._selectionRenderService = n, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = d, this._univerInstanceService = l, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
+  }
+  _sheetInterceptorListener() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.interceptCommand({
+        getMutations: (i) => {
+          if (!ni.includes(i.id))
+            return { redos: [], undos: [] };
+          if (i.params == null)
+            return { redos: [], undos: [] };
+          const e = i.id;
+          if (e === Ut.id)
+            return this._moveRowInterceptor(i.params, "insert");
+          if ([Xt.id, Ht.id, zt.id].includes(e))
+            return this._moveRangeInterceptor(i.params);
+          if (e === At.id)
+            return this._moveColInterceptor(i.params, "insert");
+          if (e === Nt.id)
+            return this._moveRowInterceptor(i.params, "remove");
+          if (e === jt.id)
+            return this._moveColInterceptor(i.params, "remove");
+          if (e === xt.id) {
+            const { range: t } = i.params;
+            return this._getRangeMoveUndo(
+              t,
+              0
+              /* deleteLeft */
+            );
+          } else if (e === Wt.id) {
+            const { range: t } = i.params;
+            return this._getRangeMoveUndo(
+              t,
+              1
+              /* deleteUp */
+            );
+          } else if (e === $t.id) {
+            const { range: t } = i.params;
+            return this._getRangeMoveUndo(
+              t,
+              2
+              /* insertDown */
+            );
+          } else if (e === Lt.id) {
+            const { range: t } = i.params;
+            return this._getRangeMoveUndo(
+              t,
+              3
+              /* insertRight */
+            );
+          } else if (e === Vt.id || e === kt.id) {
+            const t = i.params, { unitId: n, subUnitId: r, ranges: s } = t;
+            return this._getDrawingUndoForRowVisible(n, r, s);
+          } else if (e === Yt.id || e === Ft.id) {
+            const t = i.params, { unitId: n, subUnitId: r, ranges: s } = t;
+            return this._getDrawingUndoForColVisible(n, r, s);
+          } else if (e === rt.id || e === it.id || e === Bt.id || e === Gt.id) {
+            const t = i.params, { unitId: n, subUnitId: r, ranges: s } = t, o = e === rt.id || e === it.id;
+            return this._getDrawingUndoForRowAndColSize(n, r, s, o);
+          }
+          return { redos: [], undos: [] };
+        }
+      })
+    );
+  }
+  _getRangeMoveUndo(i, e) {
+    const t = ce(this._univerInstanceService);
+    if (t == null)
+      return { redos: [], undos: [] };
+    const n = t.unitId, r = t.subUnitId, s = [], o = [], d = this._sheetDrawingService.getDrawingData(n, r), l = [], g = [];
+    if (Object.keys(d).forEach((a) => {
+      const c = d[a], { updateDrawings: u, deleteDrawings: h } = this._getUpdateOrDeleteDrawings(i, e, c);
+      l.push(...u), g.push(...h);
+    }), l.length === 0 && g.length === 0)
+      return { redos: [], undos: [] };
+    if (l.length > 0) {
+      const a = this._sheetDrawingService.getBatchUpdateOp(l), { undo: c, redo: u, objects: h } = a;
+      s.push({ id: T.id, params: { unitId: n, subUnitId: r, op: u, objects: h, type: P.UPDATE } }), o.push({ id: T.id, params: { unitId: n, subUnitId: r, op: c, objects: h, type: P.UPDATE } });
+    }
+    if (g.length > 0) {
+      const a = this._sheetDrawingService.getBatchRemoveOp(g), c = a.undo, u = a.redo, h = a.objects;
+      s.push({ id: T.id, params: { unitId: n, subUnitId: r, op: u, objects: h, type: P.REMOVE } }), o.push({ id: T.id, params: { unitId: n, subUnitId: r, op: c, objects: h, type: P.INSERT } });
+    }
+    return s.push({ id: j.id, params: [n] }), o.push({ id: j.id, params: [n] }), {
+      redos: s,
+      undos: o
+    };
+  }
+  _getUpdateOrDeleteDrawings(i, e, t) {
+    const n = [], r = [], { sheetTransform: s, anchorType: o = y.Position, transform: d, unitId: l, subUnitId: g, drawingId: a } = t, { from: c, to: u } = s, { row: h, column: m } = c, { row: f, column: p } = u;
+    if (s == null || d == null)
+      return {
+        updateDrawings: n,
+        deleteDrawings: r
+      };
+    const { startRow: C, endRow: S, startColumn: v, endColumn: R } = i;
+    let _ = null, I = null;
+    if (e === 0 && h >= C && f <= S)
+      if (m >= v && p <= R)
+        r.push({ unitId: l, subUnitId: g, drawingId: a });
+      else {
+        const w = this._shrinkCol(s, d, v, R, o);
+        _ = w == null ? void 0 : w.newSheetTransform, I = w == null ? void 0 : w.newTransform;
+      }
+    else if (e === 1 && m >= v && p <= R)
+      if (h >= C && f <= S)
+        r.push({ unitId: l, subUnitId: g, drawingId: a });
+      else {
+        const w = this._shrinkRow(s, d, C, S, o);
+        _ = w == null ? void 0 : w.newSheetTransform, I = w == null ? void 0 : w.newTransform;
+      }
+    else if (e === 2) {
+      const w = this._expandRow(s, d, C, S, o);
+      _ = w == null ? void 0 : w.newSheetTransform, I = w == null ? void 0 : w.newTransform;
+    } else if (e === 3) {
+      const w = this._expandCol(s, d, v, R, o);
+      _ = w == null ? void 0 : w.newSheetTransform, I = w == null ? void 0 : w.newTransform;
+    }
+    if (_ != null && I != null) {
+      const w = L(_, this._selectionRenderService, this._skeletonManagerService);
+      n.push({ ...t, sheetTransform: _, transform: w });
+    }
+    return { updateDrawings: n, deleteDrawings: r };
+  }
+  _remainDrawingSize(i, e, t) {
+    const n = N({ ...i }, this._selectionRenderService);
+    n != null && e.push({
+      ...t,
+      sheetTransform: n
+    });
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _getDrawingUndoForColVisible(i, e, t) {
+    const n = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
+    if (Object.keys(n).forEach((a) => {
+      const c = n[a], { sheetTransform: u, transform: h, anchorType: m = y.Position } = c;
+      if (m === y.None)
+        this._remainDrawingSize(h, r, c);
+      else {
+        const { from: f, to: p } = u, { row: C, column: S } = f, { row: v, column: R } = p;
+        for (let _ = 0; _ < t.length; _++) {
+          const I = t[_], { startRow: w, endRow: O, startColumn: b, endColumn: A } = I;
+          if (R < b)
+            continue;
+          if (m === y.Position) {
+            let D = null, U = null;
+            if (S >= b && S <= A) {
+              const W = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: A, startRow: f.row, endRow: p.row });
+              if (W == null)
+                return;
+              U = { ...h, left: W.startX };
+            }
+            if (U != null && (D = N(U, this._selectionRenderService), D != null && U != null)) {
+              r.push({ ...c, sheetTransform: D, transform: U });
+              break;
+            }
+            this._remainDrawingSize(h, r, c);
+            continue;
+          }
+          if (S >= b && R <= A)
+            continue;
+          let E = null, M = null;
+          if (S >= b && S <= A) {
+            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: A, startRow: f.row, endRow: p.row });
+            if (D == null)
+              return;
+            M = {
+              ...h,
+              left: (D == null ? void 0 : D.startX) || 0,
+              width: ((h == null ? void 0 : h.width) || 0) - D.endX + D.startX
+            };
+          } else if (R >= b && R <= A) {
+            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: b, endColumn: R, startRow: f.row, endRow: p.row });
+            if (D == null)
+              return;
+            M = {
+              ...h,
+              left: D.startX - ((h == null ? void 0 : h.width) || 0)
+            };
+          } else {
+            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: b, endColumn: A, startRow: f.row, endRow: p.row });
+            if (D == null)
+              return;
+            if (M = {
+              ...h,
+              width: ((h == null ? void 0 : h.width) || 0) - D.endX + D.startX
+            }, E = N(M, this._selectionRenderService), E != null && M != null) {
+              s.push({ ...c, sheetTransform: E, transform: M });
+              break;
+            }
+          }
+          if (M != null && (E = N(M, this._selectionRenderService)), M != null && E != null) {
+            r.push({ ...c, sheetTransform: E, transform: M });
+            break;
+          } else
+            this._remainDrawingSize(h, r, c);
+        }
+      }
+    }), r.length === 0 && s.length === 0)
+      return { redos: [], undos: [] };
+    const { redos: o, undos: d } = this._createUndoAndRedoMutation(i, e, r), l = [], g = [];
+    if (s.length > 0) {
+      const { redos: a, undos: c } = this._createUndoAndRedoMutation(i, e, s);
+      l.push(...a), g.push(...c);
+    }
+    return {
+      redos: o,
+      undos: d,
+      preRedos: l,
+      preUndos: g
+    };
   }
-};
-We = Ni([
-  ge(0, K),
-  ge(1, J),
-  ge(2, Dn),
-  ge(3, pe),
-  ge(4, x(Rn))
-], We);
-var ji = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, Wi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? xi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && ji(e, t, r), r;
-}, Pe = (i, e) => (t, n) => e(t, n, i);
-let $e = class extends ie {
-  constructor(i, e, t, n) {
-    super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = t, this._renderManagerService = n, this._initPrinting();
+  _createUndoAndRedoMutation(i, e, t) {
+    const n = this._sheetDrawingService.getBatchUpdateOp(t), { undo: r, redo: s, objects: o } = n, d = [
+      { id: T.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: P.UPDATE } },
+      { id: j.id, params: [i] }
+    ], l = [
+      { id: T.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: P.UPDATE } },
+      { id: j.id, params: [i] }
+    ];
+    return {
+      redos: d,
+      undos: l
+    };
   }
-  _initPrinting() {
-    this.disposeWithMe(
-      this._sheetPrintInterceptorService.interceptor.intercept(
-        this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
-        {
-          handler: (i, e, t) => {
-            const { unitId: n, scene: r, subUnitId: s } = e, o = this._drawingManagerService.getDrawingDataForUnit(n), d = o == null ? void 0 : o[s];
-            return d && d.order.forEach((l) => {
-              this._drawingRenderService.renderDrawing(d.data[l], r);
-            }), t();
+  // eslint-disable-next-line max-lines-per-function
+  _getDrawingUndoForRowVisible(i, e, t) {
+    const n = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
+    if (Object.keys(n).forEach((a) => {
+      const c = n[a], { sheetTransform: u, transform: h, anchorType: m = y.Position } = c;
+      if (m === y.None)
+        this._remainDrawingSize(h, r, c);
+      else {
+        const { from: f, to: p } = u, { row: C, column: S } = f, { row: v, column: R } = p;
+        for (let _ = 0; _ < t.length; _++) {
+          const I = t[_], { startRow: w, endRow: O, startColumn: b, endColumn: A } = I;
+          if (v < w)
+            continue;
+          if (m === y.Position) {
+            let D = null, U = null;
+            if (C >= w && C <= O) {
+              const W = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: C, endRow: O });
+              if (W == null)
+                return;
+              U = { ...h, top: W.startY };
+            }
+            if (U != null && (D = N(U, this._selectionRenderService), D != null && U != null)) {
+              r.push({ ...c, sheetTransform: D, transform: U });
+              break;
+            }
+            this._remainDrawingSize(h, r, c);
+            continue;
           }
-        }
-      )
-    ), this.disposeWithMe(
-      this._sheetPrintInterceptorService.interceptor.intercept(
-        this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_RANGE,
-        {
-          handler: (i, e, t) => {
-            const { unitId: n, subUnitId: r } = e, s = this._renderManagerService.getRenderById(n);
-            if (!s)
-              return t(i);
-            const o = s.with(Z).getWorksheetSkeleton(r);
-            if (!o)
-              return t(i);
-            const d = this._drawingManagerService.getDrawingDataForUnit(n), l = d == null ? void 0 : d[e.subUnitId];
-            if (!l)
-              return t(i);
-            const { scaleX: g, scaleY: a } = s.scene, c = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, u = l.order.map((h) => l.data[h]).filter((h) => h.drawingType !== k.DRAWING_DOM);
-            return u.length ? (u.forEach((h) => {
-              if (!h.groupId && h.transform && me.isDefine(h.transform.left) && me.isDefine(h.transform.top) && me.isDefine(h.transform.width) && me.isDefine(h.transform.height)) {
-                const m = o.skeleton.getCellIndexByOffset(h.transform.left, h.transform.top, g, a, { x: 0, y: 0 }), f = o.skeleton.getCellIndexByOffset(h.transform.left + h.transform.width, h.transform.top + h.transform.height, g, a, { x: 0, y: 0 });
-                m.column < c.startColumn && (c.startColumn = m.column), m.row < c.startRow && (c.startRow = m.row), c.endRow < f.row && (c.endRow = f.row), c.endColumn < f.column && (c.endColumn = f.column);
-              }
-            }), t(c)) : t(i);
+          if (C >= w && v <= O)
+            continue;
+          let E = null, M = null;
+          if (C >= w && C <= O) {
+            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: C, endRow: O });
+            if (D == null)
+              return;
+            M = {
+              ...h,
+              top: (D == null ? void 0 : D.startY) || 0,
+              height: ((h == null ? void 0 : h.height) || 0) - D.endY + D.startY
+            };
+          } else if (v >= w && v <= O) {
+            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: w, endRow: v });
+            if (D == null)
+              return;
+            M = {
+              ...h,
+              top: D.startY - ((h == null ? void 0 : h.height) || 0)
+            };
+          } else {
+            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: w, endRow: O });
+            if (D == null)
+              return;
+            if (M = {
+              ...h,
+              height: ((h == null ? void 0 : h.height) || 0) - D.endY + D.startY
+            }, E = N(M, this._selectionRenderService), E != null && M != null) {
+              s.push({ ...c, sheetTransform: E, transform: M });
+              break;
+            }
           }
+          if (M != null && (E = N(M, this._selectionRenderService)), M != null && E != null) {
+            r.push({ ...c, sheetTransform: E, transform: M });
+            break;
+          } else
+            this._remainDrawingSize(h, r, c);
         }
-      )
-    );
-  }
-};
-$e = Wi([
-  Pe(0, x(nr)),
-  Pe(1, x(Yn)),
-  Pe(2, K),
-  Pe(3, J)
-], $e);
-var $i = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, Bi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Li(e, t) : e, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && $i(e, t, r), r;
-}, Q = (i, e) => (t, n) => e(t, n, i);
-const Gi = [
-  Et.id,
-  Ut.id,
-  At.id,
-  Nt.id,
-  jt.id,
-  xt.id,
-  Wt.id,
-  $t.id,
-  rt.id,
-  it.id,
-  Lt.id,
-  Bt.id,
-  Gt.id,
-  Vt.id,
-  kt.id,
-  Yt.id,
-  Ft.id,
-  Xt.id,
-  Ht.id
-], Vi = [
-  vr.id,
-  Sr.id,
-  Cr.id,
-  Ir.id,
-  Rr.id,
-  Dr.id
-];
-let at = class extends ie {
-  constructor(i, e, t, n, r, s, o, d, l) {
-    super(), this._context = i, this._renderManagerService = e, this._commandService = t, this._selectionRenderService = n, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = d, this._univerInstanceService = l, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
+      }
+    }), r.length === 0 && s.length === 0)
+      return { redos: [], undos: [] };
+    const { redos: o, undos: d } = this._createUndoAndRedoMutation(i, e, r), l = [], g = [];
+    if (s.length > 0) {
+      const { redos: a, undos: c } = this._createUndoAndRedoMutation(i, e, s);
+      l.push(...a), g.push(...c);
+    }
+    return {
+      redos: o,
+      undos: d,
+      preRedos: l,
+      preUndos: g
+    };
   }
-  _sheetInterceptorListener() {
-    this.disposeWithMe(
-      this._sheetInterceptorService.interceptCommand({
-        getMutations: (i) => {
-          if (!Gi.includes(i.id))
-            return { redos: [], undos: [] };
-          if (i.params == null)
-            return { redos: [], undos: [] };
-          const e = i.id;
-          if (e === Et.id)
-            return this._moveRowInterceptor(i.params, "insert");
-          if ([Ft.id, Xt.id, Ht.id].includes(e))
-            return this._moveRangeInterceptor(i.params);
-          if (e === Ut.id)
-            return this._moveColInterceptor(i.params, "insert");
-          if (e === At.id)
-            return this._moveRowInterceptor(i.params, "remove");
-          if (e === Nt.id)
-            return this._moveColInterceptor(i.params, "remove");
-          if (e === jt.id) {
-            const { range: t } = i.params;
-            return this._getRangeMoveUndo(
-              t,
-              0
-              /* deleteLeft */
-            );
-          } else if (e === xt.id) {
-            const { range: t } = i.params;
-            return this._getRangeMoveUndo(
-              t,
-              1
-              /* deleteUp */
-            );
-          } else if (e === Wt.id) {
-            const { range: t } = i.params;
-            return this._getRangeMoveUndo(
-              t,
-              2
-              /* insertDown */
-            );
-          } else if (e === $t.id) {
-            const { range: t } = i.params;
-            return this._getRangeMoveUndo(
-              t,
-              3
-              /* insertRight */
-            );
-          } else if (e === Gt.id || e === Vt.id) {
-            const t = i.params, { unitId: n, subUnitId: r, ranges: s } = t;
-            return this._getDrawingUndoForRowVisible(n, r, s);
-          } else if (e === kt.id || e === Yt.id) {
-            const t = i.params, { unitId: n, subUnitId: r, ranges: s } = t;
-            return this._getDrawingUndoForColVisible(n, r, s);
-          } else if (e === rt.id || e === it.id || e === Lt.id || e === Bt.id) {
-            const t = i.params, { unitId: n, subUnitId: r, ranges: s } = t, o = e === rt.id || e === it.id;
-            return this._getDrawingUndoForRowAndColSize(n, r, s, o);
+  _getDrawingUndoForRowAndColSize(i, e, t, n) {
+    const r = this._drawingManagerService.getDrawingData(i, e), s = [];
+    return Object.keys(r).forEach((o) => {
+      const d = r[o], { sheetTransform: l, transform: g, anchorType: a = y.Position } = d;
+      if (a === y.None)
+        this._remainDrawingSize(g, s, d);
+      else {
+        const { from: c, to: u } = l, { row: h, column: m } = c, { row: f, column: p } = u;
+        for (let C = 0; C < t.length; C++) {
+          const S = t[C], { startRow: v, endRow: R, startColumn: _, endColumn: I } = S;
+          if (f < v || p < _)
+            continue;
+          if (a === y.Position && (h <= v && f >= R || m <= _ && p >= I)) {
+            this._remainDrawingSize(g, s, d);
+            continue;
+          }
+          const w = L(
+            { ...l },
+            this._selectionRenderService,
+            this._skeletonManagerService
+          );
+          if (w != null) {
+            s.push({
+              ...d,
+              transform: w
+            });
+            break;
           }
-          return { redos: [], undos: [] };
         }
-      })
-    );
+      }
+    }), s.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(i, e, s);
   }
-  _getRangeMoveUndo(i, e) {
-    const t = ce(this._univerInstanceService);
+  _getUnitIdAndSubUnitId(i, e) {
+    let t, n;
+    if (e === "insert")
+      t = i.unitId, n = i.subUnitId;
+    else {
+      const r = ce(this._univerInstanceService);
+      if (r == null)
+        return;
+      t = r.unitId, n = r.subUnitId;
+    }
+    return { unitId: t, subUnitId: n };
+  }
+  _moveRangeInterceptor(i) {
+    var v, R;
+    const { toRange: e, fromRange: t } = i, n = ce(this._univerInstanceService);
+    if (!n)
+      return { redos: [], undos: [] };
+    const { unitId: r, subUnitId: s } = n, o = (R = (v = this._renderManagerService.getRenderById(r)) == null ? void 0 : v.with(Z)) == null ? void 0 : R.getCurrentSkeleton();
+    if (!o)
+      return { redos: [], undos: [] };
+    const d = Ee(o, t);
+    if (!d)
+      return { redos: [], undos: [] };
+    const { startX: l, endX: g, startY: a, endY: c } = d, u = this._sheetDrawingService.getDrawingData(r, s), h = [];
+    Object.keys(u).forEach((_) => {
+      const I = u[_];
+      if (I.anchorType !== y.Both)
+        return;
+      const { transform: w } = I;
+      if (!w)
+        return;
+      const { left: O = 0, top: b = 0, width: A = 0, height: E = 0 } = w, { drawingStartX: M, drawingEndX: D, drawingStartY: U, drawingEndY: W } = {
+        drawingStartX: O,
+        drawingEndX: O + A,
+        drawingStartY: b,
+        drawingEndY: b + E
+      };
+      l <= M && D <= g && a <= U && W <= c && h.push(I);
+    });
+    const m = [], f = [], p = e.startRow - t.startRow, C = e.startColumn - t.startColumn, S = h.map((_) => {
+      const I = _.sheetTransform, w = {
+        to: { ...I.to, row: I.to.row + p, column: I.to.column + C },
+        from: { ...I.from, row: I.from.row + p, column: I.from.column + C }
+      }, O = L(w, this._selectionRenderService, this._skeletonManagerService);
+      return {
+        unitId: r,
+        subUnitId: s,
+        drawingId: _.drawingId,
+        transform: O,
+        sheetTransform: w
+      };
+    });
+    if (S.length) {
+      const _ = this._sheetDrawingService.getBatchUpdateOp(S), { undo: I, redo: w, objects: O } = _;
+      m.push({ id: T.id, params: { unitId: r, subUnitId: s, op: w, objects: O, type: P.UPDATE } }), f.push({ id: T.id, params: { unitId: r, subUnitId: s, op: I, objects: O, type: P.UPDATE } });
+    }
+    return { redos: m, undos: f };
+  }
+  _moveRowInterceptor(i, e) {
+    const t = this._getUnitIdAndSubUnitId(i, e);
     if (t == null)
       return { redos: [], undos: [] };
-    const n = t.unitId, r = t.subUnitId, s = [], o = [], d = this._sheetDrawingService.getDrawingData(n, r), l = [], g = [];
-    if (Object.keys(d).forEach((a) => {
-      const c = d[a], { updateDrawings: u, deleteDrawings: h } = this._getUpdateOrDeleteDrawings(i, e, c);
-      l.push(...u), g.push(...h);
-    }), l.length === 0 && g.length === 0)
+    const { unitId: n, subUnitId: r } = t, { range: s } = i, o = s.startRow, d = s.endRow, l = [], g = [], a = this._sheetDrawingService.getDrawingData(n, r), c = [], u = [];
+    if (Object.keys(a).forEach((h) => {
+      const m = a[h], { sheetTransform: f, transform: p, anchorType: C = y.Position } = m;
+      if (f == null || p == null)
+        return;
+      let S, v;
+      if (e === "insert") {
+        const _ = this._expandRow(f, p, o, d, C);
+        S = _ == null ? void 0 : _.newSheetTransform, v = _ == null ? void 0 : _.newTransform;
+      } else {
+        const { from: _, to: I } = f, { row: w } = _, { row: O } = I;
+        if (C === y.Both && w >= o && O <= d)
+          u.push({ unitId: n, subUnitId: r, drawingId: h });
+        else {
+          const b = this._shrinkRow(f, p, o, d, C);
+          S = b == null ? void 0 : b.newSheetTransform, v = b == null ? void 0 : b.newTransform;
+        }
+      }
+      if (!S || !v)
+        return;
+      const R = { unitId: n, subUnitId: r, drawingId: h, transform: v, sheetTransform: S };
+      c.push(R);
+    }), c.length === 0 && u.length === 0)
       return { redos: [], undos: [] };
-    if (l.length > 0) {
-      const a = this._sheetDrawingService.getBatchUpdateOp(l), { undo: c, redo: u, objects: h } = a;
-      s.push({ id: P.id, params: { unitId: n, subUnitId: r, op: u, objects: h, type: T.UPDATE } }), o.push({ id: P.id, params: { unitId: n, subUnitId: r, op: c, objects: h, type: T.UPDATE } });
+    if (c.length > 0) {
+      const h = this._sheetDrawingService.getBatchUpdateOp(c), { undo: m, redo: f, objects: p } = h;
+      l.push({ id: T.id, params: { unitId: n, subUnitId: r, op: f, objects: p, type: P.UPDATE } }), g.push({ id: T.id, params: { unitId: n, subUnitId: r, op: m, objects: p, type: P.UPDATE } });
     }
-    if (g.length > 0) {
-      const a = this._sheetDrawingService.getBatchRemoveOp(g), c = a.undo, u = a.redo, h = a.objects;
-      s.push({ id: P.id, params: { unitId: n, subUnitId: r, op: u, objects: h, type: T.REMOVE } }), o.push({ id: P.id, params: { unitId: n, subUnitId: r, op: c, objects: h, type: T.INSERT } });
+    if (u.length > 0) {
+      const h = this._sheetDrawingService.getBatchRemoveOp(u), m = h.undo, f = h.redo, p = h.objects;
+      l.push({ id: T.id, params: { unitId: n, subUnitId: r, op: f, objects: p, type: P.REMOVE } }), g.push({ id: T.id, params: { unitId: n, subUnitId: r, op: m, objects: p, type: P.INSERT } });
     }
-    return s.push({ id: j.id, params: [n] }), o.push({ id: j.id, params: [n] }), {
-      redos: s,
-      undos: o
+    return l.push({ id: j.id, params: [n] }), g.push({ id: j.id, params: [n] }), {
+      redos: l,
+      undos: g
     };
   }
-  _getUpdateOrDeleteDrawings(i, e, t) {
-    const n = [], r = [], { sheetTransform: s, anchorType: o = y.Position, transform: d, unitId: l, subUnitId: g, drawingId: a } = t, { from: c, to: u } = s, { row: h, column: m } = c, { row: f, column: p } = u;
-    if (s == null || d == null)
-      return {
-        updateDrawings: n,
-        deleteDrawings: r
-      };
-    const { startRow: C, endRow: S, startColumn: v, endColumn: R } = i;
-    let _ = null, I = null;
-    if (e === 0 && h >= C && f <= S)
-      if (m >= v && p <= R)
-        r.push({ unitId: l, subUnitId: g, drawingId: a });
-      else {
-        const w = this._shrinkCol(s, d, v, R, o);
-        _ = w == null ? void 0 : w.newSheetTransform, I = w == null ? void 0 : w.newTransform;
-      }
-    else if (e === 1 && m >= v && p <= R)
-      if (h >= C && f <= S)
-        r.push({ unitId: l, subUnitId: g, drawingId: a });
-      else {
-        const w = this._shrinkRow(s, d, C, S, o);
-        _ = w == null ? void 0 : w.newSheetTransform, I = w == null ? void 0 : w.newTransform;
+  _moveColInterceptor(i, e) {
+    const t = this._getUnitIdAndSubUnitId(i, e);
+    if (t == null)
+      return { redos: [], undos: [] };
+    const { unitId: n, subUnitId: r } = t, { range: s } = i, o = s.startColumn, d = s.endColumn, l = [], g = [], a = this._sheetDrawingService.getDrawingData(n, r), c = [], u = [];
+    if (Object.keys(a).forEach((h) => {
+      const m = a[h], { sheetTransform: f, transform: p, anchorType: C = y.Position } = m;
+      if (f == null || p == null)
+        return;
+      let S, v;
+      if (e === "insert") {
+        const _ = this._expandCol(f, p, o, d, C);
+        S = _ == null ? void 0 : _.newSheetTransform, v = _ == null ? void 0 : _.newTransform;
+      } else {
+        const { from: _, to: I } = f, { column: w } = _, { column: O } = I;
+        if (C === y.Both && w >= o && O <= d)
+          u.push({ unitId: n, subUnitId: r, drawingId: h });
+        else {
+          const b = this._shrinkCol(f, p, o, d, C);
+          S = b == null ? void 0 : b.newSheetTransform, v = b == null ? void 0 : b.newTransform;
+        }
       }
-    else if (e === 2) {
-      const w = this._expandRow(s, d, C, S, o);
-      _ = w == null ? void 0 : w.newSheetTransform, I = w == null ? void 0 : w.newTransform;
-    } else if (e === 3) {
-      const w = this._expandCol(s, d, v, R, o);
-      _ = w == null ? void 0 : w.newSheetTransform, I = w == null ? void 0 : w.newTransform;
+      if (!S || !v)
+        return;
+      const R = { unitId: n, subUnitId: r, drawingId: h, transform: v, sheetTransform: S };
+      c.push(R);
+    }), c.length === 0 && u.length === 0)
+      return { redos: [], undos: [] };
+    if (c.length > 0) {
+      const h = this._sheetDrawingService.getBatchUpdateOp(c), { undo: m, redo: f, objects: p } = h;
+      l.push({ id: T.id, params: { unitId: n, subUnitId: r, op: f, objects: p, type: P.UPDATE } }), g.push({ id: T.id, params: { unitId: n, subUnitId: r, op: m, objects: p, type: P.UPDATE } });
     }
-    if (_ != null && I != null) {
-      const w = L(_, this._selectionRenderService, this._skeletonManagerService);
-      n.push({ ...t, sheetTransform: _, transform: w });
+    if (u.length > 0) {
+      const h = this._sheetDrawingService.getBatchRemoveOp(u), m = h.undo, f = h.redo, p = h.objects;
+      l.push({ id: T.id, params: { unitId: n, subUnitId: r, op: f, objects: p, type: P.REMOVE } }), g.push({ id: T.id, params: { unitId: n, subUnitId: r, op: m, objects: p, type: P.INSERT } });
+    }
+    return l.push({ id: j.id, params: [n] }), g.push({ id: j.id, params: [n] }), { redos: l, undos: g };
+  }
+  _expandCol(i, e, t, n, r = y.Position) {
+    const s = n - t + 1, { from: o, to: d } = i, { column: l } = o, { column: g } = d;
+    if (r === y.None)
+      return {
+        newSheetTransform: N({ ...e }, this._selectionRenderService),
+        newTransform: e
+      };
+    let a = null, c = null;
+    if (l >= t) {
+      const u = this._skeletonManagerService.attachRangeWithCoord({ startColumn: t, endColumn: n, startRow: o.row, endRow: d.row });
+      if (u == null)
+        return;
+      c = { ...e, left: (e.left || 0) + u.endX - u.startX }, a = N(c, this._selectionRenderService);
+    } else if (g >= n)
+      if (r === y.Both)
+        a = {
+          from: { ...o },
+          to: { ...d, column: g + s }
+        }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
+      else
+        return {
+          newSheetTransform: N({ ...e }, this._selectionRenderService),
+          newTransform: e
+        };
+    return a != null && c != null ? {
+      newSheetTransform: a,
+      newTransform: c
+    } : null;
+  }
+  _shrinkCol(i, e, t, n, r = y.Position) {
+    const s = n - t + 1, { from: o, to: d } = i, { column: l } = o, { column: g } = d;
+    if (r === y.None)
+      return {
+        newSheetTransform: N({ ...e }, this._selectionRenderService),
+        newTransform: e
+      };
+    let a = null, c = null;
+    if (l > n)
+      a = {
+        from: { ...o, column: l - s },
+        to: { ...d, column: g - s }
+      }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
+    else {
+      if (l >= t && g <= n)
+        return null;
+      if (l < t && g > n)
+        if (r === y.Both)
+          a = {
+            from: { ...o },
+            to: { ...d, column: g - s }
+          }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
+        else
+          return {
+            newSheetTransform: N({ ...e }, this._selectionRenderService),
+            newTransform: e
+          };
+      else if (l >= t && l <= n) {
+        if (l === t)
+          c = { ...e, left: (e.left || 0) - i.from.columnOffset };
+        else {
+          const u = this._skeletonManagerService.attachRangeWithCoord({ startColumn: t, endColumn: l - 1, startRow: o.row, endRow: d.row });
+          if (u == null)
+            return;
+          c = { ...e, left: (e.left || 0) - u.endX + u.startX - i.from.columnOffset };
+        }
+        a = N(c, this._selectionRenderService);
+      } else if (g >= t && g <= n && r === y.Both) {
+        const u = this._skeletonManagerService.attachRangeWithCoord({
+          startColumn: t - 1,
+          endColumn: t - 1,
+          startRow: o.row,
+          endRow: d.row
+        });
+        if (u == null)
+          return;
+        a = {
+          from: { ...o },
+          to: { ...d, column: t - 1, columnOffset: u.endX - u.startX }
+        }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
+      }
     }
-    return { updateDrawings: n, deleteDrawings: r };
-  }
-  _remainDrawingSize(i, e, t) {
-    const n = N({ ...i }, this._selectionRenderService);
-    n != null && e.push({
-      ...t,
-      sheetTransform: n
-    });
+    return a != null && c != null ? {
+      newSheetTransform: a,
+      newTransform: c
+    } : null;
   }
-  // eslint-disable-next-line max-lines-per-function
-  _getDrawingUndoForColVisible(i, e, t) {
-    const n = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
-    if (Object.keys(n).forEach((a) => {
-      const c = n[a], { sheetTransform: u, transform: h, anchorType: m = y.Position } = c;
-      if (m === y.None)
-        this._remainDrawingSize(h, r, c);
-      else {
-        const { from: f, to: p } = u, { row: C, column: S } = f, { row: v, column: R } = p;
-        for (let _ = 0; _ < t.length; _++) {
-          const I = t[_], { startRow: w, endRow: O, startColumn: b, endColumn: A } = I;
-          if (R < b)
-            continue;
-          if (m === y.Position) {
-            let D = null, U = null;
-            if (S >= b && S <= A) {
-              const W = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: A, startRow: f.row, endRow: p.row });
-              if (W == null)
-                return;
-              U = { ...h, left: W.startX };
-            }
-            if (U != null && (D = N(U, this._selectionRenderService), D != null && U != null)) {
-              r.push({ ...c, sheetTransform: D, transform: U });
-              break;
-            }
-            this._remainDrawingSize(h, r, c);
-            continue;
-          }
-          if (S >= b && R <= A)
-            continue;
-          let E = null, M = null;
-          if (S >= b && S <= A) {
-            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: A, startRow: f.row, endRow: p.row });
-            if (D == null)
-              return;
-            M = {
-              ...h,
-              left: (D == null ? void 0 : D.startX) || 0,
-              width: ((h == null ? void 0 : h.width) || 0) - D.endX + D.startX
-            };
-          } else if (R >= b && R <= A) {
-            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: b, endColumn: R, startRow: f.row, endRow: p.row });
-            if (D == null)
-              return;
-            M = {
-              ...h,
-              left: D.startX - ((h == null ? void 0 : h.width) || 0)
-            };
-          } else {
-            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: b, endColumn: A, startRow: f.row, endRow: p.row });
-            if (D == null)
-              return;
-            if (M = {
-              ...h,
-              width: ((h == null ? void 0 : h.width) || 0) - D.endX + D.startX
-            }, E = N(M, this._selectionRenderService), E != null && M != null) {
-              s.push({ ...c, sheetTransform: E, transform: M });
-              break;
-            }
+  _expandRow(i, e, t, n, r = y.Position) {
+    const s = n - t + 1, { from: o, to: d } = i, { row: l } = o, { row: g } = d;
+    if (r === y.None)
+      return {
+        newSheetTransform: N({ ...e }, this._selectionRenderService),
+        newTransform: e
+      };
+    let a = null, c = null;
+    if (l >= t) {
+      const u = this._skeletonManagerService.attachRangeWithCoord({ startRow: t, endRow: n, startColumn: o.column, endColumn: d.column });
+      if (u == null)
+        return;
+      c = { ...e, top: (e.top || 0) + u.endY - u.startY }, a = N(c, this._selectionRenderService);
+    } else if (g >= n)
+      if (r === y.Both)
+        a = {
+          from: { ...o },
+          to: {
+            ...d,
+            row: g + s
           }
-          if (M != null && (E = N(M, this._selectionRenderService)), M != null && E != null) {
-            r.push({ ...c, sheetTransform: E, transform: M });
-            break;
-          } else
-            this._remainDrawingSize(h, r, c);
+        }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
+      else
+        return {
+          newSheetTransform: N({ ...e }, this._selectionRenderService),
+          newTransform: e
+        };
+    return a != null && c != null ? {
+      newSheetTransform: a,
+      newTransform: c
+    } : null;
+  }
+  _shrinkRow(i, e, t, n, r = y.Position) {
+    const s = n - t + 1, { from: o, to: d } = i, { row: l } = o, { row: g } = d;
+    if (r === y.None)
+      return {
+        newSheetTransform: N({ ...e }, this._selectionRenderService),
+        newTransform: e
+      };
+    let a = null, c = null;
+    if (l > n)
+      a = {
+        from: { ...o, row: l - s },
+        to: { ...d, row: g - s }
+      }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
+    else {
+      if (l >= t && g <= n)
+        return null;
+      if (l < t && g > n)
+        if (r === y.Both)
+          a = {
+            from: { ...o },
+            to: { ...d, row: g - s }
+          }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
+        else
+          return {
+            newSheetTransform: N({ ...e }, this._selectionRenderService),
+            newTransform: e
+          };
+      else if (l >= t && l <= n) {
+        if (l === t)
+          c = { ...e, top: (e.top || 0) - i.from.rowOffset };
+        else {
+          const u = this._skeletonManagerService.attachRangeWithCoord({ startRow: t, endRow: l - 1, startColumn: o.column, endColumn: d.column });
+          if (u == null)
+            return;
+          c = { ...e, top: (e.top || 0) - u.endY + u.startY - i.from.rowOffset };
         }
+        a = N(c, this._selectionRenderService);
+      } else if (g >= t && g <= n && r === y.Both) {
+        const u = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: t - 1, endRow: t - 1 });
+        if (u == null)
+          return;
+        a = {
+          from: { ...o },
+          to: { ...d, row: t - 1, rowOffset: u.endY - u.startY }
+        }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
       }
-    }), r.length === 0 && s.length === 0)
-      return { redos: [], undos: [] };
-    const { redos: o, undos: d } = this._createUndoAndRedoMutation(i, e, r), l = [], g = [];
-    if (s.length > 0) {
-      const { redos: a, undos: c } = this._createUndoAndRedoMutation(i, e, s);
-      l.push(...a), g.push(...c);
     }
-    return {
-      redos: o,
-      undos: d,
-      preRedos: l,
-      preUndos: g
-    };
+    return a != null && c != null ? {
+      newSheetTransform: a,
+      newTransform: c
+    } : null;
   }
-  _createUndoAndRedoMutation(i, e, t) {
-    const n = this._sheetDrawingService.getBatchUpdateOp(t), { undo: r, redo: s, objects: o } = n, d = [
-      { id: P.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: T.UPDATE } },
-      { id: j.id, params: [i] }
-    ], l = [
-      { id: P.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: T.UPDATE } },
-      { id: j.id, params: [i] }
-    ];
-    return {
-      redos: d,
-      undos: l
-    };
+  _commandListener() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((i) => {
+        i.id === Ir.id && setTimeout(() => {
+          const e = i.params, { unitId: t, subUnitId: n } = e, r = this._drawingManagerService.drawingManagerData, s = [], o = [];
+          Object.keys(r).forEach((d) => {
+            const l = r[d];
+            l != null && Object.keys(l).forEach((g) => {
+              const a = l[g].data;
+              a != null && Object.keys(a).forEach((c) => {
+                if (d === t && g === n) {
+                  const u = a[c];
+                  u.transform = L(u.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(a[c]);
+                } else
+                  o.push(a[c]);
+              });
+            });
+          }), this._drawingManagerService.removeNotification(o), this._drawingManagerService.addNotification(s);
+        }, 0);
+      })
+    );
   }
-  // eslint-disable-next-line max-lines-per-function
-  _getDrawingUndoForRowVisible(i, e, t) {
-    const n = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
-    if (Object.keys(n).forEach((a) => {
-      const c = n[a], { sheetTransform: u, transform: h, anchorType: m = y.Position } = c;
-      if (m === y.None)
-        this._remainDrawingSize(h, r, c);
-      else {
-        const { from: f, to: p } = u, { row: C, column: S } = f, { row: v, column: R } = p;
-        for (let _ = 0; _ < t.length; _++) {
-          const I = t[_], { startRow: w, endRow: O, startColumn: b, endColumn: A } = I;
-          if (v < w)
-            continue;
-          if (m === y.Position) {
-            let D = null, U = null;
-            if (C >= w && C <= O) {
-              const W = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: C, endRow: O });
-              if (W == null)
-                return;
-              U = { ...h, top: W.startY };
-            }
-            if (U != null && (D = N(U, this._selectionRenderService), D != null && U != null)) {
-              r.push({ ...c, sheetTransform: D, transform: U });
-              break;
-            }
-            this._remainDrawingSize(h, r, c);
-            continue;
+  _sheetRefreshListener() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((i) => {
+        ri.includes(i.id) && requestIdleCallback(() => {
+          const e = i.params, { unitId: t, subUnitId: n, ranges: r } = e;
+          this._refreshDrawingTransform(t, n, r);
+        });
+      })
+    );
+  }
+  _refreshDrawingTransform(i, e, t) {
+    const n = this._drawingManagerService.getDrawingData(i, e), r = [];
+    Object.keys(n).forEach((s) => {
+      const o = n[s], { sheetTransform: d, transform: l, anchorType: g = y.Position } = o;
+      if (g === y.None)
+        return !0;
+      const { from: a, to: c } = d, { row: u, column: h } = a, { row: m, column: f } = c;
+      for (let p = 0; p < t.length; p++) {
+        const C = t[p], { startRow: S, endRow: v, startColumn: R, endColumn: _ } = C;
+        if (Rn.intersects(
+          {
+            startRow: S,
+            endRow: v,
+            startColumn: R,
+            endColumn: _
+          },
+          {
+            startRow: u,
+            endRow: m,
+            startColumn: h,
+            endColumn: f
           }
-          if (C >= w && v <= O)
-            continue;
-          let E = null, M = null;
-          if (C >= w && C <= O) {
-            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: C, endRow: O });
-            if (D == null)
-              return;
-            M = {
-              ...h,
-              top: (D == null ? void 0 : D.startY) || 0,
-              height: ((h == null ? void 0 : h.height) || 0) - D.endY + D.startY
-            };
-          } else if (v >= w && v <= O) {
-            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: w, endRow: v });
-            if (D == null)
-              return;
-            M = {
-              ...h,
-              top: D.startY - ((h == null ? void 0 : h.height) || 0)
-            };
-          } else {
-            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: w, endRow: O });
-            if (D == null)
-              return;
-            if (M = {
-              ...h,
-              height: ((h == null ? void 0 : h.height) || 0) - D.endY + D.startY
-            }, E = N(M, this._selectionRenderService), E != null && M != null) {
-              s.push({ ...c, sheetTransform: E, transform: M });
-              break;
+        ) || u > v || h > _) {
+          const I = g === y.Position, w = L(d, this._selectionRenderService, this._skeletonManagerService);
+          r.push({
+            ...o,
+            transform: {
+              ...w,
+              width: I ? l == null ? void 0 : l.width : w == null ? void 0 : w.width,
+              height: I ? l == null ? void 0 : l.height : w == null ? void 0 : w.height
             }
-          }
-          if (M != null && (E = N(M, this._selectionRenderService)), M != null && E != null) {
-            r.push({ ...c, sheetTransform: E, transform: M });
-            break;
-          } else
-            this._remainDrawingSize(h, r, c);
+          });
+          break;
         }
       }
-    }), r.length === 0 && s.length === 0)
-      return { redos: [], undos: [] };
-    const { redos: o, undos: d } = this._createUndoAndRedoMutation(i, e, r), l = [], g = [];
-    if (s.length > 0) {
-      const { redos: a, undos: c } = this._createUndoAndRedoMutation(i, e, s);
-      l.push(...a), g.push(...c);
-    }
-    return {
-      redos: o,
-      undos: d,
-      preRedos: l,
-      preUndos: g
-    };
+    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(j.id, [i]));
   }
-  _getDrawingUndoForRowAndColSize(i, e, t, n) {
-    const r = this._drawingManagerService.getDrawingData(i, e), s = [];
-    return Object.keys(r).forEach((o) => {
-      const d = r[o], { sheetTransform: l, transform: g, anchorType: a = y.Position } = d;
-      if (a === y.None)
-        this._remainDrawingSize(g, s, d);
-      else {
-        const { from: c, to: u } = l, { row: h, column: m } = c, { row: f, column: p } = u;
-        for (let C = 0; C < t.length; C++) {
-          const S = t[C], { startRow: v, endRow: R, startColumn: _, endColumn: I } = S;
-          if (f < v || p < _)
-            continue;
-          if (a === y.Position && (h <= v && f >= R || m <= _ && p >= I)) {
-            this._remainDrawingSize(g, s, d);
-            continue;
-          }
-          const w = L(
-            { ...l },
-            this._selectionRenderService,
-            this._skeletonManagerService
-          );
-          if (w != null) {
-            s.push({
-              ...d,
-              transform: w
-            });
-            break;
-          }
-        }
+};
+at = ti([
+  Q(1, J),
+  Q(2, B),
+  Q(3, we),
+  Q(4, x(Z)),
+  Q(5, x(ct)),
+  Q(6, F),
+  Q(7, K),
+  Q(8, pe)
+], at);
+function ii(i) {
+  const e = [];
+  return i.forEach((t) => {
+    const { parent: n, children: r } = t, { unitId: s, subUnitId: o, drawingId: d } = n, l = Hn(0, 0, r.map((c) => c.transform || {})), g = r.map((c) => {
+      const u = c.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: m, drawingId: f } = c;
+      return {
+        unitId: h,
+        subUnitId: m,
+        drawingId: f,
+        transform: {
+          ...u,
+          left: u.left - l.left,
+          top: u.top - l.top
+        },
+        groupId: d
+      };
+    }), a = {
+      unitId: s,
+      subUnitId: o,
+      drawingId: d,
+      drawingType: k.DRAWING_GROUP,
+      transform: l
+    };
+    e.push({
+      parent: a,
+      children: g
+    });
+  }), e;
+}
+function si(i) {
+  const e = [];
+  return i.forEach((t) => {
+    const { parent: n, children: r } = t, { unitId: s, subUnitId: o, drawingId: d, transform: l = { width: 0, height: 0 } } = n;
+    if (l == null)
+      return;
+    const g = r.map((c) => {
+      const { transform: u } = c, { unitId: h, subUnitId: m, drawingId: f } = c, p = zn(u || {}, l, l.width || 0, l.height || 0);
+      return {
+        unitId: h,
+        subUnitId: m,
+        drawingId: f,
+        transform: p,
+        groupId: void 0
+      };
+    }), a = {
+      unitId: s,
+      subUnitId: o,
+      drawingId: d,
+      drawingType: k.DRAWING_GROUP,
+      transform: {
+        left: 0,
+        top: 0
       }
-    }), s.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(i, e, s);
+    };
+    e.push({
+      parent: a,
+      children: g
+    });
+  }), e;
+}
+const tn = {
+  id: "sheet.command.group-sheet-image",
+  type: H.COMMAND,
+  handler: (i, e) => {
+    const t = i.get(B), n = i.get(ue), r = i.get(F);
+    if (!e) return !1;
+    const s = [];
+    e.forEach(({ parent: h, children: m }) => {
+      s.push(h.unitId), m.forEach((f) => {
+        s.push(f.unitId);
+      });
+    });
+    const o = r.getGroupDrawingOp(e), { unitId: d, subUnitId: l, undo: g, redo: a, objects: c } = o;
+    return t.syncExecuteCommand(T.id, { op: a, unitId: d, subUnitId: l, objects: c, type: P.GROUP }) ? (n.pushUndoRedo({
+      unitID: d,
+      undoMutations: [
+        { id: T.id, params: { op: g, unitId: d, subUnitId: l, objects: si(c), type: P.UNGROUP } },
+        { id: j.id, params: s }
+      ],
+      redoMutations: [
+        { id: T.id, params: { op: a, unitId: d, subUnitId: l, objects: c, type: P.GROUP } },
+        { id: j.id, params: s }
+      ]
+    }), !0) : !1;
+  }
+}, ke = {
+  id: "sheet.command.insert-sheet-image",
+  type: H.COMMAND,
+  handler: (i, e) => {
+    var S, v, R;
+    const t = i.get(B), n = i.get(ue), r = i.get(F), s = i.get(ct);
+    if (!e) return !1;
+    const o = e.drawings, d = o.map((_) => _.unitId), l = r.getBatchAddOp(o), { unitId: g, subUnitId: a, undo: c, redo: u, objects: h } = l, m = s.onCommandExecute({ id: ke.id, params: e }), f = { id: T.id, params: { op: u, unitId: g, subUnitId: a, objects: h, type: P.INSERT } }, p = { id: T.id, params: { op: c, unitId: g, subUnitId: a, objects: h, type: P.REMOVE } };
+    return Mt([...(S = m.preRedos) != null ? S : [], f, ...m.redos], t) ? (n.pushUndoRedo({
+      unitID: g,
+      undoMutations: [
+        ...(v = m.preUndos) != null ? v : [],
+        p,
+        ...m.undos,
+        { id: j.id, params: d }
+      ],
+      redoMutations: [
+        ...(R = m.preRedos) != null ? R : [],
+        f,
+        ...m.redos,
+        { id: j.id, params: d }
+      ]
+    }), !0) : !1;
+  }
+}, nn = {
+  id: "sheet.command.set-drawing-arrange",
+  type: H.COMMAND,
+  handler: (i, e) => {
+    const t = i.get(B), n = i.get(ue);
+    if (!e) return !1;
+    const r = i.get(F), { unitId: s, subUnitId: o, drawingIds: d, arrangeType: l } = e, g = { unitId: s, subUnitId: o, drawingIds: d };
+    let a;
+    if (l === Se.forward ? a = r.getForwardDrawingsOp(g) : l === Se.backward ? a = r.getBackwardDrawingOp(g) : l === Se.front ? a = r.getFrontDrawingsOp(g) : l === Se.back && (a = r.getBackDrawingsOp(g)), a == null)
+      return !1;
+    const { objects: c, redo: u, undo: h } = a;
+    return t.syncExecuteCommand(T.id, { op: u, unitId: s, subUnitId: o, objects: c, type: P.ARRANGE }) ? (n.pushUndoRedo({
+      unitID: s,
+      undoMutations: [
+        { id: T.id, params: { op: h, unitId: s, subUnitId: o, objects: c, type: P.ARRANGE } }
+      ],
+      redoMutations: [
+        { id: T.id, params: { op: u, unitId: s, subUnitId: o, objects: c, type: P.ARRANGE } }
+      ]
+    }), !0) : !1;
+  }
+}, Ye = {
+  id: "sheet.command.set-sheet-image",
+  type: H.COMMAND,
+  handler: (i, e) => {
+    const t = i.get(B), n = i.get(ue), r = i.get(F);
+    if (!e) return !1;
+    const { drawings: s } = e, o = r.getBatchUpdateOp(s), { unitId: d, subUnitId: l, undo: g, redo: a, objects: c } = o;
+    return t.syncExecuteCommand(T.id, { unitId: d, subUnitId: l, op: a, objects: c, type: P.UPDATE }) ? (n.pushUndoRedo({
+      unitID: d,
+      undoMutations: [
+        { id: T.id, params: { unitId: d, subUnitId: l, op: g, objects: c, type: P.UPDATE } },
+        { id: j.id, params: [d] }
+      ],
+      redoMutations: [
+        { id: T.id, params: { unitId: d, subUnitId: l, op: a, objects: c, type: P.UPDATE } },
+        { id: j.id, params: [d] }
+      ]
+    }), !0) : !1;
+  }
+}, rn = {
+  id: "sheet.command.ungroup-sheet-image",
+  type: H.COMMAND,
+  handler: (i, e) => {
+    const t = i.get(B), n = i.get(ue), r = i.get(F);
+    if (!e) return !1;
+    const s = [];
+    e.forEach(({ parent: h, children: m }) => {
+      s.push(h.unitId), m.forEach((f) => {
+        s.push(f.unitId);
+      });
+    });
+    const o = r.getUngroupDrawingOp(e), { unitId: d, subUnitId: l, undo: g, redo: a, objects: c } = o;
+    return t.syncExecuteCommand(T.id, { op: a, unitId: d, subUnitId: l, objects: c, type: P.UNGROUP }) ? (n.pushUndoRedo({
+      unitID: d,
+      undoMutations: [
+        { id: T.id, params: { op: g, unitId: d, subUnitId: l, objects: ii(c), type: P.GROUP } },
+        { id: j.id, params: s }
+      ],
+      redoMutations: [
+        { id: T.id, params: { op: a, unitId: d, subUnitId: l, objects: c, type: P.UNGROUP } },
+        { id: j.id, params: s }
+      ]
+    }), !0) : !1;
+  }
+};
+var oi = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, ci = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? ai(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && oi(e, t, r), r;
+}, z = (i, e) => (t, n) => e(t, n, i);
+let We = class extends ie {
+  constructor(e, t, n, r, s, o, d, l, g, a, c, u) {
+    super();
+    V(this, "_workbookSelections");
+    this._context = e, this._skeletonManagerService = t, this._commandService = n, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = d, this._drawingManagerService = l, this._contextService = g, this._messageService = a, this._localeService = c, this._workbookSelections = u.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
   }
-  _getUnitIdAndSubUnitId(i, e) {
-    let t, n;
-    if (e === "insert")
-      t = i.unitId, n = i.subUnitId;
-    else {
-      const r = ce(this._univerInstanceService);
-      if (r == null)
-        return;
-      t = r.unitId, n = r.subUnitId;
-    }
-    return { unitId: t, subUnitId: n };
+  async insertFloatImage() {
+    const e = await this._fileOpenerService.openFile({
+      multiple: !0,
+      accept: xn.map((n) => `.${n.replace("image/", "")}`).join(",")
+    }), t = e.length;
+    return t > ft ? (this._messageService.show({
+      type: De.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(ft))
+    }), !1) : t === 0 ? !1 : (e.forEach(async (n) => await this._insertFloatImage(n)), !0);
   }
-  _moveRangeInterceptor(i) {
-    var v, R;
-    const { toRange: e, fromRange: t } = i, n = ce(this._univerInstanceService);
-    if (!n)
-      return { redos: [], undos: [] };
-    const { unitId: r, subUnitId: s } = n, o = (R = (v = this._renderManagerService.getRenderById(r)) == null ? void 0 : v.with(Z)) == null ? void 0 : R.getCurrentSkeleton();
-    if (!o)
-      return { redos: [], undos: [] };
-    const d = Ee(o, t);
-    if (!d)
-      return { redos: [], undos: [] };
-    const { startX: l, endX: g, startY: a, endY: c } = d, u = this._sheetDrawingService.getDrawingData(r, s), h = [];
-    Object.keys(u).forEach((_) => {
-      const I = u[_];
-      if (I.anchorType !== y.Both)
-        return;
-      const { transform: w } = I;
-      if (!w)
-        return;
-      const { left: O = 0, top: b = 0, width: A = 0, height: E = 0 } = w, { drawingStartX: M, drawingEndX: D, drawingStartY: U, drawingEndY: W } = {
-        drawingStartX: O,
-        drawingEndX: O + A,
-        drawingStartY: b,
-        drawingEndY: b + E
-      };
-      l <= M && D <= g && a <= U && W <= c && h.push(I);
-    });
-    const m = [], f = [], p = e.startRow - t.startRow, C = e.startColumn - t.startColumn, S = h.map((_) => {
-      const I = _.sheetTransform, w = {
-        to: { ...I.to, row: I.to.row + p, column: I.to.column + C },
-        from: { ...I.from, row: I.from.row + p, column: I.from.column + C }
-      }, O = L(w, this._selectionRenderService, this._skeletonManagerService);
-      return {
-        unitId: r,
-        subUnitId: s,
-        drawingId: _.drawingId,
-        transform: O,
-        sheetTransform: w
-      };
-    });
-    if (S.length) {
-      const _ = this._sheetDrawingService.getBatchUpdateOp(S), { undo: I, redo: w, objects: O } = _;
-      m.push({ id: P.id, params: { unitId: r, subUnitId: s, op: w, objects: O, type: T.UPDATE } }), f.push({ id: P.id, params: { unitId: r, subUnitId: s, op: I, objects: O, type: T.UPDATE } });
+  async _insertFloatImage(e) {
+    let t;
+    try {
+      t = await this._imageIoService.saveImage(e);
+    } catch (S) {
+      const v = S.message;
+      v === He.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: De.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(Wn / (1024 * 1024)))
+      }) : v === He.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: De.Error,
+        content: this._localeService.t("update-status.invalidImageType")
+      }) : v === He.ERROR_IMAGE && this._messageService.show({
+        type: De.Error,
+        content: this._localeService.t("update-status.invalidImage")
+      });
     }
-    return { redos: m, undos: f };
-  }
-  _moveRowInterceptor(i, e) {
-    const t = this._getUnitIdAndSubUnitId(i, e);
     if (t == null)
-      return { redos: [], undos: [] };
-    const { unitId: n, subUnitId: r } = t, { range: s } = i, o = s.startRow, d = s.endRow, l = [], g = [], a = this._sheetDrawingService.getDrawingData(n, r), c = [], u = [];
-    if (Object.keys(a).forEach((h) => {
-      const m = a[h], { sheetTransform: f, transform: p, anchorType: C = y.Position } = m;
-      if (f == null || p == null)
-        return;
-      let S, v;
-      if (e === "insert") {
-        const _ = this._expandRow(f, p, o, d, C);
-        S = _ == null ? void 0 : _.newSheetTransform, v = _ == null ? void 0 : _.newTransform;
-      } else {
-        const { from: _, to: I } = f, { row: w } = _, { row: O } = I;
-        if (C === y.Both && w >= o && O <= d)
-          u.push({ unitId: n, subUnitId: r, drawingId: h });
-        else {
-          const b = this._shrinkRow(f, p, o, d, C);
-          S = b == null ? void 0 : b.newSheetTransform, v = b == null ? void 0 : b.newTransform;
-        }
-      }
-      if (!S || !v)
-        return;
-      const R = { unitId: n, subUnitId: r, drawingId: h, transform: v, sheetTransform: S };
-      c.push(R);
-    }), c.length === 0 && u.length === 0)
-      return { redos: [], undos: [] };
-    if (c.length > 0) {
-      const h = this._sheetDrawingService.getBatchUpdateOp(c), { undo: m, redo: f, objects: p } = h;
-      l.push({ id: P.id, params: { unitId: n, subUnitId: r, op: f, objects: p, type: T.UPDATE } }), g.push({ id: P.id, params: { unitId: n, subUnitId: r, op: m, objects: p, type: T.UPDATE } });
-    }
-    if (u.length > 0) {
-      const h = this._sheetDrawingService.getBatchRemoveOp(u), m = h.undo, f = h.redo, p = h.objects;
-      l.push({ id: P.id, params: { unitId: n, subUnitId: r, op: f, objects: p, type: T.REMOVE } }), g.push({ id: P.id, params: { unitId: n, subUnitId: r, op: m, objects: p, type: T.INSERT } });
+      return;
+    const n = this._getUnitInfo(), { unitId: r, subUnitId: s } = n, { imageId: o, imageSourceType: d, source: l, base64Cache: g } = t, { width: a, height: c, image: u } = await $n(g || ""), { width: h, height: m } = this._context.scene;
+    this._imageIoService.addImageSourceCache(l, d, u);
+    let f = 1;
+    if (a > pt || c > wt) {
+      const S = pt / a, v = wt / c;
+      f = Math.max(S, v);
     }
-    return l.push({ id: j.id, params: [n] }), g.push({ id: j.id, params: [n] }), {
-      redos: l,
-      undos: g
+    const p = this._getImagePosition(a * f, c * f, h, m);
+    if (p == null)
+      return;
+    const C = {
+      unitId: r,
+      subUnitId: s,
+      drawingId: o,
+      drawingType: k.DRAWING_IMAGE,
+      imageSourceType: d,
+      source: l,
+      transform: L(p, this._selectionRenderService, this._skeletonManagerService),
+      sheetTransform: p
     };
+    this._commandService.executeCommand(ke.id, {
+      unitId: r,
+      drawings: [C]
+    });
   }
-  _moveColInterceptor(i, e) {
-    const t = this._getUnitIdAndSubUnitId(i, e);
-    if (t == null)
-      return { redos: [], undos: [] };
-    const { unitId: n, subUnitId: r } = t, { range: s } = i, o = s.startColumn, d = s.endColumn, l = [], g = [], a = this._sheetDrawingService.getDrawingData(n, r), c = [], u = [];
-    if (Object.keys(a).forEach((h) => {
-      const m = a[h], { sheetTransform: f, transform: p, anchorType: C = y.Position } = m;
-      if (f == null || p == null)
-        return;
-      let S, v;
-      if (e === "insert") {
-        const _ = this._expandCol(f, p, o, d, C);
-        S = _ == null ? void 0 : _.newSheetTransform, v = _ == null ? void 0 : _.newTransform;
-      } else {
-        const { from: _, to: I } = f, { column: w } = _, { column: O } = I;
-        if (C === y.Both && w >= o && O <= d)
-          u.push({ unitId: n, subUnitId: r, drawingId: h });
-        else {
-          const b = this._shrinkCol(f, p, o, d, C);
-          S = b == null ? void 0 : b.newSheetTransform, v = b == null ? void 0 : b.newTransform;
-        }
-      }
-      if (!S || !v)
+  _getUnitInfo() {
+    const e = this._context.unit, t = e.getActiveSheet(), n = e.getUnitId(), r = t.getSheetId();
+    return {
+      unitId: n,
+      subUnitId: r
+    };
+  }
+  _getImagePosition(e, t, 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 d = Ee(this._skeletonManagerService.getCurrent().skeleton, o);
+    if (d == null)
+      return;
+    let { startColumn: l, startRow: g, startX: a, startY: c } = d, u = !1;
+    if (a + e > n && (a = n - e, a < 0 && (a = 0, e = n), u = !0), c + t > r && (c = r - t, c < 0 && (c = 0, t = r), u = !0), u) {
+      const p = this._selectionRenderService.getCellWithCoordByOffset(a, c);
+      if (p == null)
         return;
-      const R = { unitId: n, subUnitId: r, drawingId: h, transform: v, sheetTransform: S };
-      c.push(R);
-    }), c.length === 0 && u.length === 0)
-      return { redos: [], undos: [] };
-    if (c.length > 0) {
-      const h = this._sheetDrawingService.getBatchUpdateOp(c), { undo: m, redo: f, objects: p } = h;
-      l.push({ id: P.id, params: { unitId: n, subUnitId: r, op: f, objects: p, type: T.UPDATE } }), g.push({ id: P.id, params: { unitId: n, subUnitId: r, op: m, objects: p, type: T.UPDATE } });
-    }
-    if (u.length > 0) {
-      const h = this._sheetDrawingService.getBatchRemoveOp(u), m = h.undo, f = h.redo, p = h.objects;
-      l.push({ id: P.id, params: { unitId: n, subUnitId: r, op: f, objects: p, type: T.REMOVE } }), g.push({ id: P.id, params: { unitId: n, subUnitId: r, op: m, objects: p, type: T.INSERT } });
+      a = p.startX, c = p.startY, l = p.actualColumn, g = p.actualRow;
     }
-    return l.push({ id: j.id, params: [n] }), g.push({ id: j.id, params: [n] }), { redos: l, undos: g };
+    const h = {
+      column: l,
+      columnOffset: 0,
+      row: g,
+      rowOffset: 0
+    }, m = this._selectionRenderService.getCellWithCoordByOffset(a + e, c + t);
+    if (m == null)
+      return;
+    const f = {
+      column: m.actualColumn,
+      columnOffset: a + e - m.startX,
+      row: m.actualRow,
+      rowOffset: c + t - m.startY
+    };
+    return {
+      from: h,
+      to: f
+    };
   }
-  _expandCol(i, e, t, n, r = y.Position) {
-    const s = n - t + 1, { from: o, to: d } = i, { column: l } = o, { column: g } = d;
-    if (r === y.None)
-      return {
-        newSheetTransform: N({ ...e }, this._selectionRenderService),
-        newTransform: e
-      };
-    let a = null, c = null;
-    if (l >= t) {
-      const u = this._skeletonManagerService.attachRangeWithCoord({ startColumn: t, endColumn: n, startRow: o.row, endRow: d.row });
-      if (u == null)
-        return;
-      c = { ...e, left: (e.left || 0) + u.endX - u.startX }, a = N(c, this._selectionRenderService);
-    } else if (g >= n)
-      if (r === y.Both)
-        a = {
-          from: { ...o },
-          to: { ...d, column: g + s }
-        }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
-      else
-        return {
-          newSheetTransform: N({ ...e }, this._selectionRenderService),
-          newTransform: e
+  _updateOrderListener() {
+    this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((e) => {
+      const { unitId: t, subUnitId: n, drawingIds: r, arrangeType: s } = e;
+      this._commandService.executeCommand(nn.id, {
+        unitId: t,
+        subUnitId: n,
+        drawingIds: r,
+        arrangeType: s
+      });
+    }));
+  }
+  _updateImageListener() {
+    this.disposeWithMe(this._drawingManagerService.featurePluginUpdate$.subscribe((e) => {
+      const t = [];
+      e.length !== 0 && (e.forEach((n) => {
+        const { unitId: r, subUnitId: s, drawingId: o, drawingType: d, transform: l } = n;
+        if (l == null)
+          return;
+        const g = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
+        if (g == null || g.unitId !== this._context.unitId)
+          return;
+        const a = N({ ...g.transform, ...l }, this._selectionRenderService);
+        if (a == null)
+          return;
+        const c = {
+          ...n,
+          transform: { ...g.transform, ...l, ...L(a, this._selectionRenderService, this._skeletonManagerService) },
+          sheetTransform: { ...a }
         };
-    return a != null && c != null ? {
-      newSheetTransform: a,
-      newTransform: c
-    } : null;
+        t.push(c);
+      }), t.length > 0 && this._commandService.executeCommand(Ye.id, {
+        unitId: e[0].unitId,
+        drawings: t
+      }));
+    }));
   }
-  _shrinkCol(i, e, t, n, r = y.Position) {
-    const s = n - t + 1, { from: o, to: d } = i, { column: l } = o, { column: g } = d;
-    if (r === y.None)
+  _groupDrawingListener() {
+    this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((e) => {
+      this._commandService.executeCommand(tn.id, e);
+      const { unitId: t, subUnitId: n, drawingId: r } = e[0].parent;
+      this._drawingManagerService.focusDrawing([{ unitId: t, subUnitId: n, drawingId: r }]);
+    })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((e) => {
+      this._commandService.executeCommand(rn.id, e);
+    }));
+  }
+  _focusDrawingListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.focus$.subscribe((e) => {
+        e == null || e.length === 0 ? (this._contextService.setContextValue(fe, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(fe, !0), this._sheetDrawingService.focusDrawing(e));
+      })
+    );
+  }
+};
+We = ci([
+  z(1, x(Z)),
+  z(2, B),
+  z(3, we),
+  z(4, Ot),
+  z(5, ar),
+  z(6, F),
+  z(7, K),
+  z(8, yt),
+  z(9, cr),
+  z(10, x(Ge)),
+  z(11, x(Rr))
+], We);
+var X = function() {
+  return X = Object.assign || function(i) {
+    for (var e, t = 1, n = arguments.length; t < n; t++) {
+      e = arguments[t];
+      for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
+    }
+    return i;
+  }, X.apply(this, arguments);
+}, di = function(i, e) {
+  var t = {};
+  for (var n in i) Object.prototype.hasOwnProperty.call(i, n) && e.indexOf(n) < 0 && (t[n] = i[n]);
+  if (i != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, n = Object.getOwnPropertySymbols(i); r < n.length; r++)
+      e.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, n[r]) && (t[n[r]] = i[n[r]]);
+  return t;
+}, sn = Jt(function(i, e) {
+  var t = i.icon, n = i.id, r = i.className, s = i.extend, o = di(i, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), l = br("_".concat(hi()));
+  return on(t, "".concat(n), { defIds: t.defIds, idSuffix: l.current }, X({ ref: e, className: d }, o), s);
+});
+function on(i, e, t, n, r) {
+  return qt(i.tag, X(X({ key: e }, li(i, t, r)), n), (ui(i, t).children || []).map(function(s, o) {
+    return on(s, "".concat(e, "-").concat(i.tag, "-").concat(o), t, void 0, r);
+  }));
+}
+function li(i, e, t) {
+  var n = X({}, i.attrs);
+  t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1);
+  var r = e.defIds;
+  return !r || r.length === 0 || (i.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(s) {
+    var o = s[0], d = s[1];
+    typeof d == "string" && (n[o] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), n;
+}
+function ui(i, e) {
+  var t, n = e.defIds;
+  return !n || n.length === 0 ? i : i.tag === "defs" && (!((t = i.children) === null || t === void 0) && t.length) ? X(X({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? X(X({}, r), { attrs: X(X({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  }) }) : i;
+}
+function hi() {
+  return Math.random().toString(36).substring(2, 8);
+}
+sn.displayName = "UniverIcon";
+var gi = { 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" } }] }, an = Jt(function(i, e) {
+  return qt(sn, Object.assign({}, i, {
+    id: "add-image-single",
+    ref: e,
+    icon: gi
+  }));
+});
+an.displayName = "AddImageSingle";
+const cn = {
+  id: "sheet.command.delete-drawing",
+  type: H.COMMAND,
+  handler: (i) => {
+    const e = i.get(B), n = i.get(F).getFocusDrawings();
+    if (n.length === 0)
+      return !1;
+    const r = n[0].unitId, s = n.map((o) => {
+      const { unitId: d, subUnitId: l, drawingId: g, drawingType: a } = o;
       return {
-        newSheetTransform: N({ ...e }, this._selectionRenderService),
-        newTransform: e
+        unitId: d,
+        subUnitId: l,
+        drawingId: g,
+        drawingType: a
       };
-    let a = null, c = null;
-    if (l > n)
-      a = {
-        from: { ...o, column: l - s },
-        to: { ...d, column: g - s }
-      }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
-    else {
-      if (l >= t && g <= n)
+    });
+    return e.executeCommand(Ve.id, {
+      unitId: r,
+      drawings: s
+    });
+  }
+}, lt = {
+  id: "sheet.command.insert-float-image",
+  type: H.COMMAND,
+  handler: (i) => {
+    var t, n;
+    return (n = (t = i.get(J).getCurrentTypeOfRenderer(Y.UNIVER_SHEET)) == null ? void 0 : t.with(We).insertFloatImage()) != null ? n : !1;
+  }
+}, _e = {
+  id: "sheet.command.move-drawing",
+  type: H.COMMAND,
+  handler: (i, e) => {
+    const t = i.get(B), n = i.get(F), r = i.get(we), { direction: s } = e, o = n.getFocusDrawings();
+    if (o.length === 0)
+      return !1;
+    const d = o[0].unitId, l = o.map((a) => {
+      const { transform: c } = a;
+      if (c == null)
         return null;
-      if (l < t && g > n)
-        if (r === y.Both)
-          a = {
-            from: { ...o },
-            to: { ...d, column: g - s }
-          }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
-        else
-          return {
-            newSheetTransform: N({ ...e }, this._selectionRenderService),
-            newTransform: e
-          };
-      else if (l >= t && l <= n) {
-        if (l === t)
-          c = { ...e, left: (e.left || 0) - i.from.columnOffset };
-        else {
-          const u = this._skeletonManagerService.attachRangeWithCoord({ startColumn: t, endColumn: l - 1, startRow: o.row, endRow: d.row });
-          if (u == null)
-            return;
-          c = { ...e, left: (e.left || 0) - u.endX + u.startX - i.from.columnOffset };
-        }
-        a = N(c, this._selectionRenderService);
-      } else if (g >= t && g <= n && r === y.Both) {
-        const u = this._skeletonManagerService.attachRangeWithCoord({
-          startColumn: t - 1,
-          endColumn: t - 1,
-          startRow: o.row,
-          endRow: d.row
-        });
-        if (u == null)
-          return;
-        a = {
-          from: { ...o },
-          to: { ...d, column: t - 1, columnOffset: u.endX - u.startX }
-        }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
+      const u = { ...c }, { left: h = 0, top: m = 0 } = c;
+      return s === te.UP ? u.top = m - 1 : s === te.DOWN ? u.top = m + 1 : s === te.LEFT ? u.left = h - 1 : s === te.RIGHT && (u.left = h + 1), {
+        ...a,
+        transform: u,
+        sheetTransform: N(u, r)
+      };
+    }).filter((a) => a != null);
+    return t.syncExecuteCommand(Ye.id, {
+      unitId: d,
+      drawings: l
+    }) ? (t.syncExecuteCommand(j.id, [d]), !0) : !1;
+  }
+}, dn = "addition-and-subtraction-single", ln = "sheet.menu.image";
+function mi(i) {
+  return {
+    id: ln,
+    type: Pt.SUBITEMS,
+    icon: dn,
+    tooltip: "sheetImage.title",
+    hidden$: Et(i, Y.UNIVER_SHEET),
+    disabled$: nr(i, { workbookTypes: [nt], worksheetTypes: [Pe], rangeTypes: [Dr] })
+  };
+}
+function fi(i) {
+  return {
+    id: lt.id,
+    title: "sheetImage.upload.float",
+    type: Pt.BUTTON,
+    hidden$: Et(i, Y.UNIVER_SHEET)
+  };
+}
+const pi = "univer-image-common-panel", wi = "univer-image-common-panel-grid", _i = "univer-image-common-panel-border", vi = "univer-image-common-panel-title", Si = "univer-image-common-panel-subtitle", Ci = "univer-image-common-panel-row", Ii = "univer-image-common-panel-row-vertical", Ri = "univer-image-common-panel-column", Di = "univer-image-common-panel-column-center", Mi = "univer-image-common-panel-inline", bi = "univer-image-common-panel-span2", yi = "univer-image-common-panel-span3", Oi = "univer-image-common-panel-input", Ti = "univer-sheet-image-menu", Pi = "univer-sheet-image-menu-input", ee = {
+  imageCommonPanel: pi,
+  imageCommonPanelGrid: wi,
+  imageCommonPanelBorder: _i,
+  imageCommonPanelTitle: vi,
+  imageCommonPanelSubtitle: Si,
+  imageCommonPanelRow: Ci,
+  imageCommonPanelRowVertical: Ii,
+  imageCommonPanelColumn: Ri,
+  imageCommonPanelColumnCenter: Di,
+  imageCommonPanelInline: Mi,
+  imageCommonPanelSpan2: bi,
+  imageCommonPanelSpan3: yi,
+  imageCommonPanelInput: Oi,
+  sheetImageMenu: Ti,
+  sheetImageMenuInput: Pi
+};
+function un(i) {
+  var e, t, n = "";
+  if (typeof i == "string" || typeof i == "number") n += i;
+  else if (typeof i == "object") if (Array.isArray(i)) {
+    var r = i.length;
+    for (e = 0; e < r; e++) i[e] && (t = un(i[e])) && (n && (n += " "), n += t);
+  } else for (t in i) i[t] && (n && (n += " "), n += t);
+  return n;
+}
+function Oe() {
+  for (var i, e, t = 0, n = "", r = arguments.length; t < r; t++) (i = arguments[t]) && (e = un(i)) && (n && (n += " "), n += e);
+  return n;
+}
+const Ei = (i) => {
+  var v;
+  const e = ae(B), t = ae(Ge), n = ae(K), r = ae(J), { drawings: s } = i, o = s[0];
+  if (o == null)
+    return;
+  const { unitId: d } = o, l = r.getRenderById(d), g = l == null ? void 0 : l.scene;
+  if (g == null)
+    return;
+  const a = g.getTransformerByCreate(), [c, u] = st(!0), h = (v = o.anchorType) != null ? v : y.Position, [m, f] = st(h);
+  function p(R, _) {
+    const I = [];
+    return R.forEach((w) => {
+      const { oKey: O } = w, b = _.getDrawingOKey(O);
+      if (b == null)
+        return I.push(null), !0;
+      const { unitId: A, subUnitId: E, drawingId: M, drawingType: D, anchorType: U, sheetTransform: W } = b;
+      I.push({
+        unitId: A,
+        subUnitId: E,
+        drawingId: M,
+        anchorType: U,
+        sheetTransform: W,
+        drawingType: D
+      });
+    }), I;
+  }
+  dt(() => {
+    const R = a.clearControl$.subscribe((I) => {
+      I === !0 && u(!1);
+    }), _ = a.changeStart$.subscribe((I) => {
+      var b;
+      const { objects: w } = I, O = p(w, n);
+      if (O.length === 0)
+        u(!1);
+      else if (O.length >= 1) {
+        u(!0);
+        const A = ((b = O[0]) == null ? void 0 : b.anchorType) || y.Position;
+        f(A);
+      }
+    });
+    return () => {
+      _.unsubscribe(), R.unsubscribe();
+    };
+  }, []);
+  function C(R) {
+    f(R);
+    const _ = n.getFocusDrawings();
+    if (_.length === 0)
+      return;
+    const I = _.map((w) => ({
+      unitId: w.unitId,
+      subUnitId: w.subUnitId,
+      drawingId: w.drawingId,
+      anchorType: R
+    }));
+    e.executeCommand(Ye.id, {
+      unitId: _[0].unitId,
+      drawings: I
+    });
+  }
+  const S = (R) => R ? "block" : "none";
+  return /* @__PURE__ */ $.jsxs("div", { className: Oe(ee.imageCommonPanelGrid, ee.imageCommonPanelBorder), style: { display: S(c) }, children: [
+    /* @__PURE__ */ $.jsx("div", { className: ee.imageCommonPanelRow, children: /* @__PURE__ */ $.jsx("div", { className: Oe(ee.imageCommonPanelColumn, ee.imageCommonPanelTitle), children: /* @__PURE__ */ $.jsx("div", { children: t.t("drawing-anchor.title") }) }) }),
+    /* @__PURE__ */ $.jsx("div", { className: Oe(ee.imageCommonPanelRow), children: /* @__PURE__ */ $.jsx("div", { className: Oe(ee.imageCommonPanelColumn), children: /* @__PURE__ */ $.jsxs(yr, { value: m, onChange: C, direction: "vertical", children: [
+      /* @__PURE__ */ $.jsx(qe, { value: y.Both, children: t.t("drawing-anchor.both") }),
+      /* @__PURE__ */ $.jsx(qe, { value: y.Position, children: t.t("drawing-anchor.position") }),
+      /* @__PURE__ */ $.jsx(qe, { value: y.None, children: t.t("drawing-anchor.none") })
+    ] }) }) })
+  ] });
+}, Ui = () => {
+  const i = ae(K), e = i.getFocusDrawings(), [t, n] = st(e);
+  return dt(() => {
+    const r = i.focus$.subscribe((s) => {
+      n(s);
+    });
+    return () => {
+      r.unsubscribe();
+    };
+  }, []), !!(t != null && t.length) && /* @__PURE__ */ $.jsxs("div", { className: ee.imageCommonPanel, children: [
+    /* @__PURE__ */ $.jsx(Fn, { drawings: t }),
+    /* @__PURE__ */ $.jsx(Ei, { drawings: t })
+  ] });
+}, Ai = {
+  [dr.FORMULAS_INSERT]: {
+    [ln]: {
+      order: 3,
+      menuItemFactory: mi,
+      [lt.id]: {
+        order: 0,
+        menuItemFactory: fi
       }
     }
-    return a != null && c != null ? {
-      newSheetTransform: a,
-      newTransform: c
-    } : null;
   }
-  _expandRow(i, e, t, n, r = y.Position) {
-    const s = n - t + 1, { from: o, to: d } = i, { row: l } = o, { row: g } = d;
-    if (r === y.None)
-      return {
-        newSheetTransform: N({ ...e }, this._selectionRenderService),
-        newTransform: e
-      };
-    let a = null, c = null;
-    if (l >= t) {
-      const u = this._skeletonManagerService.attachRangeWithCoord({ startRow: t, endRow: n, startColumn: o.column, endColumn: d.column });
-      if (u == null)
-        return;
-      c = { ...e, top: (e.top || 0) + u.endY - u.startY }, a = N(c, this._selectionRenderService);
-    } else if (g >= n)
-      if (r === y.Both)
-        a = {
-          from: { ...o },
-          to: {
-            ...d,
-            row: g + s
-          }
-        }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
-      else
-        return {
-          newSheetTransform: N({ ...e }, this._selectionRenderService),
-          newTransform: e
-        };
-    return a != null && c != null ? {
-      newSheetTransform: a,
-      newTransform: c
-    } : null;
+};
+function ve(i) {
+  return !i.getContextValue(Dn) && !i.getContextValue(Mn) && !i.getContextValue(bn) && i.getContextValue(fe);
+}
+const Ni = {
+  id: _e.id,
+  description: "shortcut.sheet.drawing-move-down",
+  group: "4_sheet-drawing-view",
+  binding: le.ARROW_DOWN,
+  priority: 100,
+  preconditions: ve,
+  staticParameters: {
+    direction: te.DOWN
   }
-  _shrinkRow(i, e, t, n, r = y.Position) {
-    const s = n - t + 1, { from: o, to: d } = i, { row: l } = o, { row: g } = d;
-    if (r === y.None)
-      return {
-        newSheetTransform: N({ ...e }, this._selectionRenderService),
-        newTransform: e
-      };
-    let a = null, c = null;
-    if (l > n)
-      a = {
-        from: { ...o, row: l - s },
-        to: { ...d, row: g - s }
-      }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
-    else {
-      if (l >= t && g <= n)
-        return null;
-      if (l < t && g > n)
-        if (r === y.Both)
-          a = {
-            from: { ...o },
-            to: { ...d, row: g - s }
-          }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
-        else
-          return {
-            newSheetTransform: N({ ...e }, this._selectionRenderService),
-            newTransform: e
-          };
-      else if (l >= t && l <= n) {
-        if (l === t)
-          c = { ...e, top: (e.top || 0) - i.from.rowOffset };
-        else {
-          const u = this._skeletonManagerService.attachRangeWithCoord({ startRow: t, endRow: l - 1, startColumn: o.column, endColumn: d.column });
-          if (u == null)
-            return;
-          c = { ...e, top: (e.top || 0) - u.endY + u.startY - i.from.rowOffset };
-        }
-        a = N(c, this._selectionRenderService);
-      } else if (g >= t && g <= n && r === y.Both) {
-        const u = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: t - 1, endRow: t - 1 });
-        if (u == null)
-          return;
-        a = {
-          from: { ...o },
-          to: { ...d, row: t - 1, rowOffset: u.endY - u.startY }
-        }, c = L(a, this._selectionRenderService, this._skeletonManagerService);
-      }
-    }
-    return a != null && c != null ? {
-      newSheetTransform: a,
-      newTransform: c
-    } : null;
+}, ji = {
+  id: _e.id,
+  description: "shortcut.sheet.drawing-move-up",
+  group: "4_sheet-drawing-view",
+  binding: le.ARROW_UP,
+  priority: 100,
+  preconditions: ve,
+  staticParameters: {
+    direction: te.UP
   }
-  _commandListener() {
-    this.disposeWithMe(
-      this._commandService.onCommandExecuted((i) => {
-        i.id === Mr.id && setTimeout(() => {
-          const e = i.params, { unitId: t, subUnitId: n } = e, r = this._drawingManagerService.drawingManagerData, s = [], o = [];
-          Object.keys(r).forEach((d) => {
-            const l = r[d];
-            l != null && Object.keys(l).forEach((g) => {
-              const a = l[g].data;
-              a != null && Object.keys(a).forEach((c) => {
-                if (d === t && g === n) {
-                  const u = a[c];
-                  u.transform = L(u.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(a[c]);
-                } else
-                  o.push(a[c]);
-              });
-            });
-          }), this._drawingManagerService.removeNotification(o), this._drawingManagerService.addNotification(s);
-        }, 0);
-      })
-    );
+}, xi = {
+  id: _e.id,
+  description: "shortcut.sheet.drawing-move-left",
+  group: "4_sheet-drawing-view",
+  binding: le.ARROW_LEFT,
+  priority: 100,
+  preconditions: ve,
+  staticParameters: {
+    direction: te.LEFT
   }
-  _sheetRefreshListener() {
-    this.disposeWithMe(
-      this._commandService.onCommandExecuted((i) => {
-        Vi.includes(i.id) && requestIdleCallback(() => {
-          const e = i.params, { unitId: t, subUnitId: n, ranges: r } = e;
-          this._refreshDrawingTransform(t, n, r);
-        });
-      })
-    );
+}, Wi = {
+  id: _e.id,
+  description: "shortcut.sheet.drawing-move-right",
+  group: "4_sheet-drawing-view",
+  binding: le.ARROW_RIGHT,
+  priority: 100,
+  preconditions: ve,
+  staticParameters: {
+    direction: te.RIGHT
   }
-  _refreshDrawingTransform(i, e, t) {
-    const n = this._drawingManagerService.getDrawingData(i, e), r = [];
-    Object.keys(n).forEach((s) => {
-      const o = n[s], { sheetTransform: d, transform: l, anchorType: g = y.Position } = o;
-      if (g === y.None)
-        return !0;
-      const { from: a, to: c } = d, { row: u, column: h } = a, { row: m, column: f } = c;
-      for (let p = 0; p < t.length; p++) {
-        const C = t[p], { startRow: S, endRow: v, startColumn: R, endColumn: _ } = C;
-        if (Mn.intersects(
-          {
-            startRow: S,
-            endRow: v,
-            startColumn: R,
-            endColumn: _
-          },
-          {
-            startRow: u,
-            endRow: m,
-            startColumn: h,
-            endColumn: f
-          }
-        ) || u > v || h > _) {
-          const I = g === y.Position, w = L(d, this._selectionRenderService, this._skeletonManagerService);
-          r.push({
-            ...o,
-            transform: {
-              ...w,
-              width: I ? l == null ? void 0 : l.width : w == null ? void 0 : w.width,
-              height: I ? l == null ? void 0 : l.height : w == null ? void 0 : w.height
-            }
-          });
-          break;
-        }
-      }
-    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(j.id, [i]));
+}, $i = {
+  id: cn.id,
+  description: "shortcut.sheet.drawing-delete",
+  group: "4_sheet-drawing-view",
+  // when focusing on any other input tag do not trigger this shortcut
+  preconditions: ve,
+  binding: le.DELETE,
+  mac: le.BACKSPACE
+};
+var Li = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, Gi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Bi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
+  return n && r && Li(e, t, r), r;
+}, Te = (i, e) => (t, n) => e(t, n, i);
+let $e = class extends ie {
+  constructor(i, e, t, n) {
+    super(), this._componentManager = i, this._menuManagerService = e, this._commandService = t, this._shortcutService = n, this._init();
+  }
+  _initCustomComponents() {
+    const i = this._componentManager;
+    this.disposeWithMe(i.register(dn, an)), this.disposeWithMe(i.register(Zt, Ui));
+  }
+  _initMenus() {
+    this._menuManagerService.mergeMenu(Ai);
+  }
+  _initCommands() {
+    [
+      lt,
+      ke,
+      Ve,
+      Ye,
+      Qt,
+      j,
+      en,
+      tn,
+      rn,
+      _e,
+      cn,
+      nn
+    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
+  }
+  _initShortcuts() {
+    [
+      // sheet drawing shortcuts
+      Ni,
+      ji,
+      xi,
+      Wi,
+      $i
+    ].forEach((i) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(i));
+    });
+  }
+  _init() {
+    this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-at = Bi([
-  Q(1, J),
-  Q(2, B),
-  Q(3, we),
-  Q(4, x(Z)),
-  Q(5, x(ct)),
-  Q(6, F),
-  Q(7, K),
-  Q(8, pe)
-], at);
-var ki = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, Fi = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Yi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+$e = Gi([
+  Te(0, x(lr)),
+  Te(1, ur),
+  Te(2, B),
+  Te(3, hr)
+], $e);
+var Vi = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, Yi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? ki(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && ki(e, t, r), r;
+  return n && r && Vi(e, t, r), r;
 }, oe = (i, e) => (t, n) => e(t, n, i);
-function Xi(i, e, t, n) {
-  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(Jn.VIEW_MAIN), d = {
+function Fi(i, e, t, n) {
+  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(Tt.VIEW_MAIN), d = {
     left: !0,
     top: !0
   };
@@ -2208,7 +2207,7 @@ const et = (i, e, t, n) => {
     right: s + d,
     top: o,
     bottom: o + l
-  }, c = Xi(a, r, t, n), { scaleX: u, scaleY: h } = r.getAncestorScale();
+  }, c = Fi(a, r, t, n), { scaleX: u, scaleY: h } = r.getAncestorScale();
   return {
     startX: c.left,
     endX: c.right,
@@ -2235,7 +2234,7 @@ let Le = class extends ie {
     this._renderManagerService = e, this._univerInstanceService = t, this._commandService = n, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = d, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
   }
   _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(re((e) => e === yn.Rendered), fr(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(re((e) => e === On.Rendered), mr(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -2304,8 +2303,8 @@ let Le = class extends ie {
           }, D = u === k.DRAWING_CHART;
           D && (M.fill = "white", M.rotateEnabled = !1, h && h.border && (M.stroke = h.border), M.paintFirst = "stroke", M.strokeWidth = 1, M.borderEnabled = !1, M.radius = 8);
           const U = new _t(A, M);
-          D && U.setObjectType(zn.CHART), f.addObject(U, Kn), d.allowTransform !== !1 && f.attachTransformerTo(U);
-          const W = this._ensureMap(n, r), q = new On(), gn = et(U, m.renderObject, a.skeleton, o.worksheet), Fe = new pr(gn), mn = {
+          D && U.setObjectType(Kn.CHART), f.addObject(U, Jn), d.allowTransform !== !1 && f.attachTransformerTo(U);
+          const W = this._ensureMap(n, r), q = new Tn(), mn = et(U, m.renderObject, a.skeleton, o.worksheet), Fe = new fr(mn), fn = {
             dispose: q,
             rect: U,
             position$: Fe,
@@ -2340,7 +2339,7 @@ let Le = class extends ie {
           });
           q.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), ut && q.add(ut), this._domLayerInfoMap.set(s, mn), W.set(s, {
+          }), ut && q.add(ut), this._domLayerInfoMap.set(s, fn), W.set(s, {
             ...W.get(s)
           });
         });
@@ -2380,19 +2379,19 @@ let Le = class extends ie {
         }),
         re((t) => !!t),
         Ct(
-          (t) => Pn(t.render.scene.getViewport(rr.VIEW_MAIN).onScrollAfter$).pipe(Ue(() => ({ unitId: t.unitId, subUnitId: t.subUnitId })))
+          (t) => Pn(t.render.scene.getViewport(Tt.VIEW_MAIN).onScrollAfter$).pipe(Ue(() => ({ unitId: t.unitId, subUnitId: t.subUnitId })))
         )
       ).subscribe(({ unitId: t, subUnitId: n }) => {
         e(t, n);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((t) => {
       var n, r;
-      if (t.id === ir.id) {
+      if (t.id === rr.id) {
         const s = t.params, { unitId: o } = s;
         Array.from((r = (n = this._domLayerMap.get(o)) == null ? void 0 : n.keys()) != null ? r : []).forEach((l) => {
           e(o, l);
         });
-      } else if (t.id === br.id) {
+      } else if (t.id === Mr.id) {
         const { unitId: s, subUnitId: o } = t.params;
         e(s, o);
       }
@@ -2463,7 +2462,7 @@ let Le = class extends ie {
     });
     if (!n)
       throw new Error("cannot find current target!");
-    const { unitId: r, subUnitId: s } = n, { initPosition: o, componentKey: d, data: l, allowTransform: g = !0 } = e, a = t != null ? t : Tn(), c = this._getPosition(o, r);
+    const { unitId: r, subUnitId: s } = n, { initPosition: o, componentKey: d, data: l, allowTransform: g = !0 } = e, a = t != null ? t : En(), c = this._getPosition(o, r);
     if (c == null)
       return;
     this._ensureMap(r, s).set(a, e);
@@ -2506,7 +2505,7 @@ let Le = class extends ie {
       if (!l)
         return;
       const g = this._sheetDrawingService.getBatchRemoveOp([l]), { redo: a, objects: c } = g;
-      this._commandService.syncExecuteCommand(P.id, { unitId: r, subUnitId: s, op: a, objects: c, type: T.REMOVE });
+      this._commandService.syncExecuteCommand(T.id, { unitId: r, subUnitId: s, op: a, objects: c, type: P.REMOVE });
     }
   }
   addHook(e) {
@@ -2518,49 +2517,49 @@ let Le = class extends ie {
     };
   }
 };
-Le = Fi([
+Le = Yi([
   oe(0, x(J)),
   oe(1, pe),
   oe(2, x(B)),
   oe(3, K),
-  oe(4, x(mr)),
+  oe(4, x(gr)),
   oe(5, F),
-  oe(6, x(bn))
+  oe(6, x(yn))
 ], Le);
-var un = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, zi = (i, e, t) => e in i ? un(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, Ki = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Hi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var hn = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, Hi = (i, e, t) => e in i ? hn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, zi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Xi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (n ? o(e, t, r) : o(r)) || r);
-  return n && r && un(e, t, r), r;
-}, tt = (i, e) => (t, n) => e(t, n, i), hn = (i, e, t) => zi(i, typeof e != "symbol" ? e + "" : e, t);
-const Ji = "SHEET_IMAGE_UI_PLUGIN";
-let Be = class extends Un {
+  return n && r && hn(e, t, r), r;
+}, tt = (i, e) => (t, n) => e(t, n, i), gn = (i, e, t) => Hi(i, typeof e != "symbol" ? e + "" : e, t);
+const Ki = "SHEET_IMAGE_UI_PLUGIN";
+let Be = class extends An {
   constructor(i = Tr, e, t, n) {
     super(), this._config = i, this._injector = e, this._renderManagerService = t, this._configService = n;
     const { menu: r, ...s } = this._config;
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Pr, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Or, s);
   }
   onStarting() {
-    An(this._injector, [
+    Nn(this._injector, [
       [Le],
-      [je],
-      [Ae],
       [$e],
-      [We],
-      [xe]
+      [Ae],
+      [xe],
+      [je],
+      [Ne]
     ]), Xe(this._injector, [
       [Le]
     ]);
   }
   onReady() {
     Xe(this._injector, [
-      [xe]
+      [Ne]
     ]);
   }
   onRendered() {
     this._registerRenderModules(), Xe(this._injector, [
-      [We],
-      [$e],
-      [je]
+      [je],
+      [xe],
+      [$e]
     ]);
   }
   onSteady() {
@@ -2568,7 +2567,7 @@ let Be = class extends Un {
   }
   _registerRenderModules() {
     [
-      [Ne],
+      [We],
       [at],
       [ot]
     ].forEach((i) => {
@@ -2576,28 +2575,28 @@ let Be = class extends Un {
     });
   }
 };
-hn(Be, "type", Y.UNIVER_SHEET);
-hn(Be, "pluginName", Ji);
-Be = Ki([
-  En($n, Fn, qn),
+gn(Be, "type", Y.UNIVER_SHEET);
+gn(Be, "pluginName", Ki);
+Be = zi([
+  Un(Ln, Xn, qn),
   tt(1, x(bt)),
   tt(2, J),
-  tt(3, Nn)
+  tt(3, jn)
 ], Be);
 export {
   j as ClearSheetDrawingTransformerOperation,
-  rn as DeleteDrawingsCommand,
-  Qt as EditSheetDrawingOperation,
-  sn as GroupSheetDrawingCommand,
-  dn as IMAGE_MENU_ID,
+  cn as DeleteDrawingsCommand,
+  en as EditSheetDrawingOperation,
+  tn as GroupSheetDrawingCommand,
   lt as InsertFloatImageCommand,
   ke as InsertSheetDrawingCommand,
   _e as MoveDrawingsCommand,
   Ve as RemoveSheetDrawingCommand,
-  on as SetDrawingArrangeCommand,
+  ln as SHEETS_IMAGE_MENU_ID,
+  nn as SetDrawingArrangeCommand,
   Ye as SetSheetDrawingCommand,
   Le as SheetCanvasFloatDomManagerService,
-  Zt as SidebarSheetDrawingOperation,
-  an as UngroupSheetDrawingCommand,
+  Qt as SidebarSheetDrawingOperation,
+  rn as UngroupSheetDrawingCommand,
   Be as UniverSheetsDrawingUIPlugin
 };