@univerjs/sheets-drawing-ui 0.2.0 → 0.2.2

package/lib/es/index.js

@@ -1,20 +1,20 @@
-var nn = Object.defineProperty;
-var rn = (i, e, n) => e in i ? nn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
-var K = (i, e, n) => rn(i, typeof e != "symbol" ? e + "" : e, n);
-import { CommandType as G, ICommandService as Y, IUndoRedoService as he, LocaleService as ve, IUniverInstanceService as ge, RxDisposable as sn, UniverInstanceType as F, toDisposable as on, FOCUSING_COMMON_DRAWINGS as we, OnLifecycle as ae, LifecycleStages as ce, IContextService as _t, Disposable as de, Direction as q, FOCUSING_FORMULA_EDITOR as an, EDITOR_ACTIVATED as cn, Rectangle as dn, DrawingTypeEnum as ze, DisposableCollection as ln, Tools as se, UserManagerService as un, IPermissionService as hn, Plugin as gn, DependentOn as mn } from "@univerjs/core";
+var tn = Object.defineProperty;
+var nn = (i, e, n) => e in i ? tn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var K = (i, e, n) => nn(i, typeof e != "symbol" ? e + "" : e, n);
+import { CommandType as G, ICommandService as Y, IUndoRedoService as he, LocaleService as ve, IUniverInstanceService as ge, RxDisposable as rn, UniverInstanceType as F, toDisposable as sn, FOCUSING_COMMON_DRAWINGS as we, OnLifecycle as ae, LifecycleStages as ce, IContextService as wt, Disposable as de, Direction as q, FOCUSING_FORMULA_EDITOR as on, EDITOR_ACTIVATED as an, Rectangle as cn, DrawingTypeEnum as ze, DisposableCollection as dn, Tools as se, UserManagerService as ln, IPermissionService as un, Plugin as hn, DependentOn as gn } from "@univerjs/core";
 import { Inject as W, Injector as xe } from "@wendellhu/redi";
-import { ImageCropperObject as 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 H, SetDrawingApplyMutation as T, DrawingApplyType as y, SheetDrawingAnchorType as E, UniverSheetsDrawingPlugin as Rn } from "@univerjs/sheets-drawing";
-import { IDrawingManagerService as J, IImageIoService as vt, ArrangeTypeEnum as De, DrawingTypeEnum as Fe, DRAWING_IMAGE_COUNT_LIMIT as ct, ImageUploadStatusType as Ke, DRAWING_IMAGE_ALLOW_SIZE as In, getImageSize as Dn, DRAWING_IMAGE_WIDTH_LIMIT as dt, DRAWING_IMAGE_HEIGHT_LIMIT as lt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Mn, getDrawingShapeKeyByDrawingSearch as bn, UniverDrawingPlugin as On } from "@univerjs/drawing";
-import { IRenderManagerService as te, getGroupState as En, transformObjectOutOfGroup as Tn, precisionTo as Q, Rect as yn, DRAWING_OBJECT_LAYER_INDEX as Pn, SHEET_VIEWPORT_KEY as Un, RENDER_CLASS_TYPE as le } from "@univerjs/engine-render";
-import { SheetCanvasPopManagerService as An, SheetSkeletonManagerService as _e, ISelectionRenderService as Se, getCurrentRangeDisable$ as Nn, SetScrollOperation as jn, SetZoomRatioOperation as Ln, SheetPrintInterceptorService as Wn, COPY_TYPE as ut, PREDEFINED_HOOK_NAME as Me, virtualizeDiscreteRanges as Bn, ISheetClipboardService as $n } from "@univerjs/sheets-ui";
-import { takeUntil as ht, Subject as gt, BehaviorSubject as Vn, combineLatest as be, map as mt, filter as Oe, distinctUntilChanged as Ee } from "rxjs";
-import { ISidebarService as Yn, BuiltInUIPart as Gn, IUIPartsService as Xn, IMessageService as xn, MenuItemType as St, MenuPosition as ft, MenuGroup as Fn, getMenuHiddenObservable as Ct, KeyCode as ue, ComponentManager as Hn, IMenuService as kn, IShortcutService as zn, CanvasFloatDomService as Kn } from "@univerjs/ui";
+import { ImageCropperObject as mn, COMPONENT_IMAGE_POPUP_MENU as fn, OpenImageCropOperation as pn, ImageResetSizeOperation as wn, DrawingCommonPanel as _n, DrawingRenderService as vn, UniverDrawingUIPlugin as Sn } from "@univerjs/drawing-ui";
+import { ISheetDrawingService as H, SetDrawingApplyMutation as y, DrawingApplyType as T, SheetDrawingAnchorType as E, UniverSheetsDrawingPlugin as Cn } from "@univerjs/sheets-drawing";
+import { IDrawingManagerService as J, IImageIoService as _t, ArrangeTypeEnum as De, DrawingTypeEnum as Fe, DRAWING_IMAGE_COUNT_LIMIT as ct, ImageUploadStatusType as Ke, DRAWING_IMAGE_ALLOW_SIZE as Rn, getImageSize as In, DRAWING_IMAGE_WIDTH_LIMIT as dt, DRAWING_IMAGE_HEIGHT_LIMIT as lt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Dn, getDrawingShapeKeyByDrawingSearch as Mn, UniverDrawingPlugin as bn } from "@univerjs/drawing";
+import { IRenderManagerService as te, getGroupState as On, transformObjectOutOfGroup as En, precisionTo as Q, Rect as yn, DRAWING_OBJECT_LAYER_INDEX as Tn, SHEET_VIEWPORT_KEY as Pn, RENDER_CLASS_TYPE as le } from "@univerjs/engine-render";
+import { SheetCanvasPopManagerService as Un, SheetSkeletonManagerService as _e, ISelectionRenderService as Se, getCurrentRangeDisable$ as An, SetScrollOperation as Nn, SetZoomRatioOperation as jn, SheetPrintInterceptorService as Ln, COPY_TYPE as ut, PREDEFINED_HOOK_NAME as Me, virtualizeDiscreteRanges as Wn, ISheetClipboardService as Bn } from "@univerjs/sheets-ui";
+import { takeUntil as ht, Subject as gt, BehaviorSubject as $n, combineLatest as be, map as mt, filter as Oe, distinctUntilChanged as Ee } from "rxjs";
+import { ISidebarService as Vn, BuiltInUIPart as Yn, IUIPartsService as Gn, IMessageService as Xn, MenuItemType as vt, MenuPosition as xn, MenuGroup as Fn, getMenuHiddenObservable as St, KeyCode as ue, ComponentManager as Hn, IMenuService as kn, IShortcutService as zn, CanvasFloatDomService as Kn } from "@univerjs/ui";
 import { useDependency as ee, connectInjector as Jn } from "@wendellhu/redi/react-bindings";
-import { getSheetCommandTarget as oe, SelectionManagerService as Zn, WorkbookEditablePermission as et, WorksheetEditPermission as Ne, RangeProtectionPermissionEditPoint as qn, InsertRowCommand as Rt, InsertColCommand as It, RemoveRowCommand as Dt, RemoveColCommand as Mt, DeleteRangeMoveLeftCommand as bt, DeleteRangeMoveUpCommand as Ot, InsertRangeMoveDownCommand as Et, InsertRangeMoveRightCommand as Tt, DeltaRowHeightCommand as tt, SetRowHeightCommand as nt, DeltaColumnWidthCommand as yt, SetColWidthCommand as Pt, SetRowHiddenCommand as Ut, SetSpecificRowsVisibleCommand as At, SetSpecificColsVisibleCommand as Nt, SetColHiddenCommand as jt, MoveRangeCommand as Lt, 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 Je } from "@univerjs/sheets";
-import L, { useEffect as st, forwardRef as Wt, useRef as Bt, createElement as $t, useState as rt } from "react";
-import { MessageType as Te, RadioGroup as cr, Radio as Ze } from "@univerjs/design";
-import ye from "clsx";
+import { getSheetCommandTarget as oe, SelectionManagerService as Zn, WorkbookEditablePermission as et, WorksheetEditPermission as Ne, RangeProtectionPermissionEditPoint as qn, InsertRowCommand as Ct, InsertColCommand as Rt, RemoveRowCommand as It, RemoveColCommand as Dt, DeleteRangeMoveLeftCommand as Mt, DeleteRangeMoveUpCommand as bt, InsertRangeMoveDownCommand as Ot, InsertRangeMoveRightCommand as Et, DeltaRowHeightCommand as tt, SetRowHeightCommand as nt, DeltaColumnWidthCommand as yt, SetColWidthCommand as Tt, SetRowHiddenCommand as Pt, SetSpecificRowsVisibleCommand as Ut, SetSpecificColsVisibleCommand as At, SetColHiddenCommand as Nt, MoveRangeCommand as jt, SetRowVisibleMutation as Qn, SetRowHiddenMutation as er, SetColVisibleMutation as tr, SetColHiddenMutation as nr, SetWorksheetRowHeightMutation as rr, SetWorksheetColWidthMutation as ir, SetWorksheetActiveOperation as sr, SheetInterceptorService as or, SetFrozenMutation as ar, WorkbookViewPermission as ft, WorksheetViewPermission as Je } from "@univerjs/sheets";
+import L, { useEffect as st, forwardRef as Lt, useRef as Wt, createElement as Bt, useState as rt } from "react";
+import { MessageType as ye, RadioGroup as cr, Radio as Ze } from "@univerjs/design";
+import Te from "clsx";
 const j = {
   id: "sheet.operation.clear-drawing-transformer",
   type: G.MUTATION,
@@ -37,29 +37,29 @@ const j = {
       o.push(m);
     });
     const a = r.getBatchRemoveOp(s), { unitId: d, subUnitId: g, undo: l, redo: c, objects: u } = a;
-    return n.syncExecuteCommand(T.id, { unitId: d, subUnitId: g, op: c, objects: u, type: y.REMOVE }) ? (t.pushUndoRedo({
+    return n.syncExecuteCommand(y.id, { unitId: d, subUnitId: g, op: c, objects: u, type: T.REMOVE }) ? (t.pushUndoRedo({
       unitID: d,
       undoMutations: [
-        { id: T.id, params: { unitId: d, subUnitId: g, op: l, objects: u, type: y.INSERT } },
+        { id: y.id, params: { unitId: d, subUnitId: g, op: l, objects: u, type: T.INSERT } },
         { id: j.id, params: o }
       ],
       redoMutations: [
-        { id: T.id, params: { unitId: d, subUnitId: g, op: c, objects: u, type: y.REMOVE } },
+        { id: y.id, params: { unitId: d, subUnitId: g, op: c, objects: u, type: T.REMOVE } },
         { id: j.id, params: o }
       ]
     }), !0) : !1;
   }
-}, Vt = "COMPONENT_SHEET_DRAWING_PANEL", Yt = {
+}, $t = "COMPONENT_SHEET_DRAWING_PANEL", Vt = {
   id: "sidebar.operation.sheet-image",
   type: G.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(Yn), t = i.get(ve), r = i.get(ge), s = i.get(J);
+    const n = i.get(Vn), t = i.get(ve), r = i.get(ge), s = i.get(J);
     if (!oe(r)) return !1;
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("sheetImage.panel.title") },
-          children: { label: Vt },
+          children: { label: $t },
           onClose: () => {
             s.focusDrawing(null);
           },
@@ -73,12 +73,12 @@ const j = {
     }
     return !0;
   }
-}, Gt = {
+}, Yt = {
   id: "sheet.operation.edit-sheet-image",
   type: G.OPERATION,
   handler: (i, e) => {
     const n = i.get(J), t = i.get(Y);
-    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Yt.id, { value: "open" }), !0);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Vt.id, { value: "open" }), !0);
   }
 }, dr = "univer-upload-loading", lr = "univer-upload-loading-body", ur = "univer-upload-loading-body-animation", hr = "univer-UniverCircleAnimation", gr = "univer-upload-loading-body-text", Pe = {
   uploadLoading: dr,
@@ -87,7 +87,7 @@ const j = {
   univerCircleAnimation: hr,
   uploadLoadingBodyText: gr
 }, mr = () => {
-  const i = ee(vt), e = ee(ve), [n, t] = L.useState(0);
+  const i = ee(_t), e = ee(ve), [n, t] = L.useState(0);
   return st(() => {
     const r = i.change$.subscribe((s) => {
       t(s);
@@ -102,14 +102,14 @@ var fr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, wr = (i, e
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
   return t && r && fr(e, n, r), r;
 }, ne = (i, e) => (n, t) => e(n, t, i);
-let je = class extends sn {
+let je = class extends rn {
   constructor(e, n, t, r, s, o, a) {
     super();
     K(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
     this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = a, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(ht(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(F.UNIVER_SHEET).pipe(ht(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(F.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(Gn.CONTENT, () => Jn(mr, this._injector));
+    this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(ht(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(F.UNIVER_SHEET).pipe(ht(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(F.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(Yn.CONTENT, () => Jn(mr, this._injector));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -124,7 +124,7 @@ let je = class extends sn {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof fn)
+      if (t instanceof mn)
         return !0;
     return !1;
   }
@@ -138,7 +138,7 @@ let je = class extends sn {
       return;
     let r;
     this.disposeWithMe(
-      on(
+      sn(
         t.createControl$.subscribe(() => {
           if (this._contextService.setContextValue(we, !0), this._hasCropObject(n))
             return;
@@ -155,7 +155,7 @@ let je = class extends sn {
             return;
           const { unitId: l, subUnitId: c, drawingId: u } = g;
           r == null || r.dispose(), r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-            componentKey: pn,
+            componentKey: fn,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
@@ -183,7 +183,7 @@ let je = class extends sn {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Gt.id,
+        commandId: Yt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
@@ -197,14 +197,14 @@ let je = class extends sn {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: wn.id,
+        commandId: pn.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: _n.id,
+        commandId: wn.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !1
       }
@@ -215,11 +215,11 @@ je = wr([
   ae(ce.Steady, je),
   ne(0, W(xe)),
   ne(1, J),
-  ne(2, W(An)),
+  ne(2, W(Un)),
   ne(3, te),
   ne(4, ge),
-  ne(5, _t),
-  ne(6, W(Xn))
+  ne(5, wt),
+  ne(6, W(Gn))
 ], je);
 const He = {
   id: "sheet.operation.insert-float-image",
@@ -236,14 +236,14 @@ const He = {
     const n = i.get(Y), t = i.get(he), r = i.get(H);
     if (!e) return !1;
     const s = e.drawings, o = s.map((f) => f.unitId), a = r.getBatchAddOp(s), { unitId: d, subUnitId: g, undo: l, redo: c, objects: u } = a;
-    return n.syncExecuteCommand(T.id, { op: c, unitId: d, subUnitId: g, objects: u, type: y.INSERT }) ? (t.pushUndoRedo({
+    return n.syncExecuteCommand(y.id, { op: c, unitId: d, subUnitId: g, objects: u, type: T.INSERT }) ? (t.pushUndoRedo({
       unitID: d,
       undoMutations: [
-        { id: T.id, params: { op: l, unitId: d, subUnitId: g, objects: u, type: y.REMOVE } },
+        { id: y.id, params: { op: l, unitId: d, subUnitId: g, objects: u, type: T.REMOVE } },
         { id: j.id, params: o }
       ],
       redoMutations: [
-        { id: T.id, params: { op: c, unitId: d, subUnitId: g, objects: u, type: y.INSERT } },
+        { id: y.id, params: { op: c, unitId: d, subUnitId: g, objects: u, type: T.INSERT } },
         { id: j.id, params: o }
       ]
     }), !0) : !1;
@@ -255,19 +255,19 @@ const He = {
     const n = i.get(Y), t = i.get(he), r = i.get(H);
     if (!e) return !1;
     const { drawings: s } = e, o = r.getBatchUpdateOp(s), { unitId: a, subUnitId: d, undo: g, redo: l, objects: c } = o;
-    return n.syncExecuteCommand(T.id, { unitId: a, subUnitId: d, op: l, objects: c, type: y.UPDATE }) ? (t.pushUndoRedo({
+    return n.syncExecuteCommand(y.id, { unitId: a, subUnitId: d, op: l, objects: c, type: T.UPDATE }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: T.id, params: { unitId: a, subUnitId: d, op: g, objects: c, type: y.UPDATE } },
+        { id: y.id, params: { unitId: a, subUnitId: d, op: g, objects: c, type: T.UPDATE } },
         { id: j.id, params: [a] }
       ],
       redoMutations: [
-        { id: T.id, params: { unitId: a, subUnitId: d, op: l, objects: c, type: y.UPDATE } },
+        { id: y.id, params: { unitId: a, subUnitId: d, op: l, objects: c, type: T.UPDATE } },
         { id: j.id, params: [a] }
       ]
     }), !0) : !1;
   }
-}, Xt = {
+}, Gt = {
   id: "sheet.command.set-drawing-arrange",
   type: G.COMMAND,
   handler: (i, e) => {
@@ -278,13 +278,13 @@ const He = {
     if (d === De.forward ? l = r.getForwardDrawingsOp(g) : d === De.backward ? l = r.getBackwardDrawingOp(g) : d === De.front ? l = r.getFrontDrawingsOp(g) : d === De.back && (l = r.getBackDrawingsOp(g)), l == null)
       return !1;
     const { objects: c, redo: u, undo: h } = l;
-    return n.syncExecuteCommand(T.id, { op: u, unitId: s, subUnitId: o, objects: c, type: y.ARRANGE }) ? (t.pushUndoRedo({
+    return n.syncExecuteCommand(y.id, { op: u, unitId: s, subUnitId: o, objects: c, type: T.ARRANGE }) ? (t.pushUndoRedo({
       unitID: s,
       undoMutations: [
-        { id: T.id, params: { op: h, unitId: s, subUnitId: o, objects: c, type: y.ARRANGE } }
+        { id: y.id, params: { op: h, unitId: s, subUnitId: o, objects: c, type: T.ARRANGE } }
       ],
       redoMutations: [
-        { id: T.id, params: { op: u, unitId: s, subUnitId: o, objects: c, type: y.ARRANGE } }
+        { id: y.id, params: { op: u, unitId: s, subUnitId: o, objects: c, type: T.ARRANGE } }
       ]
     }), !0) : !1;
   }
@@ -292,7 +292,7 @@ const He = {
 function _r(i) {
   const e = [];
   return i.forEach((n) => {
-    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: a } = t, d = En(0, 0, r.map((c) => c.transform || {})), g = r.map((c) => {
+    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: a } = t, d = On(0, 0, r.map((c) => c.transform || {})), g = r.map((c) => {
       const u = c.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: f, drawingId: m } = c;
       return {
         unitId: h,
@@ -325,7 +325,7 @@ function vr(i) {
     if (d == null)
       return;
     const g = r.map((c) => {
-      const { transform: u } = c, { unitId: h, subUnitId: f, drawingId: m } = c, p = Tn(u || {}, d, d.width || 0, d.height || 0);
+      const { transform: u } = c, { unitId: h, subUnitId: f, drawingId: m } = c, p = En(u || {}, d, d.width || 0, d.height || 0);
       return {
         unitId: h,
         subUnitId: f,
@@ -349,7 +349,7 @@ function vr(i) {
     });
   }), e;
 }
-const xt = {
+const Xt = {
   id: "sheet.command.group-sheet-image",
   type: G.COMMAND,
   handler: (i, e) => {
@@ -362,19 +362,19 @@ const xt = {
       });
     });
     const o = r.getGroupDrawingOp(e), { unitId: a, subUnitId: d, undo: g, redo: l, objects: c } = o;
-    return n.syncExecuteCommand(T.id, { op: l, unitId: a, subUnitId: d, objects: c, type: y.GROUP }) ? (t.pushUndoRedo({
+    return n.syncExecuteCommand(y.id, { op: l, unitId: a, subUnitId: d, objects: c, type: T.GROUP }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: T.id, params: { op: g, unitId: a, subUnitId: d, objects: vr(c), type: y.UNGROUP } },
+        { id: y.id, params: { op: g, unitId: a, subUnitId: d, objects: vr(c), type: T.UNGROUP } },
         { id: j.id, params: s }
       ],
       redoMutations: [
-        { id: T.id, params: { op: l, unitId: a, subUnitId: d, objects: c, type: y.GROUP } },
+        { id: y.id, params: { op: l, unitId: a, subUnitId: d, objects: c, type: T.GROUP } },
         { id: j.id, params: s }
       ]
     }), !0) : !1;
   }
-}, Ft = {
+}, xt = {
   id: "sheet.command.ungroup-sheet-image",
   type: G.COMMAND,
   handler: (i, e) => {
@@ -387,14 +387,14 @@ const xt = {
       });
     });
     const o = r.getUngroupDrawingOp(e), { unitId: a, subUnitId: d, undo: g, redo: l, objects: c } = o;
-    return n.syncExecuteCommand(T.id, { op: l, unitId: a, subUnitId: d, objects: c, type: y.UNGROUP }) ? (t.pushUndoRedo({
+    return n.syncExecuteCommand(y.id, { op: l, unitId: a, subUnitId: d, objects: c, type: T.UNGROUP }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: T.id, params: { op: g, unitId: a, subUnitId: d, objects: _r(c), type: y.GROUP } },
+        { id: y.id, params: { op: g, unitId: a, subUnitId: d, objects: _r(c), type: T.GROUP } },
         { id: j.id, params: s }
       ],
       redoMutations: [
-        { id: T.id, params: { op: l, unitId: a, subUnitId: d, objects: c, type: y.UNGROUP } },
+        { id: y.id, params: { op: l, unitId: a, subUnitId: d, objects: c, type: T.UNGROUP } },
         { id: j.id, params: s }
       ]
     }), !0) : !1;
@@ -486,7 +486,7 @@ let Le = class extends de {
           const n = e.files.length;
           if (n > ct) {
             this._messageService.show({
-              type: Te.Error,
+              type: ye.Error,
               content: this._localeService.t("update-status.exceedMaxCount", String(ct))
             });
             return;
@@ -509,13 +509,13 @@ let Le = class extends de {
     } catch (R) {
       const S = R.message;
       S === Ke.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: Te.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(In / (1024 * 1024)))
+        type: ye.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(Rn / (1024 * 1024)))
       }) : S === Ke.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: Te.Error,
+        type: ye.Error,
         content: this._localeService.t("update-status.invalidImageType")
       }) : S === Ke.ERROR_IMAGE && this._messageService.show({
-        type: Te.Error,
+        type: ye.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
@@ -524,7 +524,7 @@ let Le = class extends de {
     const n = this._getUnitInfo();
     if (n == null)
       return;
-    const { unitId: t, subUnitId: r } = n, { imageId: s, imageSourceType: o, source: a, base64Cache: d } = e, { width: g, height: l, image: c } = await Dn(d || ""), u = this._renderManagerService.getRenderById(t);
+    const { unitId: t, subUnitId: r } = n, { imageId: s, imageSourceType: o, source: a, base64Cache: d } = e, { width: g, height: l, image: c } = await In(d || ""), u = this._renderManagerService.getRenderById(t);
     if (u == null)
       return;
     const { width: h, height: f } = u.scene;
@@ -606,7 +606,7 @@ let Le = class extends de {
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
       const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: r } = i;
-      this._commandService.executeCommand(Xt.id, {
+      this._commandService.executeCommand(Gt.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: t,
@@ -641,11 +641,11 @@ let Le = class extends de {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(xt.id, i);
+      this._commandService.executeCommand(Xt.id, i);
       const { unitId: e, subUnitId: n, drawingId: t } = i[0].parent;
       this._drawingManagerService.focusDrawing([{ unitId: e, subUnitId: n, drawingId: t }]);
     }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(Ft.id, i);
+      this._commandService.executeCommand(xt.id, i);
     });
   }
   _focusDrawingListener() {
@@ -680,11 +680,11 @@ Le = Rr([
   X(2, ge),
   X(3, W(Zn)),
   X(4, Se),
-  X(5, vt),
+  X(5, _t),
   X(6, H),
   X(7, J),
-  X(8, _t),
-  X(9, xn),
+  X(8, wt),
+  X(9, Xn),
   X(10, W(ve)),
   X(11, te),
   X(12, W(_e))
@@ -704,13 +704,13 @@ var x = function() {
     for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
       e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
   return n;
-}, Ht = Wt(function(i, e) {
-  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = Ir(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Bt("_".concat(br()));
-  return kt(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, x({ ref: e, className: a }, o), s);
+}, Ft = Lt(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = Ir(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Wt("_".concat(br()));
+  return Ht(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, x({ ref: e, className: a }, o), s);
 });
-function kt(i, e, n, t, r) {
-  return $t(i.tag, x(x({ key: e }, Dr(i, n, r)), t), (Mr(i, n).children || []).map(function(s, o) {
-    return kt(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
+function Ht(i, e, n, t, r) {
+  return Bt(i.tag, x(x({ key: e }, Dr(i, n, r)), t), (Mr(i, n).children || []).map(function(s, o) {
+    return Ht(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
   }));
 }
 function Dr(i, e, n) {
@@ -731,68 +731,68 @@ function Mr(i, e) {
 function br() {
   return Math.random().toString(36).substring(2, 8);
 }
-Ht.displayName = "UniverIcon";
-var Or = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, zt = Wt(function(i, e) {
-  return $t(Ht, Object.assign({}, i, {
+Ft.displayName = "UniverIcon";
+var Or = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, kt = Lt(function(i, e) {
+  return Bt(Ft, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
     icon: Or
   }));
 });
-zt.displayName = "AddImageSingle";
-const Er = "univer-upload-file-menu", Tr = "univer-upload-file-menu-input", wt = {
+kt.displayName = "AddImageSingle";
+const Er = "univer-upload-file-menu", yr = "univer-upload-file-menu-input", pt = {
   uploadFileMenu: Er,
-  uploadFileMenuInput: Tr
-}, Kt = "COMPONENT_UPLOAD_FILE_MENU";
+  uploadFileMenuInput: yr
+}, zt = "COMPONENT_UPLOAD_FILE_MENU";
 var Ge = /* @__PURE__ */ ((i) => (i[i.cellImage = 0] = "cellImage", i[i.floatImage = 1] = "floatImage", i))(Ge || {});
-const yr = (i) => {
-  const { type: e } = i, n = ee(Y), t = Bt(null), r = () => {
+const Tr = (i) => {
+  const { type: e } = i, n = ee(Y), 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 g = Array.from(d);
     e === Ge.floatImage ? n.executeCommand(He.id, { files: g }) : e === Ge.cellImage && n.executeCommand(Ye.id, { files: g }), t.current && (t.current.value = "");
   };
-  return /* @__PURE__ */ L.createElement("div", { onClick: r, className: wt.uploadFileMenu }, /* @__PURE__ */ L.createElement(
+  return /* @__PURE__ */ L.createElement("div", { onClick: r, className: pt.uploadFileMenu }, /* @__PURE__ */ L.createElement(
     "input",
     {
       type: "file",
-      className: wt.uploadFileMenuInput,
+      className: pt.uploadFileMenuInput,
       ref: t,
       onChange: o,
       accept: s,
       multiple: !0
     }
   ));
-}, Jt = "addition-and-subtraction-single", Zt = "sheet.menu.image";
+}, Kt = "addition-and-subtraction-single", Jt = "sheet.menu.image";
 function Pr(i) {
   return {
-    id: Zt,
-    type: St.SUBITEMS,
-    positions: [ft.TOOLBAR_START, ft.TOOLBAR_INSERT],
+    id: Jt,
+    type: vt.SUBITEMS,
+    positions: [xn.TOOLBAR_START],
     group: Fn.TOOLBAR_FORMULAS_INSERT,
-    icon: Jt,
+    icon: Kt,
     tooltip: "sheetImage.title",
-    hidden$: Ct(i, F.UNIVER_SHEET),
-    disabled$: Nn(i, { workbookTypes: [et], worksheetTypes: [Ne], rangeTypes: [qn] })
+    hidden$: St(i, F.UNIVER_SHEET),
+    disabled$: An(i, { workbookTypes: [et], worksheetTypes: [Ne], rangeTypes: [qn] })
   };
 }
 function Ur(i) {
   return {
     id: He.id,
     title: "sheetImage.upload.float",
-    type: St.SELECTOR,
+    type: vt.SELECTOR,
     label: {
-      name: Kt,
+      name: zt,
       props: {
         type: Ge.floatImage
       }
     },
-    positions: [Zt],
-    hidden$: Ct(i, F.UNIVER_SHEET)
+    positions: [Jt],
+    hidden$: St(i, F.UNIVER_SHEET)
   };
 }
 const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", jr = "univer-image-common-panel-border", Lr = "univer-image-common-panel-title", Wr = "univer-image-common-panel-row", Br = "univer-image-common-panel-row-vertical", $r = "univer-image-common-panel-column", Vr = "univer-image-common-panel-column-center", Yr = "univer-image-common-panel-inline", Gr = "univer-image-common-panel-span2", Xr = "univer-image-common-panel-span3", xr = "univer-image-common-panel-input", Fr = "univer-sheet-image-menu", Hr = "univer-sheet-image-menu-input", Z = {
@@ -871,7 +871,7 @@ const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", j
     });
   }
   const R = (D) => D ? "block" : "none";
-  return /* @__PURE__ */ L.createElement("div", { className: ye(Z.imageCommonPanelGrid, Z.imageCommonPanelBorder), style: { display: R(c) } }, /* @__PURE__ */ L.createElement("div", { className: Z.imageCommonPanelRow }, /* @__PURE__ */ L.createElement("div", { className: ye(Z.imageCommonPanelColumn, Z.imageCommonPanelTitle) }, /* @__PURE__ */ L.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ L.createElement("div", { className: ye(Z.imageCommonPanelRow) }, /* @__PURE__ */ L.createElement("div", { className: ye(Z.imageCommonPanelColumn) }, /* @__PURE__ */ L.createElement(cr, { value: f, onChange: v, direction: "vertical" }, /* @__PURE__ */ L.createElement(Ze, { value: E.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ L.createElement(Ze, { value: E.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ L.createElement(Ze, { value: E.None }, n.t("drawing-anchor.none"))))));
+  return /* @__PURE__ */ L.createElement("div", { className: Te(Z.imageCommonPanelGrid, Z.imageCommonPanelBorder), style: { display: R(c) } }, /* @__PURE__ */ L.createElement("div", { className: Z.imageCommonPanelRow }, /* @__PURE__ */ L.createElement("div", { className: Te(Z.imageCommonPanelColumn, Z.imageCommonPanelTitle) }, /* @__PURE__ */ L.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ L.createElement("div", { className: Te(Z.imageCommonPanelRow) }, /* @__PURE__ */ L.createElement("div", { className: Te(Z.imageCommonPanelColumn) }, /* @__PURE__ */ L.createElement(cr, { value: f, onChange: v, direction: "vertical" }, /* @__PURE__ */ L.createElement(Ze, { value: E.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ L.createElement(Ze, { value: E.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ L.createElement(Ze, { value: E.None }, n.t("drawing-anchor.none"))))));
 }, zr = () => {
   const i = ee(J), e = i.getFocusDrawings(), [n, t] = rt(e);
   return st(() => {
@@ -881,7 +881,7 @@ 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(vn, { drawings: n }), /* @__PURE__ */ L.createElement(kr, { drawings: n }));
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ L.createElement("div", { className: Z.imageCommonPanel }, /* @__PURE__ */ L.createElement(_n, { drawings: n }), /* @__PURE__ */ L.createElement(kr, { drawings: n }));
 }, Ce = {
   id: "sheet.command.move-drawing",
   type: G.COMMAND,
@@ -905,7 +905,7 @@ const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", j
       drawings: d
     }) ? (n.syncExecuteCommand(j.id, [a]), !0) : !1;
   }
-}, qt = {
+}, Zt = {
   id: "sheet.command.delete-drawing",
   type: G.COMMAND,
   handler: (i) => {
@@ -928,7 +928,7 @@ const Ar = "univer-image-common-panel", Nr = "univer-image-common-panel-grid", j
   }
 };
 function Re(i) {
-  return !i.getContextValue(an) && !i.getContextValue(cn) && i.getContextValue(we);
+  return !i.getContextValue(on) && !i.getContextValue(an) && i.getContextValue(we);
 }
 const Kr = {
   id: Ce.id,
@@ -971,7 +971,7 @@ const Kr = {
     direction: q.RIGHT
   }
 }, Qr = {
-  id: qt.id,
+  id: Zt.id,
   description: "shortcut.sheet.drawing-delete",
   group: "4_sheet-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
@@ -991,7 +991,7 @@ let pe = class extends de {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Jt, zt)), this.disposeWithMe(i.register(Kt, yr)), this.disposeWithMe(i.register(Vt, zr));
+    this.disposeWithMe(i.register(Kt, kt)), this.disposeWithMe(i.register(zt, Tr)), this.disposeWithMe(i.register($t, zr));
   }
   _initMenus() {
     const { menu: i = {} } = this._config;
@@ -1010,14 +1010,14 @@ let pe = class extends de {
       at,
       ot,
       ke,
-      Yt,
+      Vt,
       j,
-      Gt,
+      Yt,
+      Xt,
       xt,
-      Ft,
       Ce,
-      qt,
-      Xt
+      Zt,
+      Gt
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
@@ -1050,6 +1050,7 @@ var ii = Object.defineProperty, si = Object.getOwnPropertyDescriptor, oi = (i, e
   return t && r && ii(e, n, r), r;
 }, re = (i, e) => (n, t) => e(n, t, i);
 const ai = [
+  Ct.id,
   Rt.id,
   It.id,
   Dt.id,
@@ -1057,16 +1058,15 @@ const ai = [
   bt.id,
   Ot.id,
   Et.id,
-  Tt.id,
   tt.id,
   nt.id,
   yt.id,
+  Tt.id,
   Pt.id,
   Ut.id,
   At.id,
   Nt.id,
-  jt.id,
-  Lt.id
+  jt.id
 ], ci = [
   Qn.id,
   er.id,
@@ -1091,51 +1091,51 @@ let We = class extends de {
           if (i.params == null)
             return { redos: [], undos: [] };
           const e = i.id;
-          if (e === Rt.id)
+          if (e === Ct.id)
             return this._moveRowInterceptor(i.params, "insert");
-          if (e === It.id)
+          if (e === Rt.id)
             return this._moveColInterceptor(i.params, "insert");
-          if (e === Dt.id)
+          if (e === It.id)
             return this._moveRowInterceptor(i.params, "remove");
-          if (e === Mt.id)
+          if (e === Dt.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (e === Lt.id)
+          if (e === jt.id)
             return this._moveRangeInterceptor(i.params);
-          if (e === bt.id) {
+          if (e === Mt.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               0
               /* deleteLeft */
             );
-          } else if (e === Ot.id) {
+          } else if (e === bt.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               1
               /* deleteUp */
             );
-          } else if (e === Et.id) {
+          } else if (e === Ot.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               2
               /* insertDown */
             );
-          } else if (e === Tt.id) {
+          } else if (e === Et.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               3
               /* insertRight */
             );
-          } else if (e === Ut.id || e === At.id) {
+          } else if (e === Pt.id || e === Ut.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 === At.id || e === Nt.id) {
             const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
             return this._getDrawingUndoForColVisible(t, r, s);
-          } else if (e === tt.id || e === nt.id || e === yt.id || e === Pt.id) {
+          } else if (e === tt.id || e === nt.id || e === yt.id || e === Tt.id) {
             const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === tt.id || e === nt.id;
             return this._getDrawingUndoForRowAndColSize(t, r, s, o);
           }
@@ -1156,11 +1156,11 @@ let We = class extends de {
       return { redos: [], undos: [] };
     if (d.length > 0) {
       const l = this._sheetDrawingService.getBatchUpdateOp(d), { undo: c, redo: u, objects: h } = l;
-      s.push({ id: T.id, params: { unitId: t, subUnitId: r, op: u, objects: h, type: y.UPDATE } }), o.push({ id: T.id, params: { unitId: t, subUnitId: r, op: c, objects: h, type: y.UPDATE } });
+      s.push({ id: y.id, params: { unitId: t, subUnitId: r, op: u, objects: h, type: T.UPDATE } }), o.push({ id: y.id, params: { unitId: t, subUnitId: r, op: c, objects: h, type: T.UPDATE } });
     }
     if (g.length > 0) {
       const l = this._sheetDrawingService.getBatchRemoveOp(g), c = l.undo, u = l.redo, h = l.objects;
-      s.push({ id: T.id, params: { unitId: t, subUnitId: r, op: u, objects: h, type: y.REMOVE } }), o.push({ id: T.id, params: { unitId: t, subUnitId: r, op: c, objects: h, type: y.INSERT } });
+      s.push({ id: y.id, params: { unitId: t, subUnitId: r, op: u, objects: h, type: T.REMOVE } }), o.push({ id: y.id, params: { unitId: t, subUnitId: r, op: c, objects: h, type: T.INSERT } });
     }
     return s.push({ id: j.id, params: [t] }), o.push({ id: j.id, params: [t] }), {
       redos: s,
@@ -1293,10 +1293,10 @@ let We = class extends de {
   }
   _createUndoAndRedoMutation(i, e, n) {
     const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: r, redo: s, objects: o } = t, a = [
-      { id: T.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: y.UPDATE } },
+      { id: y.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: T.UPDATE } },
       { id: j.id, params: [i] }
     ], d = [
-      { id: T.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: y.UPDATE } },
+      { id: y.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: T.UPDATE } },
       { id: j.id, params: [i] }
     ];
     return {
@@ -1455,11 +1455,11 @@ let We = class extends de {
       return { redos: [], undos: [] };
     if (c.length > 0) {
       const h = this._sheetDrawingService.getBatchUpdateOp(c), { undo: f, redo: m, objects: p } = h;
-      d.push({ id: T.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: y.UPDATE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: y.UPDATE } });
+      d.push({ id: y.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.UPDATE } }), g.push({ id: y.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.UPDATE } });
     }
     if (u.length > 0) {
       const h = this._sheetDrawingService.getBatchRemoveOp(u), f = h.undo, m = h.redo, p = h.objects;
-      d.push({ id: T.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: y.REMOVE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: y.INSERT } });
+      d.push({ id: y.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.REMOVE } }), g.push({ id: y.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.INSERT } });
     }
     return d.push({ id: j.id, params: [t] }), g.push({ id: j.id, params: [t] }), {
       redos: d,
@@ -1501,10 +1501,10 @@ let We = class extends de {
         });
         if (!z || !k)
           return;
-        const B = z.endX - z.startX - (k.endX - k.startX), tn = z.endY - z.startY - (k.endY - k.startY);
+        const B = z.endX - z.startX - (k.endX - k.startX), en = z.endY - z.startY - (k.endY - k.startY);
         A = {
           to: { ...I, row: I.row + M, column: I.column + C, columnOffset: I.columnOffset + B },
-          from: { ...P, row: P.row + M, column: P.column + C, columnOffset: I.columnOffset + B, rowOffset: I.rowOffset + tn }
+          from: { ...P, row: P.row + M, column: P.column + C, columnOffset: I.columnOffset + B, rowOffset: I.rowOffset + en }
         }, $ = V(A, this._selectionRenderService, this._sheetSkeletonManagerService);
       } else {
         const k = g.startX - d.startX, z = g.startY - d.startY;
@@ -1522,7 +1522,7 @@ let We = class extends de {
     const l = [], c = [];
     if (a.length > 0) {
       const u = this._sheetDrawingService.getBatchUpdateOp(a), { undo: h, redo: f, objects: m } = u;
-      l.push({ id: T.id, params: { unitId: r, subUnitId: s, op: f, objects: m, type: y.UPDATE } }), c.push({ id: T.id, params: { unitId: r, subUnitId: s, op: h, objects: m, type: y.UPDATE } });
+      l.push({ id: y.id, params: { unitId: r, subUnitId: s, op: f, objects: m, type: T.UPDATE } }), c.push({ id: y.id, params: { unitId: r, subUnitId: s, op: h, objects: m, type: T.UPDATE } });
     }
     return { redos: l, undos: c };
   }
@@ -1556,11 +1556,11 @@ let We = class extends de {
       return { redos: [], undos: [] };
     if (c.length > 0) {
       const h = this._sheetDrawingService.getBatchUpdateOp(c), { undo: f, redo: m, objects: p } = h;
-      d.push({ id: T.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: y.UPDATE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: y.UPDATE } });
+      d.push({ id: y.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.UPDATE } }), g.push({ id: y.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.UPDATE } });
     }
     if (u.length > 0) {
       const h = this._sheetDrawingService.getBatchRemoveOp(u), f = h.undo, m = h.redo, p = h.objects;
-      d.push({ id: T.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: y.REMOVE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: y.INSERT } });
+      d.push({ id: y.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.REMOVE } }), g.push({ id: y.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.INSERT } });
     }
     return d.push({ id: j.id, params: [t] }), g.push({ id: j.id, params: [t] }), { redos: d, undos: g };
   }
@@ -1795,7 +1795,7 @@ let We = class extends de {
       const { from: g, to: l } = a, { row: c, column: u } = g, { row: h, column: f } = l;
       for (let m = 0; m < n.length; m++) {
         const p = n[m], { startRow: v, endRow: R, startColumn: S, endColumn: D } = p;
-        if (dn.intersects(
+        if (cn.intersects(
           {
             startRow: v,
             endRow: R,
@@ -1835,7 +1835,7 @@ var di = Object.defineProperty, li = Object.getOwnPropertyDescriptor, ui = (i, e
   return t && r && di(e, n, r), r;
 }, ie = (i, e) => (n, t) => e(n, t, i);
 function hi(i, e, n, t) {
-  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(Un.VIEW_MAIN), a = {
+  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(Pn.VIEW_MAIN), a = {
     left: !0,
     top: !0
   };
@@ -1931,7 +1931,7 @@ let it = class extends de {
           const { scene: u, canvas: h } = c;
           if (g == null)
             return !0;
-          const { left: f, top: m, width: p, height: v, angle: R, flipX: S, flipY: D, skewX: _, skewY: b } = g, w = bn({ unitId: t, subUnitId: r, drawingId: s }), U = u.getObject(w);
+          const { left: f, top: m, width: p, height: v, angle: R, flipX: S, flipY: D, skewX: _, skewY: b } = g, w = Mn({ unitId: t, subUnitId: r, drawingId: s }), U = u.getObject(w);
           if (U != null) {
             U.transformByState({ left: f, top: m, width: p, height: v, angle: R, flipX: S, flipY: D, skewX: _, skewY: b });
             return;
@@ -1943,8 +1943,8 @@ let it = class extends de {
             height: v,
             zIndex: this._drawingManagerService.getDrawingOrder(t, r).length - 1
           }, I = new yn(w, O);
-          u.addObject(I, Pn).attachTransformerTo(I);
-          const P = this._ensureMap(t, r), M = new ln(), C = qe(I, c.renderObject, d.skeleton, o.worksheet), A = new Vn(C), $ = {
+          u.addObject(I, Tn).attachTransformerTo(I);
+          const P = this._ensureMap(t, r), M = new dn(), C = qe(I, c.renderObject, d.skeleton, o.worksheet), A = new $n(C), $ = {
             dispose: M,
             rect: I,
             position$: A,
@@ -1996,10 +1996,10 @@ let it = class extends de {
           }
         });
       };
-      if (e.id === jn.id) {
+      if (e.id === Nn.id) {
         const s = e.params, { unitId: o, sheetId: a } = s;
         n(o, a);
-      } else if (e.id === Ln.id) {
+      } else if (e.id === jn.id) {
         const s = e.params, { unitId: o } = s;
         Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((d) => {
           n(o, d);
@@ -2105,7 +2105,7 @@ let it = class extends de {
       if (!d)
         return;
       const g = this._sheetDrawingService.getBatchRemoveOp([d]), { redo: l, objects: c } = g;
-      this._commandService.syncExecuteCommand(T.id, { unitId: r, subUnitId: s, op: l, objects: c, type: y.REMOVE });
+      this._commandService.syncExecuteCommand(y.id, { unitId: r, subUnitId: s, op: l, objects: c, type: T.REMOVE });
     }
   }
 };
@@ -2169,8 +2169,8 @@ let Be = class extends de {
 };
 Be = fi([
   ae(ce.Rendered, Be),
-  Ue(0, W(Wn)),
-  Ue(1, W(Sn)),
+  Ue(0, W(Ln)),
+  Ue(1, W(vn)),
   Ue(2, J),
   Ue(3, te)
 ], Be);
@@ -2197,7 +2197,7 @@ let $e = class extends de {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new pt(r).id, new Je(r, s).id]).every((a) => a.value))
+          if (this._permissionService.composePermission([new ft(r).id, new Je(r, s).id]).every((a) => a.value))
             this._drawingManagerService.setDrawingVisible(!0);
           else {
             this._drawingManagerService.setDrawingVisible(!1);
@@ -2254,7 +2254,7 @@ let $e = class extends de {
           const a = this._renderManagerService.getRenderById(r), d = a == null ? void 0 : a.scene;
           if (d == null)
             return;
-          const g = d.getTransformerByCreate(), l = this._permissionService.composePermission$([new pt(r).id, new Je(r, s).id]).pipe(mt((u) => u.every((h) => h.value)));
+          const g = d.getTransformerByCreate(), l = this._permissionService.composePermission$([new ft(r).id, new Je(r, s).id]).pipe(mt((u) => u.every((h) => h.value)));
           l == null || l.pipe(
             Oe((u) => u !== o),
             Ee()
@@ -2330,9 +2330,9 @@ $e = _i([
   ae(ce.Rendered, $e),
   fe(0, J),
   fe(1, te),
-  fe(2, hn),
+  fe(2, un),
   fe(3, ge),
-  fe(4, W(un))
+  fe(4, W(ln))
 ], $e);
 var vi = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, Ci = (i, e, n, t) => {
   for (var r = t > 1 ? void 0 : t ? Si(e, n) : e, s = i.length - 1, o; s >= 0; s--)
@@ -2394,7 +2394,7 @@ let Ve = class extends de {
     const { copyRange: t } = n;
     if (!t)
       return { redos: [], undos: [] };
-    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [a, d], mapFunc: g } = Bn([t, e]), { row: l, col: c } = g(a.startRow, a.startColumn), { row: u, col: h } = g(d.startRow, d.startColumn), f = this._selectionRenderService.attachRangeWithCoord({
+    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [a, d], mapFunc: g } = Wn([t, e]), { row: l, col: c } = g(a.startRow, a.startColumn), { row: u, col: h } = g(d.startRow, d.startColumn), f = this._selectionRenderService.attachRangeWithCoord({
       startRow: l,
       endRow: l,
       startColumn: c,
@@ -2430,27 +2430,27 @@ let Ve = class extends de {
       if (b) {
         const { undo: M, redo: C, objects: A } = w.getBatchUpdateOp([P]);
         p.push({
-          id: T.id,
+          id: y.id,
           params: {
             unitId: s,
             subUnitId: o,
-            type: y.UPDATE,
+            type: T.UPDATE,
             op: C,
             objects: A
           }
         }), v.push({
-          id: T.id,
+          id: y.id,
           params: {
             unitId: s,
             subUnitId: o,
-            type: y.UPDATE,
+            type: T.UPDATE,
             op: M,
             objects: A
           }
         });
       } else {
         const { undo: M, redo: C, objects: A } = w.getBatchAddOp([P]);
-        p.push({ id: T.id, params: { op: C, unitId: s, subUnitId: o, objects: A, type: y.INSERT } }), v.push({ id: T.id, params: { op: M, unitId: s, subUnitId: o, objects: A, type: y.REMOVE } });
+        p.push({ id: y.id, params: { op: C, unitId: s, subUnitId: o, objects: A, type: T.INSERT } }), v.push({ id: y.id, params: { op: M, unitId: s, subUnitId: o, objects: A, type: T.REMOVE } });
       }
     }), {
       redos: p,
@@ -2460,18 +2460,18 @@ let Ve = class extends de {
 };
 Ve = Ci([
   ae(ce.Ready, Ve),
-  Ae(0, $n),
+  Ae(0, Bn),
   Ae(1, Se),
   Ae(2, H),
   Ae(3, W(xe))
 ], Ve);
-var Qt = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, Ii = (i, e, n) => e in i ? Qt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Di = (i, e, n, t) => {
+var qt = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, Ii = (i, e, n) => e in i ? qt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Di = (i, e, n, t) => {
   for (var r = t > 1 ? void 0 : t ? Ri(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Qt(e, n, r), r;
-}, Qe = (i, e) => (n, t) => e(n, t, i), en = (i, e, n) => Ii(i, typeof e != "symbol" ? e + "" : e, n);
+  return t && r && qt(e, n, r), r;
+}, Qe = (i, e) => (n, t) => e(n, t, i), Qt = (i, e, n) => Ii(i, typeof e != "symbol" ? e + "" : e, n);
 const Mi = "SHEET_IMAGE_UI_PLUGIN";
-let Xe = class extends gn {
+let Xe = class extends hn {
   constructor(e = {}, n, t, r) {
     super();
     K(this, "_pluginConfig");
@@ -2502,28 +2502,28 @@ let Xe = class extends gn {
     n.forEach((r) => e.add(r)), t.forEach((r) => this._renderManagerService.registerRenderModule(F.UNIVER_SHEET, r));
   }
 };
-en(Xe, "type", F.UNIVER_SHEET);
-en(Xe, "pluginName", Mi);
+Qt(Xe, "type", F.UNIVER_SHEET);
+Qt(Xe, "pluginName", Mi);
 Xe = Di([
-  mn(On, Cn, Rn),
+  gn(bn, Sn, Cn),
   Qe(1, W(xe)),
   Qe(2, W(ve)),
   Qe(3, te)
 ], Xe);
 export {
   j as ClearSheetDrawingTransformerOperation,
-  qt as DeleteDrawingsCommand,
-  Gt as EditSheetDrawingOperation,
-  xt as GroupSheetDrawingCommand,
+  Zt as DeleteDrawingsCommand,
+  Yt as EditSheetDrawingOperation,
+  Xt as GroupSheetDrawingCommand,
   Ye as InsertCellImageOperation,
   He as InsertFloatImageOperation,
   at as InsertSheetDrawingCommand,
   Ce as MoveDrawingsCommand,
   ot as RemoveSheetDrawingCommand,
-  Xt as SetDrawingArrangeCommand,
+  Gt as SetDrawingArrangeCommand,
   ke as SetSheetDrawingCommand,
   it as SheetCanvasFloatDomManagerService,
-  Yt as SidebarSheetDrawingOperation,
-  Ft as UngroupSheetDrawingCommand,
+  Vt as SidebarSheetDrawingOperation,
+  xt as UngroupSheetDrawingCommand,
   Xe as UniverSheetsDrawingUIPlugin
 };