npm - @univerjs/sheets-drawing-ui - Versions diffs - 0.2.4 → 0.2.5 - Mend

@univerjs/sheets-drawing-ui 0.2.4 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/lib/cjs/index.js +1 -1
package/lib/es/index.js +509 -508
package/lib/types/controllers/drawing-popup-menu.controller.d.ts +1 -2
package/lib/types/controllers/sheet-drawing.controller.d.ts +1 -2
package/lib/types/plugin.d.ts +1 -2
package/lib/types/services/canvas-float-dom-manager.service.d.ts +8 -2
package/lib/types/views/menu/image.menu.d.ts +1 -1
package/lib/umd/index.js +1 -1
package/package.json +20 -22

package/lib/es/index.js CHANGED Viewed

@@ -1,19 +1,17 @@
-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 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";
+var tn = Object.defineProperty;
+var nn = (i, e, n) => e in i ? tn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var H = (i, e, n) => nn(i, typeof e != "symbol" ? e + "" : e, n);
+import { CommandType as F, ICommandService as G, IUndoRedoService as ge, LocaleService as _e, IUniverInstanceService as he, useDependency as Z, RxDisposable as rn, UniverInstanceType as B, connectInjector as sn, toDisposable as on, FOCUSING_COMMON_DRAWINGS as we, OnLifecycle as ee, LifecycleStages as te, Inject as W, Injector as nt, IContextService as vt, Disposable as oe, Direction as q, FOCUSING_FORMULA_EDITOR as an, EDITOR_ACTIVATED as cn, Rectangle as dn, DrawingTypeEnum as ke, DisposableCollection as ln, Tools as ie, UserManagerService as un, IPermissionService as gn, Plugin as hn, DependentOn as mn } from "@univerjs/core";
+import { ImageCropperObject as fn, COMPONENT_IMAGE_POPUP_MENU as pn, OpenImageCropOperation as wn, ImageResetSizeOperation as _n, DrawingCommonPanel as vn, DrawingRenderService as Sn, UniverDrawingUIPlugin as Cn } from "@univerjs/drawing-ui";
+import { ISheetDrawingService as k, SetDrawingApplyMutation as E, DrawingApplyType as y, SheetDrawingAnchorType as P, UniverSheetsDrawingPlugin as In } from "@univerjs/sheets-drawing";
+import { IDrawingManagerService as z, IImageIoService as St, ArrangeTypeEnum as Ce, DrawingTypeEnum as Ge, DRAWING_IMAGE_COUNT_LIMIT as lt, ImageUploadStatusType as He, DRAWING_IMAGE_ALLOW_SIZE as Rn, getImageSize as Mn, DRAWING_IMAGE_WIDTH_LIMIT as ut, DRAWING_IMAGE_HEIGHT_LIMIT as gt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Dn, getDrawingShapeKeyByDrawingSearch as bn, UniverDrawingPlugin as En } from "@univerjs/drawing";
+import { IRenderManagerService as K, getGroupState as yn, transformObjectOutOfGroup as On, precisionTo as Q, Rect as Pn, DRAWING_OBJECT_LAYER_INDEX as Tn, SHEET_VIEWPORT_KEY as Un, RENDER_CLASS_TYPE as ae } from "@univerjs/engine-render";
+import { SheetCanvasPopManagerService as An, ISheetSelectionRenderService as xe, SheetSkeletonManagerService as se, attachRangeWithCoord as Nn, getCurrentRangeDisable$ as jn, SetScrollOperation as Ln, SetZoomRatioOperation as Bn, SheetPrintInterceptorService as Wn, COPY_TYPE as ht, PREDEFINED_HOOK_NAME as Ie, virtualizeDiscreteRanges as $n, ISheetClipboardService as Vn } from "@univerjs/sheets-ui";
+import { takeUntil as mt, Subject as ft, BehaviorSubject as Gn, combineLatest as Re, map as pt, filter as Me, distinctUntilChanged as De } from "rxjs";
+import { ISidebarService as xn, BuiltInUIPart as Fn, IUIPartsService as Yn, IMessageService as kn, MenuItemType as Ct, MenuPosition as Hn, MenuGroup as Xn, getMenuHiddenObservable as It, KeyCode as ue, ComponentManager as zn, IMenuService as Kn, IShortcutService as Jn, CanvasFloatDomService as Zn } from "@univerjs/ui";
+import { getSheetCommandTarget as le, SheetsSelectionsService as qn, WorkbookEditablePermission as qe, WorksheetEditPermission as Pe, RangeProtectionPermissionEditPoint as Qn, InsertRowCommand as Rt, InsertColCommand as Mt, RemoveRowCommand as Dt, RemoveColCommand as bt, DeleteRangeMoveLeftCommand as Et, DeleteRangeMoveUpCommand as yt, InsertRangeMoveDownCommand as Ot, InsertRangeMoveRightCommand as Pt, DeltaRowHeightCommand as Qe, SetRowHeightCommand as et, DeltaColumnWidthCommand as Tt, SetColWidthCommand as Ut, SetRowHiddenCommand as At, SetSpecificRowsVisibleCommand as Nt, SetSpecificColsVisibleCommand as jt, SetColHiddenCommand as Lt, SetRowVisibleMutation as er, SetRowHiddenMutation as tr, SetColVisibleMutation as nr, SetColHiddenMutation as rr, SetWorksheetRowHeightMutation as ir, SetWorksheetColWidthMutation as sr, SetWorksheetActiveOperation as or, SheetInterceptorService as ar, SetFrozenMutation as cr, WorkbookViewPermission as wt, WorksheetViewPermission as Xe } from "@univerjs/sheets";
+import L, { useEffect as rt, forwardRef as Bt, useRef as Wt, createElement as $t, useState as tt } from "react";
+import { MessageType as be, RadioGroup as dr, Radio as ze } from "@univerjs/design";
 import Ee from "clsx";
 const j = {
   id: "sheet.operation.clear-drawing-transformer",
@@ -29,7 +27,7 @@ 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(k);
+    const n = i.get(G), t = i.get(ge), r = i.get(k);
     if (!e) return !1;
     const { drawings: s } = e, o = [];
     s.forEach((f) => {
@@ -49,17 +47,17 @@ const j = {
       ]
     }), !0) : !1;
   }
-}, $t = "COMPONENT_SHEET_DRAWING_PANEL", Vt = {
+}, Vt = "COMPONENT_SHEET_DRAWING_PANEL", Gt = {
   id: "sidebar.operation.sheet-image",
   type: F.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(Vn), t = i.get(_e), r = i.get(he), s = i.get(z);
+    const n = i.get(xn), t = i.get(_e), r = i.get(he), s = i.get(z);
     if (!le(r)) return !1;
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("sheetImage.panel.title") },
-          children: { label: $t },
+          children: { label: Vt },
           onClose: () => {
             s.focusDrawing(null);
           },
@@ -73,21 +71,21 @@ const j = {
     }
     return !0;
   }
-}, Gt = {
+}, xt = {
   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(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);
+    const n = i.get(z), t = i.get(G);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Gt.id, { value: "open" }), !0);
+  }
+}, lr = "univer-upload-loading", ur = "univer-upload-loading-body", gr = "univer-upload-loading-body-animation", hr = "univer-UniverCircleAnimation", mr = "univer-upload-loading-body-text", ye = {
+  uploadLoading: lr,
+  uploadLoadingBody: ur,
+  uploadLoadingBodyAnimation: gr,
+  univerCircleAnimation: hr,
+  uploadLoadingBodyText: mr
+}, fr = () => {
+  const i = Z(St), e = Z(_e), [n, t] = L.useState(0);
   return rt(() => {
     const r = i.change$.subscribe((s) => {
       t(s);
@@ -97,19 +95,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 fr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, wr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? pr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var pr = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, _r = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? wr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && fr(e, n, r), r;
-}, te = (i, e) => (n, t) => e(n, t, i);
-let Te = class extends nn {
+  return t && r && pr(e, n, r), r;
+}, re = (i, e) => (n, t) => e(n, t, i);
+let Te = class extends rn {
   constructor(e, n, t, r, s, o, a) {
     super();
     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(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));
+    this._univerInstanceService.getCurrentTypeOfUnit$(B.UNIVER_SHEET).pipe(mt(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(B.UNIVER_SHEET).pipe(mt(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(B.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(Fn.CONTENT, () => sn(fr, this._injector));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -124,7 +122,7 @@ let Te = class extends nn {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof hn)
+      if (t instanceof fn)
         return !0;
     return !1;
   }
@@ -138,7 +136,7 @@ let Te = class extends nn {
       return;
     let r;
     this.disposeWithMe(
-      rn(
+      on(
         t.createControl$.subscribe(() => {
           if (this._contextService.setContextValue(we, !0), this._hasCropObject(n))
             return;
@@ -155,7 +153,7 @@ let Te = class extends nn {
             return;
           const { unitId: l, subUnitId: c, drawingId: u } = h;
           r == null || r.dispose(), r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-            componentKey: mn,
+            componentKey: pn,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
@@ -183,7 +181,7 @@ let Te = class extends nn {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Gt.id,
+        commandId: xt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
@@ -197,35 +195,35 @@ let Te = class extends nn {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: fn.id,
+        commandId: wn.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: pn.id,
+        commandId: _n.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !1
       }
     ];
   }
 };
-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, _t),
-  te(6, W(xn))
+Te = _r([
+  ee(te.Steady, Te),
+  re(0, W(nt)),
+  re(1, z),
+  re(2, W(An)),
+  re(3, K),
+  re(4, he),
+  re(5, vt),
+  re(6, W(Yn))
 ], Te);
-const xe = {
+const Fe = {
   id: "sheet.operation.insert-float-image",
   type: F.OPERATION,
   handler: (i, e) => !0
-}, Be = {
+}, We = {
   id: "sheet.operation.insert-cell-image",
   type: F.OPERATION,
   handler: (i, e) => !0
@@ -233,7 +231,7 @@ 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(k);
+    const n = i.get(G), 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: u } = a;
     return n.syncExecuteCommand(E.id, { op: c, unitId: d, subUnitId: h, objects: u, type: y.INSERT }) ? (t.pushUndoRedo({
@@ -248,11 +246,11 @@ const xe = {
       ]
     }), !0) : !1;
   }
-}, Fe = {
+}, Ye = {
   id: "sheet.command.set-sheet-image",
   type: F.COMMAND,
   handler: (i, e) => {
-    const n = i.get(V), t = i.get(ge), r = i.get(k);
+    const n = i.get(G), 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,11 +265,11 @@ const xe = {
       ]
     }), !0) : !1;
   }
-}, xt = {
+}, Ft = {
   id: "sheet.command.set-drawing-arrange",
   type: F.COMMAND,
   handler: (i, e) => {
-    const n = i.get(V), t = i.get(ge);
+    const n = i.get(G), t = i.get(ge);
     if (!e) return !1;
     const r = i.get(k), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: d } = e, h = { unitId: s, subUnitId: o, drawingIds: a };
     let l;
@@ -289,10 +287,10 @@ const xe = {
     }), !0) : !1;
   }
 };
-function _r(i) {
+function vr(i) {
   const e = [];
   return i.forEach((n) => {
-    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 { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: a } = t, d = yn(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: g,
@@ -309,7 +307,7 @@ function _r(i) {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: Ve.DRAWING_GROUP,
+      drawingType: Ge.DRAWING_GROUP,
       transform: d
     };
     e.push({
@@ -318,14 +316,14 @@ function _r(i) {
     });
   }), e;
 }
-function vr(i) {
+function Sr(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: u } = c, { unitId: g, subUnitId: f, drawingId: m } = c, p = En(u || {}, d, d.width || 0, d.height || 0);
+      const { transform: u } = c, { unitId: g, subUnitId: f, drawingId: m } = c, p = On(u || {}, d, d.width || 0, d.height || 0);
       return {
         unitId: g,
         subUnitId: f,
@@ -337,7 +335,7 @@ function vr(i) {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: Ve.DRAWING_GROUP,
+      drawingType: Ge.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
@@ -349,11 +347,11 @@ function vr(i) {
     });
   }), e;
 }
-const Ft = {
+const Yt = {
   id: "sheet.command.group-sheet-image",
   type: F.COMMAND,
   handler: (i, e) => {
-    const n = i.get(V), t = i.get(ge), r = i.get(k);
+    const n = i.get(G), t = i.get(ge), r = i.get(k);
     if (!e) return !1;
     const s = [];
     e.forEach(({ parent: g, children: f }) => {
@@ -365,7 +363,7 @@ const Ft = {
     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: vr(c), type: y.UNGROUP } },
+        { id: E.id, params: { op: h, unitId: a, subUnitId: d, objects: Sr(c), type: y.UNGROUP } },
         { id: j.id, params: s }
       ],
       redoMutations: [
@@ -374,11 +372,11 @@ const Ft = {
       ]
     }), !0) : !1;
   }
-}, Yt = {
+}, kt = {
   id: "sheet.command.ungroup-sheet-image",
   type: F.COMMAND,
   handler: (i, e) => {
-    const n = i.get(V), t = i.get(ge), r = i.get(k);
+    const n = i.get(G), t = i.get(ge), r = i.get(k);
     if (!e) return !1;
     const s = [];
     e.forEach(({ parent: g, children: f }) => {
@@ -390,7 +388,7 @@ const Ft = {
     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: _r(c), type: y.GROUP } },
+        { id: E.id, params: { op: h, unitId: a, subUnitId: d, objects: vr(c), type: y.GROUP } },
         { id: j.id, params: s }
       ],
       redoMutations: [
@@ -400,7 +398,7 @@ const Ft = {
     }), !0) : !1;
   }
 };
-function $(i, e, n) {
+function V(i, e, n) {
   const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: d = 0, skewY: h = 0 } = i, { column: l, columnOffset: c, row: u, rowOffset: g } = t, { column: f, columnOffset: m, row: p, rowOffset: S } = r, C = n.attachRangeWithCoord({
     startColumn: l,
     endColumn: l,
@@ -418,19 +416,19 @@ function $(i, e, n) {
   if (v == null)
     return;
   const { startX: R, startY: _ } = C, { startX: b, startY: w } = v;
-  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 P + T > I && (P = I - T), D + U > A && (D = A - U), {
+  let T = Q(R + c, 1), M = Q(_ + g, 1), U = Q(b + m - T, 1), O = Q(w + S - M, 1);
+  C.startX === v.endX && (U = 0), C.startY === v.endY && (O = 0);
+  const D = n.getCurrentSkeleton(), I = D.rowHeaderWidth + D.columnTotalWidth, A = D.columnHeaderHeight + D.rowTotalHeight;
+  return T + U > I && (T = I - U), M + O > A && (M = A - O), {
     flipY: s,
     flipX: o,
     angle: a,
     skewX: d,
     skewY: h,
-    left: P,
-    top: D,
-    width: T,
-    height: U
+    left: T,
+    top: M,
+    width: U,
+    height: O
   };
 }
 function N(i, e) {
@@ -461,10 +459,10 @@ function N(i, e) {
     to: f
   };
 }
-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--)
+var Cr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, Rr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ir(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Sr(e, n, r), r;
+  return t && r && Cr(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) {
@@ -475,12 +473,12 @@ let Ue = class extends oe {
   get _selectionRenderService() {
     return this._renderManagerService.getRenderById(
       this._univerInstanceService.getCurrentUnitForType(B.UNIVER_SHEET).getUnitId()
-    ).with(Ge);
+    ).with(xe);
   }
   get _skeletonManagerService() {
     return this._renderManagerService.getRenderById(
       this._univerInstanceService.getCurrentUnitForType(B.UNIVER_SHEET).getUnitId()
-    ).with(re);
+    ).with(se);
   }
   _init() {
     this._initCommandListeners(), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._drawingAddListener();
@@ -491,19 +489,19 @@ let Ue = class extends oe {
   _initCommandListeners() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted(async (i) => {
-        if (i.id === Be.id || i.id === xe.id) {
+        if (i.id === We.id || i.id === Fe.id) {
           const e = i.params;
           if (e.files == null)
             return;
           const n = e.files.length;
-          if (n > dt) {
+          if (n > lt) {
             this._messageService.show({
               type: be.Error,
-              content: this._localeService.t("update-status.exceedMaxCount", String(dt))
+              content: this._localeService.t("update-status.exceedMaxCount", String(lt))
             });
             return;
           }
-          this._imageIoService.setWaitCount(n), i.id === Be.id ? e.files.forEach(async (t) => {
+          this._imageIoService.setWaitCount(n), i.id === We.id ? e.files.forEach(async (t) => {
             await this._insertCellImage(t);
           }) : e.files.forEach(async (t) => {
             await this._insertFloatImage(t);
@@ -520,13 +518,13 @@ let Ue = class extends oe {
       e = await this._imageIoService.saveImage(i);
     } catch (C) {
       const v = C.message;
-      v === ke.ERROR_EXCEED_SIZE ? this._messageService.show({
+      v === He.ERROR_EXCEED_SIZE ? this._messageService.show({
         type: be.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(Cn / (1024 * 1024)))
-      }) : v === ke.ERROR_IMAGE_TYPE ? this._messageService.show({
+        content: this._localeService.t("update-status.exceedMaxSize", String(Rn / (1024 * 1024)))
+      }) : v === He.ERROR_IMAGE_TYPE ? this._messageService.show({
         type: be.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : v === ke.ERROR_IMAGE && this._messageService.show({
+      }) : v === He.ERROR_IMAGE && this._messageService.show({
         type: be.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
@@ -536,14 +534,14 @@ let Ue = class extends oe {
     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 In(d || ""), u = this._renderManagerService.getRenderById(t);
+    const { unitId: t, subUnitId: r } = n, { imageId: s, imageSourceType: o, source: a, base64Cache: d } = e, { width: h, height: l, image: c } = await Mn(d || ""), u = this._renderManagerService.getRenderById(t);
     if (u == null)
       return;
     const { width: g, height: f } = u.scene;
     this._imageIoService.addImageSourceCache(a, o, c);
     let m = 1;
-    if (h > lt || l > ut) {
-      const C = lt / h, v = ut / l;
+    if (h > ut || l > gt) {
+      const C = ut / h, v = gt / l;
       m = Math.max(C, v);
     }
     const p = this._getImagePosition(h * m, l * m, g, f);
@@ -553,10 +551,10 @@ let Ue = class extends oe {
       unitId: t,
       subUnitId: r,
       drawingId: s,
-      drawingType: Ve.DRAWING_IMAGE,
+      drawingType: Ge.DRAWING_IMAGE,
       imageSourceType: o,
       source: a,
-      transform: $(p, this._selectionRenderService, this._skeletonManagerService),
+      transform: V(p, this._selectionRenderService, this._skeletonManagerService),
       sheetTransform: p
     };
     this._commandService.executeCommand(st.id, {
@@ -586,7 +584,7 @@ let Ue = class extends oe {
       endColumn: 0
     };
     r && r.length > 0 && (s = r[r.length - 1].range);
-    const o = Un(this._skeletonManagerService.getCurrent().skeleton, s);
+    const o = Nn(this._skeletonManagerService.getCurrent().skeleton, s);
     if (o == null)
       return;
     let { startColumn: a, startRow: d, startX: h, startY: l } = o, c = !1;
@@ -618,7 +616,7 @@ let Ue = class extends oe {
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
       const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: r } = i;
-      this._commandService.executeCommand(xt.id, {
+      this._commandService.executeCommand(Ft.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: t,
@@ -641,11 +639,11 @@ let Ue = class extends oe {
           return;
         const l = {
           ...n,
-          transform: { ...d.transform, ...a, ...$(h, this._selectionRenderService, this._skeletonManagerService) },
+          transform: { ...d.transform, ...a, ...V(h, this._selectionRenderService, this._skeletonManagerService) },
           sheetTransform: { ...h }
         };
         e.push(l);
-      }), e.length > 0 && this._commandService.executeCommand(Fe.id, {
+      }), e.length > 0 && this._commandService.executeCommand(Ye.id, {
         unitId: i[0].unitId,
         drawings: e
       }));
@@ -653,11 +651,11 @@ let Ue = class extends oe {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(Ft.id, i);
+      this._commandService.executeCommand(Yt.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(Yt.id, i);
+      this._commandService.executeCommand(kt.id, i);
     });
   }
   _focusDrawingListener() {
@@ -680,22 +678,22 @@ let Ue = class extends oe {
       if (t == null)
         return;
       const { sheetTransform: r } = t;
-      t.transform = $(r, this._selectionRenderService, this._skeletonManagerService);
+      t.transform = V(r, this._selectionRenderService, this._skeletonManagerService);
     });
     const e = i[0].unitId;
     this._drawingManagerService.registerDrawingData(e, this._sheetDrawingService.getDrawingDataForUnit(e)), this._drawingManagerService.initializeNotification(e);
   }
 };
-Ue = Ir([
-  ie(se.Rendered, Ue),
-  X(0, V),
+Ue = Rr([
+  ee(te.Rendered, Ue),
+  X(0, G),
   X(1, he),
-  X(2, W(Zn)),
-  X(3, vt),
+  X(2, W(qn)),
+  X(3, St),
   X(4, k),
   X(5, z),
-  X(6, _t),
-  X(7, Fn),
+  X(6, vt),
+  X(7, kn),
   X(8, W(_e)),
   X(9, K)
 ], Ue);
@@ -707,23 +705,23 @@ var Y = function() {
     }
     return i;
   }, Y.apply(this, arguments);
-}, Rr = function(i, e) {
+}, Mr = 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;
-}, 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);
+}, Ht = Bt(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = Mr(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Wt("_".concat(Er()));
+  return Xt(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, Y({ ref: e, className: a }, o), s);
 });
-function Ht(i, e, n, t, r) {
-  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 Xt(i, e, n, t, r) {
+  return $t(i.tag, Y(Y({ key: e }, Dr(i, n, r)), t), (br(i, n).children || []).map(function(s, o) {
+    return Xt(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
   }));
 }
-function Mr(i, e, n) {
+function Dr(i, e, n) {
   var t = Y({}, i.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
   var r = e.defIds;
@@ -732,117 +730,117 @@ function Mr(i, e, n) {
     typeof a == "string" && (t[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function Dr(i, e) {
+function br(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 br() {
+function Er() {
   return Math.random().toString(36).substring(2, 8);
 }
-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, {
+Ht.displayName = "UniverIcon";
+var yr = { 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" } }] }, zt = Bt(function(i, e) {
+  return $t(Ht, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
-    icon: Er
+    icon: yr
   }));
 });
-Xt.displayName = "AddImageSingle";
-const yr = "univer-upload-file-menu", Or = "univer-upload-file-menu-input", wt = {
-  uploadFileMenu: yr,
-  uploadFileMenuInput: Or
-}, zt = "COMPONENT_UPLOAD_FILE_MENU";
-var We = /* @__PURE__ */ ((i) => (i[i.cellImage = 0] = "cellImage", i[i.floatImage = 1] = "floatImage", i))(We || {});
-const Pr = (i) => {
-  const { type: e } = i, n = ee(V), t = Bt(null), r = () => {
+zt.displayName = "AddImageSingle";
+const Or = "univer-upload-file-menu", Pr = "univer-upload-file-menu-input", _t = {
+  uploadFileMenu: Or,
+  uploadFileMenuInput: Pr
+}, Kt = "COMPONENT_UPLOAD_FILE_MENU";
+var $e = /* @__PURE__ */ ((i) => (i[i.cellImage = 0] = "cellImage", i[i.floatImage = 1] = "floatImage", i))($e || {});
+const Tr = (i) => {
+  const { type: e } = i, n = Z(G), t = Wt(null), r = () => {
     var a;
     (a = t.current) == null || a.click();
-  }, s = Rn.map((a) => `.${a.replace("image/", "")}`).join(","), o = (a) => {
+  }, s = Dn.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 = "");
+    e === $e.floatImage ? n.executeCommand(Fe.id, { files: h }) : e === $e.cellImage && n.executeCommand(We.id, { files: h }), t.current && (t.current.value = "");
   };
-  return /* @__PURE__ */ L.createElement("div", { onClick: r, className: wt.uploadFileMenu }, /* @__PURE__ */ L.createElement(
+  return /* @__PURE__ */ L.createElement("div", { onClick: r, className: _t.uploadFileMenu }, /* @__PURE__ */ L.createElement(
     "input",
     {
       type: "file",
-      className: wt.uploadFileMenuInput,
+      className: _t.uploadFileMenuInput,
       ref: t,
       onChange: o,
       accept: s,
       multiple: !0
     }
   ));
-}, Kt = "addition-and-subtraction-single", Jt = "sheet.menu.image";
-function Tr(i) {
+}, Jt = "addition-and-subtraction-single", Zt = "sheet.menu.image";
+function Ur(i) {
   return {
-    id: Jt,
-    type: St.SUBITEMS,
-    positions: [Yn.TOOLBAR_START],
-    group: kn.TOOLBAR_FORMULAS_INSERT,
-    icon: Kt,
+    id: Zt,
+    type: Ct.SUBITEMS,
+    positions: [Hn.TOOLBAR_START],
+    group: Xn.TOOLBAR_FORMULAS_INSERT,
+    icon: Jt,
     tooltip: "sheetImage.title",
-    hidden$: Ct(i, B.UNIVER_SHEET),
-    disabled$: An(i, { workbookTypes: [Ze], worksheetTypes: [Pe], rangeTypes: [qn] })
+    hidden$: It(i, B.UNIVER_SHEET),
+    disabled$: jn(i, { workbookTypes: [qe], worksheetTypes: [Pe], rangeTypes: [Qn] })
   };
 }
-function Ur(i) {
+function Ar(i) {
   return {
-    id: xe.id,
+    id: Fe.id,
     title: "sheetImage.upload.float",
-    type: St.SELECTOR,
+    type: Ct.SELECTOR,
     label: {
-      name: zt,
+      name: Kt,
       props: {
-        type: We.floatImage
+        type: $e.floatImage
       }
     },
-    positions: [Jt],
-    hidden$: Ct(i, B.UNIVER_SHEET)
+    positions: [Zt],
+    hidden$: It(i, B.UNIVER_SHEET)
   };
 }
-const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", jr = "univer-image-common-panel-border", Lr = "univer-image-common-panel-title", 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
-}, zr = (i) => {
+const Nr = "univer-image-common-panel", jr = "univer-image-common-panel-grid", Lr = "univer-image-common-panel-border", Br = "univer-image-common-panel-title", Wr = "univer-image-common-panel-subtitle", $r = "univer-image-common-panel-row", Vr = "univer-image-common-panel-row-vertical", Gr = "univer-image-common-panel-column", xr = "univer-image-common-panel-column-center", Fr = "univer-image-common-panel-inline", Yr = "univer-image-common-panel-span2", kr = "univer-image-common-panel-span3", Hr = "univer-image-common-panel-input", Xr = "univer-sheet-image-menu", zr = "univer-sheet-image-menu-input", J = {
+  imageCommonPanel: Nr,
+  imageCommonPanelGrid: jr,
+  imageCommonPanelBorder: Lr,
+  imageCommonPanelTitle: Br,
+  imageCommonPanelSubtitle: Wr,
+  imageCommonPanelRow: $r,
+  imageCommonPanelRowVertical: Vr,
+  imageCommonPanelColumn: Gr,
+  imageCommonPanelColumnCenter: xr,
+  imageCommonPanelInline: Fr,
+  imageCommonPanelSpan2: Yr,
+  imageCommonPanelSpan3: kr,
+  imageCommonPanelInput: Hr,
+  sheetImageMenu: Xr,
+  sheetImageMenuInput: zr
+}, Kr = (i) => {
   var v;
-  const e = ee(V), n = ee(_e), t = ee(z), r = ee(K), { drawings: s } = i, o = s[0];
+  const e = Z(G), n = Z(_e), t = Z(z), r = Z(K), { drawings: s } = i, o = s[0];
   if (o == null)
     return;
   const { unitId: a } = o, d = r.getRenderById(a), h = d == null ? void 0 : d.scene;
   if (h == null)
     return;
-  const l = h.getTransformerByCreate(), [c, u] = et(!0), g = (v = o.anchorType) != null ? v : O.Position, [f, m] = et(g);
+  const l = h.getTransformerByCreate(), [c, u] = tt(!0), g = (v = o.anchorType) != null ? v : P.Position, [f, m] = tt(g);
   function p(R, _) {
     const b = [];
     return R.forEach((w) => {
-      const { oKey: P } = w, D = _.getDrawingOKey(P);
-      if (D == null)
+      const { oKey: T } = w, M = _.getDrawingOKey(T);
+      if (M == null)
         return b.push(null), !0;
-      const { unitId: T, subUnitId: U, drawingId: M, drawingType: I, anchorType: A, sheetTransform: G } = D;
+      const { unitId: U, subUnitId: O, drawingId: D, drawingType: I, anchorType: A, sheetTransform: $ } = M;
       b.push({
-        unitId: T,
-        subUnitId: U,
-        drawingId: M,
+        unitId: U,
+        subUnitId: O,
+        drawingId: D,
         anchorType: A,
-        sheetTransform: G,
+        sheetTransform: $,
         drawingType: I
       });
     }), b;
@@ -851,14 +849,14 @@ const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", j
     const R = l.clearControl$.subscribe((b) => {
       b === !0 && u(!1);
     }), _ = l.changeStart$.subscribe((b) => {
-      var D;
-      const { objects: w } = b, P = p(w, t);
-      if (P.length === 0)
+      var M;
+      const { objects: w } = b, T = p(w, t);
+      if (T.length === 0)
         u(!1);
-      else if (P.length >= 1) {
+      else if (T.length >= 1) {
         u(!0);
-        const T = ((D = P[0]) == null ? void 0 : D.anchorType) || O.Position;
-        m(T);
+        const U = ((M = T[0]) == null ? void 0 : M.anchorType) || P.Position;
+        m(U);
       }
     });
     return () => {
@@ -876,15 +874,15 @@ const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", j
       drawingId: w.drawingId,
       anchorType: R
     }));
-    e.executeCommand(Fe.id, {
+    e.executeCommand(Ye.id, {
       unitId: _[0].unitId,
       drawings: b
     });
   }
   const C = (R) => R ? "block" : "none";
-  return /* @__PURE__ */ L.createElement("div", { className: Ee(Z.imageCommonPanelGrid, Z.imageCommonPanelBorder), style: { display: C(c) } }, /* @__PURE__ */ L.createElement("div", { className: Z.imageCommonPanelRow }, /* @__PURE__ */ L.createElement("div", { className: Ee(Z.imageCommonPanelColumn, Z.imageCommonPanelTitle) }, /* @__PURE__ */ L.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ L.createElement("div", { className: Ee(Z.imageCommonPanelRow) }, /* @__PURE__ */ L.createElement("div", { className: Ee(Z.imageCommonPanelColumn) }, /* @__PURE__ */ L.createElement(cr, { value: f, onChange: S, direction: "vertical" }, /* @__PURE__ */ L.createElement(Xe, { value: O.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ L.createElement(Xe, { value: O.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ L.createElement(Xe, { value: O.None }, n.t("drawing-anchor.none"))))));
-}, Kr = () => {
-  const i = ee(z), e = i.getFocusDrawings(), [n, t] = et(e);
+  return /* @__PURE__ */ L.createElement("div", { className: Ee(J.imageCommonPanelGrid, J.imageCommonPanelBorder), style: { display: C(c) } }, /* @__PURE__ */ L.createElement("div", { className: J.imageCommonPanelRow }, /* @__PURE__ */ L.createElement("div", { className: Ee(J.imageCommonPanelColumn, J.imageCommonPanelTitle) }, /* @__PURE__ */ L.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ L.createElement("div", { className: Ee(J.imageCommonPanelRow) }, /* @__PURE__ */ L.createElement("div", { className: Ee(J.imageCommonPanelColumn) }, /* @__PURE__ */ L.createElement(dr, { value: f, onChange: S, direction: "vertical" }, /* @__PURE__ */ L.createElement(ze, { value: P.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ L.createElement(ze, { value: P.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ L.createElement(ze, { value: P.None }, n.t("drawing-anchor.none"))))));
+}, Jr = () => {
+  const i = Z(z), e = i.getFocusDrawings(), [n, t] = tt(e);
   return rt(() => {
     const r = i.focus$.subscribe((s) => {
       t(s);
@@ -892,12 +890,12 @@ const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", j
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(n != null && n.length) && /* @__PURE__ */ L.createElement("div", { className: Z.imageCommonPanel }, /* @__PURE__ */ L.createElement(wn, { drawings: n }), /* @__PURE__ */ L.createElement(zr, { drawings: n }));
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ L.createElement("div", { className: J.imageCommonPanel }, /* @__PURE__ */ L.createElement(vn, { drawings: n }), /* @__PURE__ */ L.createElement(Kr, { drawings: n }));
 }, ve = {
   id: "sheet.command.move-drawing",
   type: F.COMMAND,
   handler: (i, e) => {
-    const n = i.get(V), t = i.get(k), r = i.get(Ge), { direction: s } = e, o = t.getFocusDrawings();
+    const n = i.get(G), t = i.get(k), r = i.get(xe), { direction: s } = e, o = t.getFocusDrawings();
     if (o.length === 0)
       return !1;
     const a = o[0].unitId, d = o.map((l) => {
@@ -911,16 +909,16 @@ const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", j
         sheetTransform: N(u, r)
       };
     }).filter((l) => l != null);
-    return n.syncExecuteCommand(Fe.id, {
+    return n.syncExecuteCommand(Ye.id, {
       unitId: a,
       drawings: d
     }) ? (n.syncExecuteCommand(j.id, [a]), !0) : !1;
   }
-}, Zt = {
+}, qt = {
   id: "sheet.command.delete-drawing",
   type: F.COMMAND,
   handler: (i) => {
-    const e = i.get(V), t = i.get(k).getFocusDrawings();
+    const e = i.get(G), t = i.get(k).getFocusDrawings();
     if (t.length === 0)
       return !1;
     const r = t[0].unitId, s = t.map((o) => {
@@ -939,9 +937,9 @@ const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", j
   }
 };
 function Se(i) {
-  return !i.getContextValue(sn) && !i.getContextValue(on) && i.getContextValue(we);
+  return !i.getContextValue(an) && !i.getContextValue(cn) && i.getContextValue(we);
 }
-const Jr = {
+const Zr = {
   id: ve.id,
   description: "shortcut.sheet.drawing-move-down",
   group: "4_sheet-drawing-view",
@@ -951,7 +949,7 @@ const Jr = {
   staticParameters: {
     direction: q.DOWN
   }
-}, Zr = {
+}, qr = {
   id: ve.id,
   description: "shortcut.sheet.drawing-move-up",
   group: "4_sheet-drawing-view",
@@ -961,7 +959,7 @@ const Jr = {
   staticParameters: {
     direction: q.UP
   }
-}, qr = {
+}, Qr = {
   id: ve.id,
   description: "shortcut.sheet.drawing-move-left",
   group: "4_sheet-drawing-view",
@@ -971,7 +969,7 @@ const Jr = {
   staticParameters: {
     direction: q.LEFT
   }
-}, Qr = {
+}, ei = {
   id: ve.id,
   description: "shortcut.sheet.drawing-move-right",
   group: "4_sheet-drawing-view",
@@ -981,8 +979,8 @@ const Jr = {
   staticParameters: {
     direction: q.RIGHT
   }
-}, ei = {
-  id: Zt.id,
+}, ti = {
+  id: qt.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 +988,25 @@ const Jr = {
   binding: ue.DELETE,
   mac: ue.BACKSPACE
 };
-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--)
+var ni = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, ii = (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 && ti(e, n, r), r;
+  return t && r && ni(e, n, r), r;
 }, me = (i, e) => (n, t) => e(n, t, i);
-const ii = {};
+const si = {};
 let pe = class extends oe {
   constructor(i, e, n, t, r, s) {
     super(), this._config = i, this._injector = e, this._componentManager = n, this._menuService = t, this._commandService = r, this._shortcutService = s, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Kt, Xt)), this.disposeWithMe(i.register(zt, Pr)), this.disposeWithMe(i.register($t, Kr));
+    this.disposeWithMe(i.register(Jt, zt)), this.disposeWithMe(i.register(Kt, Tr)), this.disposeWithMe(i.register(Vt, Jr));
   }
   _initMenus() {
     const { menu: i = {} } = this._config;
     [
-      Tr,
-      Ur
+      Ur,
+      Ar
       // UploadCellImageMenuFactory,
     ].forEach((e) => {
       this._menuService.addMenuItem(e(this._injector), i);
@@ -1016,29 +1014,29 @@ let pe = class extends oe {
   }
   _initCommands() {
     [
-      xe,
-      Be,
+      Fe,
+      We,
       st,
       it,
-      Fe,
-      Vt,
-      j,
+      Ye,
       Gt,
-      Ft,
+      j,
+      xt,
       Yt,
+      kt,
       ve,
-      Zt,
-      xt
+      qt,
+      Ft
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Jr,
       Zr,
       qr,
       Qr,
-      ei
+      ei,
+      ti
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -1047,21 +1045,20 @@ let pe = class extends oe {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-pe = ri([
-  ie(se.Rendered, pe),
+pe = ii([
+  ee(te.Rendered, pe),
   me(1, W(nt)),
-  me(2, W(Hn)),
-  me(3, Xn),
-  me(4, V),
-  me(5, zn)
+  me(2, W(zn)),
+  me(3, Kn),
+  me(4, G),
+  me(5, Jn)
 ], pe);
-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--)
+var oi = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, ci = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ai(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 && si(e, n, r), r;
+  return t && r && oi(e, n, r), r;
 }, ce = (i, e) => (n, t) => e(n, t, i);
-const ci = [
-  It.id,
+const di = [
   Rt.id,
   Mt.id,
   Dt.id,
@@ -1069,21 +1066,22 @@ const ci = [
   Et.id,
   yt.id,
   Ot.id,
-  qe.id,
-  Qe.id,
   Pt.id,
+  Qe.id,
+  et.id,
   Tt.id,
   Ut.id,
   At.id,
   Nt.id,
-  jt.id
-], di = [
-  Qn.id,
+  jt.id,
+  Lt.id
+], li = [
   er.id,
   tr.id,
   nr.id,
   rr.id,
-  ir.id
+  ir.id,
+  sr.id
 ];
 let Ae = class extends oe {
   constructor(i, e, n, t, r, s) {
@@ -1094,12 +1092,12 @@ let Ae = class extends oe {
   get _selectionRenderService() {
     return this._renderManagerService.getRenderById(
       this._univerInstanceService.getCurrentUnitForType(B.UNIVER_SHEET).getUnitId()
-    ).with(Ge);
+    ).with(xe);
   }
   get _skeletonManagerService() {
     return this._renderManagerService.getRenderById(
       this._univerInstanceService.getCurrentUnitForType(B.UNIVER_SHEET).getUnitId()
-    ).with(re);
+    ).with(se);
   }
   _init() {
     this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
@@ -1108,55 +1106,55 @@ let Ae = class extends oe {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (i) => {
-          if (!ci.includes(i.id))
+          if (!di.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
           const e = i.id;
-          if (e === It.id)
-            return this._moveRowInterceptor(i.params, "insert");
           if (e === Rt.id)
-            return this._moveColInterceptor(i.params, "insert");
+            return this._moveRowInterceptor(i.params, "insert");
           if (e === Mt.id)
-            return this._moveRowInterceptor(i.params, "remove");
+            return this._moveColInterceptor(i.params, "insert");
           if (e === Dt.id)
+            return this._moveRowInterceptor(i.params, "remove");
+          if (e === bt.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (e === bt.id) {
+          if (e === Et.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               0
               /* deleteLeft */
             );
-          } else if (e === Et.id) {
+          } else if (e === yt.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               1
               /* deleteUp */
             );
-          } else if (e === yt.id) {
+          } else if (e === Ot.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               2
               /* insertDown */
             );
-          } else if (e === Ot.id) {
+          } else if (e === Pt.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               3
               /* insertRight */
             );
-          } else if (e === Ut.id || e === At.id) {
+          } else if (e === At.id || e === Nt.id) {
             const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
             return this._getDrawingUndoForRowVisible(t, r, s);
-          } else if (e === Nt.id || e === jt.id) {
+          } else if (e === jt.id || e === Lt.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 === Pt.id || e === Tt.id) {
-            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === qe.id || e === Qe.id;
+          } else if (e === Qe.id || e === et.id || e === Tt.id || e === Ut.id) {
+            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === Qe.id || e === et.id;
             return this._getDrawingUndoForRowAndColSize(t, r, s, o);
           }
           return { redos: [], undos: [] };
@@ -1188,7 +1186,7 @@ let Ae = class extends oe {
     };
   }
   _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: u } = s, { row: g, column: f } = c, { row: m, column: p } = u;
+    const t = [], r = [], { sheetTransform: s, anchorType: o = P.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,
@@ -1218,7 +1216,7 @@ let Ae = class extends oe {
       _ = w == null ? void 0 : w.newSheetTransform, b = w == null ? void 0 : w.newTransform;
     }
     if (_ != null && b != null) {
-      const w = $(_, this._selectionRenderService, this._skeletonManagerService);
+      const w = V(_, this._selectionRenderService, this._skeletonManagerService);
       t.push({ ...n, sheetTransform: _, transform: w });
     }
     return { updateDrawings: t, deleteDrawings: r };
@@ -1234,22 +1232,22 @@ let Ae = class extends oe {
   _getDrawingUndoForColVisible(i, e, n) {
     const t = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
     if (Object.keys(t).forEach((l) => {
-      const c = t[l], { sheetTransform: u, transform: g, anchorType: f = O.Position } = c;
-      if (f === O.None)
+      const c = t[l], { sheetTransform: u, transform: g, anchorType: f = P.Position } = c;
+      if (f === P.None)
         this._remainDrawingSize(g, r, c);
       else {
         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: P, startColumn: D, endColumn: T } = b;
-          if (R < D)
+          const b = n[_], { startRow: w, endRow: T, startColumn: M, endColumn: U } = b;
+          if (R < M)
             continue;
-          if (f === O.Position) {
+          if (f === P.Position) {
             let I = null, A = null;
-            if (C >= D && C <= T) {
-              const G = this._skeletonManagerService.attachRangeWithCoord({ startColumn: C, endColumn: T, startRow: m.row, endRow: p.row });
-              if (G == null)
+            if (C >= M && C <= U) {
+              const $ = this._skeletonManagerService.attachRangeWithCoord({ startColumn: C, endColumn: U, startRow: m.row, endRow: p.row });
+              if ($ == null)
                 return;
-              A = { ...g, left: G.startX };
+              A = { ...g, left: $.startX };
             }
             if (A != null && (I = N(A, this._selectionRenderService), I != null && A != null)) {
               r.push({ ...c, sheetTransform: I, transform: A });
@@ -1258,40 +1256,40 @@ let Ae = class extends oe {
             this._remainDrawingSize(g, r, c);
             continue;
           }
-          if (C >= D && R <= T)
+          if (C >= M && R <= U)
             continue;
-          let U = null, M = null;
-          if (C >= D && C <= T) {
-            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: C, endColumn: T, startRow: m.row, endRow: p.row });
+          let O = null, D = null;
+          if (C >= M && C <= U) {
+            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: C, endColumn: U, startRow: m.row, endRow: p.row });
             if (I == null)
               return;
-            M = {
+            D = {
               ...g,
               left: (I == null ? void 0 : I.startX) || 0,
               width: ((g == null ? void 0 : g.width) || 0) - I.endX + I.startX
             };
-          } else if (R >= D && R <= T) {
-            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: D, endColumn: R, startRow: m.row, endRow: p.row });
+          } else if (R >= M && R <= U) {
+            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: M, endColumn: R, startRow: m.row, endRow: p.row });
             if (I == null)
               return;
-            M = {
+            D = {
               ...g,
               left: I.startX - ((g == null ? void 0 : g.width) || 0)
             };
           } else {
-            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: D, endColumn: T, startRow: m.row, endRow: p.row });
+            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: M, endColumn: U, startRow: m.row, endRow: p.row });
             if (I == null)
               return;
-            if (M = {
+            if (D = {
               ...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 });
+            }, O = N(D, this._selectionRenderService), O != null && D != null) {
+              s.push({ ...c, sheetTransform: O, transform: D });
               break;
             }
           }
-          if (M != null && (U = N(M, this._selectionRenderService)), M != null && U != null) {
-            r.push({ ...c, sheetTransform: U, transform: M });
+          if (D != null && (O = N(D, this._selectionRenderService)), D != null && O != null) {
+            r.push({ ...c, sheetTransform: O, transform: D });
             break;
           } else
             this._remainDrawingSize(g, r, c);
@@ -1328,22 +1326,22 @@ let Ae = class extends oe {
   _getDrawingUndoForRowVisible(i, e, n) {
     const t = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
     if (Object.keys(t).forEach((l) => {
-      const c = t[l], { sheetTransform: u, transform: g, anchorType: f = O.Position } = c;
-      if (f === O.None)
+      const c = t[l], { sheetTransform: u, transform: g, anchorType: f = P.Position } = c;
+      if (f === P.None)
         this._remainDrawingSize(g, r, c);
       else {
         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: P, startColumn: D, endColumn: T } = b;
+          const b = n[_], { startRow: w, endRow: T, startColumn: M, endColumn: U } = b;
           if (v < w)
             continue;
-          if (f === O.Position) {
+          if (f === P.Position) {
             let I = null, A = null;
-            if (S >= w && S <= P) {
-              const G = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: S, endRow: P });
-              if (G == null)
+            if (S >= w && S <= T) {
+              const $ = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: S, endRow: T });
+              if ($ == null)
                 return;
-              A = { ...g, top: G.startY };
+              A = { ...g, top: $.startY };
             }
             if (A != null && (I = N(A, this._selectionRenderService), I != null && A != null)) {
               r.push({ ...c, sheetTransform: I, transform: A });
@@ -1352,40 +1350,40 @@ let Ae = class extends oe {
             this._remainDrawingSize(g, r, c);
             continue;
           }
-          if (S >= w && v <= P)
+          if (S >= w && v <= T)
             continue;
-          let U = null, M = null;
-          if (S >= w && S <= P) {
-            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: S, endRow: P });
+          let O = null, D = null;
+          if (S >= w && S <= T) {
+            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: S, endRow: T });
             if (I == null)
               return;
-            M = {
+            D = {
               ...g,
               top: (I == null ? void 0 : I.startY) || 0,
               height: ((g == null ? void 0 : g.height) || 0) - I.endY + I.startY
             };
-          } else if (v >= w && v <= P) {
+          } else if (v >= w && v <= T) {
             const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: w, endRow: v });
             if (I == null)
               return;
-            M = {
+            D = {
               ...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: P });
+            const I = this._skeletonManagerService.attachRangeWithCoord({ startColumn: m.column, endColumn: p.column, startRow: w, endRow: T });
             if (I == null)
               return;
-            if (M = {
+            if (D = {
               ...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 });
+            }, O = N(D, this._selectionRenderService), O != null && D != null) {
+              s.push({ ...c, sheetTransform: O, transform: D });
               break;
             }
           }
-          if (M != null && (U = N(M, this._selectionRenderService)), M != null && U != null) {
-            r.push({ ...c, sheetTransform: U, transform: M });
+          if (D != null && (O = N(D, this._selectionRenderService)), D != null && O != null) {
+            r.push({ ...c, sheetTransform: O, transform: D });
             break;
           } else
             this._remainDrawingSize(g, r, c);
@@ -1408,8 +1406,8 @@ let Ae = class extends oe {
   _getDrawingUndoForRowAndColSize(i, e, n, t) {
     const r = this._drawingManagerService.getDrawingData(i, e), s = [];
     return Object.keys(r).forEach((o) => {
-      const a = r[o], { sheetTransform: d, transform: h, anchorType: l = O.Position } = a;
-      if (l === O.None)
+      const a = r[o], { sheetTransform: d, transform: h, anchorType: l = P.Position } = a;
+      if (l === P.None)
         this._remainDrawingSize(h, s, a);
       else {
         const { from: c, to: u } = d, { row: g, column: f } = c, { row: m, column: p } = u;
@@ -1417,11 +1415,11 @@ let Ae = class extends oe {
           const C = n[S], { startRow: v, endRow: R, startColumn: _, endColumn: b } = C;
           if (m < v || p < _)
             continue;
-          if (l === O.Position && (g <= v && m >= R || f <= _ && p >= b)) {
+          if (l === P.Position && (g <= v && m >= R || f <= _ && p >= b)) {
             this._remainDrawingSize(h, s, a);
             continue;
           }
-          const w = $(
+          const w = V(
             { ...d },
             this._selectionRenderService,
             this._skeletonManagerService
@@ -1455,7 +1453,7 @@ let Ae = class extends oe {
       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 = [], u = [];
     if (Object.keys(l).forEach((g) => {
-      const f = l[g], { sheetTransform: m, transform: p, anchorType: S = O.Position } = f;
+      const f = l[g], { sheetTransform: m, transform: p, anchorType: S = P.Position } = f;
       if (m == null || p == null)
         return;
       let C, v;
@@ -1463,12 +1461,12 @@ let Ae = class extends oe {
         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: P } = b;
-        if (w >= o && P <= a)
+        const { from: _, to: b } = m, { row: w } = _, { row: T } = b;
+        if (w >= o && T <= 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;
+          const M = this._shrinkRow(m, p, o, a, S);
+          C = M == null ? void 0 : M.newSheetTransform, v = M == null ? void 0 : M.newTransform;
         }
       }
       if (!C || !v)
@@ -1496,7 +1494,7 @@ let Ae = class extends oe {
       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 = [], u = [];
     if (Object.keys(l).forEach((g) => {
-      const f = l[g], { sheetTransform: m, transform: p, anchorType: S = O.Position } = f;
+      const f = l[g], { sheetTransform: m, transform: p, anchorType: S = P.Position } = f;
       if (m == null || p == null)
         return;
       let C, v;
@@ -1504,12 +1502,12 @@ let Ae = class extends oe {
         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: P } = b;
-        if (w >= o && P <= a)
+        const { from: _, to: b } = m, { column: w } = _, { column: T } = b;
+        if (w >= o && T <= 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;
+          const M = this._shrinkCol(m, p, o, a, S);
+          C = M == null ? void 0 : M.newSheetTransform, v = M == null ? void 0 : M.newTransform;
         }
       }
       if (!C || !v)
@@ -1528,9 +1526,9 @@ let Ae = class extends oe {
     }
     return d.push({ id: j.id, params: [t] }), h.push({ id: j.id, params: [t] }), { redos: d, undos: h };
   }
-  _expandCol(i, e, n, t, r = O.Position) {
+  _expandCol(i, e, n, t, r = P.Position) {
     const s = t - n + 1, { from: o, to: a } = i, { column: d } = o, { column: h } = a;
-    if (r === O.None)
+    if (r === P.None)
       return {
         newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
@@ -1542,11 +1540,11 @@ let Ae = class extends oe {
         return;
       c = { ...e, left: (e.left || 0) + u.endX - u.startX }, l = N(c, this._selectionRenderService);
     } else if (h >= t)
-      if (r === O.Both)
+      if (r === P.Both)
         l = {
           from: { ...o },
           to: { ...a, column: h + s }
-        }, c = $(l, this._selectionRenderService, this._skeletonManagerService);
+        }, c = V(l, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
           newSheetTransform: N({ ...e }, this._selectionRenderService),
@@ -1557,9 +1555,9 @@ let Ae = class extends oe {
       newTransform: c
     } : null;
   }
-  _shrinkCol(i, e, n, t, r = O.Position) {
+  _shrinkCol(i, e, n, t, r = P.Position) {
     const s = t - n + 1, { from: o, to: a } = i, { column: d } = o, { column: h } = a;
-    if (r === O.None)
+    if (r === P.None)
       return {
         newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
@@ -1569,16 +1567,16 @@ let Ae = class extends oe {
       l = {
         from: { ...o, column: d - s },
         to: { ...a, column: h - s }
-      }, c = $(l, this._selectionRenderService, this._skeletonManagerService);
+      }, c = V(l, this._selectionRenderService, this._skeletonManagerService);
     else {
       if (d >= n && h <= t)
         return null;
       if (d < n && h > t)
-        if (r === O.Both)
+        if (r === P.Both)
           l = {
             from: { ...o },
             to: { ...a, column: h - s }
-          }, c = $(l, this._selectionRenderService, this._skeletonManagerService);
+          }, c = V(l, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
             newSheetTransform: N({ ...e }, this._selectionRenderService),
@@ -1594,7 +1592,7 @@ let Ae = class extends oe {
           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) {
+      } else if (h >= n && h <= t && r === P.Both) {
         const u = this._skeletonManagerService.attachRangeWithCoord({
           startColumn: n - 1,
           endColumn: n - 1,
@@ -1606,7 +1604,7 @@ let Ae = class extends oe {
         l = {
           from: { ...o },
           to: { ...a, column: n - 1, columnOffset: u.endX - u.startX }
-        }, c = $(l, this._selectionRenderService, this._skeletonManagerService);
+        }, c = V(l, this._selectionRenderService, this._skeletonManagerService);
       }
     }
     return l != null && c != null ? {
@@ -1614,9 +1612,9 @@ let Ae = class extends oe {
       newTransform: c
     } : null;
   }
-  _expandRow(i, e, n, t, r = O.Position) {
+  _expandRow(i, e, n, t, r = P.Position) {
     const s = t - n + 1, { from: o, to: a } = i, { row: d } = o, { row: h } = a;
-    if (r === O.None)
+    if (r === P.None)
       return {
         newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
@@ -1628,14 +1626,14 @@ let Ae = class extends oe {
         return;
       c = { ...e, top: (e.top || 0) + u.endY - u.startY }, l = N(c, this._selectionRenderService);
     } else if (h >= t)
-      if (r === O.Both)
+      if (r === P.Both)
         l = {
           from: { ...o },
           to: {
             ...a,
             row: h + s
           }
-        }, c = $(l, this._selectionRenderService, this._skeletonManagerService);
+        }, c = V(l, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
           newSheetTransform: N({ ...e }, this._selectionRenderService),
@@ -1646,9 +1644,9 @@ let Ae = class extends oe {
       newTransform: c
     } : null;
   }
-  _shrinkRow(i, e, n, t, r = O.Position) {
+  _shrinkRow(i, e, n, t, r = P.Position) {
     const s = t - n + 1, { from: o, to: a } = i, { row: d } = o, { row: h } = a;
-    if (r === O.None)
+    if (r === P.None)
       return {
         newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
@@ -1658,16 +1656,16 @@ let Ae = class extends oe {
       l = {
         from: { ...o, row: d - s },
         to: { ...a, row: h - s }
-      }, c = $(l, this._selectionRenderService, this._skeletonManagerService);
+      }, c = V(l, this._selectionRenderService, this._skeletonManagerService);
     else {
       if (d >= n && h <= t)
         return null;
       if (d < n && h > t)
-        if (r === O.Both)
+        if (r === P.Both)
           l = {
             from: { ...o },
             to: { ...a, row: h - s }
-          }, c = $(l, this._selectionRenderService, this._skeletonManagerService);
+          }, c = V(l, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
             newSheetTransform: N({ ...e }, this._selectionRenderService),
@@ -1683,14 +1681,14 @@ let Ae = class extends oe {
           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) {
+      } else if (h >= n && h <= t && r === P.Both) {
         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: u.endY - u.startY }
-        }, c = $(l, this._selectionRenderService, this._skeletonManagerService);
+        }, c = V(l, this._selectionRenderService, this._skeletonManagerService);
       }
     }
     return l != null && c != null ? {
@@ -1701,7 +1699,7 @@ let Ae = class extends oe {
   _commandListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        i.id === sr.id && setTimeout(() => {
+        i.id === or.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];
@@ -1710,7 +1708,7 @@ let Ae = class extends oe {
               l != null && Object.keys(l).forEach((c) => {
                 if (a === n && h === t) {
                   const u = l[c];
-                  u.transform = $(u.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(l[c]);
+                  u.transform = V(u.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(l[c]);
                 } else
                   o.push(l[c]);
               });
@@ -1723,7 +1721,7 @@ let Ae = class extends oe {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        di.includes(i.id) && requestIdleCallback(() => {
+        li.includes(i.id) && requestIdleCallback(() => {
           const e = i.params, { unitId: n, subUnitId: t, ranges: r } = e;
           this._refreshDrawingTransform(n, t, r);
         });
@@ -1733,13 +1731,13 @@ let Ae = class extends oe {
   _refreshDrawingTransform(i, e, n) {
     const t = this._drawingManagerService.getDrawingData(i, e), r = [];
     Object.keys(t).forEach((s) => {
-      const o = t[s], { sheetTransform: a, anchorType: d = O.Position } = o;
-      if (d === O.None)
+      const o = t[s], { sheetTransform: a, anchorType: d = P.Position } = o;
+      if (d === P.None)
         return !0;
       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 (an.intersects(
+        if (dn.intersects(
           {
             startRow: S,
             endRow: C,
@@ -1755,7 +1753,7 @@ let Ae = class extends oe {
         ) || c > C || u > R) {
           r.push({
             ...o,
-            transform: $(a, this._selectionRenderService, this._skeletonManagerService)
+            transform: V(a, this._selectionRenderService, this._skeletonManagerService)
           });
           break;
         }
@@ -1763,22 +1761,22 @@ let Ae = class extends oe {
     }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(j.id, [i]));
   }
 };
-Ae = ai([
-  ie(se.Rendered, Ae),
-  ce(0, V),
-  ce(1, W(or)),
+Ae = ci([
+  ee(te.Rendered, Ae),
+  ce(0, G),
+  ce(1, W(ar)),
   ce(2, K),
   ce(3, k),
   ce(4, z),
   ce(5, he)
 ], Ae);
-var li = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, gi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ui(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var ui = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, hi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? gi(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 && li(e, n, r), r;
+  return t && r && ui(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 = {
+function mi(i, e, n, t) {
+  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(Un.VIEW_MAIN), a = {
     left: !0,
     top: !0
   };
@@ -1787,37 +1785,37 @@ function hi(i, e, n, t) {
       ...i,
       absolute: a
     };
-  const { left: d, right: h, top: l, bottom: c } = i, u = t.getFreeze(), { startColumn: g, startRow: f, xSplit: m, ySplit: p } = u, S = n.getNoMergeCellPositionByIndexWithNoHeader(f - p, g - m), C = n.getNoMergeCellPositionByIndexWithNoHeader(f, g), { rowHeaderWidth: v, columnHeaderHeight: R } = n, _ = C.startX - S.startX, b = C.startY - S.startY, { top: w, left: P, viewportScrollX: D, viewportScrollY: T } = o;
-  let U, M;
-  d < P ? (a.left = !0, U = (_ + v + (d - P)) * r, M = Math.max(
+  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: T, viewportScrollX: M, viewportScrollY: U } = o;
+  let O, D;
+  d < T ? (a.left = !0, O = (_ + v + (d - T)) * r, D = Math.max(
     Math.min(
-      (_ + v + (h - P)) * r,
+      (_ + v + (h - T)) * r,
       (_ + v) * r
     ),
-    (h - D) * r
-  )) : (a.left = !1, U = Math.max((d - D) * r, (_ + v) * r), M = Math.max((h - D) * r, (_ + v) * r));
+    (h - M) * r
+  )) : (a.left = !1, O = Math.max((d - M) * r, (_ + v) * r), D = Math.max((h - M) * r, (_ + v) * r));
   let I, A;
   return l < w ? (a.top = !0, I = (b + R + (l - w)) * s, A = Math.max(
     Math.min(
       (b + R + (h - w)) * 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,
+    (c - U) * s
+  )) : (a.top = !1, I = Math.max((l - U) * s, (b + R) * s), A = Math.max((c - U) * s, (b + R) * s)), {
+    left: O,
+    right: D,
     top: I,
     bottom: A,
     absolute: a
   };
 }
-const ze = (i, e, n, t) => {
+const Ke = (i, e, n, t) => {
   const { scene: r } = e, { left: s, top: o, width: a, height: d, angle: h } = i, l = {
     left: s,
     right: s + a,
     top: o,
     bottom: o + d
-  }, c = hi(l, r, n, t);
+  }, c = mi(l, r, n, t);
   return {
     startX: c.left,
     endX: c.right,
@@ -1829,14 +1827,14 @@ const ze = (i, e, n, t) => {
     absolute: c.absolute
   };
 };
-let tt = class extends oe {
+let Ne = class extends oe {
   constructor(e, n, t, r, s, o) {
     super();
     H(this, "_domLayerMap", /* @__PURE__ */ new Map());
     H(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    H(this, "_transformChange$", new mt());
+    H(this, "_transformChange$", new ft());
     H(this, "transformChange$", this._transformChange$.asObservable());
-    H(this, "_remove$", new mt());
+    H(this, "_remove$", new ft());
     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();
@@ -1868,66 +1866,67 @@ let tt = class extends oe {
       // eslint-disable-next-line max-lines-per-function
       this._drawingManagerService.add$.subscribe((e) => {
         e.forEach((n) => {
-          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);
+          var at, ct, dt;
+          const { unitId: t, subUnitId: r, drawingId: s } = n, o = le(this._univerInstanceService, { unitId: t, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(n), d = (at = this._renderManagerService.getRenderById(t)) == null ? void 0 : at.with(se).getWorksheetSkeleton(r);
           if (a == null || o == null || d == null)
             return;
-          const { transform: h, drawingType: l } = a;
-          if (l !== Ye.DRAWING_DOM)
+          const { transform: h, drawingType: l, data: c } = a;
+          if (l !== ke.DRAWING_DOM)
             return;
-          const c = this._getSceneAndTransformerByDrawingSearch(t);
-          if (c == null)
+          const u = this._getSceneAndTransformerByDrawingSearch(t);
+          if (u == null)
             return;
-          const { scene: u, canvas: g } = c;
+          const { scene: g, canvas: f } = u;
           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 = 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 });
+          const { left: m, top: p, width: S, height: C, angle: v, flipX: R, flipY: _, skewX: b, skewY: w } = h, T = bn({ unitId: t, subUnitId: r, drawingId: s }), M = g.getObject(T);
+          if (M != null) {
+            M.transformByState({ left: m, top: p, width: S, height: C, angle: v, flipX: R, flipY: _, skewX: b, skewY: w });
             return;
           }
-          const D = {
-            left: f,
-            top: m,
-            width: p,
-            height: S,
+          const U = {
+            left: m,
+            top: p,
+            width: S,
+            height: C,
             zIndex: this._drawingManagerService.getDrawingOrder(t, r).length - 1
-          }, 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: T,
-            position$: A,
+          }, O = new Pn(T, U);
+          g.addObject(O, Tn).attachTransformerTo(O);
+          const D = this._ensureMap(t, r), I = new ln(), A = Ke(O, u.renderObject, d.skeleton, o.worksheet), $ = new Gn(A), ne = {
+            dispose: I,
+            rect: O,
+            position$: $,
             unitId: t,
             subUnitId: r
           };
           this._canvasFloatDomService.addFloatDom({
-            position$: A,
+            position$: $,
             id: s,
             componentKey: a.componentKey,
             onPointerDown: (x) => {
-              g.dispatchEvent(new PointerEvent(x.type, x));
+              f.dispatchEvent(new PointerEvent(x.type, x));
             },
             onPointerMove: (x) => {
-              g.dispatchEvent(new PointerEvent(x.type, x));
+              f.dispatchEvent(new PointerEvent(x.type, x));
             },
             onPointerUp: (x) => {
-              g.dispatchEvent(new PointerEvent(x.type, x));
+              f.dispatchEvent(new PointerEvent(x.type, x));
             },
             onWheel: (x) => {
-              g.dispatchEvent(new WheelEvent(x.type, x));
+              f.dispatchEvent(new WheelEvent(x.type, x));
             },
-            props: (ct = (at = U.get(s)) == null ? void 0 : at.props) != null ? ct : this._getFloatDomProps(s)
+            props: (dt = (ct = D.get(s)) == null ? void 0 : ct.props) != null ? dt : this._getFloatDomProps(s),
+            data: c
           });
-          const J = T.onTransformChange$.subscribeEvent(() => {
-            const x = ze(T, c.renderObject, d.skeleton, o.worksheet);
-            A.next(
+          const ot = O.onTransformChange$.subscribeEvent(() => {
+            const x = Ke(O, u.renderObject, d.skeleton, o.worksheet);
+            $.next(
               x
             );
           });
-          M.add(() => {
+          I.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), J && M.add(J), this._domLayerInfoMap.set(s, G);
+          }), ot && I.add(ot), this._domLayerInfoMap.set(s, ne), D.set(s, {});
         });
       })
     );
@@ -1937,24 +1936,24 @@ let tt = class extends oe {
       var t, r;
       const n = (s, o) => {
         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);
+        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(se).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);
+            const m = Ke(f.rect, a.renderObject, c.skeleton, l.worksheet);
             f.position$.next(m);
           }
         });
       };
-      if (e.id === Nn.id) {
+      if (e.id === Ln.id) {
         const s = e.params, { unitId: o, sheetId: a } = s;
         n(o, a);
-      } else if (e.id === jn.id) {
+      } else if (e.id === Bn.id) {
         const s = e.params, { unitId: o } = s;
         Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((d) => {
           n(o, d);
         });
-      } else if (e.id === ar.id) {
+      } else if (e.id === cr.id) {
         const { unitId: s, subUnitId: o } = e.params;
         n(s, o);
       }
@@ -1962,7 +1961,7 @@ let tt = class extends oe {
   }
   _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);
+    const { startX: t, endX: r, startY: s, endY: o } = e, a = (u = this._renderManagerService.getRenderById(n)) == null ? void 0 : u.with(xe);
     if (a == null)
       return;
     const d = a.getSelectionCellByPosition(t, s);
@@ -1992,7 +1991,7 @@ let tt = class extends oe {
       this._drawingManagerService.update$.subscribe((e) => {
         e.forEach((n) => {
           const t = this._drawingManagerService.getDrawingByParam(n);
-          if (!t || t.drawingType !== Ye.DRAWING_DOM)
+          if (!t || t.drawingType !== ke.DRAWING_DOM)
             return;
           const r = {
             ...t.transform
@@ -2018,31 +2017,32 @@ let tt = class extends oe {
     });
     if (!n)
       throw new Error("cannot find current target!");
-    const { unitId: t, subUnitId: r } = n, { initPosition: s, componentKey: o } = e, a = ne.generateRandomId(), d = this._getPosition(s, t);
-    if (d == null)
+    const { unitId: t, subUnitId: r } = n, { initPosition: s, componentKey: o, data: a } = e, d = ie.generateRandomId(), h = this._getPosition(s, t);
+    if (h == null)
       return;
-    this._ensureMap(t, r).set(a, e);
-    const l = {
+    this._ensureMap(t, r).set(d, e);
+    const c = {
       unitId: t,
       subUnitId: r,
-      drawingId: a,
-      drawingType: Ye.DRAWING_DOM,
+      drawingId: d,
+      drawingType: ke.DRAWING_DOM,
       componentKey: o,
-      sheetTransform: d,
+      sheetTransform: h,
       transform: {
         left: s.startX,
         top: s.startY,
         width: s.endX - s.startX,
         height: s.endY - s.startY
-      }
+      },
+      data: a
     };
     return this._commandService.executeCommand(st.id, {
       unitId: t,
-      drawings: [l]
+      drawings: [c]
     }), {
-      id: a,
+      id: d,
       dispose: () => {
-        this._removeDom(a, !0);
+        this._removeDom(d, !0);
       }
     };
   }
@@ -2071,20 +2071,21 @@ let tt = class extends oe {
     };
   }
 };
-tt = gi([
+Ne = hi([
+  ee(te.Starting, Ne),
   de(0, W(K)),
   de(1, he),
-  de(2, W(V)),
+  de(2, W(G)),
   de(3, z),
-  de(4, W(Kn)),
+  de(4, W(Zn)),
   de(5, k)
-], tt);
-var mi = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, pi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? fi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+], Ne);
+var fi = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, wi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? pi(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 && mi(e, n, r), r;
+  return t && r && fi(e, n, r), r;
 }, Oe = (i, e) => (n, t) => e(n, t, i);
-let Ne = class extends oe {
+let je = class extends oe {
   constructor(i, e, n, t) {
     super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = n, this._renderManagerService = t, this._initPrinting();
   }
@@ -2109,15 +2110,15 @@ let Ne = class extends oe {
             const { unitId: t, subUnitId: r } = e, s = this._renderManagerService.getRenderById(t);
             if (!s)
               return n(i);
-            const o = s.with(re).getWorksheetSkeleton(r);
+            const o = s.with(se).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 }, u = d.order.map((g) => d.data[g]).filter((g) => g.drawingType !== Ve.DRAWING_DOM);
+            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 !== Ge.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)) {
+              if (!g.groupId && g.transform && ie.isDefine(g.transform.left) && ie.isDefine(g.transform.top) && ie.isDefine(g.transform.width) && ie.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);
               }
@@ -2128,19 +2129,19 @@ let Ne = class extends oe {
     );
   }
 };
-Ne = pi([
-  ie(se.Rendered, Ne),
-  Oe(0, W(Ln)),
-  Oe(1, W(_n)),
+je = wi([
+  ee(te.Rendered, je),
+  Oe(0, W(Wn)),
+  Oe(1, W(Sn)),
   Oe(2, z),
   Oe(3, K)
-], Ne);
-var wi = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, vi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? _i(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+], je);
+var _i = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, Si = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? vi(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 && wi(e, n, r), r;
+  return t && r && _i(e, n, r), r;
 }, fe = (i, e) => (n, t) => e(n, t, i);
-let je = class extends oe {
+let Le = 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();
   }
@@ -2158,7 +2159,7 @@ let je = class extends oe {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new pt(r).id, new He(r, s).id]).every((a) => a.value))
+          if (this._permissionService.composePermission([new wt(r).id, new Xe(r, s).id]).every((a) => a.value))
             this._drawingManagerService.setDrawingVisible(!0);
           else {
             this._drawingManagerService.setDrawingVisible(!1);
@@ -2187,7 +2188,7 @@ let je = class extends oe {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new Ze(r).id, new Pe(r, s).id]).every((a) => a.value))
+          if (this._permissionService.composePermission([new qe(r).id, new Pe(r, s).id]).every((a) => a.value))
             this._drawingManagerService.setDrawingEditable(!0);
           else {
             this._drawingManagerService.setDrawingEditable(!1);
@@ -2215,7 +2216,7 @@ let je = class extends oe {
           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 pt(r).id, new He(r, s).id]).pipe(ft((u) => u.every((g) => g.value)));
+          const h = d.getTransformerByCreate(), l = this._permissionService.composePermission$([new wt(r).id, new Xe(r, s).id]).pipe(pt((u) => u.every((g) => g.value)));
           l == null || l.pipe(
             Me((u) => u !== o),
             De()
@@ -2227,7 +2228,7 @@ let je = class extends oe {
                 p.classType === ae.IMAGE && m.some((S) => p.oKey.includes(S.drawingId)) && d.removeObject(p);
               }), h.clearSelectedObjects());
             }
-          }), (c = this._permissionService.getPermissionPoint$(new He(r, s).id)) == null || c.pipe(
+          }), (c = this._permissionService.getPermissionPoint$(new Xe(r, s).id)) == null || c.pipe(
             Me((u) => u.value !== o),
             De()
           ).subscribe({
@@ -2254,7 +2255,7 @@ let je = class extends oe {
           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 Pe(r, s).id]).pipe(ft((u) => u.every((g) => g.value)));
+          const h = d.getTransformerByCreate(), l = this._permissionService.composePermission$([new qe(r).id, new Pe(r, s).id]).pipe(pt((u) => u.every((g) => g.value)));
           l == null || l.pipe(
             Me((u) => u !== o),
             De()
@@ -2287,20 +2288,20 @@ let je = class extends oe {
     );
   }
 };
-je = vi([
-  ie(se.Rendered, je),
+Le = Si([
+  ee(te.Rendered, Le),
   fe(0, z),
   fe(1, K),
-  fe(2, ln),
+  fe(2, gn),
   fe(3, he),
-  fe(4, W(dn))
-], je);
-var Si = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, Ii = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ci(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+  fe(4, W(un))
+], Le);
+var Ci = Object.defineProperty, Ii = Object.getOwnPropertyDescriptor, Ri = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ii(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Si(e, n, r), r;
-}, Ke = (i, e) => (n, t) => e(n, t, i);
-let Le = class extends oe {
+  return t && r && Ci(e, n, r), r;
+}, Je = (i, e) => (n, t) => e(n, t, i);
+let Be = class extends oe {
   constructor(e, n, t) {
     super();
     H(this, "_copyInfo");
@@ -2311,7 +2312,7 @@ let Le = class extends oe {
       id: "SHEET_IMAGE_UI_PLUGIN",
       onBeforeCopy: (e, n, t) => this._collect(e, n, t),
       onPasteCells: (e, n, t, r) => {
-        const { copyType: s = gt.COPY, pasteType: o } = r, { range: a } = e || {}, { range: d, unitId: h, subUnitId: l } = n;
+        const { copyType: s = ht.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: [] })
@@ -2319,7 +2320,7 @@ let Le = class extends oe {
   }
   _collect(e, n, t) {
     var u;
-    const r = (u = this._renderManagerService.getRenderById(e)) == null ? void 0 : u.with(re);
+    const r = (u = this._renderManagerService.getRenderById(e)) == null ? void 0 : u.with(se);
     if (!r) return;
     const s = r.attachRangeWithCoord(t);
     if (!s)
@@ -2327,7 +2328,7 @@ let Le = class extends oe {
     const { startX: o, endX: a, startY: d, endY: h } = s, l = this._sheetDrawingService.getDrawingData(e, n), c = [];
     Object.keys(l).forEach((g) => {
       const f = l[g], { transform: m } = f;
-      if (f.anchorType !== O.Both || !m)
+      if (f.anchorType !== P.Both || !m)
         return;
       const { left: p = 0, top: S = 0, width: C = 0, height: v = 0 } = m, { drawingStartX: R, drawingEndX: _, drawingStartY: b, drawingEndY: w } = {
         drawingStartX: p,
@@ -2344,7 +2345,7 @@ let Le = class extends oe {
   }
   // eslint-disable-next-line max-lines-per-function
   _generateMutations(e, n) {
-    var D;
+    var M;
     if (!this._copyInfo)
       return { redos: [], undos: [] };
     if ([
@@ -2359,7 +2360,7 @@ let Le = class extends oe {
     const { copyRange: t } = n;
     if (!t)
       return { redos: [], undos: [] };
-    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);
+    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [a, d], mapFunc: h } = $n([t, e]), { row: l, col: c } = h(a.startRow, a.startColumn), { row: u, col: g } = h(d.startRow, d.startColumn), f = (M = this._renderManagerService.getRenderById(s)) == null ? void 0 : M.with(se);
     if (!f)
       return { redos: [], undos: [] };
     const m = f.attachRangeWithCoord({
@@ -2375,36 +2376,36 @@ let Le = class extends oe {
     });
     if (!m || !p)
       return { redos: [], undos: [] };
-    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)
+    const S = [], C = [], v = p.startX - m.startX, R = p.startY - m.startY, _ = u - l, b = g - c, w = n.copyType === ht.CUT, { _sheetDrawingService: T } = this;
+    return r.forEach((U) => {
+      const { transform: O, sheetTransform: D } = U;
+      if (!O)
         return;
       const I = {
-        ...T,
+        ...U,
         unitId: s,
         subUnitId: o,
-        drawingId: w ? T.drawingId : ne.generateRandomId(),
+        drawingId: w ? U.drawingId : ie.generateRandomId(),
         transform: {
-          ...U,
-          left: U.left + v,
-          top: U.top + R
+          ...O,
+          left: O.left + v,
+          top: O.top + R
         },
         sheetTransform: {
-          to: { ...M.to, row: M.to.row + _, column: M.to.column + b },
-          from: { ...M.from, row: M.from.row + _, column: M.from.column + b }
+          to: { ...D.to, row: D.to.row + _, column: D.to.column + b },
+          from: { ...D.from, row: D.from.row + _, column: D.from.column + b }
         }
       };
       if (w) {
-        const { undo: A, redo: G, objects: J } = P.getBatchUpdateOp([I]);
+        const { undo: A, redo: $, objects: ne } = T.getBatchUpdateOp([I]);
         S.push({
           id: E.id,
           params: {
             unitId: s,
             subUnitId: o,
             type: y.UPDATE,
-            op: G,
-            objects: J
+            op: $,
+            objects: ne
           }
         }), C.push({
           id: E.id,
@@ -2413,12 +2414,12 @@ let Le = class extends oe {
             subUnitId: o,
             type: y.UPDATE,
             op: A,
-            objects: J
+            objects: ne
           }
         });
       } else {
-        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 } });
+        const { undo: A, redo: $, objects: ne } = T.getBatchAddOp([I]);
+        S.push({ id: E.id, params: { op: $, unitId: s, subUnitId: o, objects: ne, type: y.INSERT } }), C.push({ id: E.id, params: { op: A, unitId: s, subUnitId: o, objects: ne, type: y.REMOVE } });
       }
     }), {
       redos: S,
@@ -2426,23 +2427,23 @@ let Le = class extends oe {
     };
   }
 };
-Le = Ii([
-  ie(se.Ready, Le),
-  Ke(0, Wn),
-  Ke(1, K),
-  Ke(2, k)
-], Le);
-var qt = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, Mi = (i, e, n) => e in i ? qt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Di = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ri(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Be = Ri([
+  ee(te.Ready, Be),
+  Je(0, Vn),
+  Je(1, K),
+  Je(2, k)
+], Be);
+var Qt = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, Di = (i, e, n) => e in i ? Qt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, bi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Mi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && 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 {
+  return t && r && Qt(e, n, r), r;
+}, Ze = (i, e) => (n, t) => e(n, t, i), en = (i, e, n) => Di(i, typeof e != "symbol" ? e + "" : e, n);
+const Ei = "SHEET_IMAGE_UI_PLUGIN";
+let Ve = class extends hn {
   constructor(e = {}, n, t, r) {
     super();
     H(this, "_pluginConfig");
-    this._injector = n, this._localeService = t, this._renderManagerService = r, this._pluginConfig = ne.deepMerge({}, ii, e);
+    this._injector = n, this._localeService = t, this._renderManagerService = r, this._pluginConfig = ie.deepMerge({}, si, e);
   }
   onStarting(e) {
     super.onStarting(e), this._initDependencies(e);
@@ -2453,7 +2454,7 @@ let $e = class extends un {
   _initDependencies(e) {
     const n = [
       // services
-      [tt],
+      [Ne],
       // controllers
       [
         pe,
@@ -2462,8 +2463,8 @@ let $e = class extends un {
         }
       ],
       [Te],
-      [Ne],
-      [je]
+      [je],
+      [Le]
     ], t = [
       Ue,
       Ae
@@ -2472,34 +2473,34 @@ let $e = class extends un {
   }
   _registerRenderModules() {
     [
-      [Le]
+      [Be]
     ].forEach((e) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(B.UNIVER_SHEET, e));
     });
   }
 };
-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);
+en(Ve, "type", B.UNIVER_SHEET);
+en(Ve, "pluginName", Ei);
+Ve = bi([
+  mn(En, Cn, In),
+  Ze(1, W(nt)),
+  Ze(2, W(_e)),
+  Ze(3, K)
+], Ve);
 export {
   j as ClearSheetDrawingTransformerOperation,
-  Zt as DeleteDrawingsCommand,
-  Gt as EditSheetDrawingOperation,
-  Ft as GroupSheetDrawingCommand,
-  Be as InsertCellImageOperation,
-  xe as InsertFloatImageOperation,
+  qt as DeleteDrawingsCommand,
+  xt as EditSheetDrawingOperation,
+  Yt as GroupSheetDrawingCommand,
+  We as InsertCellImageOperation,
+  Fe as InsertFloatImageOperation,
   st as InsertSheetDrawingCommand,
   ve as MoveDrawingsCommand,
   it as RemoveSheetDrawingCommand,
-  xt as SetDrawingArrangeCommand,
-  Fe as SetSheetDrawingCommand,
-  tt as SheetCanvasFloatDomManagerService,
-  Vt as SidebarSheetDrawingOperation,
-  Yt as UngroupSheetDrawingCommand,
-  $e as UniverSheetsDrawingUIPlugin
+  Ft as SetDrawingArrangeCommand,
+  Ye as SetSheetDrawingCommand,
+  Ne as SheetCanvasFloatDomManagerService,
+  Gt as SidebarSheetDrawingOperation,
+  kt as UngroupSheetDrawingCommand,
+  Ve as UniverSheetsDrawingUIPlugin
 };