@univerjs/sheets-drawing-ui 0.2.1 → 0.2.3

package/lib/es/index.js

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