@univerjs/sheets-drawing-ui 0.1.17 → 0.2.1

package/lib/es/index.js

@@ -1,65 +1,65 @@
-var kt = Object.defineProperty;
-var Jt = (r, e, n) => e in r ? kt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
-var K = (r, e, n) => Jt(r, typeof e != "symbol" ? e + "" : e, n);
-import { CommandType as G, ICommandService as B, IUndoRedoService as ae, LocaleService as pe, IUniverInstanceService as ce, RxDisposable as Zt, UniverInstanceType as Y, toDisposable as qt, FOCUSING_COMMON_DRAWINGS as fe, OnLifecycle as de, LifecycleStages as le, IContextService as gt, Disposable as ue, Direction as J, FOCUSING_FORMULA_EDITOR as Qt, EDITOR_ACTIVATED as en, Rectangle as tn, DrawingTypeEnum as Ve, DisposableCollection as nn, Tools as ie, UserManagerService as rn, IPermissionService as sn, Plugin as on, DependentOn as an } from "@univerjs/core";
-import { Inject as $, Injector as Ze } from "@wendellhu/redi";
-import { ImageCropperObject as cn, COMPONENT_IMAGE_POPUP_MENU as dn, OpenImageCropOperation as ln, ImageResetSizeOperation as un, DrawingCommonPanel as mn, DrawingRenderService as gn, UniverDrawingUIPlugin as hn } from "@univerjs/drawing-ui";
-import { ISheetDrawingService as X, SetDrawingApplyMutation as O, DrawingApplyType as P, SheetDrawingAnchorType as b, UniverSheetsDrawingPlugin as fn } from "@univerjs/sheets-drawing";
-import { IDrawingManagerService as H, IImageIoService as ht, ArrangeTypeEnum as ve, DrawingTypeEnum as Le, DRAWING_IMAGE_COUNT_LIMIT as it, ImageUploadStatusType as Ge, DRAWING_IMAGE_ALLOW_SIZE as pn, getImageSize as wn, DRAWING_IMAGE_WIDTH_LIMIT as st, DRAWING_IMAGE_HEIGHT_LIMIT as ot, DRAWING_IMAGE_ALLOW_IMAGE_LIST as _n, getDrawingShapeKeyByDrawingSearch as vn, UniverDrawingPlugin as Sn } from "@univerjs/drawing";
-import { IRenderManagerService as te, getGroupState as Cn, transformObjectOutOfGroup as In, precisionTo as Z, Rect as Rn, DRAWING_OBJECT_LAYER_INDEX as Dn, SHEET_VIEWPORT_KEY as Mn, RENDER_CLASS_TYPE as ne } from "@univerjs/engine-render";
-import { SheetCanvasPopManagerService as bn, ISelectionRenderService as $e, getCurrentRangeDisable$ as On, SheetSkeletonManagerService as Xe, SetScrollOperation as Pn, SetZoomRatioOperation as En, SheetPrintInterceptorService as yn } from "@univerjs/sheets-ui";
-import { takeUntil as at, Subject as ct, BehaviorSubject as Tn, combineLatest as Se, map as dt, filter as Ce, distinctUntilChanged as Ie } from "rxjs";
-import { ISidebarService as Un, BuiltInUIPart as An, IUIPartsService as Nn, IMessageService as jn, MenuItemType as ft, MenuPosition as Ln, MenuGroup as $n, getMenuHiddenObservable as pt, KeyCode as oe, ComponentManager as Bn, IMenuService as Wn, IShortcutService as Vn, CanvasFloatDomService as Gn } from "@univerjs/ui";
-import { useDependency as q, connectInjector as xn } from "@wendellhu/redi/react-bindings";
-import { getSheetCommandTarget as se, SelectionManagerService as Fn, WorkbookEditablePermission as He, WorksheetEditPermission as Oe, RangeProtectionPermissionEditPoint as Yn, InsertRowCommand as wt, InsertColCommand as _t, RemoveRowCommand as vt, RemoveColCommand as St, DeleteRangeMoveLeftCommand as Ct, DeleteRangeMoveUpCommand as It, InsertRangeMoveDownCommand as Rt, InsertRangeMoveRightCommand as Dt, DeltaRowHeightCommand as ze, SetRowHeightCommand as Ke, DeltaColumnWidthCommand as Mt, SetColWidthCommand as bt, SetRowHiddenCommand as Ot, SetSpecificRowsVisibleCommand as Pt, SetSpecificColsVisibleCommand as Et, SetColHiddenCommand as yt, SetRowVisibleMutation as Xn, SetRowHiddenMutation as Hn, SetColVisibleMutation as zn, SetColHiddenMutation as Kn, SetWorksheetRowHeightMutation as kn, SetWorksheetColWidthMutation as Jn, SetWorksheetActiveOperation as Zn, SheetInterceptorService as qn, SetFrozenMutation as Qn, WorkbookViewPermission as lt, WorksheetViewPermission as xe } from "@univerjs/sheets";
-import L, { useEffect as qe, forwardRef as Tt, useRef as Ut, createElement as At, useState as ke } from "react";
-import { MessageType as Re, RadioGroup as er, Radio as Fe } from "@univerjs/design";
-import De from "clsx";
+var tn = Object.defineProperty;
+var nn = (i, e, n) => e in i ? tn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var K = (i, e, n) => nn(i, typeof e != "symbol" ? e + "" : e, n);
+import { CommandType as G, ICommandService as Y, IUndoRedoService as he, LocaleService as ve, IUniverInstanceService as ge, RxDisposable as rn, UniverInstanceType as F, toDisposable as sn, FOCUSING_COMMON_DRAWINGS as we, OnLifecycle as ae, LifecycleStages as ce, IContextService as wt, Disposable as de, Direction as q, FOCUSING_FORMULA_EDITOR as on, EDITOR_ACTIVATED as an, Rectangle as cn, DrawingTypeEnum as ze, DisposableCollection as dn, Tools as se, UserManagerService as ln, IPermissionService as un, Plugin as hn, DependentOn as gn } from "@univerjs/core";
+import { Inject as W, Injector as xe } from "@wendellhu/redi";
+import { ImageCropperObject as mn, COMPONENT_IMAGE_POPUP_MENU as fn, OpenImageCropOperation as pn, ImageResetSizeOperation as wn, DrawingCommonPanel as _n, DrawingRenderService as vn, UniverDrawingUIPlugin as Sn } from "@univerjs/drawing-ui";
+import { ISheetDrawingService as H, SetDrawingApplyMutation as y, DrawingApplyType as T, SheetDrawingAnchorType as E, UniverSheetsDrawingPlugin as Cn } from "@univerjs/sheets-drawing";
+import { IDrawingManagerService as J, IImageIoService as _t, ArrangeTypeEnum as De, DrawingTypeEnum as Fe, DRAWING_IMAGE_COUNT_LIMIT as ct, ImageUploadStatusType as Ke, DRAWING_IMAGE_ALLOW_SIZE as Rn, getImageSize as In, DRAWING_IMAGE_WIDTH_LIMIT as dt, DRAWING_IMAGE_HEIGHT_LIMIT as lt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Dn, getDrawingShapeKeyByDrawingSearch as Mn, UniverDrawingPlugin as bn } from "@univerjs/drawing";
+import { IRenderManagerService as te, getGroupState as On, transformObjectOutOfGroup as En, precisionTo as Q, Rect as yn, DRAWING_OBJECT_LAYER_INDEX as Tn, SHEET_VIEWPORT_KEY as Pn, RENDER_CLASS_TYPE as le } from "@univerjs/engine-render";
+import { SheetCanvasPopManagerService as Un, SheetSkeletonManagerService as _e, ISelectionRenderService as Se, getCurrentRangeDisable$ as An, SetScrollOperation as Nn, SetZoomRatioOperation as jn, SheetPrintInterceptorService as Ln, COPY_TYPE as ut, PREDEFINED_HOOK_NAME as Me, virtualizeDiscreteRanges as Wn, ISheetClipboardService as Bn } from "@univerjs/sheets-ui";
+import { takeUntil as ht, Subject as gt, BehaviorSubject as $n, combineLatest as be, map as mt, filter as Oe, distinctUntilChanged as Ee } from "rxjs";
+import { ISidebarService as Vn, BuiltInUIPart as Yn, IUIPartsService as Gn, IMessageService as Xn, MenuItemType as vt, MenuPosition as xn, MenuGroup as Fn, getMenuHiddenObservable as St, KeyCode as ue, ComponentManager as Hn, IMenuService as kn, IShortcutService as zn, CanvasFloatDomService as Kn } from "@univerjs/ui";
+import { useDependency as ee, connectInjector as Jn } from "@wendellhu/redi/react-bindings";
+import { getSheetCommandTarget as oe, SelectionManagerService as Zn, WorkbookEditablePermission as et, WorksheetEditPermission as Ne, RangeProtectionPermissionEditPoint as qn, InsertRowCommand as Ct, InsertColCommand as Rt, RemoveRowCommand as It, RemoveColCommand as Dt, DeleteRangeMoveLeftCommand as Mt, DeleteRangeMoveUpCommand as bt, InsertRangeMoveDownCommand as Ot, InsertRangeMoveRightCommand as Et, DeltaRowHeightCommand as tt, SetRowHeightCommand as nt, DeltaColumnWidthCommand as yt, SetColWidthCommand as Tt, SetRowHiddenCommand as Pt, SetSpecificRowsVisibleCommand as Ut, SetSpecificColsVisibleCommand as At, SetColHiddenCommand as Nt, MoveRangeCommand as jt, SetRowVisibleMutation as Qn, SetRowHiddenMutation as er, SetColVisibleMutation as tr, SetColHiddenMutation as nr, SetWorksheetRowHeightMutation as rr, SetWorksheetColWidthMutation as ir, SetWorksheetActiveOperation as sr, SheetInterceptorService as or, SetFrozenMutation as ar, WorkbookViewPermission as ft, WorksheetViewPermission as Je } from "@univerjs/sheets";
+import L, { useEffect as st, forwardRef as Lt, useRef as Wt, createElement as Bt, useState as rt } from "react";
+import { MessageType as ye, RadioGroup as cr, Radio as Ze } from "@univerjs/design";
+import Te from "clsx";
 const j = {
   id: "sheet.operation.clear-drawing-transformer",
   type: G.MUTATION,
-  handler: (r, e) => {
-    const n = r.get(te);
+  handler: (i, e) => {
+    const n = i.get(te);
     return e.forEach((t) => {
-      var i, s;
-      (s = (i = n.getRenderById(t)) == null ? void 0 : i.scene.getTransformer()) == null || s.debounceRefreshControls();
+      var r, s;
+      (s = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
-}, Qe = {
+}, ot = {
   id: "sheet.command.remove-sheet-image",
   type: G.COMMAND,
-  handler: (r, e) => {
-    const n = r.get(B), t = r.get(ae), i = r.get(X);
+  handler: (i, e) => {
+    const n = i.get(Y), t = i.get(he), r = i.get(H);
     if (!e) return !1;
     const { drawings: s } = e, o = [];
     s.forEach((f) => {
-      const { unitId: h } = f;
-      o.push(h);
+      const { unitId: m } = f;
+      o.push(m);
     });
-    const a = i.getBatchRemoveOp(s), { unitId: c, subUnitId: g, undo: l, redo: d, objects: m } = a;
-    return n.syncExecuteCommand(O.id, { unitId: c, subUnitId: g, op: d, objects: m, type: P.REMOVE }) ? (t.pushUndoRedo({
-      unitID: c,
+    const a = r.getBatchRemoveOp(s), { unitId: d, subUnitId: g, undo: l, redo: c, objects: u } = a;
+    return n.syncExecuteCommand(y.id, { unitId: d, subUnitId: g, op: c, objects: u, type: T.REMOVE }) ? (t.pushUndoRedo({
+      unitID: d,
       undoMutations: [
-        { id: O.id, params: { unitId: c, subUnitId: g, op: l, objects: m, type: P.INSERT } },
+        { id: y.id, params: { unitId: d, subUnitId: g, op: l, objects: u, type: T.INSERT } },
         { id: j.id, params: o }
       ],
       redoMutations: [
-        { id: O.id, params: { unitId: c, subUnitId: g, op: d, objects: m, type: P.REMOVE } },
+        { id: y.id, params: { unitId: d, subUnitId: g, op: c, objects: u, type: T.REMOVE } },
         { id: j.id, params: o }
       ]
     }), !0) : !1;
   }
-}, Nt = "COMPONENT_SHEET_DRAWING_PANEL", jt = {
+}, $t = "COMPONENT_SHEET_DRAWING_PANEL", Vt = {
   id: "sidebar.operation.sheet-image",
   type: G.COMMAND,
-  handler: async (r, e) => {
-    const n = r.get(Un), t = r.get(pe), i = r.get(ce), s = r.get(H);
-    if (!se(i)) return !1;
+  handler: async (i, e) => {
+    const n = i.get(Vn), t = i.get(ve), r = i.get(ge), s = i.get(J);
+    if (!oe(r)) return !1;
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("sheetImage.panel.title") },
-          children: { label: Nt },
+          children: { label: $t },
           onClose: () => {
             s.focusDrawing(null);
           },
@@ -73,43 +73,43 @@ const j = {
     }
     return !0;
   }
-}, Lt = {
+}, Yt = {
   id: "sheet.operation.edit-sheet-image",
   type: G.OPERATION,
-  handler: (r, e) => {
-    const n = r.get(H), t = r.get(B);
-    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(jt.id, { value: "open" }), !0);
-  }
-}, tr = "univer-upload-loading", nr = "univer-upload-loading-body", rr = "univer-upload-loading-body-animation", ir = "univer-UniverCircleAnimation", sr = "univer-upload-loading-body-text", Me = {
-  uploadLoading: tr,
-  uploadLoadingBody: nr,
-  uploadLoadingBodyAnimation: rr,
-  univerCircleAnimation: ir,
-  uploadLoadingBodyText: sr
-}, or = () => {
-  const r = q(ht), e = q(pe), [n, t] = L.useState(0);
-  return qe(() => {
-    const i = r.change$.subscribe((s) => {
+  handler: (i, e) => {
+    const n = i.get(J), t = i.get(Y);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Vt.id, { value: "open" }), !0);
+  }
+}, dr = "univer-upload-loading", lr = "univer-upload-loading-body", ur = "univer-upload-loading-body-animation", hr = "univer-UniverCircleAnimation", gr = "univer-upload-loading-body-text", Pe = {
+  uploadLoading: dr,
+  uploadLoadingBody: lr,
+  uploadLoadingBodyAnimation: ur,
+  univerCircleAnimation: hr,
+  uploadLoadingBodyText: gr
+}, mr = () => {
+  const i = ee(_t), e = ee(ve), [n, t] = L.useState(0);
+  return st(() => {
+    const r = i.change$.subscribe((s) => {
       t(s);
     });
     return () => {
-      i.unsubscribe();
+      r.unsubscribe();
     };
-  }, [r]), /* @__PURE__ */ L.createElement("div", { style: { display: n > 0 ? "block" : "none" }, className: Me.uploadLoading }, /* @__PURE__ */ L.createElement("div", { className: Me.uploadLoadingBody }, /* @__PURE__ */ L.createElement("div", { className: Me.uploadLoadingBodyAnimation }), /* @__PURE__ */ L.createElement("div", { className: Me.uploadLoadingBodyText }, `${e.t("uploadLoading.loading")}: ${n}`)));
+  }, [i]), /* @__PURE__ */ L.createElement("div", { style: { display: n > 0 ? "block" : "none" }, className: Pe.uploadLoading }, /* @__PURE__ */ L.createElement("div", { className: Pe.uploadLoadingBody }, /* @__PURE__ */ L.createElement("div", { className: Pe.uploadLoadingBodyAnimation }), /* @__PURE__ */ L.createElement("div", { className: Pe.uploadLoadingBodyText }, `${e.t("uploadLoading.loading")}: ${n}`)));
 };
-var ar = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, dr = (r, e, n, t) => {
-  for (var i = t > 1 ? void 0 : t ? cr(e, n) : e, s = r.length - 1, o; s >= 0; s--)
-    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
-  return t && i && ar(e, n, i), i;
-}, Q = (r, e) => (n, t) => e(n, t, r);
-let Pe = class extends Zt {
-  constructor(e, n, t, i, s, o, a) {
+var fr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, wr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? pr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && fr(e, n, r), r;
+}, ne = (i, e) => (n, t) => e(n, t, i);
+let je = class extends rn {
+  constructor(e, n, t, r, s, o, a) {
     super();
     K(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = i, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = a, this._init();
+    this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = a, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET).pipe(at(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(Y.UNIVER_SHEET).pipe(at(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(Y.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(An.CONTENT, () => xn(or, this._injector));
+    this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(ht(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(F.UNIVER_SHEET).pipe(ht(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(F.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(Yn.CONTENT, () => Jn(mr, this._injector));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -124,7 +124,7 @@ let Pe = class extends Zt {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof cn)
+      if (t instanceof mn)
         return !0;
     return !1;
   }
@@ -136,45 +136,45 @@ let Pe = class extends Zt {
     const t = n.getTransformerByCreate();
     if (!t)
       return;
-    const i = [];
+    let r;
     this.disposeWithMe(
-      qt(
+      sn(
         t.createControl$.subscribe(() => {
-          if (this._contextService.setContextValue(fe, !0), this._hasCropObject(n))
+          if (this._contextService.setContextValue(we, !0), this._hasCropObject(n))
             return;
           const o = t.getSelectedObjectMap();
           if (o.size > 1) {
-            i.forEach((u) => u.dispose());
+            r == null || r.dispose();
             return;
           }
           const a = o.values().next().value;
           if (!a)
             return;
-          const c = a.oKey, g = this._drawingManagerService.getDrawingOKey(c);
+          const d = a.oKey, g = this._drawingManagerService.getDrawingOKey(d);
           if (!g)
             return;
-          const { unitId: l, subUnitId: d, drawingId: m } = g;
-          i.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-            componentKey: dn,
+          const { unitId: l, subUnitId: c, drawingId: u } = g;
+          r == null || r.dispose(), r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
+            componentKey: fn,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
-              menuItems: this._getImageMenuItems(l, d, m)
+              menuItems: this._getImageMenuItems(l, c, u)
             }
-          }))), this._drawingManagerService.focusDrawing([{
+          })), this._drawingManagerService.focusDrawing([{
             unitId: l,
-            subUnitId: d,
-            drawingId: m
+            subUnitId: c,
+            drawingId: u
           }]);
         })
       )
     ), this.disposeWithMe(
       t.clearControl$.subscribe(() => {
-        i.forEach((o) => o.dispose()), this._contextService.setContextValue(fe, !1), this._drawingManagerService.focusDrawing(null);
+        r == null || r.dispose(), this._contextService.setContextValue(we, !1), this._drawingManagerService.focusDrawing(null);
       })
     ), this.disposeWithMe(
       t.changing$.subscribe(() => {
-        i.forEach((o) => o.dispose());
+        r == null || r.dispose();
       })
     );
   }
@@ -183,125 +183,125 @@ let Pe = class extends Zt {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Lt.id,
+        commandId: Yt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: Qe.id,
+        commandId: ot.id,
         commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: ln.id,
+        commandId: pn.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: un.id,
+        commandId: wn.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !1
       }
     ];
   }
 };
-Pe = dr([
-  de(le.Steady, Pe),
-  Q(0, $(Ze)),
-  Q(1, H),
-  Q(2, $(bn)),
-  Q(3, te),
-  Q(4, ce),
-  Q(5, gt),
-  Q(6, $(Nn))
-], Pe);
-const Be = {
+je = wr([
+  ae(ce.Steady, je),
+  ne(0, W(xe)),
+  ne(1, J),
+  ne(2, W(Un)),
+  ne(3, te),
+  ne(4, ge),
+  ne(5, wt),
+  ne(6, W(Gn))
+], je);
+const He = {
   id: "sheet.operation.insert-float-image",
   type: G.OPERATION,
-  handler: (r, e) => !0
-}, Ae = {
+  handler: (i, e) => !0
+}, Ye = {
   id: "sheet.operation.insert-cell-image",
   type: G.OPERATION,
-  handler: (r, e) => !0
-}, et = {
+  handler: (i, e) => !0
+}, at = {
   id: "sheet.command.insert-sheet-image",
   type: G.COMMAND,
-  handler: (r, e) => {
-    const n = r.get(B), t = r.get(ae), i = r.get(X);
+  handler: (i, e) => {
+    const n = i.get(Y), t = i.get(he), r = i.get(H);
     if (!e) return !1;
-    const s = e.drawings, o = s.map((f) => f.unitId), a = i.getBatchAddOp(s), { unitId: c, subUnitId: g, undo: l, redo: d, objects: m } = a;
-    return n.syncExecuteCommand(O.id, { op: d, unitId: c, subUnitId: g, objects: m, type: P.INSERT }) ? (t.pushUndoRedo({
-      unitID: c,
+    const s = e.drawings, o = s.map((f) => f.unitId), a = r.getBatchAddOp(s), { unitId: d, subUnitId: g, undo: l, redo: c, objects: u } = a;
+    return n.syncExecuteCommand(y.id, { op: c, unitId: d, subUnitId: g, objects: u, type: T.INSERT }) ? (t.pushUndoRedo({
+      unitID: d,
       undoMutations: [
-        { id: O.id, params: { op: l, unitId: c, subUnitId: g, objects: m, type: P.REMOVE } },
+        { id: y.id, params: { op: l, unitId: d, subUnitId: g, objects: u, type: T.REMOVE } },
         { id: j.id, params: o }
       ],
       redoMutations: [
-        { id: O.id, params: { op: d, unitId: c, subUnitId: g, objects: m, type: P.INSERT } },
+        { id: y.id, params: { op: c, unitId: d, subUnitId: g, objects: u, type: T.INSERT } },
         { id: j.id, params: o }
       ]
     }), !0) : !1;
   }
-}, We = {
+}, ke = {
   id: "sheet.command.set-sheet-image",
   type: G.COMMAND,
-  handler: (r, e) => {
-    const n = r.get(B), t = r.get(ae), i = r.get(X);
+  handler: (i, e) => {
+    const n = i.get(Y), t = i.get(he), r = i.get(H);
     if (!e) return !1;
-    const { drawings: s } = e, o = i.getBatchUpdateOp(s), { unitId: a, subUnitId: c, undo: g, redo: l, objects: d } = o;
-    return n.syncExecuteCommand(O.id, { unitId: a, subUnitId: c, op: l, objects: d, type: P.UPDATE }) ? (t.pushUndoRedo({
+    const { drawings: s } = e, o = r.getBatchUpdateOp(s), { unitId: a, subUnitId: d, undo: g, redo: l, objects: c } = o;
+    return n.syncExecuteCommand(y.id, { unitId: a, subUnitId: d, op: l, objects: c, type: T.UPDATE }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: O.id, params: { unitId: a, subUnitId: c, op: g, objects: d, type: P.UPDATE } },
+        { id: y.id, params: { unitId: a, subUnitId: d, op: g, objects: c, type: T.UPDATE } },
         { id: j.id, params: [a] }
       ],
       redoMutations: [
-        { id: O.id, params: { unitId: a, subUnitId: c, op: l, objects: d, type: P.UPDATE } },
+        { id: y.id, params: { unitId: a, subUnitId: d, op: l, objects: c, type: T.UPDATE } },
         { id: j.id, params: [a] }
       ]
     }), !0) : !1;
   }
-}, $t = {
+}, Gt = {
   id: "sheet.command.set-drawing-arrange",
   type: G.COMMAND,
-  handler: (r, e) => {
-    const n = r.get(B), t = r.get(ae);
+  handler: (i, e) => {
+    const n = i.get(Y), t = i.get(he);
     if (!e) return !1;
-    const i = r.get(X), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: c } = e, g = { unitId: s, subUnitId: o, drawingIds: a };
+    const r = i.get(H), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: d } = e, g = { unitId: s, subUnitId: o, drawingIds: a };
     let l;
-    if (c === ve.forward ? l = i.getForwardDrawingsOp(g) : c === ve.backward ? l = i.getBackwardDrawingOp(g) : c === ve.front ? l = i.getFrontDrawingsOp(g) : c === ve.back && (l = i.getBackDrawingsOp(g)), l == null)
+    if (d === De.forward ? l = r.getForwardDrawingsOp(g) : d === De.backward ? l = r.getBackwardDrawingOp(g) : d === De.front ? l = r.getFrontDrawingsOp(g) : d === De.back && (l = r.getBackDrawingsOp(g)), l == null)
       return !1;
-    const { objects: d, redo: m, undo: u } = l;
-    return n.syncExecuteCommand(O.id, { op: m, unitId: s, subUnitId: o, objects: d, type: P.ARRANGE }) ? (t.pushUndoRedo({
+    const { objects: c, redo: u, undo: h } = l;
+    return n.syncExecuteCommand(y.id, { op: u, unitId: s, subUnitId: o, objects: c, type: T.ARRANGE }) ? (t.pushUndoRedo({
       unitID: s,
       undoMutations: [
-        { id: O.id, params: { op: u, unitId: s, subUnitId: o, objects: d, type: P.ARRANGE } }
+        { id: y.id, params: { op: h, unitId: s, subUnitId: o, objects: c, type: T.ARRANGE } }
       ],
       redoMutations: [
-        { id: O.id, params: { op: m, unitId: s, subUnitId: o, objects: d, type: P.ARRANGE } }
+        { id: y.id, params: { op: u, unitId: s, subUnitId: o, objects: c, type: T.ARRANGE } }
       ]
     }), !0) : !1;
   }
 };
-function lr(r) {
+function _r(i) {
   const e = [];
-  return r.forEach((n) => {
-    const { parent: t, children: i } = n, { unitId: s, subUnitId: o, drawingId: a } = t, c = Cn(0, 0, i.map((d) => d.transform || {})), g = i.map((d) => {
-      const m = d.transform || { left: 0, top: 0 }, { unitId: u, subUnitId: f, drawingId: h } = d;
+  return i.forEach((n) => {
+    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: a } = t, d = On(0, 0, r.map((c) => c.transform || {})), g = r.map((c) => {
+      const u = c.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: f, drawingId: m } = c;
       return {
-        unitId: u,
+        unitId: h,
         subUnitId: f,
-        drawingId: h,
+        drawingId: m,
         transform: {
-          ...m,
-          left: m.left - c.left,
-          top: m.top - c.top
+          ...u,
+          left: u.left - d.left,
+          top: u.top - d.top
         },
         groupId: a
       };
@@ -309,8 +309,8 @@ function lr(r) {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: Le.DRAWING_GROUP,
-      transform: c
+      drawingType: Fe.DRAWING_GROUP,
+      transform: d
     };
     e.push({
       parent: l,
@@ -318,18 +318,18 @@ function lr(r) {
     });
   }), e;
 }
-function ur(r) {
+function vr(i) {
   const e = [];
-  return r.forEach((n) => {
-    const { parent: t, children: i } = n, { unitId: s, subUnitId: o, drawingId: a, transform: c = { width: 0, height: 0 } } = t;
-    if (c == null)
+  return i.forEach((n) => {
+    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: a, transform: d = { width: 0, height: 0 } } = t;
+    if (d == null)
       return;
-    const g = i.map((d) => {
-      const { transform: m } = d, { unitId: u, subUnitId: f, drawingId: h } = d, p = In(m || {}, c, c.width || 0, c.height || 0);
+    const g = r.map((c) => {
+      const { transform: u } = c, { unitId: h, subUnitId: f, drawingId: m } = c, p = En(u || {}, d, d.width || 0, d.height || 0);
       return {
-        unitId: u,
+        unitId: h,
         subUnitId: f,
-        drawingId: h,
+        drawingId: m,
         transform: p,
         groupId: void 0
       };
@@ -337,7 +337,7 @@ function ur(r) {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: Le.DRAWING_GROUP,
+      drawingType: Fe.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
@@ -349,137 +349,149 @@ function ur(r) {
     });
   }), e;
 }
-const Bt = {
+const Xt = {
   id: "sheet.command.group-sheet-image",
   type: G.COMMAND,
-  handler: (r, e) => {
-    const n = r.get(B), t = r.get(ae), i = r.get(X);
+  handler: (i, e) => {
+    const n = i.get(Y), t = i.get(he), r = i.get(H);
     if (!e) return !1;
     const s = [];
-    e.forEach(({ parent: u, children: f }) => {
-      s.push(u.unitId), f.forEach((h) => {
-        s.push(h.unitId);
+    e.forEach(({ parent: h, children: f }) => {
+      s.push(h.unitId), f.forEach((m) => {
+        s.push(m.unitId);
       });
     });
-    const o = i.getGroupDrawingOp(e), { unitId: a, subUnitId: c, undo: g, redo: l, objects: d } = o;
-    return n.syncExecuteCommand(O.id, { op: l, unitId: a, subUnitId: c, objects: d, type: P.GROUP }) ? (t.pushUndoRedo({
+    const o = r.getGroupDrawingOp(e), { unitId: a, subUnitId: d, undo: g, redo: l, objects: c } = o;
+    return n.syncExecuteCommand(y.id, { op: l, unitId: a, subUnitId: d, objects: c, type: T.GROUP }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: O.id, params: { op: g, unitId: a, subUnitId: c, objects: ur(d), type: P.UNGROUP } },
+        { id: y.id, params: { op: g, unitId: a, subUnitId: d, objects: vr(c), type: T.UNGROUP } },
         { id: j.id, params: s }
       ],
       redoMutations: [
-        { id: O.id, params: { op: l, unitId: a, subUnitId: c, objects: d, type: P.GROUP } },
+        { id: y.id, params: { op: l, unitId: a, subUnitId: d, objects: c, type: T.GROUP } },
         { id: j.id, params: s }
       ]
     }), !0) : !1;
   }
-}, Wt = {
+}, xt = {
   id: "sheet.command.ungroup-sheet-image",
   type: G.COMMAND,
-  handler: (r, e) => {
-    const n = r.get(B), t = r.get(ae), i = r.get(X);
+  handler: (i, e) => {
+    const n = i.get(Y), t = i.get(he), r = i.get(H);
     if (!e) return !1;
     const s = [];
-    e.forEach(({ parent: u, children: f }) => {
-      s.push(u.unitId), f.forEach((h) => {
-        s.push(h.unitId);
+    e.forEach(({ parent: h, children: f }) => {
+      s.push(h.unitId), f.forEach((m) => {
+        s.push(m.unitId);
       });
     });
-    const o = i.getUngroupDrawingOp(e), { unitId: a, subUnitId: c, undo: g, redo: l, objects: d } = o;
-    return n.syncExecuteCommand(O.id, { op: l, unitId: a, subUnitId: c, objects: d, type: P.UNGROUP }) ? (t.pushUndoRedo({
+    const o = r.getUngroupDrawingOp(e), { unitId: a, subUnitId: d, undo: g, redo: l, objects: c } = o;
+    return n.syncExecuteCommand(y.id, { op: l, unitId: a, subUnitId: d, objects: c, type: T.UNGROUP }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: O.id, params: { op: g, unitId: a, subUnitId: c, objects: lr(d), type: P.GROUP } },
+        { id: y.id, params: { op: g, unitId: a, subUnitId: d, objects: _r(c), type: T.GROUP } },
         { id: j.id, params: s }
       ],
       redoMutations: [
-        { id: O.id, params: { op: l, unitId: a, subUnitId: c, objects: d, type: P.UNGROUP } },
+        { id: y.id, params: { op: l, unitId: a, subUnitId: d, objects: c, type: T.UNGROUP } },
         { id: j.id, params: s }
       ]
     }), !0) : !1;
   }
 };
-function V(r, e) {
-  const { from: n, to: t } = r, { column: i, columnOffset: s, row: o, rowOffset: a } = n, { column: c, columnOffset: g, row: l, rowOffset: d } = t, m = e.attachRangeWithCoord({
-    startColumn: i,
-    endColumn: i,
-    startRow: o,
-    endRow: o
+function V(i, e, n) {
+  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: d = 0, skewY: g = 0 } = i, { column: l, columnOffset: c, row: u, rowOffset: h } = t, { column: f, columnOffset: m, row: p, rowOffset: v } = r, R = e.attachRangeWithCoord({
+    startColumn: l,
+    endColumn: l,
+    startRow: u,
+    endRow: u
   });
-  if (m == null)
+  if (R == null)
     return;
-  const u = e.attachRangeWithCoord({
-    startColumn: c,
-    endColumn: c,
-    startRow: l,
-    endRow: l
+  const S = e.attachRangeWithCoord({
+    startColumn: f,
+    endColumn: f,
+    startRow: p,
+    endRow: p
   });
-  if (u == null)
+  if (S == null)
     return;
-  const { startX: f, startY: h } = m, { startX: p, startY: S } = u, C = Z(f + s, 1), v = Z(h + a, 1);
-  let R = Z(p + g - C, 1), _ = Z(S + d - v, 1);
-  return m.startX === u.endX && (R = 0), m.startY === u.endY && (_ = 0), {
-    left: C,
-    top: v,
-    width: R,
-    height: _
+  const { startX: D, startY: _ } = R, { startX: b, startY: w } = S;
+  let U = Q(D + c, 1), O = Q(_ + h, 1), I = Q(b + m - U, 1), P = Q(w + v - O, 1);
+  R.startX === S.endX && (I = 0), R.startY === S.endY && (P = 0);
+  const M = n.getCurrentSkeleton(), C = M.rowHeaderWidth + M.columnTotalWidth, A = M.columnHeaderHeight + M.rowTotalHeight;
+  return U + I > C && (U = C - I), O + P > A && (O = A - P), {
+    flipY: s,
+    flipX: o,
+    angle: a,
+    skewX: d,
+    skewY: g,
+    left: U,
+    top: O,
+    width: I,
+    height: P
   };
 }
-function N(r, e) {
-  const { left: n = 0, top: t = 0, width: i = 0, height: s = 0 } = r, o = e.getSelectionCellByPosition(n, t);
-  if (o == null)
-    return;
-  const a = {
-    column: o.actualColumn,
-    columnOffset: Z(n - o.startX, 1),
-    row: o.actualRow,
-    rowOffset: Z(t - o.startY, 1)
-  }, c = e.getSelectionCellByPosition(n + i, t + s);
+function N(i, e) {
+  const { left: n = 0, top: t = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: d = 0, skewX: g = 0, skewY: l = 0 } = i, c = e.getSelectionCellByPosition(n, t);
   if (c == null)
     return;
-  const g = {
+  const u = {
     column: c.actualColumn,
-    columnOffset: Z(n + i - c.startX, 1),
+    columnOffset: Q(n - c.startX, 1),
     row: c.actualRow,
-    rowOffset: Z(t + s - c.startY, 1)
+    rowOffset: Q(t - c.startY, 1)
+  }, h = e.getSelectionCellByPosition(n + r, t + s);
+  if (h == null)
+    return;
+  const f = {
+    column: h.actualColumn,
+    columnOffset: Q(n + r - h.startX, 1),
+    row: h.actualRow,
+    rowOffset: Q(t + s - h.startY, 1)
   };
   return {
-    from: a,
-    to: g
+    flipY: o,
+    flipX: a,
+    angle: d,
+    skewX: g,
+    skewY: l,
+    from: u,
+    to: f
   };
 }
-var mr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, hr = (r, e, n, t) => {
-  for (var i = t > 1 ? void 0 : t ? gr(e, n) : e, s = r.length - 1, o; s >= 0; s--)
-    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
-  return t && i && mr(e, n, i), i;
-}, F = (r, e) => (n, t) => e(n, t, r);
-let Ee = class extends ue {
-  constructor(r, e, n, t, i, s, o, a, c, g, l) {
-    super(), this._commandService = r, this._univerInstanceService = e, this._selectionManagerService = n, this._selectionRenderService = t, this._imageIoService = i, this._sheetDrawingService = s, this._drawingManagerService = o, this._contextService = a, this._messageService = c, this._localeService = g, this._renderManagerService = l, this._init();
+var Sr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Rr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Cr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && Sr(e, n, r), r;
+}, X = (i, e) => (n, t) => e(n, t, i);
+let Le = class extends de {
+  constructor(i, e, n, t, r, s, o, a, d, g, l, c, u) {
+    super(), this._context = i, this._commandService = e, this._univerInstanceService = n, this._selectionManagerService = t, this._selectionRenderService = r, this._imageIoService = s, this._sheetDrawingService = o, this._drawingManagerService = a, this._contextService = d, this._messageService = g, this._localeService = l, this._renderManagerService = c, this._sheetSkeletonManagerService = u, this._init();
   }
   _init() {
-    this._initCommandListeners(), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
+    this._initCommandListeners(), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._drawingAddListener();
   }
   /**
    * Upload image to cell or float image
    */
   _initCommandListeners() {
     this.disposeWithMe(
-      this._commandService.onCommandExecuted(async (r) => {
-        if (r.id === Ae.id || r.id === Be.id) {
-          const e = r.params;
+      this._commandService.onCommandExecuted(async (i) => {
+        if (i.id === Ye.id || i.id === He.id) {
+          const e = i.params;
           if (e.files == null)
             return;
           const n = e.files.length;
-          if (n > it) {
+          if (n > ct) {
             this._messageService.show({
-              type: Re.Error,
-              content: this._localeService.t("update-status.exceedMaxCount", String(it))
+              type: ye.Error,
+              content: this._localeService.t("update-status.exceedMaxCount", String(ct))
             });
             return;
           }
-          this._imageIoService.setWaitCount(n), r.id === Ae.id ? e.files.forEach(async (t) => {
+          this._imageIoService.setWaitCount(n), i.id === Ye.id ? e.files.forEach(async (t) => {
             await this._insertCellImage(t);
           }) : e.files.forEach(async (t) => {
             await this._insertFloatImage(t);
@@ -488,22 +500,22 @@ let Ee = class extends ue {
       })
     );
   }
-  async _insertCellImage(r) {
+  async _insertCellImage(i) {
   }
-  async _insertFloatImage(r) {
+  async _insertFloatImage(i) {
     let e;
     try {
-      e = await this._imageIoService.saveImage(r);
-    } catch (C) {
-      const v = C.message;
-      v === Ge.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: Re.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(pn / (1024 * 1024)))
-      }) : v === Ge.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: Re.Error,
+      e = await this._imageIoService.saveImage(i);
+    } catch (R) {
+      const S = R.message;
+      S === Ke.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: ye.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(Rn / (1024 * 1024)))
+      }) : S === Ke.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: ye.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : v === Ge.ERROR_IMAGE && this._messageService.show({
-        type: Re.Error,
+      }) : S === Ke.ERROR_IMAGE && this._messageService.show({
+        type: ye.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
@@ -512,540 +524,560 @@ let Ee = class extends ue {
     const n = this._getUnitInfo();
     if (n == null)
       return;
-    const { unitId: t, subUnitId: i } = n, { imageId: s, imageSourceType: o, source: a, base64Cache: c } = e, { width: g, height: l, image: d } = await wn(c || ""), m = this._renderManagerService.getRenderById(t);
-    if (m == null)
+    const { unitId: t, subUnitId: r } = n, { imageId: s, imageSourceType: o, source: a, base64Cache: d } = e, { width: g, height: l, image: c } = await In(d || ""), u = this._renderManagerService.getRenderById(t);
+    if (u == null)
       return;
-    const { width: u, height: f } = m.scene;
-    this._imageIoService.addImageSourceCache(a, o, d);
-    let h = 1;
-    if (g > st || l > ot) {
-      const C = st / g, v = ot / l;
-      h = Math.max(C, v);
+    const { width: h, height: f } = u.scene;
+    this._imageIoService.addImageSourceCache(a, o, c);
+    let m = 1;
+    if (g > dt || l > lt) {
+      const R = dt / g, S = lt / l;
+      m = Math.max(R, S);
     }
-    const p = this._getImagePosition(g * h, l * h, u, f);
+    const p = this._getImagePosition(g * m, l * m, h, f);
     if (p == null)
       return;
-    const S = {
+    const v = {
       unitId: t,
-      subUnitId: i,
+      subUnitId: r,
       drawingId: s,
-      drawingType: Le.DRAWING_IMAGE,
+      drawingType: Fe.DRAWING_IMAGE,
       imageSourceType: o,
       source: a,
-      transform: V(p, this._selectionRenderService),
+      transform: V(p, this._selectionRenderService, this._sheetSkeletonManagerService),
       sheetTransform: p
     };
-    this._commandService.executeCommand(et.id, {
+    this._commandService.executeCommand(at.id, {
       unitId: t,
-      drawings: [S]
+      drawings: [v]
     });
   }
   _getUnitInfo() {
-    const r = this._univerInstanceService.getCurrentUnitForType(Y.UNIVER_SHEET);
-    if (r == null)
+    const i = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET);
+    if (i == null)
       return;
-    const e = r.getActiveSheet();
+    const e = i.getActiveSheet();
     if (e == null)
       return;
-    const n = r.getUnitId(), t = e.getSheetId();
+    const n = i.getUnitId(), t = e.getSheetId();
     return {
       unitId: n,
       subUnitId: t
     };
   }
-  _getImagePosition(r, e, n, t) {
-    const i = this._selectionManagerService.getSelections();
+  _getImagePosition(i, e, n, t) {
+    const r = this._selectionManagerService.getSelections();
     let s = {
       startRow: 0,
       endRow: 0,
       startColumn: 0,
       endColumn: 0
     };
-    i && i.length > 0 && (s = i[i.length - 1].range);
+    r && r.length > 0 && (s = r[r.length - 1].range);
     const o = this._selectionRenderService.attachRangeWithCoord(s);
     if (o == null)
       return;
-    let { startColumn: a, startRow: c, startX: g, startY: l } = o, d = !1;
-    if (g + r > n && (g = n - r, g < 0 && (g = 0, r = n), d = !0), l + e > t && (l = t - e, l < 0 && (l = 0, e = t), d = !0), d) {
-      const h = this._selectionRenderService.getSelectionCellByPosition(g, l);
-      if (h == null)
+    let { startColumn: a, startRow: d, startX: g, startY: l } = o, c = !1;
+    if (g + i > n && (g = n - i, g < 0 && (g = 0, i = n), c = !0), l + e > t && (l = t - e, l < 0 && (l = 0, e = t), c = !0), c) {
+      const m = this._selectionRenderService.getSelectionCellByPosition(g, l);
+      if (m == null)
         return;
-      g = h.startX, l = h.startY, a = h.actualColumn, c = h.actualRow;
+      g = m.startX, l = m.startY, a = m.actualColumn, d = m.actualRow;
     }
-    const m = {
+    const u = {
       column: a,
       columnOffset: 0,
-      row: c,
+      row: d,
       rowOffset: 0
-    }, u = this._selectionRenderService.getSelectionCellByPosition(g + r, l + e);
-    if (u == null)
+    }, h = this._selectionRenderService.getSelectionCellByPosition(g + i, l + e);
+    if (h == null)
       return;
     const f = {
-      column: u.actualColumn,
-      columnOffset: g + r - u.startX,
-      row: u.actualRow,
-      rowOffset: l + e - u.startY
+      column: h.actualColumn,
+      columnOffset: g + i - h.startX,
+      row: h.actualRow,
+      rowOffset: l + e - h.startY
     };
     return {
-      from: m,
+      from: u,
       to: f
     };
   }
   _updateOrderListener() {
-    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((r) => {
-      const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: i } = r;
-      this._commandService.executeCommand($t.id, {
+    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
+      const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: r } = i;
+      this._commandService.executeCommand(Gt.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: t,
-        arrangeType: i
+        arrangeType: r
       });
     });
   }
   _updateImageListener() {
-    this._drawingManagerService.featurePluginUpdate$.subscribe((r) => {
+    this._drawingManagerService.featurePluginUpdate$.subscribe((i) => {
       const e = [];
-      r.length !== 0 && (r.forEach((n) => {
-        const { unitId: t, subUnitId: i, drawingId: s, drawingType: o, transform: a } = n;
+      i.length !== 0 && (i.forEach((n) => {
+        const { unitId: t, subUnitId: r, drawingId: s, drawingType: o, transform: a } = n;
         if (a == null)
           return;
-        const c = this._sheetDrawingService.getDrawingByParam({ unitId: t, subUnitId: i, drawingId: s });
-        if (c == null)
+        const d = this._sheetDrawingService.getDrawingByParam({ unitId: t, subUnitId: r, drawingId: s });
+        if (d == null)
           return;
-        const g = N({ ...c.transform, ...a }, this._selectionRenderService);
+        const g = N({ ...d.transform, ...a }, this._selectionRenderService);
         if (g == null)
           return;
         const l = {
           ...n,
-          transform: { ...c.transform, ...a, ...V(g, this._selectionRenderService) },
+          transform: { ...d.transform, ...a, ...V(g, this._selectionRenderService, this._sheetSkeletonManagerService) },
           sheetTransform: { ...g }
         };
         e.push(l);
-      }), e.length > 0 && this._commandService.executeCommand(We.id, {
-        unitId: r[0].unitId,
+      }), e.length > 0 && this._commandService.executeCommand(ke.id, {
+        unitId: i[0].unitId,
         drawings: e
       }));
     });
   }
   _groupDrawingListener() {
-    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((r) => {
-      this._commandService.executeCommand(Bt.id, r);
-      const { unitId: e, subUnitId: n, drawingId: t } = r[0].parent;
+    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
+      this._commandService.executeCommand(Xt.id, i);
+      const { unitId: e, subUnitId: n, drawingId: t } = i[0].parent;
       this._drawingManagerService.focusDrawing([{ unitId: e, subUnitId: n, drawingId: t }]);
-    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((r) => {
-      this._commandService.executeCommand(Wt.id, r);
+    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
+      this._commandService.executeCommand(xt.id, i);
     });
   }
   _focusDrawingListener() {
     this.disposeWithMe(
-      this._drawingManagerService.focus$.subscribe((r) => {
-        r == null || r.length === 0 ? (this._contextService.setContextValue(fe, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(fe, !0), this._sheetDrawingService.focusDrawing(r));
+      this._drawingManagerService.focus$.subscribe((i) => {
+        i == null || i.length === 0 ? (this._contextService.setContextValue(we, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(we, !0), this._sheetDrawingService.focusDrawing(i));
       })
     );
   }
+  _drawingAddListener() {
+    this.disposeWithMe(
+      this._sheetDrawingService.add$.subscribe((i) => {
+        this._registerDrawing(i);
+      })
+    );
+  }
+  _registerDrawing(i) {
+    i.forEach((n) => {
+      const t = this._sheetDrawingService.getDrawingByParam(n);
+      if (t == null)
+        return;
+      const { sheetTransform: r } = t;
+      t.transform = V(r, this._selectionRenderService, this._sheetSkeletonManagerService);
+    });
+    const e = i[0].unitId;
+    this._drawingManagerService.registerDrawingData(e, this._sheetDrawingService.getDrawingDataForUnit(e)), this._drawingManagerService.initializeNotification(e);
+  }
 };
-Ee = hr([
-  de(le.Rendered, Ee),
-  F(0, B),
-  F(1, ce),
-  F(2, $(Fn)),
-  F(3, $e),
-  F(4, ht),
-  F(5, X),
-  F(6, H),
-  F(7, gt),
-  F(8, jn),
-  F(9, $(pe)),
-  F(10, te)
-], Ee);
+Le = Rr([
+  ae(ce.Rendered, Le),
+  X(1, Y),
+  X(2, ge),
+  X(3, W(Zn)),
+  X(4, Se),
+  X(5, _t),
+  X(6, H),
+  X(7, J),
+  X(8, wt),
+  X(9, Xn),
+  X(10, W(ve)),
+  X(11, te),
+  X(12, W(_e))
+], Le);
 var x = function() {
-  return x = Object.assign || function(r) {
+  return x = Object.assign || function(i) {
     for (var e, n = 1, t = arguments.length; n < t; n++) {
       e = arguments[n];
-      for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (r[i] = e[i]);
+      for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
     }
-    return r;
+    return i;
   }, x.apply(this, arguments);
-}, fr = function(r, e) {
+}, Ir = function(i, e) {
   var n = {};
-  for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && e.indexOf(t) < 0 && (n[t] = r[t]);
-  if (r != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, t = Object.getOwnPropertySymbols(r); i < t.length; i++)
-      e.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(r, t[i]) && (n[t[i]] = r[t[i]]);
+  for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
+  if (i != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
+      e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
   return n;
-}, Vt = Tt(function(r, e) {
-  var n = r.icon, t = r.id, i = r.className, s = r.extend, o = fr(r, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(i || "").trim(), c = Ut("_".concat(_r()));
-  return Gt(n, "".concat(t), { defIds: n.defIds, idSuffix: c.current }, x({ ref: e, className: a }, o), s);
+}, Ft = Lt(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = Ir(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Wt("_".concat(br()));
+  return Ht(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, x({ ref: e, className: a }, o), s);
 });
-function Gt(r, e, n, t, i) {
-  return At(r.tag, x(x({ key: e }, pr(r, n, i)), t), (wr(r, n).children || []).map(function(s, o) {
-    return Gt(s, "".concat(e, "-").concat(r.tag, "-").concat(o), n, void 0, i);
+function Ht(i, e, n, t, r) {
+  return Bt(i.tag, x(x({ key: e }, Dr(i, n, r)), t), (Mr(i, n).children || []).map(function(s, o) {
+    return Ht(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
   }));
 }
-function pr(r, e, n) {
-  var t = x({}, r.attrs);
+function Dr(i, e, n) {
+  var t = x({}, i.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
-  var i = e.defIds;
-  return !i || i.length === 0 || (r.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(s) {
+  var r = e.defIds;
+  return !r || r.length === 0 || (i.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(s) {
     var o = s[0], a = s[1];
     typeof a == "string" && (t[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function wr(r, e) {
+function Mr(i, e) {
   var n, t = e.defIds;
-  return !t || t.length === 0 ? r : r.tag === "defs" && (!((n = r.children) === null || n === void 0) && n.length) ? x(x({}, r), { children: r.children.map(function(i) {
-    return typeof i.attrs.id == "string" && t && t.indexOf(i.attrs.id) > -1 ? x(x({}, i), { attrs: x(x({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
-  }) }) : r;
+  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? x(x({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? x(x({}, r), { attrs: x(x({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  }) }) : i;
 }
-function _r() {
+function br() {
   return Math.random().toString(36).substring(2, 8);
 }
-Vt.displayName = "UniverIcon";
-var vr = { 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" } }] }, xt = Tt(function(r, e) {
-  return At(Vt, Object.assign({}, r, {
+Ft.displayName = "UniverIcon";
+var Or = { 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" } }] }, kt = Lt(function(i, e) {
+  return Bt(Ft, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
-    icon: vr
+    icon: Or
   }));
 });
-xt.displayName = "AddImageSingle";
-const Sr = "univer-upload-file-menu", Cr = "univer-upload-file-menu-input", ut = {
-  uploadFileMenu: Sr,
-  uploadFileMenuInput: Cr
-}, Ft = "COMPONENT_UPLOAD_FILE_MENU";
-var Ne = /* @__PURE__ */ ((r) => (r[r.cellImage = 0] = "cellImage", r[r.floatImage = 1] = "floatImage", r))(Ne || {});
-const Ir = (r) => {
-  const { type: e } = r, n = q(B), t = Ut(null), i = () => {
+kt.displayName = "AddImageSingle";
+const Er = "univer-upload-file-menu", yr = "univer-upload-file-menu-input", pt = {
+  uploadFileMenu: Er,
+  uploadFileMenuInput: yr
+}, zt = "COMPONENT_UPLOAD_FILE_MENU";
+var Ge = /* @__PURE__ */ ((i) => (i[i.cellImage = 0] = "cellImage", i[i.floatImage = 1] = "floatImage", i))(Ge || {});
+const Tr = (i) => {
+  const { type: e } = i, n = ee(Y), t = Wt(null), r = () => {
     var a;
     (a = t.current) == null || a.click();
-  }, s = _n.map((a) => `.${a.replace("image/", "")}`).join(","), o = (a) => {
-    const c = a.target.files;
-    if (c == null)
+  }, s = Dn.map((a) => `.${a.replace("image/", "")}`).join(","), o = (a) => {
+    const d = a.target.files;
+    if (d == null)
       return;
-    const g = Array.from(c);
-    e === Ne.floatImage ? n.executeCommand(Be.id, { files: g }) : e === Ne.cellImage && n.executeCommand(Ae.id, { files: g }), t.current && (t.current.value = "");
+    const g = Array.from(d);
+    e === Ge.floatImage ? n.executeCommand(He.id, { files: g }) : e === Ge.cellImage && n.executeCommand(Ye.id, { files: g }), t.current && (t.current.value = "");
   };
-  return /* @__PURE__ */ L.createElement("div", { onClick: i, className: ut.uploadFileMenu }, /* @__PURE__ */ L.createElement(
+  return /* @__PURE__ */ L.createElement("div", { onClick: r, className: pt.uploadFileMenu }, /* @__PURE__ */ L.createElement(
     "input",
     {
       type: "file",
-      className: ut.uploadFileMenuInput,
+      className: pt.uploadFileMenuInput,
       ref: t,
       onChange: o,
       accept: s,
       multiple: !0
     }
   ));
-}, Yt = "addition-and-subtraction-single", Xt = "sheet.menu.image";
-function Rr(r) {
+}, Kt = "addition-and-subtraction-single", Jt = "sheet.menu.image";
+function Pr(i) {
   return {
-    id: Xt,
-    type: ft.SUBITEMS,
-    positions: [Ln.TOOLBAR_START],
-    group: $n.TOOLBAR_FORMULAS_INSERT,
-    icon: Yt,
+    id: Jt,
+    type: vt.SUBITEMS,
+    positions: [xn.TOOLBAR_START],
+    group: Fn.TOOLBAR_FORMULAS_INSERT,
+    icon: Kt,
     tooltip: "sheetImage.title",
-    hidden$: pt(r, Y.UNIVER_SHEET),
-    disabled$: On(r, { workbookTypes: [He], worksheetTypes: [Oe], rangeTypes: [Yn] })
+    hidden$: St(i, F.UNIVER_SHEET),
+    disabled$: An(i, { workbookTypes: [et], worksheetTypes: [Ne], rangeTypes: [qn] })
   };
 }
-function Dr(r) {
+function Ur(i) {
   return {
-    id: Be.id,
+    id: He.id,
     title: "sheetImage.upload.float",
-    type: ft.SELECTOR,
+    type: vt.SELECTOR,
     label: {
-      name: Ft,
+      name: zt,
       props: {
-        type: Ne.floatImage
+        type: Ge.floatImage
       }
     },
-    positions: [Xt],
-    hidden$: pt(r, Y.UNIVER_SHEET)
+    positions: [Jt],
+    hidden$: St(i, F.UNIVER_SHEET)
   };
 }
-const Mr = "univer-image-common-panel", br = "univer-image-common-panel-grid", Or = "univer-image-common-panel-border", Pr = "univer-image-common-panel-title", Er = "univer-image-common-panel-row", yr = "univer-image-common-panel-row-vertical", Tr = "univer-image-common-panel-column", Ur = "univer-image-common-panel-column-center", Ar = "univer-image-common-panel-inline", Nr = "univer-image-common-panel-span2", jr = "univer-image-common-panel-span3", Lr = "univer-image-common-panel-input", $r = "univer-sheet-image-menu", Br = "univer-sheet-image-menu-input", k = {
-  imageCommonPanel: Mr,
-  imageCommonPanelGrid: br,
-  imageCommonPanelBorder: Or,
-  imageCommonPanelTitle: Pr,
-  imageCommonPanelRow: Er,
-  imageCommonPanelRowVertical: yr,
-  imageCommonPanelColumn: Tr,
-  imageCommonPanelColumnCenter: Ur,
-  imageCommonPanelInline: Ar,
-  imageCommonPanelSpan2: Nr,
-  imageCommonPanelSpan3: jr,
-  imageCommonPanelInput: Lr,
-  sheetImageMenu: $r,
-  sheetImageMenuInput: Br
-}, Wr = (r) => {
-  var v;
-  const e = q(B), n = q(pe), t = q(H), i = q(te), { drawings: s } = r, o = s[0];
+const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", jr = "univer-image-common-panel-border", Lr = "univer-image-common-panel-title", Wr = "univer-image-common-panel-row", Br = "univer-image-common-panel-row-vertical", $r = "univer-image-common-panel-column", Vr = "univer-image-common-panel-column-center", Yr = "univer-image-common-panel-inline", Gr = "univer-image-common-panel-span2", Xr = "univer-image-common-panel-span3", xr = "univer-image-common-panel-input", Fr = "univer-sheet-image-menu", Hr = "univer-sheet-image-menu-input", Z = {
+  imageCommonPanel: Ar,
+  imageCommonPanelGrid: Nr,
+  imageCommonPanelBorder: jr,
+  imageCommonPanelTitle: Lr,
+  imageCommonPanelRow: Wr,
+  imageCommonPanelRowVertical: Br,
+  imageCommonPanelColumn: $r,
+  imageCommonPanelColumnCenter: Vr,
+  imageCommonPanelInline: Yr,
+  imageCommonPanelSpan2: Gr,
+  imageCommonPanelSpan3: Xr,
+  imageCommonPanelInput: xr,
+  sheetImageMenu: Fr,
+  sheetImageMenuInput: Hr
+}, kr = (i) => {
+  var S;
+  const e = ee(Y), n = ee(ve), t = ee(J), r = ee(te), { drawings: s } = i, o = s[0];
   if (o == null)
     return;
-  const { unitId: a } = o, c = i.getRenderById(a), g = c == null ? void 0 : c.scene;
+  const { unitId: a } = o, d = r.getRenderById(a), g = d == null ? void 0 : d.scene;
   if (g == null)
     return;
-  const l = g.getTransformerByCreate(), [d, m] = ke(!0), u = (v = o.anchorType) != null ? v : b.Position, [f, h] = ke(u);
-  function p(R, _) {
-    const M = [];
-    return R.forEach((w) => {
-      const { oKey: y } = w, D = _.getDrawingOKey(y);
-      if (D == null)
-        return M.push(null), !0;
-      const { unitId: T, subUnitId: U, drawingId: E, drawingType: I, anchorType: A, sheetTransform: z } = D;
-      M.push({
-        unitId: T,
-        subUnitId: U,
-        drawingId: E,
+  const l = g.getTransformerByCreate(), [c, u] = rt(!0), h = (S = o.anchorType) != null ? S : E.Position, [f, m] = rt(h);
+  function p(D, _) {
+    const b = [];
+    return D.forEach((w) => {
+      const { oKey: U } = w, O = _.getDrawingOKey(U);
+      if (O == null)
+        return b.push(null), !0;
+      const { unitId: I, subUnitId: P, drawingId: M, drawingType: C, anchorType: A, sheetTransform: $ } = O;
+      b.push({
+        unitId: I,
+        subUnitId: P,
+        drawingId: M,
         anchorType: A,
-        sheetTransform: z,
-        drawingType: I
+        sheetTransform: $,
+        drawingType: C
       });
-    }), M;
-  }
-  qe(() => {
-    const R = l.clearControl$.subscribe((M) => {
-      M === !0 && m(!1);
-    }), _ = l.changeStart$.subscribe((M) => {
-      var D;
-      const { objects: w } = M, y = p(w, t);
-      if (y.length === 0)
-        m(!1);
-      else if (y.length >= 1) {
-        m(!0);
-        const T = ((D = y[0]) == null ? void 0 : D.anchorType) || b.Position;
-        h(T);
+    }), b;
+  }
+  st(() => {
+    const D = l.clearControl$.subscribe((b) => {
+      b === !0 && u(!1);
+    }), _ = l.changeStart$.subscribe((b) => {
+      var O;
+      const { objects: w } = b, U = p(w, t);
+      if (U.length === 0)
+        u(!1);
+      else if (U.length >= 1) {
+        u(!0);
+        const I = ((O = U[0]) == null ? void 0 : O.anchorType) || E.Position;
+        m(I);
       }
     });
     return () => {
-      _.unsubscribe(), R.unsubscribe();
+      _.unsubscribe(), D.unsubscribe();
     };
   }, []);
-  function S(R) {
-    h(R);
+  function v(D) {
+    m(D);
     const _ = t.getFocusDrawings();
     if (_.length === 0)
       return;
-    const M = _.map((w) => ({
+    const b = _.map((w) => ({
       unitId: w.unitId,
       subUnitId: w.subUnitId,
       drawingId: w.drawingId,
-      anchorType: R
+      anchorType: D
     }));
-    e.executeCommand(We.id, {
+    e.executeCommand(ke.id, {
       unitId: _[0].unitId,
-      drawings: M
+      drawings: b
     });
   }
-  const C = (R) => R ? "block" : "none";
-  return /* @__PURE__ */ L.createElement("div", { className: De(k.imageCommonPanelGrid, k.imageCommonPanelBorder), style: { display: C(d) } }, /* @__PURE__ */ L.createElement("div", { className: k.imageCommonPanelRow }, /* @__PURE__ */ L.createElement("div", { className: De(k.imageCommonPanelColumn, k.imageCommonPanelTitle) }, /* @__PURE__ */ L.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ L.createElement("div", { className: De(k.imageCommonPanelRow) }, /* @__PURE__ */ L.createElement("div", { className: De(k.imageCommonPanelColumn) }, /* @__PURE__ */ L.createElement(er, { value: f, onChange: S, direction: "vertical" }, /* @__PURE__ */ L.createElement(Fe, { value: b.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ L.createElement(Fe, { value: b.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ L.createElement(Fe, { value: b.None }, n.t("drawing-anchor.none"))))));
-}, Vr = () => {
-  const r = q(H), e = r.getFocusDrawings(), [n, t] = ke(e);
-  return qe(() => {
-    const i = r.focus$.subscribe((s) => {
+  const R = (D) => D ? "block" : "none";
+  return /* @__PURE__ */ L.createElement("div", { className: Te(Z.imageCommonPanelGrid, Z.imageCommonPanelBorder), style: { display: R(c) } }, /* @__PURE__ */ L.createElement("div", { className: Z.imageCommonPanelRow }, /* @__PURE__ */ L.createElement("div", { className: Te(Z.imageCommonPanelColumn, Z.imageCommonPanelTitle) }, /* @__PURE__ */ L.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ L.createElement("div", { className: Te(Z.imageCommonPanelRow) }, /* @__PURE__ */ L.createElement("div", { className: Te(Z.imageCommonPanelColumn) }, /* @__PURE__ */ L.createElement(cr, { value: f, onChange: v, direction: "vertical" }, /* @__PURE__ */ L.createElement(Ze, { value: E.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ L.createElement(Ze, { value: E.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ L.createElement(Ze, { value: E.None }, n.t("drawing-anchor.none"))))));
+}, zr = () => {
+  const i = ee(J), e = i.getFocusDrawings(), [n, t] = rt(e);
+  return st(() => {
+    const r = i.focus$.subscribe((s) => {
       t(s);
     });
     return () => {
-      i.unsubscribe();
+      r.unsubscribe();
     };
-  }, []), !!(n != null && n.length) && /* @__PURE__ */ L.createElement("div", { className: k.imageCommonPanel }, /* @__PURE__ */ L.createElement(mn, { drawings: n }), /* @__PURE__ */ L.createElement(Wr, { drawings: n }));
-}, we = {
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ L.createElement("div", { className: Z.imageCommonPanel }, /* @__PURE__ */ L.createElement(_n, { drawings: n }), /* @__PURE__ */ L.createElement(kr, { drawings: n }));
+}, Ce = {
   id: "sheet.command.move-drawing",
   type: G.COMMAND,
-  handler: (r, e) => {
-    const n = r.get(B), t = r.get(X), i = r.get($e), { direction: s } = e, o = t.getFocusDrawings();
+  handler: (i, e) => {
+    const n = i.get(Y), t = i.get(H), r = i.get(Se), { direction: s } = e, o = t.getFocusDrawings();
     if (o.length === 0)
       return !1;
-    const a = o[0].unitId, c = o.map((l) => {
-      const { transform: d } = l;
-      if (d == null)
+    const a = o[0].unitId, d = o.map((l) => {
+      const { transform: c } = l;
+      if (c == null)
         return null;
-      const m = { ...d }, { left: u = 0, top: f = 0 } = d;
-      return s === J.UP ? m.top = f - 1 : s === J.DOWN ? m.top = f + 1 : s === J.LEFT ? m.left = u - 1 : s === J.RIGHT && (m.left = u + 1), {
+      const u = { ...c }, { left: h = 0, top: f = 0 } = c;
+      return s === q.UP ? u.top = f - 1 : s === q.DOWN ? u.top = f + 1 : s === q.LEFT ? u.left = h - 1 : s === q.RIGHT && (u.left = h + 1), {
         ...l,
-        transform: m,
-        sheetTransform: N(m, i)
+        transform: u,
+        sheetTransform: N(u, r)
       };
     }).filter((l) => l != null);
-    return n.syncExecuteCommand(We.id, {
+    return n.syncExecuteCommand(ke.id, {
       unitId: a,
-      drawings: c
+      drawings: d
     }) ? (n.syncExecuteCommand(j.id, [a]), !0) : !1;
   }
-}, Ht = {
+}, Zt = {
   id: "sheet.command.delete-drawing",
   type: G.COMMAND,
-  handler: (r) => {
-    const e = r.get(B), t = r.get(X).getFocusDrawings();
+  handler: (i) => {
+    const e = i.get(Y), t = i.get(H).getFocusDrawings();
     if (t.length === 0)
       return !1;
-    const i = t[0].unitId, s = t.map((o) => {
-      const { unitId: a, subUnitId: c, drawingId: g, drawingType: l } = o;
+    const r = t[0].unitId, s = t.map((o) => {
+      const { unitId: a, subUnitId: d, drawingId: g, drawingType: l } = o;
       return {
         unitId: a,
-        subUnitId: c,
+        subUnitId: d,
         drawingId: g,
         drawingType: l
       };
     });
-    return e.executeCommand(Qe.id, {
-      unitId: i,
+    return e.executeCommand(ot.id, {
+      unitId: r,
       drawings: s
     });
   }
 };
-function _e(r) {
-  return !r.getContextValue(Qt) && !r.getContextValue(en) && r.getContextValue(fe);
+function Re(i) {
+  return !i.getContextValue(on) && !i.getContextValue(an) && i.getContextValue(we);
 }
-const Gr = {
-  id: we.id,
+const Kr = {
+  id: Ce.id,
   description: "shortcut.sheet.drawing-move-down",
   group: "4_sheet-drawing-view",
-  binding: oe.ARROW_DOWN,
+  binding: ue.ARROW_DOWN,
   priority: 100,
-  preconditions: _e,
+  preconditions: Re,
   staticParameters: {
-    direction: J.DOWN
+    direction: q.DOWN
   }
-}, xr = {
-  id: we.id,
+}, Jr = {
+  id: Ce.id,
   description: "shortcut.sheet.drawing-move-up",
   group: "4_sheet-drawing-view",
-  binding: oe.ARROW_UP,
+  binding: ue.ARROW_UP,
   priority: 100,
-  preconditions: _e,
+  preconditions: Re,
   staticParameters: {
-    direction: J.UP
+    direction: q.UP
   }
-}, Fr = {
-  id: we.id,
+}, Zr = {
+  id: Ce.id,
   description: "shortcut.sheet.drawing-move-left",
   group: "4_sheet-drawing-view",
-  binding: oe.ARROW_LEFT,
+  binding: ue.ARROW_LEFT,
   priority: 100,
-  preconditions: _e,
+  preconditions: Re,
   staticParameters: {
-    direction: J.LEFT
+    direction: q.LEFT
   }
-}, Yr = {
-  id: we.id,
+}, qr = {
+  id: Ce.id,
   description: "shortcut.sheet.drawing-move-right",
   group: "4_sheet-drawing-view",
-  binding: oe.ARROW_RIGHT,
+  binding: ue.ARROW_RIGHT,
   priority: 100,
-  preconditions: _e,
+  preconditions: Re,
   staticParameters: {
-    direction: J.RIGHT
+    direction: q.RIGHT
   }
-}, Xr = {
-  id: Ht.id,
+}, Qr = {
+  id: Zt.id,
   description: "shortcut.sheet.drawing-delete",
   group: "4_sheet-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: _e,
-  binding: oe.DELETE,
-  mac: oe.BACKSPACE
+  preconditions: Re,
+  binding: ue.DELETE,
+  mac: ue.BACKSPACE
 };
-var Hr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, Kr = (r, e, n, t) => {
-  for (var i = t > 1 ? void 0 : t ? zr(e, n) : e, s = r.length - 1, o; s >= 0; s--)
-    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
-  return t && i && Hr(e, n, i), i;
-}, me = (r, e) => (n, t) => e(n, t, r);
-const kr = {};
-let he = class extends ue {
-  constructor(r, e, n, t, i, s) {
-    super(), this._config = r, this._injector = e, this._componentManager = n, this._menuService = t, this._commandService = i, this._shortcutService = s, this._init();
+var ei = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, ni = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ti(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && ei(e, n, r), r;
+}, me = (i, e) => (n, t) => e(n, t, i);
+const ri = {};
+let pe = class extends de {
+  constructor(i, e, n, t, r, s) {
+    super(), this._config = i, this._injector = e, this._componentManager = n, this._menuService = t, this._commandService = r, this._shortcutService = s, this._init();
   }
   _initCustomComponents() {
-    const r = this._componentManager;
-    this.disposeWithMe(r.register(Yt, xt)), this.disposeWithMe(r.register(Ft, Ir)), this.disposeWithMe(r.register(Nt, Vr));
+    const i = this._componentManager;
+    this.disposeWithMe(i.register(Kt, kt)), this.disposeWithMe(i.register(zt, Tr)), this.disposeWithMe(i.register($t, zr));
   }
   _initMenus() {
-    const { menu: r = {} } = this._config;
+    const { menu: i = {} } = this._config;
     [
-      Rr,
-      Dr
+      Pr,
+      Ur
       // UploadCellImageMenuFactory,
     ].forEach((e) => {
-      this._menuService.addMenuItem(e(this._injector), r);
+      this._menuService.addMenuItem(e(this._injector), i);
     });
   }
   _initCommands() {
     [
-      Be,
-      Ae,
-      et,
-      Qe,
-      We,
-      jt,
+      He,
+      Ye,
+      at,
+      ot,
+      ke,
+      Vt,
       j,
-      Lt,
-      Bt,
-      Wt,
-      we,
-      Ht,
-      $t
-    ].forEach((r) => this.disposeWithMe(this._commandService.registerCommand(r)));
+      Yt,
+      Xt,
+      xt,
+      Ce,
+      Zt,
+      Gt
+    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Gr,
-      xr,
-      Fr,
-      Yr,
-      Xr
-    ].forEach((r) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(r));
+      Kr,
+      Jr,
+      Zr,
+      qr,
+      Qr
+    ].forEach((i) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
   }
   _init() {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-he = Kr([
-  de(le.Rendered, he),
-  me(1, $(Ze)),
-  me(2, $(Bn)),
-  me(3, Wn),
-  me(4, B),
-  me(5, Vn)
-], he);
-var Jr = Object.defineProperty, Zr = Object.getOwnPropertyDescriptor, qr = (r, e, n, t) => {
-  for (var i = t > 1 ? void 0 : t ? Zr(e, n) : e, s = r.length - 1, o; s >= 0; s--)
-    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
-  return t && i && Jr(e, n, i), i;
-}, re = (r, e) => (n, t) => e(n, t, r);
-const Qr = [
-  wt.id,
-  _t.id,
-  vt.id,
-  St.id,
+pe = ni([
+  ae(ce.Rendered, pe),
+  me(1, W(xe)),
+  me(2, W(Hn)),
+  me(3, kn),
+  me(4, Y),
+  me(5, zn)
+], pe);
+var ii = Object.defineProperty, si = Object.getOwnPropertyDescriptor, oi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? si(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && ii(e, n, r), r;
+}, re = (i, e) => (n, t) => e(n, t, i);
+const ai = [
   Ct.id,
-  It.id,
   Rt.id,
+  It.id,
   Dt.id,
-  ze.id,
-  Ke.id,
   Mt.id,
   bt.id,
   Ot.id,
-  Pt.id,
   Et.id,
-  yt.id
-], ei = [
-  Xn.id,
-  Hn.id,
-  zn.id,
-  Kn.id,
-  kn.id,
-  Jn.id
+  tt.id,
+  nt.id,
+  yt.id,
+  Tt.id,
+  Pt.id,
+  Ut.id,
+  At.id,
+  Nt.id,
+  jt.id
+], ci = [
+  Qn.id,
+  er.id,
+  tr.id,
+  nr.id,
+  rr.id,
+  ir.id
 ];
-let ye = class extends ue {
-  constructor(r, e, n, t, i, s) {
-    super(), this._commandService = r, this._sheetInterceptorService = e, this._sheetDrawingService = n, this._drawingManagerService = t, this._selectionRenderService = i, this._univerInstanceService = s, this._init();
+let We = class extends de {
+  constructor(i, e, n, t, r, s, o, a) {
+    super(), this._context = i, this._commandService = e, this._sheetInterceptorService = n, this._sheetDrawingService = t, this._drawingManagerService = r, this._selectionRenderService = s, this._univerInstanceService = o, this._sheetSkeletonManagerService = a, this._init();
   }
   _init() {
     this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
@@ -1053,321 +1085,323 @@ let ye = class extends ue {
   _sheetInterceptorListener() {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
-        getMutations: (r) => {
-          if (!Qr.includes(r.id))
+        getMutations: (i) => {
+          if (!ai.includes(i.id))
             return { redos: [], undos: [] };
-          if (r.params == null)
+          if (i.params == null)
             return { redos: [], undos: [] };
-          const e = r.id;
-          if (e === wt.id)
-            return this._moveRowInterceptor(r.params, "insert");
-          if (e === _t.id)
-            return this._moveColInterceptor(r.params, "insert");
-          if (e === vt.id)
-            return this._moveRowInterceptor(r.params, "remove");
-          if (e === St.id)
-            return this._moveColInterceptor(r.params, "remove");
-          if (e === Ct.id) {
-            const { range: n } = r.params;
+          const e = i.id;
+          if (e === Ct.id)
+            return this._moveRowInterceptor(i.params, "insert");
+          if (e === Rt.id)
+            return this._moveColInterceptor(i.params, "insert");
+          if (e === It.id)
+            return this._moveRowInterceptor(i.params, "remove");
+          if (e === Dt.id)
+            return this._moveColInterceptor(i.params, "remove");
+          if (e === jt.id)
+            return this._moveRangeInterceptor(i.params);
+          if (e === Mt.id) {
+            const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               0
               /* deleteLeft */
             );
-          } else if (e === It.id) {
-            const { range: n } = r.params;
+          } else if (e === bt.id) {
+            const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               1
               /* deleteUp */
             );
-          } else if (e === Rt.id) {
-            const { range: n } = r.params;
+          } else if (e === Ot.id) {
+            const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               2
               /* insertDown */
             );
-          } else if (e === Dt.id) {
-            const { range: n } = r.params;
+          } else if (e === Et.id) {
+            const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               3
               /* insertRight */
             );
-          } else if (e === Ot.id || e === Pt.id) {
-            const n = r.params, { unitId: t, subUnitId: i, ranges: s } = n;
-            return this._getDrawingUndoForRowVisible(t, i, s);
-          } else if (e === Et.id || e === yt.id) {
-            const n = r.params, { unitId: t, subUnitId: i, ranges: s } = n;
-            return this._getDrawingUndoForColVisible(t, i, s);
-          } else if (e === ze.id || e === Ke.id || e === Mt.id || e === bt.id) {
-            const n = r.params, { unitId: t, subUnitId: i, ranges: s } = n, o = e === ze.id || e === Ke.id;
-            return this._getDrawingUndoForRowAndColSize(t, i, s, o);
+          } else if (e === Pt.id || e === Ut.id) {
+            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
+            return this._getDrawingUndoForRowVisible(t, r, s);
+          } else if (e === At.id || e === Nt.id) {
+            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
+            return this._getDrawingUndoForColVisible(t, r, s);
+          } else if (e === tt.id || e === nt.id || e === yt.id || e === Tt.id) {
+            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === tt.id || e === nt.id;
+            return this._getDrawingUndoForRowAndColSize(t, r, s, o);
           }
           return { redos: [], undos: [] };
         }
       })
     );
   }
-  _getRangeMoveUndo(r, e) {
-    const n = se(this._univerInstanceService);
+  _getRangeMoveUndo(i, e) {
+    const n = oe(this._univerInstanceService);
     if (n == null)
       return { redos: [], undos: [] };
-    const t = n.unitId, i = n.subUnitId, s = [], o = [], a = this._sheetDrawingService.getDrawingData(t, i), c = [], g = [];
+    const t = n.unitId, r = n.subUnitId, s = [], o = [], a = this._sheetDrawingService.getDrawingData(t, r), d = [], g = [];
     if (Object.keys(a).forEach((l) => {
-      const d = a[l], { updateDrawings: m, deleteDrawings: u } = this._getUpdateOrDeleteDrawings(r, e, d);
-      c.push(...m), g.push(...u);
-    }), c.length === 0 && g.length === 0)
+      const c = a[l], { updateDrawings: u, deleteDrawings: h } = this._getUpdateOrDeleteDrawings(i, e, c);
+      d.push(...u), g.push(...h);
+    }), d.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
-    if (c.length > 0) {
-      const l = this._sheetDrawingService.getBatchUpdateOp(c), { undo: d, redo: m, objects: u } = l;
-      s.push({ id: O.id, params: { unitId: t, subUnitId: i, op: m, objects: u, type: P.UPDATE } }), o.push({ id: O.id, params: { unitId: t, subUnitId: i, op: d, objects: u, type: P.UPDATE } });
+    if (d.length > 0) {
+      const l = this._sheetDrawingService.getBatchUpdateOp(d), { undo: c, redo: u, objects: h } = l;
+      s.push({ id: y.id, params: { unitId: t, subUnitId: r, op: u, objects: h, type: T.UPDATE } }), o.push({ id: y.id, params: { unitId: t, subUnitId: r, op: c, objects: h, type: T.UPDATE } });
     }
     if (g.length > 0) {
-      const l = this._sheetDrawingService.getBatchRemoveOp(g), d = l.undo, m = l.redo, u = l.objects;
-      s.push({ id: O.id, params: { unitId: t, subUnitId: i, op: m, objects: u, type: P.REMOVE } }), o.push({ id: O.id, params: { unitId: t, subUnitId: i, op: d, objects: u, type: P.INSERT } });
+      const l = this._sheetDrawingService.getBatchRemoveOp(g), c = l.undo, u = l.redo, h = l.objects;
+      s.push({ id: y.id, params: { unitId: t, subUnitId: r, op: u, objects: h, type: T.REMOVE } }), o.push({ id: y.id, params: { unitId: t, subUnitId: r, op: c, objects: h, type: T.INSERT } });
     }
     return s.push({ id: j.id, params: [t] }), o.push({ id: j.id, params: [t] }), {
       redos: s,
       undos: o
     };
   }
-  _getUpdateOrDeleteDrawings(r, e, n) {
-    const t = [], i = [], { sheetTransform: s, anchorType: o = b.Position, transform: a, unitId: c, subUnitId: g, drawingId: l } = n, { from: d, to: m } = s, { row: u, column: f } = d, { row: h, column: p } = m;
+  _getUpdateOrDeleteDrawings(i, e, n) {
+    const t = [], r = [], { sheetTransform: s, anchorType: o = E.Position, transform: a, unitId: d, subUnitId: g, drawingId: l } = n, { from: c, to: u } = s, { row: h, column: f } = c, { row: m, column: p } = u;
     if (s == null || a == null)
       return {
         updateDrawings: t,
-        deleteDrawings: i
+        deleteDrawings: r
       };
-    const { startRow: S, endRow: C, startColumn: v, endColumn: R } = r;
-    let _ = null, M = null;
-    if (e === 0 && u >= S && h <= C)
-      if (f >= v && p <= R)
-        i.push({ unitId: c, subUnitId: g, drawingId: l });
+    const { startRow: v, endRow: R, startColumn: S, endColumn: D } = i;
+    let _ = null, b = null;
+    if (e === 0 && h >= v && m <= R)
+      if (f >= S && p <= D)
+        r.push({ unitId: d, subUnitId: g, drawingId: l });
       else {
-        const w = this._shrinkCol(s, a, v, R, o);
-        _ = w == null ? void 0 : w.newSheetTransform, M = w == null ? void 0 : w.newTransform;
+        const w = this._shrinkCol(s, a, S, D, o);
+        _ = w == null ? void 0 : w.newSheetTransform, b = w == null ? void 0 : w.newTransform;
       }
-    else if (e === 1 && f >= v && p <= R)
-      if (u >= S && h <= C)
-        i.push({ unitId: c, subUnitId: g, drawingId: l });
+    else if (e === 1 && f >= S && p <= D)
+      if (h >= v && m <= R)
+        r.push({ unitId: d, subUnitId: g, drawingId: l });
       else {
-        const w = this._shrinkRow(s, a, S, C, o);
-        _ = w == null ? void 0 : w.newSheetTransform, M = w == null ? void 0 : w.newTransform;
+        const w = this._shrinkRow(s, a, v, R, o);
+        _ = w == null ? void 0 : w.newSheetTransform, b = w == null ? void 0 : w.newTransform;
       }
     else if (e === 2) {
-      const w = this._expandRow(s, a, S, C, o);
-      _ = w == null ? void 0 : w.newSheetTransform, M = w == null ? void 0 : w.newTransform;
+      const w = this._expandRow(s, a, v, R, o);
+      _ = w == null ? void 0 : w.newSheetTransform, b = w == null ? void 0 : w.newTransform;
     } else if (e === 3) {
-      const w = this._expandCol(s, a, v, R, o);
-      _ = w == null ? void 0 : w.newSheetTransform, M = w == null ? void 0 : w.newTransform;
+      const w = this._expandCol(s, a, S, D, o);
+      _ = w == null ? void 0 : w.newSheetTransform, b = w == null ? void 0 : w.newTransform;
     }
-    if (_ != null && M != null) {
-      const w = V(_, this._selectionRenderService);
+    if (_ != null && b != null) {
+      const w = V(_, this._selectionRenderService, this._sheetSkeletonManagerService);
       t.push({ ...n, sheetTransform: _, transform: w });
     }
-    return { updateDrawings: t, deleteDrawings: i };
+    return { updateDrawings: t, deleteDrawings: r };
   }
-  _remainDrawingSize(r, e, n) {
-    const t = N({ ...r }, this._selectionRenderService);
+  _remainDrawingSize(i, e, n) {
+    const t = N({ ...i }, this._selectionRenderService);
     t != null && e.push({
       ...n,
       sheetTransform: t
     });
   }
   // eslint-disable-next-line max-lines-per-function
-  _getDrawingUndoForColVisible(r, e, n) {
-    const t = this._drawingManagerService.getDrawingData(r, e), i = [], s = [];
+  _getDrawingUndoForColVisible(i, e, n) {
+    const t = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
     if (Object.keys(t).forEach((l) => {
-      const d = t[l], { sheetTransform: m, transform: u, anchorType: f = b.Position } = d;
-      if (f === b.None)
-        this._remainDrawingSize(u, i, d);
+      const c = t[l], { sheetTransform: u, transform: h, anchorType: f = E.Position } = c;
+      if (f === E.None)
+        this._remainDrawingSize(h, r, c);
       else {
-        const { from: h, to: p } = m, { row: S, column: C } = h, { row: v, column: R } = p;
+        const { from: m, to: p } = u, { row: v, column: R } = m, { row: S, column: D } = p;
         for (let _ = 0; _ < n.length; _++) {
-          const M = n[_], { startRow: w, endRow: y, startColumn: D, endColumn: T } = M;
-          if (R < D)
+          const b = n[_], { startRow: w, endRow: U, startColumn: O, endColumn: I } = b;
+          if (D < O)
             continue;
-          if (f === b.Position) {
-            let I = null, A = null;
-            if (C >= D && C <= T) {
-              const z = this._selectionRenderService.attachRangeWithCoord({ startColumn: C, endColumn: T, startRow: h.row, endRow: p.row });
-              if (z == null)
+          if (f === E.Position) {
+            let C = null, A = null;
+            if (R >= O && R <= I) {
+              const $ = this._selectionRenderService.attachRangeWithCoord({ startColumn: R, endColumn: I, startRow: m.row, endRow: p.row });
+              if ($ == null)
                 return;
-              A = { ...u, left: z.startX };
+              A = { ...h, left: $.startX };
             }
-            if (A != null && (I = N(A, this._selectionRenderService), I != null && A != null)) {
-              i.push({ ...d, sheetTransform: I, transform: A });
+            if (A != null && (C = N(A, this._selectionRenderService), C != null && A != null)) {
+              r.push({ ...c, sheetTransform: C, transform: A });
               break;
             }
-            this._remainDrawingSize(u, i, d);
+            this._remainDrawingSize(h, r, c);
             continue;
           }
-          if (C >= D && R <= T)
+          if (R >= O && D <= I)
             continue;
-          let U = null, E = null;
-          if (C >= D && C <= T) {
-            const I = this._selectionRenderService.attachRangeWithCoord({ startColumn: C, endColumn: T, startRow: h.row, endRow: p.row });
-            if (I == null)
+          let P = null, M = null;
+          if (R >= O && R <= I) {
+            const C = this._selectionRenderService.attachRangeWithCoord({ startColumn: R, endColumn: I, startRow: m.row, endRow: p.row });
+            if (C == null)
               return;
-            E = {
-              ...u,
-              left: (I == null ? void 0 : I.startX) || 0,
-              width: ((u == null ? void 0 : u.width) || 0) - I.endX + I.startX
+            M = {
+              ...h,
+              left: (C == null ? void 0 : C.startX) || 0,
+              width: ((h == null ? void 0 : h.width) || 0) - C.endX + C.startX
             };
-          } else if (R >= D && R <= T) {
-            const I = this._selectionRenderService.attachRangeWithCoord({ startColumn: D, endColumn: R, startRow: h.row, endRow: p.row });
-            if (I == null)
+          } else if (D >= O && D <= I) {
+            const C = this._selectionRenderService.attachRangeWithCoord({ startColumn: O, endColumn: D, startRow: m.row, endRow: p.row });
+            if (C == null)
               return;
-            E = {
-              ...u,
-              left: I.startX - ((u == null ? void 0 : u.width) || 0)
+            M = {
+              ...h,
+              left: C.startX - ((h == null ? void 0 : h.width) || 0)
             };
           } else {
-            const I = this._selectionRenderService.attachRangeWithCoord({ startColumn: D, endColumn: T, startRow: h.row, endRow: p.row });
-            if (I == null)
+            const C = this._selectionRenderService.attachRangeWithCoord({ startColumn: O, endColumn: I, startRow: m.row, endRow: p.row });
+            if (C == null)
               return;
-            if (E = {
-              ...u,
-              width: ((u == null ? void 0 : u.width) || 0) - I.endX + I.startX
-            }, U = N(E, this._selectionRenderService), U != null && E != null) {
-              s.push({ ...d, sheetTransform: U, transform: E });
+            if (M = {
+              ...h,
+              width: ((h == null ? void 0 : h.width) || 0) - C.endX + C.startX
+            }, P = N(M, this._selectionRenderService), P != null && M != null) {
+              s.push({ ...c, sheetTransform: P, transform: M });
               break;
             }
           }
-          if (E != null && (U = N(E, this._selectionRenderService)), E != null && U != null) {
-            i.push({ ...d, sheetTransform: U, transform: E });
+          if (M != null && (P = N(M, this._selectionRenderService)), M != null && P != null) {
+            r.push({ ...c, sheetTransform: P, transform: M });
             break;
           } else
-            this._remainDrawingSize(u, i, d);
+            this._remainDrawingSize(h, r, c);
         }
       }
-    }), i.length === 0 && s.length === 0)
+    }), r.length === 0 && s.length === 0)
       return { redos: [], undos: [] };
-    const { redos: o, undos: a } = this._createUndoAndRedoMutation(r, e, i), c = [], g = [];
+    const { redos: o, undos: a } = this._createUndoAndRedoMutation(i, e, r), d = [], g = [];
     if (s.length > 0) {
-      const { redos: l, undos: d } = this._createUndoAndRedoMutation(r, e, s);
-      c.push(...l), g.push(...d);
+      const { redos: l, undos: c } = this._createUndoAndRedoMutation(i, e, s);
+      d.push(...l), g.push(...c);
     }
     return {
       redos: o,
       undos: a,
-      preRedos: c,
+      preRedos: d,
       preUndos: g
     };
   }
-  _createUndoAndRedoMutation(r, e, n) {
-    const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: i, redo: s, objects: o } = t, a = [
-      { id: O.id, params: { unitId: r, subUnitId: e, op: s, objects: o, type: P.UPDATE } },
-      { id: j.id, params: [r] }
-    ], c = [
-      { id: O.id, params: { unitId: r, subUnitId: e, op: i, objects: o, type: P.UPDATE } },
-      { id: j.id, params: [r] }
+  _createUndoAndRedoMutation(i, e, n) {
+    const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: r, redo: s, objects: o } = t, a = [
+      { id: y.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: T.UPDATE } },
+      { id: j.id, params: [i] }
+    ], d = [
+      { id: y.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: T.UPDATE } },
+      { id: j.id, params: [i] }
     ];
     return {
       redos: a,
-      undos: c
+      undos: d
     };
   }
   // eslint-disable-next-line max-lines-per-function
-  _getDrawingUndoForRowVisible(r, e, n) {
-    const t = this._drawingManagerService.getDrawingData(r, e), i = [], s = [];
+  _getDrawingUndoForRowVisible(i, e, n) {
+    const t = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
     if (Object.keys(t).forEach((l) => {
-      const d = t[l], { sheetTransform: m, transform: u, anchorType: f = b.Position } = d;
-      if (f === b.None)
-        this._remainDrawingSize(u, i, d);
+      const c = t[l], { sheetTransform: u, transform: h, anchorType: f = E.Position } = c;
+      if (f === E.None)
+        this._remainDrawingSize(h, r, c);
       else {
-        const { from: h, to: p } = m, { row: S, column: C } = h, { row: v, column: R } = p;
+        const { from: m, to: p } = u, { row: v, column: R } = m, { row: S, column: D } = p;
         for (let _ = 0; _ < n.length; _++) {
-          const M = n[_], { startRow: w, endRow: y, startColumn: D, endColumn: T } = M;
-          if (v < w)
+          const b = n[_], { startRow: w, endRow: U, startColumn: O, endColumn: I } = b;
+          if (S < w)
             continue;
-          if (f === b.Position) {
-            let I = null, A = null;
-            if (S >= w && S <= y) {
-              const z = this._selectionRenderService.attachRangeWithCoord({ startColumn: h.column, endColumn: p.column, startRow: S, endRow: y });
-              if (z == null)
+          if (f === E.Position) {
+            let C = null, A = null;
+            if (v >= w && v <= U) {
+              const $ = this._selectionRenderService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: v, endRow: U });
+              if ($ == null)
                 return;
-              A = { ...u, top: z.startY };
+              A = { ...h, top: $.startY };
             }
-            if (A != null && (I = N(A, this._selectionRenderService), I != null && A != null)) {
-              i.push({ ...d, sheetTransform: I, transform: A });
+            if (A != null && (C = N(A, this._selectionRenderService), C != null && A != null)) {
+              r.push({ ...c, sheetTransform: C, transform: A });
               break;
             }
-            this._remainDrawingSize(u, i, d);
+            this._remainDrawingSize(h, r, c);
             continue;
           }
-          if (S >= w && v <= y)
+          if (v >= w && S <= U)
             continue;
-          let U = null, E = null;
-          if (S >= w && S <= y) {
-            const I = this._selectionRenderService.attachRangeWithCoord({ startColumn: h.column, endColumn: p.column, startRow: S, endRow: y });
-            if (I == null)
+          let P = null, M = null;
+          if (v >= w && v <= U) {
+            const C = this._selectionRenderService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: v, endRow: U });
+            if (C == null)
               return;
-            E = {
-              ...u,
-              top: (I == null ? void 0 : I.startY) || 0,
-              height: ((u == null ? void 0 : u.height) || 0) - I.endY + I.startY
+            M = {
+              ...h,
+              top: (C == null ? void 0 : C.startY) || 0,
+              height: ((h == null ? void 0 : h.height) || 0) - C.endY + C.startY
             };
-          } else if (v >= w && v <= y) {
-            const I = this._selectionRenderService.attachRangeWithCoord({ startColumn: h.column, endColumn: p.column, startRow: w, endRow: v });
-            if (I == null)
+          } else if (S >= w && S <= U) {
+            const C = this._selectionRenderService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: w, endRow: S });
+            if (C == null)
               return;
-            E = {
-              ...u,
-              top: I.startY - ((u == null ? void 0 : u.height) || 0)
+            M = {
+              ...h,
+              top: C.startY - ((h == null ? void 0 : h.height) || 0)
             };
           } else {
-            const I = this._selectionRenderService.attachRangeWithCoord({ startColumn: h.column, endColumn: p.column, startRow: w, endRow: y });
-            if (I == null)
+            const C = this._selectionRenderService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: w, endRow: U });
+            if (C == null)
               return;
-            if (E = {
-              ...u,
-              height: ((u == null ? void 0 : u.height) || 0) - I.endY + I.startY
-            }, U = N(E, this._selectionRenderService), U != null && E != null) {
-              s.push({ ...d, sheetTransform: U, transform: E });
+            if (M = {
+              ...h,
+              height: ((h == null ? void 0 : h.height) || 0) - C.endY + C.startY
+            }, P = N(M, this._selectionRenderService), P != null && M != null) {
+              s.push({ ...c, sheetTransform: P, transform: M });
               break;
             }
           }
-          if (E != null && (U = N(E, this._selectionRenderService)), E != null && U != null) {
-            i.push({ ...d, sheetTransform: U, transform: E });
+          if (M != null && (P = N(M, this._selectionRenderService)), M != null && P != null) {
+            r.push({ ...c, sheetTransform: P, transform: M });
             break;
           } else
-            this._remainDrawingSize(u, i, d);
+            this._remainDrawingSize(h, r, c);
         }
       }
-    }), i.length === 0 && s.length === 0)
+    }), r.length === 0 && s.length === 0)
       return { redos: [], undos: [] };
-    const { redos: o, undos: a } = this._createUndoAndRedoMutation(r, e, i), c = [], g = [];
+    const { redos: o, undos: a } = this._createUndoAndRedoMutation(i, e, r), d = [], g = [];
     if (s.length > 0) {
-      const { redos: l, undos: d } = this._createUndoAndRedoMutation(r, e, s);
-      c.push(...l), g.push(...d);
+      const { redos: l, undos: c } = this._createUndoAndRedoMutation(i, e, s);
+      d.push(...l), g.push(...c);
     }
     return {
       redos: o,
       undos: a,
-      preRedos: c,
+      preRedos: d,
       preUndos: g
     };
   }
-  _getDrawingUndoForRowAndColSize(r, e, n, t) {
-    const i = this._drawingManagerService.getDrawingData(r, e), s = [];
-    return Object.keys(i).forEach((o) => {
-      const a = i[o], { sheetTransform: c, transform: g, anchorType: l = b.Position } = a;
-      if (l === b.None)
+  _getDrawingUndoForRowAndColSize(i, e, n, t) {
+    const r = this._drawingManagerService.getDrawingData(i, e), s = [];
+    return Object.keys(r).forEach((o) => {
+      const a = r[o], { sheetTransform: d, transform: g, anchorType: l = E.Position } = a;
+      if (l === E.None)
         this._remainDrawingSize(g, s, a);
       else {
-        const { from: d, to: m } = c, { row: u, column: f } = d, { row: h, column: p } = m;
-        for (let S = 0; S < n.length; S++) {
-          const C = n[S], { startRow: v, endRow: R, startColumn: _, endColumn: M } = C;
-          if (h < v || p < _)
+        const { from: c, to: u } = d, { row: h, column: f } = c, { row: m, column: p } = u;
+        for (let v = 0; v < n.length; v++) {
+          const R = n[v], { startRow: S, endRow: D, startColumn: _, endColumn: b } = R;
+          if (m < S || p < _)
             continue;
-          if (l === b.Position && (u <= v && h >= R || f <= _ && p >= M)) {
+          if (l === E.Position && (h <= S && m >= D || f <= _ && p >= b)) {
             this._remainDrawingSize(g, s, a);
             continue;
           }
-          const w = V({ ...c }, this._selectionRenderService);
+          const w = V({ ...d }, this._selectionRenderService, this._sheetSkeletonManagerService);
           if (w != null) {
             s.push({
               ...a,
@@ -1377,412 +1411,497 @@ let ye = class extends ue {
           }
         }
       }
-    }), s.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(r, e, s);
+    }), s.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(i, e, s);
   }
-  _getUnitIdAndSubUnitId(r, e) {
+  _getUnitIdAndSubUnitId(i, e) {
     let n, t;
     if (e === "insert")
-      n = r.unitId, t = r.subUnitId;
+      n = i.unitId, t = i.subUnitId;
     else {
-      const i = se(this._univerInstanceService);
-      if (i == null)
+      const r = oe(this._univerInstanceService);
+      if (r == null)
         return;
-      n = i.unitId, t = i.subUnitId;
+      n = r.unitId, t = r.subUnitId;
     }
     return { unitId: n, subUnitId: t };
   }
-  _moveRowInterceptor(r, e) {
-    const n = this._getUnitIdAndSubUnitId(r, e);
+  _moveRowInterceptor(i, e) {
+    const n = this._getUnitIdAndSubUnitId(i, e);
     if (n == null)
       return { redos: [], undos: [] };
-    const { unitId: t, subUnitId: i } = n, { range: s } = r, o = s.startRow, a = s.endRow, c = [], g = [], l = this._sheetDrawingService.getDrawingData(t, i), d = [], m = [];
-    if (Object.keys(l).forEach((u) => {
-      const f = l[u], { sheetTransform: h, transform: p, anchorType: S = b.Position } = f;
-      if (h == null || p == null)
+    const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startRow, a = s.endRow, d = [], g = [], l = this._sheetDrawingService.getDrawingData(t, r), c = [], u = [];
+    if (Object.keys(l).forEach((h) => {
+      const f = l[h], { sheetTransform: m, transform: p, anchorType: v = E.Position } = f;
+      if (m == null || p == null)
         return;
-      let C, v;
+      let R, S;
       if (e === "insert") {
-        const _ = this._expandRow(h, p, o, a, S);
-        C = _ == null ? void 0 : _.newSheetTransform, v = _ == null ? void 0 : _.newTransform;
+        const _ = this._expandRow(m, p, o, a, v);
+        R = _ == null ? void 0 : _.newSheetTransform, S = _ == null ? void 0 : _.newTransform;
       } else {
-        const { from: _, to: M } = h, { row: w } = _, { row: y } = M;
-        if (w >= o && y <= a)
-          m.push({ unitId: t, subUnitId: i, drawingId: u });
+        const { from: _, to: b } = m, { row: w } = _, { row: U } = b;
+        if (v === E.Both && w >= o && U <= a)
+          u.push({ unitId: t, subUnitId: r, drawingId: h });
         else {
-          const D = this._shrinkRow(h, p, o, a, S);
-          C = D == null ? void 0 : D.newSheetTransform, v = D == null ? void 0 : D.newTransform;
+          const O = this._shrinkRow(m, p, o, a, v);
+          R = O == null ? void 0 : O.newSheetTransform, S = O == null ? void 0 : O.newTransform;
         }
       }
-      if (!C || !v)
+      if (!R || !S)
         return;
-      const R = { unitId: t, subUnitId: i, drawingId: u, transform: v, sheetTransform: C };
-      d.push(R);
-    }), d.length === 0 && m.length === 0)
+      const D = { unitId: t, subUnitId: r, drawingId: h, transform: S, sheetTransform: R };
+      c.push(D);
+    }), c.length === 0 && u.length === 0)
       return { redos: [], undos: [] };
-    if (d.length > 0) {
-      const u = this._sheetDrawingService.getBatchUpdateOp(d), { undo: f, redo: h, objects: p } = u;
-      c.push({ id: O.id, params: { unitId: t, subUnitId: i, op: h, objects: p, type: P.UPDATE } }), g.push({ id: O.id, params: { unitId: t, subUnitId: i, op: f, objects: p, type: P.UPDATE } });
+    if (c.length > 0) {
+      const h = this._sheetDrawingService.getBatchUpdateOp(c), { undo: f, redo: m, objects: p } = h;
+      d.push({ id: y.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.UPDATE } }), g.push({ id: y.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.UPDATE } });
     }
-    if (m.length > 0) {
-      const u = this._sheetDrawingService.getBatchRemoveOp(m), f = u.undo, h = u.redo, p = u.objects;
-      c.push({ id: O.id, params: { unitId: t, subUnitId: i, op: h, objects: p, type: P.REMOVE } }), g.push({ id: O.id, params: { unitId: t, subUnitId: i, op: f, objects: p, type: P.INSERT } });
+    if (u.length > 0) {
+      const h = this._sheetDrawingService.getBatchRemoveOp(u), f = h.undo, m = h.redo, p = h.objects;
+      d.push({ id: y.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.REMOVE } }), g.push({ id: y.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.INSERT } });
     }
-    return c.push({ id: j.id, params: [t] }), g.push({ id: j.id, params: [t] }), {
-      redos: c,
+    return d.push({ id: j.id, params: [t] }), g.push({ id: j.id, params: [t] }), {
+      redos: d,
       undos: g
     };
   }
-  _moveColInterceptor(r, e) {
-    const n = this._getUnitIdAndSubUnitId(r, e);
+  _moveRangeInterceptor(i) {
+    const { fromRange: e, toRange: n } = i, t = oe(this._univerInstanceService);
+    if (!t)
+      return { redos: [], undos: [] };
+    const { unitId: r, subUnitId: s } = t, o = this._sheetDrawingService.getDrawingData(r, s), a = [], d = this._selectionRenderService.attachRangeWithCoord(e), g = this._selectionRenderService.attachRangeWithCoord(n);
+    if (!d || !g)
+      return { redos: [], undos: [] };
+    Object.keys(o).forEach((u) => {
+      const h = o[u], { sheetTransform: f, transform: m, anchorType: p = E.Position } = h;
+      if (!f || !m || p === E.None)
+        return;
+      const { left: v = 0, top: R = 0, width: S = 0, height: D = 0 } = m, { drawingStartX: _, drawingEndX: b, drawingStartY: w, drawingEndY: U } = {
+        drawingStartX: v,
+        drawingEndX: v + S,
+        drawingStartY: R,
+        drawingEndY: R + D
+      };
+      if (!(d.startX <= _ && b <= d.endX && d.startY <= U && w <= d.endY))
+        return;
+      const { to: I, from: P } = f, M = n.startRow - e.startRow, C = n.startColumn - e.startColumn;
+      let A, $;
+      if (p === E.Both) {
+        const k = this._selectionRenderService.attachRangeWithCoord({
+          startRow: I.row,
+          endRow: P.row,
+          startColumn: I.column,
+          endColumn: P.column
+        }), z = this._selectionRenderService.attachRangeWithCoord({
+          startRow: I.row + M,
+          endRow: P.row + M,
+          startColumn: I.column + C,
+          endColumn: P.column + C
+        });
+        if (!z || !k)
+          return;
+        const B = z.endX - z.startX - (k.endX - k.startX), en = z.endY - z.startY - (k.endY - k.startY);
+        A = {
+          to: { ...I, row: I.row + M, column: I.column + C, columnOffset: I.columnOffset + B },
+          from: { ...P, row: P.row + M, column: P.column + C, columnOffset: I.columnOffset + B, rowOffset: I.rowOffset + en }
+        }, $ = V(A, this._selectionRenderService, this._sheetSkeletonManagerService);
+      } else {
+        const k = g.startX - d.startX, z = g.startY - d.startY;
+        $ = {
+          ...m,
+          left: v + k,
+          top: R + z
+        }, A = N($, this._selectionRenderService);
+      }
+      if (!A || !$)
+        return;
+      const Ie = { unitId: r, subUnitId: s, drawingId: u, transform: $, sheetTransform: A };
+      a.push(Ie);
+    });
+    const l = [], c = [];
+    if (a.length > 0) {
+      const u = this._sheetDrawingService.getBatchUpdateOp(a), { undo: h, redo: f, objects: m } = u;
+      l.push({ id: y.id, params: { unitId: r, subUnitId: s, op: f, objects: m, type: T.UPDATE } }), c.push({ id: y.id, params: { unitId: r, subUnitId: s, op: h, objects: m, type: T.UPDATE } });
+    }
+    return { redos: l, undos: c };
+  }
+  _moveColInterceptor(i, e) {
+    const n = this._getUnitIdAndSubUnitId(i, e);
     if (n == null)
       return { redos: [], undos: [] };
-    const { unitId: t, subUnitId: i } = n, { range: s } = r, o = s.startColumn, a = s.endColumn, c = [], g = [], l = this._sheetDrawingService.getDrawingData(t, i), d = [], m = [];
-    if (Object.keys(l).forEach((u) => {
-      const f = l[u], { sheetTransform: h, transform: p, anchorType: S = b.Position } = f;
-      if (h == null || p == null)
+    const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startColumn, a = s.endColumn, d = [], g = [], l = this._sheetDrawingService.getDrawingData(t, r), c = [], u = [];
+    if (Object.keys(l).forEach((h) => {
+      const f = l[h], { sheetTransform: m, transform: p, anchorType: v = E.Position } = f;
+      if (m == null || p == null)
         return;
-      let C, v;
+      let R, S;
       if (e === "insert") {
-        const _ = this._expandCol(h, p, o, a, S);
-        C = _ == null ? void 0 : _.newSheetTransform, v = _ == null ? void 0 : _.newTransform;
+        const _ = this._expandCol(m, p, o, a, v);
+        R = _ == null ? void 0 : _.newSheetTransform, S = _ == null ? void 0 : _.newTransform;
       } else {
-        const { from: _, to: M } = h, { column: w } = _, { column: y } = M;
-        if (w >= o && y <= a)
-          m.push({ unitId: t, subUnitId: i, drawingId: u });
+        const { from: _, to: b } = m, { column: w } = _, { column: U } = b;
+        if (w >= o && U <= a && v === E.Both)
+          u.push({ unitId: t, subUnitId: r, drawingId: h });
         else {
-          const D = this._shrinkCol(h, p, o, a, S);
-          C = D == null ? void 0 : D.newSheetTransform, v = D == null ? void 0 : D.newTransform;
+          const I = this._shrinkCol(m, p, o, a, v);
+          R = I == null ? void 0 : I.newSheetTransform, S = I == null ? void 0 : I.newTransform;
         }
       }
-      if (!C || !v)
+      if (!R || !S)
         return;
-      const R = { unitId: t, subUnitId: i, drawingId: u, transform: v, sheetTransform: C };
-      d.push(R);
-    }), d.length === 0 && m.length === 0)
+      const D = { unitId: t, subUnitId: r, drawingId: h, transform: S, sheetTransform: R };
+      c.push(D);
+    }), c.length === 0 && u.length === 0)
       return { redos: [], undos: [] };
-    if (d.length > 0) {
-      const u = this._sheetDrawingService.getBatchUpdateOp(d), { undo: f, redo: h, objects: p } = u;
-      c.push({ id: O.id, params: { unitId: t, subUnitId: i, op: h, objects: p, type: P.UPDATE } }), g.push({ id: O.id, params: { unitId: t, subUnitId: i, op: f, objects: p, type: P.UPDATE } });
+    if (c.length > 0) {
+      const h = this._sheetDrawingService.getBatchUpdateOp(c), { undo: f, redo: m, objects: p } = h;
+      d.push({ id: y.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.UPDATE } }), g.push({ id: y.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.UPDATE } });
     }
-    if (m.length > 0) {
-      const u = this._sheetDrawingService.getBatchRemoveOp(m), f = u.undo, h = u.redo, p = u.objects;
-      c.push({ id: O.id, params: { unitId: t, subUnitId: i, op: h, objects: p, type: P.REMOVE } }), g.push({ id: O.id, params: { unitId: t, subUnitId: i, op: f, objects: p, type: P.INSERT } });
+    if (u.length > 0) {
+      const h = this._sheetDrawingService.getBatchRemoveOp(u), f = h.undo, m = h.redo, p = h.objects;
+      d.push({ id: y.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.REMOVE } }), g.push({ id: y.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.INSERT } });
     }
-    return c.push({ id: j.id, params: [t] }), g.push({ id: j.id, params: [t] }), { redos: c, undos: g };
+    return d.push({ id: j.id, params: [t] }), g.push({ id: j.id, params: [t] }), { redos: d, undos: g };
   }
-  _expandCol(r, e, n, t, i = b.Position) {
-    const s = t - n + 1, { from: o, to: a } = r, { column: c } = o, { column: g } = a;
-    if (i === b.None)
+  _expandCol(i, e, n, t, r = E.Position) {
+    const s = t - n + 1, { from: o, to: a } = i, { column: d } = o, { column: g } = a;
+    if (r === E.None)
       return {
         newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let l = null, d = null;
-    if (c >= n) {
-      const m = this._selectionRenderService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: o.row, endRow: a.row });
-      if (m == null)
+    let l = null, c = null;
+    if (d >= n) {
+      const u = this._selectionRenderService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: o.row, endRow: a.row });
+      if (u == null)
         return;
-      d = { ...e, left: (e.left || 0) + m.endX - m.startX }, l = N(d, this._selectionRenderService);
+      c = { ...e, left: (e.left || 0) + u.endX - u.startX }, l = N(c, this._selectionRenderService);
     } else if (g >= t)
-      if (i === b.Both)
+      if (r === E.Both)
         l = {
           from: { ...o },
           to: { ...a, column: g + s }
-        }, d = V(l, this._selectionRenderService);
+        }, c = V(l, this._selectionRenderService, this._sheetSkeletonManagerService);
       else
         return {
           newSheetTransform: N({ ...e }, this._selectionRenderService),
           newTransform: e
         };
-    return l != null && d != null ? {
+    return l != null && c != null ? {
       newSheetTransform: l,
-      newTransform: d
+      newTransform: c
     } : null;
   }
-  _shrinkCol(r, e, n, t, i = b.Position) {
-    const s = t - n + 1, { from: o, to: a } = r, { column: c } = o, { column: g } = a;
-    if (i === b.None)
+  _shrinkCol(i, e, n, t, r = E.Position) {
+    const s = t - n + 1, { from: o, to: a } = i, { column: d } = o, { column: g } = a;
+    if (r === E.None)
       return {
         newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let l = null, d = null;
-    if (c > t)
+    let l = null, c = null;
+    if (d > t) {
+      const u = this._selectionRenderService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: o.row, endRow: a.row });
+      if (u == null)
+        return;
+      c = { ...e, left: (e.left || 0) - (u.endX - u.startX) }, l = N(c, this._selectionRenderService);
+    } else if (d >= n && g <= t) {
+      const u = this._selectionRenderService.attachRangeWithCoord({
+        startColumn: n,
+        endColumn: t,
+        startRow: 0,
+        endRow: 0
+      });
       l = {
-        from: { ...o, column: c - s },
-        to: { ...a, column: g - s }
-      }, d = V(l, this._selectionRenderService);
-    else {
-      if (c >= n && g <= t)
-        return null;
-      if (c < n && g > t)
-        if (i === b.Both)
-          l = {
-            from: { ...o },
-            to: { ...a, column: g - s }
-          }, d = V(l, this._selectionRenderService);
-        else
-          return {
-            newSheetTransform: N({ ...e }, this._selectionRenderService),
-            newTransform: e
-          };
-      else if (c >= n && c <= t) {
-        if (c === n)
-          d = { ...e, left: (e.left || 0) - r.from.columnOffset };
-        else {
-          const m = this._selectionRenderService.attachRangeWithCoord({ startColumn: n, endColumn: c - 1, startRow: o.row, endRow: a.row });
-          if (m == null)
-            return;
-          d = { ...e, left: (e.left || 0) - m.endX + m.startX - r.from.columnOffset };
-        }
-        l = N(d, this._selectionRenderService);
-      } else if (g >= n && g <= t && i === b.Both) {
-        const m = this._selectionRenderService.attachRangeWithCoord({
-          startColumn: n - 1,
-          endColumn: n - 1,
-          startRow: o.row,
-          endRow: a.row
-        });
-        if (m == null)
-          return;
+        from: { ...o, columnOffset: 0 },
+        to: { ...a, columnOffset: a.columnOffset - o.columnOffset }
+      }, c = {
+        ...e,
+        left: u == null ? void 0 : u.startX
+      };
+    } else if (d < n && g > t)
+      if (r === E.Both)
         l = {
           from: { ...o },
-          to: { ...a, column: n - 1, columnOffset: m.endX - m.startX }
-        }, d = V(l, this._selectionRenderService);
+          to: { ...a, column: g - s }
+        }, c = V(l, this._selectionRenderService, this._sheetSkeletonManagerService);
+      else
+        return {
+          newSheetTransform: N({ ...e }, this._selectionRenderService),
+          newTransform: e
+        };
+    else if (d >= n && d <= t) {
+      if (d === n)
+        c = { ...e, left: (e.left || 0) - i.from.columnOffset };
+      else {
+        const u = this._selectionRenderService.attachRangeWithCoord({ startColumn: n, endColumn: d - 1, startRow: o.row, endRow: a.row });
+        if (u == null)
+          return;
+        c = { ...e, left: (e.left || 0) - u.endX + u.startX - i.from.columnOffset };
       }
+      l = N(c, this._selectionRenderService);
+    } else if (g >= n && g <= t && r === E.Both) {
+      const u = this._selectionRenderService.attachRangeWithCoord({
+        startColumn: n - 1,
+        endColumn: n - 1,
+        startRow: o.row,
+        endRow: a.row
+      });
+      if (u == null)
+        return;
+      l = {
+        from: { ...o },
+        to: { ...a, column: n - 1, columnOffset: u.endX - u.startX }
+      }, c = V(l, this._selectionRenderService, this._sheetSkeletonManagerService);
     }
-    return l != null && d != null ? {
+    return l != null && c != null ? {
       newSheetTransform: l,
-      newTransform: d
+      newTransform: c
     } : null;
   }
-  _expandRow(r, e, n, t, i = b.Position) {
-    const s = t - n + 1, { from: o, to: a } = r, { row: c } = o, { row: g } = a;
-    if (i === b.None)
+  _expandRow(i, e, n, t, r = E.Position) {
+    const s = t - n + 1, { from: o, to: a } = i, { row: d } = o, { row: g } = a;
+    if (r === E.None)
       return {
         newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let l = null, d = null;
-    if (c >= n) {
-      const m = this._selectionRenderService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: o.column, endColumn: a.column });
-      if (m == null)
+    let l = null, c = null;
+    if (d >= n) {
+      const u = this._selectionRenderService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: o.column, endColumn: a.column });
+      if (u == null)
         return;
-      d = { ...e, top: (e.top || 0) + m.endY - m.startY }, l = N(d, this._selectionRenderService);
+      c = { ...e, top: (e.top || 0) + u.endY - u.startY }, l = N(c, this._selectionRenderService);
     } else if (g >= t)
-      if (i === b.Both)
+      if (r === E.Both)
         l = {
           from: { ...o },
           to: {
             ...a,
             row: g + s
           }
-        }, d = V(l, this._selectionRenderService);
+        }, c = V(l, this._selectionRenderService, this._sheetSkeletonManagerService);
       else
         return {
           newSheetTransform: N({ ...e }, this._selectionRenderService),
           newTransform: e
         };
-    return l != null && d != null ? {
+    return l != null && c != null ? {
       newSheetTransform: l,
-      newTransform: d
+      newTransform: c
     } : null;
   }
-  _shrinkRow(r, e, n, t, i = b.Position) {
-    const s = t - n + 1, { from: o, to: a } = r, { row: c } = o, { row: g } = a;
-    if (i === b.None)
+  _shrinkRow(i, e, n, t, r = E.Position) {
+    const s = t - n + 1, { from: o, to: a } = i, { row: d } = o, { row: g } = a;
+    if (r === E.None)
       return {
         newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let l = null, d = null;
-    if (c > t)
+    let l = null, c = null;
+    if (d > t)
       l = {
-        from: { ...o, row: c - s },
+        from: { ...o, row: d - s },
         to: { ...a, row: g - s }
-      }, d = V(l, this._selectionRenderService);
-    else {
-      if (c >= n && g <= t)
-        return null;
-      if (c < n && g > t)
-        if (i === b.Both)
-          l = {
-            from: { ...o },
-            to: { ...a, row: g - s }
-          }, d = V(l, this._selectionRenderService);
-        else
-          return {
-            newSheetTransform: N({ ...e }, this._selectionRenderService),
-            newTransform: e
-          };
-      else if (c >= n && c <= t) {
-        if (c === n)
-          d = { ...e, top: (e.top || 0) - r.from.rowOffset };
-        else {
-          const m = this._selectionRenderService.attachRangeWithCoord({ startRow: n, endRow: c - 1, startColumn: o.column, endColumn: a.column });
-          if (m == null)
-            return;
-          d = { ...e, top: (e.top || 0) - m.endY + m.startY - r.from.rowOffset };
-        }
-        l = N(d, this._selectionRenderService);
-      } else if (g >= n && g <= t && i === b.Both) {
-        const m = this._selectionRenderService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: n - 1, endRow: n - 1 });
-        if (m == null)
-          return;
+      }, c = V(l, this._selectionRenderService, this._sheetSkeletonManagerService);
+    else if (d >= n && g <= t) {
+      const u = this._selectionRenderService.attachRangeWithCoord({
+        startColumn: 0,
+        endColumn: 0,
+        startRow: n,
+        endRow: t
+      });
+      l = {
+        from: { ...o, rowOffset: 0 },
+        to: { ...a, rowOffset: a.rowOffset - o.rowOffset }
+      }, c = {
+        ...e,
+        top: u == null ? void 0 : u.startY
+      };
+    } else if (d < n && g > t)
+      if (r === E.Both)
         l = {
           from: { ...o },
-          to: { ...a, row: n - 1, rowOffset: m.endY - m.startY }
-        }, d = V(l, this._selectionRenderService);
+          to: { ...a, row: g - s }
+        }, c = V(l, this._selectionRenderService, this._sheetSkeletonManagerService);
+      else
+        return {
+          newSheetTransform: N({ ...e }, this._selectionRenderService),
+          newTransform: e
+        };
+    else if (d >= n && d <= t) {
+      if (d === n)
+        c = { ...e, top: (e.top || 0) - i.from.rowOffset };
+      else {
+        const u = this._selectionRenderService.attachRangeWithCoord({ startRow: n, endRow: d - 1, startColumn: o.column, endColumn: a.column });
+        if (u == null)
+          return;
+        c = { ...e, top: (e.top || 0) - u.endY + u.startY - i.from.rowOffset };
       }
+      l = N(c, this._selectionRenderService);
+    } else if (g >= n && g <= t && r === E.Both) {
+      const u = this._selectionRenderService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: n - 1, endRow: n - 1 });
+      if (u == null)
+        return;
+      l = {
+        from: { ...o },
+        to: { ...a, row: n - 1, rowOffset: u.endY - u.startY }
+      }, c = V(l, this._selectionRenderService, this._sheetSkeletonManagerService);
     }
-    return l != null && d != null ? {
+    return l != null && c != null ? {
       newSheetTransform: l,
-      newTransform: d
+      newTransform: c
     } : null;
   }
   _commandListener() {
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((r) => {
-        if (r.id === Zn.id) {
-          const e = r.params, { unitId: n, subUnitId: t } = e, i = this._drawingManagerService.drawingManagerData, s = [], o = [];
-          Object.keys(i).forEach((a) => {
-            const c = i[a];
-            Object.keys(c).forEach((g) => {
-              const l = c[g].data;
-              l != null && Object.keys(l).forEach((d) => {
-                a === n && g === t ? s.push(l[d]) : o.push(l[d]);
+      this._commandService.onCommandExecuted((i) => {
+        i.id === sr.id && setTimeout(() => {
+          const e = i.params, { unitId: n, subUnitId: t } = e, r = this._drawingManagerService.drawingManagerData, s = [], o = [];
+          Object.keys(r).forEach((a) => {
+            const d = r[a];
+            Object.keys(d).forEach((g) => {
+              const l = d[g].data;
+              l != null && Object.keys(l).forEach((c) => {
+                if (a === n && g === t) {
+                  const u = l[c];
+                  u.transform = V(u.sheetTransform, this._selectionRenderService, this._sheetSkeletonManagerService), s.push(l[c]);
+                } else
+                  o.push(l[c]);
               });
             });
           }), this._drawingManagerService.removeNotification(o), this._drawingManagerService.addNotification(s);
-        }
+        }, 0);
       })
     );
   }
   _sheetRefreshListener() {
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((r) => {
-        ei.includes(r.id) && requestIdleCallback(() => {
-          const e = r.params, { unitId: n, subUnitId: t, ranges: i } = e;
-          this._refreshDrawingTransform(n, t, i);
+      this._commandService.onCommandExecuted((i) => {
+        ci.includes(i.id) && requestIdleCallback(() => {
+          const e = i.params, { unitId: n, subUnitId: t, ranges: r } = e;
+          this._refreshDrawingTransform(n, t, r);
         });
       })
     );
   }
-  _refreshDrawingTransform(r, e, n) {
-    const t = this._drawingManagerService.getDrawingData(r, e), i = [];
+  _refreshDrawingTransform(i, e, n) {
+    const t = this._drawingManagerService.getDrawingData(i, e), r = [];
     Object.keys(t).forEach((s) => {
-      const o = t[s], { sheetTransform: a, anchorType: c = b.Position } = o;
-      if (c === b.None)
+      const o = t[s], { sheetTransform: a, anchorType: d = E.Position } = o;
+      if (d === E.None)
         return !0;
-      const { from: g, to: l } = a, { row: d, column: m } = g, { row: u, column: f } = l;
-      for (let h = 0; h < n.length; h++) {
-        const p = n[h], { startRow: S, endRow: C, startColumn: v, endColumn: R } = p;
-        if (tn.intersects(
+      const { from: g, to: l } = a, { row: c, column: u } = g, { row: h, column: f } = l;
+      for (let m = 0; m < n.length; m++) {
+        const p = n[m], { startRow: v, endRow: R, startColumn: S, endColumn: D } = p;
+        if (cn.intersects(
           {
-            startRow: S,
-            endRow: C,
-            startColumn: v,
-            endColumn: R
+            startRow: v,
+            endRow: R,
+            startColumn: S,
+            endColumn: D
           },
           {
-            startRow: d,
-            endRow: u,
-            startColumn: m,
+            startRow: c,
+            endRow: h,
+            startColumn: u,
             endColumn: f
           }
-        ) || d > C || m > R) {
-          i.push({
+        ) || c > R || u > D) {
+          r.push({
             ...o,
-            transform: V(a, this._selectionRenderService)
+            transform: V(a, this._selectionRenderService, this._sheetSkeletonManagerService)
           });
           break;
         }
       }
-    }), i.length !== 0 && (this._drawingManagerService.refreshTransform(i), this._commandService.syncExecuteCommand(j.id, [r]));
+    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(j.id, [i]));
   }
 };
-ye = qr([
-  de(le.Rendered, ye),
-  re(0, B),
-  re(1, $(qn)),
-  re(2, X),
+We = oi([
+  ae(ce.Rendered, We),
+  re(1, Y),
+  re(2, W(or)),
   re(3, H),
-  re(4, $e),
-  re(5, ce)
-], ye);
-var ti = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ri = (r, e, n, t) => {
-  for (var i = t > 1 ? void 0 : t ? ni(e, n) : e, s = r.length - 1, o; s >= 0; s--)
-    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
-  return t && i && ti(e, n, i), i;
-}, ee = (r, e) => (n, t) => e(n, t, r);
-function ii(r, e, n, t) {
-  const { scaleX: i, scaleY: s } = e.getAncestorScale(), o = e.getViewport(Mn.VIEW_MAIN), a = {
+  re(4, J),
+  re(5, Se),
+  re(6, ge),
+  re(7, W(_e))
+], We);
+var di = Object.defineProperty, li = Object.getOwnPropertyDescriptor, ui = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? li(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && di(e, n, r), r;
+}, ie = (i, e) => (n, t) => e(n, t, i);
+function hi(i, e, n, t) {
+  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(Pn.VIEW_MAIN), a = {
     left: !0,
     top: !0
   };
   if (!o)
     return {
-      ...r,
+      ...i,
       absolute: a
     };
-  const { left: c, right: g, top: l, bottom: d } = r, m = t.getFreeze(), { startColumn: u, startRow: f, xSplit: h, ySplit: p } = m, S = n.getNoMergeCellPositionByIndexWithNoHeader(f - p, u - h), C = n.getNoMergeCellPositionByIndexWithNoHeader(f, u), { rowHeaderWidth: v, columnHeaderHeight: R } = n, _ = C.startX - S.startX, M = C.startY - S.startY, { top: w, left: y, viewportScrollX: D, viewportScrollY: T } = o;
-  let U, E;
-  c < y ? (a.left = !0, U = (_ + v + (c - y)) * i, E = Math.max(
+  const { left: d, right: g, top: l, bottom: c } = i, u = t.getFreeze(), { startColumn: h, startRow: f, xSplit: m, ySplit: p } = u, v = n.getNoMergeCellPositionByIndexWithNoHeader(f - p, h - m), R = n.getNoMergeCellPositionByIndexWithNoHeader(f, h), { rowHeaderWidth: S, columnHeaderHeight: D } = n, _ = R.startX - v.startX, b = R.startY - v.startY, { top: w, left: U, viewportScrollX: O, viewportScrollY: I } = o;
+  let P, M;
+  d < U ? (a.left = !0, P = (_ + S + (d - U)) * r, M = Math.max(
     Math.min(
-      (_ + v + (g - y)) * i,
-      (_ + v) * i
+      (_ + S + (g - U)) * r,
+      (_ + S) * r
     ),
-    (g - D) * i
-  )) : (a.left = !1, U = Math.max((c - D) * i, (_ + v) * i), E = Math.max((g - D) * i, (_ + v) * i));
-  let I, A;
-  return l < w ? (a.top = !0, I = (M + R + (l - w)) * s, A = Math.max(
+    (g - O) * r
+  )) : (a.left = !1, P = Math.max((d - O) * r, (_ + S) * r), M = Math.max((g - O) * r, (_ + S) * r));
+  let C, A;
+  return l < w ? (a.top = !0, C = (b + D + (l - w)) * s, A = Math.max(
     Math.min(
-      (M + R + (g - w)) * s,
-      (M + R) * s
+      (b + D + (g - w)) * s,
+      (b + D) * s
     ),
-    (d - T) * s
-  )) : (a.top = !1, I = Math.max((l - T) * s, (M + R) * s), A = Math.max((d - T) * s, (M + R) * s)), {
-    left: U,
-    right: E,
-    top: I,
+    (c - I) * s
+  )) : (a.top = !1, C = Math.max((l - I) * s, (b + D) * s), A = Math.max((c - I) * s, (b + D) * s)), {
+    left: P,
+    right: M,
+    top: C,
     bottom: A,
     absolute: a
   };
 }
-const Ye = (r, e, n, t) => {
-  const { scene: i } = e, { left: s, top: o, width: a, height: c, angle: g } = r, l = {
+const qe = (i, e, n, t) => {
+  const { scene: r } = e, { left: s, top: o, width: a, height: d, angle: g } = i, l = {
     left: s,
     right: s + a,
     top: o,
-    bottom: o + c
-  }, d = ii(l, i, n, t);
+    bottom: o + d
+  }, c = hi(l, r, n, t);
   return {
-    startX: d.left,
-    endX: d.right,
-    startY: d.top,
-    endY: d.bottom,
+    startX: c.left,
+    endX: c.right,
+    startY: c.top,
+    endY: c.bottom,
     rotate: g,
     width: a,
-    height: c,
-    absolute: d.absolute
+    height: d,
+    absolute: c.absolute
   };
 };
-let Je = class extends ue {
-  constructor(e, n, t, i, s, o, a) {
+let it = class extends de {
+  constructor(e, n, t, r, s, o, a) {
     super();
     K(this, "_domLayerMap", /* @__PURE__ */ new Map());
     K(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    K(this, "_transformChange$", new ct());
+    K(this, "_transformChange$", new gt());
     K(this, "transformChange$", this._transformChange$.asObservable());
-    K(this, "_remove$", new ct());
+    K(this, "_remove$", new gt());
     K(this, "remove$", this._remove$.asObservable());
-    this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = i, this._selectionRenderService = s, this._canvasFloatDomService = o, this._sheetDrawingService = a, this._drawingAddListener(), this._scrollUpdateListener(), this._featureUpdateListener(), this._deleteListener();
+    this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = r, this._selectionRenderService = s, this._canvasFloatDomService = o, this._sheetDrawingService = a, this._drawingAddListener(), this._scrollUpdateListener(), this._featureUpdateListener(), this._deleteListener();
   }
   _ensureMap(e, n) {
     let t = this._domLayerMap.get(e);
     t || (t = /* @__PURE__ */ new Map(), this._domLayerMap.set(e, t));
-    let i = t.get(n);
-    return i || (i = /* @__PURE__ */ new Map(), t.set(n, i)), i;
+    let r = t.get(n);
+    return r || (r = /* @__PURE__ */ new Map(), t.set(n, r)), r;
   }
   _getSceneAndTransformerByDrawingSearch(e) {
     if (e == null)
@@ -1790,8 +1909,8 @@ let Je = class extends ue {
     const n = this._renderManagerService.getRenderById(e), t = n == null ? void 0 : n.scene;
     if (n == null || t == null)
       return null;
-    const i = t.getTransformerByCreate(), s = n.engine.getCanvasElement();
-    return { scene: t, transformer: i, renderObject: n, canvas: s };
+    const r = t.getTransformerByCreate(), s = n.engine.getCanvasElement();
+    return { scene: t, transformer: r, renderObject: n, canvas: s };
   }
   // eslint-disable-next-line max-lines-per-function
   _drawingAddListener() {
@@ -1799,115 +1918,115 @@ let Je = class extends ue {
       // eslint-disable-next-line max-lines-per-function
       this._drawingManagerService.add$.subscribe((e) => {
         e.forEach((n) => {
-          var nt, rt;
-          const { unitId: t, subUnitId: i, drawingId: s } = n, o = se(this._univerInstanceService, { unitId: t, subUnitId: i }), a = this._drawingManagerService.getDrawingByParam(n), c = (nt = this._renderManagerService.getRenderById(t)) == null ? void 0 : nt.with(Xe).getUnitSkeleton(t, i);
-          if (a == null || o == null || c == null)
+          var k, z;
+          const { unitId: t, subUnitId: r, drawingId: s } = n, o = oe(this._univerInstanceService, { unitId: t, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(n), d = (k = this._renderManagerService.getRenderById(t)) == null ? void 0 : k.with(_e).getUnitSkeleton(t, r);
+          if (a == null || o == null || d == null)
             return;
           const { transform: g, drawingType: l } = a;
-          if (l !== Ve.DRAWING_DOM)
+          if (l !== ze.DRAWING_DOM)
             return;
-          const d = this._getSceneAndTransformerByDrawingSearch(t);
-          if (d == null)
+          const c = this._getSceneAndTransformerByDrawingSearch(t);
+          if (c == null)
             return;
-          const { scene: m, canvas: u } = d;
+          const { scene: u, canvas: h } = c;
           if (g == null)
             return !0;
-          const { left: f, top: h, width: p, height: S, angle: C, flipX: v, flipY: R, skewX: _, skewY: M } = g, w = vn({ unitId: t, subUnitId: i, drawingId: s }), y = m.getObject(w);
-          if (y != null) {
-            y.transformByState({ left: f, top: h, width: p, height: S, angle: C, flipX: v, flipY: R, skewX: _, skewY: M });
+          const { left: f, top: m, width: p, height: v, angle: R, flipX: S, flipY: D, skewX: _, skewY: b } = g, w = Mn({ unitId: t, subUnitId: r, drawingId: s }), U = u.getObject(w);
+          if (U != null) {
+            U.transformByState({ left: f, top: m, width: p, height: v, angle: R, flipX: S, flipY: D, skewX: _, skewY: b });
             return;
           }
-          const D = {
+          const O = {
             left: f,
-            top: h,
+            top: m,
             width: p,
-            height: S,
-            zIndex: this._drawingManagerService.getDrawingOrder(t, i).length - 1
-          }, T = new Rn(w, D);
-          m.addObject(T, Dn).attachTransformerTo(T);
-          const U = this._ensureMap(t, i), E = new nn(), I = Ye(T, d.renderObject, c.skeleton, o.worksheet), A = new Tn(I), z = {
-            dispose: E,
-            rect: T,
+            height: v,
+            zIndex: this._drawingManagerService.getDrawingOrder(t, r).length - 1
+          }, I = new yn(w, O);
+          u.addObject(I, Tn).attachTransformerTo(I);
+          const P = this._ensureMap(t, r), M = new dn(), C = qe(I, c.renderObject, d.skeleton, o.worksheet), A = new $n(C), $ = {
+            dispose: M,
+            rect: I,
             position$: A,
             unitId: t,
-            subUnitId: i
+            subUnitId: r
           };
           this._canvasFloatDomService.addFloatDom({
             position$: A,
             id: s,
             componentKey: a.componentKey,
-            onPointerDown: (W) => {
-              u.dispatchEvent(new PointerEvent(W.type, W));
+            onPointerDown: (B) => {
+              h.dispatchEvent(new PointerEvent(B.type, B));
             },
-            onPointerMove: (W) => {
-              u.dispatchEvent(new PointerEvent(W.type, W));
+            onPointerMove: (B) => {
+              h.dispatchEvent(new PointerEvent(B.type, B));
             },
-            onPointerUp: (W) => {
-              u.dispatchEvent(new PointerEvent(W.type, W));
+            onPointerUp: (B) => {
+              h.dispatchEvent(new PointerEvent(B.type, B));
             },
-            onWheel: (W) => {
-              u.dispatchEvent(new WheelEvent(W.type, W));
+            onWheel: (B) => {
+              h.dispatchEvent(new WheelEvent(B.type, B));
             },
-            props: (rt = U.get(s)) == null ? void 0 : rt.props
+            props: (z = P.get(s)) == null ? void 0 : z.props
           });
-          const tt = T.onTransformChange$.subscribeEvent(() => {
-            const W = Ye(T, d.renderObject, c.skeleton, o.worksheet);
+          const Ie = I.onTransformChange$.subscribeEvent(() => {
+            const B = qe(I, c.renderObject, d.skeleton, o.worksheet);
             A.next(
-              W
+              B
             );
           });
-          E.add(() => {
+          M.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), tt && E.add(tt), this._domLayerInfoMap.set(s, z);
+          }), Ie && M.add(Ie), this._domLayerInfoMap.set(s, $);
         });
       })
     );
   }
   _scrollUpdateListener() {
     this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
-      var t, i;
+      var t, r;
       const n = (s, o) => {
-        var m;
-        const a = this._getSceneAndTransformerByDrawingSearch(s), c = this._ensureMap(s, o), g = Array.from(c.keys()), l = se(this._univerInstanceService, { unitId: s, subUnitId: o }), d = (m = this._renderManagerService.getRenderById(s)) == null ? void 0 : m.with(Xe).getUnitSkeleton(s, o);
-        !a || !l || !d || g.forEach((u) => {
-          const f = this._domLayerInfoMap.get(u);
+        var u;
+        const a = this._getSceneAndTransformerByDrawingSearch(s), d = this._ensureMap(s, o), g = Array.from(d.keys()), l = oe(this._univerInstanceService, { unitId: s, subUnitId: o }), c = (u = this._renderManagerService.getRenderById(s)) == null ? void 0 : u.with(_e).getUnitSkeleton(s, o);
+        !a || !l || !c || g.forEach((h) => {
+          const f = this._domLayerInfoMap.get(h);
           if (f) {
-            const h = Ye(f.rect, a.renderObject, d.skeleton, l.worksheet);
-            f.position$.next(h);
+            const m = qe(f.rect, a.renderObject, c.skeleton, l.worksheet);
+            f.position$.next(m);
           }
         });
       };
-      if (e.id === Pn.id) {
+      if (e.id === Nn.id) {
         const s = e.params, { unitId: o, sheetId: a } = s;
         n(o, a);
-      } else if (e.id === En.id) {
+      } else if (e.id === jn.id) {
         const s = e.params, { unitId: o } = s;
-        Array.from((i = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? i : []).forEach((c) => {
-          n(o, c);
+        Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((d) => {
+          n(o, d);
         });
-      } else if (e.id === Qn.id) {
+      } else if (e.id === ar.id) {
         const { unitId: s, subUnitId: o } = e.params;
         n(s, o);
       }
     }));
   }
   _getPosition(e) {
-    const { startX: n, endX: t, startY: i, endY: s } = e, o = this._selectionRenderService.getSelectionCellByPosition(n, i);
+    const { startX: n, endX: t, startY: r, endY: s } = e, o = this._selectionRenderService.getSelectionCellByPosition(n, r);
     if (o == null)
       return;
     const a = {
       column: o.actualColumn,
       columnOffset: n - o.startX,
       row: o.actualRow,
-      rowOffset: i - o.startY
-    }, c = this._selectionRenderService.getSelectionCellByPosition(t, s);
-    if (c == null)
+      rowOffset: r - o.startY
+    }, d = this._selectionRenderService.getSelectionCellByPosition(t, s);
+    if (d == null)
       return;
     const g = {
-      column: c.actualColumn,
-      columnOffset: t - c.startX,
-      row: c.actualRow,
-      rowOffset: s - c.startY
+      column: d.actualColumn,
+      columnOffset: t - d.startX,
+      row: d.actualRow,
+      rowOffset: s - d.startY
     };
     return {
       from: a,
@@ -1919,12 +2038,12 @@ let Je = class extends ue {
       this._drawingManagerService.update$.subscribe((e) => {
         e.forEach((n) => {
           const t = this._drawingManagerService.getDrawingByParam(n);
-          if (!t || t.drawingType !== Ve.DRAWING_DOM)
+          if (!t || t.drawingType !== ze.DRAWING_DOM)
             return;
-          const i = {
+          const r = {
             ...t.transform
           };
-          this._transformChange$.next({ id: n.drawingId, value: i });
+          this._transformChange$.next({ id: n.drawingId, value: r });
         });
       })
     );
@@ -1939,23 +2058,23 @@ let Je = class extends ue {
     );
   }
   addFloatDomToPosition(e) {
-    const n = se(this._univerInstanceService, {
+    const n = oe(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
     });
     if (!n)
       throw new Error("cannot find current target!");
-    const { unitId: t, subUnitId: i } = n, { initPosition: s, componentKey: o } = e, a = ie.generateRandomId(), c = this._getPosition(s);
-    if (c == null)
+    const { unitId: t, subUnitId: r } = n, { initPosition: s, componentKey: o } = e, a = se.generateRandomId(), d = this._getPosition(s);
+    if (d == null)
       return;
-    this._ensureMap(t, i).set(a, e);
+    this._ensureMap(t, r).set(a, e);
     const l = {
       unitId: t,
-      subUnitId: i,
+      subUnitId: r,
       drawingId: a,
-      drawingType: Ve.DRAWING_DOM,
+      drawingType: ze.DRAWING_DOM,
       componentKey: o,
-      sheetTransform: c,
+      sheetTransform: d,
       transform: {
         left: s.startX,
         top: s.startY,
@@ -1963,7 +2082,7 @@ let Je = class extends ue {
         height: s.endY - s.startY
       }
     };
-    return this._commandService.executeCommand(et.id, {
+    return this._commandService.executeCommand(at.id, {
       unitId: t,
       drawings: [l]
     }), {
@@ -1977,46 +2096,46 @@ let Je = class extends ue {
     const t = this._domLayerInfoMap.get(e);
     if (!t)
       return;
-    const { unitId: i, subUnitId: s } = t;
+    const { unitId: r, subUnitId: s } = t;
     this._domLayerInfoMap.delete(e), t.dispose.dispose();
-    const o = this._getSceneAndTransformerByDrawingSearch(i);
+    const o = this._getSceneAndTransformerByDrawingSearch(r);
     if (o && o.scene.removeObject(t.rect), n) {
-      this._ensureMap(i, s).delete(e);
-      const c = this._drawingManagerService.getDrawingByParam({ unitId: i, subUnitId: s, drawingId: e });
-      if (!c)
+      this._ensureMap(r, s).delete(e);
+      const d = this._drawingManagerService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: e });
+      if (!d)
         return;
-      const g = this._sheetDrawingService.getBatchRemoveOp([c]), { redo: l, objects: d } = g;
-      this._commandService.syncExecuteCommand(O.id, { unitId: i, subUnitId: s, op: l, objects: d, type: P.REMOVE });
+      const g = this._sheetDrawingService.getBatchRemoveOp([d]), { redo: l, objects: c } = g;
+      this._commandService.syncExecuteCommand(y.id, { unitId: r, subUnitId: s, op: l, objects: c, type: T.REMOVE });
     }
   }
 };
-Je = ri([
-  ee(0, $(te)),
-  ee(1, ce),
-  ee(2, $(B)),
-  ee(3, H),
-  ee(4, $e),
-  ee(5, $(Gn)),
-  ee(6, X)
-], Je);
-var si = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, ai = (r, e, n, t) => {
-  for (var i = t > 1 ? void 0 : t ? oi(e, n) : e, s = r.length - 1, o; s >= 0; s--)
-    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
-  return t && i && si(e, n, i), i;
-}, be = (r, e) => (n, t) => e(n, t, r);
-let Te = class extends ue {
-  constructor(r, e, n, t) {
-    super(), this._sheetPrintInterceptorService = r, this._drawingRenderService = e, this._drawingManagerService = n, this._renderManagerService = t, this._initPrinting();
+it = ui([
+  ie(0, W(te)),
+  ie(1, ge),
+  ie(2, W(Y)),
+  ie(3, J),
+  ie(4, Se),
+  ie(5, W(Kn)),
+  ie(6, H)
+], it);
+var gi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, fi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? mi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && gi(e, n, r), r;
+}, Ue = (i, e) => (n, t) => e(n, t, i);
+let Be = class extends de {
+  constructor(i, e, n, t) {
+    super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = n, this._renderManagerService = t, this._initPrinting();
   }
   _initPrinting() {
     this.disposeWithMe(
       this._sheetPrintInterceptorService.interceptor.intercept(
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
         {
-          handler: (r, e, n) => {
-            const { unitId: t, scene: i, subUnitId: s } = e, o = this._drawingManagerService.getDrawingDataForUnit(t), a = o == null ? void 0 : o[s];
-            return a && a.order.forEach((c) => {
-              this._drawingRenderService.renderDrawing(a.data[c], i);
+          handler: (i, e, n) => {
+            const { unitId: t, scene: r, subUnitId: s } = e, o = this._drawingManagerService.getDrawingDataForUnit(t), a = o == null ? void 0 : o[s];
+            return a && a.order.forEach((d) => {
+              this._drawingRenderService.renderDrawing(a.data[d], r);
             }), n();
           }
         }
@@ -2025,49 +2144,49 @@ let Te = class extends ue {
       this._sheetPrintInterceptorService.interceptor.intercept(
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_RANGE,
         {
-          handler: (r, e, n) => {
-            const { unitId: t, subUnitId: i } = e, s = this._renderManagerService.getRenderById(t);
+          handler: (i, e, n) => {
+            const { unitId: t, subUnitId: r } = e, s = this._renderManagerService.getRenderById(t);
             if (!s)
-              return n(r);
-            const o = s.with(Xe).getUnitSkeleton(t, i);
+              return n(i);
+            const o = s.with(_e).getUnitSkeleton(t, r);
             if (!o)
-              return n(r);
-            const a = this._drawingManagerService.getDrawingDataForUnit(t), c = a == null ? void 0 : a[e.subUnitId];
-            if (!c)
-              return n(r);
-            const { scaleX: g, scaleY: l } = s.scene, d = r ? { ...r } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, m = c.order.map((u) => c.data[u]).filter((u) => u.drawingType !== Le.DRAWING_DOM);
-            return m.length ? (m.forEach((u) => {
-              if (!u.groupId && u.transform && ie.isDefine(u.transform.left) && ie.isDefine(u.transform.top) && ie.isDefine(u.transform.width) && ie.isDefine(u.transform.height)) {
-                const f = o.skeleton.getCellPositionByOffset(u.transform.left, u.transform.top, g, l, { x: 0, y: 0 }), h = o.skeleton.getCellPositionByOffset(u.transform.left + u.transform.width, u.transform.top + u.transform.height, g, l, { x: 0, y: 0 });
-                f.column < d.startColumn && (d.startColumn = f.column), f.row < d.startRow && (d.startRow = f.row), d.endRow < h.row && (d.endRow = h.row), d.endColumn < h.column && (d.endColumn = h.column);
+              return n(i);
+            const a = this._drawingManagerService.getDrawingDataForUnit(t), d = a == null ? void 0 : a[e.subUnitId];
+            if (!d)
+              return n(i);
+            const { scaleX: g, scaleY: l } = s.scene, c = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, u = d.order.map((h) => d.data[h]).filter((h) => h.drawingType !== Fe.DRAWING_DOM);
+            return u.length ? (u.forEach((h) => {
+              if (!h.groupId && h.transform && se.isDefine(h.transform.left) && se.isDefine(h.transform.top) && se.isDefine(h.transform.width) && se.isDefine(h.transform.height)) {
+                const f = o.skeleton.getCellPositionByOffset(h.transform.left, h.transform.top, g, l, { x: 0, y: 0 }), m = o.skeleton.getCellPositionByOffset(h.transform.left + h.transform.width, h.transform.top + h.transform.height, g, l, { x: 0, y: 0 });
+                f.column < c.startColumn && (c.startColumn = f.column), f.row < c.startRow && (c.startRow = f.row), c.endRow < m.row && (c.endRow = m.row), c.endColumn < m.column && (c.endColumn = m.column);
               }
-            }), n(d)) : n(r);
+            }), n(c)) : n(i);
           }
         }
       )
     );
   }
 };
-Te = ai([
-  de(le.Rendered, Te),
-  be(0, $(yn)),
-  be(1, $(gn)),
-  be(2, H),
-  be(3, te)
-], Te);
-var ci = Object.defineProperty, di = Object.getOwnPropertyDescriptor, li = (r, e, n, t) => {
-  for (var i = t > 1 ? void 0 : t ? di(e, n) : e, s = r.length - 1, o; s >= 0; s--)
-    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
-  return t && i && ci(e, n, i), i;
-}, ge = (r, e) => (n, t) => e(n, t, r);
-let Ue = class extends ue {
-  constructor(r, e, n, t, i) {
-    super(), this._drawingManagerService = r, this._renderManagerService = e, this._permissionService = n, this._univerInstanceService = t, this._userManagerService = i, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
+Be = fi([
+  ae(ce.Rendered, Be),
+  Ue(0, W(Ln)),
+  Ue(1, W(vn)),
+  Ue(2, J),
+  Ue(3, te)
+], Be);
+var pi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, _i = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? wi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && pi(e, n, r), r;
+}, fe = (i, e) => (n, t) => e(n, t, i);
+let $e = class extends de {
+  constructor(i, e, n, t, r) {
+    super(), this._drawingManagerService = i, this._renderManagerService = e, this._permissionService = n, this._univerInstanceService = t, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
   _initDrawingVisible() {
-    const r = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET);
     this.disposeWithMe(
-      Se([r, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      be([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         if (!e) {
           this._drawingManagerService.setDrawingVisible(!1);
           return;
@@ -2077,16 +2196,16 @@ let Ue = class extends ue {
             this._drawingManagerService.setDrawingVisible(!1);
             return;
           }
-          const i = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new lt(i).id, new xe(i, s).id]).every((a) => a.value))
+          const r = e.getUnitId(), s = t.getSheetId();
+          if (this._permissionService.composePermission([new ft(r).id, new Je(r, s).id]).every((a) => a.value))
             this._drawingManagerService.setDrawingVisible(!0);
           else {
             this._drawingManagerService.setDrawingVisible(!1);
-            const a = e.getUnitId(), c = t.getSheetId(), g = this._drawingManagerService.getDrawingData(a, c), l = Object.values(g), d = this._renderManagerService.getRenderById(a), m = d == null ? void 0 : d.scene;
-            if (m == null)
+            const a = e.getUnitId(), d = t.getSheetId(), g = this._drawingManagerService.getDrawingData(a, d), l = Object.values(g), c = this._renderManagerService.getRenderById(a), u = c == null ? void 0 : c.scene;
+            if (u == null)
               return;
-            m.getAllObjects().forEach((f) => {
-              f.classType === ne.IMAGE && l.some((h) => f.oKey.includes(h.drawingId)) && m.removeObject(f);
+            u.getAllObjects().forEach((f) => {
+              f.classType === le.IMAGE && l.some((m) => f.oKey.includes(m.drawingId)) && u.removeObject(f);
             });
           }
         });
@@ -2094,9 +2213,9 @@ let Ue = class extends ue {
     );
   }
   _initDrawingEditable() {
-    const r = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET);
     this.disposeWithMe(
-      Se([r, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      be([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         if (!e) {
           this._drawingManagerService.setDrawingEditable(!1);
           return;
@@ -2106,16 +2225,16 @@ let Ue = class extends ue {
             this._drawingManagerService.setDrawingEditable(!1);
             return;
           }
-          const i = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new He(i).id, new Oe(i, s).id]).every((a) => a.value))
+          const r = e.getUnitId(), s = t.getSheetId();
+          if (this._permissionService.composePermission([new et(r).id, new Ne(r, s).id]).every((a) => a.value))
             this._drawingManagerService.setDrawingEditable(!0);
           else {
             this._drawingManagerService.setDrawingEditable(!1);
-            const a = e.getUnitId(), c = t.getSheetId(), g = this._drawingManagerService.getDrawingData(a, c), l = Object.values(g), d = this._renderManagerService.getRenderById(a), m = d == null ? void 0 : d.scene;
-            if (m == null)
+            const a = e.getUnitId(), d = t.getSheetId(), g = this._drawingManagerService.getDrawingData(a, d), l = Object.values(g), c = this._renderManagerService.getRenderById(a), u = c == null ? void 0 : c.scene;
+            if (u == null)
               return;
-            m.getAllObjects().forEach((f) => {
-              f.classType === ne.IMAGE && l.some((h) => f.oKey.includes(h.drawingId)) && m.detachTransformerFrom(f);
+            u.getAllObjects().forEach((f) => {
+              f.classType === le.IMAGE && l.some((m) => f.oKey.includes(m.drawingId)) && u.detachTransformerFrom(f);
             });
           }
         });
@@ -2123,38 +2242,38 @@ let Ue = class extends ue {
     );
   }
   _initViewPermissionChange() {
-    const r = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET);
     this.disposeWithMe(
-      Se([r, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      be([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         e && e.activeSheet$.subscribe((t) => {
-          var d;
+          var c;
           if (!t)
             return;
-          const i = e.getUnitId(), s = t.getSheetId();
+          const r = e.getUnitId(), s = t.getSheetId();
           let o = !0;
-          const a = this._renderManagerService.getRenderById(i), c = a == null ? void 0 : a.scene;
-          if (c == null)
+          const a = this._renderManagerService.getRenderById(r), d = a == null ? void 0 : a.scene;
+          if (d == null)
             return;
-          const g = c.getTransformerByCreate(), l = this._permissionService.composePermission$([new lt(i).id, new xe(i, s).id]).pipe(dt((m) => m.every((u) => u.value)));
+          const g = d.getTransformerByCreate(), l = this._permissionService.composePermission$([new ft(r).id, new Je(r, s).id]).pipe(mt((u) => u.every((h) => h.value)));
           l == null || l.pipe(
-            Ce((m) => m !== o),
-            Ie()
+            Oe((u) => u !== o),
+            Ee()
           ).subscribe({
-            next: (m) => {
-              o = m, this._drawingManagerService.setDrawingVisible(m);
-              const u = c.getAllObjects(), f = this._drawingManagerService.getDrawingData(i, s), h = Object.values(f);
-              m ? this._drawingManagerService.addNotification(h) : (u.forEach((p) => {
-                p.classType === ne.IMAGE && h.some((S) => p.oKey.includes(S.drawingId)) && c.removeObject(p);
+            next: (u) => {
+              o = u, this._drawingManagerService.setDrawingVisible(u);
+              const h = d.getAllObjects(), f = this._drawingManagerService.getDrawingData(r, s), m = Object.values(f);
+              u ? this._drawingManagerService.addNotification(m) : (h.forEach((p) => {
+                p.classType === le.IMAGE && m.some((v) => p.oKey.includes(v.drawingId)) && d.removeObject(p);
               }), g.clearSelectedObjects());
             }
-          }), (d = this._permissionService.getPermissionPoint$(new xe(i, s).id)) == null || d.pipe(
-            Ce((m) => m.value !== o),
-            Ie()
+          }), (c = this._permissionService.getPermissionPoint$(new Je(r, s).id)) == null || c.pipe(
+            Oe((u) => u.value !== o),
+            Ee()
           ).subscribe({
             complete: () => {
               o = !0, this._drawingManagerService.setDrawingVisible(!0);
-              const m = this._drawingManagerService.getDrawingData(i, s), u = Object.values(m);
-              this._drawingManagerService.addNotification(u);
+              const u = this._drawingManagerService.getDrawingData(r, s), h = Object.values(u);
+              this._drawingManagerService.addNotification(h);
             }
           });
         });
@@ -2162,43 +2281,43 @@ let Ue = class extends ue {
     );
   }
   _initEditPermissionChange() {
-    const r = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET);
     this.disposeWithMe(
-      Se([r, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      be([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         e && e.activeSheet$.subscribe((t) => {
-          var d;
+          var c;
           if (!t)
             return;
-          const i = e.getUnitId(), s = t.getSheetId();
+          const r = e.getUnitId(), s = t.getSheetId();
           let o = !0;
-          const a = this._renderManagerService.getRenderById(i), c = a == null ? void 0 : a.scene;
-          if (c == null)
+          const a = this._renderManagerService.getRenderById(r), d = a == null ? void 0 : a.scene;
+          if (d == null)
             return;
-          const g = c.getTransformerByCreate(), l = this._permissionService.composePermission$([new He(i).id, new Oe(i, s).id]).pipe(dt((m) => m.every((u) => u.value)));
+          const g = d.getTransformerByCreate(), l = this._permissionService.composePermission$([new et(r).id, new Ne(r, s).id]).pipe(mt((u) => u.every((h) => h.value)));
           l == null || l.pipe(
-            Ce((m) => m !== o),
-            Ie()
+            Oe((u) => u !== o),
+            Ee()
           ).subscribe({
-            next: (m) => {
-              o = m, this._drawingManagerService.setDrawingEditable(m);
-              const u = c.getAllObjects(), f = this._drawingManagerService.getDrawingData(i, s), h = Object.values(f);
-              m ? (u.forEach((p) => {
-                p.classType === ne.IMAGE && h.some((S) => p.oKey.includes(S.drawingId)) && c.attachTransformerTo(p);
-              }), this._drawingManagerService.addNotification(h)) : (u.forEach((p) => {
-                p.classType === ne.IMAGE && h.some((S) => p.oKey.includes(S.drawingId)) && c.detachTransformerFrom(p);
+            next: (u) => {
+              o = u, this._drawingManagerService.setDrawingEditable(u);
+              const h = d.getAllObjects(), f = this._drawingManagerService.getDrawingData(r, s), m = Object.values(f);
+              u ? (h.forEach((p) => {
+                p.classType === le.IMAGE && m.some((v) => p.oKey.includes(v.drawingId)) && d.attachTransformerTo(p);
+              }), this._drawingManagerService.addNotification(m)) : (h.forEach((p) => {
+                p.classType === le.IMAGE && m.some((v) => p.oKey.includes(v.drawingId)) && d.detachTransformerFrom(p);
               }), g.clearSelectedObjects());
             }
-          }), (d = this._permissionService.getPermissionPoint$(new Oe(i, s).id)) == null || d.pipe(
-            Ce((m) => m.value !== o),
-            Ie()
+          }), (c = this._permissionService.getPermissionPoint$(new Ne(r, s).id)) == null || c.pipe(
+            Oe((u) => u.value !== o),
+            Ee()
           ).subscribe({
             complete: () => {
               o = !0;
-              const m = e.getUnitId(), u = t.getSheetId(), f = this._drawingManagerService.getDrawingData(m, u), h = Object.values(f), p = this._renderManagerService.getRenderById(m), S = p == null ? void 0 : p.scene;
-              if (S == null)
+              const u = e.getUnitId(), h = t.getSheetId(), f = this._drawingManagerService.getDrawingData(u, h), m = Object.values(f), p = this._renderManagerService.getRenderById(u), v = p == null ? void 0 : p.scene;
+              if (v == null)
                 return;
-              this._drawingManagerService.setDrawingEditable(!0), S.getAllObjects().forEach((v) => {
-                v.classType === ne.IMAGE && h.some((R) => v.oKey.includes(R.drawingId)) && S.detachTransformerFrom(v);
+              this._drawingManagerService.setDrawingEditable(!0), v.getAllObjects().forEach((S) => {
+                S.classType === le.IMAGE && m.some((D) => S.oKey.includes(D.drawingId)) && v.detachTransformerFrom(S);
               });
             }
           });
@@ -2207,56 +2326,204 @@ let Ue = class extends ue {
     );
   }
 };
-Ue = li([
-  de(le.Rendered, Ue),
-  ge(0, H),
-  ge(1, te),
-  ge(2, sn),
-  ge(3, ce),
-  ge(4, $(rn))
-], Ue);
-var zt = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, mi = (r, e, n) => e in r ? zt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n, gi = (r, e, n, t) => {
-  for (var i = t > 1 ? void 0 : t ? ui(e, n) : e, s = r.length - 1, o; s >= 0; s--)
-    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
-  return t && i && zt(e, n, i), i;
-}, mt = (r, e) => (n, t) => e(n, t, r), Kt = (r, e, n) => mi(r, typeof e != "symbol" ? e + "" : e, n);
-const hi = "SHEET_IMAGE_UI_PLUGIN";
-let je = class extends on {
-  constructor(e = {}, n, t) {
+$e = _i([
+  ae(ce.Rendered, $e),
+  fe(0, J),
+  fe(1, te),
+  fe(2, un),
+  fe(3, ge),
+  fe(4, W(ln))
+], $e);
+var vi = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, Ci = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Si(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && vi(e, n, r), r;
+}, Ae = (i, e) => (n, t) => e(n, t, i);
+let Ve = class extends de {
+  constructor(e, n, t, r) {
+    super();
+    K(this, "_copyInfo");
+    this._sheetClipboardService = e, this._selectionRenderService = n, this._sheetDrawingService = t, this._injector = r, this._initCopyPaste();
+  }
+  _initCopyPaste() {
+    this._sheetClipboardService.addClipboardHook({
+      id: "SHEET_IMAGE_UI_PLUGIN",
+      onBeforeCopy: (e, n, t) => this._collect(e, n, t),
+      onPasteCells: (e, n, t, r) => {
+        const { copyType: s = ut.COPY, pasteType: o } = r, { range: a } = e || {}, { range: d, unitId: g, subUnitId: l } = n;
+        return this._generateMutations(d, { copyType: s, pasteType: o, copyRange: a, unitId: g, subUnitId: l });
+      },
+      onPastePlainText: (e, n) => ({ undos: [], redos: [] })
+    });
+  }
+  _collect(e, n, t) {
+    const r = this._selectionRenderService.attachRangeWithCoord(t);
+    if (!r)
+      return;
+    const { startX: s, endX: o, startY: a, endY: d } = r, g = this._sheetDrawingService.getDrawingData(e, n), l = [];
+    Object.keys(g).forEach((c) => {
+      const u = g[c], { transform: h } = u;
+      if (u.anchorType !== E.Both || !h)
+        return;
+      const { left: f = 0, top: m = 0, width: p = 0, height: v = 0 } = h, { drawingStartX: R, drawingEndX: S, drawingStartY: D, drawingEndY: _ } = {
+        drawingStartX: f,
+        drawingEndX: f + p,
+        drawingStartY: m,
+        drawingEndY: m + v
+      };
+      s <= R && S <= o && a <= D && _ <= d && l.push(u);
+    }), l.length && (this._copyInfo = {
+      drawings: l,
+      unitId: e,
+      subUnitId: n
+    });
+  }
+  // eslint-disable-next-line max-lines-per-function
+  _generateMutations(e, n) {
+    if (!this._copyInfo)
+      return { redos: [], undos: [] };
+    if ([
+      Me.SPECIAL_PASTE_COL_WIDTH,
+      Me.SPECIAL_PASTE_VALUE,
+      Me.SPECIAL_PASTE_FORMAT,
+      Me.SPECIAL_PASTE_FORMULA
+    ].includes(
+      n.pasteType
+    ))
+      return { redos: [], undos: [] };
+    const { copyRange: t } = n;
+    if (!t)
+      return { redos: [], undos: [] };
+    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [a, d], mapFunc: g } = Wn([t, e]), { row: l, col: c } = g(a.startRow, a.startColumn), { row: u, col: h } = g(d.startRow, d.startColumn), f = this._selectionRenderService.attachRangeWithCoord({
+      startRow: l,
+      endRow: l,
+      startColumn: c,
+      endColumn: c
+    }), m = this._selectionRenderService.attachRangeWithCoord({
+      startRow: u,
+      endRow: u,
+      startColumn: h,
+      endColumn: h
+    });
+    if (!f || !m)
+      return { redos: [], undos: [] };
+    const p = [], v = [], R = m.startX - f.startX, S = m.startY - f.startY, D = u - l, _ = h - c, b = n.copyType === ut.CUT, { _sheetDrawingService: w } = this;
+    return r.forEach((U) => {
+      const { transform: O, sheetTransform: I } = U;
+      if (!O)
+        return;
+      const P = {
+        ...U,
+        unitId: s,
+        subUnitId: o,
+        drawingId: b ? U.drawingId : se.generateRandomId(),
+        transform: {
+          ...O,
+          left: O.left + R,
+          top: O.top + S
+        },
+        sheetTransform: {
+          to: { ...I.to, row: I.to.row + D, column: I.to.column + _ },
+          from: { ...I.from, row: I.from.row + D, column: I.from.column + _ }
+        }
+      };
+      if (b) {
+        const { undo: M, redo: C, objects: A } = w.getBatchUpdateOp([P]);
+        p.push({
+          id: y.id,
+          params: {
+            unitId: s,
+            subUnitId: o,
+            type: T.UPDATE,
+            op: C,
+            objects: A
+          }
+        }), v.push({
+          id: y.id,
+          params: {
+            unitId: s,
+            subUnitId: o,
+            type: T.UPDATE,
+            op: M,
+            objects: A
+          }
+        });
+      } else {
+        const { undo: M, redo: C, objects: A } = w.getBatchAddOp([P]);
+        p.push({ id: y.id, params: { op: C, unitId: s, subUnitId: o, objects: A, type: T.INSERT } }), v.push({ id: y.id, params: { op: M, unitId: s, subUnitId: o, objects: A, type: T.REMOVE } });
+      }
+    }), {
+      redos: p,
+      undos: v
+    };
+  }
+};
+Ve = Ci([
+  ae(ce.Ready, Ve),
+  Ae(0, Bn),
+  Ae(1, Se),
+  Ae(2, H),
+  Ae(3, W(xe))
+], Ve);
+var qt = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, Ii = (i, e, n) => e in i ? qt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Di = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ri(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && qt(e, n, r), r;
+}, Qe = (i, e) => (n, t) => e(n, t, i), Qt = (i, e, n) => Ii(i, typeof e != "symbol" ? e + "" : e, n);
+const Mi = "SHEET_IMAGE_UI_PLUGIN";
+let Xe = class extends hn {
+  constructor(e = {}, n, t, r) {
     super();
     K(this, "_pluginConfig");
-    this._injector = n, this._localeService = t, this._pluginConfig = ie.deepMerge({}, kr, e);
+    this._injector = n, this._localeService = t, this._renderManagerService = r, this._pluginConfig = se.deepMerge({}, ri, e);
   }
   onStarting(e) {
     super.onStarting(e), this._initDependencies(e);
   }
   _initDependencies(e) {
-    [
+    const n = [
       // services
-      [Je],
+      [it],
       // controllers
       [
-        he,
+        pe,
         {
-          useFactory: () => this._injector.createInstance(he, this._pluginConfig)
+          useFactory: () => this._injector.createInstance(pe, this._pluginConfig)
         }
       ],
-      [Ee],
-      [Pe],
-      [ye],
-      [Te],
-      [Ue]
-    ].forEach((t) => e.add(t));
+      [je],
+      [Be],
+      [$e],
+      [Ve]
+    ], t = [
+      Le,
+      We
+    ];
+    n.forEach((r) => e.add(r)), t.forEach((r) => this._renderManagerService.registerRenderModule(F.UNIVER_SHEET, r));
   }
 };
-Kt(je, "type", Y.UNIVER_SHEET);
-Kt(je, "pluginName", hi);
-je = gi([
-  an(Sn, hn, fn),
-  mt(1, $(Ze)),
-  mt(2, $(pe))
-], je);
+Qt(Xe, "type", F.UNIVER_SHEET);
+Qt(Xe, "pluginName", Mi);
+Xe = Di([
+  gn(bn, Sn, Cn),
+  Qe(1, W(xe)),
+  Qe(2, W(ve)),
+  Qe(3, te)
+], Xe);
 export {
-  Je as SheetCanvasFloatDomManagerService,
-  je as UniverSheetsDrawingUIPlugin
+  j as ClearSheetDrawingTransformerOperation,
+  Zt as DeleteDrawingsCommand,
+  Yt as EditSheetDrawingOperation,
+  Xt as GroupSheetDrawingCommand,
+  Ye as InsertCellImageOperation,
+  He as InsertFloatImageOperation,
+  at as InsertSheetDrawingCommand,
+  Ce as MoveDrawingsCommand,
+  ot as RemoveSheetDrawingCommand,
+  Gt as SetDrawingArrangeCommand,
+  ke as SetSheetDrawingCommand,
+  it as SheetCanvasFloatDomManagerService,
+  Vt as SidebarSheetDrawingOperation,
+  xt as UngroupSheetDrawingCommand,
+  Xe as UniverSheetsDrawingUIPlugin
 };