@univerjs/sheets-drawing-ui 0.8.2 → 0.8.3-nightly.202506271607

package/lib/index.js

@@ -1,21 +1,21 @@
 var yr = Object.defineProperty;
 var Er = (i, t, e) => t in i ? yr(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var ee = (i, t, e) => Er(i, typeof t != "symbol" ? t + "" : t, e);
-import { CommandType as J, ICommandService as G, IUndoRedoService as xe, sequenceExecute as xn, LocaleService as tt, IUniverInstanceService as Se, Inject as A, Injector as Ye, IContextService as Yn, IImageIoService as Tr, RxDisposable as Or, UniverInstanceType as F, FOCUSING_COMMON_DRAWINGS as $e, DrawingTypeEnum as B, Disposable as ne, ArrangeTypeEnum as mt, createDocumentModelWithStyle as Vt, ObjectRelativeFromV as mn, ObjectRelativeFromH as pn, WrapTextType as wn, PositionedObjectLayoutType as _n, BooleanNumber as Sn, BuildTextUtils as Ht, ImageSourceType as vn, generateRandomId as Dt, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ze, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Be, InterceptorEffectEnum as Ur, ObjectMatrix as Pr, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Ar, Tools as Re, IPermissionService as Nr, UserManagerService as kr, LifecycleService as Wr, LifecycleStages as Br, DisposableCollection as pt, fromEventSubject as jr, PRINT_CHART_COMPONENT_KEY as $r, Rectangle as Fr, Direction as _e, FOCUSING_FX_BAR_EDITOR as xr, EDITOR_ACTIVATED as Yr, FOCUSING_PANEL_EDITOR as Xr, DependentOn as Gr, IConfigService as Lr, Plugin as Vr, merge as Hr, registerDependencies as zr, touchDependencies as Ft } from "@univerjs/core";
-import { DocDrawingController as Kr, UniverDocsDrawingPlugin as Jr } from "@univerjs/docs-drawing";
-import { SetDrawingSelectedOperation as At, IDrawingManagerService as re, IImageIoService as Zr, DRAWING_IMAGE_ALLOW_IMAGE_LIST as In, DRAWING_IMAGE_COUNT_LIMIT as Cn, ImageUploadStatusType as Ue, DRAWING_IMAGE_ALLOW_SIZE as Dn, getImageSize as xt, DRAWING_IMAGE_WIDTH_LIMIT as Rn, DRAWING_IMAGE_HEIGHT_LIMIT as bn, ImageSourceType as qr, getDrawingShapeKeyByDrawingSearch as ve, UniverDrawingPlugin as Qr } from "@univerjs/drawing";
-import { ImageCropperObject as ei, COMPONENT_IMAGE_POPUP_MENU as ti, OpenImageCropOperation as ni, ImageResetSizeOperation as ri, DrawingRenderService as Xn, DrawingCommonPanel as ii, UniverDrawingUIPlugin as si } from "@univerjs/drawing-ui";
-import { IRenderManagerService as Z, CURSOR_TYPE as oi, precisionTo as wt, transformObjectOutOfGroup as ai, getGroupState as ci, getCurrentTypeOfRenderer as sn, RENDER_CLASS_TYPE as Pe, Rect as Ae, ObjectType as Mn, DRAWING_OBJECT_LAYER_INDEX as Yt, SHEET_VIEWPORT_KEY as Gn } from "@univerjs/engine-render";
-import { ISheetDrawingService as ie, DrawingApplyType as U, SetDrawingApplyMutation as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as di } from "@univerjs/sheets-drawing";
-import { MessageType as pe, render as li, unmount as ui, clsx as hi, RadioGroup as gi, Radio as Xt } from "@univerjs/design";
-import { SheetCanvasPopManagerService as fi, HoverManagerService as mi, SheetSkeletonManagerService as V, convertPositionSheetOverGridToAbsolute as pi, ISheetSelectionRenderService as Xe, attachRangeWithCoord as Ln, IEditorBridgeService as wi, IAutoFillService as _i, EditingRenderController as Si, SetCellEditVisibleOperation as yn, PREDEFINED_HOOK_NAME as je, COPY_TYPE as Ie, discreteRangeToRange as En, virtualizeDiscreteRanges as vi, ISheetClipboardService as Ii, SetZoomRatioOperation as Tn, SetScrollOperation as Ci, SheetPrintInterceptorService as Di, getCurrentRangeDisable$ as Ri } from "@univerjs/sheets-ui";
-import { ISidebarService as bi, IMessageService as Vn, ILocalFileService as Mi, IDialogService as yi, IClipboardInterfaceService as Ei, CanvasFloatDomService as Ti, PrintFloatDomSingle as Oi, ComponentManager as Hn, connectInjector as Ui, useDependency as qe, getMenuHiddenObservable as on, MenuItemType as an, RibbonInsertGroup as Pi, KeyCode as Fe, IMenuManagerService as Ai, IShortcutService as Ni } from "@univerjs/ui";
-import { takeUntil as On, throttleTime as ki, combineLatest as _t, switchMap as we, EMPTY as fe, tap as Un, map as be, distinctUntilChanged as Pn, Subject as Gt, filter as Wi, take as Bi, BehaviorSubject as We, of as An } from "rxjs";
-import { SheetInterceptorService as Nt, getSheetCommandTarget as se, SheetsSelectionsService as cn, SetRangeValuesCommand as Nn, INTERCEPTOR_POINT as ji, InterceptCellContentPriority as $i, WorkbookViewPermission as kn, WorksheetViewPermission as Wn, WorkbookEditablePermission as zt, WorksheetEditPermission as Kt, SetFrozenMutation as Fi, SetWorksheetRowAutoHeightMutation as xi, COMMAND_LISTENER_SKELETON_CHANGE as Yi, InsertRowCommand as zn, InsertColCommand as Kn, RemoveRowCommand as Jn, RemoveColCommand as Zn, DeleteRangeMoveLeftCommand as qn, DeleteRangeMoveUpCommand as Qn, InsertRangeMoveDownCommand as er, InsertRangeMoveRightCommand as tr, DeltaRowHeightCommand as Jt, SetRowHeightCommand as Zt, DeltaColumnWidthCommand as nr, SetColWidthCommand as rr, SetRowHiddenCommand as ir, SetSpecificRowsVisibleCommand as sr, SetSpecificColsVisibleCommand as or, SetColHiddenCommand as ar, MoveColsCommand as cr, MoveRowsCommand as dr, MoveRangeCommand as lr, SetRowVisibleMutation as Xi, SetRowHiddenMutation as Gi, SetColVisibleMutation as Li, SetColHiddenMutation as Vi, SetWorksheetRowHeightMutation as Hi, SetWorksheetColWidthMutation as zi, SetWorksheetActiveOperation as Ki, RangeProtectionPermissionEditPoint as Ji } from "@univerjs/sheets";
-import { docDrawingPositionToTransform as Bn, ReplaceSnapshotCommand as Zi, InnerPasteCommand as qi } from "@univerjs/docs-ui";
+import { CommandType as J, ICommandService as G, IUndoRedoService as xe, sequenceExecute as xn, DrawingTypeEnum as B, ArrangeTypeEnum as mt, Inject as A, IContextService as Yn, LocaleService as tt, Injector as Ye, Disposable as ne, createDocumentModelWithStyle as Vt, ObjectRelativeFromV as mn, ObjectRelativeFromH as pn, WrapTextType as wn, PositionedObjectLayoutType as _n, BooleanNumber as Sn, BuildTextUtils as Ht, ImageSourceType as vn, generateRandomId as Dt, FOCUSING_COMMON_DRAWINGS as $e, IUniverInstanceService as Se, UniverInstanceType as F, Direction as _e, IImageIoService as Tr, RxDisposable as Or, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ze, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Be, InterceptorEffectEnum as Ur, ObjectMatrix as Pr, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Ar, Tools as Re, IPermissionService as Nr, UserManagerService as kr, LifecycleService as Wr, LifecycleStages as Br, DisposableCollection as pt, fromEventSubject as jr, PRINT_CHART_COMPONENT_KEY as $r, Rectangle as Fr, FOCUSING_FX_BAR_EDITOR as xr, EDITOR_ACTIVATED as Yr, FOCUSING_PANEL_EDITOR as Xr, DependentOn as Gr, IConfigService as Lr, Plugin as Vr, merge as Hr, registerDependencies as zr, touchDependencies as Ft } from "@univerjs/core";
+import { ISheetDrawingService as re, DrawingApplyType as U, SetDrawingApplyMutation as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as Kr } from "@univerjs/sheets-drawing";
+import { SheetInterceptorService as At, SheetsSelectionsService as sn, SetRangeValuesCommand as In, getSheetCommandTarget as se, INTERCEPTOR_POINT as Jr, InterceptCellContentPriority as Zr, WorkbookViewPermission as Cn, WorksheetViewPermission as Dn, WorkbookEditablePermission as zt, WorksheetEditPermission as Kt, SetFrozenMutation as qr, SetWorksheetRowAutoHeightMutation as Qr, COMMAND_LISTENER_SKELETON_CHANGE as ei, InsertRowCommand as Xn, InsertColCommand as Gn, RemoveRowCommand as Ln, RemoveColCommand as Vn, DeleteRangeMoveLeftCommand as Hn, DeleteRangeMoveUpCommand as zn, InsertRangeMoveDownCommand as Kn, InsertRangeMoveRightCommand as Jn, DeltaRowHeightCommand as Jt, SetRowHeightCommand as Zt, DeltaColumnWidthCommand as Zn, SetColWidthCommand as qn, SetRowHiddenCommand as Qn, SetSpecificRowsVisibleCommand as er, SetSpecificColsVisibleCommand as tr, SetColHiddenCommand as nr, MoveColsCommand as rr, MoveRowsCommand as ir, MoveRangeCommand as sr, SetRowVisibleMutation as ti, SetRowHiddenMutation as ni, SetColVisibleMutation as ri, SetColHiddenMutation as ii, SetWorksheetRowHeightMutation as si, SetWorksheetColWidthMutation as oi, SetWorksheetActiveOperation as ai, RangeProtectionPermissionEditPoint as ci } from "@univerjs/sheets";
+import { IRenderManagerService as Z, transformObjectOutOfGroup as di, getGroupState as li, precisionTo as wt, getCurrentTypeOfRenderer as on, CURSOR_TYPE as ui, RENDER_CLASS_TYPE as Ue, Rect as Pe, ObjectType as Rn, DRAWING_OBJECT_LAYER_INDEX as xt, SHEET_VIEWPORT_KEY as or } from "@univerjs/engine-render";
+import { MessageType as pe, render as hi, unmount as gi, clsx as fi, RadioGroup as mi, Radio as Yt } from "@univerjs/design";
+import { docDrawingPositionToTransform as bn, ReplaceSnapshotCommand as pi, InnerPasteCommand as wi } from "@univerjs/docs-ui";
+import { IImageIoService as _i, IDrawingManagerService as ie, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Mn, DRAWING_IMAGE_COUNT_LIMIT as yn, ImageUploadStatusType as Ae, DRAWING_IMAGE_ALLOW_SIZE as En, getImageSize as Xt, SetDrawingSelectedOperation as Nt, DRAWING_IMAGE_WIDTH_LIMIT as Tn, DRAWING_IMAGE_HEIGHT_LIMIT as On, ImageSourceType as Si, getDrawingShapeKeyByDrawingSearch as ve, UniverDrawingPlugin as vi } from "@univerjs/drawing";
+import { convertPositionSheetOverGridToAbsolute as Ii, SheetSkeletonManagerService as V, ISheetSelectionRenderService as Xe, attachRangeWithCoord as ar, SheetCanvasPopManagerService as Ci, HoverManagerService as Di, IEditorBridgeService as Ri, IAutoFillService as bi, EditingRenderController as Mi, SetCellEditVisibleOperation as Un, PREDEFINED_HOOK_NAME as je, COPY_TYPE as Ie, discreteRangeToRange as Pn, virtualizeDiscreteRanges as yi, ISheetClipboardService as Ei, SetZoomRatioOperation as An, SetScrollOperation as Ti, SheetPrintInterceptorService as Oi, getCurrentRangeDisable$ as Ui } from "@univerjs/sheets-ui";
+import { ILocalFileService as Pi, IMessageService as cr, ISidebarService as Ai, IDialogService as Ni, IClipboardInterfaceService as ki, CanvasFloatDomService as Wi, PrintFloatDomSingle as Bi, ComponentManager as dr, connectInjector as ji, useDependency as qe, getMenuHiddenObservable as an, MenuItemType as cn, RibbonInsertGroup as $i, KeyCode as Fe, IMenuManagerService as Fi, IShortcutService as xi } from "@univerjs/ui";
+import { DocDrawingController as Yi, UniverDocsDrawingPlugin as Xi } from "@univerjs/docs-drawing";
+import { ImageCropperObject as Gi, COMPONENT_IMAGE_POPUP_MENU as Li, OpenImageCropOperation as Vi, ImageResetSizeOperation as Hi, DrawingRenderService as lr, DrawingCommonPanel as zi, UniverDrawingUIPlugin as Ki } from "@univerjs/drawing-ui";
+import { takeUntil as Nn, throttleTime as Ji, combineLatest as _t, switchMap as we, EMPTY as fe, tap as kn, map as be, distinctUntilChanged as Wn, Subject as Gt, filter as Zi, take as qi, BehaviorSubject as We, of as Bn } from "rxjs";
 import { jsx as oe, jsxs as qt } from "react/jsx-runtime";
 import { useMemo as Qi, useState as Qt, useEffect as ur } from "react";
-const es = "sheets-drawing-ui.config", jn = {}, Y = {
+const Y = {
   id: "sheet.operation.clear-drawing-transformer",
   type: J.MUTATION,
   handler: (i, t) => {
@@ -30,7 +30,7 @@ const es = "sheets-drawing-ui.config", jn = {}, Y = {
   type: J.COMMAND,
   handler: (i, t) => {
     var v, I, R;
-    const e = i.get(G), n = i.get(xe), r = i.get(Nt), s = i.get(ie);
+    const e = i.get(G), n = i.get(xe), r = i.get(At), s = i.get(re);
     if (!t) return !1;
     const { drawings: o } = t, a = [];
     o.forEach((S) => {
@@ -54,301 +54,32 @@ const es = "sheets-drawing-ui.config", jn = {}, Y = {
       ]
     }), !0) : !1;
   }
-}, hr = "COMPONENT_SHEET_DRAWING_PANEL", gr = {
-  id: "sidebar.operation.sheet-image",
+}, hr = {
+  id: "sheet.command.delete-drawing",
   type: J.COMMAND,
-  handler: async (i, t) => {
-    const e = i.get(bi), n = i.get(tt), r = i.get(Se), s = i.get(G);
-    if (!se(r)) return !1;
-    switch (t.value) {
-      case "open":
-        e.open({
-          header: { title: n.t("sheetImage.panel.title") },
-          children: { label: hr },
-          onClose: () => {
-            s.syncExecuteCommand(At.id, []);
-          },
-          width: 360
-        });
-        break;
-      case "close":
-      default:
-        e.close();
-        break;
-    }
-    return !0;
-  }
-}, fr = {
-  id: "sheet.operation.edit-sheet-image",
-  type: J.OPERATION,
-  handler: (i, t) => {
-    const e = i.get(G);
-    return t == null ? !1 : (e.syncExecuteCommand(At.id, [t]), e.executeCommand(gr.id, { value: "open" }), !0);
-  }
-};
-var ts = Object.getOwnPropertyDescriptor, ns = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ts(t, e) : t, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, ce = (i, t) => (e, n) => t(e, n, i);
-let Rt = class extends Or {
-  constructor(t, e, n, r, s, o, a, d, u, c) {
-    super();
-    ee(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._injector = t, this._localeService = e, this._drawingManagerService = n, this._canvasPopManagerService = r, this._renderManagerService = s, this._univerInstanceService = o, this._messageService = a, this._contextService = d, this._ioService = u, this._commandService = c, this._init();
-  }
-  _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(On(this.dispose$)).subscribe((t) => this._create(t)), this._univerInstanceService.getTypeOfUnitDisposed$(F.UNIVER_SHEET).pipe(On(this.dispose$)).subscribe((t) => this._dispose(t)), this._univerInstanceService.getAllUnitsForType(F.UNIVER_SHEET).forEach((t) => this._create(t)), this._setupLoadingStatus();
-  }
-  _setupLoadingStatus() {
-    const t = "image-upload-loading";
-    let e;
-    this.disposeWithMe(this._ioService.change$.subscribe((n) => {
-      n > 0 && !e ? e = this._messageService.show({
-        id: t,
-        type: pe.Loading,
-        content: `${this._localeService.t("uploadLoading.loading")}: ${n}`,
-        duration: 0
-      }) : n === 0 && (e == null || e.dispose(), e = void 0);
-    }));
-  }
-  _dispose(t) {
-    super.dispose();
-    const e = t.getUnitId();
-    this._renderManagerService.removeRender(e);
-  }
-  _create(t) {
-    if (!t)
-      return;
-    const e = t.getUnitId();
-    this._renderManagerService.has(e) && !this._initImagePopupMenu.has(e) && (this._popupMenuListener(e), this._initImagePopupMenu.add(e));
-  }
-  _hasCropObject(t) {
-    const e = t.getAllObjectsByOrder();
-    for (const n of e)
-      if (n instanceof ei)
-        return !0;
-    return !1;
-  }
-  _popupMenuListener(t) {
-    var s;
-    const e = (s = this._renderManagerService.getRenderById(t)) == null ? void 0 : s.scene;
-    if (!e)
-      return;
-    const n = e.getTransformerByCreate();
-    if (!n)
-      return;
-    let r;
-    this.disposeWithMe(
-      n.createControl$.subscribe(() => {
-        if (this._contextService.setContextValue($e, !0), this._hasCropObject(e))
-          return;
-        const o = n.getSelectedObjectMap();
-        if (o.size > 1) {
-          r == null || r.dispose();
-          return;
-        }
-        const a = o.values().next().value;
-        if (!a)
-          return;
-        const d = a.oKey, u = this._drawingManagerService.getDrawingOKey(d);
-        if (!u)
-          return;
-        const { unitId: c, subUnitId: l, drawingId: g, drawingType: h } = u, f = u.data;
-        if (f && f.disablePopup)
-          return;
-        r == null || r.dispose();
-        const p = this._canvasPopManagerService.getFeatureMenu(c, l, g, h);
-        r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-          componentKey: ti,
-          direction: "horizontal",
-          offset: [2, 0],
-          extraProps: {
-            menuItems: p || this._getImageMenuItems(c, l, g, h)
-          }
-        }));
-      })
-    ), this.disposeWithMe(
-      n.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue($e, !1), this._commandService.syncExecuteCommand(At.id, []);
-      })
-    ), this.disposeWithMe(
-      this._contextService.contextChanged$.subscribe((o) => {
-        o[$e] === !1 && (r == null || r.dispose());
-      })
-    ), this.disposeWithMe(
-      n.changing$.subscribe(() => {
-        r == null || r.dispose();
-      })
-    );
-  }
-  _getImageMenuItems(t, e, n, r) {
-    return [
-      {
-        label: "image-popup.edit",
-        index: 0,
-        commandId: fr.id,
-        commandParams: { unitId: t, subUnitId: e, drawingId: n },
-        disable: r === B.DRAWING_DOM
-      },
-      {
-        label: "image-popup.delete",
-        index: 1,
-        commandId: nt.id,
-        commandParams: { unitId: t, drawings: [{ unitId: t, subUnitId: e, drawingId: n }] },
-        disable: !1
-      },
-      {
-        label: "image-popup.crop",
-        index: 2,
-        commandId: ni.id,
-        commandParams: { unitId: t, subUnitId: e, drawingId: n },
-        disable: r === B.DRAWING_DOM
-      },
-      {
-        label: "image-popup.reset",
-        index: 3,
-        commandId: ri.id,
-        commandParams: [{ unitId: t, subUnitId: e, drawingId: n }],
-        disable: r === B.DRAWING_DOM
-      }
-    ];
-  }
-};
-Rt = ns([
-  ce(0, A(Ye)),
-  ce(1, A(tt)),
-  ce(2, re),
-  ce(3, A(fi)),
-  ce(4, Z),
-  ce(5, Se),
-  ce(6, Vn),
-  ce(7, Yn),
-  ce(8, Tr),
-  ce(9, G)
-], Rt);
-var rs = Object.getOwnPropertyDescriptor, is = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? rs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, St = (i, t) => (e, n) => t(e, n, i);
-let en = class extends ne {
-  constructor(t, e, n, r, s) {
-    super();
-    ee(this, "_isSetCursor", !1);
-    this._context = t, this._hoverManagerService = e, this._selectionsService = n, this._drawingRenderService = r, this._sheetSkeletonManagerService = s, this._initHover(), this._initImageClick();
-  }
-  _initHover() {
-    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(ki(33)).subscribe((t) => {
-      var n, r;
-      let e = [];
-      t !== null && (e = this._selectionsService.getWorkbookSelections(this._context.unitId).getCurrentSelections()), e.length > 0 && (t == null ? void 0 : t.unitId) === this._context.unitId && (t != null && t.drawing) && e.length === 1 && ((n = e[0].primary) == null ? void 0 : n.actualRow) === t.row && ((r = e[0].primary) == null ? void 0 : r.actualColumn) === t.col ? (this._isSetCursor = !0, this._context.scene.setCursor(oi.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
-    }));
-  }
-  _initImageClick() {
-    this.disposeWithMe(this._hoverManagerService.currentClickedCell$.subscribe((t) => {
-      var e;
-      if (t != null && t.drawing && this._isSetCursor) {
-        const n = t.drawing.drawing.drawingOrigin, r = (e = this._sheetSkeletonManagerService.getCurrentSkeleton()) == null ? void 0 : e.imageCacheMap.getImage(n.imageSourceType, n.source);
-        if (!r) return;
-        this._drawingRenderService.previewImage("preview-cell-image", r.src, r.width, r.height), this._context.scene.resetCursor(), this._isSetCursor = !1;
-      }
-    }));
-  }
-};
-en = is([
-  St(1, A(mi)),
-  St(2, A(cn)),
-  St(3, A(Xn)),
-  St(4, A(V))
-], en);
-function z(i, t, e) {
-  const { from: n, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: d = 0, skewY: u = 0 } = i, c = e.getCurrent();
-  if (c == null)
-    return;
-  const l = pi(
-    c.unitId,
-    c.sheetId,
-    { from: n, to: r },
-    e
-  );
-  let { left: g, top: h, width: f, height: p } = l;
-  const m = e.getCurrentSkeleton(), _ = m.rowHeaderWidth + m.columnTotalWidth, v = m.columnHeaderHeight + m.rowTotalHeight;
-  return g + f > _ && (g = _ - f), h + p > v && (h = v - p), {
-    flipY: s,
-    flipX: o,
-    angle: a,
-    skewX: d,
-    skewY: u,
-    left: g,
-    top: h,
-    width: f,
-    height: p
-  };
-}
-function $(i, t) {
-  const { left: e = 0, top: n = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: d = 0, skewX: u = 0, skewY: c = 0 } = i, l = t.getCellWithCoordByOffset(e, n);
-  if (l == null)
-    return;
-  const g = {
-    column: l.actualColumn,
-    columnOffset: wt(e - l.startX, 1),
-    row: l.actualRow,
-    rowOffset: wt(n - l.startY, 1)
-  }, h = t.getCellWithCoordByOffset(e + r, n + s);
-  if (h == null)
-    return;
-  const f = {
-    column: h.actualColumn,
-    columnOffset: wt(e + r - h.startX, 1),
-    row: h.actualRow,
-    rowOffset: wt(n + s - h.startY, 1)
-  };
-  return {
-    flipY: o,
-    flipX: a,
-    angle: d,
-    skewX: u,
-    skewY: c,
-    from: g,
-    to: f
-  };
-}
-var ss = Object.getOwnPropertyDescriptor, os = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ss(t, e) : t, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = o(r) || r);
-  return r;
-}, vt = (i, t) => (e, n) => t(e, n, i);
-let tn = class extends ne {
-  constructor(i, t, e, n, r) {
-    super(), this._context = i, this._sheetDrawingService = t, this._drawingManagerService = e, this._sheetSelectionRenderService = n, this._sheetSkeletonManagerService = r, this._init();
-  }
-  _init() {
-    this._drawingInitializeListener();
-  }
-  _drawingInitializeListener() {
-    this._sheetDrawingService.initializeNotification(this._context.unitId);
-    const i = this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId);
-    for (const t in i) {
-      const e = i[t];
-      for (const n in e.data) {
-        const r = e.data[n];
-        r.sheetTransform && (r.transform = z(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService));
-      }
-    }
-    this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
+  handler: (i) => {
+    const t = i.get(G), n = i.get(re).getFocusDrawings();
+    if (n.length === 0)
+      return !1;
+    const r = n[0].unitId, s = n.map((o) => {
+      const { unitId: a, subUnitId: d, drawingId: u, drawingType: c } = o;
+      return {
+        unitId: a,
+        subUnitId: d,
+        drawingId: u,
+        drawingType: c
+      };
+    });
+    return t.executeCommand(nt.id, {
+      unitId: r,
+      drawings: s
+    });
   }
 };
-tn = os([
-  vt(1, ie),
-  vt(2, re),
-  vt(3, A(Xe)),
-  vt(4, A(V))
-], tn);
-function as(i) {
+function es(i) {
   const t = [];
   return i.forEach((e) => {
-    const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, d = ci(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
+    const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, d = li(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
       const g = l.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: f, drawingId: p } = l;
       return {
         unitId: h,
@@ -374,14 +105,14 @@ function as(i) {
     });
   }), t;
 }
-function cs(i) {
+function ts(i) {
   const t = [];
   return i.forEach((e) => {
     const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a, transform: d = { width: 0, height: 0 } } = n;
     if (d == null)
       return;
     const u = r.map((l) => {
-      const { transform: g } = l, { unitId: h, subUnitId: f, drawingId: p } = l, m = ai(g || {}, d, d.width || 0, d.height || 0);
+      const { transform: g } = l, { unitId: h, subUnitId: f, drawingId: p } = l, m = di(g || {}, d, d.width || 0, d.height || 0);
       return {
         unitId: h,
         subUnitId: f,
@@ -405,11 +136,11 @@ function cs(i) {
     });
   }), t;
 }
-const mr = {
+const gr = {
   id: "sheet.command.group-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(xe), r = i.get(ie);
+    const e = i.get(G), n = i.get(xe), r = i.get(re);
     if (!t) return !1;
     const s = [];
     t.forEach(({ parent: h, children: f }) => {
@@ -421,7 +152,7 @@ const mr = {
     return e.syncExecuteCommand(P.id, { op: c, unitId: a, subUnitId: d, objects: l, type: U.GROUP }) ? (n.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: cs(l), type: U.UNGROUP } },
+        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: ts(l), type: U.UNGROUP } },
         { id: Y.id, params: s }
       ],
       redoMutations: [
@@ -430,12 +161,65 @@ const mr = {
       ]
     }), !0) : !1;
   }
-}, kt = {
+};
+function z(i, t, e) {
+  const { from: n, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: d = 0, skewY: u = 0 } = i, c = e.getCurrent();
+  if (c == null)
+    return;
+  const l = Ii(
+    c.unitId,
+    c.sheetId,
+    { from: n, to: r },
+    e
+  );
+  let { left: g, top: h, width: f, height: p } = l;
+  const m = e.getCurrentSkeleton(), _ = m.rowHeaderWidth + m.columnTotalWidth, v = m.columnHeaderHeight + m.rowTotalHeight;
+  return g + f > _ && (g = _ - f), h + p > v && (h = v - p), {
+    flipY: s,
+    flipX: o,
+    angle: a,
+    skewX: d,
+    skewY: u,
+    left: g,
+    top: h,
+    width: f,
+    height: p
+  };
+}
+function $(i, t) {
+  const { left: e = 0, top: n = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: d = 0, skewX: u = 0, skewY: c = 0 } = i, l = t.getCellWithCoordByOffset(e, n);
+  if (l == null)
+    return;
+  const g = {
+    column: l.actualColumn,
+    columnOffset: wt(e - l.startX, 1),
+    row: l.actualRow,
+    rowOffset: wt(n - l.startY, 1)
+  }, h = t.getCellWithCoordByOffset(e + r, n + s);
+  if (h == null)
+    return;
+  const f = {
+    column: h.actualColumn,
+    columnOffset: wt(e + r - h.startX, 1),
+    row: h.actualRow,
+    rowOffset: wt(n + s - h.startY, 1)
+  };
+  return {
+    flipY: o,
+    flipX: a,
+    angle: d,
+    skewX: u,
+    skewY: c,
+    from: g,
+    to: f
+  };
+}
+const kt = {
   id: "sheet.command.insert-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
     var v, I, R;
-    const e = i.get(G), n = i.get(xe), r = i.get(ie), s = i.get(Nt);
+    const e = i.get(G), n = i.get(xe), r = i.get(re), s = i.get(At);
     if (!t) return !1;
     const o = t.drawings, a = o.map((S) => S.unitId), d = r.getBatchAddOp(o), { unitId: u, subUnitId: c, undo: l, redo: g, objects: h } = d, f = s.onCommandExecute({ id: kt.id, params: t }), p = { id: P.id, params: { op: g, unitId: u, subUnitId: c, objects: h, type: U.INSERT } }, m = { id: P.id, params: { op: l, unitId: u, subUnitId: c, objects: h, type: U.REMOVE } };
     return xn([...(v = f.preRedos) != null ? v : [], p, ...f.redos], e) ? (n.pushUndoRedo({
@@ -454,13 +238,13 @@ const mr = {
       ]
     }), !0) : !1;
   }
-}, pr = {
+}, fr = {
   id: "sheet.command.set-drawing-arrange",
   type: J.COMMAND,
   handler: (i, t) => {
     const e = i.get(G), n = i.get(xe);
     if (!t) return !1;
-    const r = i.get(ie), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: d } = t, u = { unitId: s, subUnitId: o, drawingIds: a };
+    const r = i.get(re), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: d } = t, u = { unitId: s, subUnitId: o, drawingIds: a };
     let c;
     if (d === mt.forward ? c = r.getForwardDrawingsOp(u) : d === mt.backward ? c = r.getBackwardDrawingOp(u) : d === mt.front ? c = r.getFrontDrawingsOp(u) : d === mt.back && (c = r.getBackDrawingsOp(u)), c == null)
       return !1;
@@ -479,7 +263,7 @@ const mr = {
   id: "sheet.command.set-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(xe), r = i.get(ie);
+    const e = i.get(G), n = i.get(xe), r = i.get(re);
     if (!t) return !1;
     const { drawings: s } = t, o = r.getBatchUpdateOp(s), { unitId: a, subUnitId: d, undo: u, redo: c, objects: l } = o;
     return e.syncExecuteCommand(P.id, { unitId: a, subUnitId: d, op: c, objects: l, type: U.UPDATE }) ? (n.pushUndoRedo({
@@ -494,11 +278,11 @@ const mr = {
       ]
     }), !0) : !1;
   }
-}, wr = {
+}, mr = {
   id: "sheet.command.ungroup-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(xe), r = i.get(ie);
+    const e = i.get(G), n = i.get(xe), r = i.get(re);
     if (!t) return !1;
     const s = [];
     t.forEach(({ parent: h, children: f }) => {
@@ -510,7 +294,7 @@ const mr = {
     return e.syncExecuteCommand(P.id, { op: c, unitId: a, subUnitId: d, objects: l, type: U.UNGROUP }) ? (n.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: as(l), type: U.GROUP } },
+        { id: P.id, params: { op: u, unitId: a, subUnitId: d, objects: es(l), type: U.GROUP } },
         { id: Y.id, params: s }
       ],
       redoMutations: [
@@ -520,18 +304,18 @@ const mr = {
     }), !0) : !1;
   }
 };
-var ds = Object.getOwnPropertyDescriptor, ls = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? ds(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var ns = Object.getOwnPropertyDescriptor, rs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ns(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, te = (i, t) => (e, n) => t(e, n, i);
-function us(i, t, e) {
+function is(i, t, e) {
   const n = e * Math.PI / 180, r = Math.abs(i * Math.cos(n)) + Math.abs(t * Math.sin(n)), s = Math.abs(i * Math.sin(n)) + Math.abs(t * Math.cos(n));
   return { rotatedWidth: r, rotatedHeight: s };
 }
-function nn(i, t, e, n, r) {
+function en(i, t, e, n, r) {
   var v;
-  const { rotatedHeight: s, rotatedWidth: o } = us(e, n, r), d = i.get(Z).getRenderById(t.unitId);
+  const { rotatedHeight: s, rotatedWidth: o } = is(e, n, r), d = i.get(Z).getRenderById(t.unitId);
   if (!d)
     return !1;
   const c = (v = d.with(V).getSkeletonParam(t.subUnitId)) == null ? void 0 : v.skeleton;
@@ -552,17 +336,17 @@ let Qe = class extends ne {
   async insertFloatImage() {
     const t = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: In.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: Mn.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = t.length;
-    return e > Cn ? (this._messageService.show({
+    return e > yn ? (this._messageService.show({
       type: pe.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(Cn))
+      content: this._localeService.t("update-status.exceedMaxCount", String(yn))
     }), !1) : e === 0 ? !1 : (t.forEach(async (n) => await this.insertFloatImageByFile(n)), !0);
   }
   async insertCellImage() {
     const e = (await this._fileOpenerService.openFile({
       multiple: !1,
-      accept: In.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: Mn.map((n) => `.${n.replace("image/", "")}`).join(",")
     }))[0];
     return e ? (await this._insertCellImage(e), !0) : !1;
   }
@@ -575,24 +359,24 @@ let Qe = class extends ne {
       e = await this._imageIoService.saveImage(t);
     } catch (v) {
       const I = v.message;
-      I === Ue.ERROR_EXCEED_SIZE ? this._messageService.show({
+      I === Ae.ERROR_EXCEED_SIZE ? this._messageService.show({
         type: pe.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(Dn / (1024 * 1024)))
-      }) : I === Ue.ERROR_IMAGE_TYPE ? this._messageService.show({
+        content: this._localeService.t("update-status.exceedMaxSize", String(En / (1024 * 1024)))
+      }) : I === Ae.ERROR_IMAGE_TYPE ? this._messageService.show({
         type: pe.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : I === Ue.ERROR_IMAGE && this._messageService.show({
+      }) : I === Ae.ERROR_IMAGE && this._messageService.show({
         type: pe.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (e == null)
       return;
-    const n = this._getUnitInfo(), { unitId: r, subUnitId: s } = n, { imageId: o, imageSourceType: a, source: d, base64Cache: u } = e, { width: c, height: l, image: g } = await xt(u || ""), { width: h, height: f } = this._context.scene;
+    const n = this._getUnitInfo(), { unitId: r, subUnitId: s } = n, { imageId: o, imageSourceType: a, source: d, base64Cache: u } = e, { width: c, height: l, image: g } = await Xt(u || ""), { width: h, height: f } = this._context.scene;
     this._imageIoService.addImageSourceCache(d, a, g);
     let p = 1;
-    if (c > Rn || l > bn) {
-      const v = Rn / c, I = bn / l;
+    if (c > Tn || l > On) {
+      const v = Tn / c, I = On / l;
       p = Math.max(v, I);
     }
     const m = this._getImagePosition(c * p, l * p, h, f);
@@ -621,27 +405,27 @@ let Qe = class extends ne {
       n = await this._imageIoService.saveImage(t);
     } catch (S) {
       const C = S.message;
-      C === Ue.ERROR_EXCEED_SIZE ? this._messageService.show({
+      C === Ae.ERROR_EXCEED_SIZE ? this._messageService.show({
         type: pe.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(Dn / (1024 * 1024)))
-      }) : C === Ue.ERROR_IMAGE_TYPE ? this._messageService.show({
+        content: this._localeService.t("update-status.exceedMaxSize", String(En / (1024 * 1024)))
+      }) : C === Ae.ERROR_IMAGE_TYPE ? this._messageService.show({
         type: pe.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : C === Ue.ERROR_IMAGE && this._messageService.show({
+      }) : C === Ae.ERROR_IMAGE && this._messageService.show({
         type: pe.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (n == null)
       return !1;
-    const { imageId: r, imageSourceType: s, source: o, base64Cache: a } = n, { width: d, height: u, image: c } = await xt(a || "");
+    const { imageId: r, imageSourceType: s, source: o, base64Cache: a } = n, { width: d, height: u, image: c } = await Xt(a || "");
     this._imageIoService.addImageSourceCache(o, s, c);
     const l = this._workbookSelections.getCurrentLastSelection();
     if (!l)
       return !1;
     let g = l.primary.actualRow, h = l.primary.actualColumn;
     l.primary.isMerged && (g = l.primary.startRow, h = l.primary.startColumn);
-    const f = Vt("", {}), p = nn(
+    const f = Vt("", {}), p = en(
       this._injector,
       {
         unitId: this._context.unitId,
@@ -676,7 +460,7 @@ let Qe = class extends ne {
       drawingType: B.DRAWING_IMAGE,
       imageSourceType: s,
       source: o,
-      transform: Bn(m),
+      transform: bn(m),
       docTransform: m,
       behindDoc: Sn.FALSE,
       title: "",
@@ -697,7 +481,7 @@ let Qe = class extends ne {
         endOffset: 0
       }
     });
-    return v ? (f.apply(v), this._commandService.syncExecuteCommand(Nn.id, {
+    return v ? (f.apply(v), this._commandService.syncExecuteCommand(In.id, {
       value: {
         [(I = e == null ? void 0 : e.row) != null ? I : g]: {
           [(R = e == null ? void 0 : e.col) != null ? R : h]: {
@@ -713,12 +497,12 @@ let Qe = class extends ne {
   // eslint-disable-next-line max-lines-per-function
   async insertCellImageByUrl(t, e) {
     var g, h;
-    const { width: n, height: r, image: s } = await xt(t || "");
+    const { width: n, height: r, image: s } = await Xt(t || "");
     this._imageIoService.addImageSourceCache(t, vn.URL, s);
     const o = this._workbookSelections.getCurrentLastSelection();
     if (!o)
       return !1;
-    const a = Vt("", {}), d = nn(
+    const a = Vt("", {}), d = en(
       this._injector,
       {
         unitId: this._context.unitId,
@@ -753,7 +537,7 @@ let Qe = class extends ne {
       drawingType: B.DRAWING_IMAGE,
       imageSourceType: vn.URL,
       source: t,
-      transform: Bn(u),
+      transform: bn(u),
       docTransform: u,
       behindDoc: Sn.FALSE,
       title: "",
@@ -774,7 +558,7 @@ let Qe = class extends ne {
         endOffset: 0
       }
     });
-    return l ? (a.apply(l), this._commandService.syncExecuteCommand(Nn.id, {
+    return l ? (a.apply(l), this._commandService.syncExecuteCommand(In.id, {
       value: {
         [(g = e == null ? void 0 : e.row) != null ? g : o.primary.actualRow]: {
           [(h = e == null ? void 0 : e.col) != null ? h : o.primary.actualColumn]: {
@@ -803,7 +587,7 @@ let Qe = class extends ne {
       endColumn: 0
     };
     s && s.length > 0 && (o = s[s.length - 1].range);
-    const a = Ln(this._skeletonManagerService.getCurrent().skeleton, o);
+    const a = ar(this._skeletonManagerService.getCurrent().skeleton, o);
     if (a == null)
       return;
     let { startColumn: d, startRow: u, startX: c, startY: l } = a, g = !1;
@@ -835,7 +619,7 @@ let Qe = class extends ne {
   _updateOrderListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((t) => {
       const { unitId: e, subUnitId: n, drawingIds: r, arrangeType: s } = t;
-      this._commandService.executeCommand(pr.id, {
+      this._commandService.executeCommand(fr.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: r,
@@ -843,71 +627,364 @@ let Qe = class extends ne {
       });
     }));
   }
-  _updateImageListener() {
-    this.disposeWithMe(this._drawingManagerService.featurePluginUpdate$.subscribe((t) => {
-      const e = [];
-      t.length !== 0 && (t.forEach((n) => {
-        const { unitId: r, subUnitId: s, drawingId: o, drawingType: a, transform: d } = n;
-        if (d == null)
+  _updateImageListener() {
+    this.disposeWithMe(this._drawingManagerService.featurePluginUpdate$.subscribe((t) => {
+      const e = [];
+      t.length !== 0 && (t.forEach((n) => {
+        const { unitId: r, subUnitId: s, drawingId: o, drawingType: a, transform: d } = n;
+        if (d == null)
+          return;
+        const u = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
+        if (u == null || u.unitId !== this._context.unitId)
+          return;
+        const c = $({ ...u.transform, ...d }, this._selectionRenderService);
+        if (c == null)
+          return;
+        const l = {
+          ...n,
+          transform: { ...u.transform, ...d, ...z(c, this._selectionRenderService, this._skeletonManagerService) },
+          sheetTransform: { ...c }
+        };
+        e.push(l);
+      }), e.length > 0 && this._commandService.executeCommand(Wt.id, {
+        unitId: t[0].unitId,
+        drawings: e
+      }));
+    }));
+  }
+  _groupDrawingListener() {
+    this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((t) => {
+      this._commandService.executeCommand(gr.id, t);
+      const { unitId: e, subUnitId: n, drawingId: r } = t[0].parent;
+      this._commandService.syncExecuteCommand(Nt.id, [{ unitId: e, subUnitId: n, drawingId: r }]);
+    })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((t) => {
+      this._commandService.executeCommand(mr.id, t);
+    }));
+  }
+  _focusDrawingListener() {
+    this.disposeWithMe(
+      this._drawingManagerService.focus$.subscribe((t) => {
+        t == null || t.length === 0 ? (this._contextService.setContextValue($e, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue($e, !0), this._sheetDrawingService.focusDrawing(t));
+      })
+    );
+  }
+};
+Qe = rs([
+  te(1, A(V)),
+  te(2, G),
+  te(3, Xe),
+  te(4, _i),
+  te(5, Pi),
+  te(6, re),
+  te(7, ie),
+  te(8, Yn),
+  te(9, cr),
+  te(10, A(tt)),
+  te(11, A(sn)),
+  te(12, A(Ye))
+], Qe);
+const Bt = {
+  id: "sheet.command.insert-float-image",
+  type: J.COMMAND,
+  handler: async (i, t) => {
+    var o, a;
+    const e = i.get(Se), n = i.get(Z), r = (o = on(
+      F.UNIVER_SHEET,
+      e,
+      n
+    )) == null ? void 0 : o.with(Qe);
+    if (!r)
+      return !1;
+    const s = t == null ? void 0 : t.files;
+    if (s) {
+      const d = s.map((u) => r.insertFloatImageByFile(u));
+      return (await Promise.all(d)).every((u) => u);
+    } else
+      return (a = r.insertFloatImage()) != null ? a : !1;
+  }
+}, dn = {
+  id: "sheet.command.insert-cell-image",
+  type: J.COMMAND,
+  handler: (i) => {
+    var n, r;
+    const t = i.get(Se), e = i.get(Z);
+    return (r = (n = on(
+      F.UNIVER_SHEET,
+      t,
+      e
+    )) == null ? void 0 : n.with(Qe).insertCellImage()) != null ? r : !1;
+  }
+}, rt = {
+  id: "sheet.command.move-drawing",
+  type: J.COMMAND,
+  handler: (i, t) => {
+    const e = i.get(G), n = i.get(re), r = i.get(Xe), { direction: s } = t, o = n.getFocusDrawings();
+    if (o.length === 0)
+      return !1;
+    const a = o[0].unitId, d = o.map((c) => {
+      const { transform: l } = c;
+      if (l == null)
+        return null;
+      const g = { ...l }, { left: h = 0, top: f = 0 } = l;
+      return s === _e.UP ? g.top = f - 1 : s === _e.DOWN ? g.top = f + 1 : s === _e.LEFT ? g.left = h - 1 : s === _e.RIGHT && (g.left = h + 1), {
+        ...c,
+        transform: g,
+        sheetTransform: $(g, r)
+      };
+    }).filter((c) => c != null);
+    return e.syncExecuteCommand(Wt.id, {
+      unitId: a,
+      drawings: d
+    }) ? (e.syncExecuteCommand(Y.id, [a]), !0) : !1;
+  }
+}, pr = "COMPONENT_SHEET_DRAWING_PANEL", wr = {
+  id: "sidebar.operation.sheet-image",
+  type: J.COMMAND,
+  handler: async (i, t) => {
+    const e = i.get(Ai), n = i.get(tt), r = i.get(Se), s = i.get(G);
+    if (!se(r)) return !1;
+    switch (t.value) {
+      case "open":
+        e.open({
+          header: { title: n.t("sheetImage.panel.title") },
+          children: { label: pr },
+          onClose: () => {
+            s.syncExecuteCommand(Nt.id, []);
+          },
+          width: 360
+        });
+        break;
+      case "close":
+      default:
+        e.close();
+        break;
+    }
+    return !0;
+  }
+}, _r = {
+  id: "sheet.operation.edit-sheet-image",
+  type: J.OPERATION,
+  handler: (i, t) => {
+    const e = i.get(G);
+    return t == null ? !1 : (e.syncExecuteCommand(Nt.id, [t]), e.executeCommand(wr.id, { value: "open" }), !0);
+  }
+}, ss = "sheets-drawing-ui.config", jn = {};
+var os = Object.getOwnPropertyDescriptor, as = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? os(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, ce = (i, t) => (e, n) => t(e, n, i);
+let Rt = class extends Or {
+  constructor(t, e, n, r, s, o, a, d, u, c) {
+    super();
+    ee(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    this._injector = t, this._localeService = e, this._drawingManagerService = n, this._canvasPopManagerService = r, this._renderManagerService = s, this._univerInstanceService = o, this._messageService = a, this._contextService = d, this._ioService = u, this._commandService = c, this._init();
+  }
+  _init() {
+    this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(Nn(this.dispose$)).subscribe((t) => this._create(t)), this._univerInstanceService.getTypeOfUnitDisposed$(F.UNIVER_SHEET).pipe(Nn(this.dispose$)).subscribe((t) => this._dispose(t)), this._univerInstanceService.getAllUnitsForType(F.UNIVER_SHEET).forEach((t) => this._create(t)), this._setupLoadingStatus();
+  }
+  _setupLoadingStatus() {
+    const t = "image-upload-loading";
+    let e;
+    this.disposeWithMe(this._ioService.change$.subscribe((n) => {
+      n > 0 && !e ? e = this._messageService.show({
+        id: t,
+        type: pe.Loading,
+        content: `${this._localeService.t("uploadLoading.loading")}: ${n}`,
+        duration: 0
+      }) : n === 0 && (e == null || e.dispose(), e = void 0);
+    }));
+  }
+  _dispose(t) {
+    super.dispose();
+    const e = t.getUnitId();
+    this._renderManagerService.removeRender(e);
+  }
+  _create(t) {
+    if (!t)
+      return;
+    const e = t.getUnitId();
+    this._renderManagerService.has(e) && !this._initImagePopupMenu.has(e) && (this._popupMenuListener(e), this._initImagePopupMenu.add(e));
+  }
+  _hasCropObject(t) {
+    const e = t.getAllObjectsByOrder();
+    for (const n of e)
+      if (n instanceof Gi)
+        return !0;
+    return !1;
+  }
+  _popupMenuListener(t) {
+    var s;
+    const e = (s = this._renderManagerService.getRenderById(t)) == null ? void 0 : s.scene;
+    if (!e)
+      return;
+    const n = e.getTransformerByCreate();
+    if (!n)
+      return;
+    let r;
+    this.disposeWithMe(
+      n.createControl$.subscribe(() => {
+        if (this._contextService.setContextValue($e, !0), this._hasCropObject(e))
           return;
-        const u = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
-        if (u == null || u.unitId !== this._context.unitId)
+        const o = n.getSelectedObjectMap();
+        if (o.size > 1) {
+          r == null || r.dispose();
           return;
-        const c = $({ ...u.transform, ...d }, this._selectionRenderService);
-        if (c == null)
+        }
+        const a = o.values().next().value;
+        if (!a)
           return;
-        const l = {
-          ...n,
-          transform: { ...u.transform, ...d, ...z(c, this._selectionRenderService, this._skeletonManagerService) },
-          sheetTransform: { ...c }
-        };
-        e.push(l);
-      }), e.length > 0 && this._commandService.executeCommand(Wt.id, {
-        unitId: t[0].unitId,
-        drawings: e
-      }));
+        const d = a.oKey, u = this._drawingManagerService.getDrawingOKey(d);
+        if (!u)
+          return;
+        const { unitId: c, subUnitId: l, drawingId: g, drawingType: h } = u, f = u.data;
+        if (f && f.disablePopup)
+          return;
+        r == null || r.dispose();
+        const p = this._canvasPopManagerService.getFeatureMenu(c, l, g, h);
+        r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
+          componentKey: Li,
+          direction: "horizontal",
+          offset: [2, 0],
+          extraProps: {
+            menuItems: p || this._getImageMenuItems(c, l, g, h)
+          }
+        }));
+      })
+    ), this.disposeWithMe(
+      n.clearControl$.subscribe(() => {
+        r == null || r.dispose(), this._contextService.setContextValue($e, !1), this._commandService.syncExecuteCommand(Nt.id, []);
+      })
+    ), this.disposeWithMe(
+      this._contextService.contextChanged$.subscribe((o) => {
+        o[$e] === !1 && (r == null || r.dispose());
+      })
+    ), this.disposeWithMe(
+      n.changing$.subscribe(() => {
+        r == null || r.dispose();
+      })
+    );
+  }
+  _getImageMenuItems(t, e, n, r) {
+    return [
+      {
+        label: "image-popup.edit",
+        index: 0,
+        commandId: _r.id,
+        commandParams: { unitId: t, subUnitId: e, drawingId: n },
+        disable: r === B.DRAWING_DOM
+      },
+      {
+        label: "image-popup.delete",
+        index: 1,
+        commandId: nt.id,
+        commandParams: { unitId: t, drawings: [{ unitId: t, subUnitId: e, drawingId: n }] },
+        disable: !1
+      },
+      {
+        label: "image-popup.crop",
+        index: 2,
+        commandId: Vi.id,
+        commandParams: { unitId: t, subUnitId: e, drawingId: n },
+        disable: r === B.DRAWING_DOM
+      },
+      {
+        label: "image-popup.reset",
+        index: 3,
+        commandId: Hi.id,
+        commandParams: [{ unitId: t, subUnitId: e, drawingId: n }],
+        disable: r === B.DRAWING_DOM
+      }
+    ];
+  }
+};
+Rt = as([
+  ce(0, A(Ye)),
+  ce(1, A(tt)),
+  ce(2, ie),
+  ce(3, A(Ci)),
+  ce(4, Z),
+  ce(5, Se),
+  ce(6, cr),
+  ce(7, Yn),
+  ce(8, Tr),
+  ce(9, G)
+], Rt);
+var cs = Object.getOwnPropertyDescriptor, ds = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? cs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, St = (i, t) => (e, n) => t(e, n, i);
+let tn = class extends ne {
+  constructor(t, e, n, r, s) {
+    super();
+    ee(this, "_isSetCursor", !1);
+    this._context = t, this._hoverManagerService = e, this._selectionsService = n, this._drawingRenderService = r, this._sheetSkeletonManagerService = s, this._initHover(), this._initImageClick();
+  }
+  _initHover() {
+    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Ji(33)).subscribe((t) => {
+      var n, r;
+      let e = [];
+      t !== null && (e = this._selectionsService.getWorkbookSelections(this._context.unitId).getCurrentSelections()), e.length > 0 && (t == null ? void 0 : t.unitId) === this._context.unitId && (t != null && t.drawing) && e.length === 1 && ((n = e[0].primary) == null ? void 0 : n.actualRow) === t.row && ((r = e[0].primary) == null ? void 0 : r.actualColumn) === t.col ? (this._isSetCursor = !0, this._context.scene.setCursor(ui.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
     }));
   }
-  _groupDrawingListener() {
-    this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((t) => {
-      this._commandService.executeCommand(mr.id, t);
-      const { unitId: e, subUnitId: n, drawingId: r } = t[0].parent;
-      this._commandService.syncExecuteCommand(At.id, [{ unitId: e, subUnitId: n, drawingId: r }]);
-    })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((t) => {
-      this._commandService.executeCommand(wr.id, t);
+  _initImageClick() {
+    this.disposeWithMe(this._hoverManagerService.currentClickedCell$.subscribe((t) => {
+      var e;
+      if (t != null && t.drawing && this._isSetCursor) {
+        const n = t.drawing.drawing.drawingOrigin, r = (e = this._sheetSkeletonManagerService.getCurrentSkeleton()) == null ? void 0 : e.imageCacheMap.getImage(n.imageSourceType, n.source);
+        if (!r) return;
+        this._drawingRenderService.previewImage("preview-cell-image", r.src, r.width, r.height), this._context.scene.resetCursor(), this._isSetCursor = !1;
+      }
     }));
   }
-  _focusDrawingListener() {
-    this.disposeWithMe(
-      this._drawingManagerService.focus$.subscribe((t) => {
-        t == null || t.length === 0 ? (this._contextService.setContextValue($e, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue($e, !0), this._sheetDrawingService.focusDrawing(t));
-      })
-    );
+};
+tn = ds([
+  St(1, A(Di)),
+  St(2, A(sn)),
+  St(3, A(lr)),
+  St(4, A(V))
+], tn);
+var ls = Object.getOwnPropertyDescriptor, us = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? ls(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, vt = (i, t) => (e, n) => t(e, n, i);
+let nn = class extends ne {
+  constructor(i, t, e, n, r) {
+    super(), this._context = i, this._sheetDrawingService = t, this._drawingManagerService = e, this._sheetSelectionRenderService = n, this._sheetSkeletonManagerService = r, this._init();
+  }
+  _init() {
+    this._drawingInitializeListener();
+  }
+  _drawingInitializeListener() {
+    this._sheetDrawingService.initializeNotification(this._context.unitId);
+    const i = this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId);
+    for (const t in i) {
+      const e = i[t];
+      for (const n in e.data) {
+        const r = e.data[n];
+        r.sheetTransform && (r.transform = z(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService));
+      }
+    }
+    this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 };
-Qe = ls([
-  te(1, A(V)),
-  te(2, G),
-  te(3, Xe),
-  te(4, Zr),
-  te(5, Mi),
-  te(6, ie),
-  te(7, re),
-  te(8, Yn),
-  te(9, Vn),
-  te(10, A(tt)),
-  te(11, A(cn)),
-  te(12, A(Ye))
-], Qe);
+nn = us([
+  vt(1, re),
+  vt(2, ie),
+  vt(3, A(Xe)),
+  vt(4, A(V))
+], nn);
 var hs = Object.getOwnPropertyDescriptor, gs = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? hs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Ne = (i, t) => (e, n) => t(e, n, i);
-function _r(i, t, e) {
+function Sr(i, t, e) {
   var n, r, s, o;
   if (((r = (n = e == null ? void 0 : e.p) == null ? void 0 : n.body) == null ? void 0 : r.dataStream.length) === 3 && ((o = (s = e.p) == null ? void 0 : s.drawingsOrder) == null ? void 0 : o.length) === 1) {
-    const a = e.p.drawings[e.p.drawingsOrder[0]], d = nn(
+    const a = e.p.drawings[e.p.drawingsOrder[0]], d = en(
       i,
       {
         unitId: t.unitId,
@@ -932,19 +1009,19 @@ let bt = class extends ne {
     this.disposeWithMe(this._editorBridgeService.visible$.subscribe((i) => {
       i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(Ze), this._docDrawingController.loadDrawingDataForUnit(Ze), this._drawingManagerService.initializeNotification(Ze)) : this._drawingManagerService.removeDrawingDataForUnit(Ze);
     })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      i.id === Zi.id && i.params.unitId === Be && (this._drawingManagerService.removeDrawingDataForUnit(Be), this._docDrawingController.loadDrawingDataForUnit(Be), this._drawingManagerService.initializeNotification(Be));
+      i.id === pi.id && i.params.unitId === Be && (this._drawingManagerService.removeDrawingDataForUnit(Be), this._docDrawingController.loadDrawingDataForUnit(Be), this._drawingManagerService.initializeNotification(Be));
     }));
   }
   _initCellContentInterceptor() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        ji.CELL_CONTENT,
+        Jr.CELL_CONTENT,
         {
           effect: Ur.Style,
-          priority: $i.CELL_IMAGE,
+          priority: Zr.CELL_IMAGE,
           handler: (i, t, e) => {
             var n;
-            return i != null && i.p && ((n = i.p.drawingsOrder) != null && n.length) && (i === t.rawData && (i = { ...t.rawData }), i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }, _r(this._injector, { unitId: t.unitId, subUnitId: t.subUnitId, row: t.row, col: t.col }, i)), e(i);
+            return i != null && i.p && ((n = i.p.drawingsOrder) != null && n.length) && (i === t.rawData && (i = { ...t.rawData }), i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }, Sr(this._injector, { unitId: t.unitId, subUnitId: t.subUnitId, row: t.row, col: t.col }, i)), e(i);
           }
         }
       )
@@ -953,11 +1030,11 @@ let bt = class extends ne {
 };
 bt = gs([
   Ne(0, G),
-  Ne(1, A(Nt)),
+  Ne(1, A(At)),
   Ne(2, A(Ye)),
-  Ne(3, re),
-  Ne(4, A(Kr)),
-  Ne(5, A(wi))
+  Ne(3, ie),
+  Ne(4, A(Yi)),
+  Ne(5, A(Ri))
 ], bt);
 var fs = Object.getOwnPropertyDescriptor, ms = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? fs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
@@ -974,7 +1051,7 @@ let Mt = class extends ne {
         id: "sheet-cell-image-autofill",
         onBeforeSubmit: (i, t, e, n) => {
           new Pr(n).forValue((r, s, o) => {
-            _r(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
+            Sr(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
           });
         }
       })
@@ -982,7 +1059,7 @@ let Mt = class extends ne {
   }
 };
 Mt = ms([
-  $n(0, A(_i)),
+  $n(0, A(bi)),
   $n(1, A(Ye))
 ], Mt);
 var ps = Object.getOwnPropertyDescriptor, ws = (i, t, e, n) => {
@@ -1001,7 +1078,7 @@ let yt = class extends ne {
   }
   _setCellImage(i) {
     var r;
-    const t = Vt("", {}), e = (r = sn(F.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(Si), n = Ht.drawing.add({
+    const t = Vt("", {}), e = (r = on(F.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(Mi), n = Ht.drawing.add({
       documentDataModel: t,
       drawings: [i],
       selection: {
@@ -1016,7 +1093,7 @@ let yt = class extends ne {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((i) => {
         var t, e;
-        if (i.id === qi.id) {
+        if (i.id === wi.id) {
           const n = i.params, { doc: r } = n, s = this._univerInstanceService.getCurrentUnitOfType(F.UNIVER_DOC);
           if (s == null || !Object.keys((t = r.drawings) != null ? t : {}).length)
             return;
@@ -1024,12 +1101,12 @@ let yt = class extends ne {
           if (_s.includes(o)) {
             if (o !== Be) {
               const a = () => {
-                this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(yn.id, {
+                this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(Un.id, {
                   visible: !1
                 });
               };
               ((e = s.getBody()) == null ? void 0 : e.dataStream) === `\r
-` ? (this._commandService.syncExecuteCommand(yn.id, {
+` ? (this._commandService.syncExecuteCommand(Un.id, {
                 visible: !1
               }), this._setCellImage(Object.values(r.drawings)[0])) : this._dialogService.open({
                 id: "sheet-cell-image-copy-paste",
@@ -1060,56 +1137,24 @@ let yt = class extends ne {
 yt = ws([
   He(0, G),
   He(1, Se),
-  He(2, yi),
+  He(2, Ni),
   He(3, Z),
   He(4, A(tt))
 ], yt);
-const Bt = {
-  id: "sheet.command.insert-float-image",
-  type: J.COMMAND,
-  handler: async (i, t) => {
-    var o, a;
-    const e = i.get(Se), n = i.get(Z), r = (o = sn(
-      F.UNIVER_SHEET,
-      e,
-      n
-    )) == null ? void 0 : o.with(Qe);
-    if (!r)
-      return !1;
-    const s = t == null ? void 0 : t.files;
-    if (s) {
-      const d = s.map((u) => r.insertFloatImageByFile(u));
-      return (await Promise.all(d)).every((u) => u);
-    } else
-      return (a = r.insertFloatImage()) != null ? a : !1;
-  }
-}, dn = {
-  id: "sheet.command.insert-cell-image",
-  type: J.COMMAND,
-  handler: (i) => {
-    var n, r;
-    const t = i.get(Se), e = i.get(Z);
-    return (r = (n = sn(
-      F.UNIVER_SHEET,
-      t,
-      e
-    )) == null ? void 0 : n.with(Qe).insertCellImage()) != null ? r : !1;
-  }
-};
 var Ss = Object.getOwnPropertyDescriptor, vs = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? Ss(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, ze = (i, t) => (e, n) => t(e, n, i);
-const Sr = "image/png";
+const vr = "image/png";
 function Is(i) {
   const t = i.split(","), e = atob(t[1]), n = e.length, r = new Uint8Array(n);
   for (let s = 0; s < n; s++)
     r[s] = e.charCodeAt(s);
-  return new Blob([r], { type: Sr });
+  return new Blob([r], { type: vr });
 }
 function Cs(i) {
-  const t = new ClipboardItem({ [Sr]: Is(i) });
+  const t = new ClipboardItem({ [vr]: Is(i) });
   navigator.clipboard.write([t]).catch((e) => {
     console.error("Could not copy image using clipboard API: ", e);
   });
@@ -1156,7 +1201,7 @@ let Et = class extends ne {
           }
           setTimeout(() => {
             const d = Ds();
-            o.drawingType === B.DRAWING_IMAGE && o.imageSourceType === qr.BASE64 ? Cs(o.source) : this._clipboardInterfaceService.writeText(""), d();
+            o.drawingType === B.DRAWING_IMAGE && o.imageSourceType === Si.BASE64 ? Cs(o.source) : this._clipboardInterfaceService.writeText(""), d();
           }, 200);
           const a = {
             unitId: o.unitId,
@@ -1231,7 +1276,7 @@ let Et = class extends ne {
     const { unitId: s, subUnitId: o, range: a } = r, d = this._renderManagerService.getRenderById(s), u = d == null ? void 0 : d.with(V), c = d == null ? void 0 : d.with(Xe), l = this._copyInfo;
     if (!u || !c)
       return { redos: [], undos: [] };
-    const { drawings: g } = l, h = En(a);
+    const { drawings: g } = l, h = Pn(a);
     return this._generateMutations(g, {
       unitId: s,
       subUnitId: o,
@@ -1321,10 +1366,10 @@ let Et = class extends ne {
     const { drawings: c } = this._copyInfo;
     if (!a)
       return this._generateSingleDrawingPasteMutations({
-        pasteTo: { unitId: n, subUnitId: r, range: En(o) },
+        pasteTo: { unitId: n, subUnitId: r, range: Pn(o) },
         pasteType: s
       }, d);
-    const { ranges: [l, g], mapFunc: h } = vi([a, o]), { row: f, col: p } = h(l.startRow, l.startColumn), { row: m, col: _ } = h(g.startRow, g.startColumn), v = u.attachRangeWithCoord({
+    const { ranges: [l, g], mapFunc: h } = yi([a, o]), { row: f, col: p } = h(l.startRow, l.startColumn), { row: m, col: _ } = h(g.startRow, g.startColumn), v = u.attachRangeWithCoord({
       startRow: f,
       endRow: f,
       startColumn: p,
@@ -1369,10 +1414,10 @@ let Et = class extends ne {
   }
 };
 Et = vs([
-  ze(0, Ii),
+  ze(0, Ei),
   ze(1, Z),
-  ze(2, re),
-  ze(3, Ei),
+  ze(2, ie),
+  ze(3, ki),
   ze(4, G)
 ], Et);
 var Rs = Object.getOwnPropertyDescriptor, bs = (i, t, e, n) => {
@@ -1389,15 +1434,15 @@ let Tt = class extends ne {
     this.disposeWithMe(
       e.pipe(
         we(([n, r]) => n ? n.activeSheet$.pipe(
-          Un((s) => {
+          kn((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingVisible(!1);
               return;
             }
             const o = n.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
-              new kn(o).id,
-              new Wn(o, a).id
+              new Cn(o).id,
+              new Dn(o, a).id
             ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(n, s);
           })
         ) : (this._drawingManagerService.setDrawingVisible(!1), fe))
@@ -1410,7 +1455,7 @@ let Tt = class extends ne {
     if (!a)
       return;
     a.getAllObjectsByOrder().forEach((u) => {
-      u.classType === Pe.IMAGE && s.some((c) => u.oKey.includes(c.drawingId)) && a.removeObject(u);
+      u.classType === Ue.IMAGE && s.some((c) => u.oKey.includes(c.drawingId)) && a.removeObject(u);
     });
   }
   _initDrawingEditable() {
@@ -1418,7 +1463,7 @@ let Tt = class extends ne {
     this.disposeWithMe(
       e.pipe(
         we(([n, r]) => n ? n.activeSheet$.pipe(
-          Un((s) => {
+          kn((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingEditable(!1);
               return;
@@ -1439,7 +1484,7 @@ let Tt = class extends ne {
     if (!a)
       return;
     a.getAllObjectsByOrder().forEach((u) => {
-      u.classType === Pe.IMAGE && s.some((c) => u.oKey.includes(c.drawingId)) && a.detachTransformerFrom(u);
+      u.classType === Ue.IMAGE && s.some((c) => u.oKey.includes(c.drawingId)) && a.detachTransformerFrom(u);
     });
   }
   _initViewPermissionChange() {
@@ -1455,11 +1500,11 @@ let Tt = class extends ne {
               return fe;
             const u = d.getTransformerByCreate();
             return this._permissionService.composePermission$([
-              new kn(s).id,
-              new Wn(s, o).id
+              new Cn(s).id,
+              new Dn(s, o).id
             ]).pipe(
               be((l) => l.every((g) => g.value)),
-              Pn()
+              Wn()
             ).pipe(
               be((l) => ({
                 permission: l,
@@ -1476,7 +1521,7 @@ let Tt = class extends ne {
           this._drawingManagerService.setDrawingVisible(e);
           const a = n.getAllObjectsByOrder(), d = this._drawingManagerService.getDrawingData(s, o), u = Object.values(d);
           e ? this._drawingManagerService.addNotification(u) : (a.forEach((c) => {
-            c.classType === Pe.IMAGE && u.some((l) => c.oKey.includes(l.drawingId)) && n.removeObject(c);
+            c.classType === Ue.IMAGE && u.some((l) => c.oKey.includes(l.drawingId)) && n.removeObject(c);
           }), r.clearSelectedObjects());
         },
         complete: () => {
@@ -1507,7 +1552,7 @@ let Tt = class extends ne {
               new Kt(s, o).id
             ]).pipe(
               be((l) => l.every((g) => g.value)),
-              Pn()
+              Wn()
             ).pipe(
               be((l) => ({
                 permission: l,
@@ -1524,9 +1569,9 @@ let Tt = class extends ne {
           this._drawingManagerService.setDrawingEditable(e);
           const a = n.getAllObjectsByOrder(), d = this._drawingManagerService.getDrawingData(s, o), u = Object.values(d);
           e ? (a.forEach((c) => {
-            c.classType === Pe.IMAGE && u.some((l) => c.oKey.includes(l.drawingId)) && n.attachTransformerTo(c);
+            c.classType === Ue.IMAGE && u.some((l) => c.oKey.includes(l.drawingId)) && n.attachTransformerTo(c);
           }), this._drawingManagerService.addNotification(u)) : (a.forEach((c) => {
-            c.classType === Pe.IMAGE && u.some((l) => c.oKey.includes(l.drawingId)) && n.detachTransformerFrom(c);
+            c.classType === Ue.IMAGE && u.some((l) => c.oKey.includes(l.drawingId)) && n.detachTransformerFrom(c);
           }), r.clearSelectedObjects());
         },
         complete: () => {
@@ -1541,7 +1586,7 @@ let Tt = class extends ne {
             return;
           const d = this._drawingManagerService.getDrawingData(n, s), u = Object.values(d);
           this._drawingManagerService.setDrawingEditable(!0), a.getAllObjectsByOrder().forEach((l) => {
-            l.classType === Pe.IMAGE && u.some((g) => l.oKey.includes(g.drawingId)) && a.detachTransformerFrom(l);
+            l.classType === Ue.IMAGE && u.some((g) => l.oKey.includes(g.drawingId)) && a.detachTransformerFrom(l);
           });
         }
       })
@@ -1549,7 +1594,7 @@ let Tt = class extends ne {
   }
 };
 Tt = bs([
-  Ke(0, re),
+  Ke(0, ie),
   Ke(1, Z),
   Ke(2, Nr),
   Ke(3, Se),
@@ -1560,8 +1605,8 @@ var Ms = Object.getOwnPropertyDescriptor, ys = (i, t, e, n) => {
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Ce = (i, t) => (e, n) => t(e, n, i);
-function vr(i, t, e, n, r, s = !1) {
-  const { scaleX: o, scaleY: a } = t.getAncestorScale(), d = t.getViewport(Gn.VIEW_MAIN), u = n.getFreeze(), { startColumn: c, startRow: l, xSplit: g, ySplit: h } = u, f = {
+function Ir(i, t, e, n, r, s = !1) {
+  const { scaleX: o, scaleY: a } = t.getAncestorScale(), d = t.getViewport(or.VIEW_MAIN), u = n.getFreeze(), { startColumn: c, startRow: l, xSplit: g, ySplit: h } = u, f = {
     left: !0,
     // left means the left of pic is in a viewMainLeft
     top: !0
@@ -1607,7 +1652,7 @@ const ge = (i, t, e, n, r) => {
     right: s + a,
     top: o,
     bottom: o + d
-  }, l = vr(c, t, e, n, r), { scaleX: g, scaleY: h } = t.getAncestorScale();
+  }, l = Ir(c, t, e, n, r), { scaleX: g, scaleY: h } = t.getAncestorScale();
   return {
     startX: l.left,
     endX: l.right,
@@ -1635,7 +1680,7 @@ let et = class extends ne {
     this._renderManagerService = t, this._univerInstanceService = e, this._commandService = n, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = a, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
   }
   _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(Wi((t) => t === Br.Rendered), Bi(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(Zi((t) => t === Br.Rendered), qi(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -1697,8 +1742,8 @@ let et = class extends ne {
             const k = h ? h.backgroundColor : "white";
             M.fill = k, h && h.border && (M.stroke = h.border), M.paintFirst = "stroke", M.strokeWidth = 1, M.borderEnabled = !1, M.radius = 8;
           }
-          const N = new Ae(E, M);
-          b && N.setObjectType(Mn.CHART), p.addObject(N, Yt), a.allowTransform !== !1 && p.attachTransformerTo(N);
+          const N = new Pe(E, M);
+          b && N.setObjectType(Rn.CHART), p.addObject(N, xt), a.allowTransform !== !1 && p.attachTransformerTo(N);
           const x = new pt(), q = ge(N, f.renderUnit.scene, c.skeleton, o.worksheet), H = new We(q), L = {
             dispose: x,
             rect: N,
@@ -1764,14 +1809,14 @@ let et = class extends ne {
     };
     this.disposeWithMe(
       this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(
-        we((e) => e ? e.activeSheet$ : An(null)),
+        we((e) => e ? e.activeSheet$ : Bn(null)),
         be((e) => {
           if (!e) return null;
           const n = e.getUnitId(), r = this._renderManagerService.getRenderById(n);
           return r ? { render: r, unitId: n, subUnitId: e.getSheetId() } : null;
         }),
         we(
-          (e) => e ? jr(e.render.scene.getViewport(Gn.VIEW_MAIN).onScrollAfter$).pipe(be(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : An(null)
+          (e) => e ? jr(e.render.scene.getViewport(or.VIEW_MAIN).onScrollAfter$).pipe(be(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : Bn(null)
         )
       ).subscribe((e) => {
         if (!e) return;
@@ -1779,12 +1824,12 @@ let et = class extends ne {
         t(n, r);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
-      if (e.id === Tn.id) {
+      if (e.id === An.id) {
         const n = e.params, { unitId: r } = n;
         Array.from(this._domLayerInfoMap.values()).filter((o) => o.unitId === r).map((o) => o.subUnitId).forEach((o) => {
           t(r, o);
         });
-      } else if (e.id === Fi.id) {
+      } else if (e.id === qr.id) {
         const { unitId: n, subUnitId: r } = e.params;
         t(n, r);
       }
@@ -1845,7 +1890,7 @@ let et = class extends ne {
     const s = this._domLayerInfoMap.get(n), o = this._getSceneAndTransformerByDrawingSearch(t);
     if (s && o) {
       const { scene: a } = o, d = ve({ unitId: t, subUnitId: e, drawingId: n }), u = a.getObject(d);
-      u && u instanceof Ae && u.setProps(r);
+      u && u instanceof Pe && u.setProps(r);
     }
   }
   // CreateFloatDomCommand --> floatDomService.addFloatDomToPosition
@@ -1972,8 +2017,8 @@ let et = class extends ne {
         const W = K ? K.backgroundColor : "white";
         Q.fill = W, Q.rotateEnabled = !1, K && K.border && (Q.stroke = K.border), Q.paintFirst = "stroke", Q.strokeWidth = 1, Q.borderEnabled = !1, Q.radius = 8;
       }
-      const le = new Ae(ut, Q);
-      Ee && le.setObjectType(Mn.CHART), ae.addObject(le, Yt), b.allowTransform !== !1 && ae.attachTransformerTo(le);
+      const le = new Pe(ut, Q);
+      Ee && le.setObjectType(Rn.CHART), ae.addObject(le, xt), b.allowTransform !== !1 && ae.attachTransformerTo(le);
       const ue = new pt(), ht = ae.getMainViewport(), { rowHeaderWidth: Te, columnHeaderHeight: Ge } = H.skeleton, gt = {
         top: Ge,
         left: Te,
@@ -2028,7 +2073,7 @@ let et = class extends ne {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, n), Rr = ve({ unitId: D, subUnitId: E, drawingId: T }), br = new Ae(Rr, {
+        }, n), Rr = ve({ unitId: D, subUnitId: E, drawingId: T }), br = new Pe(Rr, {
           left: ln.startX,
           top: ln.startY,
           width: (gn = n.width) != null ? gn : W.width,
@@ -2137,8 +2182,8 @@ let et = class extends ne {
         width: ye.width,
         height: ye.height,
         zIndex: this._drawingManagerService.getDrawingOrder(w, y).length - 1
-      }, de = new Ae(dt, ut);
-      X.addObject(de, Yt), T.allowTransform !== !1 && X.attachTransformerTo(de);
+      }, de = new Pe(dt, ut);
+      X.addObject(de, xt), T.allowTransform !== !1 && X.attachTransformerTo(de);
       const Q = new pt(), Ee = X.getMainViewport(), le = {
         top: 0,
         //viewMain.top,
@@ -2203,7 +2248,7 @@ let et = class extends ne {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, n), Le = ve({ unitId: w, subUnitId: y, drawingId: D }), Ve = new Ae(Le, {
+        }, n), Le = ve({ unitId: w, subUnitId: y, drawingId: D }), Ve = new Pe(Le, {
           left: Oe.startX,
           top: 0,
           width: n.width,
@@ -2244,11 +2289,11 @@ let et = class extends ne {
       a.next(m), u.next(_);
     }, l = new pt();
     l.add(e.engine.clientRect$.subscribe(() => c())), l.add(this._commandService.onCommandExecuted((m) => {
-      if (m.id === xi.id && m.params.rowsAutoHeightInfo.findIndex((v) => v.row === r) > -1) {
+      if (m.id === Qr.id && m.params.rowsAutoHeightInfo.findIndex((v) => v.row === r) > -1) {
         c();
         return;
       }
-      (Yi.indexOf(m.id) > -1 || m.id === Ci.id || m.id === Tn.id) && c();
+      (ei.indexOf(m.id) > -1 || m.id === Ti.id || m.id === An.id) && c();
     }));
     const g = (m, _) => {
       r = m, s = _, c();
@@ -2296,9 +2341,9 @@ et = ys([
   Ce(0, A(Z)),
   Ce(1, Se),
   Ce(2, A(G)),
-  Ce(3, re),
-  Ce(4, A(Ti)),
-  Ce(5, ie),
+  Ce(3, ie),
+  Ce(4, A(Wi)),
+  Ce(5, re),
   Ce(6, A(Wr))
 ], et);
 function Je(i, t, e) {
@@ -2349,7 +2394,7 @@ function Ct(i, t) {
 }
 const Es = (i) => {
   const { floatDomInfos: t, scene: e, skeleton: n, worksheet: r } = i, s = Qi(() => t.map((o) => {
-    const { width: a, height: d, angle: u, left: c, top: l } = o.transform, g = vr(
+    const { width: a, height: d, angle: u, left: c, top: l } = o.transform, g = Ir(
       {
         left: c != null ? c : 0,
         right: (c != null ? c : 0) + (a != null ? a : 0),
@@ -2388,7 +2433,7 @@ const Es = (i) => {
     };
     return [o.drawingId, m];
   }), [t, e, n, r]);
-  return /* @__PURE__ */ oe("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ oe(Oi, { layer: a, id: o, position: a.position }, o)) });
+  return /* @__PURE__ */ oe("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ oe(Bi, { layer: a, id: o, position: a.position }, o)) });
 };
 var Ts = Object.getOwnPropertyDescriptor, Os = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? Ts(t, e) : t, s = i.length - 1, o; s >= 0; s--)
@@ -2462,12 +2507,12 @@ let Ot = class extends ne {
                   };
                 }
                 return null;
-              }).filter(Boolean), d = Ui(Es, this._injector);
-              return li(
+              }).filter(Boolean), d = ji(Es, this._injector);
+              return hi(
                 /* @__PURE__ */ oe(d, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
                 t.root
               ), i == null || i.add(() => {
-                ui(t.root);
+                gi(t.root);
               }), e(i);
             }
           }
@@ -2477,12 +2522,12 @@ let Ot = class extends ne {
   }
 };
 Ot = Os([
-  De(0, A(Di)),
-  De(1, A(Xn)),
-  De(2, re),
+  De(0, A(Oi)),
+  De(1, A(lr)),
+  De(2, ie),
   De(3, Z),
   De(4, A(et)),
-  De(5, A(Hn)),
+  De(5, A(dr)),
   De(6, A(Ye))
 ], Ot);
 var Us = Object.getOwnPropertyDescriptor, Ps = (i, t, e, n) => {
@@ -2491,32 +2536,32 @@ var Us = Object.getOwnPropertyDescriptor, Ps = (i, t, e, n) => {
   return r;
 }, me = (i, t) => (e, n) => t(e, n, i);
 const As = [
+  Xn.id,
+  Gn.id,
+  Ln.id,
+  Vn.id,
+  Hn.id,
   zn.id,
   Kn.id,
   Jn.id,
+  Jt.id,
+  Zt.id,
   Zn.id,
   qn.id,
   Qn.id,
   er.id,
   tr.id,
-  Jt.id,
-  Zt.id,
   nr.id,
   rr.id,
   ir.id,
-  sr.id,
-  or.id,
-  ar.id,
-  cr.id,
-  dr.id,
-  lr.id
+  sr.id
 ], Ns = [
-  Xi.id,
-  Gi.id,
-  Li.id,
-  Vi.id,
-  Hi.id,
-  zi.id
+  ti.id,
+  ni.id,
+  ri.id,
+  ii.id,
+  si.id,
+  oi.id
 ];
 let rn = class extends ne {
   constructor(i, t, e, n, r, s, o, a, d) {
@@ -2531,51 +2576,51 @@ let rn = class extends ne {
           if (i.params == null)
             return { redos: [], undos: [] };
           const t = i.id;
-          if (t === zn.id)
+          if (t === Xn.id)
             return this._moveRowInterceptor(i.params, "insert");
-          if ([cr.id, dr.id, lr.id].includes(t))
+          if ([rr.id, ir.id, sr.id].includes(t))
             return this._moveRangeInterceptor(i.params);
-          if (t === Kn.id)
+          if (t === Gn.id)
             return this._moveColInterceptor(i.params, "insert");
-          if (t === Jn.id)
+          if (t === Ln.id)
             return this._moveRowInterceptor(i.params, "remove");
-          if (t === Zn.id)
+          if (t === Vn.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (t === qn.id) {
+          if (t === Hn.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               0
               /* deleteLeft */
             );
-          } else if (t === Qn.id) {
+          } else if (t === zn.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               1
               /* deleteUp */
             );
-          } else if (t === er.id) {
+          } else if (t === Kn.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               2
               /* insertDown */
             );
-          } else if (t === tr.id) {
+          } else if (t === Jn.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               3
               /* insertRight */
             );
-          } else if (t === ir.id || t === sr.id) {
+          } else if (t === Qn.id || t === er.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
             return this._getDrawingUndoForRowVisible(n, r, s);
-          } else if (t === or.id || t === ar.id) {
+          } else if (t === tr.id || t === nr.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
             return this._getDrawingUndoForColVisible(n, r, s);
-          } else if (t === Jt.id || t === Zt.id || t === nr.id || t === rr.id) {
+          } else if (t === Jt.id || t === Zt.id || t === Zn.id || t === qn.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e, o = t === Jt.id || t === Zt.id;
             return this._getDrawingUndoForRowAndColSize(n, r, s, o);
           }
@@ -2873,7 +2918,7 @@ let rn = class extends ne {
     const { unitId: r, subUnitId: s } = n, o = (R = (I = this._renderManagerService.getRenderById(r)) == null ? void 0 : I.with(V)) == null ? void 0 : R.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
-    const a = Ln(o, e);
+    const a = ar(o, e);
     if (!a)
       return { redos: [], undos: [] };
     const { startX: d, endX: u, startY: c, endY: l } = a, g = this._sheetDrawingService.getDrawingData(r, s), h = [];
@@ -3166,7 +3211,7 @@ let rn = class extends ne {
       // but the skeleton changes like other render modules. These two signals are not equivalent.
       // As a temp solution, I subscribed to activate$ here.
       this._commandService.onCommandExecuted((i) => {
-        if (i.id === Ki.id) {
+        if (i.id === ai.id) {
           const { unitId: t, subUnitId: e } = i.params;
           this._updateDrawings(t, e);
         }
@@ -3267,58 +3312,14 @@ rn = Ps([
   me(2, G),
   me(3, Xe),
   me(4, A(V)),
-  me(5, A(Nt)),
-  me(6, ie),
-  me(7, re),
+  me(5, A(At)),
+  me(6, re),
+  me(7, ie),
   me(8, Se)
 ], rn);
-const Ir = {
-  id: "sheet.command.delete-drawing",
-  type: J.COMMAND,
-  handler: (i) => {
-    const t = i.get(G), n = i.get(ie).getFocusDrawings();
-    if (n.length === 0)
-      return !1;
-    const r = n[0].unitId, s = n.map((o) => {
-      const { unitId: a, subUnitId: d, drawingId: u, drawingType: c } = o;
-      return {
-        unitId: a,
-        subUnitId: d,
-        drawingId: u,
-        drawingType: c
-      };
-    });
-    return t.executeCommand(nt.id, {
-      unitId: r,
-      drawings: s
-    });
-  }
-}, rt = {
-  id: "sheet.command.move-drawing",
-  type: J.COMMAND,
-  handler: (i, t) => {
-    const e = i.get(G), n = i.get(ie), r = i.get(Xe), { direction: s } = t, o = n.getFocusDrawings();
-    if (o.length === 0)
-      return !1;
-    const a = o[0].unitId, d = o.map((c) => {
-      const { transform: l } = c;
-      if (l == null)
-        return null;
-      const g = { ...l }, { left: h = 0, top: f = 0 } = l;
-      return s === _e.UP ? g.top = f - 1 : s === _e.DOWN ? g.top = f + 1 : s === _e.LEFT ? g.left = h - 1 : s === _e.RIGHT && (g.left = h + 1), {
-        ...c,
-        transform: g,
-        sheetTransform: $(g, r)
-      };
-    }).filter((c) => c != null);
-    return e.syncExecuteCommand(Wt.id, {
-      unitId: a,
-      drawings: d
-    }) ? (e.syncExecuteCommand(Y.id, [a]), !0) : !1;
-  }
-}, ks = (i) => {
+const ks = (i) => {
   var v;
-  const t = qe(G), e = qe(tt), n = qe(re), r = qe(Z), { drawings: s } = i, o = s[0];
+  const t = qe(G), e = qe(tt), n = qe(ie), r = qe(Z), { drawings: s } = i, o = s[0];
   if (o == null)
     return;
   const { unitId: a } = o, d = r.getRenderById(a), u = d == null ? void 0 : d.scene;
@@ -3379,7 +3380,7 @@ const Ir = {
   return /* @__PURE__ */ qt(
     "div",
     {
-      className: hi("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
+      className: fi("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
         "univer-hidden": !l
       }),
       children: [
@@ -3390,16 +3391,16 @@ const Ir = {
             children: /* @__PURE__ */ oe("div", { children: e.t("drawing-anchor.title") })
           }
         ),
-        /* @__PURE__ */ oe("div", { children: /* @__PURE__ */ qt(gi, { value: f, onChange: _, direction: "vertical", children: [
-          /* @__PURE__ */ oe(Xt, { value: O.Both, children: e.t("drawing-anchor.both") }),
-          /* @__PURE__ */ oe(Xt, { value: O.Position, children: e.t("drawing-anchor.position") }),
-          /* @__PURE__ */ oe(Xt, { value: O.None, children: e.t("drawing-anchor.none") })
+        /* @__PURE__ */ oe("div", { children: /* @__PURE__ */ qt(mi, { value: f, onChange: _, direction: "vertical", children: [
+          /* @__PURE__ */ oe(Yt, { value: O.Both, children: e.t("drawing-anchor.both") }),
+          /* @__PURE__ */ oe(Yt, { value: O.Position, children: e.t("drawing-anchor.position") }),
+          /* @__PURE__ */ oe(Yt, { value: O.None, children: e.t("drawing-anchor.none") })
         ] }) })
       ]
     }
   );
 }, Ws = () => {
-  const i = qe(re), t = i.getFocusDrawings(), [e, n] = Qt(t);
+  const i = qe(ie), t = i.getFocusDrawings(), [e, n] = Qt(t);
   return ur(() => {
     const r = i.focus$.subscribe((s) => {
       n(s);
@@ -3408,38 +3409,38 @@ const Ir = {
       r.unsubscribe();
     };
   }, []), !!(e != null && e.length) && /* @__PURE__ */ qt("div", { className: "univer-text-sm", children: [
-    /* @__PURE__ */ oe(ii, { drawings: e }),
+    /* @__PURE__ */ oe(zi, { drawings: e }),
     /* @__PURE__ */ oe(ks, { drawings: e })
   ] });
 }, Cr = "sheet.menu.image";
 function Bs(i) {
   return {
     id: Cr,
-    type: an.SUBITEMS,
+    type: cn.SUBITEMS,
     icon: "AddImageIcon",
     tooltip: "sheetImage.title",
-    hidden$: on(i, F.UNIVER_SHEET),
-    disabled$: Ri(i, { workbookTypes: [zt], worksheetTypes: [Kt], rangeTypes: [Ji] })
+    hidden$: an(i, F.UNIVER_SHEET),
+    disabled$: Ui(i, { workbookTypes: [zt], worksheetTypes: [Kt], rangeTypes: [ci] })
   };
 }
 function js(i) {
   return {
     id: Bt.id,
     title: "sheetImage.upload.float",
-    type: an.BUTTON,
-    hidden$: on(i, F.UNIVER_SHEET)
+    type: cn.BUTTON,
+    hidden$: an(i, F.UNIVER_SHEET)
   };
 }
 function $s(i) {
   return {
     id: dn.id,
     title: "sheetImage.upload.cell",
-    type: an.BUTTON,
-    hidden$: on(i, F.UNIVER_SHEET)
+    type: cn.BUTTON,
+    hidden$: an(i, F.UNIVER_SHEET)
   };
 }
 const Fs = {
-  [Pi.MEDIA]: {
+  [$i.MEDIA]: {
     [Cr]: {
       order: 0,
       menuItemFactory: Bs,
@@ -3498,7 +3499,7 @@ const xs = {
     direction: _e.RIGHT
   }
 }, Ls = {
-  id: Ir.id,
+  id: hr.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
@@ -3517,7 +3518,7 @@ let Ut = class extends ne {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(hr, Ws));
+    this.disposeWithMe(i.register(pr, Ws));
   }
   _initMenus() {
     this._menuManagerService.mergeMenu(Fs);
@@ -3529,14 +3530,14 @@ let Ut = class extends ne {
       kt,
       nt,
       Wt,
-      gr,
+      wr,
       Y,
-      fr,
+      _r,
+      gr,
       mr,
-      wr,
       rt,
-      Ir,
-      pr
+      hr,
+      fr
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
@@ -3556,12 +3557,12 @@ let Ut = class extends ne {
   }
 };
 Ut = Hs([
-  ke(0, A(Hn)),
-  ke(1, Ai),
+  ke(0, A(dr)),
+  ke(1, Fi),
   ke(2, G),
-  ke(3, Ni),
-  ke(4, re),
-  ke(5, A(cn))
+  ke(3, xi),
+  ke(4, ie),
+  ke(5, A(sn))
 ], Ut);
 var zs = Object.defineProperty, Ks = Object.getOwnPropertyDescriptor, Js = (i, t, e) => t in i ? zs(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, Zs = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? Ks(t, e) : t, s = i.length - 1, o; s >= 0; s--)
@@ -3577,7 +3578,7 @@ let Pt = class extends Vr {
       jn,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(es, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(ss, s);
   }
   onStarting() {
     zr(this._injector, [
@@ -3616,8 +3617,8 @@ let Pt = class extends Vr {
     [
       [Qe],
       [rn],
-      [tn],
-      [en]
+      [nn],
+      [tn]
     ].forEach((i) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(F.UNIVER_SHEET, i));
     });
@@ -3626,26 +3627,26 @@ let Pt = class extends Vr {
 Dr(Pt, "type", F.UNIVER_SHEET);
 Dr(Pt, "pluginName", qs);
 Pt = Zs([
-  Gr(Qr, Jr, si, di),
+  Gr(vi, Xi, Ki, Kr),
   Lt(1, A(Ye)),
   Lt(2, Z),
   Lt(3, Lr)
 ], Pt);
 export {
   Y as ClearSheetDrawingTransformerOperation,
-  Ir as DeleteDrawingsCommand,
-  fr as EditSheetDrawingOperation,
-  mr as GroupSheetDrawingCommand,
+  hr as DeleteDrawingsCommand,
+  _r as EditSheetDrawingOperation,
+  gr as GroupSheetDrawingCommand,
   Bt as InsertFloatImageCommand,
   kt as InsertSheetDrawingCommand,
   rt as MoveDrawingsCommand,
   nt as RemoveSheetDrawingCommand,
   Cr as SHEETS_IMAGE_MENU_ID,
-  pr as SetDrawingArrangeCommand,
+  fr as SetDrawingArrangeCommand,
   Wt as SetSheetDrawingCommand,
   et as SheetCanvasFloatDomManagerService,
   Qe as SheetDrawingUpdateController,
-  gr as SidebarSheetDrawingOperation,
-  wr as UngroupSheetDrawingCommand,
+  wr as SidebarSheetDrawingOperation,
+  mr as UngroupSheetDrawingCommand,
   Pt as UniverSheetsDrawingUIPlugin
 };