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

package/lib/es/index.js

@@ -1,17 +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, useDependency as q, RxDisposable as nn, UniverInstanceType as B, connectInjector as rn, toDisposable as sn, FOCUSING_COMMON_DRAWINGS as we, OnLifecycle as ie, LifecycleStages as se, Inject as W, Injector as nt, IContextService as _t, Disposable as oe, Direction as Q, FOCUSING_FORMULA_EDITOR as on, EDITOR_ACTIVATED as an, Rectangle as cn, DrawingTypeEnum as Ye, DisposableCollection as dn, Tools as ne, UserManagerService as ln, IPermissionService as un, Plugin as gn, DependentOn as hn } from "@univerjs/core";
-import { ImageCropperObject as mn, COMPONENT_IMAGE_POPUP_MENU as fn, OpenImageCropOperation as pn, ImageResetSizeOperation as wn, DrawingCommonPanel as _n, DrawingRenderService as vn, UniverDrawingUIPlugin as Sn } from "@univerjs/drawing-ui";
-import { ISheetDrawingService as k, SetDrawingApplyMutation as E, DrawingApplyType as y, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as Cn } from "@univerjs/sheets-drawing";
-import { IDrawingManagerService as z, IImageIoService as vt, ArrangeTypeEnum as Ce, DrawingTypeEnum as Ve, DRAWING_IMAGE_COUNT_LIMIT as dt, ImageUploadStatusType as ke, DRAWING_IMAGE_ALLOW_SIZE as In, getImageSize as Rn, DRAWING_IMAGE_WIDTH_LIMIT as lt, DRAWING_IMAGE_HEIGHT_LIMIT as ut, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Mn, getDrawingShapeKeyByDrawingSearch as Dn, UniverDrawingPlugin as bn } from "@univerjs/drawing";
-import { IRenderManagerService as K, getGroupState as En, transformObjectOutOfGroup as yn, precisionTo as ee, Rect as On, DRAWING_OBJECT_LAYER_INDEX as Pn, SHEET_VIEWPORT_KEY as Tn, RENDER_CLASS_TYPE as ae } from "@univerjs/engine-render";
-import { SheetCanvasPopManagerService as Un, ISheetSelectionRenderService as Ge, SheetSkeletonManagerService as re, attachRangeWithCoord as An, getCurrentRangeDisable$ as Nn, SetScrollOperation as jn, SetZoomRatioOperation as Ln, SheetPrintInterceptorService as Bn, COPY_TYPE as gt, PREDEFINED_HOOK_NAME as Ie, virtualizeDiscreteRanges as Wn, ISheetClipboardService as $n } from "@univerjs/sheets-ui";
-import { takeUntil as ht, Subject as mt, BehaviorSubject as Vn, combineLatest as Re, map as ft, filter as Me, distinctUntilChanged as De } from "rxjs";
-import { ISidebarService as Gn, BuiltInUIPart as xn, IUIPartsService as Fn, IMessageService as Yn, MenuItemType as St, MenuPosition as kn, MenuGroup as Hn, getMenuHiddenObservable as Ct, KeyCode as ue, ComponentManager as Xn, IMenuService as zn, IShortcutService as Kn, CanvasFloatDomService as Jn } from "@univerjs/ui";
-import { getSheetCommandTarget as le, SheetsSelectionsService as Zn, WorkbookEditablePermission as Ze, WorksheetEditPermission as Pe, RangeProtectionPermissionEditPoint as qn, InsertRowCommand as It, InsertColCommand as Rt, RemoveRowCommand as Mt, RemoveColCommand as Dt, DeleteRangeMoveLeftCommand as bt, DeleteRangeMoveUpCommand as Et, InsertRangeMoveDownCommand as yt, InsertRangeMoveRightCommand as Ot, DeltaRowHeightCommand as qe, SetRowHeightCommand as Qe, DeltaColumnWidthCommand as Pt, SetColWidthCommand as Tt, SetRowHiddenCommand as Ut, SetSpecificRowsVisibleCommand as At, SetSpecificColsVisibleCommand as Nt, SetColHiddenCommand as jt, SetRowVisibleMutation as Qn, SetRowHiddenMutation as er, SetColVisibleMutation as tr, SetColHiddenMutation as nr, SetWorksheetRowHeightMutation as rr, SetWorksheetColWidthMutation as ir, SetWorksheetActiveOperation as sr, SheetInterceptorService as or, SetFrozenMutation as ar, WorkbookViewPermission as pt, WorksheetViewPermission as He } from "@univerjs/sheets";
-import L, { useEffect as rt, forwardRef as Lt, useRef as Bt, createElement as Wt, useState as et } from "react";
-import { MessageType as be, RadioGroup as cr, Radio as Xe } from "@univerjs/design";
+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",
@@ -27,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) => {
@@ -47,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(Gn), 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);
           },
@@ -71,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 = q(vt), e = q(_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);
@@ -95,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(xn.CONTENT, () => rn(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();
@@ -122,7 +122,7 @@ let Te = class extends nn {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof mn)
+      if (t instanceof fn)
         return !0;
     return !1;
   }
@@ -136,7 +136,7 @@ let Te = class extends nn {
       return;
     let r;
     this.disposeWithMe(
-      sn(
+      on(
         t.createControl$.subscribe(() => {
           if (this._contextService.setContextValue(we, !0), this._hasCropObject(n))
             return;
@@ -153,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: fn,
+            componentKey: pn,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
@@ -181,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
       },
@@ -195,35 +195,35 @@ let Te = class extends nn {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: pn.id,
+        commandId: wn.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: wn.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(Un)),
-  te(3, K),
-  te(4, he),
-  te(5, _t),
-  te(6, W(Fn))
+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
@@ -231,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({
@@ -246,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({
@@ -265,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;
@@ -287,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 = En(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,
@@ -307,7 +307,7 @@ function _r(i) {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: Ve.DRAWING_GROUP,
+      drawingType: Ge.DRAWING_GROUP,
       transform: d
     };
     e.push({
@@ -316,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 = yn(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,
@@ -335,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
@@ -347,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 }) => {
@@ -363,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: [
@@ -372,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 }) => {
@@ -388,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: [
@@ -398,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,
@@ -416,19 +416,19 @@ function $(i, e, n) {
   if (v == null)
     return;
   const { startX: R, startY: _ } = C, { startX: b, startY: w } = v;
-  let P = ee(R + c, 1), D = ee(_ + g, 1), T = ee(b + m - P, 1), U = ee(w + S - D, 1);
-  C.startX === v.endX && (T = 0), C.startY === v.endY && (U = 0);
-  const M = n.getCurrentSkeleton(), I = M.rowHeaderWidth + M.columnTotalWidth, A = M.columnHeaderHeight + M.rowTotalHeight;
-  return P + T > I && (P = I - T), D + U > A && (D = A - U), {
+  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) {
@@ -437,17 +437,17 @@ function N(i, e) {
     return;
   const u = {
     column: c.actualColumn,
-    columnOffset: ee(n - c.startX, 1),
+    columnOffset: Q(n - c.startX, 1),
     row: c.actualRow,
-    rowOffset: ee(t - c.startY, 1)
+    rowOffset: Q(t - c.startY, 1)
   }, g = e.getSelectionCellByPosition(n + r, t + s);
   if (g == null)
     return;
   const f = {
     column: g.actualColumn,
-    columnOffset: ee(n + r - g.startX, 1),
+    columnOffset: Q(n + r - g.startX, 1),
     row: g.actualRow,
-    rowOffset: ee(t + s - g.startY, 1)
+    rowOffset: Q(t + s - g.startY, 1)
   };
   return {
     flipY: o,
@@ -459,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) {
@@ -473,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();
@@ -489,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);
@@ -518,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(In / (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")
       });
@@ -534,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 Rn(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);
@@ -551,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, {
@@ -584,7 +584,7 @@ let Ue = class extends oe {
       endColumn: 0
     };
     r && r.length > 0 && (s = r[r.length - 1].range);
-    const o = An(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;
@@ -616,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,
@@ -639,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
       }));
@@ -651,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() {
@@ -678,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, Yn),
+  X(6, vt),
+  X(7, kn),
   X(8, W(_e)),
   X(9, K)
 ], Ue);
@@ -705,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;
@@ -730,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 = q(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 = Mn.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: [kn.TOOLBAR_START],
-    group: Hn.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$: Nn(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 = q(V), n = q(_e), t = q(z), r = q(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;
@@ -849,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 () => {
@@ -874,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 = q(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);
@@ -890,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(_n, { 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) => {
@@ -903,22 +903,22 @@ const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", j
       if (c == null)
         return null;
       const u = { ...c }, { left: g = 0, top: f = 0 } = c;
-      return s === Q.UP ? u.top = f - 1 : s === Q.DOWN ? u.top = f + 1 : s === Q.LEFT ? u.left = g - 1 : s === Q.RIGHT && (u.left = g + 1), {
+      return s === q.UP ? u.top = f - 1 : s === q.DOWN ? u.top = f + 1 : s === q.LEFT ? u.left = g - 1 : s === q.RIGHT && (u.left = g + 1), {
         ...l,
         transform: u,
         sheetTransform: N(u, r)
       };
     }).filter((l) => l != null);
-    return n.syncExecuteCommand(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) => {
@@ -937,9 +937,9 @@ const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", j
   }
 };
 function Se(i) {
-  return !i.getContextValue(on) && !i.getContextValue(an) && 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",
@@ -947,9 +947,9 @@ const Jr = {
   priority: 100,
   preconditions: Se,
   staticParameters: {
-    direction: Q.DOWN
+    direction: q.DOWN
   }
-}, Zr = {
+}, qr = {
   id: ve.id,
   description: "shortcut.sheet.drawing-move-up",
   group: "4_sheet-drawing-view",
@@ -957,9 +957,9 @@ const Jr = {
   priority: 100,
   preconditions: Se,
   staticParameters: {
-    direction: Q.UP
+    direction: q.UP
   }
-}, qr = {
+}, Qr = {
   id: ve.id,
   description: "shortcut.sheet.drawing-move-left",
   group: "4_sheet-drawing-view",
@@ -967,9 +967,9 @@ const Jr = {
   priority: 100,
   preconditions: Se,
   staticParameters: {
-    direction: Q.LEFT
+    direction: q.LEFT
   }
-}, Qr = {
+}, ei = {
   id: ve.id,
   description: "shortcut.sheet.drawing-move-right",
   group: "4_sheet-drawing-view",
@@ -977,10 +977,10 @@ const Jr = {
   priority: 100,
   preconditions: Se,
   staticParameters: {
-    direction: Q.RIGHT
+    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
@@ -988,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);
@@ -1014,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));
     });
@@ -1045,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(Xn)),
-  me(3, zn),
-  me(4, V),
-  me(5, Kn)
+  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,
@@ -1067,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) {
@@ -1092,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();
@@ -1106,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: [] };
@@ -1186,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,
@@ -1216,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 };
@@ -1232,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 });
@@ -1256,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);
@@ -1326,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 });
@@ -1350,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);
@@ -1406,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;
@@ -1415,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
@@ -1453,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;
@@ -1461,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)
@@ -1494,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;
@@ -1502,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)
@@ -1526,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
@@ -1540,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),
@@ -1555,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
@@ -1567,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),
@@ -1592,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,
@@ -1604,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 ? {
@@ -1612,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
@@ -1626,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),
@@ -1644,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
@@ -1656,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),
@@ -1681,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 ? {
@@ -1699,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];
@@ -1708,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]);
               });
@@ -1721,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);
         });
@@ -1731,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 (cn.intersects(
+        if (dn.intersects(
           {
             startRow: S,
             endRow: C,
@@ -1753,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;
         }
@@ -1761,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(Tn.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
   };
@@ -1785,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,
@@ -1827,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();
@@ -1866,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 = Dn({ unitId: t, subUnitId: r, drawingId: s }), P = u.getObject(w);
-          if (P != null) {
-            P.transformByState({ left: f, top: m, width: p, height: S, angle: C, flipX: v, flipY: R, skewX: _, skewY: b });
+          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 On(w, D);
-          u.addObject(T, Pn).attachTransformerTo(T);
-          const U = this._ensureMap(t, r), M = new dn(), I = ze(T, c.renderObject, d.skeleton, o.worksheet), A = new Vn(I), G = {
-            dispose: M,
-            rect: 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, {});
         });
       })
     );
@@ -1935,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 === jn.id) {
+      if (e.id === Ln.id) {
         const s = e.params, { unitId: o, sheetId: a } = s;
         n(o, a);
-      } else if (e.id === Ln.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);
       }
@@ -1960,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);
@@ -1990,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
@@ -2016,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);
       }
     };
   }
@@ -2069,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(Jn)),
+  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();
   }
@@ -2107,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);
               }
@@ -2126,19 +2129,19 @@ let Ne = class extends oe {
     );
   }
 };
-Ne = pi([
-  ie(se.Rendered, Ne),
-  Oe(0, W(Bn)),
-  Oe(1, W(vn)),
+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();
   }
@@ -2156,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);
@@ -2185,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);
@@ -2213,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()
@@ -2225,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({
@@ -2252,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()
@@ -2285,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, un),
+  fe(2, gn),
   fe(3, he),
-  fe(4, W(ln))
-], 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");
@@ -2309,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: [] })
@@ -2317,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)
@@ -2325,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,
@@ -2342,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 ([
@@ -2357,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 } = Wn([t, e]), { row: l, col: c } = h(a.startRow, a.startColumn), { row: u, col: g } = h(d.startRow, d.startColumn), f = (D = this._renderManagerService.getRenderById(s)) == null ? void 0 : D.with(re);
+    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({
@@ -2373,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,
@@ -2411,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,
@@ -2424,23 +2427,23 @@ let Le = class extends oe {
     };
   }
 };
-Le = Ii([
-  ie(se.Ready, Le),
-  Ke(0, $n),
-  Ke(1, K),
-  Ke(2, k)
-], Le);
-var qt = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, Mi = (i, e, n) => e in i ? qt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Di = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ri(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+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 gn {
+  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);
@@ -2451,7 +2454,7 @@ let $e = class extends gn {
   _initDependencies(e) {
     const n = [
       // services
-      [tt],
+      [Ne],
       // controllers
       [
         pe,
@@ -2460,8 +2463,8 @@ let $e = class extends gn {
         }
       ],
       [Te],
-      [Ne],
-      [je]
+      [je],
+      [Le]
     ], t = [
       Ue,
       Ae
@@ -2470,34 +2473,34 @@ let $e = class extends gn {
   }
   _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([
-  hn(bn, Sn, Cn),
-  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
 };