@univerjs/sheets-drawing-ui 0.2.2 → 0.2.4-alpha.0

package/lib/es/index.js

@@ -1,60 +1,58 @@
-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";
+var en = Object.defineProperty;
+var tn = (i, e, n) => e in i ? en(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var H = (i, e, n) => tn(i, typeof e != "symbol" ? e + "" : e, n);
+import { CommandType as F, ICommandService as V, IUndoRedoService as ge, LocaleService as _e, IUniverInstanceService as he, useDependency as q, RxDisposable as nn, UniverInstanceType as B, connectInjector as rn, toDisposable as sn, FOCUSING_COMMON_DRAWINGS as we, OnLifecycle as ie, LifecycleStages as se, Inject as W, Injector as nt, IContextService as _t, Disposable as oe, Direction as Q, FOCUSING_FORMULA_EDITOR as on, EDITOR_ACTIVATED as an, Rectangle as cn, DrawingTypeEnum as Ye, DisposableCollection as dn, Tools as ne, UserManagerService as ln, IPermissionService as un, Plugin as gn, DependentOn as hn } from "@univerjs/core";
 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";
+import { ISheetDrawingService as k, SetDrawingApplyMutation as E, DrawingApplyType as y, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as Cn } from "@univerjs/sheets-drawing";
+import { IDrawingManagerService as z, IImageIoService as vt, ArrangeTypeEnum as Ce, DrawingTypeEnum as Ve, DRAWING_IMAGE_COUNT_LIMIT as dt, ImageUploadStatusType as ke, DRAWING_IMAGE_ALLOW_SIZE as In, getImageSize as Rn, DRAWING_IMAGE_WIDTH_LIMIT as lt, DRAWING_IMAGE_HEIGHT_LIMIT as ut, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Mn, getDrawingShapeKeyByDrawingSearch as Dn, UniverDrawingPlugin as bn } from "@univerjs/drawing";
+import { IRenderManagerService as K, getGroupState as En, transformObjectOutOfGroup as yn, precisionTo as ee, Rect as On, DRAWING_OBJECT_LAYER_INDEX as Pn, SHEET_VIEWPORT_KEY as Tn, RENDER_CLASS_TYPE as ae } from "@univerjs/engine-render";
+import { SheetCanvasPopManagerService as Un, ISheetSelectionRenderService as Ge, SheetSkeletonManagerService as re, attachRangeWithCoord as An, getCurrentRangeDisable$ as Nn, SetScrollOperation as jn, SetZoomRatioOperation as Ln, SheetPrintInterceptorService as Bn, COPY_TYPE as gt, PREDEFINED_HOOK_NAME as Ie, virtualizeDiscreteRanges as Wn, ISheetClipboardService as $n } from "@univerjs/sheets-ui";
+import { takeUntil as ht, Subject as mt, BehaviorSubject as Vn, combineLatest as Re, map as ft, filter as Me, distinctUntilChanged as De } from "rxjs";
+import { ISidebarService as Gn, BuiltInUIPart as xn, IUIPartsService as Fn, IMessageService as Yn, MenuItemType as St, MenuPosition as kn, MenuGroup as Hn, getMenuHiddenObservable as Ct, KeyCode as ue, ComponentManager as Xn, IMenuService as zn, IShortcutService as Kn, CanvasFloatDomService as Jn } from "@univerjs/ui";
+import { getSheetCommandTarget as le, SheetsSelectionsService as Zn, WorkbookEditablePermission as Ze, WorksheetEditPermission as Pe, RangeProtectionPermissionEditPoint as qn, InsertRowCommand as It, InsertColCommand as Rt, RemoveRowCommand as Mt, RemoveColCommand as Dt, DeleteRangeMoveLeftCommand as bt, DeleteRangeMoveUpCommand as Et, InsertRangeMoveDownCommand as yt, InsertRangeMoveRightCommand as Ot, DeltaRowHeightCommand as qe, SetRowHeightCommand as Qe, DeltaColumnWidthCommand as Pt, SetColWidthCommand as Tt, SetRowHiddenCommand as Ut, SetSpecificRowsVisibleCommand as At, SetSpecificColsVisibleCommand as Nt, SetColHiddenCommand 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 pt, WorksheetViewPermission as He } from "@univerjs/sheets";
+import L, { useEffect as rt, forwardRef as Lt, useRef as Bt, createElement as Wt, useState as et } from "react";
+import { MessageType as be, RadioGroup as cr, Radio as Xe } 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(k);
     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: u } = a;
+    return n.syncExecuteCommand(E.id, { unitId: d, subUnitId: h, op: c, objects: u, 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: u, 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: u, type: y.REMOVE } },
         { id: j.id, params: o }
       ]
     }), !0) : !1;
   }
 }, $t = "COMPONENT_SHEET_DRAWING_PANEL", Vt = {
   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(Gn), t = i.get(_e), r = i.get(he), s = i.get(z);
+    if (!le(r)) return !1;
     switch (e.value) {
       case "open":
         n.open({
@@ -73,43 +71,43 @@ const j = {
     }
     return !0;
   }
-}, Yt = {
+}, Gt = {
   id: "sheet.operation.edit-sheet-image",
-  type: G.OPERATION,
+  type: F.OPERATION,
   handler: (i, e) => {
-    const n = i.get(J), t = i.get(Y);
+    const n = i.get(z), t = i.get(V);
     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 = {
+}, dr = "univer-upload-loading", lr = "univer-upload-loading-body", ur = "univer-upload-loading-body-animation", gr = "univer-UniverCircleAnimation", hr = "univer-upload-loading-body-text", ye = {
   uploadLoading: dr,
   uploadLoadingBody: lr,
   uploadLoadingBodyAnimation: ur,
-  univerCircleAnimation: hr,
-  uploadLoadingBodyText: gr
+  univerCircleAnimation: gr,
+  uploadLoadingBodyText: hr
 }, mr = () => {
-  const i = ee(_t), e = ee(ve), [n, t] = L.useState(0);
-  return st(() => {
+  const i = q(vt), e = q(_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--)
     (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 {
+}, te = (i, e) => (n, t) => e(n, t, i);
+let Te = class extends nn {
   constructor(e, n, t, r, s, o, a) {
     super();
-    K(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    H(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(ht(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(B.UNIVER_SHEET).pipe(ht(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(B.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(xn.CONTENT, () => rn(mr, this._injector));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -150,10 +148,10 @@ 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: u } = h;
           r == null || r.dispose(), r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
             componentKey: fn,
             direction: "horizontal",
@@ -183,14 +181,14 @@ let je = class extends rn {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Yt.id,
+        commandId: Gt.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
       },
@@ -211,80 +209,80 @@ let je = class extends rn {
     ];
   }
 };
-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 = {
+Te = wr([
+  ie(se.Steady, Te),
+  te(0, W(nt)),
+  te(1, z),
+  te(2, W(Un)),
+  te(3, K),
+  te(4, he),
+  te(5, _t),
+  te(6, W(Fn))
+], Te);
+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(k);
     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: u } = a;
+    return n.syncExecuteCommand(E.id, { op: c, unitId: d, subUnitId: h, objects: u, 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: u, 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: u, 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(k);
     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 = {
+}, xt = {
   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(k), { 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: u, undo: g } = l;
+    return n.syncExecuteCommand(E.id, { op: u, 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: g, 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: u, unitId: s, subUnitId: o, objects: c, type: y.ARRANGE } }
       ]
     }), !0) : !1;
   }
@@ -292,10 +290,10 @@ const He = {
 function _r(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 = En(0, 0, r.map((c) => c.transform || {})), h = r.map((c) => {
+      const u = c.transform || { left: 0, top: 0 }, { unitId: g, subUnitId: f, drawingId: m } = c;
       return {
-        unitId: h,
+        unitId: g,
         subUnitId: f,
         drawingId: m,
         transform: {
@@ -309,12 +307,12 @@ 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;
 }
@@ -324,10 +322,10 @@ function vr(i) {
     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: u } = c, { unitId: g, subUnitId: f, drawingId: m } = c, p = yn(u || {}, d, d.width || 0, d.height || 0);
       return {
-        unitId: h,
+        unitId: g,
         subUnitId: f,
         drawingId: m,
         transform: p,
@@ -337,7 +335,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 +343,142 @@ function vr(i) {
     };
     e.push({
       parent: l,
-      children: g
+      children: h
     });
   }), e;
 }
-const Xt = {
+const Ft = {
   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(k);
     if (!e) return !1;
     const s = [];
-    e.forEach(({ parent: h, children: f }) => {
-      s.push(h.unitId), f.forEach((m) => {
+    e.forEach(({ parent: g, children: f }) => {
+      s.push(g.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: vr(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 = {
+}, Yt = {
   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(k);
     if (!e) return !1;
     const s = [];
-    e.forEach(({ parent: h, children: f }) => {
-      s.push(h.unitId), f.forEach((m) => {
+    e.forEach(({ parent: g, children: f }) => {
+      s.push(g.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: _r(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: u, rowOffset: g } = t, { column: f, columnOffset: m, row: p, rowOffset: S } = r, C = n.attachRangeWithCoord({
     startColumn: l,
     endColumn: l,
     startRow: u,
     endRow: u
   });
-  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 P = ee(R + c, 1), D = ee(_ + g, 1), T = ee(b + m - P, 1), U = ee(w + S - D, 1);
+  C.startX === v.endX && (T = 0), C.startY === v.endY && (U = 0);
+  const M = n.getCurrentSkeleton(), I = M.rowHeaderWidth + M.columnTotalWidth, A = M.columnHeaderHeight + M.rowTotalHeight;
+  return P + T > I && (P = I - T), 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: P,
+    top: D,
+    width: T,
+    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 = {
     column: c.actualColumn,
-    columnOffset: Q(n - c.startX, 1),
+    columnOffset: ee(n - c.startX, 1),
     row: c.actualRow,
-    rowOffset: Q(t - c.startY, 1)
-  }, h = e.getSelectionCellByPosition(n + r, t + s);
-  if (h == null)
+    rowOffset: ee(t - c.startY, 1)
+  }, g = e.getSelectionCellByPosition(n + r, t + s);
+  if (g == 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: g.actualColumn,
+    columnOffset: ee(n + r - g.startX, 1),
+    row: g.actualRow,
+    rowOffset: ee(t + s - g.startY, 1)
   };
   return {
     flipY: o,
     flipX: a,
     angle: d,
-    skewX: g,
+    skewX: h,
     skewY: l,
     from: u,
     to: f
   };
 }
-var Sr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Rr = (i, e, n, t) => {
+var Sr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Ir = (i, e, n, t) => {
   for (var r = t > 1 ? void 0 : t ? Cr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
   return t && r && Sr(e, n, r), r;
 }, X = (i, e) => (n, t) => e(n, t, i);
-let Le = class extends de {
-  constructor(i, e, n, t, r, s, o, a, d, g, l, c, u) {
-    super(), this._context = i, this._commandService = e, this._univerInstanceService = n, this._selectionManagerService = t, this._selectionRenderService = r, this._imageIoService = s, this._sheetDrawingService = o, this._drawingManagerService = a, this._contextService = d, this._messageService = g, this._localeService = l, this._renderManagerService = c, this._sheetSkeletonManagerService = u, this._init();
+let Ue = class extends oe {
+  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(re);
   }
   _init() {
     this._initCommandListeners(), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._drawingAddListener();
@@ -479,19 +489,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) {
+          if (n > dt) {
             this._messageService.show({
-              type: ye.Error,
-              content: this._localeService.t("update-status.exceedMaxCount", String(ct))
+              type: be.Error,
+              content: this._localeService.t("update-status.exceedMaxCount", String(dt))
             });
             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 +516,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 === ke.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: be.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(In / (1024 * 1024)))
+      }) : v === ke.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 === ke.ERROR_IMAGE && this._messageService.show({
+        type: be.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
@@ -524,36 +534,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);
+    const { unitId: t, subUnitId: r } = n, { imageId: s, imageSourceType: o, source: a, base64Cache: d } = e, { width: h, height: l, image: c } = await Rn(d || ""), u = this._renderManagerService.getRenderById(t);
     if (u == null)
       return;
-    const { width: h, height: f } = u.scene;
+    const { width: g, height: f } = u.scene;
     this._imageIoService.addImageSourceCache(a, o, c);
     let m = 1;
-    if (g > dt || l > lt) {
-      const R = dt / g, S = lt / l;
-      m = Math.max(R, S);
+    if (h > lt || l > ut) {
+      const C = lt / h, v = ut / l;
+      m = Math.max(C, v);
     }
-    const p = this._getImagePosition(g * m, l * m, h, f);
+    const p = this._getImagePosition(h * m, l * m, g, 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 +576,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,29 +584,29 @@ 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 = An(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 = {
       column: a,
       columnOffset: 0,
       row: d,
       rowOffset: 0
-    }, h = this._selectionRenderService.getSelectionCellByPosition(g + i, l + e);
-    if (h == null)
+    }, g = this._selectionRenderService.getSelectionCellByPosition(h + i, l + e);
+    if (g == null)
       return;
     const f = {
-      column: h.actualColumn,
-      columnOffset: g + i - h.startX,
-      row: h.actualRow,
-      rowOffset: l + e - h.startY
+      column: g.actualColumn,
+      columnOffset: h + i - g.startX,
+      row: g.actualRow,
+      rowOffset: l + e - g.startY
     };
     return {
       from: u,
@@ -606,7 +616,7 @@ let Le = class extends de {
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
       const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: r } = i;
-      this._commandService.executeCommand(Gt.id, {
+      this._commandService.executeCommand(xt.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: t,
@@ -624,16 +634,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 +651,11 @@ let Le = class extends de {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(Xt.id, i);
+      this._commandService.executeCommand(Ft.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(Yt.id, i);
     });
   }
   _focusDrawingListener() {
@@ -668,53 +678,51 @@ 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 = Ir([
+  ie(se.Rendered, Ue),
+  X(0, V),
+  X(1, he),
+  X(2, W(Zn)),
+  X(3, vt),
+  X(4, k),
+  X(5, z),
+  X(6, _t),
+  X(7, Yn),
+  X(8, W(_e)),
+  X(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);
-}, Ir = function(i, e) {
+  }, Y.apply(this, arguments);
+}, Rr = function(i, e) {
   var n = {};
   for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
       e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
   return n;
-}, 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);
+}, kt = Lt(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = Rr(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Bt("_".concat(br()));
+  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 Wt(i.tag, Y(Y({ key: e }, Mr(i, n, r)), t), (Dr(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 Mr(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) {
@@ -722,45 +730,45 @@ function Dr(i, e, n) {
     typeof a == "string" && (t[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function Mr(i, e) {
+function Dr(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() {
   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, {
+kt.displayName = "UniverIcon";
+var Er = { 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 = Lt(function(i, e) {
+  return Wt(kt, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
-    icon: Or
+    icon: Er
   }));
 });
-kt.displayName = "AddImageSingle";
-const Er = "univer-upload-file-menu", yr = "univer-upload-file-menu-input", pt = {
-  uploadFileMenu: Er,
-  uploadFileMenuInput: yr
+Xt.displayName = "AddImageSingle";
+const yr = "univer-upload-file-menu", Or = "univer-upload-file-menu-input", wt = {
+  uploadFileMenu: yr,
+  uploadFileMenuInput: Or
 }, zt = "COMPONENT_UPLOAD_FILE_MENU";
-var Ge = /* @__PURE__ */ ((i) => (i[i.cellImage = 0] = "cellImage", i[i.floatImage = 1] = "floatImage", i))(Ge || {});
-const Tr = (i) => {
-  const { type: e } = i, n = ee(Y), t = Wt(null), r = () => {
+var We = /* @__PURE__ */ ((i) => (i[i.cellImage = 0] = "cellImage", i[i.floatImage = 1] = "floatImage", i))(We || {});
+const Pr = (i) => {
+  const { type: e } = i, n = q(V), t = Bt(null), r = () => {
     var a;
     (a = t.current) == null || a.click();
-  }, s = Dn.map((a) => `.${a.replace("image/", "")}`).join(","), o = (a) => {
+  }, s = Mn.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(
+  return /* @__PURE__ */ L.createElement("div", { onClick: r, className: wt.uploadFileMenu }, /* @__PURE__ */ L.createElement(
     "input",
     {
       type: "file",
-      className: pt.uploadFileMenuInput,
+      className: wt.uploadFileMenuInput,
       ref: t,
       onChange: o,
       accept: s,
@@ -768,94 +776,95 @@ const Tr = (i) => {
     }
   ));
 }, Kt = "addition-and-subtraction-single", Jt = "sheet.menu.image";
-function Pr(i) {
+function Tr(i) {
   return {
     id: Jt,
-    type: vt.SUBITEMS,
-    positions: [xn.TOOLBAR_START],
-    group: Fn.TOOLBAR_FORMULAS_INSERT,
+    type: St.SUBITEMS,
+    positions: [kn.TOOLBAR_START],
+    group: Hn.TOOLBAR_FORMULAS_INSERT,
     icon: Kt,
     tooltip: "sheetImage.title",
-    hidden$: St(i, F.UNIVER_SHEET),
-    disabled$: An(i, { workbookTypes: [et], worksheetTypes: [Ne], rangeTypes: [qn] })
+    hidden$: Ct(i, B.UNIVER_SHEET),
+    disabled$: Nn(i, { workbookTypes: [Ze], worksheetTypes: [Pe], rangeTypes: [qn] })
   };
 }
 function Ur(i) {
   return {
-    id: He.id,
+    id: xe.id,
     title: "sheetImage.upload.float",
-    type: vt.SELECTOR,
+    type: St.SELECTOR,
     label: {
       name: zt,
       props: {
-        type: Ge.floatImage
+        type: We.floatImage
       }
     },
     positions: [Jt],
-    hidden$: St(i, F.UNIVER_SHEET)
+    hidden$: Ct(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 = {
+const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", jr = "univer-image-common-panel-border", Lr = "univer-image-common-panel-title", Br = "univer-image-common-panel-subtitle", Wr = "univer-image-common-panel-row", $r = "univer-image-common-panel-row-vertical", Vr = "univer-image-common-panel-column", Gr = "univer-image-common-panel-column-center", xr = "univer-image-common-panel-inline", Fr = "univer-image-common-panel-span2", Yr = "univer-image-common-panel-span3", kr = "univer-image-common-panel-input", Hr = "univer-sheet-image-menu", Xr = "univer-sheet-image-menu-input", Z = {
   imageCommonPanel: Ar,
   imageCommonPanelGrid: Nr,
   imageCommonPanelBorder: jr,
   imageCommonPanelTitle: Lr,
+  imageCommonPanelSubtitle: Br,
   imageCommonPanelRow: Wr,
-  imageCommonPanelRowVertical: Br,
-  imageCommonPanelColumn: $r,
-  imageCommonPanelColumnCenter: Vr,
-  imageCommonPanelInline: Yr,
-  imageCommonPanelSpan2: Gr,
-  imageCommonPanelSpan3: Xr,
-  imageCommonPanelInput: xr,
-  sheetImageMenu: Fr,
-  sheetImageMenuInput: Hr
-}, kr = (i) => {
-  var S;
-  const e = ee(Y), n = ee(ve), t = ee(J), r = ee(te), { drawings: s } = i, o = s[0];
+  imageCommonPanelRowVertical: $r,
+  imageCommonPanelColumn: Vr,
+  imageCommonPanelColumnCenter: Gr,
+  imageCommonPanelInline: xr,
+  imageCommonPanelSpan2: Fr,
+  imageCommonPanelSpan3: Yr,
+  imageCommonPanelInput: kr,
+  sheetImageMenu: Hr,
+  sheetImageMenuInput: Xr
+}, zr = (i) => {
+  var v;
+  const e = q(V), n = q(_e), t = q(z), r = q(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, u] = et(!0), g = (v = o.anchorType) != null ? v : O.Position, [f, m] = et(g);
+  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: P } = w, D = _.getDrawingOKey(P);
+      if (D == null)
         return b.push(null), !0;
-      const { unitId: I, subUnitId: P, drawingId: M, drawingType: C, anchorType: A, sheetTransform: $ } = O;
+      const { unitId: T, subUnitId: U, drawingId: M, drawingType: I, anchorType: A, sheetTransform: G } = D;
       b.push({
-        unitId: I,
-        subUnitId: P,
+        unitId: T,
+        subUnitId: U,
         drawingId: M,
         anchorType: A,
-        sheetTransform: $,
-        drawingType: C
+        sheetTransform: G,
+        drawingType: I
       });
     }), b;
   }
-  st(() => {
-    const D = l.clearControl$.subscribe((b) => {
+  rt(() => {
+    const R = l.clearControl$.subscribe((b) => {
       b === !0 && u(!1);
     }), _ = l.changeStart$.subscribe((b) => {
-      var O;
-      const { objects: w } = b, U = p(w, t);
-      if (U.length === 0)
+      var D;
+      const { objects: w } = b, P = p(w, t);
+      if (P.length === 0)
         u(!1);
-      else if (U.length >= 1) {
+      else if (P.length >= 1) {
         u(!0);
-        const I = ((O = U[0]) == null ? void 0 : O.anchorType) || E.Position;
-        m(I);
+        const T = ((D = P[0]) == null ? void 0 : D.anchorType) || O.Position;
+        m(T);
       }
     });
     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,140 +872,140 @@ 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"))))));
-}, zr = () => {
-  const i = ee(J), e = i.getFocusDrawings(), [n, t] = rt(e);
-  return st(() => {
+  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(cr, { value: f, onChange: S, direction: "vertical" }, /* @__PURE__ */ L.createElement(Xe, { value: O.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ L.createElement(Xe, { value: O.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ L.createElement(Xe, { value: O.None }, n.t("drawing-anchor.none"))))));
+}, Kr = () => {
+  const i = q(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(_n, { drawings: n }), /* @__PURE__ */ L.createElement(zr, { 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(k), 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 u = { ...c }, { left: g = 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 = g - 1 : s === Q.RIGHT && (u.left = g + 1), {
         ...l,
         transform: u,
         sheetTransform: N(u, 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 = {
   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(k).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) {
+function Se(i) {
   return !i.getContextValue(on) && !i.getContextValue(an) && i.getContextValue(we);
 }
-const Kr = {
-  id: Ce.id,
+const Jr = {
+  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
+    direction: Q.DOWN
   }
-}, Jr = {
-  id: Ce.id,
+}, Zr = {
+  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
+    direction: Q.UP
   }
-}, Zr = {
-  id: Ce.id,
+}, qr = {
+  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
+    direction: Q.LEFT
   }
-}, qr = {
-  id: Ce.id,
+}, Qr = {
+  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
+    direction: Q.RIGHT
   }
-}, Qr = {
+}, ei = {
   id: Zt.id,
   description: "shortcut.sheet.drawing-delete",
   group: "4_sheet-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: Re,
+  preconditions: Se,
   binding: ue.DELETE,
   mac: ue.BACKSPACE
 };
-var ei = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, ni = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ti(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var ti = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ri = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ni(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && ei(e, n, r), r;
+  return t && r && ti(e, n, r), r;
 }, me = (i, e) => (n, t) => e(n, t, i);
-const ri = {};
-let pe = class extends de {
+const ii = {};
+let pe = class extends oe {
   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(Kt, Xt)), this.disposeWithMe(i.register(zt, Pr)), this.disposeWithMe(i.register($t, Kr));
   }
   _initMenus() {
     const { menu: i = {} } = this._config;
     [
-      Pr,
+      Tr,
       Ur
       // UploadCellImageMenuFactory,
     ].forEach((e) => {
@@ -1005,29 +1014,29 @@ let pe = class extends de {
   }
   _initCommands() {
     [
-      He,
-      Ye,
-      at,
-      ot,
-      ke,
+      xe,
+      Be,
+      st,
+      it,
+      Fe,
       Vt,
       j,
+      Gt,
+      Ft,
       Yt,
-      Xt,
-      xt,
-      Ce,
+      ve,
       Zt,
-      Gt
+      xt
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Kr,
       Jr,
       Zr,
       qr,
-      Qr
+      Qr,
+      ei
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -1036,38 +1045,37 @@ let pe = class extends de {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-pe = ni([
-  ae(ce.Rendered, pe),
-  me(1, W(xe)),
-  me(2, W(Hn)),
-  me(3, kn),
-  me(4, Y),
-  me(5, zn)
+pe = ri([
+  ie(se.Rendered, pe),
+  me(1, W(nt)),
+  me(2, W(Xn)),
+  me(3, zn),
+  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--)
+var si = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, ai = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? oi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && ii(e, n, r), r;
-}, re = (i, e) => (n, t) => e(n, t, i);
-const ai = [
-  Ct.id,
-  Rt.id,
+  return t && r && si(e, n, r), r;
+}, ce = (i, e) => (n, t) => e(n, t, i);
+const ci = [
   It.id,
-  Dt.id,
+  Rt.id,
   Mt.id,
+  Dt.id,
   bt.id,
-  Ot.id,
   Et.id,
-  tt.id,
-  nt.id,
   yt.id,
-  Tt.id,
+  Ot.id,
+  qe.id,
+  Qe.id,
   Pt.id,
+  Tt.id,
   Ut.id,
   At.id,
   Nt.id,
   jt.id
-], ci = [
+], di = [
   Qn.id,
   er.id,
   tr.id,
@@ -1075,9 +1083,21 @@ const ai = [
   rr.id,
   ir.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 oe {
+  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(re);
   }
   _init() {
     this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
@@ -1086,57 +1106,55 @@ let We = class extends de {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (i) => {
-          if (!ai.includes(i.id))
+          if (!ci.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
           const e = i.id;
-          if (e === Ct.id)
+          if (e === It.id)
             return this._moveRowInterceptor(i.params, "insert");
           if (e === Rt.id)
             return this._moveColInterceptor(i.params, "insert");
-          if (e === It.id)
+          if (e === Mt.id)
             return this._moveRowInterceptor(i.params, "remove");
           if (e === Dt.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (e === jt.id)
-            return this._moveRangeInterceptor(i.params);
-          if (e === Mt.id) {
+          if (e === bt.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               0
               /* deleteLeft */
             );
-          } else if (e === bt.id) {
+          } else if (e === Et.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               1
               /* deleteUp */
             );
-          } else if (e === Ot.id) {
+          } else if (e === yt.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               2
               /* insertDown */
             );
-          } else if (e === Et.id) {
+          } else if (e === Ot.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               3
               /* insertRight */
             );
-          } else if (e === Pt.id || e === Ut.id) {
+          } else if (e === Ut.id || e === At.id) {
             const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
             return this._getDrawingUndoForRowVisible(t, r, s);
-          } else if (e === At.id || e === Nt.id) {
+          } else if (e === Nt.id || e === jt.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 === Pt.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 +1163,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: u, deleteDrawings: g } = this._getUpdateOrDeleteDrawings(i, e, c);
+      d.push(...u), h.push(...g);
+    }), 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: u, objects: g } = l;
+      s.push({ id: E.id, params: { unitId: t, subUnitId: r, op: u, objects: g, type: y.UPDATE } }), o.push({ id: E.id, params: { unitId: t, subUnitId: r, op: c, objects: g, 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, u = l.redo, g = l.objects;
+      s.push({ id: E.id, params: { unitId: t, subUnitId: r, op: u, objects: g, type: y.REMOVE } }), o.push({ id: E.id, params: { unitId: t, subUnitId: r, op: c, objects: g, type: y.INSERT } });
     }
     return s.push({ id: j.id, params: [t] }), o.push({ id: j.id, params: [t] }), {
       redos: s,
@@ -1168,37 +1186,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: u } = s, { row: g, column: f } = c, { row: m, column: p } = u;
     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 && g >= 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 (g >= 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 +1232,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: u, transform: g, anchorType: f = O.Position } = c;
+      if (f === O.None)
+        this._remainDrawingSize(g, r, c);
       else {
-        const { from: m, to: p } = u, { row: v, column: R } = m, { row: S, column: D } = p;
+        const { from: m, to: p } = u, { 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: P, startColumn: D, endColumn: T } = 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 <= T) {
+              const G = this._skeletonManagerService.attachRangeWithCoord({ startColumn: C, endColumn: T, startRow: m.row, endRow: p.row });
+              if (G == null)
                 return;
-              A = { ...h, left: $.startX };
+              A = { ...g, 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(g, r, c);
             continue;
           }
-          if (R >= O && D <= I)
+          if (C >= D && R <= T)
             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 <= T) {
+            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: C, endColumn: T, 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
+              ...g,
+              left: (I == null ? void 0 : I.startX) || 0,
+              width: ((g == null ? void 0 : g.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 <= T) {
+            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)
+              ...g,
+              left: I.startX - ((g == null ? void 0 : g.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: T, 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 });
+              ...g,
+              width: ((g == null ? void 0 : g.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(g, 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 +1326,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: u, transform: g, anchorType: f = O.Position } = c;
+      if (f === O.None)
+        this._remainDrawingSize(g, r, c);
       else {
-        const { from: m, to: p } = u, { row: v, column: R } = m, { row: S, column: D } = p;
+        const { from: m, to: p } = u, { 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: P, startColumn: D, endColumn: T } = 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 <= P) {
+              const G = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: S, endRow: P });
+              if (G == null)
                 return;
-              A = { ...h, top: $.startY };
+              A = { ...g, 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(g, r, c);
             continue;
           }
-          if (v >= w && S <= U)
+          if (S >= w && v <= P)
             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 <= P) {
+            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: S, endRow: P });
+            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
+              ...g,
+              top: (I == null ? void 0 : I.startY) || 0,
+              height: ((g == null ? void 0 : g.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 <= P) {
+            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)
+              ...g,
+              top: I.startY - ((g == null ? void 0 : g.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: P });
+            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 });
+              ...g,
+              height: ((g == null ? void 0 : g.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(g, 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: u } = d, { row: g, column: f } = c, { row: m, column: p } = u;
+        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 && (g <= 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 +1440,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 +1451,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 = [], u = [];
+    if (Object.keys(l).forEach((g) => {
+      const f = l[g], { 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: P } = b;
+        if (w >= o && P <= a)
+          u.push({ unitId: t, subUnitId: r, drawingId: g });
         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);
+      const R = { unitId: t, subUnitId: r, drawingId: g, transform: v, sheetTransform: C };
+      c.push(R);
     }), c.length === 0 && u.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 g = this._sheetDrawingService.getBatchUpdateOp(c), { undo: f, redo: m, objects: p } = g;
+      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 } });
+      const g = this._sheetDrawingService.getBatchRemoveOp(u), f = g.undo, m = g.redo, p = g.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 = [], u = [];
+    if (Object.keys(l).forEach((g) => {
+      const f = l[g], { 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: P } = b;
+        if (w >= o && P <= a)
+          u.push({ unitId: t, subUnitId: r, drawingId: g });
         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);
+      const R = { unitId: t, subUnitId: r, drawingId: g, transform: v, sheetTransform: C };
+      c.push(R);
     }), c.length === 0 && u.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 g = this._sheetDrawingService.getBatchUpdateOp(c), { undo: f, redo: m, objects: p } = g;
+      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 } });
+      const g = this._sheetDrawingService.getBatchRemoveOp(u), f = g.undo, m = g.redo, p = g.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 });
+      const u = this._skeletonManagerService.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 (g >= t)
-      if (r === E.Both)
+    } 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 +1555,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)
-        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 });
+        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 u = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: d - 1, startRow: o.row, endRow: a.row });
+          if (u == null)
+            return;
+          c = { ...e, left: (e.left || 0) - u.endX + u.startX - i.from.columnOffset };
+        }
+        l = N(c, this._selectionRenderService);
+      } else if (h >= n && h <= t && r === O.Both) {
+        const u = this._skeletonManagerService.attachRangeWithCoord({
+          startColumn: n - 1,
+          endColumn: n - 1,
+          startRow: o.row,
+          endRow: a.row
+        });
         if (u == null)
           return;
-        c = { ...e, left: (e.left || 0) - u.endX + u.startX - i.from.columnOffset };
+        l = {
+          from: { ...o },
+          to: { ...a, column: n - 1, columnOffset: u.endX - u.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 });
+      const u = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: o.column, endColumn: a.column });
       if (u == 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)
+    } 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 +1644,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 +1655,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)
-        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 });
+        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 u = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: d - 1, startColumn: o.column, endColumn: a.column });
+          if (u == null)
+            return;
+          c = { ...e, top: (e.top || 0) - u.endY + u.startY - i.from.rowOffset };
+        }
+        l = N(c, this._selectionRenderService);
+      } else if (h >= n && h <= t && r === O.Both) {
+        const u = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: n - 1, endRow: n - 1 });
         if (u == null)
           return;
-        c = { ...e, top: (e.top || 0) - u.endY + u.startY - i.from.rowOffset };
+        l = {
+          from: { ...o },
+          to: { ...a, row: n - 1, rowOffset: u.endY - u.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,
@@ -1761,12 +1703,12 @@ let We = class extends de {
           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) {
+                if (a === n && h === t) {
                   const u = l[c];
-                  u.transform = V(u.sheetTransform, this._selectionRenderService, this._sheetSkeletonManagerService), s.push(l[c]);
+                  u.transform = $(u.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(l[c]);
                 } else
                   o.push(l[c]);
               });
@@ -1779,7 +1721,7 @@ let We = class extends de {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        ci.includes(i.id) && requestIdleCallback(() => {
+        di.includes(i.id) && requestIdleCallback(() => {
           const e = i.params, { unitId: n, subUnitId: t, ranges: r } = e;
           this._refreshDrawingTransform(n, t, r);
         });
@@ -1789,29 +1731,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: u } = h, { row: g, column: f } = l;
       for (let m = 0; m < n.length; m++) {
-        const p = n[m], { startRow: v, endRow: R, startColumn: S, endColumn: D } = p;
+        const p = n[m], { startRow: S, endRow: C, startColumn: v, endColumn: R } = p;
         if (cn.intersects(
           {
-            startRow: v,
-            endRow: R,
-            startColumn: S,
-            endColumn: D
+            startRow: S,
+            endRow: C,
+            startColumn: v,
+            endColumn: R
           },
           {
             startRow: c,
-            endRow: h,
+            endRow: g,
             startColumn: u,
             endColumn: f
           }
-        ) || c > R || u > D) {
+        ) || c > C || u > R) {
           r.push({
             ...o,
-            transform: V(a, this._selectionRenderService, this._sheetSkeletonManagerService)
+            transform: $(a, this._selectionRenderService, this._skeletonManagerService)
           });
           break;
         }
@@ -1819,23 +1761,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);
-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--)
+Ae = ai([
+  ie(se.Rendered, Ae),
+  ce(0, V),
+  ce(1, W(or)),
+  ce(2, K),
+  ce(3, k),
+  ce(4, z),
+  ce(5, he)
+], Ae);
+var li = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, gi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ui(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);
+  return t && r && li(e, n, r), r;
+}, de = (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 = {
+  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(Tn.VIEW_MAIN), a = {
     left: !0,
     top: !0
   };
@@ -1844,32 +1785,32 @@ 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, u = t.getFreeze(), { startColumn: g, startRow: f, xSplit: m, ySplit: p } = u, S = n.getNoMergeCellPositionByIndexWithNoHeader(f - p, g - m), C = n.getNoMergeCellPositionByIndexWithNoHeader(f, g), { rowHeaderWidth: v, columnHeaderHeight: R } = n, _ = C.startX - S.startX, b = C.startY - S.startY, { top: w, left: P, viewportScrollX: D, viewportScrollY: T } = o;
+  let U, M;
+  d < P ? (a.left = !0, U = (_ + v + (d - P)) * r, M = Math.max(
     Math.min(
-      (_ + S + (g - U)) * r,
-      (_ + S) * r
+      (_ + v + (h - P)) * 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 - T) * s
+  )) : (a.top = !1, I = Math.max((l - T) * s, (b + R) * s), A = Math.max((c - T) * 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,
@@ -1880,22 +1821,23 @@ const qe = (i, e, n, t) => {
     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 {
-  constructor(e, n, t, r, s, o, a) {
+let tt = class extends oe {
+  constructor(e, n, t, r, s, o) {
     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());
-    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();
+    H(this, "_domLayerMap", /* @__PURE__ */ new Map());
+    H(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    H(this, "_transformChange$", new mt());
+    H(this, "transformChange$", this._transformChange$.asObservable());
+    H(this, "_remove$", new mt());
+    H(this, "remove$", this._remove$.asObservable());
+    H(this, "_hooks", []);
+    this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._drawingAddListener(), this._scrollUpdateListener(), this._featureUpdateListener(), this._deleteListener();
   }
   _ensureMap(e, n) {
     let t = this._domLayerMap.get(e);
@@ -1912,41 +1854,47 @@ let it = class extends de {
     const r = t.getTransformerByCreate(), s = n.engine.getCanvasElement();
     return { scene: t, transformer: r, renderObject: n, canvas: s };
   }
+  _getFloatDomProps(e) {
+    let n;
+    return this._hooks.forEach((t) => {
+      n = t.onGetFloatDomProps(e);
+    }), n;
+  }
   // eslint-disable-next-line max-lines-per-function
   _drawingAddListener() {
     this.disposeWithMe(
       // eslint-disable-next-line max-lines-per-function
       this._drawingManagerService.add$.subscribe((e) => {
         e.forEach((n) => {
-          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, ct;
+          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(re).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: u, canvas: g } = 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 = Dn({ unitId: t, subUnitId: r, drawingId: s }), P = u.getObject(w);
+          if (P != null) {
+            P.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), $ = {
+          }, T = new On(w, D);
+          u.addObject(T, Pn).attachTransformerTo(T);
+          const U = this._ensureMap(t, r), M = new dn(), I = ze(T, c.renderObject, d.skeleton, o.worksheet), A = new Vn(I), G = {
             dispose: M,
-            rect: I,
+            rect: T,
             position$: A,
             unitId: t,
             subUnitId: r
@@ -1955,29 +1903,29 @@ let it = class extends de {
             position$: A,
             id: s,
             componentKey: a.componentKey,
-            onPointerDown: (B) => {
-              h.dispatchEvent(new PointerEvent(B.type, B));
+            onPointerDown: (x) => {
+              g.dispatchEvent(new PointerEvent(x.type, x));
             },
-            onPointerMove: (B) => {
-              h.dispatchEvent(new PointerEvent(B.type, B));
+            onPointerMove: (x) => {
+              g.dispatchEvent(new PointerEvent(x.type, x));
             },
-            onPointerUp: (B) => {
-              h.dispatchEvent(new PointerEvent(B.type, B));
+            onPointerUp: (x) => {
+              g.dispatchEvent(new PointerEvent(x.type, x));
             },
-            onWheel: (B) => {
-              h.dispatchEvent(new WheelEvent(B.type, B));
+            onWheel: (x) => {
+              g.dispatchEvent(new WheelEvent(x.type, x));
             },
-            props: (z = P.get(s)) == null ? void 0 : z.props
+            props: (ct = (at = U.get(s)) == null ? void 0 : at.props) != null ? ct : this._getFloatDomProps(s)
           });
-          const Ie = I.onTransformChange$.subscribeEvent(() => {
-            const B = qe(I, c.renderObject, d.skeleton, o.worksheet);
+          const J = T.onTransformChange$.subscribeEvent(() => {
+            const x = ze(T, 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);
         });
       })
     );
@@ -1987,19 +1935,19 @@ let it = class extends de {
       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);
+        const a = this._getSceneAndTransformerByDrawingSearch(s), d = this._ensureMap(s, o), h = Array.from(d.keys()), l = le(this._univerInstanceService, { unitId: s, subUnitId: o }), c = (u = this._renderManagerService.getRenderById(s)) == null ? void 0 : u.with(re).getWorksheetSkeleton(o);
+        !a || !l || !c || h.forEach((g) => {
+          const f = this._domLayerInfoMap.get(g);
           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 === jn.id) {
         const s = e.params, { unitId: o, sheetId: a } = s;
         n(o, a);
-      } else if (e.id === jn.id) {
+      } else if (e.id === Ln.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);
@@ -2010,27 +1958,31 @@ let it = class extends de {
       }
     }));
   }
-  _getPosition(e) {
-    const { startX: n, endX: t, startY: r, endY: s } = e, o = this._selectionRenderService.getSelectionCellByPosition(n, r);
-    if (o == null)
+  _getPosition(e, n) {
+    var u;
+    const { startX: t, endX: r, startY: s, endY: o } = e, a = (u = this._renderManagerService.getRenderById(n)) == null ? void 0 : u.with(Ge);
+    if (a == null)
       return;
-    const a = {
-      column: o.actualColumn,
-      columnOffset: n - o.startX,
-      row: o.actualRow,
-      rowOffset: r - o.startY
-    }, d = this._selectionRenderService.getSelectionCellByPosition(t, s);
+    const d = a.getSelectionCellByPosition(t, s);
     if (d == null)
       return;
-    const g = {
+    const h = {
       column: d.actualColumn,
       columnOffset: t - d.startX,
       row: d.actualRow,
       rowOffset: s - d.startY
+    }, l = a.getSelectionCellByPosition(r, o);
+    if (l == null)
+      return;
+    const c = {
+      column: l.actualColumn,
+      columnOffset: r - l.startX,
+      row: l.actualRow,
+      rowOffset: o - l.startY
     };
     return {
-      from: a,
-      to: g
+      from: h,
+      to: c
     };
   }
   _featureUpdateListener() {
@@ -2038,7 +1990,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 +2010,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 = ne.generateRandomId(), d = this._getPosition(s, t);
     if (d == null)
       return;
     this._ensureMap(t, r).set(a, e);
@@ -2072,7 +2024,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 +2034,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 +2056,33 @@ 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 });
     }
   }
+  addHook(e) {
+    return this._hooks.push(e), {
+      dispose: () => {
+        const n = this._hooks.findIndex((t) => t === e);
+        this._hooks.splice(n, 1);
+      }
+    };
+  }
 };
-it = ui([
-  ie(0, W(te)),
-  ie(1, ge),
-  ie(2, W(Y)),
-  ie(3, J),
-  ie(4, Se),
-  ie(5, W(Kn)),
-  ie(6, H)
-], it);
-var gi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, fi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? mi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+tt = gi([
+  de(0, W(K)),
+  de(1, he),
+  de(2, W(V)),
+  de(3, z),
+  de(4, W(Jn)),
+  de(5, k)
+], tt);
+var mi = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, pi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? fi(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 && mi(e, n, r), r;
+}, Oe = (i, e) => (n, t) => e(n, t, i);
+let Ne = class extends oe {
   constructor(i, e, n, t) {
     super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = n, this._renderManagerService = t, this._initPrinting();
   }
@@ -2148,16 +2107,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(re).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 }, u = d.order.map((g) => d.data[g]).filter((g) => g.drawingType !== Ve.DRAWING_DOM);
+            return u.length ? (u.forEach((g) => {
+              if (!g.groupId && g.transform && ne.isDefine(g.transform.left) && ne.isDefine(g.transform.top) && ne.isDefine(g.transform.width) && ne.isDefine(g.transform.height)) {
+                const f = o.skeleton.getCellPositionByOffset(g.transform.left, g.transform.top, h, l, { x: 0, y: 0 }), m = o.skeleton.getCellPositionByOffset(g.transform.left + g.transform.width, g.transform.top + g.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 +2126,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);
-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--)
+Ne = pi([
+  ie(se.Rendered, Ne),
+  Oe(0, W(Bn)),
+  Oe(1, W(vn)),
+  Oe(2, z),
+  Oe(3, K)
+], Ne);
+var wi = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, vi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? _i(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;
+  return t && r && wi(e, n, r), r;
 }, fe = (i, e) => (n, t) => e(n, t, i);
-let $e = class extends de {
+let je = class extends oe {
   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 +2156,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 pt(r).id, new He(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;
+            const a = e.getUnitId(), d = t.getSheetId(), h = this._drawingManagerService.getDrawingData(a, d), l = Object.values(h), c = this._renderManagerService.getRenderById(a), u = c == null ? void 0 : c.scene;
             if (u == null)
               return;
             u.getAllObjects().forEach((f) => {
-              f.classType === le.IMAGE && l.some((m) => f.oKey.includes(m.drawingId)) && u.removeObject(f);
+              f.classType === ae.IMAGE && l.some((m) => f.oKey.includes(m.drawingId)) && u.removeObject(f);
             });
           }
         });
@@ -2213,9 +2172,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 +2185,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 Pe(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;
+            const a = e.getUnitId(), d = t.getSheetId(), h = this._drawingManagerService.getDrawingData(a, d), l = Object.values(h), c = this._renderManagerService.getRenderById(a), u = c == null ? void 0 : c.scene;
             if (u == null)
               return;
             u.getAllObjects().forEach((f) => {
-              f.classType === le.IMAGE && l.some((m) => f.oKey.includes(m.drawingId)) && u.detachTransformerFrom(f);
+              f.classType === ae.IMAGE && l.some((m) => f.oKey.includes(m.drawingId)) && u.detachTransformerFrom(f);
             });
           }
         });
@@ -2242,9 +2201,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 +2213,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 pt(r).id, new He(r, s).id]).pipe(ft((u) => u.every((g) => g.value)));
           l == null || l.pipe(
-            Oe((u) => u !== o),
-            Ee()
+            Me((u) => u !== 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());
+              const g = d.getAllObjects(), f = this._drawingManagerService.getDrawingData(r, s), m = Object.values(f);
+              u ? this._drawingManagerService.addNotification(m) : (g.forEach((p) => {
+                p.classType === ae.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 He(r, s).id)) == null || c.pipe(
+            Me((u) => u.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 u = this._drawingManagerService.getDrawingData(r, s), g = Object.values(u);
+              this._drawingManagerService.addNotification(g);
             }
           });
         });
@@ -2281,9 +2240,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 +2252,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 Pe(r, s).id]).pipe(ft((u) => u.every((g) => g.value)));
           l == null || l.pipe(
-            Oe((u) => u !== o),
-            Ee()
+            Me((u) => u !== 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());
+              const g = d.getAllObjects(), f = this._drawingManagerService.getDrawingData(r, s), m = Object.values(f);
+              u ? (g.forEach((p) => {
+                p.classType === ae.IMAGE && m.some((S) => p.oKey.includes(S.drawingId)) && d.attachTransformerTo(p);
+              }), this._drawingManagerService.addNotification(m)) : (g.forEach((p) => {
+                p.classType === ae.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 Pe(r, s).id)) == null || c.pipe(
+            Me((u) => u.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 u = e.getUnitId(), g = t.getSheetId(), f = this._drawingManagerService.getDrawingData(u, g), m = Object.values(f), p = this._renderManagerService.getRenderById(u), 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 === ae.IMAGE && m.some((R) => v.oKey.includes(R.drawingId)) && S.detachTransformerFrom(v);
               });
             }
           });
@@ -2326,67 +2285,71 @@ let $e = class extends de {
     );
   }
 };
-$e = _i([
-  ae(ce.Rendered, $e),
-  fe(0, J),
-  fe(1, te),
+je = vi([
+  ie(se.Rendered, je),
+  fe(0, z),
+  fe(1, K),
   fe(2, un),
-  fe(3, ge),
+  fe(3, he),
   fe(4, W(ln))
-], $e);
-var vi = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, Ci = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Si(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+], je);
+var Si = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, Ii = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ci(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) {
+  return t && r && Si(e, n, r), r;
+}, Ke = (i, e) => (n, t) => e(n, t, i);
+let Le = class extends oe {
+  constructor(e, n, t) {
     super();
-    K(this, "_copyInfo");
-    this._sheetClipboardService = e, this._selectionRenderService = n, this._sheetDrawingService = t, this._injector = r, this._initCopyPaste();
+    H(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 = gt.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 u;
+    const r = (u = this._renderManagerService.getRenderById(e)) == null ? void 0 : u.with(re);
+    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((g) => {
+      const f = l[g], { 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 +2357,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 } = Wn([t, e]), { row: l, col: c } = h(a.startRow, a.startColumn), { row: u, col: g } = h(d.startRow, d.startColumn), f = (D = this._renderManagerService.getRenderById(s)) == null ? void 0 : D.with(re);
+    if (!f)
+      return { redos: [], undos: [] };
+    const m = f.attachRangeWithCoord({
       startRow: l,
       endRow: l,
       startColumn: c,
       endColumn: c
-    }), m = this._selectionRenderService.attachRangeWithCoord({
+    }), p = f.attachRangeWithCoord({
       startRow: u,
       endRow: u,
-      startColumn: h,
-      endColumn: h
+      startColumn: g,
+      endColumn: g
     });
-    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, _ = u - l, b = g - c, w = n.copyType === gt.CUT, { _sheetDrawingService: P } = this;
+    return r.forEach((T) => {
+      const { transform: U, sheetTransform: M } = T;
+      if (!U)
         return;
-      const P = {
-        ...U,
+      const I = {
+        ...T,
         unitId: s,
         subUnitId: o,
-        drawingId: b ? U.drawingId : se.generateRandomId(),
+        drawingId: w ? T.drawingId : ne.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 } = P.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 } = P.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) => {
+Le = Ii([
+  ie(se.Ready, Le),
+  Ke(0, $n),
+  Ke(1, K),
+  Ke(2, k)
+], Le);
+var qt = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, Mi = (i, e, n) => e in i ? qt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Di = (i, e, n, t) => {
   for (var r = t > 1 ? void 0 : t ? Ri(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
   return t && r && qt(e, n, r), r;
-}, Qe = (i, e) => (n, t) => e(n, t, i), Qt = (i, e, n) => Ii(i, typeof e != "symbol" ? e + "" : e, n);
-const Mi = "SHEET_IMAGE_UI_PLUGIN";
-let Xe = class extends hn {
+}, Je = (i, e) => (n, t) => e(n, t, i), Qt = (i, e, n) => Mi(i, typeof e != "symbol" ? e + "" : e, n);
+const bi = "SHEET_IMAGE_UI_PLUGIN";
+let $e = class extends gn {
   constructor(e = {}, n, t, r) {
     super();
-    K(this, "_pluginConfig");
-    this._injector = n, this._localeService = t, this._renderManagerService = r, this._pluginConfig = se.deepMerge({}, ri, e);
+    H(this, "_pluginConfig");
+    this._injector = n, this._localeService = t, this._renderManagerService = r, this._pluginConfig = ne.deepMerge({}, ii, e);
   }
   onStarting(e) {
     super.onStarting(e), this._initDependencies(e);
   }
+  onRendered() {
+    this._registerRenderModules();
+  }
   _initDependencies(e) {
     const n = [
       // services
-      [it],
+      [tt],
       // controllers
       [
         pe,
@@ -2491,39 +2459,45 @@ let Xe = class extends hn {
           useFactory: () => this._injector.createInstance(pe, this._pluginConfig)
         }
       ],
-      [je],
-      [Be],
-      [$e],
-      [Ve]
+      [Te],
+      [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", bi);
+$e = Di([
+  hn(bn, Sn, Cn),
+  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,
-  Gt as SetDrawingArrangeCommand,
-  ke as SetSheetDrawingCommand,
-  it as SheetCanvasFloatDomManagerService,
+  Gt as EditSheetDrawingOperation,
+  Ft as GroupSheetDrawingCommand,
+  Be as InsertCellImageOperation,
+  xe as InsertFloatImageOperation,
+  st as InsertSheetDrawingCommand,
+  ve as MoveDrawingsCommand,
+  it as RemoveSheetDrawingCommand,
+  xt as SetDrawingArrangeCommand,
+  Fe as SetSheetDrawingCommand,
+  tt as SheetCanvasFloatDomManagerService,
   Vt as SidebarSheetDrawingOperation,
-  xt as UngroupSheetDrawingCommand,
-  Xe as UniverSheetsDrawingUIPlugin
+  Yt as UngroupSheetDrawingCommand,
+  $e as UniverSheetsDrawingUIPlugin
 };