@univerjs/sheets-drawing-ui 0.2.3 → 0.2.4

package/lib/es/index.js

@@ -1,19 +1,19 @@
-var Qt = Object.defineProperty;
-var en = (i, e, n) => e in i ? Qt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
-var X = (i, e, n) => en(i, typeof e != "symbol" ? e + "" : e, n);
-import { CommandType as F, ICommandService as V, IUndoRedoService as ge, LocaleService as _e, IUniverInstanceService as he, RxDisposable as tn, UniverInstanceType as B, toDisposable as nn, FOCUSING_COMMON_DRAWINGS as we, OnLifecycle as se, LifecycleStages as oe, IContextService as wt, Disposable as ae, Direction as q, FOCUSING_FORMULA_EDITOR as rn, EDITOR_ACTIVATED as sn, Rectangle as on, DrawingTypeEnum as Ye, DisposableCollection as an, Tools as re, UserManagerService as cn, IPermissionService as dn, Plugin as ln, DependentOn as un } from "@univerjs/core";
+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, RxDisposable as nn, UniverInstanceType as B, toDisposable as rn, FOCUSING_COMMON_DRAWINGS as we, OnLifecycle as ie, LifecycleStages as se, IContextService as _t, Disposable as oe, Direction as q, FOCUSING_FORMULA_EDITOR as sn, EDITOR_ACTIVATED as on, Rectangle as an, DrawingTypeEnum as Ye, DisposableCollection as cn, Tools as ne, UserManagerService as dn, IPermissionService as ln, Plugin as un, DependentOn as gn } from "@univerjs/core";
 import { Inject as W, Injector as nt } from "@wendellhu/redi";
-import { ImageCropperObject as gn, COMPONENT_IMAGE_POPUP_MENU as hn, OpenImageCropOperation as mn, ImageResetSizeOperation as fn, DrawingCommonPanel as pn, DrawingRenderService as wn, UniverDrawingUIPlugin as _n } from "@univerjs/drawing-ui";
-import { ISheetDrawingService as H, SetDrawingApplyMutation as E, DrawingApplyType as y, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as vn } from "@univerjs/sheets-drawing";
-import { IDrawingManagerService as z, IImageIoService as _t, ArrangeTypeEnum as Ce, DrawingTypeEnum as Ve, DRAWING_IMAGE_COUNT_LIMIT as ct, ImageUploadStatusType as He, DRAWING_IMAGE_ALLOW_SIZE as Sn, getImageSize as Cn, DRAWING_IMAGE_WIDTH_LIMIT as dt, DRAWING_IMAGE_HEIGHT_LIMIT as lt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as In, getDrawingShapeKeyByDrawingSearch as Rn, UniverDrawingPlugin as Mn } from "@univerjs/drawing";
-import { IRenderManagerService as K, getGroupState as Dn, transformObjectOutOfGroup as bn, precisionTo as Q, Rect as En, DRAWING_OBJECT_LAYER_INDEX as yn, SHEET_VIEWPORT_KEY as On, RENDER_CLASS_TYPE as ce } from "@univerjs/engine-render";
-import { SheetCanvasPopManagerService as Tn, ISheetSelectionRenderService as Ge, SheetSkeletonManagerService as ie, attachRangeWithCoord as Pn, getCurrentRangeDisable$ as Un, SetScrollOperation as An, SetZoomRatioOperation as Nn, SheetPrintInterceptorService as jn, COPY_TYPE as ut, PREDEFINED_HOOK_NAME as Ie, virtualizeDiscreteRanges as Ln, ISheetClipboardService as Bn } from "@univerjs/sheets-ui";
-import { takeUntil as gt, Subject as ht, BehaviorSubject as Wn, combineLatest as Re, map as mt, filter as Me, distinctUntilChanged as De } from "rxjs";
-import { ISidebarService as $n, BuiltInUIPart as Vn, IUIPartsService as Gn, IMessageService as xn, MenuItemType as vt, MenuPosition as Fn, MenuGroup as Yn, getMenuHiddenObservable as St, KeyCode as ue, ComponentManager as Hn, IMenuService as Xn, IShortcutService as kn, CanvasFloatDomService as zn } from "@univerjs/ui";
-import { useDependency as ee, connectInjector as Kn } from "@wendellhu/redi/react-bindings";
-import { getSheetCommandTarget as le, SheetsSelectionsService as Jn, WorkbookEditablePermission as Ze, WorksheetEditPermission as Te, RangeProtectionPermissionEditPoint as Zn, InsertRowCommand as Ct, InsertColCommand as It, RemoveRowCommand as Rt, RemoveColCommand as Mt, DeleteRangeMoveLeftCommand as Dt, DeleteRangeMoveUpCommand as bt, InsertRangeMoveDownCommand as Et, InsertRangeMoveRightCommand as yt, DeltaRowHeightCommand as qe, SetRowHeightCommand as Qe, DeltaColumnWidthCommand as Ot, SetColWidthCommand as Tt, SetRowHiddenCommand as Pt, SetSpecificRowsVisibleCommand as Ut, SetSpecificColsVisibleCommand as At, SetColHiddenCommand as Nt, SetRowVisibleMutation as qn, SetRowHiddenMutation as Qn, SetColVisibleMutation as er, SetColHiddenMutation as tr, SetWorksheetRowHeightMutation as nr, SetWorksheetColWidthMutation as rr, SetWorksheetActiveOperation as ir, SheetInterceptorService as sr, SetFrozenMutation as or, WorkbookViewPermission as ft, WorksheetViewPermission as Xe } from "@univerjs/sheets";
-import L, { useEffect as rt, forwardRef as jt, useRef as Lt, createElement as Bt, useState as et } from "react";
-import { MessageType as be, RadioGroup as ar, Radio as ke } from "@univerjs/design";
+import { ImageCropperObject as hn, COMPONENT_IMAGE_POPUP_MENU as mn, OpenImageCropOperation as fn, ImageResetSizeOperation as pn, DrawingCommonPanel as wn, DrawingRenderService as _n, UniverDrawingUIPlugin as vn } from "@univerjs/drawing-ui";
+import { ISheetDrawingService as k, SetDrawingApplyMutation as E, DrawingApplyType as y, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as Sn } 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 Cn, getImageSize as In, DRAWING_IMAGE_WIDTH_LIMIT as lt, DRAWING_IMAGE_HEIGHT_LIMIT as ut, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Rn, getDrawingShapeKeyByDrawingSearch as Mn, UniverDrawingPlugin as Dn } from "@univerjs/drawing";
+import { IRenderManagerService as K, getGroupState as bn, transformObjectOutOfGroup as En, precisionTo as Q, Rect as yn, DRAWING_OBJECT_LAYER_INDEX as On, SHEET_VIEWPORT_KEY as Pn, RENDER_CLASS_TYPE as ae } from "@univerjs/engine-render";
+import { SheetCanvasPopManagerService as Tn, ISheetSelectionRenderService as Ge, SheetSkeletonManagerService as re, attachRangeWithCoord as Un, getCurrentRangeDisable$ as An, SetScrollOperation as Nn, SetZoomRatioOperation as jn, SheetPrintInterceptorService as Ln, COPY_TYPE as gt, PREDEFINED_HOOK_NAME as Ie, virtualizeDiscreteRanges as Bn, ISheetClipboardService as Wn } from "@univerjs/sheets-ui";
+import { takeUntil as ht, Subject as mt, BehaviorSubject as $n, combineLatest as Re, map as ft, filter as Me, distinctUntilChanged as De } from "rxjs";
+import { ISidebarService as Vn, BuiltInUIPart as Gn, IUIPartsService as xn, IMessageService as Fn, MenuItemType as St, MenuPosition as Yn, MenuGroup as kn, getMenuHiddenObservable as Ct, KeyCode as ue, ComponentManager as Hn, IMenuService as Xn, IShortcutService as zn, CanvasFloatDomService as Kn } from "@univerjs/ui";
+import { useDependency as ee, connectInjector as Jn } from "@wendellhu/redi/react-bindings";
+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",
@@ -29,37 +29,37 @@ const j = {
   id: "sheet.command.remove-sheet-image",
   type: F.COMMAND,
   handler: (i, e) => {
-    const n = i.get(V), t = i.get(ge), 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: h, undo: l, redo: c, objects: g } = a;
-    return n.syncExecuteCommand(E.id, { unitId: d, subUnitId: h, op: c, objects: g, type: y.REMOVE }) ? (t.pushUndoRedo({
+    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: E.id, params: { unitId: d, subUnitId: h, op: l, objects: g, type: y.INSERT } },
+        { id: E.id, params: { unitId: d, subUnitId: h, op: l, objects: u, type: y.INSERT } },
         { id: j.id, params: o }
       ],
       redoMutations: [
-        { id: E.id, params: { unitId: d, subUnitId: h, op: c, objects: g, type: y.REMOVE } },
+        { id: E.id, params: { unitId: d, subUnitId: h, op: c, objects: u, type: y.REMOVE } },
         { id: j.id, params: o }
       ]
     }), !0) : !1;
   }
-}, Wt = "COMPONENT_SHEET_DRAWING_PANEL", $t = {
+}, $t = "COMPONENT_SHEET_DRAWING_PANEL", Vt = {
   id: "sidebar.operation.sheet-image",
   type: F.COMMAND,
   handler: async (i, e) => {
-    const n = i.get($n), t = i.get(_e), r = i.get(he), s = i.get(z);
+    const n = i.get(Vn), t = i.get(_e), r = i.get(he), s = i.get(z);
     if (!le(r)) return !1;
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("sheetImage.panel.title") },
-          children: { label: Wt },
+          children: { label: $t },
           onClose: () => {
             s.focusDrawing(null);
           },
@@ -73,21 +73,21 @@ const j = {
     }
     return !0;
   }
-}, Vt = {
+}, Gt = {
   id: "sheet.operation.edit-sheet-image",
   type: F.OPERATION,
   handler: (i, e) => {
     const n = i.get(z), t = i.get(V);
-    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand($t.id, { value: "open" }), !0);
-  }
-}, cr = "univer-upload-loading", dr = "univer-upload-loading-body", lr = "univer-upload-loading-body-animation", ur = "univer-UniverCircleAnimation", gr = "univer-upload-loading-body-text", ye = {
-  uploadLoading: cr,
-  uploadLoadingBody: dr,
-  uploadLoadingBodyAnimation: lr,
-  univerCircleAnimation: ur,
-  uploadLoadingBodyText: gr
-}, hr = () => {
-  const i = ee(_t), e = ee(_e), [n, t] = L.useState(0);
+    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", gr = "univer-UniverCircleAnimation", hr = "univer-upload-loading-body-text", ye = {
+  uploadLoading: dr,
+  uploadLoadingBody: lr,
+  uploadLoadingBodyAnimation: ur,
+  univerCircleAnimation: gr,
+  uploadLoadingBodyText: hr
+}, mr = () => {
+  const i = ee(vt), e = ee(_e), [n, t] = L.useState(0);
   return rt(() => {
     const r = i.change$.subscribe((s) => {
       t(s);
@@ -97,19 +97,19 @@ const j = {
     };
   }, [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 mr = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, pr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? fr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+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 && mr(e, n, r), r;
+  return t && r && fr(e, n, r), r;
 }, te = (i, e) => (n, t) => e(n, t, i);
-let Pe = class extends tn {
+let Te = class extends nn {
   constructor(e, n, t, r, s, o, a) {
     super();
-    X(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$(B.UNIVER_SHEET).pipe(gt(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(B.UNIVER_SHEET).pipe(gt(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(B.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(Vn.CONTENT, () => Kn(hr, this._injector));
+    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(Gn.CONTENT, () => Jn(mr, this._injector));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -124,7 +124,7 @@ let Pe = class extends tn {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof gn)
+      if (t instanceof hn)
         return !0;
     return !1;
   }
@@ -138,7 +138,7 @@ let Pe = class extends tn {
       return;
     let r;
     this.disposeWithMe(
-      nn(
+      rn(
         t.createControl$.subscribe(() => {
           if (this._contextService.setContextValue(we, !0), this._hasCropObject(n))
             return;
@@ -153,18 +153,18 @@ let Pe = class extends tn {
           const d = a.oKey, h = this._drawingManagerService.getDrawingOKey(d);
           if (!h)
             return;
-          const { unitId: l, subUnitId: c, drawingId: g } = h;
+          const { unitId: l, subUnitId: c, drawingId: u } = h;
           r == null || r.dispose(), r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-            componentKey: hn,
+            componentKey: mn,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
-              menuItems: this._getImageMenuItems(l, c, g)
+              menuItems: this._getImageMenuItems(l, c, u)
             }
           })), this._drawingManagerService.focusDrawing([{
             unitId: l,
             subUnitId: c,
-            drawingId: g
+            drawingId: u
           }]);
         })
       )
@@ -183,7 +183,7 @@ let Pe = class extends tn {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Vt.id,
+        commandId: Gt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
@@ -197,30 +197,30 @@ let Pe = class extends tn {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: mn.id,
+        commandId: fn.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: fn.id,
+        commandId: pn.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !1
       }
     ];
   }
 };
-Pe = pr([
-  se(oe.Steady, Pe),
+Te = wr([
+  ie(se.Steady, Te),
   te(0, W(nt)),
   te(1, z),
   te(2, W(Tn)),
   te(3, K),
   te(4, he),
-  te(5, wt),
-  te(6, W(Gn))
-], Pe);
+  te(5, _t),
+  te(6, W(xn))
+], Te);
 const xe = {
   id: "sheet.operation.insert-float-image",
   type: F.OPERATION,
@@ -233,17 +233,17 @@ const xe = {
   id: "sheet.command.insert-sheet-image",
   type: F.COMMAND,
   handler: (i, e) => {
-    const n = i.get(V), t = i.get(ge), 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: h, undo: l, redo: c, objects: g } = a;
-    return n.syncExecuteCommand(E.id, { op: c, unitId: d, subUnitId: h, objects: g, type: y.INSERT }) ? (t.pushUndoRedo({
+    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: E.id, params: { op: l, unitId: d, subUnitId: h, objects: g, type: y.REMOVE } },
+        { id: E.id, params: { op: l, unitId: d, subUnitId: h, objects: u, type: y.REMOVE } },
         { id: j.id, params: o }
       ],
       redoMutations: [
-        { id: E.id, params: { op: c, unitId: d, subUnitId: h, objects: g, type: y.INSERT } },
+        { id: E.id, params: { op: c, unitId: d, subUnitId: h, objects: u, type: y.INSERT } },
         { id: j.id, params: o }
       ]
     }), !0) : !1;
@@ -252,7 +252,7 @@ const xe = {
   id: "sheet.command.set-sheet-image",
   type: F.COMMAND,
   handler: (i, e) => {
-    const n = i.get(V), t = i.get(ge), 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: h, redo: l, objects: c } = o;
     return n.syncExecuteCommand(E.id, { unitId: a, subUnitId: d, op: l, objects: c, type: y.UPDATE }) ? (t.pushUndoRedo({
@@ -267,41 +267,41 @@ const xe = {
       ]
     }), !0) : !1;
   }
-}, Gt = {
+}, xt = {
   id: "sheet.command.set-drawing-arrange",
   type: F.COMMAND,
   handler: (i, e) => {
     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, h = { 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 === 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: g, undo: u } = l;
-    return n.syncExecuteCommand(E.id, { op: g, unitId: s, subUnitId: o, objects: c, type: y.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: E.id, params: { op: u, unitId: s, subUnitId: o, objects: c, type: y.ARRANGE } }
+        { id: E.id, params: { op: g, unitId: s, subUnitId: o, objects: c, type: y.ARRANGE } }
       ],
       redoMutations: [
-        { id: E.id, params: { op: g, unitId: s, subUnitId: o, objects: c, type: y.ARRANGE } }
+        { id: E.id, params: { op: u, unitId: s, subUnitId: o, objects: c, type: y.ARRANGE } }
       ]
     }), !0) : !1;
   }
 };
-function wr(i) {
+function _r(i) {
   const e = [];
   return i.forEach((n) => {
-    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: a } = t, d = Dn(0, 0, r.map((c) => c.transform || {})), h = r.map((c) => {
-      const g = c.transform || { left: 0, top: 0 }, { unitId: u, subUnitId: f, drawingId: m } = c;
+    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: a } = t, d = bn(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: u,
+        unitId: g,
         subUnitId: f,
         drawingId: m,
         transform: {
-          ...g,
-          left: g.left - d.left,
-          top: g.top - d.top
+          ...u,
+          left: u.left - d.left,
+          top: u.top - d.top
         },
         groupId: a
       };
@@ -318,16 +318,16 @@ function wr(i) {
     });
   }), e;
 }
-function _r(i) {
+function vr(i) {
   const e = [];
   return i.forEach((n) => {
     const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: a, transform: d = { width: 0, height: 0 } } = t;
     if (d == null)
       return;
     const h = r.map((c) => {
-      const { transform: g } = c, { unitId: u, subUnitId: f, drawingId: m } = c, p = bn(g || {}, d, d.width || 0, d.height || 0);
+      const { transform: u } = c, { unitId: g, subUnitId: f, drawingId: m } = c, p = En(u || {}, d, d.width || 0, d.height || 0);
       return {
-        unitId: u,
+        unitId: g,
         subUnitId: f,
         drawingId: m,
         transform: p,
@@ -349,15 +349,15 @@ function _r(i) {
     });
   }), e;
 }
-const xt = {
+const Ft = {
   id: "sheet.command.group-sheet-image",
   type: F.COMMAND,
   handler: (i, e) => {
-    const n = i.get(V), t = i.get(ge), 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: u, children: f }) => {
-      s.push(u.unitId), f.forEach((m) => {
+    e.forEach(({ parent: g, children: f }) => {
+      s.push(g.unitId), f.forEach((m) => {
         s.push(m.unitId);
       });
     });
@@ -365,7 +365,7 @@ const xt = {
     return n.syncExecuteCommand(E.id, { op: l, unitId: a, subUnitId: d, objects: c, type: y.GROUP }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: E.id, params: { op: h, unitId: a, subUnitId: d, objects: _r(c), type: y.UNGROUP } },
+        { id: E.id, params: { op: h, unitId: a, subUnitId: d, objects: vr(c), type: y.UNGROUP } },
         { id: j.id, params: s }
       ],
       redoMutations: [
@@ -374,15 +374,15 @@ const xt = {
       ]
     }), !0) : !1;
   }
-}, Ft = {
+}, Yt = {
   id: "sheet.command.ungroup-sheet-image",
   type: F.COMMAND,
   handler: (i, e) => {
-    const n = i.get(V), t = i.get(ge), 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: u, children: f }) => {
-      s.push(u.unitId), f.forEach((m) => {
+    e.forEach(({ parent: g, children: f }) => {
+      s.push(g.unitId), f.forEach((m) => {
         s.push(m.unitId);
       });
     });
@@ -390,7 +390,7 @@ const xt = {
     return n.syncExecuteCommand(E.id, { op: l, unitId: a, subUnitId: d, objects: c, type: y.UNGROUP }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: E.id, params: { op: h, unitId: a, subUnitId: d, objects: wr(c), type: y.GROUP } },
+        { id: E.id, params: { op: h, unitId: a, subUnitId: d, objects: _r(c), type: y.GROUP } },
         { id: j.id, params: s }
       ],
       redoMutations: [
@@ -401,11 +401,11 @@ const xt = {
   }
 };
 function $(i, e, n) {
-  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: d = 0, skewY: h = 0 } = i, { column: l, columnOffset: c, row: g, rowOffset: u } = t, { column: f, columnOffset: m, row: p, rowOffset: S } = r, C = n.attachRangeWithCoord({
+  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: g,
-    endRow: g
+    startRow: u,
+    endRow: u
   });
   if (C == null)
     return;
@@ -418,18 +418,18 @@ function $(i, e, n) {
   if (v == null)
     return;
   const { startX: R, startY: _ } = C, { startX: b, startY: w } = v;
-  let T = Q(R + c, 1), D = Q(_ + u, 1), P = Q(b + m - T, 1), U = Q(w + S - D, 1);
-  C.startX === v.endX && (P = 0), C.startY === v.endY && (U = 0);
+  let P = Q(R + c, 1), D = Q(_ + g, 1), T = Q(b + m - P, 1), U = Q(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 T + P > I && (T = I - P), D + U > A && (D = A - U), {
+  return P + T > I && (P = I - T), D + U > A && (D = A - U), {
     flipY: s,
     flipX: o,
     angle: a,
     skewX: d,
     skewY: h,
-    left: T,
+    left: P,
     top: D,
-    width: P,
+    width: T,
     height: U
   };
 }
@@ -437,19 +437,19 @@ 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: h = 0, skewY: l = 0 } = i, c = e.getSelectionCellByPosition(n, t);
   if (c == null)
     return;
-  const g = {
+  const u = {
     column: c.actualColumn,
     columnOffset: Q(n - c.startX, 1),
     row: c.actualRow,
     rowOffset: Q(t - c.startY, 1)
-  }, u = e.getSelectionCellByPosition(n + r, t + s);
-  if (u == null)
+  }, g = e.getSelectionCellByPosition(n + r, t + s);
+  if (g == null)
     return;
   const f = {
-    column: u.actualColumn,
-    columnOffset: Q(n + r - u.startX, 1),
-    row: u.actualRow,
-    rowOffset: Q(t + s - u.startY, 1)
+    column: g.actualColumn,
+    columnOffset: Q(n + r - g.startX, 1),
+    row: g.actualRow,
+    rowOffset: Q(t + s - g.startY, 1)
   };
   return {
     flipY: o,
@@ -457,16 +457,16 @@ function N(i, e) {
     angle: d,
     skewX: h,
     skewY: l,
-    from: g,
+    from: u,
     to: f
   };
 }
-var vr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, Cr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Sr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+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 && vr(e, n, r), r;
-}, k = (i, e) => (n, t) => e(n, t, i);
-let Ue = class extends ae {
+  return t && r && Sr(e, n, r), r;
+}, X = (i, e) => (n, t) => e(n, t, i);
+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();
   }
@@ -480,7 +480,7 @@ let Ue = class extends ae {
   get _skeletonManagerService() {
     return this._renderManagerService.getRenderById(
       this._univerInstanceService.getCurrentUnitForType(B.UNIVER_SHEET).getUnitId()
-    ).with(ie);
+    ).with(re);
   }
   _init() {
     this._initCommandListeners(), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._drawingAddListener();
@@ -496,10 +496,10 @@ let Ue = class extends ae {
           if (e.files == null)
             return;
           const n = e.files.length;
-          if (n > ct) {
+          if (n > dt) {
             this._messageService.show({
               type: be.Error,
-              content: this._localeService.t("update-status.exceedMaxCount", String(ct))
+              content: this._localeService.t("update-status.exceedMaxCount", String(dt))
             });
             return;
           }
@@ -520,13 +520,13 @@ let Ue = class extends ae {
       e = await this._imageIoService.saveImage(i);
     } catch (C) {
       const v = C.message;
-      v === He.ERROR_EXCEED_SIZE ? this._messageService.show({
+      v === ke.ERROR_EXCEED_SIZE ? this._messageService.show({
         type: be.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(Sn / (1024 * 1024)))
-      }) : v === He.ERROR_IMAGE_TYPE ? this._messageService.show({
+        content: this._localeService.t("update-status.exceedMaxSize", String(Cn / (1024 * 1024)))
+      }) : v === ke.ERROR_IMAGE_TYPE ? this._messageService.show({
         type: be.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : v === He.ERROR_IMAGE && this._messageService.show({
+      }) : v === ke.ERROR_IMAGE && this._messageService.show({
         type: be.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
@@ -536,17 +536,17 @@ let Ue = class extends ae {
     const n = this._getUnitInfo();
     if (n == null)
       return;
-    const { unitId: t, subUnitId: r } = n, { imageId: s, imageSourceType: o, source: a, base64Cache: d } = e, { width: h, height: l, image: c } = await Cn(d || ""), g = this._renderManagerService.getRenderById(t);
-    if (g == null)
+    const { unitId: t, subUnitId: r } = n, { imageId: s, imageSourceType: o, source: a, base64Cache: d } = e, { width: h, height: l, image: c } = await In(d || ""), u = this._renderManagerService.getRenderById(t);
+    if (u == null)
       return;
-    const { width: u, height: f } = g.scene;
+    const { width: g, height: f } = u.scene;
     this._imageIoService.addImageSourceCache(a, o, c);
     let m = 1;
-    if (h > dt || l > lt) {
-      const C = dt / h, v = lt / l;
+    if (h > lt || l > ut) {
+      const C = lt / h, v = ut / l;
       m = Math.max(C, v);
     }
-    const p = this._getImagePosition(h * m, l * m, u, f);
+    const p = this._getImagePosition(h * m, l * m, g, f);
     if (p == null)
       return;
     const S = {
@@ -586,7 +586,7 @@ let Ue = class extends ae {
       endColumn: 0
     };
     r && r.length > 0 && (s = r[r.length - 1].range);
-    const o = Pn(this._skeletonManagerService.getCurrent().skeleton, s);
+    const o = Un(this._skeletonManagerService.getCurrent().skeleton, s);
     if (o == null)
       return;
     let { startColumn: a, startRow: d, startX: h, startY: l } = o, c = !1;
@@ -596,29 +596,29 @@ let Ue = class extends ae {
         return;
       h = m.startX, l = m.startY, a = m.actualColumn, d = m.actualRow;
     }
-    const g = {
+    const u = {
       column: a,
       columnOffset: 0,
       row: d,
       rowOffset: 0
-    }, u = this._selectionRenderService.getSelectionCellByPosition(h + i, l + e);
-    if (u == null)
+    }, g = this._selectionRenderService.getSelectionCellByPosition(h + i, l + e);
+    if (g == null)
       return;
     const f = {
-      column: u.actualColumn,
-      columnOffset: h + i - u.startX,
-      row: u.actualRow,
-      rowOffset: l + e - u.startY
+      column: g.actualColumn,
+      columnOffset: h + i - g.startX,
+      row: g.actualRow,
+      rowOffset: l + e - g.startY
     };
     return {
-      from: g,
+      from: u,
       to: f
     };
   }
   _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,
@@ -653,11 +653,11 @@ let Ue = class extends ae {
   }
   _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(Ft.id, i);
+      this._commandService.executeCommand(Yt.id, i);
     });
   }
   _focusDrawingListener() {
@@ -686,18 +686,18 @@ let Ue = class extends ae {
     this._drawingManagerService.registerDrawingData(e, this._sheetDrawingService.getDrawingDataForUnit(e)), this._drawingManagerService.initializeNotification(e);
   }
 };
-Ue = Cr([
-  se(oe.Rendered, Ue),
-  k(0, V),
-  k(1, he),
-  k(2, W(Jn)),
-  k(3, _t),
-  k(4, H),
-  k(5, z),
-  k(6, wt),
-  k(7, xn),
-  k(8, W(_e)),
-  k(9, K)
+Ue = 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, Fn),
+  X(8, W(_e)),
+  X(9, K)
 ], Ue);
 var Y = function() {
   return Y = Object.assign || function(i) {
@@ -707,23 +707,23 @@ var Y = function() {
     }
     return i;
   }, Y.apply(this, arguments);
-}, Ir = function(i, e) {
+}, 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;
-}, Yt = jt(function(i, e) {
-  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = Ir(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Lt("_".concat(Dr()));
+}, 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, Y(Y({ key: e }, Rr(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 Rr(i, e, n) {
+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;
@@ -732,96 +732,96 @@ function Rr(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) ? 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 Dr() {
+function br() {
   return Math.random().toString(36).substring(2, 8);
 }
-Yt.displayName = "UniverIcon";
-var br = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, Xt = jt(function(i, e) {
-  return Bt(Yt, Object.assign({}, i, {
+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: br
+    icon: Er
   }));
 });
 Xt.displayName = "AddImageSingle";
-const Er = "univer-upload-file-menu", yr = "univer-upload-file-menu-input", pt = {
-  uploadFileMenu: Er,
-  uploadFileMenuInput: yr
-}, kt = "COMPONENT_UPLOAD_FILE_MENU";
+const yr = "univer-upload-file-menu", Or = "univer-upload-file-menu-input", wt = {
+  uploadFileMenu: yr,
+  uploadFileMenuInput: Or
+}, zt = "COMPONENT_UPLOAD_FILE_MENU";
 var We = /* @__PURE__ */ ((i) => (i[i.cellImage = 0] = "cellImage", i[i.floatImage = 1] = "floatImage", i))(We || {});
-const Or = (i) => {
-  const { type: e } = i, n = ee(V), t = Lt(null), r = () => {
+const Pr = (i) => {
+  const { type: e } = i, n = ee(V), t = Bt(null), r = () => {
     var a;
     (a = t.current) == null || a.click();
-  }, s = In.map((a) => `.${a.replace("image/", "")}`).join(","), o = (a) => {
+  }, s = Rn.map((a) => `.${a.replace("image/", "")}`).join(","), o = (a) => {
     const d = a.target.files;
     if (d == null)
       return;
     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,
       multiple: !0
     }
   ));
-}, zt = "addition-and-subtraction-single", Kt = "sheet.menu.image";
+}, Kt = "addition-and-subtraction-single", Jt = "sheet.menu.image";
 function Tr(i) {
   return {
-    id: Kt,
-    type: vt.SUBITEMS,
-    positions: [Fn.TOOLBAR_START],
-    group: Yn.TOOLBAR_FORMULAS_INSERT,
-    icon: zt,
+    id: Jt,
+    type: St.SUBITEMS,
+    positions: [Yn.TOOLBAR_START],
+    group: kn.TOOLBAR_FORMULAS_INSERT,
+    icon: Kt,
     tooltip: "sheetImage.title",
-    hidden$: St(i, B.UNIVER_SHEET),
-    disabled$: Un(i, { workbookTypes: [Ze], worksheetTypes: [Te], rangeTypes: [Zn] })
+    hidden$: Ct(i, B.UNIVER_SHEET),
+    disabled$: An(i, { workbookTypes: [Ze], worksheetTypes: [Pe], rangeTypes: [qn] })
   };
 }
-function Pr(i) {
+function Ur(i) {
   return {
     id: xe.id,
     title: "sheetImage.upload.float",
-    type: vt.SELECTOR,
+    type: St.SELECTOR,
     label: {
-      name: kt,
+      name: zt,
       props: {
         type: We.floatImage
       }
     },
-    positions: [Kt],
-    hidden$: St(i, B.UNIVER_SHEET)
+    positions: [Jt],
+    hidden$: Ct(i, B.UNIVER_SHEET)
   };
 }
-const Ur = "univer-image-common-panel", Ar = "univer-image-common-panel-grid", Nr = "univer-image-common-panel-border", jr = "univer-image-common-panel-title", Lr = "univer-image-common-panel-subtitle", Br = "univer-image-common-panel-row", Wr = "univer-image-common-panel-row-vertical", $r = "univer-image-common-panel-column", Vr = "univer-image-common-panel-column-center", Gr = "univer-image-common-panel-inline", xr = "univer-image-common-panel-span2", Fr = "univer-image-common-panel-span3", Yr = "univer-image-common-panel-input", Hr = "univer-sheet-image-menu", Xr = "univer-sheet-image-menu-input", Z = {
-  imageCommonPanel: Ur,
-  imageCommonPanelGrid: Ar,
-  imageCommonPanelBorder: Nr,
-  imageCommonPanelTitle: jr,
-  imageCommonPanelSubtitle: Lr,
-  imageCommonPanelRow: Br,
-  imageCommonPanelRowVertical: Wr,
-  imageCommonPanelColumn: $r,
-  imageCommonPanelColumnCenter: Vr,
-  imageCommonPanelInline: Gr,
-  imageCommonPanelSpan2: xr,
-  imageCommonPanelSpan3: Fr,
-  imageCommonPanelInput: Yr,
+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: $r,
+  imageCommonPanelColumn: Vr,
+  imageCommonPanelColumnCenter: Gr,
+  imageCommonPanelInline: xr,
+  imageCommonPanelSpan2: Fr,
+  imageCommonPanelSpan3: Yr,
+  imageCommonPanelInput: kr,
   sheetImageMenu: Hr,
   sheetImageMenuInput: Xr
-}, kr = (i) => {
+}, zr = (i) => {
   var v;
   const e = ee(V), n = ee(_e), t = ee(z), r = ee(K), { drawings: s } = i, o = s[0];
   if (o == null)
@@ -829,16 +829,16 @@ const Ur = "univer-image-common-panel", Ar = "univer-image-common-panel-grid", N
   const { unitId: a } = o, d = r.getRenderById(a), h = d == null ? void 0 : d.scene;
   if (h == null)
     return;
-  const l = h.getTransformerByCreate(), [c, g] = et(!0), u = (v = o.anchorType) != null ? v : O.Position, [f, m] = et(u);
+  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 R.forEach((w) => {
-      const { oKey: T } = w, D = _.getDrawingOKey(T);
+      const { oKey: P } = w, D = _.getDrawingOKey(P);
       if (D == null)
         return b.push(null), !0;
-      const { unitId: P, subUnitId: U, drawingId: M, drawingType: I, anchorType: A, sheetTransform: G } = D;
+      const { unitId: T, subUnitId: U, drawingId: M, drawingType: I, anchorType: A, sheetTransform: G } = D;
       b.push({
-        unitId: P,
+        unitId: T,
         subUnitId: U,
         drawingId: M,
         anchorType: A,
@@ -849,16 +849,16 @@ const Ur = "univer-image-common-panel", Ar = "univer-image-common-panel-grid", N
   }
   rt(() => {
     const R = l.clearControl$.subscribe((b) => {
-      b === !0 && g(!1);
+      b === !0 && u(!1);
     }), _ = l.changeStart$.subscribe((b) => {
       var D;
-      const { objects: w } = b, T = p(w, t);
-      if (T.length === 0)
-        g(!1);
-      else if (T.length >= 1) {
-        g(!0);
-        const P = ((D = T[0]) == null ? void 0 : D.anchorType) || O.Position;
-        m(P);
+      const { objects: w } = b, P = p(w, t);
+      if (P.length === 0)
+        u(!1);
+      else if (P.length >= 1) {
+        u(!0);
+        const T = ((D = P[0]) == null ? void 0 : D.anchorType) || O.Position;
+        m(T);
       }
     });
     return () => {
@@ -882,8 +882,8 @@ const Ur = "univer-image-common-panel", Ar = "univer-image-common-panel-grid", N
     });
   }
   const C = (R) => R ? "block" : "none";
-  return /* @__PURE__ */ L.createElement("div", { className: Ee(Z.imageCommonPanelGrid, Z.imageCommonPanelBorder), style: { display: C(c) } }, /* @__PURE__ */ L.createElement("div", { className: Z.imageCommonPanelRow }, /* @__PURE__ */ L.createElement("div", { className: Ee(Z.imageCommonPanelColumn, Z.imageCommonPanelTitle) }, /* @__PURE__ */ L.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ L.createElement("div", { className: Ee(Z.imageCommonPanelRow) }, /* @__PURE__ */ L.createElement("div", { className: Ee(Z.imageCommonPanelColumn) }, /* @__PURE__ */ L.createElement(ar, { value: f, onChange: S, direction: "vertical" }, /* @__PURE__ */ L.createElement(ke, { value: O.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ L.createElement(ke, { value: O.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ L.createElement(ke, { value: O.None }, n.t("drawing-anchor.none"))))));
-}, zr = () => {
+  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 = ee(z), e = i.getFocusDrawings(), [n, t] = et(e);
   return rt(() => {
     const r = i.focus$.subscribe((s) => {
@@ -892,23 +892,23 @@ const Ur = "univer-image-common-panel", Ar = "univer-image-common-panel-grid", N
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(n != null && n.length) && /* @__PURE__ */ L.createElement("div", { className: Z.imageCommonPanel }, /* @__PURE__ */ L.createElement(pn, { drawings: n }), /* @__PURE__ */ L.createElement(kr, { drawings: n }));
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ L.createElement("div", { className: Z.imageCommonPanel }, /* @__PURE__ */ L.createElement(wn, { drawings: n }), /* @__PURE__ */ L.createElement(zr, { drawings: n }));
 }, ve = {
   id: "sheet.command.move-drawing",
   type: F.COMMAND,
   handler: (i, e) => {
-    const n = i.get(V), t = i.get(H), r = i.get(Ge), { 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 g = { ...c }, { left: u = 0, top: f = 0 } = c;
-      return s === q.UP ? g.top = f - 1 : s === q.DOWN ? g.top = f + 1 : s === q.LEFT ? g.left = u - 1 : s === q.RIGHT && (g.left = u + 1), {
+      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: g,
-        sheetTransform: N(g, r)
+        transform: u,
+        sheetTransform: N(u, r)
       };
     }).filter((l) => l != null);
     return n.syncExecuteCommand(Fe.id, {
@@ -916,11 +916,11 @@ const Ur = "univer-image-common-panel", Ar = "univer-image-common-panel-grid", N
       drawings: d
     }) ? (n.syncExecuteCommand(j.id, [a]), !0) : !1;
   }
-}, Jt = {
+}, Zt = {
   id: "sheet.command.delete-drawing",
   type: F.COMMAND,
   handler: (i) => {
-    const e = i.get(V), 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) => {
@@ -939,9 +939,9 @@ const Ur = "univer-image-common-panel", Ar = "univer-image-common-panel-grid", N
   }
 };
 function Se(i) {
-  return !i.getContextValue(rn) && !i.getContextValue(sn) && i.getContextValue(we);
+  return !i.getContextValue(sn) && !i.getContextValue(on) && i.getContextValue(we);
 }
-const Kr = {
+const Jr = {
   id: ve.id,
   description: "shortcut.sheet.drawing-move-down",
   group: "4_sheet-drawing-view",
@@ -951,7 +951,7 @@ const Kr = {
   staticParameters: {
     direction: q.DOWN
   }
-}, Jr = {
+}, Zr = {
   id: ve.id,
   description: "shortcut.sheet.drawing-move-up",
   group: "4_sheet-drawing-view",
@@ -961,7 +961,7 @@ const Kr = {
   staticParameters: {
     direction: q.UP
   }
-}, Zr = {
+}, qr = {
   id: ve.id,
   description: "shortcut.sheet.drawing-move-left",
   group: "4_sheet-drawing-view",
@@ -971,7 +971,7 @@ const Kr = {
   staticParameters: {
     direction: q.LEFT
   }
-}, qr = {
+}, Qr = {
   id: ve.id,
   description: "shortcut.sheet.drawing-move-right",
   group: "4_sheet-drawing-view",
@@ -981,8 +981,8 @@ const Kr = {
   staticParameters: {
     direction: q.RIGHT
   }
-}, Qr = {
-  id: Jt.id,
+}, 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
@@ -990,25 +990,25 @@ const Kr = {
   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 ae {
+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(zt, Xt)), this.disposeWithMe(i.register(kt, Or)), this.disposeWithMe(i.register(Wt, 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;
     [
       Tr,
-      Pr
+      Ur
       // UploadCellImageMenuFactory,
     ].forEach((e) => {
       this._menuService.addMenuItem(e(this._injector), i);
@@ -1021,24 +1021,24 @@ let pe = class extends ae {
       st,
       it,
       Fe,
-      $t,
-      j,
       Vt,
-      xt,
+      j,
+      Gt,
       Ft,
+      Yt,
       ve,
-      Jt,
-      Gt
+      Zt,
+      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));
     });
@@ -1047,21 +1047,20 @@ let pe = class extends ae {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-pe = ni([
-  se(oe.Rendered, pe),
+pe = ri([
+  ie(se.Rendered, pe),
   me(1, W(nt)),
   me(2, W(Hn)),
   me(3, Xn),
   me(4, V),
-  me(5, kn)
+  me(5, zn)
 ], pe);
-var ii = Object.defineProperty, si = Object.getOwnPropertyDescriptor, oi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? si(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+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;
-}, de = (i, e) => (n, t) => e(n, t, i);
-const ai = [
-  Ct.id,
+  return t && r && si(e, n, r), r;
+}, ce = (i, e) => (n, t) => e(n, t, i);
+const ci = [
   It.id,
   Rt.id,
   Mt.id,
@@ -1069,23 +1068,24 @@ const ai = [
   bt.id,
   Et.id,
   yt.id,
+  Ot.id,
   qe.id,
   Qe.id,
-  Ot.id,
-  Tt.id,
   Pt.id,
+  Tt.id,
   Ut.id,
   At.id,
-  Nt.id
-], ci = [
-  qn.id,
+  Nt.id,
+  jt.id
+], di = [
   Qn.id,
   er.id,
   tr.id,
   nr.id,
-  rr.id
+  rr.id,
+  ir.id
 ];
-let Ae = class extends ae {
+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();
   }
@@ -1099,7 +1099,7 @@ let Ae = class extends ae {
   get _skeletonManagerService() {
     return this._renderManagerService.getRenderById(
       this._univerInstanceService.getCurrentUnitForType(B.UNIVER_SHEET).getUnitId()
-    ).with(ie);
+    ).with(re);
   }
   _init() {
     this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
@@ -1108,54 +1108,54 @@ let Ae = class extends ae {
     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)
-            return this._moveRowInterceptor(i.params, "insert");
           if (e === It.id)
-            return this._moveColInterceptor(i.params, "insert");
+            return this._moveRowInterceptor(i.params, "insert");
           if (e === Rt.id)
-            return this._moveRowInterceptor(i.params, "remove");
+            return this._moveColInterceptor(i.params, "insert");
           if (e === Mt.id)
+            return this._moveRowInterceptor(i.params, "remove");
+          if (e === Dt.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (e === Dt.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 === Et.id) {
+          } else if (e === yt.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               2
               /* insertDown */
             );
-          } else if (e === yt.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 === qe.id || e === Qe.id || e === Ot.id || e === Tt.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);
           }
@@ -1170,17 +1170,17 @@ let Ae = class extends ae {
       return { redos: [], undos: [] };
     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: g, deleteDrawings: u } = this._getUpdateOrDeleteDrawings(i, e, c);
-      d.push(...g), h.push(...u);
+      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: g, objects: u } = l;
-      s.push({ id: E.id, params: { unitId: t, subUnitId: r, op: g, objects: u, type: y.UPDATE } }), o.push({ id: E.id, params: { unitId: t, subUnitId: r, op: c, objects: u, type: y.UPDATE } });
+      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 (h.length > 0) {
-      const l = this._sheetDrawingService.getBatchRemoveOp(h), c = l.undo, g = l.redo, u = l.objects;
-      s.push({ id: E.id, params: { unitId: t, subUnitId: r, op: g, objects: u, type: y.REMOVE } }), o.push({ id: E.id, params: { unitId: t, subUnitId: r, op: c, objects: u, type: y.INSERT } });
+      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,
@@ -1188,7 +1188,7 @@ let Ae = class extends ae {
     };
   }
   _getUpdateOrDeleteDrawings(i, e, n) {
-    const t = [], r = [], { sheetTransform: s, anchorType: o = O.Position, transform: a, unitId: d, subUnitId: h, drawingId: l } = n, { from: c, to: g } = s, { row: u, column: f } = c, { row: m, column: p } = g;
+    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,
@@ -1196,7 +1196,7 @@ let Ae = class extends ae {
       };
     const { startRow: S, endRow: C, startColumn: v, endColumn: R } = i;
     let _ = null, b = null;
-    if (e === 0 && u >= S && m <= C)
+    if (e === 0 && g >= S && m <= C)
       if (f >= v && p <= R)
         r.push({ unitId: d, subUnitId: h, drawingId: l });
       else {
@@ -1204,7 +1204,7 @@ let Ae = class extends ae {
         _ = w == null ? void 0 : w.newSheetTransform, b = w == null ? void 0 : w.newTransform;
       }
     else if (e === 1 && f >= v && p <= R)
-      if (u >= S && m <= C)
+      if (g >= S && m <= C)
         r.push({ unitId: d, subUnitId: h, drawingId: l });
       else {
         const w = this._shrinkRow(s, a, S, C, o);
@@ -1234,57 +1234,57 @@ let Ae = class extends ae {
   _getDrawingUndoForColVisible(i, e, n) {
     const t = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
     if (Object.keys(t).forEach((l) => {
-      const c = t[l], { sheetTransform: g, transform: u, anchorType: f = O.Position } = c;
+      const c = t[l], { sheetTransform: u, transform: g, anchorType: f = O.Position } = c;
       if (f === O.None)
-        this._remainDrawingSize(u, r, c);
+        this._remainDrawingSize(g, r, c);
       else {
-        const { from: m, to: p } = g, { row: S, column: C } = m, { row: v, column: R } = 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: T, startColumn: D, endColumn: P } = b;
+          const b = n[_], { startRow: w, endRow: P, startColumn: D, endColumn: T } = b;
           if (R < D)
             continue;
           if (f === O.Position) {
             let I = null, A = null;
-            if (C >= D && C <= P) {
-              const G = this._skeletonManagerService.attachRangeWithCoord({ startColumn: C, endColumn: P, startRow: m.row, endRow: p.row });
+            if (C >= D && C <= T) {
+              const G = this._skeletonManagerService.attachRangeWithCoord({ startColumn: C, endColumn: T, startRow: m.row, endRow: p.row });
               if (G == null)
                 return;
-              A = { ...u, left: G.startX };
+              A = { ...g, left: G.startX };
             }
             if (A != null && (I = N(A, this._selectionRenderService), I != null && A != null)) {
               r.push({ ...c, sheetTransform: I, transform: A });
               break;
             }
-            this._remainDrawingSize(u, r, c);
+            this._remainDrawingSize(g, r, c);
             continue;
           }
-          if (C >= D && R <= P)
+          if (C >= D && R <= T)
             continue;
           let U = null, M = null;
-          if (C >= D && C <= P) {
-            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: C, endColumn: P, startRow: m.row, endRow: p.row });
+          if (C >= D && C <= T) {
+            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: C, endColumn: T, startRow: m.row, endRow: p.row });
             if (I == null)
               return;
             M = {
-              ...u,
+              ...g,
               left: (I == null ? void 0 : I.startX) || 0,
-              width: ((u == null ? void 0 : u.width) || 0) - I.endX + I.startX
+              width: ((g == null ? void 0 : g.width) || 0) - I.endX + I.startX
             };
-          } else if (R >= D && R <= P) {
+          } 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 = {
-              ...u,
-              left: I.startX - ((u == null ? void 0 : u.width) || 0)
+              ...g,
+              left: I.startX - ((g == null ? void 0 : g.width) || 0)
             };
           } else {
-            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: D, endColumn: P, startRow: m.row, endRow: p.row });
+            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: D, endColumn: T, startRow: m.row, endRow: p.row });
             if (I == null)
               return;
             if (M = {
-              ...u,
-              width: ((u == null ? void 0 : u.width) || 0) - I.endX + I.startX
+              ...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;
@@ -1294,7 +1294,7 @@ let Ae = class extends ae {
             r.push({ ...c, sheetTransform: U, transform: M });
             break;
           } else
-            this._remainDrawingSize(u, r, c);
+            this._remainDrawingSize(g, r, c);
         }
       }
     }), r.length === 0 && s.length === 0)
@@ -1328,57 +1328,57 @@ let Ae = class extends ae {
   _getDrawingUndoForRowVisible(i, e, n) {
     const t = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
     if (Object.keys(t).forEach((l) => {
-      const c = t[l], { sheetTransform: g, transform: u, anchorType: f = O.Position } = c;
+      const c = t[l], { sheetTransform: u, transform: g, anchorType: f = O.Position } = c;
       if (f === O.None)
-        this._remainDrawingSize(u, r, c);
+        this._remainDrawingSize(g, r, c);
       else {
-        const { from: m, to: p } = g, { row: S, column: C } = m, { row: v, column: R } = 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: T, startColumn: D, endColumn: P } = b;
+          const b = n[_], { startRow: w, endRow: P, startColumn: D, endColumn: T } = b;
           if (v < w)
             continue;
           if (f === O.Position) {
             let I = null, A = null;
-            if (S >= w && S <= T) {
-              const G = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: S, endRow: T });
+            if (S >= w && S <= P) {
+              const G = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: S, endRow: P });
               if (G == null)
                 return;
-              A = { ...u, top: G.startY };
+              A = { ...g, top: G.startY };
             }
             if (A != null && (I = N(A, this._selectionRenderService), I != null && A != null)) {
               r.push({ ...c, sheetTransform: I, transform: A });
               break;
             }
-            this._remainDrawingSize(u, r, c);
+            this._remainDrawingSize(g, r, c);
             continue;
           }
-          if (S >= w && v <= T)
+          if (S >= w && v <= P)
             continue;
           let U = null, M = null;
-          if (S >= w && S <= T) {
-            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: S, endRow: T });
+          if (S >= w && S <= P) {
+            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: S, endRow: P });
             if (I == null)
               return;
             M = {
-              ...u,
+              ...g,
               top: (I == null ? void 0 : I.startY) || 0,
-              height: ((u == null ? void 0 : u.height) || 0) - I.endY + I.startY
+              height: ((g == null ? void 0 : g.height) || 0) - I.endY + I.startY
             };
-          } else if (v >= w && v <= T) {
+          } 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 = {
-              ...u,
-              top: I.startY - ((u == null ? void 0 : u.height) || 0)
+              ...g,
+              top: I.startY - ((g == null ? void 0 : g.height) || 0)
             };
           } else {
-            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: w, endRow: T });
+            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: w, endRow: P });
             if (I == null)
               return;
             if (M = {
-              ...u,
-              height: ((u == null ? void 0 : u.height) || 0) - I.endY + I.startY
+              ...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;
@@ -1388,7 +1388,7 @@ let Ae = class extends ae {
             r.push({ ...c, sheetTransform: U, transform: M });
             break;
           } else
-            this._remainDrawingSize(u, r, c);
+            this._remainDrawingSize(g, r, c);
         }
       }
     }), r.length === 0 && s.length === 0)
@@ -1412,12 +1412,12 @@ let Ae = class extends ae {
       if (l === O.None)
         this._remainDrawingSize(h, s, a);
       else {
-        const { from: c, to: g } = d, { row: u, column: f } = c, { row: m, column: p } = g;
+        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 === O.Position && (u <= v && m >= R || f <= _ && p >= b)) {
+          if (l === O.Position && (g <= v && m >= R || f <= _ && p >= b)) {
             this._remainDrawingSize(h, s, a);
             continue;
           }
@@ -1453,9 +1453,9 @@ let Ae = class extends ae {
     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 = [], h = [], l = this._sheetDrawingService.getDrawingData(t, r), c = [], g = [];
-    if (Object.keys(l).forEach((u) => {
-      const f = l[u], { sheetTransform: m, transform: p, anchorType: S = O.Position } = f;
+    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 C, v;
@@ -1463,9 +1463,9 @@ let Ae = class extends ae {
         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: T } = b;
-        if (w >= o && T <= a)
-          g.push({ unitId: t, subUnitId: r, drawingId: u });
+        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 D = this._shrinkRow(m, p, o, a, S);
           C = D == null ? void 0 : D.newSheetTransform, v = D == null ? void 0 : D.newTransform;
@@ -1473,16 +1473,16 @@ let Ae = class extends ae {
       }
       if (!C || !v)
         return;
-      const R = { unitId: t, subUnitId: r, drawingId: u, transform: v, sheetTransform: C };
+      const R = { unitId: t, subUnitId: r, drawingId: g, transform: v, sheetTransform: C };
       c.push(R);
-    }), c.length === 0 && g.length === 0)
+    }), c.length === 0 && u.length === 0)
       return { redos: [], undos: [] };
     if (c.length > 0) {
-      const u = this._sheetDrawingService.getBatchUpdateOp(c), { undo: f, redo: m, objects: p } = u;
+      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 (g.length > 0) {
-      const u = this._sheetDrawingService.getBatchRemoveOp(g), f = u.undo, m = u.redo, p = u.objects;
+    if (u.length > 0) {
+      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] }), h.push({ id: j.id, params: [t] }), {
@@ -1494,9 +1494,9 @@ let Ae = class extends ae {
     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 = [], h = [], l = this._sheetDrawingService.getDrawingData(t, r), c = [], g = [];
-    if (Object.keys(l).forEach((u) => {
-      const f = l[u], { sheetTransform: m, transform: p, anchorType: S = O.Position } = f;
+    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 C, v;
@@ -1504,9 +1504,9 @@ let Ae = class extends ae {
         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: T } = b;
-        if (w >= o && T <= a)
-          g.push({ unitId: t, subUnitId: r, drawingId: u });
+        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 D = this._shrinkCol(m, p, o, a, S);
           C = D == null ? void 0 : D.newSheetTransform, v = D == null ? void 0 : D.newTransform;
@@ -1514,16 +1514,16 @@ let Ae = class extends ae {
       }
       if (!C || !v)
         return;
-      const R = { unitId: t, subUnitId: r, drawingId: u, transform: v, sheetTransform: C };
+      const R = { unitId: t, subUnitId: r, drawingId: g, transform: v, sheetTransform: C };
       c.push(R);
-    }), c.length === 0 && g.length === 0)
+    }), c.length === 0 && u.length === 0)
       return { redos: [], undos: [] };
     if (c.length > 0) {
-      const u = this._sheetDrawingService.getBatchUpdateOp(c), { undo: f, redo: m, objects: p } = u;
+      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 (g.length > 0) {
-      const u = this._sheetDrawingService.getBatchRemoveOp(g), f = u.undo, m = u.redo, p = u.objects;
+    if (u.length > 0) {
+      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] }), h.push({ id: j.id, params: [t] }), { redos: d, undos: h };
@@ -1537,10 +1537,10 @@ let Ae = class extends ae {
       };
     let l = null, c = null;
     if (d >= n) {
-      const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: o.row, endRow: a.row });
-      if (g == null)
+      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) + g.endX - g.startX }, l = N(c, this._selectionRenderService);
+      c = { ...e, left: (e.left || 0) + u.endX - u.startX }, l = N(c, this._selectionRenderService);
     } else if (h >= t)
       if (r === O.Both)
         l = {
@@ -1588,24 +1588,24 @@ let Ae = class extends ae {
         if (d === n)
           c = { ...e, left: (e.left || 0) - i.from.columnOffset };
         else {
-          const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: d - 1, startRow: o.row, endRow: a.row });
-          if (g == null)
+          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) - g.endX + g.startX - i.from.columnOffset };
+          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 g = this._skeletonManagerService.attachRangeWithCoord({
+        const u = this._skeletonManagerService.attachRangeWithCoord({
           startColumn: n - 1,
           endColumn: n - 1,
           startRow: o.row,
           endRow: a.row
         });
-        if (g == null)
+        if (u == null)
           return;
         l = {
           from: { ...o },
-          to: { ...a, column: n - 1, columnOffset: g.endX - g.startX }
+          to: { ...a, column: n - 1, columnOffset: u.endX - u.startX }
         }, c = $(l, this._selectionRenderService, this._skeletonManagerService);
       }
     }
@@ -1623,10 +1623,10 @@ let Ae = class extends ae {
       };
     let l = null, c = null;
     if (d >= n) {
-      const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: o.column, endColumn: a.column });
-      if (g == null)
+      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) + g.endY - g.startY }, l = N(c, this._selectionRenderService);
+      c = { ...e, top: (e.top || 0) + u.endY - u.startY }, l = N(c, this._selectionRenderService);
     } else if (h >= t)
       if (r === O.Both)
         l = {
@@ -1677,19 +1677,19 @@ let Ae = class extends ae {
         if (d === n)
           c = { ...e, top: (e.top || 0) - i.from.rowOffset };
         else {
-          const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: d - 1, startColumn: o.column, endColumn: a.column });
-          if (g == null)
+          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) - g.endY + g.startY - i.from.rowOffset };
+          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 g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: n - 1, endRow: n - 1 });
-        if (g == null)
+        const u = this._skeletonManagerService.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: g.endY - g.startY }
+          to: { ...a, row: n - 1, rowOffset: u.endY - u.startY }
         }, c = $(l, this._selectionRenderService, this._skeletonManagerService);
       }
     }
@@ -1701,7 +1701,7 @@ let Ae = class extends ae {
   _commandListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        i.id === ir.id && setTimeout(() => {
+        i.id === sr.id && setTimeout(() => {
           const e = i.params, { unitId: n, subUnitId: t } = e, r = this._drawingManagerService.drawingManagerData, s = [], o = [];
           Object.keys(r).forEach((a) => {
             const d = r[a];
@@ -1709,8 +1709,8 @@ let Ae = class extends ae {
               const l = d[h].data;
               l != null && Object.keys(l).forEach((c) => {
                 if (a === n && h === t) {
-                  const g = l[c];
-                  g.transform = $(g.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(l[c]);
+                  const u = l[c];
+                  u.transform = $(u.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(l[c]);
                 } else
                   o.push(l[c]);
               });
@@ -1723,7 +1723,7 @@ let Ae = class extends ae {
   _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);
         });
@@ -1736,10 +1736,10 @@ let Ae = class extends ae {
       const o = t[s], { sheetTransform: a, anchorType: d = O.Position } = o;
       if (d === O.None)
         return !0;
-      const { from: h, to: l } = a, { row: c, column: g } = h, { row: u, 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: S, endRow: C, startColumn: v, endColumn: R } = p;
-        if (on.intersects(
+        if (an.intersects(
           {
             startRow: S,
             endRow: C,
@@ -1748,11 +1748,11 @@ let Ae = class extends ae {
           },
           {
             startRow: c,
-            endRow: u,
-            startColumn: g,
+            endRow: g,
+            startColumn: u,
             endColumn: f
           }
-        ) || c > C || g > R) {
+        ) || c > C || u > R) {
           r.push({
             ...o,
             transform: $(a, this._selectionRenderService, this._skeletonManagerService)
@@ -1763,22 +1763,22 @@ let Ae = class extends ae {
     }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(j.id, [i]));
   }
 };
-Ae = oi([
-  se(oe.Rendered, Ae),
-  de(0, V),
-  de(1, W(sr)),
-  de(2, K),
-  de(3, H),
-  de(4, z),
-  de(5, he)
+Ae = 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 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--)
+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;
-}, ne = (i, e) => (n, t) => e(n, t, i);
-function gi(i, e, n, t) {
-  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(On.VIEW_MAIN), a = {
+  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 = {
     left: !0,
     top: !0
   };
@@ -1787,11 +1787,11 @@ function gi(i, e, n, t) {
       ...i,
       absolute: a
     };
-  const { left: d, right: h, top: l, bottom: c } = i, g = t.getFreeze(), { startColumn: u, startRow: f, xSplit: m, ySplit: p } = g, S = n.getNoMergeCellPositionByIndexWithNoHeader(f - p, u - m), C = n.getNoMergeCellPositionByIndexWithNoHeader(f, u), { rowHeaderWidth: v, columnHeaderHeight: R } = n, _ = C.startX - S.startX, b = C.startY - S.startY, { top: w, left: T, viewportScrollX: D, viewportScrollY: P } = o;
+  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 < T ? (a.left = !0, U = (_ + v + (d - T)) * r, M = Math.max(
+  d < P ? (a.left = !0, U = (_ + v + (d - P)) * r, M = Math.max(
     Math.min(
-      (_ + v + (h - T)) * r,
+      (_ + v + (h - P)) * r,
       (_ + v) * r
     ),
     (h - D) * r
@@ -1802,8 +1802,8 @@ function gi(i, e, n, t) {
       (b + R + (h - w)) * s,
       (b + R) * s
     ),
-    (c - P) * s
-  )) : (a.top = !1, I = Math.max((l - P) * s, (b + R) * s), A = Math.max((c - P) * s, (b + R) * s)), {
+    (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: I,
@@ -1817,7 +1817,7 @@ const ze = (i, e, n, t) => {
     right: s + a,
     top: o,
     bottom: o + d
-  }, c = gi(l, r, n, t);
+  }, c = hi(l, r, n, t);
   return {
     startX: c.left,
     endX: c.right,
@@ -1829,16 +1829,17 @@ const ze = (i, e, n, t) => {
     absolute: c.absolute
   };
 };
-let tt = class extends ae {
-  constructor(e, n, t, r, s, o, a) {
+let tt = class extends oe {
+  constructor(e, n, t, r, s, o) {
     super();
-    X(this, "_domLayerMap", /* @__PURE__ */ new Map());
-    X(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    X(this, "_transformChange$", new ht());
-    X(this, "transformChange$", this._transformChange$.asObservable());
-    X(this, "_remove$", new ht());
-    X(this, "remove$", this._remove$.asObservable());
-    this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = r, this._selectionRenderService = s, this._canvasFloatDomService = o, this._sheetDrawingService = a, this._drawingAddListener(), this._scrollUpdateListener(), this._featureUpdateListener(), this._deleteListener();
+    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);
@@ -1855,14 +1856,20 @@ let tt = class extends ae {
     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 ot, at;
-          const { unitId: t, subUnitId: r, drawingId: s } = n, o = le(this._univerInstanceService, { unitId: t, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(n), d = (ot = this._renderManagerService.getRenderById(t)) == null ? void 0 : ot.with(ie).getWorksheetSkeleton(r);
+          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: h, drawingType: l } = a;
@@ -1871,12 +1878,12 @@ let tt = class extends ae {
           const c = this._getSceneAndTransformerByDrawingSearch(t);
           if (c == null)
             return;
-          const { scene: g, canvas: u } = c;
+          const { scene: u, canvas: g } = c;
           if (h == null)
             return !0;
-          const { left: f, top: m, width: p, height: S, angle: C, flipX: v, flipY: R, skewX: _, skewY: b } = h, w = Rn({ unitId: t, subUnitId: r, drawingId: s }), T = g.getObject(w);
-          if (T != null) {
-            T.transformByState({ left: f, top: m, width: p, height: S, angle: C, flipX: v, flipY: R, skewX: _, skewY: b });
+          const { left: f, top: m, width: p, height: S, angle: C, flipX: v, flipY: R, skewX: _, skewY: b } = h, w = Mn({ 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 D = {
@@ -1885,11 +1892,11 @@ let tt = class extends ae {
             width: p,
             height: S,
             zIndex: this._drawingManagerService.getDrawingOrder(t, r).length - 1
-          }, P = new En(w, D);
-          g.addObject(P, yn).attachTransformerTo(P);
-          const U = this._ensureMap(t, r), M = new an(), I = ze(P, c.renderObject, d.skeleton, o.worksheet), A = new Wn(I), G = {
+          }, T = new yn(w, D);
+          u.addObject(T, On).attachTransformerTo(T);
+          const U = this._ensureMap(t, r), M = new cn(), I = ze(T, c.renderObject, d.skeleton, o.worksheet), A = new $n(I), G = {
             dispose: M,
-            rect: P,
+            rect: T,
             position$: A,
             unitId: t,
             subUnitId: r
@@ -1899,21 +1906,21 @@ let tt = class extends ae {
             id: s,
             componentKey: a.componentKey,
             onPointerDown: (x) => {
-              u.dispatchEvent(new PointerEvent(x.type, x));
+              g.dispatchEvent(new PointerEvent(x.type, x));
             },
             onPointerMove: (x) => {
-              u.dispatchEvent(new PointerEvent(x.type, x));
+              g.dispatchEvent(new PointerEvent(x.type, x));
             },
             onPointerUp: (x) => {
-              u.dispatchEvent(new PointerEvent(x.type, x));
+              g.dispatchEvent(new PointerEvent(x.type, x));
             },
             onWheel: (x) => {
-              u.dispatchEvent(new WheelEvent(x.type, x));
+              g.dispatchEvent(new WheelEvent(x.type, x));
             },
-            props: (at = U.get(s)) == null ? void 0 : at.props
+            props: (ct = (at = U.get(s)) == null ? void 0 : at.props) != null ? ct : this._getFloatDomProps(s)
           });
-          const J = P.onTransformChange$.subscribeEvent(() => {
-            const x = ze(P, c.renderObject, d.skeleton, o.worksheet);
+          const J = T.onTransformChange$.subscribeEvent(() => {
+            const x = ze(T, c.renderObject, d.skeleton, o.worksheet);
             A.next(
               x
             );
@@ -1929,40 +1936,36 @@ let tt = class extends ae {
     this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
       var t, r;
       const n = (s, o) => {
-        var g;
-        const a = this._getSceneAndTransformerByDrawingSearch(s), d = this._ensureMap(s, o), h = Array.from(d.keys()), l = le(this._univerInstanceService, { unitId: s, subUnitId: o }), c = (g = this._renderManagerService.getRenderById(s)) == null ? void 0 : g.with(ie).getWorksheetSkeleton(o);
-        !a || !l || !c || h.forEach((u) => {
-          const f = this._domLayerInfoMap.get(u);
+        var u;
+        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 = ze(f.rect, a.renderObject, c.skeleton, l.worksheet);
             f.position$.next(m);
           }
         });
       };
-      if (e.id === An.id) {
+      if (e.id === Nn.id) {
         const s = e.params, { unitId: o, sheetId: a } = s;
         n(o, a);
-      } else if (e.id === Nn.id) {
+      } else if (e.id === jn.id) {
         const s = e.params, { unitId: o } = s;
         Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((d) => {
           n(o, d);
         });
-      } else if (e.id === or.id) {
+      } else if (e.id === ar.id) {
         const { unitId: s, subUnitId: o } = e.params;
         n(s, o);
       }
     }));
   }
-  _getPosition(e) {
-    const { startX: n, endX: t, startY: 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 h = {
@@ -1970,10 +1973,18 @@ let tt = class extends ae {
       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: h
+      from: h,
+      to: c
     };
   }
   _featureUpdateListener() {
@@ -2007,7 +2018,7 @@ let tt = class extends ae {
     });
     if (!n)
       throw new Error("cannot find current target!");
-    const { unitId: t, subUnitId: r } = n, { initPosition: s, componentKey: o } = e, a = re.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);
@@ -2051,22 +2062,29 @@ let tt = class extends ae {
       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);
+      }
+    };
+  }
 };
-tt = ui([
-  ne(0, W(K)),
-  ne(1, he),
-  ne(2, W(V)),
-  ne(3, z),
-  ne(4, Ge),
-  ne(5, W(zn)),
-  ne(6, H)
+tt = gi([
+  de(0, W(K)),
+  de(1, he),
+  de(2, W(V)),
+  de(3, z),
+  de(4, W(Kn)),
+  de(5, k)
 ], tt);
-var hi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, fi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? mi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+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 && hi(e, n, r), r;
+  return t && r && mi(e, n, r), r;
 }, Oe = (i, e) => (n, t) => e(n, t, i);
-let Ne = class extends ae {
+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();
   }
@@ -2091,16 +2109,16 @@ let Ne = class extends ae {
             const { unitId: t, subUnitId: r } = e, s = this._renderManagerService.getRenderById(t);
             if (!s)
               return n(i);
-            const o = s.with(ie).getWorksheetSkeleton(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: h, scaleY: l } = s.scene, c = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, g = d.order.map((u) => d.data[u]).filter((u) => u.drawingType !== Ve.DRAWING_DOM);
-            return g.length ? (g.forEach((u) => {
-              if (!u.groupId && u.transform && re.isDefine(u.transform.left) && re.isDefine(u.transform.top) && re.isDefine(u.transform.width) && re.isDefine(u.transform.height)) {
-                const f = o.skeleton.getCellPositionByOffset(u.transform.left, u.transform.top, h, l, { x: 0, y: 0 }), m = o.skeleton.getCellPositionByOffset(u.transform.left + u.transform.width, u.transform.top + u.transform.height, h, l, { x: 0, y: 0 });
+            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);
@@ -2110,19 +2128,19 @@ let Ne = class extends ae {
     );
   }
 };
-Ne = fi([
-  se(oe.Rendered, Ne),
-  Oe(0, W(jn)),
-  Oe(1, W(wn)),
+Ne = pi([
+  ie(se.Rendered, Ne),
+  Oe(0, W(Ln)),
+  Oe(1, W(_n)),
   Oe(2, z),
   Oe(3, K)
 ], Ne);
-var pi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, _i = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? wi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+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 je = class extends ae {
+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();
   }
@@ -2140,15 +2158,15 @@ let je = class extends ae {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new ft(r).id, new Xe(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(), h = this._drawingManagerService.getDrawingData(a, d), l = Object.values(h), c = this._renderManagerService.getRenderById(a), g = c == null ? void 0 : c.scene;
-            if (g == null)
+            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;
-            g.getAllObjects().forEach((f) => {
-              f.classType === ce.IMAGE && l.some((m) => f.oKey.includes(m.drawingId)) && g.removeObject(f);
+            u.getAllObjects().forEach((f) => {
+              f.classType === ae.IMAGE && l.some((m) => f.oKey.includes(m.drawingId)) && u.removeObject(f);
             });
           }
         });
@@ -2169,15 +2187,15 @@ let je = class extends ae {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new Ze(r).id, new Te(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(), h = this._drawingManagerService.getDrawingData(a, d), l = Object.values(h), c = this._renderManagerService.getRenderById(a), g = c == null ? void 0 : c.scene;
-            if (g == null)
+            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;
-            g.getAllObjects().forEach((f) => {
-              f.classType === ce.IMAGE && l.some((m) => f.oKey.includes(m.drawingId)) && g.detachTransformerFrom(f);
+            u.getAllObjects().forEach((f) => {
+              f.classType === ae.IMAGE && l.some((m) => f.oKey.includes(m.drawingId)) && u.detachTransformerFrom(f);
             });
           }
         });
@@ -2197,26 +2215,26 @@ let je = class extends ae {
           const a = this._renderManagerService.getRenderById(r), d = a == null ? void 0 : a.scene;
           if (d == null)
             return;
-          const h = d.getTransformerByCreate(), l = this._permissionService.composePermission$([new ft(r).id, new Xe(r, s).id]).pipe(mt((g) => g.every((u) => u.value)));
+          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(
-            Me((g) => g !== o),
+            Me((u) => u !== o),
             De()
           ).subscribe({
-            next: (g) => {
-              o = g, this._drawingManagerService.setDrawingVisible(g);
-              const u = d.getAllObjects(), f = this._drawingManagerService.getDrawingData(r, s), m = Object.values(f);
-              g ? this._drawingManagerService.addNotification(m) : (u.forEach((p) => {
-                p.classType === ce.IMAGE && m.some((S) => p.oKey.includes(S.drawingId)) && d.removeObject(p);
+            next: (u) => {
+              o = u, this._drawingManagerService.setDrawingVisible(u);
+              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 Xe(r, s).id)) == null || c.pipe(
-            Me((g) => g.value !== o),
+          }), (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 g = this._drawingManagerService.getDrawingData(r, s), u = Object.values(g);
-              this._drawingManagerService.addNotification(u);
+              const u = this._drawingManagerService.getDrawingData(r, s), g = Object.values(u);
+              this._drawingManagerService.addNotification(g);
             }
           });
         });
@@ -2236,31 +2254,31 @@ let je = class extends ae {
           const a = this._renderManagerService.getRenderById(r), d = a == null ? void 0 : a.scene;
           if (d == null)
             return;
-          const h = d.getTransformerByCreate(), l = this._permissionService.composePermission$([new Ze(r).id, new Te(r, s).id]).pipe(mt((g) => g.every((u) => u.value)));
+          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(
-            Me((g) => g !== o),
+            Me((u) => u !== o),
             De()
           ).subscribe({
-            next: (g) => {
-              o = g, this._drawingManagerService.setDrawingEditable(g);
-              const u = d.getAllObjects(), f = this._drawingManagerService.getDrawingData(r, s), m = Object.values(f);
-              g ? (u.forEach((p) => {
-                p.classType === ce.IMAGE && m.some((S) => p.oKey.includes(S.drawingId)) && d.attachTransformerTo(p);
-              }), this._drawingManagerService.addNotification(m)) : (u.forEach((p) => {
-                p.classType === ce.IMAGE && m.some((S) => p.oKey.includes(S.drawingId)) && d.detachTransformerFrom(p);
+            next: (u) => {
+              o = u, this._drawingManagerService.setDrawingEditable(u);
+              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 Te(r, s).id)) == null || c.pipe(
-            Me((g) => g.value !== o),
+          }), (c = this._permissionService.getPermissionPoint$(new Pe(r, s).id)) == null || c.pipe(
+            Me((u) => u.value !== o),
             De()
           ).subscribe({
             complete: () => {
               o = !0;
-              const g = e.getUnitId(), u = t.getSheetId(), f = this._drawingManagerService.getDrawingData(g, u), m = Object.values(f), p = this._renderManagerService.getRenderById(g), S = p == null ? void 0 : p.scene;
+              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), S.getAllObjects().forEach((v) => {
-                v.classType === ce.IMAGE && m.some((R) => v.oKey.includes(R.drawingId)) && S.detachTransformerFrom(v);
+                v.classType === ae.IMAGE && m.some((R) => v.oKey.includes(R.drawingId)) && S.detachTransformerFrom(v);
               });
             }
           });
@@ -2269,23 +2287,23 @@ let je = class extends ae {
     );
   }
 };
-je = _i([
-  se(oe.Rendered, je),
+je = vi([
+  ie(se.Rendered, je),
   fe(0, z),
   fe(1, K),
-  fe(2, dn),
+  fe(2, ln),
   fe(3, he),
-  fe(4, W(cn))
+  fe(4, W(dn))
 ], je);
-var vi = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, Ci = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Si(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+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;
+  return t && r && Si(e, n, r), r;
 }, Ke = (i, e) => (n, t) => e(n, t, i);
-let Le = class extends ae {
+let Le = class extends oe {
   constructor(e, n, t) {
     super();
-    X(this, "_copyInfo");
+    H(this, "_copyInfo");
     this._sheetClipboardService = e, this._renderManagerService = n, this._sheetDrawingService = t, this._initCopyPaste();
   }
   _initCopyPaste() {
@@ -2293,22 +2311,22 @@ let Le = class extends ae {
       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: h, subUnitId: l } = n;
+        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) {
-    var g;
-    const r = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(ie);
+    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: o, endX: a, startY: d, endY: h } = s, l = this._sheetDrawingService.getDrawingData(e, n), c = [];
-    Object.keys(l).forEach((u) => {
-      const f = l[u], { transform: m } = f;
+    Object.keys(l).forEach((g) => {
+      const f = l[g], { transform: m } = f;
       if (f.anchorType !== O.Both || !m)
         return;
       const { left: p = 0, top: S = 0, width: C = 0, height: v = 0 } = m, { drawingStartX: R, drawingEndX: _, drawingStartY: b, drawingEndY: w } = {
@@ -2341,7 +2359,7 @@ let Le = class extends ae {
     const { copyRange: t } = n;
     if (!t)
       return { redos: [], undos: [] };
-    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [a, d], mapFunc: h } = Ln([t, e]), { row: l, col: c } = h(a.startRow, a.startColumn), { row: g, col: u } = h(d.startRow, d.startColumn), f = (D = this._renderManagerService.getRenderById(s)) == null ? void 0 : D.with(ie);
+    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [a, d], mapFunc: h } = Bn([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({
@@ -2350,23 +2368,23 @@ let Le = class extends ae {
       startColumn: c,
       endColumn: c
     }), p = f.attachRangeWithCoord({
-      startRow: g,
-      endRow: g,
-      startColumn: u,
-      endColumn: u
+      startRow: u,
+      endRow: u,
+      startColumn: g,
+      endColumn: g
     });
     if (!m || !p)
       return { redos: [], undos: [] };
-    const S = [], C = [], v = p.startX - m.startX, R = p.startY - m.startY, _ = g - l, b = u - c, w = n.copyType === ut.CUT, { _sheetDrawingService: T } = this;
-    return r.forEach((P) => {
-      const { transform: U, sheetTransform: M } = P;
+    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 I = {
-        ...P,
+        ...T,
         unitId: s,
         subUnitId: o,
-        drawingId: w ? P.drawingId : re.generateRandomId(),
+        drawingId: w ? T.drawingId : ne.generateRandomId(),
         transform: {
           ...U,
           left: U.left + v,
@@ -2378,7 +2396,7 @@ let Le = class extends ae {
         }
       };
       if (w) {
-        const { undo: A, redo: G, objects: J } = T.getBatchUpdateOp([I]);
+        const { undo: A, redo: G, objects: J } = P.getBatchUpdateOp([I]);
         S.push({
           id: E.id,
           params: {
@@ -2399,7 +2417,7 @@ let Le = class extends ae {
           }
         });
       } else {
-        const { undo: A, redo: G, objects: J } = T.getBatchAddOp([I]);
+        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 } });
       }
     }), {
@@ -2408,23 +2426,23 @@ let Le = class extends ae {
     };
   }
 };
-Le = Ci([
-  se(oe.Ready, Le),
-  Ke(0, Bn),
+Le = Ii([
+  ie(se.Ready, Le),
+  Ke(0, Wn),
   Ke(1, K),
-  Ke(2, H)
+  Ke(2, k)
 ], Le);
-var Zt = Object.defineProperty, Ii = Object.getOwnPropertyDescriptor, Ri = (i, e, n) => e in i ? Zt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Mi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ii(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+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 && Zt(e, n, r), r;
-}, Je = (i, e) => (n, t) => e(n, t, i), qt = (i, e, n) => Ri(i, typeof e != "symbol" ? e + "" : e, n);
-const Di = "SHEET_IMAGE_UI_PLUGIN";
-let $e = class extends ln {
+  return t && r && qt(e, n, r), r;
+}, 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 un {
   constructor(e = {}, n, t, r) {
     super();
-    X(this, "_pluginConfig");
-    this._injector = n, this._localeService = t, this._renderManagerService = r, this._pluginConfig = re.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);
@@ -2443,7 +2461,7 @@ let $e = class extends ln {
           useFactory: () => this._injector.createInstance(pe, this._pluginConfig)
         }
       ],
-      [Pe],
+      [Te],
       [Ne],
       [je]
     ], t = [
@@ -2460,28 +2478,28 @@ let $e = class extends ln {
     });
   }
 };
-qt($e, "type", B.UNIVER_SHEET);
-qt($e, "pluginName", Di);
-$e = Mi([
-  un(Mn, _n, vn),
+Qt($e, "type", B.UNIVER_SHEET);
+Qt($e, "pluginName", bi);
+$e = Di([
+  gn(Dn, vn, Sn),
   Je(1, W(nt)),
   Je(2, W(_e)),
   Je(3, K)
 ], $e);
 export {
   j as ClearSheetDrawingTransformerOperation,
-  Jt as DeleteDrawingsCommand,
-  Vt as EditSheetDrawingOperation,
-  xt as GroupSheetDrawingCommand,
+  Zt as DeleteDrawingsCommand,
+  Gt as EditSheetDrawingOperation,
+  Ft as GroupSheetDrawingCommand,
   Be as InsertCellImageOperation,
   xe as InsertFloatImageOperation,
   st as InsertSheetDrawingCommand,
   ve as MoveDrawingsCommand,
   it as RemoveSheetDrawingCommand,
-  Gt as SetDrawingArrangeCommand,
+  xt as SetDrawingArrangeCommand,
   Fe as SetSheetDrawingCommand,
   tt as SheetCanvasFloatDomManagerService,
-  $t as SidebarSheetDrawingOperation,
-  Ft as UngroupSheetDrawingCommand,
+  Vt as SidebarSheetDrawingOperation,
+  Yt as UngroupSheetDrawingCommand,
   $e as UniverSheetsDrawingUIPlugin
 };