@univerjs/sheets-drawing-ui 0.5.0 → 0.5.1-nightly.202411301606

package/lib/es/index.js

@@ -1,67 +1,69 @@
-var mn = Object.defineProperty;
-var fn = (i, e, n) => e in i ? mn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
-var V = (i, e, n) => fn(i, typeof e != "symbol" ? e + "" : e, n);
-import { CommandType as H, ICommandService as B, IUndoRedoService as ue, sequenceExecute as It, LocaleService as Be, IUniverInstanceService as fe, useDependency as ae, Inject as W, Injector as Rt, IContextService as Dt, RxDisposable as pn, UniverInstanceType as Y, connectInjector as wn, toDisposable as _n, FOCUSING_COMMON_DRAWINGS as me, Disposable as ie, Direction as te, FOCUSING_FX_BAR_EDITOR as vn, EDITOR_ACTIVATED as Sn, FOCUSING_PANEL_EDITOR as Cn, Tools as ge, UserManagerService as In, IPermissionService as Rn, Rectangle as Dn, LifecycleService as Mn, LifecycleStages as bn, DisposableCollection as yn, fromEventSubject as On, generateRandomId as Pn, DependentOn as Tn, Plugin as En, registerDependencies as Un, touchDependencies as Xe, IConfigService as An } from "@univerjs/core";
-import { IDrawingManagerService as K, IImageIoService as Mt, DrawingTypeEnum as k, ArrangeTypeEnum as ve, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Nn, DRAWING_IMAGE_COUNT_LIMIT as mt, ImageUploadStatusType as He, DRAWING_IMAGE_ALLOW_SIZE as jn, getImageSize as Wn, DRAWING_IMAGE_WIDTH_LIMIT as ft, DRAWING_IMAGE_HEIGHT_LIMIT as pt, getDrawingShapeKeyByDrawingSearch as ze, UniverDrawingPlugin as xn } from "@univerjs/drawing";
-import { ImageCropperObject as $n, COMPONENT_IMAGE_POPUP_MENU as Ln, OpenImageCropOperation as Bn, ImageResetSizeOperation as Gn, DrawingCommonPanel as Vn, DrawingRenderService as kn, UniverDrawingUIPlugin as Yn } from "@univerjs/drawing-ui";
-import { IRenderManagerService as J, precisionTo as ne, getGroupState as Fn, transformObjectOutOfGroup as Xn, RENDER_CLASS_TYPE as de, Rect as wt, ObjectType as Hn, DRAWING_OBJECT_LAYER_INDEX as zn, SHEET_VIEWPORT_KEY as Kn } from "@univerjs/engine-render";
-import { ISheetDrawingService as F, SetDrawingApplyMutation as P, DrawingApplyType as T, SheetDrawingAnchorType as y, UniverSheetsDrawingPlugin as Jn } from "@univerjs/sheets-drawing";
-import { SheetCanvasPopManagerService as Zn, attachRangeWithCoord as Te, ISheetSelectionRenderService as pe, SheetSkeletonManagerService as q, getCurrentRangeDisable$ as qn, COPY_TYPE as _t, PREDEFINED_HOOK_NAME as Se, virtualizeDiscreteRanges as Qn, ISheetClipboardService as er, SheetPrintInterceptorService as tr, VIEWPORT_KEY as nr, SetZoomRatioOperation as rr } from "@univerjs/sheets-ui";
-import { ISidebarService as ir, IUIPartsService as sr, BuiltInUIPart as or, ILocalFileService as ar, IMessageService as cr, MenuItemType as bt, getMenuHiddenObservable as yt, RibbonStartGroup as dr, KeyCode as le, ComponentManager as lr, IMenuManagerService as ur, IShortcutService as hr, CanvasFloatDomService as gr } from "@univerjs/ui";
-import { takeUntil as vt, combineLatest as Ce, map as Ee, filter as re, distinctUntilChanged as Ie, Subject as Ke, take as mr, BehaviorSubject as fr, switchMap as St } from "rxjs";
-import { SheetInterceptorService as at, getSheetCommandTarget as ce, SheetsSelectionsService as pr, WorkbookEditablePermission as tt, WorksheetEditPermission as Pe, RangeProtectionPermissionEditPoint as wr, WorkbookViewPermission as Ct, WorksheetViewPermission as Je, InsertRowCommand as Ot, InsertColCommand as Pt, RemoveRowCommand as Tt, RemoveColCommand as Et, DeleteRangeMoveLeftCommand as Ut, DeleteRangeMoveUpCommand as At, InsertRangeMoveDownCommand as Nt, InsertRangeMoveRightCommand as jt, DeltaRowHeightCommand as nt, SetRowHeightCommand as rt, DeltaColumnWidthCommand as Wt, SetColWidthCommand as xt, SetRowHiddenCommand as $t, SetSpecificRowsVisibleCommand as Lt, SetSpecificColsVisibleCommand as Bt, SetColHiddenCommand as Gt, MoveColsCommand as Vt, MoveRowsCommand as kt, MoveRangeCommand as Yt, SetRowVisibleMutation as _r, SetRowHiddenMutation as vr, SetColVisibleMutation as Sr, SetColHiddenMutation as Cr, SetWorksheetRowHeightMutation as Ir, SetWorksheetColWidthMutation as Rr, SetWorksheetActiveOperation as Dr, SetFrozenMutation as Mr } from "@univerjs/sheets";
-import Ft, { useEffect as ct, forwardRef as Xt, useRef as br, createElement as Ht, useState as it } from "react";
-import { MessageType as Re, RadioGroup as yr, Radio as Ze } from "@univerjs/design";
-const Or = "sheets-drawing-ui.config", Pr = {}, j = {
+var Nn = Object.defineProperty;
+var jn = (i, e, n) => e in i ? Nn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var F = (i, e, n) => jn(i, typeof e != "symbol" ? e + "" : e, n);
+import { CommandType as Y, ICommandService as G, IUndoRedoService as me, sequenceExecute as Lt, LocaleService as Je, IUniverInstanceService as fe, useDependency as le, Inject as N, Injector as Ie, IContextService as Gt, RxDisposable as Wn, UniverInstanceType as L, connectInjector as xn, toDisposable as $n, FOCUSING_COMMON_DRAWINGS as ve, DrawingTypeEnum as V, Disposable as Z, ArrangeTypeEnum as De, createDocumentModelWithStyle as Bn, ObjectRelativeFromH as Ln, ObjectRelativeFromV as Gn, BooleanNumber as Fn, PositionedObjectLayoutType as Vn, WrapTextType as kn, BuildTextUtils as Hn, Range as Yn, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as be, DOCS_ZEN_EDITOR_UNIT_ID_KEY as ye, InterceptorEffectEnum as Xn, ObjectMatrix as zn, Tools as _e, UserManagerService as Kn, IPermissionService as Jn, Rectangle as qn, Direction as re, FOCUSING_FX_BAR_EDITOR as Zn, EDITOR_ACTIVATED as Qn, FOCUSING_PANEL_EDITOR as er, LifecycleService as tr, LifecycleStages as nr, DisposableCollection as rr, fromEventSubject as ir, generateRandomId as sr, DependentOn as or, Plugin as ar, registerDependencies as cr, touchDependencies as nt, IConfigService as dr } from "@univerjs/core";
+import { IDrawingManagerService as q, IImageIoService as Ft, DRAWING_IMAGE_ALLOW_IMAGE_LIST as bt, DRAWING_IMAGE_COUNT_LIMIT as yt, ImageUploadStatusType as ue, DRAWING_IMAGE_ALLOW_SIZE as Ot, getImageSize as Tt, DRAWING_IMAGE_WIDTH_LIMIT as Et, DRAWING_IMAGE_HEIGHT_LIMIT as Pt, getDrawingShapeKeyByDrawingSearch as rt, UniverDrawingPlugin as lr } from "@univerjs/drawing";
+import { ImageCropperObject as ur, COMPONENT_IMAGE_POPUP_MENU as hr, OpenImageCropOperation as gr, ImageResetSizeOperation as mr, DrawingRenderService as Vt, DrawingCommonPanel as fr, UniverDrawingUIPlugin as pr } from "@univerjs/drawing-ui";
+import { IRenderManagerService as X, precisionTo as ie, getGroupState as wr, transformObjectOutOfGroup as _r, RENDER_CLASS_TYPE as he, Rect as Ut, ObjectType as vr, DRAWING_OBJECT_LAYER_INDEX as Sr, SHEET_VIEWPORT_KEY as kt } from "@univerjs/engine-render";
+import { ISheetDrawingService as z, SetDrawingApplyMutation as T, DrawingApplyType as E, SheetDrawingAnchorType as y, UniverSheetsDrawingPlugin as Ir } from "@univerjs/sheets-drawing";
+import { SheetCanvasPopManagerService as Cr, attachRangeWithCoord as $e, ISheetSelectionRenderService as Ce, SheetSkeletonManagerService as Q, IEditorBridgeService as Rr, IAutoFillService as Mr, HoverManagerService as Dr, COPY_TYPE as At, PREDEFINED_HOOK_NAME as Oe, virtualizeDiscreteRanges as br, ISheetClipboardService as yr, SheetPrintInterceptorService as Or, getCurrentRangeDisable$ as Tr, SetZoomRatioOperation as Er } from "@univerjs/sheets-ui";
+import { ISidebarService as Pr, IUIPartsService as Ur, BuiltInUIPart as Ar, ILocalFileService as Nr, IMessageService as jr, MenuItemType as _t, getMenuHiddenObservable as Ht, RibbonStartGroup as Wr, KeyCode as ge, ComponentManager as xr, IMenuManagerService as $r, IShortcutService as Br, CanvasFloatDomService as Lr } from "@univerjs/ui";
+import { takeUntil as Nt, combineLatest as Te, map as Be, filter as se, distinctUntilChanged as Ee, Subject as it, take as Gr, BehaviorSubject as Fr, switchMap as jt } from "rxjs";
+import { SheetInterceptorService as qe, getSheetCommandTarget as H, SheetsSelectionsService as Yt, SetRangeValuesCommand as Vr, SetWorksheetRowHeightMutation as Xt, SetWorksheetColWidthMutation as zt, SetWorksheetRowIsAutoHeightMutation as kr, SetWorksheetRowAutoHeightMutation as Hr, AddWorksheetMergeMutation as Yr, RemoveWorksheetMergeMutation as Xr, AFTER_CELL_EDIT as zr, INTERCEPTOR_POINT as Kr, InterceptCellContentPriority as Jr, WorkbookViewPermission as Wt, WorksheetViewPermission as st, WorkbookEditablePermission as ut, WorksheetEditPermission as xe, InsertRowCommand as Kt, InsertColCommand as Jt, RemoveRowCommand as qt, RemoveColCommand as Zt, DeleteRangeMoveLeftCommand as Qt, DeleteRangeMoveUpCommand as en, InsertRangeMoveDownCommand as tn, InsertRangeMoveRightCommand as nn, DeltaRowHeightCommand as ht, SetRowHeightCommand as gt, DeltaColumnWidthCommand as rn, SetColWidthCommand as sn, SetRowHiddenCommand as on, SetSpecificRowsVisibleCommand as an, SetSpecificColsVisibleCommand as cn, SetColHiddenCommand as dn, MoveColsCommand as ln, MoveRowsCommand as un, MoveRangeCommand as hn, SetRowVisibleMutation as qr, SetRowHiddenMutation as Zr, SetColVisibleMutation as Qr, SetColHiddenMutation as ei, SetWorksheetActiveOperation as ti, RangeProtectionPermissionEditPoint as ni, SetFrozenMutation as ri } from "@univerjs/sheets";
+import gn, { useEffect as vt, forwardRef as mn, useRef as ii, createElement as fn, useState as mt } from "react";
+import { DocDrawingController as si } from "@univerjs/docs-drawing";
+import { docDrawingPositionToTransform as oi, ReplaceSnapshotCommand as ai } from "@univerjs/docs-ui";
+import { MessageType as oe, RadioGroup as ci, Radio as ot } from "@univerjs/design";
+const di = "sheets-drawing-ui.config", li = {}, W = {
   id: "sheet.operation.clear-drawing-transformer",
-  type: H.MUTATION,
+  type: Y.MUTATION,
   handler: (i, e) => {
-    const n = i.get(J);
+    const n = i.get(X);
     return e.forEach((t) => {
       var r, s;
       (s = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
-}, Ge = {
+}, Ze = {
   id: "sheet.command.remove-sheet-image",
-  type: H.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
-    var S, v, R;
-    const n = i.get(B), t = i.get(ue), r = i.get(at), s = i.get(F);
+    var I, S, R;
+    const n = i.get(G), t = i.get(me), r = i.get(qe), s = i.get(z);
     if (!e) return !1;
     const { drawings: o } = e, d = [];
     o.forEach((_) => {
-      const { unitId: I } = _;
-      d.push(I);
+      const { unitId: C } = _;
+      d.push(C);
     });
-    const l = s.getBatchRemoveOp(o), { unitId: g, subUnitId: c, undo: a, redo: h, objects: u } = l, m = r.onCommandExecute({ id: Ge.id, params: e }), f = { id: P.id, params: { unitId: g, subUnitId: c, op: h, objects: u, type: T.REMOVE } }, p = { id: P.id, params: { unitId: g, subUnitId: c, op: a, objects: u, type: T.INSERT } };
-    return It([...(S = m.preRedos) != null ? S : [], f, ...m.redos], n) ? (t.pushUndoRedo({
+    const l = s.getBatchRemoveOp(o), { unitId: g, subUnitId: c, undo: a, redo: h, objects: u } = l, m = r.onCommandExecute({ id: Ze.id, params: e }), f = { id: T.id, params: { unitId: g, subUnitId: c, op: h, objects: u, type: E.REMOVE } }, p = { id: T.id, params: { unitId: g, subUnitId: c, op: a, objects: u, type: E.INSERT } };
+    return Lt([...(I = m.preRedos) != null ? I : [], f, ...m.redos], n) ? (t.pushUndoRedo({
       unitID: g,
       undoMutations: [
-        ...(v = m.preUndos) != null ? v : [],
+        ...(S = m.preUndos) != null ? S : [],
         p,
         ...m.undos,
-        { id: j.id, params: d }
+        { id: W.id, params: d }
       ],
       redoMutations: [
         ...(R = m.preRedos) != null ? R : [],
         f,
         ...m.redos,
-        { id: j.id, params: d }
+        { id: W.id, params: d }
       ]
     }), !0) : !1;
   }
-}, zt = "COMPONENT_SHEET_DRAWING_PANEL", Kt = {
+}, pn = "COMPONENT_SHEET_DRAWING_PANEL", wn = {
   id: "sidebar.operation.sheet-image",
-  type: H.COMMAND,
+  type: Y.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(ir), t = i.get(Be), r = i.get(fe), s = i.get(K);
-    if (!ce(r)) return !1;
+    const n = i.get(Pr), t = i.get(Je), r = i.get(fe), s = i.get(q);
+    if (!H(r)) return !1;
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("sheetImage.panel.title") },
-          children: { label: zt },
+          children: { label: pn },
           onClose: () => {
             s.focusDrawing(null);
           },
@@ -75,15 +77,15 @@ const Or = "sheets-drawing-ui.config", Pr = {}, j = {
     }
     return !0;
   }
-}, Jt = {
+}, _n = {
   id: "sheet.operation.edit-sheet-image",
-  type: H.OPERATION,
+  type: Y.OPERATION,
   handler: (i, e) => {
-    const n = i.get(K), t = i.get(B);
-    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Kt.id, { value: "open" }), !0);
+    const n = i.get(q), t = i.get(G);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(wn.id, { value: "open" }), !0);
   }
 };
-var Zt = { exports: {} }, Ve = {};
+var at = { exports: {} }, pe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -93,52 +95,58 @@ var Zt = { exports: {} }, Ve = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Tr = Ft, Er = Symbol.for("react.element"), Ur = Symbol.for("react.fragment"), Ar = Object.prototype.hasOwnProperty, Nr = Tr.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, jr = { key: !0, ref: !0, __self: !0, __source: !0 };
-function qt(i, e, n) {
-  var t, r = {}, s = null, o = null;
-  n !== void 0 && (s = "" + n), e.key !== void 0 && (s = "" + e.key), e.ref !== void 0 && (o = e.ref);
-  for (t in e) Ar.call(e, t) && !jr.hasOwnProperty(t) && (r[t] = e[t]);
-  if (i && i.defaultProps) for (t in e = i.defaultProps, e) r[t] === void 0 && (r[t] = e[t]);
-  return { $$typeof: Er, type: i, key: s, ref: o, props: r, _owner: Nr.current };
+var xt;
+function ui() {
+  if (xt) return pe;
+  xt = 1;
+  var i = gn, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, r = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(d, l, g) {
+    var c, a = {}, h = null, u = null;
+    g !== void 0 && (h = "" + g), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (u = l.ref);
+    for (c in l) t.call(l, c) && !s.hasOwnProperty(c) && (a[c] = l[c]);
+    if (d && d.defaultProps) for (c in l = d.defaultProps, l) a[c] === void 0 && (a[c] = l[c]);
+    return { $$typeof: e, type: d, key: h, ref: u, props: a, _owner: r.current };
+  }
+  return pe.Fragment = n, pe.jsx = o, pe.jsxs = o, pe;
 }
-Ve.Fragment = Ur;
-Ve.jsx = qt;
-Ve.jsxs = qt;
-Zt.exports = Ve;
-var $ = Zt.exports;
-const Wr = "univer-upload-loading", xr = "univer-upload-loading-body", $r = "univer-upload-loading-body-animation", Lr = "univer-UniverCircleAnimation", Br = "univer-upload-loading-body-text", De = {
-  uploadLoading: Wr,
-  uploadLoadingBody: xr,
-  uploadLoadingBodyAnimation: $r,
-  univerCircleAnimation: Lr,
-  uploadLoadingBodyText: Br
-}, Gr = () => {
-  const i = ae(Mt), e = ae(Be), [n, t] = Ft.useState(0);
-  return ct(() => {
+var $t;
+function hi() {
+  return $t || ($t = 1, at.exports = ui()), at.exports;
+}
+var $ = hi();
+const gi = "univer-upload-loading", mi = "univer-upload-loading-body", fi = "univer-upload-loading-body-animation", pi = "univer-UniverCircleAnimation", wi = "univer-upload-loading-body-text", Pe = {
+  uploadLoading: gi,
+  uploadLoadingBody: mi,
+  uploadLoadingBodyAnimation: fi,
+  univerCircleAnimation: pi,
+  uploadLoadingBodyText: wi
+}, _i = () => {
+  const i = le(Ft), e = le(Je), [n, t] = gn.useState(0);
+  return vt(() => {
     const r = i.change$.subscribe((s) => {
       t(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, [i]), /* @__PURE__ */ $.jsx("div", { style: { display: n > 0 ? "block" : "none" }, className: De.uploadLoading, children: /* @__PURE__ */ $.jsxs("div", { className: De.uploadLoadingBody, children: [
-    /* @__PURE__ */ $.jsx("div", { className: De.uploadLoadingBodyAnimation }),
-    /* @__PURE__ */ $.jsx("div", { className: De.uploadLoadingBodyText, children: `${e.t("uploadLoading.loading")}: ${n}` })
+  }, [i]), /* @__PURE__ */ $.jsx("div", { style: { display: n > 0 ? "block" : "none" }, className: Pe.uploadLoading, children: /* @__PURE__ */ $.jsxs("div", { className: Pe.uploadLoadingBody, children: [
+    /* @__PURE__ */ $.jsx("div", { className: Pe.uploadLoadingBodyAnimation }),
+    /* @__PURE__ */ $.jsx("div", { className: Pe.uploadLoadingBodyText, children: `${e.t("uploadLoading.loading")}: ${n}` })
   ] }) });
 };
-var Vr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Yr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? kr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var vi = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, Ii = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Si(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Vr(e, n, r), r;
-}, se = (i, e) => (n, t) => e(n, t, i);
-let Ue = class extends pn {
+  return t && r && vi(e, n, r), r;
+}, ae = (i, e) => (n, t) => e(n, t, i);
+let Le = class extends Wn {
   constructor(e, n, t, r, s, o, d) {
     super();
-    V(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    F(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 = d, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET).pipe(vt(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(Y.UNIVER_SHEET).pipe(vt(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(Y.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(or.CONTENT, () => wn(Gr, this._injector));
+    this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET).pipe(Nt(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(L.UNIVER_SHEET).pipe(Nt(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(L.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(Ar.CONTENT, () => xn(_i, this._injector));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -153,7 +161,7 @@ let Ue = class extends pn {
   _hasCropObject(e) {
     const n = e.getAllObjectsByOrder();
     for (const t of n)
-      if (t instanceof $n)
+      if (t instanceof ur)
         return !0;
     return !1;
   }
@@ -167,9 +175,9 @@ let Ue = class extends pn {
       return;
     let r;
     this.disposeWithMe(
-      _n(
+      $n(
         t.createControl$.subscribe(() => {
-          if (this._contextService.setContextValue(me, !0), this._hasCropObject(n))
+          if (this._contextService.setContextValue(ve, !0), this._hasCropObject(n))
             return;
           const o = t.getSelectedObjectMap();
           if (o.size > 1) {
@@ -188,7 +196,7 @@ let Ue = class extends pn {
           r == null || r.dispose();
           const f = this._canvasPopManagerService.getFeatureMenu(c, a, h, u);
           r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(d, {
-            componentKey: Ln,
+            componentKey: hr,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
@@ -203,7 +211,7 @@ let Ue = class extends pn {
       )
     ), this.disposeWithMe(
       t.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue(me, !1), this._drawingManagerService.focusDrawing(null);
+        r == null || r.dispose(), this._contextService.setContextValue(ve, !1), this._drawingManagerService.focusDrawing(null);
       })
     ), this.disposeWithMe(
       t.changing$.subscribe(() => {
@@ -216,53 +224,53 @@ let Ue = class extends pn {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Jt.id,
+        commandId: _n.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: r === k.DRAWING_DOM
+        disable: r === V.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: Ge.id,
+        commandId: Ze.id,
         commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Bn.id,
+        commandId: gr.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: r === k.DRAWING_DOM
+        disable: r === V.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: Gn.id,
+        commandId: mr.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
-        disable: r === k.DRAWING_DOM
+        disable: r === V.DRAWING_DOM
       }
     ];
   }
 };
-Ue = Yr([
-  se(0, W(Rt)),
-  se(1, K),
-  se(2, W(Zn)),
-  se(3, J),
-  se(4, fe),
-  se(5, Dt),
-  se(6, W(sr))
-], Ue);
-function L(i, e, n) {
-  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: d = 0, skewX: l = 0, skewY: g = 0 } = i, { column: c, columnOffset: a, row: h, rowOffset: u } = t, { column: m, columnOffset: f, row: p, rowOffset: C } = r, S = n.getCurrentSkeleton(), v = Te(S, {
+Le = Ii([
+  ae(0, N(Ie)),
+  ae(1, q),
+  ae(2, N(Cr)),
+  ae(3, X),
+  ae(4, fe),
+  ae(5, Gt),
+  ae(6, N(Ur))
+], Le);
+function B(i, e, n) {
+  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: d = 0, skewX: l = 0, skewY: g = 0 } = i, { column: c, columnOffset: a, row: h, rowOffset: u } = t, { column: m, columnOffset: f, row: p, rowOffset: v } = r, I = n.getCurrentSkeleton(), S = $e(I, {
     startColumn: c,
     endColumn: c,
     startRow: h,
     endRow: h
   });
-  if (v == null)
+  if (S == null)
     return;
-  const R = Te(S, {
+  const R = $e(I, {
     startColumn: m,
     endColumn: m,
     startRow: p,
@@ -270,11 +278,11 @@ function L(i, e, n) {
   });
   if (R == null)
     return;
-  const { startX: _, startY: I } = v, { startX: w, startY: O } = R;
-  let b = ne(_ + a, 1), A = ne(I + u, 1), E = ne(w + f - b, 1), M = ne(O + C - A, 1);
-  v.startX === R.endX && (E = 0), v.startY === R.endY && (M = 0);
-  const D = S.rowHeaderWidth + S.columnTotalWidth, U = S.columnHeaderHeight + S.rowTotalHeight;
-  return b + E > D && (b = D - E), A + M > U && (A = U - M), {
+  const { startX: _, startY: C } = S, { startX: w, startY: O } = R;
+  let b = ie(_ + a, 1), A = ie(C + u, 1), P = ie(w + f - b, 1), D = ie(O + v - A, 1);
+  S.startX === R.endX && (P = 0), S.startY === R.endY && (D = 0);
+  const M = I.rowHeaderWidth + I.columnTotalWidth, U = I.columnHeaderHeight + I.rowTotalHeight;
+  return b + P > M && (b = M - P), A + D > U && (A = U - D), {
     flipY: s,
     flipX: o,
     angle: d,
@@ -282,27 +290,27 @@ function L(i, e, n) {
     skewY: g,
     left: b,
     top: A,
-    width: E,
-    height: M
+    width: P,
+    height: D
   };
 }
-function N(i, e) {
+function j(i, e) {
   const { left: n = 0, top: t = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: d = !1, angle: l = 0, skewX: g = 0, skewY: c = 0 } = i, a = e.getCellWithCoordByOffset(n, t);
   if (a == null)
     return;
   const h = {
     column: a.actualColumn,
-    columnOffset: ne(n - a.startX, 1),
+    columnOffset: ie(n - a.startX, 1),
     row: a.actualRow,
-    rowOffset: ne(t - a.startY, 1)
+    rowOffset: ie(t - a.startY, 1)
   }, u = e.getCellWithCoordByOffset(n + r, t + s);
   if (u == null)
     return;
   const m = {
     column: u.actualColumn,
-    columnOffset: ne(n + r - u.startX, 1),
+    columnOffset: ie(n + r - u.startX, 1),
     row: u.actualRow,
-    rowOffset: ne(t + s - u.startY, 1)
+    rowOffset: ie(t + s - u.startY, 1)
   };
   return {
     flipY: o,
@@ -314,12 +322,12 @@ function N(i, e) {
     to: m
   };
 }
-var Fr = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, Hr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Xr(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var Ci = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, Mi = (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 && Fr(e, n, r), r;
-}, Me = (i, e) => (n, t) => e(n, t, i);
-let st = class extends ie {
+  return t && r && Ci(e, n, r), r;
+}, Ue = (i, e) => (n, t) => e(n, t, i);
+let ft = class extends Z {
   constructor(i, e, n, t, r) {
     super(), this._context = i, this._sheetDrawingService = e, this._drawingManagerService = n, this._sheetSelectionRenderService = t, this._sheetSkeletonManagerService = r, this._init();
   }
@@ -333,95 +341,22 @@ let st = class extends ie {
       const n = i[e];
       for (const t in n.data) {
         const r = n.data[t];
-        r.transform = L(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
+        r.transform = B(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
       }
     }
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 };
-st = Hr([
-  Me(1, F),
-  Me(2, K),
-  Me(3, W(pe)),
-  Me(4, W(q))
-], st);
-var X = function() {
-  return X = Object.assign || function(i) {
-    for (var e, n = 1, t = arguments.length; n < t; n++) {
-      e = arguments[n];
-      for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
-    }
-    return i;
-  }, X.apply(this, arguments);
-}, zr = function(i, e) {
-  var n = {};
-  for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
-  if (i != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
-      e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
-  return n;
-}, Qt = Xt(function(i, e) {
-  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = zr(i, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), l = br("_".concat(Zr()));
-  return en(n, "".concat(t), { defIds: n.defIds, idSuffix: l.current }, X({ ref: e, className: d }, o), s);
-});
-function en(i, e, n, t, r) {
-  return Ht(i.tag, X(X({ key: e }, Kr(i, n, r)), t), (Jr(i, n).children || []).map(function(s, o) {
-    return en(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
-  }));
-}
-function Kr(i, e, n) {
-  var t = X({}, i.attrs);
-  n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
-  var r = e.defIds;
-  return !r || r.length === 0 || (i.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(s) {
-    var o = s[0], d = s[1];
-    typeof d == "string" && (t[o] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  })), t;
-}
-function Jr(i, e) {
-  var n, t = e.defIds;
-  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? X(X({}, i), { children: i.children.map(function(r) {
-    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? X(X({}, r), { attrs: X(X({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
-  }) }) : i;
-}
-function Zr() {
-  return Math.random().toString(36).substring(2, 8);
-}
-Qt.displayName = "UniverIcon";
-var qr = { 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" } }] }, tn = Xt(function(i, e) {
-  return Ht(Qt, Object.assign({}, i, {
-    id: "add-image-single",
-    ref: e,
-    icon: qr
-  }));
-});
-tn.displayName = "AddImageSingle";
-const nn = {
-  id: "sheet.command.delete-drawing",
-  type: H.COMMAND,
-  handler: (i) => {
-    const e = i.get(B), t = i.get(F).getFocusDrawings();
-    if (t.length === 0)
-      return !1;
-    const r = t[0].unitId, s = t.map((o) => {
-      const { unitId: d, subUnitId: l, drawingId: g, drawingType: c } = o;
-      return {
-        unitId: d,
-        subUnitId: l,
-        drawingId: g,
-        drawingType: c
-      };
-    });
-    return e.executeCommand(Ge.id, {
-      unitId: r,
-      drawings: s
-    });
-  }
-};
-function Qr(i) {
+ft = Mi([
+  Ue(1, z),
+  Ue(2, q),
+  Ue(3, N(Ce)),
+  Ue(4, N(Q))
+], ft);
+function Di(i) {
   const e = [];
   return i.forEach((n) => {
-    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: d } = t, l = Fn(0, 0, r.map((a) => a.transform || {})), g = r.map((a) => {
+    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: d } = t, l = wr(0, 0, r.map((a) => a.transform || {})), g = r.map((a) => {
       const h = a.transform || { left: 0, top: 0 }, { unitId: u, subUnitId: m, drawingId: f } = a;
       return {
         unitId: u,
@@ -438,7 +373,7 @@ function Qr(i) {
       unitId: s,
       subUnitId: o,
       drawingId: d,
-      drawingType: k.DRAWING_GROUP,
+      drawingType: V.DRAWING_GROUP,
       transform: l
     };
     e.push({
@@ -447,14 +382,14 @@ function Qr(i) {
     });
   }), e;
 }
-function ei(i) {
+function bi(i) {
   const e = [];
   return i.forEach((n) => {
     const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: d, transform: l = { width: 0, height: 0 } } = t;
     if (l == null)
       return;
     const g = r.map((a) => {
-      const { transform: h } = a, { unitId: u, subUnitId: m, drawingId: f } = a, p = Xn(h || {}, l, l.width || 0, l.height || 0);
+      const { transform: h } = a, { unitId: u, subUnitId: m, drawingId: f } = a, p = _r(h || {}, l, l.width || 0, l.height || 0);
       return {
         unitId: u,
         subUnitId: m,
@@ -466,7 +401,7 @@ function ei(i) {
       unitId: s,
       subUnitId: o,
       drawingId: d,
-      drawingType: k.DRAWING_GROUP,
+      drawingType: V.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
@@ -478,11 +413,11 @@ function ei(i) {
     });
   }), e;
 }
-const rn = {
+const vn = {
   id: "sheet.command.group-sheet-image",
-  type: H.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
-    const n = i.get(B), t = i.get(ue), r = i.get(F);
+    const n = i.get(G), t = i.get(me), r = i.get(z);
     if (!e) return !1;
     const s = [];
     e.forEach(({ parent: u, children: m }) => {
@@ -491,87 +426,87 @@ const rn = {
       });
     });
     const o = r.getGroupDrawingOp(e), { unitId: d, subUnitId: l, undo: g, redo: c, objects: a } = o;
-    return n.syncExecuteCommand(P.id, { op: c, unitId: d, subUnitId: l, objects: a, type: T.GROUP }) ? (t.pushUndoRedo({
+    return n.syncExecuteCommand(T.id, { op: c, unitId: d, subUnitId: l, objects: a, type: E.GROUP }) ? (t.pushUndoRedo({
       unitID: d,
       undoMutations: [
-        { id: P.id, params: { op: g, unitId: d, subUnitId: l, objects: ei(a), type: T.UNGROUP } },
-        { id: j.id, params: s }
+        { id: T.id, params: { op: g, unitId: d, subUnitId: l, objects: bi(a), type: E.UNGROUP } },
+        { id: W.id, params: s }
       ],
       redoMutations: [
-        { id: P.id, params: { op: c, unitId: d, subUnitId: l, objects: a, type: T.GROUP } },
-        { id: j.id, params: s }
+        { id: T.id, params: { op: c, unitId: d, subUnitId: l, objects: a, type: E.GROUP } },
+        { id: W.id, params: s }
       ]
     }), !0) : !1;
   }
-}, ke = {
+}, Qe = {
   id: "sheet.command.insert-sheet-image",
-  type: H.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
-    var S, v, R;
-    const n = i.get(B), t = i.get(ue), r = i.get(F), s = i.get(at);
+    var I, S, R;
+    const n = i.get(G), t = i.get(me), r = i.get(z), s = i.get(qe);
     if (!e) return !1;
-    const o = e.drawings, d = o.map((_) => _.unitId), l = r.getBatchAddOp(o), { unitId: g, subUnitId: c, undo: a, redo: h, objects: u } = l, m = s.onCommandExecute({ id: ke.id, params: e }), f = { id: P.id, params: { op: h, unitId: g, subUnitId: c, objects: u, type: T.INSERT } }, p = { id: P.id, params: { op: a, unitId: g, subUnitId: c, objects: u, type: T.REMOVE } };
-    return It([...(S = m.preRedos) != null ? S : [], f, ...m.redos], n) ? (t.pushUndoRedo({
+    const o = e.drawings, d = o.map((_) => _.unitId), l = r.getBatchAddOp(o), { unitId: g, subUnitId: c, undo: a, redo: h, objects: u } = l, m = s.onCommandExecute({ id: Qe.id, params: e }), f = { id: T.id, params: { op: h, unitId: g, subUnitId: c, objects: u, type: E.INSERT } }, p = { id: T.id, params: { op: a, unitId: g, subUnitId: c, objects: u, type: E.REMOVE } };
+    return Lt([...(I = m.preRedos) != null ? I : [], f, ...m.redos], n) ? (t.pushUndoRedo({
       unitID: g,
       undoMutations: [
-        ...(v = m.preUndos) != null ? v : [],
+        ...(S = m.preUndos) != null ? S : [],
         p,
         ...m.undos,
-        { id: j.id, params: d }
+        { id: W.id, params: d }
       ],
       redoMutations: [
         ...(R = m.preRedos) != null ? R : [],
         f,
         ...m.redos,
-        { id: j.id, params: d }
+        { id: W.id, params: d }
       ]
     }), !0) : !1;
   }
-}, sn = {
+}, Sn = {
   id: "sheet.command.set-drawing-arrange",
-  type: H.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
-    const n = i.get(B), t = i.get(ue);
+    const n = i.get(G), t = i.get(me);
     if (!e) return !1;
-    const r = i.get(F), { unitId: s, subUnitId: o, drawingIds: d, arrangeType: l } = e, g = { unitId: s, subUnitId: o, drawingIds: d };
+    const r = i.get(z), { unitId: s, subUnitId: o, drawingIds: d, arrangeType: l } = e, g = { unitId: s, subUnitId: o, drawingIds: d };
     let c;
-    if (l === ve.forward ? c = r.getForwardDrawingsOp(g) : l === ve.backward ? c = r.getBackwardDrawingOp(g) : l === ve.front ? c = r.getFrontDrawingsOp(g) : l === ve.back && (c = r.getBackDrawingsOp(g)), c == null)
+    if (l === De.forward ? c = r.getForwardDrawingsOp(g) : l === De.backward ? c = r.getBackwardDrawingOp(g) : l === De.front ? c = r.getFrontDrawingsOp(g) : l === De.back && (c = r.getBackDrawingsOp(g)), c == null)
       return !1;
     const { objects: a, redo: h, undo: u } = c;
-    return n.syncExecuteCommand(P.id, { op: h, unitId: s, subUnitId: o, objects: a, type: T.ARRANGE }) ? (t.pushUndoRedo({
+    return n.syncExecuteCommand(T.id, { op: h, unitId: s, subUnitId: o, objects: a, type: E.ARRANGE }) ? (t.pushUndoRedo({
       unitID: s,
       undoMutations: [
-        { id: P.id, params: { op: u, unitId: s, subUnitId: o, objects: a, type: T.ARRANGE } }
+        { id: T.id, params: { op: u, unitId: s, subUnitId: o, objects: a, type: E.ARRANGE } }
       ],
       redoMutations: [
-        { id: P.id, params: { op: h, unitId: s, subUnitId: o, objects: a, type: T.ARRANGE } }
+        { id: T.id, params: { op: h, unitId: s, subUnitId: o, objects: a, type: E.ARRANGE } }
       ]
     }), !0) : !1;
   }
-}, Ye = {
+}, et = {
   id: "sheet.command.set-sheet-image",
-  type: H.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
-    const n = i.get(B), t = i.get(ue), r = i.get(F);
+    const n = i.get(G), t = i.get(me), r = i.get(z);
     if (!e) return !1;
     const { drawings: s } = e, o = r.getBatchUpdateOp(s), { unitId: d, subUnitId: l, undo: g, redo: c, objects: a } = o;
-    return n.syncExecuteCommand(P.id, { unitId: d, subUnitId: l, op: c, objects: a, type: T.UPDATE }) ? (t.pushUndoRedo({
+    return n.syncExecuteCommand(T.id, { unitId: d, subUnitId: l, op: c, objects: a, type: E.UPDATE }) ? (t.pushUndoRedo({
       unitID: d,
       undoMutations: [
-        { id: P.id, params: { unitId: d, subUnitId: l, op: g, objects: a, type: T.UPDATE } },
-        { id: j.id, params: [d] }
+        { id: T.id, params: { unitId: d, subUnitId: l, op: g, objects: a, type: E.UPDATE } },
+        { id: W.id, params: [d] }
       ],
       redoMutations: [
-        { id: P.id, params: { unitId: d, subUnitId: l, op: c, objects: a, type: T.UPDATE } },
-        { id: j.id, params: [d] }
+        { id: T.id, params: { unitId: d, subUnitId: l, op: c, objects: a, type: E.UPDATE } },
+        { id: W.id, params: [d] }
       ]
     }), !0) : !1;
   }
-}, on = {
+}, In = {
   id: "sheet.command.ungroup-sheet-image",
-  type: H.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
-    const n = i.get(B), t = i.get(ue), r = i.get(F);
+    const n = i.get(G), t = i.get(me), r = i.get(z);
     if (!e) return !1;
     const s = [];
     e.forEach(({ parent: u, children: m }) => {
@@ -580,84 +515,201 @@ const rn = {
       });
     });
     const o = r.getUngroupDrawingOp(e), { unitId: d, subUnitId: l, undo: g, redo: c, objects: a } = o;
-    return n.syncExecuteCommand(P.id, { op: c, unitId: d, subUnitId: l, objects: a, type: T.UNGROUP }) ? (t.pushUndoRedo({
+    return n.syncExecuteCommand(T.id, { op: c, unitId: d, subUnitId: l, objects: a, type: E.UNGROUP }) ? (t.pushUndoRedo({
       unitID: d,
       undoMutations: [
-        { id: P.id, params: { op: g, unitId: d, subUnitId: l, objects: Qr(a), type: T.GROUP } },
-        { id: j.id, params: s }
+        { id: T.id, params: { op: g, unitId: d, subUnitId: l, objects: Di(a), type: E.GROUP } },
+        { id: W.id, params: s }
       ],
       redoMutations: [
-        { id: P.id, params: { op: c, unitId: d, subUnitId: l, objects: a, type: T.UNGROUP } },
-        { id: j.id, params: s }
+        { id: T.id, params: { op: c, unitId: d, subUnitId: l, objects: a, type: E.UNGROUP } },
+        { id: W.id, params: s }
       ]
     }), !0) : !1;
   }
 };
-var ti = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ri = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ni(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var yi = Object.defineProperty, Oi = Object.getOwnPropertyDescriptor, Ti = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Oi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && ti(e, n, r), r;
-}, z = (i, e) => (n, t) => e(n, t, i);
-let Ae = class extends ie {
-  constructor(e, n, t, r, s, o, d, l, g, c, a, h) {
+  return t && r && yi(e, n, r), r;
+}, K = (i, e) => (n, t) => e(n, t, i);
+function Ei(i, e, n) {
+  const t = n * Math.PI / 180, r = Math.abs(i * Math.cos(t)) + Math.abs(e * Math.sin(t)), s = Math.abs(i * Math.sin(t)) + Math.abs(e * Math.cos(t));
+  return { rotatedWidth: r, rotatedHeight: s };
+}
+function Cn(i, e, n, t, r) {
+  var I;
+  const { rotatedHeight: s, rotatedWidth: o } = Ei(n, t, r), l = i.get(X).getRenderById(e.unitId);
+  if (!l)
+    return !1;
+  const c = (I = l.with(Q).getWorksheetSkeleton(e.subUnitId)) == null ? void 0 : I.skeleton;
+  if (c == null)
+    return !1;
+  const a = c.getCellByIndex(e.row, e.col), h = a.mergeInfo.endX - a.mergeInfo.startX - 2, u = a.mergeInfo.endY - a.mergeInfo.startY - 2, m = o / s, p = Math.ceil(Math.min(h, u * m)) / o, v = !p || Number.isNaN(p) ? 1e-3 : p;
+  return {
+    width: n * v,
+    height: t * v
+  };
+}
+let Se = class extends Z {
+  constructor(e, n, t, r, s, o, d, l, g, c, a, h, u) {
     super();
-    V(this, "_workbookSelections");
-    this._context = e, this._skeletonManagerService = n, this._commandService = t, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = d, this._drawingManagerService = l, this._contextService = g, this._messageService = c, this._localeService = a, this._workbookSelections = h.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
+    F(this, "_workbookSelections");
+    this._context = e, this._skeletonManagerService = n, this._commandService = t, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = d, this._drawingManagerService = l, this._contextService = g, this._messageService = c, this._localeService = a, this._injector = u, this._workbookSelections = h.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
   }
   async insertFloatImage() {
     const e = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: Nn.map((t) => `.${t.replace("image/", "")}`).join(",")
+      accept: bt.map((t) => `.${t.replace("image/", "")}`).join(",")
     }), n = e.length;
-    return n > mt ? (this._messageService.show({
-      type: Re.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(mt))
+    return n > yt ? (this._messageService.show({
+      type: oe.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(yt))
     }), !1) : n === 0 ? !1 : (e.forEach(async (t) => await this._insertFloatImage(t)), !0);
   }
+  async insertCellImage() {
+    const n = (await this._fileOpenerService.openFile({
+      multiple: !1,
+      accept: bt.map((t) => `.${t.replace("image/", "")}`).join(",")
+    }))[0];
+    return n ? (await this._insertCellImage(n), !0) : !1;
+  }
   async _insertFloatImage(e) {
     let n;
     try {
       n = await this._imageIoService.saveImage(e);
-    } catch (S) {
-      const v = S.message;
-      v === He.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: Re.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(jn / (1024 * 1024)))
-      }) : v === He.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: Re.Error,
+    } catch (I) {
+      const S = I.message;
+      S === ue.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: oe.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(Ot / (1024 * 1024)))
+      }) : S === ue.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: oe.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : v === He.ERROR_IMAGE && this._messageService.show({
-        type: Re.Error,
+      }) : S === ue.ERROR_IMAGE && this._messageService.show({
+        type: oe.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (n == null)
       return;
-    const t = this._getUnitInfo(), { unitId: r, subUnitId: s } = t, { imageId: o, imageSourceType: d, source: l, base64Cache: g } = n, { width: c, height: a, image: h } = await Wn(g || ""), { width: u, height: m } = this._context.scene;
+    const t = this._getUnitInfo(), { unitId: r, subUnitId: s } = t, { imageId: o, imageSourceType: d, source: l, base64Cache: g } = n, { width: c, height: a, image: h } = await Tt(g || ""), { width: u, height: m } = this._context.scene;
     this._imageIoService.addImageSourceCache(l, d, h);
     let f = 1;
-    if (c > ft || a > pt) {
-      const S = ft / c, v = pt / a;
-      f = Math.max(S, v);
+    if (c > Et || a > Pt) {
+      const I = Et / c, S = Pt / a;
+      f = Math.max(I, S);
     }
     const p = this._getImagePosition(c * f, a * f, u, m);
     if (p == null)
       return;
-    const C = {
+    const v = {
       unitId: r,
       subUnitId: s,
       drawingId: o,
-      drawingType: k.DRAWING_IMAGE,
+      drawingType: V.DRAWING_IMAGE,
       imageSourceType: d,
       source: l,
-      transform: L(p, this._selectionRenderService, this._skeletonManagerService),
+      transform: B(p, this._selectionRenderService, this._skeletonManagerService),
       sheetTransform: p
     };
-    this._commandService.executeCommand(ke.id, {
+    this._commandService.executeCommand(Qe.id, {
       unitId: r,
-      drawings: [C]
+      drawings: [v]
     });
   }
+  // eslint-disable-next-line max-lines-per-function
+  async _insertCellImage(e) {
+    let n;
+    try {
+      n = await this._imageIoService.saveImage(e);
+    } catch (p) {
+      const v = p.message;
+      v === ue.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: oe.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(Ot / (1024 * 1024)))
+      }) : v === ue.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: oe.Error,
+        content: this._localeService.t("update-status.invalidImageType")
+      }) : v === ue.ERROR_IMAGE && this._messageService.show({
+        type: oe.Error,
+        content: this._localeService.t("update-status.invalidImage")
+      });
+    }
+    if (n == null)
+      return;
+    const { imageId: t, imageSourceType: r, source: s, base64Cache: o } = n, { width: d, height: l, image: g } = await Tt(o || "");
+    this._imageIoService.addImageSourceCache(s, r, g);
+    const c = this._workbookSelections.getCurrentLastSelection();
+    if (!c)
+      return !1;
+    const a = Bn("", {}), h = Cn(
+      this._injector,
+      {
+        unitId: this._context.unitId,
+        subUnitId: this._context.unit.getActiveSheet().getSheetId(),
+        row: c.primary.actualRow,
+        col: c.primary.actualColumn
+      },
+      d,
+      l,
+      0
+    );
+    if (!h)
+      return !1;
+    const u = {
+      size: {
+        width: h.width,
+        height: h.height
+      },
+      positionH: {
+        relativeFrom: Ln.PAGE,
+        posOffset: 0
+      },
+      positionV: {
+        relativeFrom: Gn.PARAGRAPH,
+        posOffset: 0
+      },
+      angle: 0
+    }, m = {
+      unitId: a.getUnitId(),
+      subUnitId: a.getUnitId(),
+      drawingId: t,
+      drawingType: V.DRAWING_IMAGE,
+      imageSourceType: r,
+      source: s,
+      transform: oi(u),
+      docTransform: u,
+      behindDoc: Fn.FALSE,
+      title: "",
+      description: "",
+      layoutType: Vn.INLINE,
+      // Insert inline drawing by default.
+      wrapText: kn.BOTH_SIDES,
+      distB: 0,
+      distL: 0,
+      distR: 0,
+      distT: 0
+    }, f = Hn.drawing.add({
+      documentDataModel: a,
+      drawings: [m],
+      selection: {
+        collapsed: !0,
+        startOffset: 0,
+        endOffset: 0
+      }
+    });
+    return f ? (a.apply(f), this._commandService.syncExecuteCommand(Vr.id, {
+      value: {
+        [c.primary.actualRow]: {
+          [c.primary.actualColumn]: {
+            p: a.getSnapshot(),
+            t: 1
+          }
+        }
+      }
+    })) : !1;
+  }
   _getUnitInfo() {
     const e = this._context.unit, n = e.getActiveSheet(), t = e.getUnitId(), r = n.getSheetId();
     return {
@@ -674,7 +726,7 @@ let Ae = class extends ie {
       endColumn: 0
     };
     s && s.length > 0 && (o = s[s.length - 1].range);
-    const d = Te(this._skeletonManagerService.getCurrent().skeleton, o);
+    const d = $e(this._skeletonManagerService.getCurrent().skeleton, o);
     if (d == null)
       return;
     let { startColumn: l, startRow: g, startX: c, startY: a } = d, h = !1;
@@ -706,7 +758,7 @@ let Ae = class extends ie {
   _updateOrderListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((e) => {
       const { unitId: n, subUnitId: t, drawingIds: r, arrangeType: s } = e;
-      this._commandService.executeCommand(sn.id, {
+      this._commandService.executeCommand(Sn.id, {
         unitId: n,
         subUnitId: t,
         drawingIds: r,
@@ -724,16 +776,16 @@ let Ae = class extends ie {
         const g = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
         if (g == null || g.unitId !== this._context.unitId)
           return;
-        const c = N({ ...g.transform, ...l }, this._selectionRenderService);
+        const c = j({ ...g.transform, ...l }, this._selectionRenderService);
         if (c == null)
           return;
         const a = {
           ...t,
-          transform: { ...g.transform, ...l, ...L(c, this._selectionRenderService, this._skeletonManagerService) },
+          transform: { ...g.transform, ...l, ...B(c, this._selectionRenderService, this._skeletonManagerService) },
           sheetTransform: { ...c }
         };
         n.push(a);
-      }), n.length > 0 && this._commandService.executeCommand(Ye.id, {
+      }), n.length > 0 && this._commandService.executeCommand(et.id, {
         unitId: e[0].unitId,
         drawings: n
       }));
@@ -741,322 +793,194 @@ let Ae = class extends ie {
   }
   _groupDrawingListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((e) => {
-      this._commandService.executeCommand(rn.id, e);
+      this._commandService.executeCommand(vn.id, e);
       const { unitId: n, subUnitId: t, drawingId: r } = e[0].parent;
       this._drawingManagerService.focusDrawing([{ unitId: n, subUnitId: t, drawingId: r }]);
     })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((e) => {
-      this._commandService.executeCommand(on.id, e);
+      this._commandService.executeCommand(In.id, e);
     }));
   }
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((e) => {
-        e == null || e.length === 0 ? (this._contextService.setContextValue(me, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(me, !0), this._sheetDrawingService.focusDrawing(e));
+        e == null || e.length === 0 ? (this._contextService.setContextValue(ve, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(ve, !0), this._sheetDrawingService.focusDrawing(e));
       })
     );
   }
 };
-Ae = ri([
-  z(1, W(q)),
-  z(2, B),
-  z(3, pe),
-  z(4, Mt),
-  z(5, ar),
-  z(6, F),
-  z(7, K),
-  z(8, Dt),
-  z(9, cr),
-  z(10, W(Be)),
-  z(11, W(pr))
-], Ae);
-const dt = {
-  id: "sheet.command.insert-float-image",
-  type: H.COMMAND,
-  handler: (i) => {
-    var n, t;
-    return (t = (n = i.get(J).getCurrentTypeOfRenderer(Y.UNIVER_SHEET)) == null ? void 0 : n.with(Ae).insertFloatImage()) != null ? t : !1;
-  }
-}, we = {
-  id: "sheet.command.move-drawing",
-  type: H.COMMAND,
-  handler: (i, e) => {
-    const n = i.get(B), t = i.get(F), r = i.get(pe), { direction: s } = e, o = t.getFocusDrawings();
-    if (o.length === 0)
-      return !1;
-    const d = o[0].unitId, l = o.map((c) => {
-      const { transform: a } = c;
-      if (a == null)
-        return null;
-      const h = { ...a }, { left: u = 0, top: m = 0 } = a;
-      return s === te.UP ? h.top = m - 1 : s === te.DOWN ? h.top = m + 1 : s === te.LEFT ? h.left = u - 1 : s === te.RIGHT && (h.left = u + 1), {
-        ...c,
-        transform: h,
-        sheetTransform: N(h, r)
-      };
-    }).filter((c) => c != null);
-    return n.syncExecuteCommand(Ye.id, {
-      unitId: d,
-      drawings: l
-    }) ? (n.syncExecuteCommand(j.id, [d]), !0) : !1;
+Se = Ti([
+  K(1, N(Q)),
+  K(2, G),
+  K(3, Ce),
+  K(4, Ft),
+  K(5, Nr),
+  K(6, z),
+  K(7, q),
+  K(8, Gt),
+  K(9, jr),
+  K(10, N(Je)),
+  K(11, N(Yt)),
+  K(12, N(Ie))
+], Se);
+var Pi = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, Ai = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ui(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && Pi(e, n, r), r;
+}, ce = (i, e) => (n, t) => e(n, t, i);
+function pt(i, e, n) {
+  var t, r, s, o;
+  if (((r = (t = n == null ? void 0 : n.p) == null ? void 0 : t.body) == null ? void 0 : r.dataStream.length) === 3 && ((o = (s = n.p) == null ? void 0 : s.drawingsOrder) == null ? void 0 : o.length) === 1) {
+    const d = n.p.drawings[n.p.drawingsOrder[0]], l = Cn(
+      i,
+      {
+        unitId: e.unitId,
+        subUnitId: e.subUnitId,
+        row: e.row,
+        col: e.col
+      },
+      d.docTransform.size.width,
+      d.docTransform.size.height,
+      d.docTransform.angle
+    );
+    if (l)
+      return d.transform.width = l.width, d.transform.height = l.height, d.docTransform.size.width = l.width, d.docTransform.size.height = l.height, d.transform.left = 0, d.transform.top = 0, d.docTransform.positionH.posOffset = 0, d.docTransform.positionV.posOffset = 0, n.p.documentStyle.pageSize.width = 1 / 0, n.p.documentStyle.pageSize.height = 1 / 0, !0;
   }
-}, an = "addition-and-subtraction-single", cn = "sheet.menu.image";
-function ii(i) {
-  return {
-    id: cn,
-    type: bt.SUBITEMS,
-    icon: an,
-    tooltip: "sheetImage.title",
-    hidden$: yt(i, Y.UNIVER_SHEET),
-    disabled$: qn(i, { workbookTypes: [tt], worksheetTypes: [Pe], rangeTypes: [wr] })
-  };
-}
-function si(i) {
-  return {
-    id: dt.id,
-    title: "sheetImage.upload.float",
-    type: bt.BUTTON,
-    hidden$: yt(i, Y.UNIVER_SHEET)
-  };
-}
-const oi = "univer-image-common-panel", ai = "univer-image-common-panel-grid", ci = "univer-image-common-panel-border", di = "univer-image-common-panel-title", li = "univer-image-common-panel-subtitle", ui = "univer-image-common-panel-row", hi = "univer-image-common-panel-row-vertical", gi = "univer-image-common-panel-column", mi = "univer-image-common-panel-column-center", fi = "univer-image-common-panel-inline", pi = "univer-image-common-panel-span2", wi = "univer-image-common-panel-span3", _i = "univer-image-common-panel-input", vi = "univer-sheet-image-menu", Si = "univer-sheet-image-menu-input", ee = {
-  imageCommonPanel: oi,
-  imageCommonPanelGrid: ai,
-  imageCommonPanelBorder: ci,
-  imageCommonPanelTitle: di,
-  imageCommonPanelSubtitle: li,
-  imageCommonPanelRow: ui,
-  imageCommonPanelRowVertical: hi,
-  imageCommonPanelColumn: gi,
-  imageCommonPanelColumnCenter: mi,
-  imageCommonPanelInline: fi,
-  imageCommonPanelSpan2: pi,
-  imageCommonPanelSpan3: wi,
-  imageCommonPanelInput: _i,
-  sheetImageMenu: vi,
-  sheetImageMenuInput: Si
-};
-function dn(i) {
-  var e, n, t = "";
-  if (typeof i == "string" || typeof i == "number") t += i;
-  else if (typeof i == "object") if (Array.isArray(i)) {
-    var r = i.length;
-    for (e = 0; e < r; e++) i[e] && (n = dn(i[e])) && (t && (t += " "), t += n);
-  } else for (n in i) i[n] && (t && (t += " "), t += n);
-  return t;
+  return !1;
 }
-function be() {
-  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = dn(i)) && (t && (t += " "), t += e);
-  return t;
-}
-const Ci = (i) => {
-  var v;
-  const e = ae(B), n = ae(Be), t = ae(K), r = ae(J), { drawings: s } = i, o = s[0];
-  if (o == null)
-    return;
-  const { unitId: d } = o, l = r.getRenderById(d), g = l == null ? void 0 : l.scene;
-  if (g == null)
-    return;
-  const c = g.getTransformerByCreate(), [a, h] = it(!0), u = (v = o.anchorType) != null ? v : y.Position, [m, f] = it(u);
-  function p(R, _) {
-    const I = [];
-    return R.forEach((w) => {
-      const { oKey: O } = w, b = _.getDrawingOKey(O);
-      if (b == null)
-        return I.push(null), !0;
-      const { unitId: A, subUnitId: E, drawingId: M, drawingType: D, anchorType: U, sheetTransform: x } = b;
-      I.push({
-        unitId: A,
-        subUnitId: E,
-        drawingId: M,
-        anchorType: U,
-        sheetTransform: x,
-        drawingType: D
-      });
-    }), I;
-  }
-  ct(() => {
-    const R = c.clearControl$.subscribe((I) => {
-      I === !0 && h(!1);
-    }), _ = c.changeStart$.subscribe((I) => {
-      var b;
-      const { objects: w } = I, O = p(w, t);
-      if (O.length === 0)
-        h(!1);
-      else if (O.length >= 1) {
-        h(!0);
-        const A = ((b = O[0]) == null ? void 0 : b.anchorType) || y.Position;
-        f(A);
+let Ge = class extends Z {
+  constructor(i, e, n, t, r, s, o) {
+    super(), this._commandService = i, this._sheetInterceptorService = e, this._univerInstanceService = n, this._injector = t, this._drawingManagerService = r, this._docDrawingController = s, this._editorBridgeService = o, this._initHandleResize(), this._handleInitEditor(), this._handleWriteCell(), this._initCellContentInterceptor();
+  }
+  _initHandleResize() {
+    this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
+      let e, n = [];
+      if (i.id === Xt.id) {
+        const t = i.params;
+        n = t.ranges, e = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === zt.id) {
+        const t = i.params;
+        n = t.ranges, e = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === kr.id) {
+        const t = i.params;
+        n = t.ranges, e = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === Hr.id) {
+        const t = i.params;
+        e = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId }), n = t.rowsAutoHeightInfo.map((r) => ({
+          startRow: r.row,
+          endRow: r.row,
+          startColumn: 0,
+          endColumn: 9999
+        }));
+      } else if (i.id === Yr.id) {
+        const t = i.params;
+        n = t.ranges, e = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === Xr.id) {
+        const t = i.params;
+        n = t.ranges, e = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
       }
-    });
-    return () => {
-      _.unsubscribe(), R.unsubscribe();
-    };
-  }, []);
-  function C(R) {
-    f(R);
-    const _ = t.getFocusDrawings();
-    if (_.length === 0)
-      return;
-    const I = _.map((w) => ({
-      unitId: w.unitId,
-      subUnitId: w.subUnitId,
-      drawingId: w.drawingId,
-      anchorType: R
+      e && n.length && n.forEach((t) => {
+        const r = Yn.transformRange(t, e.worksheet);
+        for (let s = r.startRow; s <= r.endRow; s++)
+          for (let o = r.startColumn; o <= r.endColumn; o++)
+            pt(this._injector, { unitId: e.unitId, subUnitId: e.subUnitId, row: s, col: o }, e.worksheet.getCellRaw(s, o));
+      });
     }));
-    e.executeCommand(Ye.id, {
-      unitId: _[0].unitId,
-      drawings: I
-    });
   }
-  const S = (R) => R ? "block" : "none";
-  return /* @__PURE__ */ $.jsxs("div", { className: be(ee.imageCommonPanelGrid, ee.imageCommonPanelBorder), style: { display: S(a) }, children: [
-    /* @__PURE__ */ $.jsx("div", { className: ee.imageCommonPanelRow, children: /* @__PURE__ */ $.jsx("div", { className: be(ee.imageCommonPanelColumn, ee.imageCommonPanelTitle), children: /* @__PURE__ */ $.jsx("div", { children: n.t("drawing-anchor.title") }) }) }),
-    /* @__PURE__ */ $.jsx("div", { className: be(ee.imageCommonPanelRow), children: /* @__PURE__ */ $.jsx("div", { className: be(ee.imageCommonPanelColumn), children: /* @__PURE__ */ $.jsxs(yr, { value: m, onChange: C, direction: "vertical", children: [
-      /* @__PURE__ */ $.jsx(Ze, { value: y.Both, children: n.t("drawing-anchor.both") }),
-      /* @__PURE__ */ $.jsx(Ze, { value: y.Position, children: n.t("drawing-anchor.position") }),
-      /* @__PURE__ */ $.jsx(Ze, { value: y.None, children: n.t("drawing-anchor.none") })
-    ] }) }) })
-  ] });
-}, Ii = () => {
-  const i = ae(K), e = i.getFocusDrawings(), [n, t] = it(e);
-  return ct(() => {
-    const r = i.focus$.subscribe((s) => {
-      t(s);
-    });
-    return () => {
-      r.unsubscribe();
-    };
-  }, []), !!(n != null && n.length) && /* @__PURE__ */ $.jsxs("div", { className: ee.imageCommonPanel, children: [
-    /* @__PURE__ */ $.jsx(Vn, { drawings: n }),
-    /* @__PURE__ */ $.jsx(Ci, { drawings: n })
-  ] });
-}, Ri = {
-  [dr.FORMULAS_INSERT]: {
-    [cn]: {
-      order: 3,
-      menuItemFactory: ii,
-      [dt.id]: {
-        order: 0,
-        menuItemFactory: si
-      }
-    }
-  }
-};
-function _e(i) {
-  return !i.getContextValue(vn) && !i.getContextValue(Sn) && !i.getContextValue(Cn) && i.getContextValue(me);
-}
-const Di = {
-  id: we.id,
-  description: "shortcut.sheet.drawing-move-down",
-  group: "4_sheet-drawing-view",
-  binding: le.ARROW_DOWN,
-  priority: 100,
-  preconditions: _e,
-  staticParameters: {
-    direction: te.DOWN
-  }
-}, Mi = {
-  id: we.id,
-  description: "shortcut.sheet.drawing-move-up",
-  group: "4_sheet-drawing-view",
-  binding: le.ARROW_UP,
-  priority: 100,
-  preconditions: _e,
-  staticParameters: {
-    direction: te.UP
+  _handleInitEditor() {
+    this.disposeWithMe(this._editorBridgeService.visible$.subscribe((i) => {
+      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(be), this._docDrawingController.loadDrawingDataForUnit(be), this._drawingManagerService.initializeNotification(be)) : this._drawingManagerService.removeDrawingDataForUnit(be);
+    })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
+      i.id === ai.id && i.params.unitId === ye && (this._drawingManagerService.removeDrawingDataForUnit(ye), this._docDrawingController.loadDrawingDataForUnit(ye), this._drawingManagerService.initializeNotification(ye));
+    }));
   }
-}, bi = {
-  id: we.id,
-  description: "shortcut.sheet.drawing-move-left",
-  group: "4_sheet-drawing-view",
-  binding: le.ARROW_LEFT,
-  priority: 100,
-  preconditions: _e,
-  staticParameters: {
-    direction: te.LEFT
+  _handleWriteCell() {
+    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(zr, {
+      priority: 9999,
+      handler: (i, e, n) => (pt(this._injector, { unitId: e.unitId, subUnitId: e.subUnitId, row: e.row, col: e.col }, i), n(i))
+    }));
   }
-}, yi = {
-  id: we.id,
-  description: "shortcut.sheet.drawing-move-right",
-  group: "4_sheet-drawing-view",
-  binding: le.ARROW_RIGHT,
-  priority: 100,
-  preconditions: _e,
-  staticParameters: {
-    direction: te.RIGHT
+  _initCellContentInterceptor() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.intercept(
+        Kr.CELL_CONTENT,
+        {
+          effect: Xn.Style,
+          priority: Jr.CELL_IMAGE,
+          handler: (i, e, n) => {
+            var t;
+            return i != null && i.p && ((t = i.p.drawingsOrder) != null && t.length) && (i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }), n(i);
+          }
+        }
+      )
+    );
   }
-}, Oi = {
-  id: nn.id,
-  description: "shortcut.sheet.drawing-delete",
-  group: "4_sheet-drawing-view",
-  // when focusing on any other input tag do not trigger this shortcut
-  preconditions: _e,
-  binding: le.DELETE,
-  mac: le.BACKSPACE
 };
-var Pi = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, Ei = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ti(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Ge = Ai([
+  ce(0, G),
+  ce(1, N(qe)),
+  ce(2, fe),
+  ce(3, N(Ie)),
+  ce(4, q),
+  ce(5, N(si)),
+  ce(6, N(Rr))
+], Ge);
+var Ni = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, Wi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ji(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Pi(e, n, r), r;
-}, ye = (i, e) => (n, t) => e(n, t, i);
-let Ne = class extends ie {
-  constructor(i, e, n, t) {
-    super(), this._componentManager = i, this._menuManagerService = e, this._commandService = n, this._shortcutService = t, this._init();
+  return t && r && Ni(e, n, r), r;
+}, Bt = (i, e) => (n, t) => e(n, t, i);
+let Fe = class extends Z {
+  constructor(i, e) {
+    super(), this._autoFillService = i, this._injector = e, this._initAutoFillHooks();
   }
-  _initCustomComponents() {
-    const i = this._componentManager;
-    this.disposeWithMe(i.register(an, tn)), this.disposeWithMe(i.register(zt, Ii));
-  }
-  _initMenus() {
-    this._menuManagerService.mergeMenu(Ri);
+  _initAutoFillHooks() {
+    this.disposeWithMe(
+      this._autoFillService.addHook({
+        id: "sheet-cell-image-autofill",
+        onBeforeSubmit: (i, e, n, t) => {
+          new zn(t).forValue((r, s, o) => {
+            pt(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
+          });
+        }
+      })
+    );
   }
-  _initCommands() {
-    [
-      dt,
-      ke,
-      Ge,
-      Ye,
-      Kt,
-      j,
-      Jt,
-      rn,
-      on,
-      we,
-      nn,
-      sn
-    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
+};
+Fe = Wi([
+  Bt(0, N(Mr)),
+  Bt(1, N(Ie))
+], Fe);
+var xi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, Bi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? $i(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
+  return t && r && xi(e, n, r), r;
+}, Ae = (i, e) => (n, t) => e(n, t, i);
+let Ve = class extends Z {
+  constructor(e, n, t, r) {
+    super();
+    F(this, "_isSetCursor", !1);
+    this._hoverManagerService = e, this._renderManagerService = n, this._selectionsService = t, this._drawingRenderService = r;
   }
-  _initShortcuts() {
-    [
-      // sheet drawing shortcuts
-      Di,
-      Mi,
-      bi,
-      yi,
-      Oi
-    ].forEach((i) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(i));
-    });
+  _initHover() {
   }
-  _init() {
-    this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
+  _initImageClick() {
   }
 };
-Ne = Ei([
-  ye(0, W(lr)),
-  ye(1, ur),
-  ye(2, B),
-  ye(3, hr)
-], Ne);
-var Ui = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Ni = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ai(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Ve = Bi([
+  Ae(0, N(Dr)),
+  Ae(1, N(X)),
+  Ae(2, N(Yt)),
+  Ae(3, N(Vt))
+], Ve);
+var Li = Object.defineProperty, Gi = Object.getOwnPropertyDescriptor, Fi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Gi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Ui(e, n, r), r;
-}, qe = (i, e) => (n, t) => e(n, t, i);
-let je = class extends ie {
+  return t && r && Li(e, n, r), r;
+}, ct = (i, e) => (n, t) => e(n, t, i);
+let ke = class extends Z {
   constructor(e, n, t) {
     super();
-    V(this, "_copyInfo");
+    F(this, "_copyInfo");
     this._sheetClipboardService = e, this._renderManagerService = n, this._sheetDrawingService = t, this._initCopyPaste();
   }
   _initCopyPaste() {
@@ -1064,7 +988,7 @@ let je = class extends ie {
       id: "SHEET_IMAGE_UI_PLUGIN",
       onBeforeCopy: (e, n, t) => this._collect(e, n, t),
       onPasteCells: (e, n, t, r) => {
-        const { copyType: s = _t.COPY, pasteType: o } = r, { range: d } = e || {}, { range: l, unitId: g, subUnitId: c } = n;
+        const { copyType: s = At.COPY, pasteType: o } = r, { range: d } = e || {}, { range: l, unitId: g, subUnitId: c } = n;
         return this._generateMutations(l, { copyType: s, pasteType: o, copyRange: d, unitId: g, subUnitId: c });
       },
       onPastePlainText: (e, n) => ({ undos: [], redos: [] })
@@ -1072,7 +996,7 @@ let je = class extends ie {
   }
   _collect(e, n, t) {
     var h;
-    const r = (h = this._renderManagerService.getRenderById(e)) == null ? void 0 : h.with(q);
+    const r = (h = this._renderManagerService.getRenderById(e)) == null ? void 0 : h.with(Q);
     if (!r) return;
     const s = r.attachRangeWithCoord(t);
     if (!s)
@@ -1082,13 +1006,13 @@ let je = class extends ie {
       const m = c[u], { transform: f } = m;
       if (m.anchorType !== y.Both || !f)
         return;
-      const { left: p = 0, top: C = 0, width: S = 0, height: v = 0 } = f, { drawingStartX: R, drawingEndX: _, drawingStartY: I, drawingEndY: w } = {
+      const { left: p = 0, top: v = 0, width: I = 0, height: S = 0 } = f, { drawingStartX: R, drawingEndX: _, drawingStartY: C, drawingEndY: w } = {
         drawingStartX: p,
-        drawingEndX: p + S,
-        drawingStartY: C,
-        drawingEndY: C + v
+        drawingEndX: p + I,
+        drawingStartY: v,
+        drawingEndY: v + S
       };
-      o <= R && _ <= d && l <= I && w <= g && a.push(m);
+      o <= R && _ <= d && l <= C && w <= g && a.push(m);
     }), a.length && (this._copyInfo = {
       drawings: a,
       unitId: e,
@@ -1101,10 +1025,10 @@ let je = class extends ie {
     if (!this._copyInfo)
       return { redos: [], undos: [] };
     if ([
-      Se.SPECIAL_PASTE_COL_WIDTH,
-      Se.SPECIAL_PASTE_VALUE,
-      Se.SPECIAL_PASTE_FORMAT,
-      Se.SPECIAL_PASTE_FORMULA
+      Oe.SPECIAL_PASTE_COL_WIDTH,
+      Oe.SPECIAL_PASTE_VALUE,
+      Oe.SPECIAL_PASTE_FORMAT,
+      Oe.SPECIAL_PASTE_FORMULA
     ].includes(
       n.pasteType
     ))
@@ -1112,7 +1036,7 @@ let je = class extends ie {
     const { copyRange: t } = n;
     if (!t)
       return { redos: [], undos: [] };
-    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [d, l], mapFunc: g } = Qn([t, e]), { row: c, col: a } = g(d.startRow, d.startColumn), { row: h, col: u } = g(l.startRow, l.startColumn), m = (b = this._renderManagerService.getRenderById(s)) == null ? void 0 : b.with(q);
+    const { drawings: r, unitId: s, subUnitId: o } = this._copyInfo, { ranges: [d, l], mapFunc: g } = br([t, e]), { row: c, col: a } = g(d.startRow, d.startColumn), { row: h, col: u } = g(l.startRow, l.startColumn), m = (b = this._renderManagerService.getRenderById(s)) == null ? void 0 : b.with(Q);
     if (!m)
       return { redos: [], undos: [] };
     const f = m.attachRangeWithCoord({
@@ -1128,75 +1052,75 @@ let je = class extends ie {
     });
     if (!f || !p)
       return { redos: [], undos: [] };
-    const C = [], S = [], v = p.startX - f.startX, R = p.startY - f.startY, _ = h - c, I = u - a, w = n.copyType === _t.CUT, { _sheetDrawingService: O } = this;
+    const v = [], I = [], S = p.startX - f.startX, R = p.startY - f.startY, _ = h - c, C = u - a, w = n.copyType === At.CUT, { _sheetDrawingService: O } = this;
     return r.forEach((A) => {
-      const { transform: E, sheetTransform: M } = A;
-      if (!E)
+      const { transform: P, sheetTransform: D } = A;
+      if (!P)
         return;
-      const D = {
+      const M = {
         ...A,
         unitId: s,
         subUnitId: o,
-        drawingId: w ? A.drawingId : ge.generateRandomId(),
+        drawingId: w ? A.drawingId : _e.generateRandomId(),
         transform: {
-          ...E,
-          left: E.left + v,
-          top: E.top + R
+          ...P,
+          left: P.left + S,
+          top: P.top + R
         },
         sheetTransform: {
-          to: { ...M.to, row: M.to.row + _, column: M.to.column + I },
-          from: { ...M.from, row: M.from.row + _, column: M.from.column + I }
+          to: { ...D.to, row: D.to.row + _, column: D.to.column + C },
+          from: { ...D.from, row: D.from.row + _, column: D.from.column + C }
         }
       };
       if (w) {
-        const { undo: U, redo: x, objects: Z } = O.getBatchUpdateOp([D]);
-        C.push({
-          id: P.id,
+        const { undo: U, redo: x, objects: ee } = O.getBatchUpdateOp([M]);
+        v.push({
+          id: T.id,
           params: {
             unitId: s,
             subUnitId: o,
-            type: T.UPDATE,
+            type: E.UPDATE,
             op: x,
-            objects: Z
+            objects: ee
           }
-        }), S.push({
-          id: P.id,
+        }), I.push({
+          id: T.id,
           params: {
             unitId: s,
             subUnitId: o,
-            type: T.UPDATE,
+            type: E.UPDATE,
             op: U,
-            objects: Z
+            objects: ee
           }
         });
       } else {
-        const { undo: U, redo: x, objects: Z } = O.getBatchAddOp([D]);
-        C.push({ id: P.id, params: { op: x, unitId: s, subUnitId: o, objects: Z, type: T.INSERT } }), S.push({ id: P.id, params: { op: U, unitId: s, subUnitId: o, objects: Z, type: T.REMOVE } });
+        const { undo: U, redo: x, objects: ee } = O.getBatchAddOp([M]);
+        v.push({ id: T.id, params: { op: x, unitId: s, subUnitId: o, objects: ee, type: E.INSERT } }), I.push({ id: T.id, params: { op: U, unitId: s, subUnitId: o, objects: ee, type: E.REMOVE } });
       }
     }), {
-      redos: C,
-      undos: S
+      redos: v,
+      undos: I
     };
   }
 };
-je = Ni([
-  qe(0, er),
-  qe(1, J),
-  qe(2, F)
-], je);
-var ji = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, xi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Wi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+ke = Fi([
+  ct(0, yr),
+  ct(1, X),
+  ct(2, z)
+], ke);
+var Vi = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, Hi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ki(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 && ji(e, n, r), r;
-}, he = (i, e) => (n, t) => e(n, t, i);
-let We = class extends ie {
+  return t && r && Vi(e, n, r), r;
+}, we = (i, e) => (n, t) => e(n, t, i);
+let He = class extends Z {
   constructor(i, e, n, t, r) {
     super(), this._drawingManagerService = i, this._renderManagerService = e, this._permissionService = n, this._univerInstanceService = t, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
   _initDrawingVisible() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET);
     this.disposeWithMe(
-      Ce([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      Te([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         if (!e) {
           this._drawingManagerService.setDrawingVisible(!1);
           return;
@@ -1207,7 +1131,7 @@ let We = class extends ie {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new Ct(r).id, new Je(r, s).id]).every((d) => d.value))
+          if (this._permissionService.composePermission([new Wt(r).id, new st(r, s).id]).every((d) => d.value))
             this._drawingManagerService.setDrawingVisible(!0);
           else {
             this._drawingManagerService.setDrawingVisible(!1);
@@ -1215,7 +1139,7 @@ let We = class extends ie {
             if (h == null)
               return;
             h.getAllObjectsByOrder().forEach((m) => {
-              m.classType === de.IMAGE && c.some((f) => m.oKey.includes(f.drawingId)) && h.removeObject(m);
+              m.classType === he.IMAGE && c.some((f) => m.oKey.includes(f.drawingId)) && h.removeObject(m);
             });
           }
         });
@@ -1223,9 +1147,9 @@ let We = class extends ie {
     );
   }
   _initDrawingEditable() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET);
     this.disposeWithMe(
-      Ce([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      Te([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         if (!e) {
           this._drawingManagerService.setDrawingEditable(!1);
           return;
@@ -1236,7 +1160,7 @@ let We = class extends ie {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new tt(r).id, new Pe(r, s).id]).every((d) => d.value))
+          if (this._permissionService.composePermission([new ut(r).id, new xe(r, s).id]).every((d) => d.value))
             this._drawingManagerService.setDrawingEditable(!0);
           else {
             this._drawingManagerService.setDrawingEditable(!1);
@@ -1244,7 +1168,7 @@ let We = class extends ie {
             if (h == null)
               return;
             h.getAllObjectsByOrder().forEach((m) => {
-              m.classType === de.IMAGE && c.some((f) => m.oKey.includes(f.drawingId)) && h.detachTransformerFrom(m);
+              m.classType === he.IMAGE && c.some((f) => m.oKey.includes(f.drawingId)) && h.detachTransformerFrom(m);
             });
           }
         });
@@ -1252,9 +1176,9 @@ let We = class extends ie {
     );
   }
   _initViewPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET);
     this.disposeWithMe(
-      Ce([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      Te([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         e && e.activeSheet$.subscribe((t) => {
           var a;
           if (!t)
@@ -1264,21 +1188,21 @@ let We = class extends ie {
           const d = this._renderManagerService.getRenderById(r), l = d == null ? void 0 : d.scene;
           if (l == null)
             return;
-          const g = l.getTransformerByCreate(), c = this._permissionService.composePermission$([new Ct(r).id, new Je(r, s).id]).pipe(Ee((h) => h.every((u) => u.value)));
+          const g = l.getTransformerByCreate(), c = this._permissionService.composePermission$([new Wt(r).id, new st(r, s).id]).pipe(Be((h) => h.every((u) => u.value)));
           c == null || c.pipe(
-            re((h) => h !== o),
-            Ie()
+            se((h) => h !== o),
+            Ee()
           ).subscribe({
             next: (h) => {
               o = h, this._drawingManagerService.setDrawingVisible(h);
               const u = l.getAllObjectsByOrder(), m = this._drawingManagerService.getDrawingData(r, s), f = Object.values(m);
               h ? this._drawingManagerService.addNotification(f) : (u.forEach((p) => {
-                p.classType === de.IMAGE && f.some((C) => p.oKey.includes(C.drawingId)) && l.removeObject(p);
+                p.classType === he.IMAGE && f.some((v) => p.oKey.includes(v.drawingId)) && l.removeObject(p);
               }), g.clearSelectedObjects());
             }
-          }), (a = this._permissionService.getPermissionPoint$(new Je(r, s).id)) == null || a.pipe(
-            re((h) => h.value !== o),
-            Ie()
+          }), (a = this._permissionService.getPermissionPoint$(new st(r, s).id)) == null || a.pipe(
+            se((h) => h.value !== o),
+            Ee()
           ).subscribe({
             complete: () => {
               o = !0, this._drawingManagerService.setDrawingVisible(!0);
@@ -1291,9 +1215,9 @@ let We = class extends ie {
     );
   }
   _initEditPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET);
     this.disposeWithMe(
-      Ce([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      Te([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         e && e.activeSheet$.subscribe((t) => {
           var a;
           if (!t)
@@ -1303,31 +1227,31 @@ let We = class extends ie {
           const d = this._renderManagerService.getRenderById(r), l = d == null ? void 0 : d.scene;
           if (l == null)
             return;
-          const g = l.getTransformerByCreate(), c = this._permissionService.composePermission$([new tt(r).id, new Pe(r, s).id]).pipe(Ee((h) => h.every((u) => u.value)));
+          const g = l.getTransformerByCreate(), c = this._permissionService.composePermission$([new ut(r).id, new xe(r, s).id]).pipe(Be((h) => h.every((u) => u.value)));
           c == null || c.pipe(
-            re((h) => h !== o),
-            Ie()
+            se((h) => h !== o),
+            Ee()
           ).subscribe({
             next: (h) => {
               o = h, this._drawingManagerService.setDrawingEditable(h);
               const u = l.getAllObjectsByOrder(), m = this._drawingManagerService.getDrawingData(r, s), f = Object.values(m);
               h ? (u.forEach((p) => {
-                p.classType === de.IMAGE && f.some((C) => p.oKey.includes(C.drawingId)) && l.attachTransformerTo(p);
+                p.classType === he.IMAGE && f.some((v) => p.oKey.includes(v.drawingId)) && l.attachTransformerTo(p);
               }), this._drawingManagerService.addNotification(f)) : (u.forEach((p) => {
-                p.classType === de.IMAGE && f.some((C) => p.oKey.includes(C.drawingId)) && l.detachTransformerFrom(p);
+                p.classType === he.IMAGE && f.some((v) => p.oKey.includes(v.drawingId)) && l.detachTransformerFrom(p);
               }), g.clearSelectedObjects());
             }
-          }), (a = this._permissionService.getPermissionPoint$(new Pe(r, s).id)) == null || a.pipe(
-            re((h) => h.value !== o),
-            Ie()
+          }), (a = this._permissionService.getPermissionPoint$(new xe(r, s).id)) == null || a.pipe(
+            se((h) => h.value !== o),
+            Ee()
           ).subscribe({
             complete: () => {
               o = !0;
-              const h = e.getUnitId(), u = t.getSheetId(), m = this._drawingManagerService.getDrawingData(h, u), f = Object.values(m), p = this._renderManagerService.getRenderById(h), C = p == null ? void 0 : p.scene;
-              if (C == null)
+              const h = e.getUnitId(), u = t.getSheetId(), m = this._drawingManagerService.getDrawingData(h, u), f = Object.values(m), p = this._renderManagerService.getRenderById(h), v = p == null ? void 0 : p.scene;
+              if (v == null)
                 return;
-              this._drawingManagerService.setDrawingEditable(!0), C.getAllObjectsByOrder().forEach((v) => {
-                v.classType === de.IMAGE && f.some((R) => v.oKey.includes(R.drawingId)) && C.detachTransformerFrom(v);
+              this._drawingManagerService.setDrawingEditable(!0), v.getAllObjectsByOrder().forEach((S) => {
+                S.classType === he.IMAGE && f.some((R) => S.oKey.includes(R.drawingId)) && v.detachTransformerFrom(S);
               });
             }
           });
@@ -1336,19 +1260,19 @@ let We = class extends ie {
     );
   }
 };
-We = xi([
-  he(0, K),
-  he(1, J),
-  he(2, Rn),
-  he(3, fe),
-  he(4, W(In))
-], We);
-var $i = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, Bi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Li(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+He = Hi([
+  we(0, q),
+  we(1, X),
+  we(2, Jn),
+  we(3, fe),
+  we(4, N(Kn))
+], He);
+var Yi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, zi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Xi(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 && $i(e, n, r), r;
-}, Oe = (i, e) => (n, t) => e(n, t, i);
-let xe = class extends ie {
+  return t && r && Yi(e, n, r), r;
+}, Ne = (i, e) => (n, t) => e(n, t, i);
+let Ye = class extends Z {
   constructor(i, e, n, t) {
     super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = n, this._renderManagerService = t, this._initPrinting();
   }
@@ -1373,15 +1297,15 @@ let xe = class extends ie {
             const { unitId: t, subUnitId: r } = e, s = this._renderManagerService.getRenderById(t);
             if (!s)
               return n(i);
-            const o = s.with(q).getWorksheetSkeleton(r);
+            const o = s.with(Q).getWorksheetSkeleton(r);
             if (!o)
               return n(i);
             const d = this._drawingManagerService.getDrawingDataForUnit(t), l = d == null ? void 0 : d[e.subUnitId];
             if (!l)
               return n(i);
-            const { scaleX: g, scaleY: c } = s.scene, a = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, h = l.order.map((u) => l.data[u]).filter((u) => u.drawingType !== k.DRAWING_DOM);
+            const { scaleX: g, scaleY: c } = s.scene, a = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, h = l.order.map((u) => l.data[u]).filter((u) => u.drawingType !== V.DRAWING_DOM);
             return h.length ? (h.forEach((u) => {
-              if (!u.groupId && u.transform && ge.isDefine(u.transform.left) && ge.isDefine(u.transform.top) && ge.isDefine(u.transform.width) && ge.isDefine(u.transform.height)) {
+              if (!u.groupId && u.transform && _e.isDefine(u.transform.left) && _e.isDefine(u.transform.top) && _e.isDefine(u.transform.width) && _e.isDefine(u.transform.height)) {
                 const m = o.skeleton.getCellIndexByOffset(u.transform.left, u.transform.top, g, c, { x: 0, y: 0 }), f = o.skeleton.getCellIndexByOffset(u.transform.left + u.transform.width, u.transform.top + u.transform.height, g, c, { x: 0, y: 0 });
                 m.column < a.startColumn && (a.startColumn = m.column), m.row < a.startRow && (a.startRow = m.row), a.endRow < f.row && (a.endRow = f.row), a.endColumn < f.column && (a.endColumn = f.column);
               }
@@ -1392,46 +1316,46 @@ let xe = class extends ie {
     );
   }
 };
-xe = Bi([
-  Oe(0, W(tr)),
-  Oe(1, W(kn)),
-  Oe(2, K),
-  Oe(3, J)
-], xe);
-var Gi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, ki = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Vi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Ye = zi([
+  Ne(0, N(Or)),
+  Ne(1, N(Vt)),
+  Ne(2, q),
+  Ne(3, X)
+], Ye);
+var Ki = Object.defineProperty, Ji = Object.getOwnPropertyDescriptor, qi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ji(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 && Gi(e, n, r), r;
-}, Q = (i, e) => (n, t) => e(n, t, i);
-const Yi = [
-  Ot.id,
-  Pt.id,
-  Tt.id,
-  Et.id,
-  Ut.id,
-  At.id,
-  Nt.id,
-  jt.id,
-  nt.id,
-  rt.id,
-  Wt.id,
-  xt.id,
-  $t.id,
-  Lt.id,
-  Bt.id,
-  Gt.id,
-  Vt.id,
-  kt.id,
-  Yt.id
-], Fi = [
-  _r.id,
-  vr.id,
-  Sr.id,
-  Cr.id,
-  Ir.id,
-  Rr.id
+  return t && r && Ki(e, n, r), r;
+}, te = (i, e) => (n, t) => e(n, t, i);
+const Zi = [
+  Kt.id,
+  Jt.id,
+  qt.id,
+  Zt.id,
+  Qt.id,
+  en.id,
+  tn.id,
+  nn.id,
+  ht.id,
+  gt.id,
+  rn.id,
+  sn.id,
+  on.id,
+  an.id,
+  cn.id,
+  dn.id,
+  ln.id,
+  un.id,
+  hn.id
+], Qi = [
+  qr.id,
+  Zr.id,
+  Qr.id,
+  ei.id,
+  Xt.id,
+  zt.id
 ];
-let ot = class extends ie {
+let wt = class extends Z {
   constructor(i, e, n, t, r, s, o, d, l) {
     super(), this._context = i, this._renderManagerService = e, this._commandService = n, this._selectionRenderService = t, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = d, this._univerInstanceService = l, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
   }
@@ -1439,57 +1363,57 @@ let ot = class extends ie {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (i) => {
-          if (!Yi.includes(i.id))
+          if (!Zi.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
           const e = i.id;
-          if (e === Ot.id)
+          if (e === Kt.id)
             return this._moveRowInterceptor(i.params, "insert");
-          if ([Vt.id, kt.id, Yt.id].includes(e))
+          if ([ln.id, un.id, hn.id].includes(e))
             return this._moveRangeInterceptor(i.params);
-          if (e === Pt.id)
+          if (e === Jt.id)
             return this._moveColInterceptor(i.params, "insert");
-          if (e === Tt.id)
+          if (e === qt.id)
             return this._moveRowInterceptor(i.params, "remove");
-          if (e === Et.id)
+          if (e === Zt.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (e === Ut.id) {
+          if (e === Qt.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               0
               /* deleteLeft */
             );
-          } else if (e === At.id) {
+          } else if (e === en.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               1
               /* deleteUp */
             );
-          } else if (e === Nt.id) {
+          } else if (e === tn.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               2
               /* insertDown */
             );
-          } else if (e === jt.id) {
+          } else if (e === nn.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               3
               /* insertRight */
             );
-          } else if (e === $t.id || e === Lt.id) {
+          } else if (e === on.id || e === an.id) {
             const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
             return this._getDrawingUndoForRowVisible(t, r, s);
-          } else if (e === Bt.id || e === Gt.id) {
+          } else if (e === cn.id || e === dn.id) {
             const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
             return this._getDrawingUndoForColVisible(t, r, s);
-          } else if (e === nt.id || e === rt.id || e === Wt.id || e === xt.id) {
-            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === nt.id || e === rt.id;
+          } else if (e === ht.id || e === gt.id || e === rn.id || e === sn.id) {
+            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === ht.id || e === gt.id;
             return this._getDrawingUndoForRowAndColSize(t, r, s, o);
           }
           return { redos: [], undos: [] };
@@ -1498,7 +1422,7 @@ let ot = class extends ie {
     );
   }
   _getRangeMoveUndo(i, e) {
-    const n = ce(this._univerInstanceService);
+    const n = H(this._univerInstanceService);
     if (n == null)
       return { redos: [], undos: [] };
     const t = n.unitId, r = n.subUnitId, s = [], o = [], d = this._sheetDrawingService.getDrawingData(t, r), l = [], g = [];
@@ -1509,13 +1433,13 @@ let ot = class extends ie {
       return { redos: [], undos: [] };
     if (l.length > 0) {
       const c = this._sheetDrawingService.getBatchUpdateOp(l), { undo: a, redo: h, objects: u } = c;
-      s.push({ id: P.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: T.UPDATE } }), o.push({ id: P.id, params: { unitId: t, subUnitId: r, op: a, objects: u, type: T.UPDATE } });
+      s.push({ id: T.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: E.UPDATE } }), o.push({ id: T.id, params: { unitId: t, subUnitId: r, op: a, objects: u, type: E.UPDATE } });
     }
     if (g.length > 0) {
       const c = this._sheetDrawingService.getBatchRemoveOp(g), a = c.undo, h = c.redo, u = c.objects;
-      s.push({ id: P.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: T.REMOVE } }), o.push({ id: P.id, params: { unitId: t, subUnitId: r, op: a, objects: u, type: T.INSERT } });
+      s.push({ id: T.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: E.REMOVE } }), o.push({ id: T.id, params: { unitId: t, subUnitId: r, op: a, objects: u, type: E.INSERT } });
     }
-    return s.push({ id: j.id, params: [t] }), o.push({ id: j.id, params: [t] }), {
+    return s.push({ id: W.id, params: [t] }), o.push({ id: W.id, params: [t] }), {
       redos: s,
       undos: o
     };
@@ -1527,37 +1451,37 @@ let ot = class extends ie {
         updateDrawings: t,
         deleteDrawings: r
       };
-    const { startRow: C, endRow: S, startColumn: v, endColumn: R } = i;
-    let _ = null, I = null;
-    if (e === 0 && u >= C && f <= S)
-      if (m >= v && p <= R)
+    const { startRow: v, endRow: I, startColumn: S, endColumn: R } = i;
+    let _ = null, C = null;
+    if (e === 0 && u >= v && f <= I)
+      if (m >= S && p <= R)
         r.push({ unitId: l, subUnitId: g, drawingId: c });
       else {
-        const w = this._shrinkCol(s, d, v, R, o);
-        _ = w == null ? void 0 : w.newSheetTransform, I = w == null ? void 0 : w.newTransform;
+        const w = this._shrinkCol(s, d, S, R, o);
+        _ = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
       }
-    else if (e === 1 && m >= v && p <= R)
-      if (u >= C && f <= S)
+    else if (e === 1 && m >= S && p <= R)
+      if (u >= v && f <= I)
         r.push({ unitId: l, subUnitId: g, drawingId: c });
       else {
-        const w = this._shrinkRow(s, d, C, S, o);
-        _ = w == null ? void 0 : w.newSheetTransform, I = w == null ? void 0 : w.newTransform;
+        const w = this._shrinkRow(s, d, v, I, o);
+        _ = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
       }
     else if (e === 2) {
-      const w = this._expandRow(s, d, C, S, o);
-      _ = w == null ? void 0 : w.newSheetTransform, I = w == null ? void 0 : w.newTransform;
+      const w = this._expandRow(s, d, v, I, o);
+      _ = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
     } else if (e === 3) {
-      const w = this._expandCol(s, d, v, R, o);
-      _ = w == null ? void 0 : w.newSheetTransform, I = w == null ? void 0 : w.newTransform;
+      const w = this._expandCol(s, d, S, R, o);
+      _ = w == null ? void 0 : w.newSheetTransform, C = w == null ? void 0 : w.newTransform;
     }
-    if (_ != null && I != null) {
-      const w = L(_, this._selectionRenderService, this._skeletonManagerService);
+    if (_ != null && C != null) {
+      const w = B(_, this._selectionRenderService, this._skeletonManagerService);
       t.push({ ...n, sheetTransform: _, transform: w });
     }
     return { updateDrawings: t, deleteDrawings: r };
   }
   _remainDrawingSize(i, e, n) {
-    const t = N({ ...i }, this._selectionRenderService);
+    const t = j({ ...i }, this._selectionRenderService);
     t != null && e.push({
       ...n,
       sheetTransform: t
@@ -1571,60 +1495,60 @@ let ot = class extends ie {
       if (m === y.None)
         this._remainDrawingSize(u, r, a);
       else {
-        const { from: f, to: p } = h, { row: C, column: S } = f, { row: v, column: R } = p;
+        const { from: f, to: p } = h, { row: v, column: I } = f, { row: S, column: R } = p;
         for (let _ = 0; _ < n.length; _++) {
-          const I = n[_], { startRow: w, endRow: O, startColumn: b, endColumn: A } = I;
+          const C = n[_], { startRow: w, endRow: O, startColumn: b, endColumn: A } = C;
           if (R < b)
             continue;
           if (m === y.Position) {
-            let D = null, U = null;
-            if (S >= b && S <= A) {
-              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: A, startRow: f.row, endRow: p.row });
+            let M = null, U = null;
+            if (I >= b && I <= A) {
+              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: I, endColumn: A, startRow: f.row, endRow: p.row });
               if (x == null)
                 return;
               U = { ...u, left: x.startX };
             }
-            if (U != null && (D = N(U, this._selectionRenderService), D != null && U != null)) {
-              r.push({ ...a, sheetTransform: D, transform: U });
+            if (U != null && (M = j(U, this._selectionRenderService), M != null && U != null)) {
+              r.push({ ...a, sheetTransform: M, transform: U });
               break;
             }
             this._remainDrawingSize(u, r, a);
             continue;
           }
-          if (S >= b && R <= A)
+          if (I >= b && R <= A)
             continue;
-          let E = null, M = null;
-          if (S >= b && S <= A) {
-            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: A, startRow: f.row, endRow: p.row });
-            if (D == null)
+          let P = null, D = null;
+          if (I >= b && I <= A) {
+            const M = this._skeletonManagerService.attachRangeWithCoord({ startColumn: I, endColumn: A, startRow: f.row, endRow: p.row });
+            if (M == null)
               return;
-            M = {
+            D = {
               ...u,
-              left: (D == null ? void 0 : D.startX) || 0,
-              width: ((u == null ? void 0 : u.width) || 0) - D.endX + D.startX
+              left: (M == null ? void 0 : M.startX) || 0,
+              width: ((u == null ? void 0 : u.width) || 0) - M.endX + M.startX
             };
           } else if (R >= b && R <= A) {
-            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: b, endColumn: R, startRow: f.row, endRow: p.row });
-            if (D == null)
+            const M = this._skeletonManagerService.attachRangeWithCoord({ startColumn: b, endColumn: R, startRow: f.row, endRow: p.row });
+            if (M == null)
               return;
-            M = {
+            D = {
               ...u,
-              left: D.startX - ((u == null ? void 0 : u.width) || 0)
+              left: M.startX - ((u == null ? void 0 : u.width) || 0)
             };
           } else {
-            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: b, endColumn: A, startRow: f.row, endRow: p.row });
-            if (D == null)
+            const M = this._skeletonManagerService.attachRangeWithCoord({ startColumn: b, endColumn: A, startRow: f.row, endRow: p.row });
+            if (M == null)
               return;
-            if (M = {
+            if (D = {
               ...u,
-              width: ((u == null ? void 0 : u.width) || 0) - D.endX + D.startX
-            }, E = N(M, this._selectionRenderService), E != null && M != null) {
-              s.push({ ...a, sheetTransform: E, transform: M });
+              width: ((u == null ? void 0 : u.width) || 0) - M.endX + M.startX
+            }, P = j(D, this._selectionRenderService), P != null && D != null) {
+              s.push({ ...a, sheetTransform: P, transform: D });
               break;
             }
           }
-          if (M != null && (E = N(M, this._selectionRenderService)), M != null && E != null) {
-            r.push({ ...a, sheetTransform: E, transform: M });
+          if (D != null && (P = j(D, this._selectionRenderService)), D != null && P != null) {
+            r.push({ ...a, sheetTransform: P, transform: D });
             break;
           } else
             this._remainDrawingSize(u, r, a);
@@ -1646,11 +1570,11 @@ let ot = class extends ie {
   }
   _createUndoAndRedoMutation(i, e, n) {
     const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: r, redo: s, objects: o } = t, d = [
-      { id: P.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: T.UPDATE } },
-      { id: j.id, params: [i] }
+      { id: T.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: E.UPDATE } },
+      { id: W.id, params: [i] }
     ], l = [
-      { id: P.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: T.UPDATE } },
-      { id: j.id, params: [i] }
+      { id: T.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: E.UPDATE } },
+      { id: W.id, params: [i] }
     ];
     return {
       redos: d,
@@ -1665,60 +1589,60 @@ let ot = class extends ie {
       if (m === y.None)
         this._remainDrawingSize(u, r, a);
       else {
-        const { from: f, to: p } = h, { row: C, column: S } = f, { row: v, column: R } = p;
+        const { from: f, to: p } = h, { row: v, column: I } = f, { row: S, column: R } = p;
         for (let _ = 0; _ < n.length; _++) {
-          const I = n[_], { startRow: w, endRow: O, startColumn: b, endColumn: A } = I;
-          if (v < w)
+          const C = n[_], { startRow: w, endRow: O, startColumn: b, endColumn: A } = C;
+          if (S < w)
             continue;
           if (m === y.Position) {
-            let D = null, U = null;
-            if (C >= w && C <= O) {
-              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: C, endRow: O });
+            let M = null, U = null;
+            if (v >= w && v <= O) {
+              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: v, endRow: O });
               if (x == null)
                 return;
               U = { ...u, top: x.startY };
             }
-            if (U != null && (D = N(U, this._selectionRenderService), D != null && U != null)) {
-              r.push({ ...a, sheetTransform: D, transform: U });
+            if (U != null && (M = j(U, this._selectionRenderService), M != null && U != null)) {
+              r.push({ ...a, sheetTransform: M, transform: U });
               break;
             }
             this._remainDrawingSize(u, r, a);
             continue;
           }
-          if (C >= w && v <= O)
+          if (v >= w && S <= O)
             continue;
-          let E = null, M = null;
-          if (C >= w && C <= O) {
-            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: C, endRow: O });
-            if (D == null)
+          let P = null, D = null;
+          if (v >= w && v <= O) {
+            const M = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: v, endRow: O });
+            if (M == null)
               return;
-            M = {
+            D = {
               ...u,
-              top: (D == null ? void 0 : D.startY) || 0,
-              height: ((u == null ? void 0 : u.height) || 0) - D.endY + D.startY
+              top: (M == null ? void 0 : M.startY) || 0,
+              height: ((u == null ? void 0 : u.height) || 0) - M.endY + M.startY
             };
-          } else if (v >= w && v <= O) {
-            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: w, endRow: v });
-            if (D == null)
+          } else if (S >= w && S <= O) {
+            const M = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: w, endRow: S });
+            if (M == null)
               return;
-            M = {
+            D = {
               ...u,
-              top: D.startY - ((u == null ? void 0 : u.height) || 0)
+              top: M.startY - ((u == null ? void 0 : u.height) || 0)
             };
           } else {
-            const D = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: w, endRow: O });
-            if (D == null)
+            const M = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: w, endRow: O });
+            if (M == null)
               return;
-            if (M = {
+            if (D = {
               ...u,
-              height: ((u == null ? void 0 : u.height) || 0) - D.endY + D.startY
-            }, E = N(M, this._selectionRenderService), E != null && M != null) {
-              s.push({ ...a, sheetTransform: E, transform: M });
+              height: ((u == null ? void 0 : u.height) || 0) - M.endY + M.startY
+            }, P = j(D, this._selectionRenderService), P != null && D != null) {
+              s.push({ ...a, sheetTransform: P, transform: D });
               break;
             }
           }
-          if (M != null && (E = N(M, this._selectionRenderService)), M != null && E != null) {
-            r.push({ ...a, sheetTransform: E, transform: M });
+          if (D != null && (P = j(D, this._selectionRenderService)), D != null && P != null) {
+            r.push({ ...a, sheetTransform: P, transform: D });
             break;
           } else
             this._remainDrawingSize(u, r, a);
@@ -1746,15 +1670,15 @@ let ot = class extends ie {
         this._remainDrawingSize(g, s, d);
       else {
         const { from: a, to: h } = l, { row: u, column: m } = a, { row: f, column: p } = h;
-        for (let C = 0; C < n.length; C++) {
-          const S = n[C], { startRow: v, endRow: R, startColumn: _, endColumn: I } = S;
-          if (f < v || p < _)
+        for (let v = 0; v < n.length; v++) {
+          const I = n[v], { startRow: S, endRow: R, startColumn: _, endColumn: C } = I;
+          if (f < S || p < _)
             continue;
-          if (c === y.Position && (u <= v && f >= R || m <= _ && p >= I)) {
+          if (c === y.Position && (u <= S && f >= R || m <= _ && p >= C)) {
             this._remainDrawingSize(g, s, d);
             continue;
           }
-          const w = L(
+          const w = B(
             { ...l },
             this._selectionRenderService,
             this._skeletonManagerService
@@ -1775,7 +1699,7 @@ let ot = class extends ie {
     if (e === "insert")
       n = i.unitId, t = i.subUnitId;
     else {
-      const r = ce(this._univerInstanceService);
+      const r = H(this._univerInstanceService);
       if (r == null)
         return;
       n = r.unitId, t = r.subUnitId;
@@ -1783,37 +1707,37 @@ let ot = class extends ie {
     return { unitId: n, subUnitId: t };
   }
   _moveRangeInterceptor(i) {
-    var v, R;
-    const { toRange: e, fromRange: n } = i, t = ce(this._univerInstanceService);
+    var S, R;
+    const { toRange: e, fromRange: n } = i, t = H(this._univerInstanceService);
     if (!t)
       return { redos: [], undos: [] };
-    const { unitId: r, subUnitId: s } = t, o = (R = (v = this._renderManagerService.getRenderById(r)) == null ? void 0 : v.with(q)) == null ? void 0 : R.getCurrentSkeleton();
+    const { unitId: r, subUnitId: s } = t, o = (R = (S = this._renderManagerService.getRenderById(r)) == null ? void 0 : S.with(Q)) == null ? void 0 : R.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
-    const d = Te(o, n);
+    const d = $e(o, n);
     if (!d)
       return { redos: [], undos: [] };
     const { startX: l, endX: g, startY: c, endY: a } = d, h = this._sheetDrawingService.getDrawingData(r, s), u = [];
     Object.keys(h).forEach((_) => {
-      const I = h[_];
-      if (I.anchorType !== y.Both)
+      const C = h[_];
+      if (C.anchorType !== y.Both)
         return;
-      const { transform: w } = I;
+      const { transform: w } = C;
       if (!w)
         return;
-      const { left: O = 0, top: b = 0, width: A = 0, height: E = 0 } = w, { drawingStartX: M, drawingEndX: D, drawingStartY: U, drawingEndY: x } = {
+      const { left: O = 0, top: b = 0, width: A = 0, height: P = 0 } = w, { drawingStartX: D, drawingEndX: M, drawingStartY: U, drawingEndY: x } = {
         drawingStartX: O,
         drawingEndX: O + A,
         drawingStartY: b,
-        drawingEndY: b + E
+        drawingEndY: b + P
       };
-      l <= M && D <= g && c <= U && x <= a && u.push(I);
+      l <= D && M <= g && c <= U && x <= a && u.push(C);
     });
-    const m = [], f = [], p = e.startRow - n.startRow, C = e.startColumn - n.startColumn, S = u.map((_) => {
-      const I = _.sheetTransform, w = {
-        to: { ...I.to, row: I.to.row + p, column: I.to.column + C },
-        from: { ...I.from, row: I.from.row + p, column: I.from.column + C }
-      }, O = L(w, this._selectionRenderService, this._skeletonManagerService);
+    const m = [], f = [], p = e.startRow - n.startRow, v = e.startColumn - n.startColumn, I = u.map((_) => {
+      const C = _.sheetTransform, w = {
+        to: { ...C.to, row: C.to.row + p, column: C.to.column + v },
+        from: { ...C.from, row: C.from.row + p, column: C.from.column + v }
+      }, O = B(w, this._selectionRenderService, this._skeletonManagerService);
       return {
         unitId: r,
         subUnitId: s,
@@ -1822,9 +1746,9 @@ let ot = class extends ie {
         sheetTransform: w
       };
     });
-    if (S.length) {
-      const _ = this._sheetDrawingService.getBatchUpdateOp(S), { undo: I, redo: w, objects: O } = _;
-      m.push({ id: P.id, params: { unitId: r, subUnitId: s, op: w, objects: O, type: T.UPDATE } }), f.push({ id: P.id, params: { unitId: r, subUnitId: s, op: I, objects: O, type: T.UPDATE } });
+    if (I.length) {
+      const _ = this._sheetDrawingService.getBatchUpdateOp(I), { undo: C, redo: w, objects: O } = _;
+      m.push({ id: T.id, params: { unitId: r, subUnitId: s, op: w, objects: O, type: E.UPDATE } }), f.push({ id: T.id, params: { unitId: r, subUnitId: s, op: C, objects: O, type: E.UPDATE } });
     }
     return { redos: m, undos: f };
   }
@@ -1834,37 +1758,37 @@ let ot = class extends ie {
       return { redos: [], undos: [] };
     const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startRow, d = s.endRow, l = [], g = [], c = this._sheetDrawingService.getDrawingData(t, r), a = [], h = [];
     if (Object.keys(c).forEach((u) => {
-      const m = c[u], { sheetTransform: f, transform: p, anchorType: C = y.Position } = m;
+      const m = c[u], { sheetTransform: f, transform: p, anchorType: v = y.Position } = m;
       if (f == null || p == null)
         return;
-      let S, v;
+      let I, S;
       if (e === "insert") {
-        const _ = this._expandRow(f, p, o, d, C);
-        S = _ == null ? void 0 : _.newSheetTransform, v = _ == null ? void 0 : _.newTransform;
+        const _ = this._expandRow(f, p, o, d, v);
+        I = _ == null ? void 0 : _.newSheetTransform, S = _ == null ? void 0 : _.newTransform;
       } else {
-        const { from: _, to: I } = f, { row: w } = _, { row: O } = I;
-        if (C === y.Both && w >= o && O <= d)
+        const { from: _, to: C } = f, { row: w } = _, { row: O } = C;
+        if (v === y.Both && w >= o && O <= d)
           h.push({ unitId: t, subUnitId: r, drawingId: u });
         else {
-          const b = this._shrinkRow(f, p, o, d, C);
-          S = b == null ? void 0 : b.newSheetTransform, v = b == null ? void 0 : b.newTransform;
+          const b = this._shrinkRow(f, p, o, d, v);
+          I = b == null ? void 0 : b.newSheetTransform, S = b == null ? void 0 : b.newTransform;
         }
       }
-      if (!S || !v)
+      if (!I || !S)
         return;
-      const R = { unitId: t, subUnitId: r, drawingId: u, transform: v, sheetTransform: S };
+      const R = { unitId: t, subUnitId: r, drawingId: u, transform: S, sheetTransform: I };
       a.push(R);
     }), a.length === 0 && h.length === 0)
       return { redos: [], undos: [] };
     if (a.length > 0) {
       const u = this._sheetDrawingService.getBatchUpdateOp(a), { undo: m, redo: f, objects: p } = u;
-      l.push({ id: P.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.UPDATE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.UPDATE } });
+      l.push({ id: T.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: E.UPDATE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: E.UPDATE } });
     }
     if (h.length > 0) {
       const u = this._sheetDrawingService.getBatchRemoveOp(h), m = u.undo, f = u.redo, p = u.objects;
-      l.push({ id: P.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.REMOVE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.INSERT } });
+      l.push({ id: T.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: E.REMOVE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: E.INSERT } });
     }
-    return l.push({ id: j.id, params: [t] }), g.push({ id: j.id, params: [t] }), {
+    return l.push({ id: W.id, params: [t] }), g.push({ id: W.id, params: [t] }), {
       redos: l,
       undos: g
     };
@@ -1875,43 +1799,43 @@ let ot = class extends ie {
       return { redos: [], undos: [] };
     const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startColumn, d = s.endColumn, l = [], g = [], c = this._sheetDrawingService.getDrawingData(t, r), a = [], h = [];
     if (Object.keys(c).forEach((u) => {
-      const m = c[u], { sheetTransform: f, transform: p, anchorType: C = y.Position } = m;
+      const m = c[u], { sheetTransform: f, transform: p, anchorType: v = y.Position } = m;
       if (f == null || p == null)
         return;
-      let S, v;
+      let I, S;
       if (e === "insert") {
-        const _ = this._expandCol(f, p, o, d, C);
-        S = _ == null ? void 0 : _.newSheetTransform, v = _ == null ? void 0 : _.newTransform;
+        const _ = this._expandCol(f, p, o, d, v);
+        I = _ == null ? void 0 : _.newSheetTransform, S = _ == null ? void 0 : _.newTransform;
       } else {
-        const { from: _, to: I } = f, { column: w } = _, { column: O } = I;
-        if (C === y.Both && w >= o && O <= d)
+        const { from: _, to: C } = f, { column: w } = _, { column: O } = C;
+        if (v === y.Both && w >= o && O <= d)
           h.push({ unitId: t, subUnitId: r, drawingId: u });
         else {
-          const b = this._shrinkCol(f, p, o, d, C);
-          S = b == null ? void 0 : b.newSheetTransform, v = b == null ? void 0 : b.newTransform;
+          const b = this._shrinkCol(f, p, o, d, v);
+          I = b == null ? void 0 : b.newSheetTransform, S = b == null ? void 0 : b.newTransform;
         }
       }
-      if (!S || !v)
+      if (!I || !S)
         return;
-      const R = { unitId: t, subUnitId: r, drawingId: u, transform: v, sheetTransform: S };
+      const R = { unitId: t, subUnitId: r, drawingId: u, transform: S, sheetTransform: I };
       a.push(R);
     }), a.length === 0 && h.length === 0)
       return { redos: [], undos: [] };
     if (a.length > 0) {
       const u = this._sheetDrawingService.getBatchUpdateOp(a), { undo: m, redo: f, objects: p } = u;
-      l.push({ id: P.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.UPDATE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.UPDATE } });
+      l.push({ id: T.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: E.UPDATE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: E.UPDATE } });
     }
     if (h.length > 0) {
       const u = this._sheetDrawingService.getBatchRemoveOp(h), m = u.undo, f = u.redo, p = u.objects;
-      l.push({ id: P.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: T.REMOVE } }), g.push({ id: P.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: T.INSERT } });
+      l.push({ id: T.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: E.REMOVE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: E.INSERT } });
     }
-    return l.push({ id: j.id, params: [t] }), g.push({ id: j.id, params: [t] }), { redos: l, undos: g };
+    return l.push({ id: W.id, params: [t] }), g.push({ id: W.id, params: [t] }), { redos: l, undos: g };
   }
   _expandCol(i, e, n, t, r = y.Position) {
     const s = t - n + 1, { from: o, to: d } = i, { column: l } = o, { column: g } = d;
     if (r === y.None)
       return {
-        newSheetTransform: N({ ...e }, this._selectionRenderService),
+        newSheetTransform: j({ ...e }, this._selectionRenderService),
         newTransform: e
       };
     let c = null, a = null;
@@ -1919,16 +1843,16 @@ let ot = class extends ie {
       const h = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: o.row, endRow: d.row });
       if (h == null)
         return;
-      a = { ...e, left: (e.left || 0) + h.endX - h.startX }, c = N(a, this._selectionRenderService);
+      a = { ...e, left: (e.left || 0) + h.endX - h.startX }, c = j(a, this._selectionRenderService);
     } else if (g >= t)
       if (r === y.Both)
         c = {
           from: { ...o },
           to: { ...d, column: g + s }
-        }, a = L(c, this._selectionRenderService, this._skeletonManagerService);
+        }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: N({ ...e }, this._selectionRenderService),
+          newSheetTransform: j({ ...e }, this._selectionRenderService),
           newTransform: e
         };
     return c != null && a != null ? {
@@ -1940,7 +1864,7 @@ let ot = class extends ie {
     const s = t - n + 1, { from: o, to: d } = i, { column: l } = o, { column: g } = d;
     if (r === y.None)
       return {
-        newSheetTransform: N({ ...e }, this._selectionRenderService),
+        newSheetTransform: j({ ...e }, this._selectionRenderService),
         newTransform: e
       };
     let c = null, a = null;
@@ -1948,7 +1872,7 @@ let ot = class extends ie {
       c = {
         from: { ...o, column: l - s },
         to: { ...d, column: g - s }
-      }, a = L(c, this._selectionRenderService, this._skeletonManagerService);
+      }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
     else {
       if (l >= n && g <= t)
         return null;
@@ -1957,10 +1881,10 @@ let ot = class extends ie {
           c = {
             from: { ...o },
             to: { ...d, column: g - s }
-          }, a = L(c, this._selectionRenderService, this._skeletonManagerService);
+          }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: N({ ...e }, this._selectionRenderService),
+            newSheetTransform: j({ ...e }, this._selectionRenderService),
             newTransform: e
           };
       else if (l >= n && l <= t) {
@@ -1972,7 +1896,7 @@ let ot = class extends ie {
             return;
           a = { ...e, left: (e.left || 0) - h.endX + h.startX - i.from.columnOffset };
         }
-        c = N(a, this._selectionRenderService);
+        c = j(a, this._selectionRenderService);
       } else if (g >= n && g <= t && r === y.Both) {
         const h = this._skeletonManagerService.attachRangeWithCoord({
           startColumn: n - 1,
@@ -1985,7 +1909,7 @@ let ot = class extends ie {
         c = {
           from: { ...o },
           to: { ...d, column: n - 1, columnOffset: h.endX - h.startX }
-        }, a = L(c, this._selectionRenderService, this._skeletonManagerService);
+        }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
       }
     }
     return c != null && a != null ? {
@@ -1997,7 +1921,7 @@ let ot = class extends ie {
     const s = t - n + 1, { from: o, to: d } = i, { row: l } = o, { row: g } = d;
     if (r === y.None)
       return {
-        newSheetTransform: N({ ...e }, this._selectionRenderService),
+        newSheetTransform: j({ ...e }, this._selectionRenderService),
         newTransform: e
       };
     let c = null, a = null;
@@ -2005,7 +1929,7 @@ let ot = class extends ie {
       const h = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: o.column, endColumn: d.column });
       if (h == null)
         return;
-      a = { ...e, top: (e.top || 0) + h.endY - h.startY }, c = N(a, this._selectionRenderService);
+      a = { ...e, top: (e.top || 0) + h.endY - h.startY }, c = j(a, this._selectionRenderService);
     } else if (g >= t)
       if (r === y.Both)
         c = {
@@ -2014,10 +1938,10 @@ let ot = class extends ie {
             ...d,
             row: g + s
           }
-        }, a = L(c, this._selectionRenderService, this._skeletonManagerService);
+        }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: N({ ...e }, this._selectionRenderService),
+          newSheetTransform: j({ ...e }, this._selectionRenderService),
           newTransform: e
         };
     return c != null && a != null ? {
@@ -2029,7 +1953,7 @@ let ot = class extends ie {
     const s = t - n + 1, { from: o, to: d } = i, { row: l } = o, { row: g } = d;
     if (r === y.None)
       return {
-        newSheetTransform: N({ ...e }, this._selectionRenderService),
+        newSheetTransform: j({ ...e }, this._selectionRenderService),
         newTransform: e
       };
     let c = null, a = null;
@@ -2037,7 +1961,7 @@ let ot = class extends ie {
       c = {
         from: { ...o, row: l - s },
         to: { ...d, row: g - s }
-      }, a = L(c, this._selectionRenderService, this._skeletonManagerService);
+      }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
     else {
       if (l >= n && g <= t)
         return null;
@@ -2046,10 +1970,10 @@ let ot = class extends ie {
           c = {
             from: { ...o },
             to: { ...d, row: g - s }
-          }, a = L(c, this._selectionRenderService, this._skeletonManagerService);
+          }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: N({ ...e }, this._selectionRenderService),
+            newSheetTransform: j({ ...e }, this._selectionRenderService),
             newTransform: e
           };
       else if (l >= n && l <= t) {
@@ -2061,7 +1985,7 @@ let ot = class extends ie {
             return;
           a = { ...e, top: (e.top || 0) - h.endY + h.startY - i.from.rowOffset };
         }
-        c = N(a, this._selectionRenderService);
+        c = j(a, this._selectionRenderService);
       } else if (g >= n && g <= t && r === y.Both) {
         const h = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: n - 1, endRow: n - 1 });
         if (h == null)
@@ -2069,7 +1993,7 @@ let ot = class extends ie {
         c = {
           from: { ...o },
           to: { ...d, row: n - 1, rowOffset: h.endY - h.startY }
-        }, a = L(c, this._selectionRenderService, this._skeletonManagerService);
+        }, a = B(c, this._selectionRenderService, this._skeletonManagerService);
       }
     }
     return c != null && a != null ? {
@@ -2080,7 +2004,7 @@ let ot = class extends ie {
   _commandListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        i.id === Dr.id && setTimeout(() => {
+        i.id === ti.id && setTimeout(() => {
           const e = i.params, { unitId: n, subUnitId: t } = e, r = this._drawingManagerService.drawingManagerData, s = [], o = [];
           Object.keys(r).forEach((d) => {
             const l = r[d];
@@ -2089,7 +2013,7 @@ let ot = class extends ie {
               c != null && Object.keys(c).forEach((a) => {
                 if (d === n && g === t) {
                   const h = c[a];
-                  h.transform = L(h.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(c[a]);
+                  h.transform = B(h.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(c[a]);
                 } else
                   o.push(c[a]);
               });
@@ -2102,7 +2026,7 @@ let ot = class extends ie {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        Fi.includes(i.id) && requestIdleCallback(() => {
+        Qi.includes(i.id) && requestIdleCallback(() => {
           const e = i.params, { unitId: n, subUnitId: t, ranges: r } = e;
           this._refreshDrawingTransform(n, t, r);
         });
@@ -2117,11 +2041,11 @@ let ot = class extends ie {
         return !0;
       const { from: c, to: a } = d, { row: h, column: u } = c, { row: m, column: f } = a;
       for (let p = 0; p < n.length; p++) {
-        const C = n[p], { startRow: S, endRow: v, startColumn: R, endColumn: _ } = C;
-        if (Dn.intersects(
+        const v = n[p], { startRow: I, endRow: S, startColumn: R, endColumn: _ } = v;
+        if (qn.intersects(
           {
-            startRow: S,
-            endRow: v,
+            startRow: I,
+            endRow: S,
             startColumn: R,
             endColumn: _
           },
@@ -2131,39 +2055,409 @@ let ot = class extends ie {
             startColumn: u,
             endColumn: f
           }
-        ) || h > v || u > _) {
-          const I = g === y.Position, w = L(d, this._selectionRenderService, this._skeletonManagerService);
+        ) || h > S || u > _) {
+          const C = g === y.Position, w = B(d, this._selectionRenderService, this._skeletonManagerService);
           r.push({
             ...o,
             transform: {
               ...w,
-              width: I ? l == null ? void 0 : l.width : w == null ? void 0 : w.width,
-              height: I ? l == null ? void 0 : l.height : w == null ? void 0 : w.height
+              width: C ? l == null ? void 0 : l.width : w == null ? void 0 : w.width,
+              height: C ? l == null ? void 0 : l.height : w == null ? void 0 : w.height
             }
           });
           break;
         }
       }
-    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(j.id, [i]));
+    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(W.id, [i]));
+  }
+};
+wt = qi([
+  te(1, X),
+  te(2, G),
+  te(3, Ce),
+  te(4, N(Q)),
+  te(5, N(qe)),
+  te(6, z),
+  te(7, q),
+  te(8, fe)
+], wt);
+var J = function() {
+  return J = Object.assign || function(i) {
+    for (var e, n = 1, t = arguments.length; n < t; n++) {
+      e = arguments[n];
+      for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
+    }
+    return i;
+  }, J.apply(this, arguments);
+}, es = function(i, e) {
+  var n = {};
+  for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
+  if (i != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
+      e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
+  return n;
+}, Rn = mn(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = es(i, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), l = ii("_".concat(rs()));
+  return Mn(n, "".concat(t), { defIds: n.defIds, idSuffix: l.current }, J({ ref: e, className: d }, o), s);
+});
+function Mn(i, e, n, t, r) {
+  return fn(i.tag, J(J({ key: e }, ts(i, n, r)), t), (ns(i, n).children || []).map(function(s, o) {
+    return Mn(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
+  }));
+}
+function ts(i, e, n) {
+  var t = J({}, i.attrs);
+  n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
+  var r = e.defIds;
+  return !r || r.length === 0 || (i.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(s) {
+    var o = s[0], d = s[1];
+    typeof d == "string" && (t[o] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), t;
+}
+function ns(i, e) {
+  var n, t = e.defIds;
+  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? J(J({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? J(J({}, r), { attrs: J(J({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  }) }) : i;
+}
+function rs() {
+  return Math.random().toString(36).substring(2, 8);
+}
+Rn.displayName = "UniverIcon";
+var is = { 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" } }] }, Dn = mn(function(i, e) {
+  return fn(Rn, Object.assign({}, i, {
+    id: "add-image-single",
+    ref: e,
+    icon: is
+  }));
+});
+Dn.displayName = "AddImageSingle";
+const bn = {
+  id: "sheet.command.delete-drawing",
+  type: Y.COMMAND,
+  handler: (i) => {
+    const e = i.get(G), t = i.get(z).getFocusDrawings();
+    if (t.length === 0)
+      return !1;
+    const r = t[0].unitId, s = t.map((o) => {
+      const { unitId: d, subUnitId: l, drawingId: g, drawingType: c } = o;
+      return {
+        unitId: d,
+        subUnitId: l,
+        drawingId: g,
+        drawingType: c
+      };
+    });
+    return e.executeCommand(Ze.id, {
+      unitId: r,
+      drawings: s
+    });
+  }
+}, St = {
+  id: "sheet.command.insert-float-image",
+  type: Y.COMMAND,
+  handler: (i) => {
+    var n, t;
+    return (t = (n = i.get(X).getCurrentTypeOfRenderer(L.UNIVER_SHEET)) == null ? void 0 : n.with(Se).insertFloatImage()) != null ? t : !1;
+  }
+}, It = {
+  id: "sheet.command.insert-cell-image",
+  type: Y.COMMAND,
+  handler: (i) => {
+    var n, t;
+    return (t = (n = i.get(X).getCurrentTypeOfRenderer(L.UNIVER_SHEET)) == null ? void 0 : n.with(Se).insertCellImage()) != null ? t : !1;
+  }
+}, Re = {
+  id: "sheet.command.move-drawing",
+  type: Y.COMMAND,
+  handler: (i, e) => {
+    const n = i.get(G), t = i.get(z), r = i.get(Ce), { direction: s } = e, o = t.getFocusDrawings();
+    if (o.length === 0)
+      return !1;
+    const d = o[0].unitId, l = o.map((c) => {
+      const { transform: a } = c;
+      if (a == null)
+        return null;
+      const h = { ...a }, { left: u = 0, top: m = 0 } = a;
+      return s === re.UP ? h.top = m - 1 : s === re.DOWN ? h.top = m + 1 : s === re.LEFT ? h.left = u - 1 : s === re.RIGHT && (h.left = u + 1), {
+        ...c,
+        transform: h,
+        sheetTransform: j(h, r)
+      };
+    }).filter((c) => c != null);
+    return n.syncExecuteCommand(et.id, {
+      unitId: d,
+      drawings: l
+    }) ? (n.syncExecuteCommand(W.id, [d]), !0) : !1;
+  }
+}, yn = "addition-and-subtraction-single", On = "sheet.menu.image";
+function ss(i) {
+  return {
+    id: On,
+    type: _t.SUBITEMS,
+    icon: yn,
+    tooltip: "sheetImage.title",
+    hidden$: Ht(i, L.UNIVER_SHEET),
+    disabled$: Tr(i, { workbookTypes: [ut], worksheetTypes: [xe], rangeTypes: [ni] })
+  };
+}
+function os(i) {
+  return {
+    id: St.id,
+    title: "sheetImage.upload.float",
+    type: _t.BUTTON,
+    hidden$: Ht(i, L.UNIVER_SHEET)
+  };
+}
+function as(i) {
+  return {
+    id: It.id,
+    title: "sheetImage.upload.cell",
+    type: _t.BUTTON
+  };
+}
+const cs = "univer-image-common-panel", ds = "univer-image-common-panel-grid", ls = "univer-image-common-panel-border", us = "univer-image-common-panel-title", hs = "univer-image-common-panel-subtitle", gs = "univer-image-common-panel-row", ms = "univer-image-common-panel-row-vertical", fs = "univer-image-common-panel-column", ps = "univer-image-common-panel-column-center", ws = "univer-image-common-panel-inline", _s = "univer-image-common-panel-span2", vs = "univer-image-common-panel-span3", Ss = "univer-image-common-panel-input", Is = "univer-sheet-image-menu", Cs = "univer-sheet-image-menu-input", ne = {
+  imageCommonPanel: cs,
+  imageCommonPanelGrid: ds,
+  imageCommonPanelBorder: ls,
+  imageCommonPanelTitle: us,
+  imageCommonPanelSubtitle: hs,
+  imageCommonPanelRow: gs,
+  imageCommonPanelRowVertical: ms,
+  imageCommonPanelColumn: fs,
+  imageCommonPanelColumnCenter: ps,
+  imageCommonPanelInline: ws,
+  imageCommonPanelSpan2: _s,
+  imageCommonPanelSpan3: vs,
+  imageCommonPanelInput: Ss,
+  sheetImageMenu: Is,
+  sheetImageMenuInput: Cs
+};
+function Tn(i) {
+  var e, n, t = "";
+  if (typeof i == "string" || typeof i == "number") t += i;
+  else if (typeof i == "object") if (Array.isArray(i)) {
+    var r = i.length;
+    for (e = 0; e < r; e++) i[e] && (n = Tn(i[e])) && (t && (t += " "), t += n);
+  } else for (n in i) i[n] && (t && (t += " "), t += n);
+  return t;
+}
+function je() {
+  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = Tn(i)) && (t && (t += " "), t += e);
+  return t;
+}
+const Rs = (i) => {
+  var S;
+  const e = le(G), n = le(Je), t = le(q), r = le(X), { drawings: s } = i, o = s[0];
+  if (o == null)
+    return;
+  const { unitId: d } = o, l = r.getRenderById(d), g = l == null ? void 0 : l.scene;
+  if (g == null)
+    return;
+  const c = g.getTransformerByCreate(), [a, h] = mt(!0), u = (S = o.anchorType) != null ? S : y.Position, [m, f] = mt(u);
+  function p(R, _) {
+    const C = [];
+    return R.forEach((w) => {
+      const { oKey: O } = w, b = _.getDrawingOKey(O);
+      if (b == null)
+        return C.push(null), !0;
+      const { unitId: A, subUnitId: P, drawingId: D, drawingType: M, anchorType: U, sheetTransform: x } = b;
+      C.push({
+        unitId: A,
+        subUnitId: P,
+        drawingId: D,
+        anchorType: U,
+        sheetTransform: x,
+        drawingType: M
+      });
+    }), C;
+  }
+  vt(() => {
+    const R = c.clearControl$.subscribe((C) => {
+      C === !0 && h(!1);
+    }), _ = c.changeStart$.subscribe((C) => {
+      var b;
+      const { objects: w } = C, O = p(w, t);
+      if (O.length === 0)
+        h(!1);
+      else if (O.length >= 1) {
+        h(!0);
+        const A = ((b = O[0]) == null ? void 0 : b.anchorType) || y.Position;
+        f(A);
+      }
+    });
+    return () => {
+      _.unsubscribe(), R.unsubscribe();
+    };
+  }, []);
+  function v(R) {
+    f(R);
+    const _ = t.getFocusDrawings();
+    if (_.length === 0)
+      return;
+    const C = _.map((w) => ({
+      unitId: w.unitId,
+      subUnitId: w.subUnitId,
+      drawingId: w.drawingId,
+      anchorType: R
+    }));
+    e.executeCommand(et.id, {
+      unitId: _[0].unitId,
+      drawings: C
+    });
   }
+  const I = (R) => R ? "block" : "none";
+  return /* @__PURE__ */ $.jsxs("div", { className: je(ne.imageCommonPanelGrid, ne.imageCommonPanelBorder), style: { display: I(a) }, children: [
+    /* @__PURE__ */ $.jsx("div", { className: ne.imageCommonPanelRow, children: /* @__PURE__ */ $.jsx("div", { className: je(ne.imageCommonPanelColumn, ne.imageCommonPanelTitle), children: /* @__PURE__ */ $.jsx("div", { children: n.t("drawing-anchor.title") }) }) }),
+    /* @__PURE__ */ $.jsx("div", { className: je(ne.imageCommonPanelRow), children: /* @__PURE__ */ $.jsx("div", { className: je(ne.imageCommonPanelColumn), children: /* @__PURE__ */ $.jsxs(ci, { value: m, onChange: v, direction: "vertical", children: [
+      /* @__PURE__ */ $.jsx(ot, { value: y.Both, children: n.t("drawing-anchor.both") }),
+      /* @__PURE__ */ $.jsx(ot, { value: y.Position, children: n.t("drawing-anchor.position") }),
+      /* @__PURE__ */ $.jsx(ot, { value: y.None, children: n.t("drawing-anchor.none") })
+    ] }) }) })
+  ] });
+}, Ms = () => {
+  const i = le(q), e = i.getFocusDrawings(), [n, t] = mt(e);
+  return vt(() => {
+    const r = i.focus$.subscribe((s) => {
+      t(s);
+    });
+    return () => {
+      r.unsubscribe();
+    };
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ $.jsxs("div", { className: ne.imageCommonPanel, children: [
+    /* @__PURE__ */ $.jsx(fr, { drawings: n }),
+    /* @__PURE__ */ $.jsx(Rs, { drawings: n })
+  ] });
+}, Ds = {
+  [Wr.FORMULAS_INSERT]: {
+    [On]: {
+      order: 3,
+      menuItemFactory: ss,
+      [St.id]: {
+        order: 0,
+        menuItemFactory: os
+      },
+      [It.id]: {
+        order: 1,
+        menuItemFactory: as
+      }
+    }
+  }
+};
+function Me(i) {
+  return !i.getContextValue(Zn) && !i.getContextValue(Qn) && !i.getContextValue(er) && i.getContextValue(ve);
+}
+const bs = {
+  id: Re.id,
+  description: "shortcut.sheet.drawing-move-down",
+  group: "4_sheet-drawing-view",
+  binding: ge.ARROW_DOWN,
+  priority: 100,
+  preconditions: Me,
+  staticParameters: {
+    direction: re.DOWN
+  }
+}, ys = {
+  id: Re.id,
+  description: "shortcut.sheet.drawing-move-up",
+  group: "4_sheet-drawing-view",
+  binding: ge.ARROW_UP,
+  priority: 100,
+  preconditions: Me,
+  staticParameters: {
+    direction: re.UP
+  }
+}, Os = {
+  id: Re.id,
+  description: "shortcut.sheet.drawing-move-left",
+  group: "4_sheet-drawing-view",
+  binding: ge.ARROW_LEFT,
+  priority: 100,
+  preconditions: Me,
+  staticParameters: {
+    direction: re.LEFT
+  }
+}, Ts = {
+  id: Re.id,
+  description: "shortcut.sheet.drawing-move-right",
+  group: "4_sheet-drawing-view",
+  binding: ge.ARROW_RIGHT,
+  priority: 100,
+  preconditions: Me,
+  staticParameters: {
+    direction: re.RIGHT
+  }
+}, Es = {
+  id: bn.id,
+  description: "shortcut.sheet.drawing-delete",
+  group: "4_sheet-drawing-view",
+  // when focusing on any other input tag do not trigger this shortcut
+  preconditions: Me,
+  binding: ge.DELETE,
+  mac: ge.BACKSPACE
 };
-ot = ki([
-  Q(1, J),
-  Q(2, B),
-  Q(3, pe),
-  Q(4, W(q)),
-  Q(5, W(at)),
-  Q(6, F),
-  Q(7, K),
-  Q(8, fe)
-], ot);
-var Xi = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, zi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Hi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var Ps = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, As = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Us(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 && Xi(e, n, r), r;
-}, oe = (i, e) => (n, t) => e(n, t, i);
-function Ki(i, e, n, t) {
-  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(Kn.VIEW_MAIN), d = {
+  return t && r && Ps(e, n, r), r;
+}, We = (i, e) => (n, t) => e(n, t, i);
+let Xe = class extends Z {
+  constructor(i, e, n, t) {
+    super(), this._componentManager = i, this._menuManagerService = e, this._commandService = n, this._shortcutService = t, this._init();
+  }
+  _initCustomComponents() {
+    const i = this._componentManager;
+    this.disposeWithMe(i.register(yn, Dn)), this.disposeWithMe(i.register(pn, Ms));
+  }
+  _initMenus() {
+    this._menuManagerService.mergeMenu(Ds);
+  }
+  _initCommands() {
+    [
+      St,
+      It,
+      Qe,
+      Ze,
+      et,
+      wn,
+      W,
+      _n,
+      vn,
+      In,
+      Re,
+      bn,
+      Sn
+    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
+  }
+  _initShortcuts() {
+    [
+      // sheet drawing shortcuts
+      bs,
+      ys,
+      Os,
+      Ts,
+      Es
+    ].forEach((i) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(i));
+    });
+  }
+  _init() {
+    this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
+  }
+};
+Xe = As([
+  We(0, N(xr)),
+  We(1, $r),
+  We(2, G),
+  We(3, Br)
+], Xe);
+var Ns = Object.defineProperty, js = Object.getOwnPropertyDescriptor, Ws = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? js(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 && Ns(e, n, r), r;
+}, de = (i, e) => (n, t) => e(n, t, i);
+function xs(i, e, n, t) {
+  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(kt.VIEW_MAIN), d = {
     left: !0,
     top: !0
   };
@@ -2172,37 +2466,37 @@ function Ki(i, e, n, t) {
       ...i,
       absolute: d
     };
-  const { left: l, right: g, top: c, bottom: a } = i, h = t.getFreeze(), { startColumn: u, startRow: m, xSplit: f, ySplit: p } = h, C = n.getNoMergeCellPositionByIndexWithNoHeader(m - p, u - f), S = n.getNoMergeCellPositionByIndexWithNoHeader(m, u), { rowHeaderWidth: v, columnHeaderHeight: R } = n, _ = S.startX - C.startX, I = S.startY - C.startY, { top: w, left: O, viewportScrollX: b, viewportScrollY: A } = o;
-  let E, M;
-  l < O ? (d.left = !0, E = (_ + v + (l - O)) * r, M = Math.max(
+  const { left: l, right: g, top: c, bottom: a } = i, h = t.getFreeze(), { startColumn: u, startRow: m, xSplit: f, ySplit: p } = h, v = n.getNoMergeCellPositionByIndexWithNoHeader(m - p, u - f), I = n.getNoMergeCellPositionByIndexWithNoHeader(m, u), { rowHeaderWidth: S, columnHeaderHeight: R } = n, _ = I.startX - v.startX, C = I.startY - v.startY, { top: w, left: O, viewportScrollX: b, viewportScrollY: A } = o;
+  let P, D;
+  l < O ? (d.left = !0, P = (_ + S + (l - O)) * r, D = Math.max(
     Math.min(
-      (_ + v + (g - O)) * r,
-      (_ + v) * r
+      (_ + S + (g - O)) * r,
+      (_ + S) * r
     ),
     (g - b) * r
-  )) : (d.left = !1, E = Math.max((l - b) * r, (_ + v) * r), M = Math.max((g - b) * r, (_ + v) * r));
-  let D, U;
-  return c < w ? (d.top = !0, D = (I + R + (c - w)) * s, U = Math.max(
+  )) : (d.left = !1, P = Math.max((l - b) * r, (_ + S) * r), D = Math.max((g - b) * r, (_ + S) * r));
+  let M, U;
+  return c < w ? (d.top = !0, M = (C + R + (c - w)) * s, U = Math.max(
     Math.min(
-      (I + R + (g - w)) * s,
-      (I + R) * s
+      (C + R + (g - w)) * s,
+      (C + R) * s
     ),
     (a - A) * s
-  )) : (d.top = !1, D = Math.max((c - A) * s, (I + R) * s), U = Math.max((a - A) * s, (I + R) * s)), {
-    left: E,
-    right: M,
-    top: D,
+  )) : (d.top = !1, M = Math.max((c - A) * s, (C + R) * s), U = Math.max((a - A) * s, (C + R) * s)), {
+    left: P,
+    right: D,
+    top: M,
     bottom: U,
     absolute: d
   };
 }
-const Qe = (i, e, n, t) => {
+const dt = (i, e, n, t) => {
   const { scene: r } = e, { left: s, top: o, width: d, height: l, angle: g } = i, c = {
     left: s,
     right: s + d,
     top: o,
     bottom: o + l
-  }, a = Ki(c, r, n, t), { scaleX: h, scaleY: u } = r.getAncestorScale();
+  }, a = xs(c, r, n, t), { scaleX: h, scaleY: u } = r.getAncestorScale();
   return {
     startX: a.left,
     endX: a.right,
@@ -2214,22 +2508,22 @@ const Qe = (i, e, n, t) => {
     absolute: a.absolute
   };
 };
-let $e = class extends ie {
+let ze = class extends Z {
   constructor(e, n, t, r, s, o, d) {
     super();
-    V(this, "_domLayerMap", /* @__PURE__ */ new Map());
-    V(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    V(this, "_transformChange$", new Ke());
-    V(this, "transformChange$", this._transformChange$.asObservable());
-    V(this, "_add$", new Ke());
-    V(this, "add$", this._add$.asObservable());
-    V(this, "_remove$", new Ke());
-    V(this, "remove$", this._remove$.asObservable());
-    V(this, "_hooks", []);
+    F(this, "_domLayerMap", /* @__PURE__ */ new Map());
+    F(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    F(this, "_transformChange$", new it());
+    F(this, "transformChange$", this._transformChange$.asObservable());
+    F(this, "_add$", new it());
+    F(this, "add$", this._add$.asObservable());
+    F(this, "_remove$", new it());
+    F(this, "remove$", this._remove$.asObservable());
+    F(this, "_hooks", []);
     this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = d, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
   }
   _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(re((e) => e === bn.Rendered), mr(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(se((e) => e === nr.Rendered), Gr(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -2263,18 +2557,18 @@ let $e = class extends ie {
       // eslint-disable-next-line max-lines-per-function
       this._drawingManagerService.add$.subscribe((e) => {
         e.forEach((n) => {
-          var ut, ht, gt;
-          const { unitId: t, subUnitId: r, drawingId: s } = n, o = ce(this._univerInstanceService, { unitId: t, subUnitId: r }), d = this._drawingManagerService.getDrawingByParam(n), l = this._univerInstanceService.getUnit(t);
+          var Rt, Mt, Dt;
+          const { unitId: t, subUnitId: r, drawingId: s } = n, o = H(this._univerInstanceService, { unitId: t, subUnitId: r }), d = this._drawingManagerService.getDrawingByParam(n), l = this._univerInstanceService.getUnit(t, L.UNIVER_SHEET);
           if (!l)
             return;
           const g = l.getActiveSheet().getSheetId();
           if (!d || !o)
             return;
-          const c = (ut = this._renderManagerService.getRenderById(t)) == null ? void 0 : ut.with(q).getWorksheetSkeleton(r);
+          const c = (Rt = this._renderManagerService.getRenderById(t)) == null ? void 0 : Rt.with(Q).getWorksheetSkeleton(r);
           if (!c)
             return;
           const { transform: a, drawingType: h, data: u } = d;
-          if (h !== k.DRAWING_DOM && h !== k.DRAWING_CHART)
+          if (h !== V.DRAWING_DOM && h !== V.DRAWING_CHART)
             return;
           const m = this._getSceneAndTransformerByDrawingSearch(t);
           if (m == null)
@@ -2284,57 +2578,57 @@ let $e = class extends ie {
             return !0;
           if (g !== r)
             return;
-          const { left: C, top: S, width: v, height: R, angle: _, flipX: I, flipY: w, skewX: O, skewY: b } = a, A = ze({ unitId: t, subUnitId: r, drawingId: s }), E = f.getObject(A);
-          if (E != null) {
-            E.transformByState({ left: C, top: S, width: v, height: R, angle: _, flipX: I, flipY: w, skewX: O, skewY: b });
+          const { left: v, top: I, width: S, height: R, angle: _, flipX: C, flipY: w, skewX: O, skewY: b } = a, A = rt({ unitId: t, subUnitId: r, drawingId: s }), P = f.getObject(A);
+          if (P != null) {
+            P.transformByState({ left: v, top: I, width: S, height: R, angle: _, flipX: C, flipY: w, skewX: O, skewY: b });
             return;
           }
-          const M = {
-            left: C,
-            top: S,
-            width: v,
+          const D = {
+            left: v,
+            top: I,
+            width: S,
             height: R,
             zIndex: this._drawingManagerService.getDrawingOrder(t, r).length - 1
-          }, D = h === k.DRAWING_CHART;
-          D && (M.fill = "white", M.rotateEnabled = !1, u && u.border && (M.stroke = u.border), M.paintFirst = "stroke", M.strokeWidth = 1, M.borderEnabled = !1, M.radius = 8);
-          const U = new wt(A, M);
-          D && U.setObjectType(Hn.CHART), f.addObject(U, zn), d.allowTransform !== !1 && f.attachTransformerTo(U);
-          const x = this._ensureMap(t, r), Z = new yn(), hn = Qe(U, m.renderObject, c.skeleton, o.worksheet), Fe = new fr(hn), gn = {
-            dispose: Z,
+          }, M = h === V.DRAWING_CHART;
+          M && (D.fill = "white", D.rotateEnabled = !1, u && u.border && (D.stroke = u.border), D.paintFirst = "stroke", D.strokeWidth = 1, D.borderEnabled = !1, D.radius = 8);
+          const U = new Ut(A, D);
+          M && U.setObjectType(vr.CHART), f.addObject(U, Sr), d.allowTransform !== !1 && f.attachTransformerTo(U);
+          const x = this._ensureMap(t, r), ee = new rr(), Un = dt(U, m.renderObject, c.skeleton, o.worksheet), tt = new Fr(Un), An = {
+            dispose: ee,
             rect: U,
-            position$: Fe,
+            position$: tt,
             unitId: t,
             subUnitId: r
           };
           this._canvasFloatDomService.addFloatDom({
-            position$: Fe,
+            position$: tt,
             id: s,
             componentKey: d.componentKey,
-            onPointerDown: (G) => {
-              p.dispatchEvent(new PointerEvent(G.type, G));
+            onPointerDown: (k) => {
+              p.dispatchEvent(new PointerEvent(k.type, k));
             },
-            onPointerMove: (G) => {
-              p.dispatchEvent(new PointerEvent(G.type, G));
+            onPointerMove: (k) => {
+              p.dispatchEvent(new PointerEvent(k.type, k));
             },
-            onPointerUp: (G) => {
-              p.dispatchEvent(new PointerEvent(G.type, G));
+            onPointerUp: (k) => {
+              p.dispatchEvent(new PointerEvent(k.type, k));
             },
-            onWheel: (G) => {
-              p.dispatchEvent(new WheelEvent(G.type, G));
+            onWheel: (k) => {
+              p.dispatchEvent(new WheelEvent(k.type, k));
             },
-            props: (gt = (ht = x.get(s)) == null ? void 0 : ht.props) != null ? gt : this._getFloatDomProps(s),
+            props: (Dt = (Mt = x.get(s)) == null ? void 0 : Mt.props) != null ? Dt : this._getFloatDomProps(s),
             data: u,
             unitId: t
           });
-          const lt = U.onTransformChange$.subscribeEvent(() => {
-            const G = Qe(U, m.renderObject, c.skeleton, o.worksheet);
-            Fe.next(
-              G
+          const Ct = U.onTransformChange$.subscribeEvent(() => {
+            const k = dt(U, m.renderObject, c.skeleton, o.worksheet);
+            tt.next(
+              k
             );
           });
-          Z.add(() => {
+          ee.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), lt && Z.add(lt), this._domLayerInfoMap.set(s, gn), x.set(s, {
+          }), Ct && ee.add(Ct), this._domLayerInfoMap.set(s, An), x.set(s, {
             ...x.get(s)
           });
         });
@@ -2342,7 +2636,7 @@ let $e = class extends ie {
     ), this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((e) => {
         e.forEach((n) => {
-          const { unitId: t, subUnitId: r, drawingId: s } = n, o = ze({ unitId: t, subUnitId: r, drawingId: s }), d = this._getSceneAndTransformerByDrawingSearch(t);
+          const { unitId: t, subUnitId: r, drawingId: s } = n, o = rt({ unitId: t, subUnitId: r, drawingId: s }), d = this._getSceneAndTransformerByDrawingSearch(t);
           if (d == null)
             return;
           const { transformer: l, scene: g } = d, c = g.getObject(o);
@@ -2354,39 +2648,39 @@ let $e = class extends ie {
   _scrollUpdateListener() {
     const e = (n, t) => {
       var g;
-      const r = this._getSceneAndTransformerByDrawingSearch(n), s = this._ensureMap(n, t), o = Array.from(s.keys()), d = ce(this._univerInstanceService, { unitId: n, subUnitId: t }), l = (g = this._renderManagerService.getRenderById(n)) == null ? void 0 : g.with(q).getWorksheetSkeleton(t);
+      const r = this._getSceneAndTransformerByDrawingSearch(n), s = this._ensureMap(n, t), o = Array.from(s.keys()), d = H(this._univerInstanceService, { unitId: n, subUnitId: t }), l = (g = this._renderManagerService.getRenderById(n)) == null ? void 0 : g.with(Q).getWorksheetSkeleton(t);
       !r || !d || !l || o.forEach((c) => {
         const a = this._domLayerInfoMap.get(c);
         if (a) {
-          const h = Qe(a.rect, r.renderObject, l.skeleton, d.worksheet);
+          const h = dt(a.rect, r.renderObject, l.skeleton, d.worksheet);
           a.position$.next(h);
         }
       });
     };
     this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET).pipe(
-        re((n) => !!n),
-        St((n) => n.activeSheet$),
-        re((n) => !!n),
-        Ee((n) => {
+      this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET).pipe(
+        se((n) => !!n),
+        jt((n) => n.activeSheet$),
+        se((n) => !!n),
+        Be((n) => {
           const t = this._renderManagerService.getRenderById(n.getUnitId());
           return t ? { render: t, unitId: n.getUnitId(), subUnitId: n.getSheetId() } : null;
         }),
-        re((n) => !!n),
-        St(
-          (n) => On(n.render.scene.getViewport(nr.VIEW_MAIN).onScrollAfter$).pipe(Ee(() => ({ unitId: n.unitId, subUnitId: n.subUnitId })))
+        se((n) => !!n),
+        jt(
+          (n) => ir(n.render.scene.getViewport(kt.VIEW_MAIN).onScrollAfter$).pipe(Be(() => ({ unitId: n.unitId, subUnitId: n.subUnitId })))
         )
       ).subscribe(({ unitId: n, subUnitId: t }) => {
         e(n, t);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((n) => {
       var t, r;
-      if (n.id === rr.id) {
+      if (n.id === Er.id) {
         const s = n.params, { unitId: o } = s;
         Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((l) => {
           e(o, l);
         });
-      } else if (n.id === Mr.id) {
+      } else if (n.id === ri.id) {
         const { unitId: s, subUnitId: o } = n.params;
         e(s, o);
       }
@@ -2394,7 +2688,7 @@ let $e = class extends ie {
   }
   _getPosition(e, n) {
     var h;
-    const { startX: t, endX: r, startY: s, endY: o } = e, d = (h = this._renderManagerService.getRenderById(n)) == null ? void 0 : h.with(pe);
+    const { startX: t, endX: r, startY: s, endY: o } = e, d = (h = this._renderManagerService.getRenderById(n)) == null ? void 0 : h.with(Ce);
     if (d == null)
       return;
     const l = d.getCellWithCoordByOffset(t, s);
@@ -2424,7 +2718,7 @@ let $e = class extends ie {
       this._drawingManagerService.update$.subscribe((e) => {
         e.forEach((n) => {
           const t = this._drawingManagerService.getDrawingByParam(n);
-          if (!t || t.drawingType !== k.DRAWING_DOM && t.drawingType !== k.DRAWING_CHART)
+          if (!t || t.drawingType !== V.DRAWING_DOM && t.drawingType !== V.DRAWING_CHART)
             return;
           const r = {
             ...t.transform
@@ -2446,18 +2740,18 @@ let $e = class extends ie {
   updateFloatDomProps(e, n, t, r) {
     const s = this._domLayerInfoMap.get(t), o = this._getSceneAndTransformerByDrawingSearch(e);
     if (s && o) {
-      const { scene: d } = o, l = ze({ unitId: e, subUnitId: n, drawingId: t }), g = d.getObject(l);
-      g && g instanceof wt && g.setProps(r);
+      const { scene: d } = o, l = rt({ unitId: e, subUnitId: n, drawingId: t }), g = d.getObject(l);
+      g && g instanceof Ut && g.setProps(r);
     }
   }
   addFloatDomToPosition(e, n) {
-    const t = ce(this._univerInstanceService, {
+    const t = H(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
     });
     if (!t)
       throw new Error("cannot find current target!");
-    const { unitId: r, subUnitId: s } = t, { initPosition: o, componentKey: d, data: l, allowTransform: g = !0 } = e, c = n != null ? n : Pn(), a = this._getPosition(o, r);
+    const { unitId: r, subUnitId: s } = t, { initPosition: o, componentKey: d, data: l, allowTransform: g = !0 } = e, c = n != null ? n : sr(), a = this._getPosition(o, r);
     if (a == null)
       return;
     this._ensureMap(r, s).set(c, e);
@@ -2465,7 +2759,7 @@ let $e = class extends ie {
       unitId: r,
       subUnitId: s,
       drawingId: c,
-      drawingType: e.type || k.DRAWING_DOM,
+      drawingType: e.type || V.DRAWING_DOM,
       componentKey: d,
       sheetTransform: a,
       transform: {
@@ -2477,7 +2771,7 @@ let $e = class extends ie {
       data: l,
       allowTransform: g
     };
-    return this._commandService.executeCommand(ke.id, {
+    return this._commandService.executeCommand(Qe.id, {
       unitId: r,
       drawings: [u]
     }), this._add$.next({ unitId: r, subUnitId: s, id: c }), {
@@ -2500,7 +2794,7 @@ let $e = class extends ie {
       if (!l)
         return;
       const g = this._sheetDrawingService.getBatchRemoveOp([l]), { redo: c, objects: a } = g;
-      this._commandService.syncExecuteCommand(P.id, { unitId: r, subUnitId: s, op: c, objects: a, type: T.REMOVE });
+      this._commandService.syncExecuteCommand(T.id, { unitId: r, subUnitId: s, op: c, objects: a, type: E.REMOVE });
     }
   }
   addHook(e) {
@@ -2512,86 +2806,92 @@ let $e = class extends ie {
     };
   }
 };
-$e = zi([
-  oe(0, W(J)),
-  oe(1, fe),
-  oe(2, W(B)),
-  oe(3, K),
-  oe(4, W(gr)),
-  oe(5, F),
-  oe(6, W(Mn))
-], $e);
-var ln = Object.defineProperty, Ji = Object.getOwnPropertyDescriptor, Zi = (i, e, n) => e in i ? ln(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, qi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ji(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+ze = Ws([
+  de(0, N(X)),
+  de(1, fe),
+  de(2, N(G)),
+  de(3, q),
+  de(4, N(Lr)),
+  de(5, z),
+  de(6, N(tr))
+], ze);
+var En = Object.defineProperty, $s = Object.getOwnPropertyDescriptor, Bs = (i, e, n) => e in i ? En(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Ls = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? $s(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 && ln(e, n, r), r;
-}, et = (i, e) => (n, t) => e(n, t, i), un = (i, e, n) => Zi(i, typeof e != "symbol" ? e + "" : e, n);
-const Qi = "SHEET_IMAGE_UI_PLUGIN";
-let Le = class extends En {
-  constructor(i = Pr, e, n, t) {
+  return t && r && En(e, n, r), r;
+}, lt = (i, e) => (n, t) => e(n, t, i), Pn = (i, e, n) => Bs(i, typeof e != "symbol" ? e + "" : e, n);
+const Gs = "SHEET_IMAGE_UI_PLUGIN";
+let Ke = class extends ar {
+  constructor(i = li, e, n, t) {
     super(), this._config = i, this._injector = e, this._renderManagerService = n, this._configService = t;
     const { menu: r, ...s } = this._config;
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Or, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(di, s);
   }
   onStarting() {
-    Un(this._injector, [
-      [$e],
-      [Ne],
-      [Ue],
-      [xe],
-      [We],
-      [je]
-    ]), Xe(this._injector, [
-      [$e]
+    cr(this._injector, [
+      [ze],
+      [Xe],
+      [Le],
+      [Ye],
+      [He],
+      [ke],
+      [Ge],
+      [Ve],
+      [Fe]
+    ]), nt(this._injector, [
+      [ze]
     ]);
   }
   onReady() {
-    Xe(this._injector, [
-      [je]
+    nt(this._injector, [
+      [ke]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), Xe(this._injector, [
-      [We],
-      [xe],
-      [Ne]
+    this._registerRenderModules(), nt(this._injector, [
+      [He],
+      [Ye],
+      [Xe],
+      [Ge],
+      [Ve],
+      [Fe]
     ]);
   }
   onSteady() {
-    this._injector.get(Ue);
+    this._injector.get(Le);
   }
   _registerRenderModules() {
     [
-      [Ae],
-      [ot],
-      [st]
+      [Se],
+      [wt],
+      [ft]
     ].forEach((i) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(Y.UNIVER_SHEET, i));
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(L.UNIVER_SHEET, i));
     });
   }
 };
-un(Le, "type", Y.UNIVER_SHEET);
-un(Le, "pluginName", Qi);
-Le = qi([
-  Tn(xn, Yn, Jn),
-  et(1, W(Rt)),
-  et(2, J),
-  et(3, An)
-], Le);
+Pn(Ke, "type", L.UNIVER_SHEET);
+Pn(Ke, "pluginName", Gs);
+Ke = Ls([
+  or(lr, pr, Ir),
+  lt(1, N(Ie)),
+  lt(2, X),
+  lt(3, dr)
+], Ke);
 export {
-  j as ClearSheetDrawingTransformerOperation,
-  nn as DeleteDrawingsCommand,
-  Jt as EditSheetDrawingOperation,
-  rn as GroupSheetDrawingCommand,
-  cn as IMAGE_MENU_ID,
-  dt as InsertFloatImageCommand,
-  ke as InsertSheetDrawingCommand,
-  we as MoveDrawingsCommand,
-  Ge as RemoveSheetDrawingCommand,
-  sn as SetDrawingArrangeCommand,
-  Ye as SetSheetDrawingCommand,
-  $e as SheetCanvasFloatDomManagerService,
-  Kt as SidebarSheetDrawingOperation,
-  on as UngroupSheetDrawingCommand,
-  Le as UniverSheetsDrawingUIPlugin
+  W as ClearSheetDrawingTransformerOperation,
+  bn as DeleteDrawingsCommand,
+  _n as EditSheetDrawingOperation,
+  vn as GroupSheetDrawingCommand,
+  St as InsertFloatImageCommand,
+  Qe as InsertSheetDrawingCommand,
+  Re as MoveDrawingsCommand,
+  Ze as RemoveSheetDrawingCommand,
+  On as SHEETS_IMAGE_MENU_ID,
+  Sn as SetDrawingArrangeCommand,
+  et as SetSheetDrawingCommand,
+  ze as SheetCanvasFloatDomManagerService,
+  wn as SidebarSheetDrawingOperation,
+  In as UngroupSheetDrawingCommand,
+  Ke as UniverSheetsDrawingUIPlugin
 };