npm - @univerjs/sheets-drawing-ui - Versions diffs - 0.1.15 → 0.1.17 - Mend

@univerjs/sheets-drawing-ui 0.1.15 → 0.1.17

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

Files changed (6) hide show

package/lib/cjs/index.js +1 -1
package/lib/es/index.js +1253 -1107
package/lib/types/controllers/sheet-drawing-permission.controller.d.ts +16 -0
package/lib/types/views/sheet-image-panel/SheetDrawingPanel.d.ts +1 -1
package/lib/umd/index.js +1 -1
package/package.json +22 -22

package/lib/es/index.js CHANGED Viewed

@@ -1,69 +1,67 @@
-var Gt = Object.defineProperty;
-var xt = (r, e, n) => e in r ? Gt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
-var H = (r, e, n) => (xt(r, typeof e != "symbol" ? e + "" : e, n), n);
-import { CommandType as $, ICommandService as B, IUndoRedoService as ie, LocaleService as de, IUniverInstanceService as ue, RxDisposable as $t, UniverInstanceType as ee, toDisposable as Ae, FOCUSING_COMMON_DRAWINGS as le, OnLifecycle as me, LifecycleStages as he, IContextService as rt, Disposable as ge, Direction as K, FOCUSING_FORMULA_EDITOR as Ft, EDITOR_ACTIVATED as Vt, Rectangle as Yt, DrawingTypeEnum as Ne, DisposableCollection as Xt, Tools as ne, Plugin as Ht, DependentOn as kt } from "@univerjs/core";
-import { Inject as W, Injector as Ve } from "@wendellhu/redi";
-import { ImageCropperObject as zt, COMPONENT_IMAGE_POPUP_MENU as Kt, OpenImageCropOperation as Jt, ImageResetSizeOperation as Zt, DrawingCommonPanel as qt, DrawingRenderService as Qt, UniverDrawingUIPlugin as en } from "@univerjs/drawing-ui";
-import { ISheetDrawingService as Y, SetDrawingApplyMutation as b, DrawingApplyType as P, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as tn } from "@univerjs/sheets-drawing";
-import { IDrawingManagerService as k, IImageIoService as ot, ArrangeTypeEnum as we, DrawingTypeEnum as ye, DRAWING_IMAGE_COUNT_LIMIT as Je, ImageUploadStatusType as Le, DRAWING_IMAGE_ALLOW_SIZE as nn, getImageSize as rn, DRAWING_IMAGE_WIDTH_LIMIT as Ze, DRAWING_IMAGE_HEIGHT_LIMIT as qe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as on, getDrawingShapeKeyByDrawingSearch as sn, UniverDrawingPlugin as an } from "@univerjs/drawing";
-import { IRenderManagerService as se, getGroupState as cn, transformObjectOutOfGroup as ln, precisionTo as J, Rect as dn, DRAWING_OBJECT_LAYER_INDEX as un, SHEET_VIEWPORT_KEY as mn } from "@univerjs/engine-render";
-import { SheetCanvasPopManagerService as hn, ISelectionRenderService as Te, getCurrentRangeDisable$ as gn, SheetSkeletonManagerService as Be, SetScrollOperation as fn, SetZoomRatioOperation as pn, SheetPrintInterceptorService as wn } from "@univerjs/sheets-ui";
-import { takeUntil as Qe, Subject as et, BehaviorSubject as _n } from "rxjs";
-import { ISidebarService as vn, BuiltInUIPart as Sn, IUIPartsService as Cn, IMessageService as Rn, MenuItemType as it, MenuPosition as In, MenuGroup as Dn, getMenuHiddenObservable as st, KeyCode as oe, ComponentManager as Mn, IMenuService as On, IShortcutService as bn, CanvasFloatDomService as Pn } from "@univerjs/ui";
-import { useDependency as Z, connectInjector as yn } from "@wendellhu/redi/react-bindings";
-import { getSheetCommandTarget as re, SelectionManagerService as Tn, WorkbookEditablePermission as En, WorksheetEditPermission as Un, RangeProtectionPermissionEditPoint as An, InsertRowCommand as at, InsertColCommand as ct, RemoveRowCommand as lt, RemoveColCommand as dt, DeleteRangeMoveLeftCommand as ut, DeleteRangeMoveUpCommand as mt, InsertRangeMoveDownCommand as ht, InsertRangeMoveRightCommand as gt, DeltaRowHeightCommand as Ge, SetRowHeightCommand as xe, DeltaColumnWidthCommand as ft, SetColWidthCommand as pt, SetRowHiddenCommand as wt, SetSpecificRowsVisibleCommand as _t, SetSpecificColsVisibleCommand as vt, SetColHiddenCommand as St, SetRowVisibleMutation as Nn, SetRowHiddenMutation as Ln, SetColVisibleMutation as jn, SetColHiddenMutation as Wn, SetWorksheetRowHeightMutation as Bn, SetWorksheetColWidthMutation as Gn, SetWorksheetActiveOperation as xn, SheetInterceptorService as $n, SetFrozenMutation as Fn } from "@univerjs/sheets";
-import j, { useEffect as Ye, forwardRef as Ct, useRef as Rt, createElement as It, useState as $e } from "react";
-import { MessageType as _e, RadioGroup as Vn, Radio as je } from "@univerjs/design";
-import ve from "clsx";
-const L = {
+var kt = Object.defineProperty;
+var Jt = (r, e, n) => e in r ? kt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
+var K = (r, e, n) => Jt(r, typeof e != "symbol" ? e + "" : e, n);
+import { CommandType as G, ICommandService as B, IUndoRedoService as ae, LocaleService as pe, IUniverInstanceService as ce, RxDisposable as Zt, UniverInstanceType as Y, toDisposable as qt, FOCUSING_COMMON_DRAWINGS as fe, OnLifecycle as de, LifecycleStages as le, IContextService as gt, Disposable as ue, Direction as J, FOCUSING_FORMULA_EDITOR as Qt, EDITOR_ACTIVATED as en, Rectangle as tn, DrawingTypeEnum as Ve, DisposableCollection as nn, Tools as ie, UserManagerService as rn, IPermissionService as sn, Plugin as on, DependentOn as an } from "@univerjs/core";
+import { Inject as $, Injector as Ze } from "@wendellhu/redi";
+import { ImageCropperObject as cn, COMPONENT_IMAGE_POPUP_MENU as dn, OpenImageCropOperation as ln, ImageResetSizeOperation as un, DrawingCommonPanel as mn, DrawingRenderService as gn, UniverDrawingUIPlugin as hn } from "@univerjs/drawing-ui";
+import { ISheetDrawingService as X, SetDrawingApplyMutation as O, DrawingApplyType as P, SheetDrawingAnchorType as b, UniverSheetsDrawingPlugin as fn } from "@univerjs/sheets-drawing";
+import { IDrawingManagerService as H, IImageIoService as ht, ArrangeTypeEnum as ve, DrawingTypeEnum as Le, DRAWING_IMAGE_COUNT_LIMIT as it, ImageUploadStatusType as Ge, DRAWING_IMAGE_ALLOW_SIZE as pn, getImageSize as wn, DRAWING_IMAGE_WIDTH_LIMIT as st, DRAWING_IMAGE_HEIGHT_LIMIT as ot, DRAWING_IMAGE_ALLOW_IMAGE_LIST as _n, getDrawingShapeKeyByDrawingSearch as vn, UniverDrawingPlugin as Sn } from "@univerjs/drawing";
+import { IRenderManagerService as te, getGroupState as Cn, transformObjectOutOfGroup as In, precisionTo as Z, Rect as Rn, DRAWING_OBJECT_LAYER_INDEX as Dn, SHEET_VIEWPORT_KEY as Mn, RENDER_CLASS_TYPE as ne } from "@univerjs/engine-render";
+import { SheetCanvasPopManagerService as bn, ISelectionRenderService as $e, getCurrentRangeDisable$ as On, SheetSkeletonManagerService as Xe, SetScrollOperation as Pn, SetZoomRatioOperation as En, SheetPrintInterceptorService as yn } from "@univerjs/sheets-ui";
+import { takeUntil as at, Subject as ct, BehaviorSubject as Tn, combineLatest as Se, map as dt, filter as Ce, distinctUntilChanged as Ie } from "rxjs";
+import { ISidebarService as Un, BuiltInUIPart as An, IUIPartsService as Nn, IMessageService as jn, MenuItemType as ft, MenuPosition as Ln, MenuGroup as $n, getMenuHiddenObservable as pt, KeyCode as oe, ComponentManager as Bn, IMenuService as Wn, IShortcutService as Vn, CanvasFloatDomService as Gn } from "@univerjs/ui";
+import { useDependency as q, connectInjector as xn } from "@wendellhu/redi/react-bindings";
+import { getSheetCommandTarget as se, SelectionManagerService as Fn, WorkbookEditablePermission as He, WorksheetEditPermission as Oe, RangeProtectionPermissionEditPoint as Yn, InsertRowCommand as wt, InsertColCommand as _t, RemoveRowCommand as vt, RemoveColCommand as St, DeleteRangeMoveLeftCommand as Ct, DeleteRangeMoveUpCommand as It, InsertRangeMoveDownCommand as Rt, InsertRangeMoveRightCommand as Dt, DeltaRowHeightCommand as ze, SetRowHeightCommand as Ke, DeltaColumnWidthCommand as Mt, SetColWidthCommand as bt, SetRowHiddenCommand as Ot, SetSpecificRowsVisibleCommand as Pt, SetSpecificColsVisibleCommand as Et, SetColHiddenCommand as yt, SetRowVisibleMutation as Xn, SetRowHiddenMutation as Hn, SetColVisibleMutation as zn, SetColHiddenMutation as Kn, SetWorksheetRowHeightMutation as kn, SetWorksheetColWidthMutation as Jn, SetWorksheetActiveOperation as Zn, SheetInterceptorService as qn, SetFrozenMutation as Qn, WorkbookViewPermission as lt, WorksheetViewPermission as xe } from "@univerjs/sheets";
+import L, { useEffect as qe, forwardRef as Tt, useRef as Ut, createElement as At, useState as ke } from "react";
+import { MessageType as Re, RadioGroup as er, Radio as Fe } from "@univerjs/design";
+import De from "clsx";
+const j = {
   id: "sheet.operation.clear-drawing-transformer",
-  type: $.MUTATION,
+  type: G.MUTATION,
   handler: (r, e) => {
-    const n = r.get(se);
+    const n = r.get(te);
     return e.forEach((t) => {
-      var o, i;
-      (i = (o = n.getRenderById(t)) == null ? void 0 : o.scene.getTransformer()) == null || i.debounceRefreshControls();
+      var i, s;
+      (s = (i = n.getRenderById(t)) == null ? void 0 : i.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
-}, Xe = {
+}, Qe = {
   id: "sheet.command.remove-sheet-image",
-  type: $.COMMAND,
+  type: G.COMMAND,
   handler: (r, e) => {
-    const n = r.get(B), t = r.get(ie), o = r.get(Y);
-    if (!e)
-      return !1;
-    const { drawings: i } = e, s = [];
-    i.forEach((f) => {
-      const { unitId: g } = f;
-      s.push(g);
+    const n = r.get(B), t = r.get(ae), i = r.get(X);
+    if (!e) return !1;
+    const { drawings: s } = e, o = [];
+    s.forEach((f) => {
+      const { unitId: h } = f;
+      o.push(h);
     });
-    const a = o.getBatchRemoveOp(i), { unitId: c, subUnitId: u, undo: d, redo: l, objects: h } = a;
-    return n.syncExecuteCommand(b.id, { unitId: c, subUnitId: u, op: l, objects: h, type: P.REMOVE }) ? (t.pushUndoRedo({
+    const a = i.getBatchRemoveOp(s), { unitId: c, subUnitId: g, undo: l, redo: d, objects: m } = a;
+    return n.syncExecuteCommand(O.id, { unitId: c, subUnitId: g, op: d, objects: m, type: P.REMOVE }) ? (t.pushUndoRedo({
       unitID: c,
       undoMutations: [
-        { id: b.id, params: { unitId: c, subUnitId: u, op: d, objects: h, type: P.INSERT } },
-        { id: L.id, params: s }
+        { id: O.id, params: { unitId: c, subUnitId: g, op: l, objects: m, type: P.INSERT } },
+        { id: j.id, params: o }
       ],
       redoMutations: [
-        { id: b.id, params: { unitId: c, subUnitId: u, op: l, objects: h, type: P.REMOVE } },
-        { id: L.id, params: s }
+        { id: O.id, params: { unitId: c, subUnitId: g, op: d, objects: m, type: P.REMOVE } },
+        { id: j.id, params: o }
       ]
     }), !0) : !1;
   }
-}, Dt = "COMPONENT_SHEET_DRAWING_PANEL", Mt = {
+}, Nt = "COMPONENT_SHEET_DRAWING_PANEL", jt = {
   id: "sidebar.operation.sheet-image",
-  type: $.COMMAND,
+  type: G.COMMAND,
   handler: async (r, e) => {
-    const n = r.get(vn), t = r.get(de), o = r.get(ue), i = r.get(k);
-    if (!re(o))
-      return !1;
+    const n = r.get(Un), t = r.get(pe), i = r.get(ce), s = r.get(H);
+    if (!se(i)) return !1;
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("sheetImage.panel.title") },
-          children: { label: Dt },
+          children: { label: Nt },
           onClose: () => {
-            i.focusDrawing(null);
+            s.focusDrawing(null);
           },
           width: 360
         });
@@ -75,43 +73,43 @@ const L = {
     }
     return !0;
   }
-}, Ot = {
+}, Lt = {
   id: "sheet.operation.edit-sheet-image",
-  type: $.OPERATION,
+  type: G.OPERATION,
   handler: (r, e) => {
-    const n = r.get(k), t = r.get(B);
-    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Mt.id, { value: "open" }), !0);
-  }
-}, Yn = "univer-upload-loading", Xn = "univer-upload-loading-body", Hn = "univer-upload-loading-body-animation", kn = "univer-UniverCircleAnimation", zn = "univer-upload-loading-body-text", Se = {
-  uploadLoading: Yn,
-  uploadLoadingBody: Xn,
-  uploadLoadingBodyAnimation: Hn,
-  univerCircleAnimation: kn,
-  uploadLoadingBodyText: zn
-}, Kn = () => {
-  const r = Z(ot), e = Z(de), [n, t] = j.useState(0);
-  return Ye(() => {
-    const o = r.change$.subscribe((i) => {
-      t(i);
+    const n = r.get(H), t = r.get(B);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(jt.id, { value: "open" }), !0);
+  }
+}, tr = "univer-upload-loading", nr = "univer-upload-loading-body", rr = "univer-upload-loading-body-animation", ir = "univer-UniverCircleAnimation", sr = "univer-upload-loading-body-text", Me = {
+  uploadLoading: tr,
+  uploadLoadingBody: nr,
+  uploadLoadingBodyAnimation: rr,
+  univerCircleAnimation: ir,
+  uploadLoadingBodyText: sr
+}, or = () => {
+  const r = q(ht), e = q(pe), [n, t] = L.useState(0);
+  return qe(() => {
+    const i = r.change$.subscribe((s) => {
+      t(s);
     });
     return () => {
-      o.unsubscribe();
+      i.unsubscribe();
     };
-  }, [r]), /* @__PURE__ */ j.createElement("div", { style: { display: n > 0 ? "block" : "none" }, className: Se.uploadLoading }, /* @__PURE__ */ j.createElement("div", { className: Se.uploadLoadingBody }, /* @__PURE__ */ j.createElement("div", { className: Se.uploadLoadingBodyAnimation }), /* @__PURE__ */ j.createElement("div", { className: Se.uploadLoadingBodyText }, `${e.t("uploadLoading.loading")}: ${n}`)));
+  }, [r]), /* @__PURE__ */ L.createElement("div", { style: { display: n > 0 ? "block" : "none" }, className: Me.uploadLoading }, /* @__PURE__ */ L.createElement("div", { className: Me.uploadLoadingBody }, /* @__PURE__ */ L.createElement("div", { className: Me.uploadLoadingBodyAnimation }), /* @__PURE__ */ L.createElement("div", { className: Me.uploadLoadingBodyText }, `${e.t("uploadLoading.loading")}: ${n}`)));
 };
-var Jn = Object.defineProperty, Zn = Object.getOwnPropertyDescriptor, qn = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? Zn(e, n) : e, i = r.length - 1, s; i >= 0; i--)
-    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && Jn(e, n, o), o;
-}, q = (r, e) => (n, t) => e(n, t, r);
-let Re = class extends $t {
-  constructor(e, n, t, o, i, s, a) {
+var ar = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, dr = (r, e, n, t) => {
+  for (var i = t > 1 ? void 0 : t ? cr(e, n) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
+  return t && i && ar(e, n, i), i;
+}, Q = (r, e) => (n, t) => e(n, t, r);
+let Pe = class extends Zt {
+  constructor(e, n, t, i, s, o, a) {
     super();
-    H(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = o, this._univerInstanceService = i, this._contextService = s, this._uiPartsService = a, this._init();
+    K(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = i, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = a, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(ee.UNIVER_SHEET).pipe(Qe(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(ee.UNIVER_SHEET).pipe(Qe(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(ee.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(Sn.CONTENT, () => yn(Kn, this._injector));
+    this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET).pipe(at(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(Y.UNIVER_SHEET).pipe(at(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(Y.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(An.CONTENT, () => xn(or, this._injector));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -126,62 +124,58 @@ let Re = class extends $t {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof zt)
+      if (t instanceof cn)
         return !0;
     return !1;
   }
   _popupMenuListener(e) {
-    var i;
-    const n = (i = this._renderManagerService.getRenderById(e)) == null ? void 0 : i.scene;
+    var s;
+    const n = (s = this._renderManagerService.getRenderById(e)) == null ? void 0 : s.scene;
     if (!n)
       return;
     const t = n.getTransformerByCreate();
     if (!t)
       return;
-    const o = [];
+    const i = [];
     this.disposeWithMe(
-      Ae(
-        t.onCreateControlObservable.add(() => {
-          if (this._contextService.setContextValue(le, !0), this._hasCropObject(n))
+      qt(
+        t.createControl$.subscribe(() => {
+          if (this._contextService.setContextValue(fe, !0), this._hasCropObject(n))
             return;
-          const s = t.getSelectedObjectMap();
-          if (s.size > 1) {
-            o.forEach((m) => m.dispose());
+          const o = t.getSelectedObjectMap();
+          if (o.size > 1) {
+            i.forEach((u) => u.dispose());
             return;
           }
-          const a = s.values().next().value;
+          const a = o.values().next().value;
           if (!a)
             return;
-          const c = a.oKey, u = this._drawingManagerService.getDrawingOKey(c);
-          if (!u)
+          const c = a.oKey, g = this._drawingManagerService.getDrawingOKey(c);
+          if (!g)
             return;
-          const { unitId: d, subUnitId: l, drawingId: h } = u;
-          o.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-            componentKey: Kt,
+          const { unitId: l, subUnitId: d, drawingId: m } = g;
+          i.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
+            componentKey: dn,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
-              menuItems: this._getImageMenuItems(d, l, h)
+              menuItems: this._getImageMenuItems(l, d, m)
             }
           }))), this._drawingManagerService.focusDrawing([{
-            unitId: d,
-            subUnitId: l,
-            drawingId: h
+            unitId: l,
+            subUnitId: d,
+            drawingId: m
           }]);
         })
       )
     ), this.disposeWithMe(
-      Ae(
-        t.onClearControlObservable.add(() => {
-          o.forEach((s) => s.dispose()), this._contextService.setContextValue(le, !1), this._drawingManagerService.focusDrawing(null);
-        })
-      )
+      t.clearControl$.subscribe(() => {
+        i.forEach((o) => o.dispose()), this._contextService.setContextValue(fe, !1), this._drawingManagerService.focusDrawing(null);
+      })
     ), this.disposeWithMe(
-      Ae(
-        t.onChangingObservable.add(() => {
-          o.forEach((s) => s.dispose());
-        })
-      )
+      t.changing$.subscribe(() => {
+        i.forEach((o) => o.dispose());
+      })
     );
   }
   _getImageMenuItems(e, n, t) {
@@ -189,285 +183,280 @@ let Re = class extends $t {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Ot.id,
+        commandId: Lt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: Xe.id,
+        commandId: Qe.id,
         commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Jt.id,
+        commandId: ln.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !1
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: Zt.id,
+        commandId: un.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !1
       }
     ];
   }
 };
-Re = qn([
-  me(he.Steady, Re),
-  q(0, W(Ve)),
-  q(1, k),
-  q(2, W(hn)),
-  q(3, se),
-  q(4, ue),
-  q(5, rt),
-  q(6, W(Cn))
-], Re);
-const Ee = {
+Pe = dr([
+  de(le.Steady, Pe),
+  Q(0, $(Ze)),
+  Q(1, H),
+  Q(2, $(bn)),
+  Q(3, te),
+  Q(4, ce),
+  Q(5, gt),
+  Q(6, $(Nn))
+], Pe);
+const Be = {
   id: "sheet.operation.insert-float-image",
-  type: $.OPERATION,
+  type: G.OPERATION,
   handler: (r, e) => !0
-}, Oe = {
+}, Ae = {
   id: "sheet.operation.insert-cell-image",
-  type: $.OPERATION,
+  type: G.OPERATION,
   handler: (r, e) => !0
-}, He = {
+}, et = {
   id: "sheet.command.insert-sheet-image",
-  type: $.COMMAND,
+  type: G.COMMAND,
   handler: (r, e) => {
-    const n = r.get(B), t = r.get(ie), o = r.get(Y);
-    if (!e)
-      return !1;
-    const i = e.drawings, s = i.map((f) => f.unitId), a = o.getBatchAddOp(i), { unitId: c, subUnitId: u, undo: d, redo: l, objects: h } = a;
-    return n.syncExecuteCommand(b.id, { op: l, unitId: c, subUnitId: u, objects: h, type: P.INSERT }) ? (t.pushUndoRedo({
+    const n = r.get(B), t = r.get(ae), i = r.get(X);
+    if (!e) return !1;
+    const s = e.drawings, o = s.map((f) => f.unitId), a = i.getBatchAddOp(s), { unitId: c, subUnitId: g, undo: l, redo: d, objects: m } = a;
+    return n.syncExecuteCommand(O.id, { op: d, unitId: c, subUnitId: g, objects: m, type: P.INSERT }) ? (t.pushUndoRedo({
       unitID: c,
       undoMutations: [
-        { id: b.id, params: { op: d, unitId: c, subUnitId: u, objects: h, type: P.REMOVE } },
-        { id: L.id, params: s }
+        { id: O.id, params: { op: l, unitId: c, subUnitId: g, objects: m, type: P.REMOVE } },
+        { id: j.id, params: o }
       ],
       redoMutations: [
-        { id: b.id, params: { op: l, unitId: c, subUnitId: u, objects: h, type: P.INSERT } },
-        { id: L.id, params: s }
+        { id: O.id, params: { op: d, unitId: c, subUnitId: g, objects: m, type: P.INSERT } },
+        { id: j.id, params: o }
       ]
     }), !0) : !1;
   }
-}, Ue = {
+}, We = {
   id: "sheet.command.set-sheet-image",
-  type: $.COMMAND,
+  type: G.COMMAND,
   handler: (r, e) => {
-    const n = r.get(B), t = r.get(ie), o = r.get(Y);
-    if (!e)
-      return !1;
-    const { drawings: i } = e, s = o.getBatchUpdateOp(i), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = s;
-    return n.syncExecuteCommand(b.id, { unitId: a, subUnitId: c, op: d, objects: l, type: P.UPDATE }) ? (t.pushUndoRedo({
+    const n = r.get(B), t = r.get(ae), i = r.get(X);
+    if (!e) return !1;
+    const { drawings: s } = e, o = i.getBatchUpdateOp(s), { unitId: a, subUnitId: c, undo: g, redo: l, objects: d } = o;
+    return n.syncExecuteCommand(O.id, { unitId: a, subUnitId: c, op: l, objects: d, type: P.UPDATE }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: b.id, params: { unitId: a, subUnitId: c, op: u, objects: l, type: P.UPDATE } },
-        { id: L.id, params: [a] }
+        { id: O.id, params: { unitId: a, subUnitId: c, op: g, objects: d, type: P.UPDATE } },
+        { id: j.id, params: [a] }
       ],
       redoMutations: [
-        { id: b.id, params: { unitId: a, subUnitId: c, op: d, objects: l, type: P.UPDATE } },
-        { id: L.id, params: [a] }
+        { id: O.id, params: { unitId: a, subUnitId: c, op: l, objects: d, type: P.UPDATE } },
+        { id: j.id, params: [a] }
       ]
     }), !0) : !1;
   }
-}, bt = {
+}, $t = {
   id: "sheet.command.set-drawing-arrange",
-  type: $.COMMAND,
+  type: G.COMMAND,
   handler: (r, e) => {
-    const n = r.get(B), t = r.get(ie);
-    if (!e)
-      return !1;
-    const o = r.get(Y), { unitId: i, subUnitId: s, drawingIds: a, arrangeType: c } = e, u = { unitId: i, subUnitId: s, drawingIds: a };
-    let d;
-    if (c === we.forward ? d = o.getForwardDrawingsOp(u) : c === we.backward ? d = o.getBackwardDrawingOp(u) : c === we.front ? d = o.getFrontDrawingsOp(u) : c === we.back && (d = o.getBackDrawingsOp(u)), d == null)
+    const n = r.get(B), t = r.get(ae);
+    if (!e) return !1;
+    const i = r.get(X), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: c } = e, g = { unitId: s, subUnitId: o, drawingIds: a };
+    let l;
+    if (c === ve.forward ? l = i.getForwardDrawingsOp(g) : c === ve.backward ? l = i.getBackwardDrawingOp(g) : c === ve.front ? l = i.getFrontDrawingsOp(g) : c === ve.back && (l = i.getBackDrawingsOp(g)), l == null)
       return !1;
-    const { objects: l, redo: h, undo: m } = d;
-    return n.syncExecuteCommand(b.id, { op: h, unitId: i, subUnitId: s, objects: l, type: P.ARRANGE }) ? (t.pushUndoRedo({
-      unitID: i,
+    const { objects: d, redo: m, undo: u } = l;
+    return n.syncExecuteCommand(O.id, { op: m, unitId: s, subUnitId: o, objects: d, type: P.ARRANGE }) ? (t.pushUndoRedo({
+      unitID: s,
       undoMutations: [
-        { id: b.id, params: { op: m, unitId: i, subUnitId: s, objects: l, type: P.ARRANGE } }
+        { id: O.id, params: { op: u, unitId: s, subUnitId: o, objects: d, type: P.ARRANGE } }
       ],
       redoMutations: [
-        { id: b.id, params: { op: h, unitId: i, subUnitId: s, objects: l, type: P.ARRANGE } }
+        { id: O.id, params: { op: m, unitId: s, subUnitId: o, objects: d, type: P.ARRANGE } }
       ]
     }), !0) : !1;
   }
 };
-function Qn(r) {
+function lr(r) {
   const e = [];
   return r.forEach((n) => {
-    const { parent: t, children: o } = n, { unitId: i, subUnitId: s, drawingId: a } = t, c = cn(0, 0, o.map((l) => l.transform || {})), u = o.map((l) => {
-      const h = l.transform || { left: 0, top: 0 }, { unitId: m, subUnitId: f, drawingId: g } = l;
+    const { parent: t, children: i } = n, { unitId: s, subUnitId: o, drawingId: a } = t, c = Cn(0, 0, i.map((d) => d.transform || {})), g = i.map((d) => {
+      const m = d.transform || { left: 0, top: 0 }, { unitId: u, subUnitId: f, drawingId: h } = d;
       return {
-        unitId: m,
+        unitId: u,
         subUnitId: f,
-        drawingId: g,
+        drawingId: h,
         transform: {
-          ...h,
-          left: h.left - c.left,
-          top: h.top - c.top
+          ...m,
+          left: m.left - c.left,
+          top: m.top - c.top
         },
         groupId: a
       };
-    }), d = {
-      unitId: i,
-      subUnitId: s,
+    }), l = {
+      unitId: s,
+      subUnitId: o,
       drawingId: a,
-      drawingType: ye.DRAWING_GROUP,
+      drawingType: Le.DRAWING_GROUP,
       transform: c
     };
     e.push({
-      parent: d,
-      children: u
+      parent: l,
+      children: g
     });
   }), e;
 }
-function er(r) {
+function ur(r) {
   const e = [];
   return r.forEach((n) => {
-    const { parent: t, children: o } = n, { unitId: i, subUnitId: s, drawingId: a, transform: c = { width: 0, height: 0 } } = t;
+    const { parent: t, children: i } = n, { unitId: s, subUnitId: o, drawingId: a, transform: c = { width: 0, height: 0 } } = t;
     if (c == null)
       return;
-    const u = o.map((l) => {
-      const { transform: h } = l, { unitId: m, subUnitId: f, drawingId: g } = l, _ = ln(h || {}, c, c.width || 0, c.height || 0);
+    const g = i.map((d) => {
+      const { transform: m } = d, { unitId: u, subUnitId: f, drawingId: h } = d, p = In(m || {}, c, c.width || 0, c.height || 0);
       return {
-        unitId: m,
+        unitId: u,
         subUnitId: f,
-        drawingId: g,
-        transform: _,
+        drawingId: h,
+        transform: p,
         groupId: void 0
       };
-    }), d = {
-      unitId: i,
-      subUnitId: s,
+    }), l = {
+      unitId: s,
+      subUnitId: o,
       drawingId: a,
-      drawingType: ye.DRAWING_GROUP,
+      drawingType: Le.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
       }
     };
     e.push({
-      parent: d,
-      children: u
+      parent: l,
+      children: g
     });
   }), e;
 }
-const Pt = {
+const Bt = {
   id: "sheet.command.group-sheet-image",
-  type: $.COMMAND,
+  type: G.COMMAND,
   handler: (r, e) => {
-    const n = r.get(B), t = r.get(ie), o = r.get(Y);
-    if (!e)
-      return !1;
-    const i = [];
-    e.forEach(({ parent: m, children: f }) => {
-      i.push(m.unitId), f.forEach((g) => {
-        i.push(g.unitId);
+    const n = r.get(B), t = r.get(ae), i = r.get(X);
+    if (!e) return !1;
+    const s = [];
+    e.forEach(({ parent: u, children: f }) => {
+      s.push(u.unitId), f.forEach((h) => {
+        s.push(h.unitId);
       });
     });
-    const s = o.getGroupDrawingOp(e), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = s;
-    return n.syncExecuteCommand(b.id, { op: d, unitId: a, subUnitId: c, objects: l, type: P.GROUP }) ? (t.pushUndoRedo({
+    const o = i.getGroupDrawingOp(e), { unitId: a, subUnitId: c, undo: g, redo: l, objects: d } = o;
+    return n.syncExecuteCommand(O.id, { op: l, unitId: a, subUnitId: c, objects: d, type: P.GROUP }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: b.id, params: { op: u, unitId: a, subUnitId: c, objects: er(l), type: P.UNGROUP } },
-        { id: L.id, params: i }
+        { id: O.id, params: { op: g, unitId: a, subUnitId: c, objects: ur(d), type: P.UNGROUP } },
+        { id: j.id, params: s }
       ],
       redoMutations: [
-        { id: b.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: P.GROUP } },
-        { id: L.id, params: i }
+        { id: O.id, params: { op: l, unitId: a, subUnitId: c, objects: d, type: P.GROUP } },
+        { id: j.id, params: s }
       ]
     }), !0) : !1;
   }
-}, yt = {
+}, Wt = {
   id: "sheet.command.ungroup-sheet-image",
-  type: $.COMMAND,
+  type: G.COMMAND,
   handler: (r, e) => {
-    const n = r.get(B), t = r.get(ie), o = r.get(Y);
-    if (!e)
-      return !1;
-    const i = [];
-    e.forEach(({ parent: m, children: f }) => {
-      i.push(m.unitId), f.forEach((g) => {
-        i.push(g.unitId);
+    const n = r.get(B), t = r.get(ae), i = r.get(X);
+    if (!e) return !1;
+    const s = [];
+    e.forEach(({ parent: u, children: f }) => {
+      s.push(u.unitId), f.forEach((h) => {
+        s.push(h.unitId);
       });
     });
-    const s = o.getUngroupDrawingOp(e), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = s;
-    return n.syncExecuteCommand(b.id, { op: d, unitId: a, subUnitId: c, objects: l, type: P.UNGROUP }) ? (t.pushUndoRedo({
+    const o = i.getUngroupDrawingOp(e), { unitId: a, subUnitId: c, undo: g, redo: l, objects: d } = o;
+    return n.syncExecuteCommand(O.id, { op: l, unitId: a, subUnitId: c, objects: d, type: P.UNGROUP }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: b.id, params: { op: u, unitId: a, subUnitId: c, objects: Qn(l), type: P.GROUP } },
-        { id: L.id, params: i }
+        { id: O.id, params: { op: g, unitId: a, subUnitId: c, objects: lr(d), type: P.GROUP } },
+        { id: j.id, params: s }
       ],
       redoMutations: [
-        { id: b.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: P.UNGROUP } },
-        { id: L.id, params: i }
+        { id: O.id, params: { op: l, unitId: a, subUnitId: c, objects: d, type: P.UNGROUP } },
+        { id: j.id, params: s }
       ]
     }), !0) : !1;
   }
 };
-function x(r, e) {
-  const { from: n, to: t } = r, { column: o, columnOffset: i, row: s, rowOffset: a } = n, { column: c, columnOffset: u, row: d, rowOffset: l } = t, h = e.attachRangeWithCoord({
-    startColumn: o,
-    endColumn: o,
-    startRow: s,
-    endRow: s
+function V(r, e) {
+  const { from: n, to: t } = r, { column: i, columnOffset: s, row: o, rowOffset: a } = n, { column: c, columnOffset: g, row: l, rowOffset: d } = t, m = e.attachRangeWithCoord({
+    startColumn: i,
+    endColumn: i,
+    startRow: o,
+    endRow: o
   });
-  if (h == null)
+  if (m == null)
     return;
-  const m = e.attachRangeWithCoord({
+  const u = e.attachRangeWithCoord({
     startColumn: c,
     endColumn: c,
-    startRow: d,
-    endRow: d
+    startRow: l,
+    endRow: l
   });
-  if (m == null)
+  if (u == null)
     return;
-  const { startX: f, startY: g } = h, { startX: _, startY: I } = m, C = J(f + i, 1), v = J(g + a, 1);
-  let R = J(_ + u - C, 1), w = J(I + l - v, 1);
-  return h.startX === m.endX && (R = 0), h.startY === m.endY && (w = 0), {
+  const { startX: f, startY: h } = m, { startX: p, startY: S } = u, C = Z(f + s, 1), v = Z(h + a, 1);
+  let R = Z(p + g - C, 1), _ = Z(S + d - v, 1);
+  return m.startX === u.endX && (R = 0), m.startY === u.endY && (_ = 0), {
     left: C,
     top: v,
     width: R,
-    height: w
+    height: _
   };
 }
 function N(r, e) {
-  const { left: n = 0, top: t = 0, width: o = 0, height: i = 0 } = r, s = e.getSelectionCellByPosition(n, t);
-  if (s == null)
+  const { left: n = 0, top: t = 0, width: i = 0, height: s = 0 } = r, o = e.getSelectionCellByPosition(n, t);
+  if (o == null)
     return;
   const a = {
-    column: s.actualColumn,
-    columnOffset: J(n - s.startX, 1),
-    row: s.actualRow,
-    rowOffset: J(t - s.startY, 1)
-  }, c = e.getSelectionCellByPosition(n + o, t + i);
+    column: o.actualColumn,
+    columnOffset: Z(n - o.startX, 1),
+    row: o.actualRow,
+    rowOffset: Z(t - o.startY, 1)
+  }, c = e.getSelectionCellByPosition(n + i, t + s);
   if (c == null)
     return;
-  const u = {
+  const g = {
     column: c.actualColumn,
-    columnOffset: J(n + o - c.startX, 1),
+    columnOffset: Z(n + i - c.startX, 1),
     row: c.actualRow,
-    rowOffset: J(t + i - c.startY, 1)
+    rowOffset: Z(t + s - c.startY, 1)
   };
   return {
     from: a,
-    to: u
+    to: g
   };
 }
-var tr = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, rr = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? nr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
-    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && tr(e, n, o), o;
-}, V = (r, e) => (n, t) => e(n, t, r);
-let Ie = class extends ge {
-  constructor(r, e, n, t, o, i, s, a, c, u, d) {
-    super(), this._commandService = r, this._univerInstanceService = e, this._selectionManagerService = n, this._selectionRenderService = t, this._imageIoService = o, this._sheetDrawingService = i, this._drawingManagerService = s, this._contextService = a, this._messageService = c, this._localeService = u, this._renderManagerService = d, this._init();
+var mr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, hr = (r, e, n, t) => {
+  for (var i = t > 1 ? void 0 : t ? gr(e, n) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
+  return t && i && mr(e, n, i), i;
+}, F = (r, e) => (n, t) => e(n, t, r);
+let Ee = class extends ue {
+  constructor(r, e, n, t, i, s, o, a, c, g, l) {
+    super(), this._commandService = r, this._univerInstanceService = e, this._selectionManagerService = n, this._selectionRenderService = t, this._imageIoService = i, this._sheetDrawingService = s, this._drawingManagerService = o, this._contextService = a, this._messageService = c, this._localeService = g, this._renderManagerService = l, this._init();
   }
   _init() {
     this._initCommandListeners(), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
@@ -478,19 +467,19 @@ let Ie = class extends ge {
   _initCommandListeners() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted(async (r) => {
-        if (r.id === Oe.id || r.id === Ee.id) {
+        if (r.id === Ae.id || r.id === Be.id) {
           const e = r.params;
           if (e.files == null)
             return;
           const n = e.files.length;
-          if (n > Je) {
+          if (n > it) {
             this._messageService.show({
-              type: _e.Error,
-              content: this._localeService.t("update-status.exceedMaxCount", String(Je))
+              type: Re.Error,
+              content: this._localeService.t("update-status.exceedMaxCount", String(it))
             });
             return;
           }
-          this._imageIoService.setWaitCount(n), r.id === Oe.id ? e.files.forEach(async (t) => {
+          this._imageIoService.setWaitCount(n), r.id === Ae.id ? e.files.forEach(async (t) => {
             await this._insertCellImage(t);
           }) : e.files.forEach(async (t) => {
             await this._insertFloatImage(t);
@@ -507,14 +496,14 @@ let Ie = class extends ge {
       e = await this._imageIoService.saveImage(r);
     } catch (C) {
       const v = C.message;
-      v === Le.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: _e.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(nn / (1024 * 1024)))
-      }) : v === Le.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: _e.Error,
+      v === Ge.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: Re.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(pn / (1024 * 1024)))
+      }) : v === Ge.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: Re.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : v === Le.ERROR_IMAGE && this._messageService.show({
-        type: _e.Error,
+      }) : v === Ge.ERROR_IMAGE && this._messageService.show({
+        type: Re.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
@@ -523,36 +512,36 @@ let Ie = class extends ge {
     const n = this._getUnitInfo();
     if (n == null)
       return;
-    const { unitId: t, subUnitId: o } = n, { imageId: i, imageSourceType: s, source: a, base64Cache: c } = e, { width: u, height: d, image: l } = await rn(c || ""), h = this._renderManagerService.getRenderById(t);
-    if (h == null)
+    const { unitId: t, subUnitId: i } = n, { imageId: s, imageSourceType: o, source: a, base64Cache: c } = e, { width: g, height: l, image: d } = await wn(c || ""), m = this._renderManagerService.getRenderById(t);
+    if (m == null)
       return;
-    const { width: m, height: f } = h.scene;
-    this._imageIoService.addImageSourceCache(a, s, l);
-    let g = 1;
-    if (u > Ze || d > qe) {
-      const C = Ze / u, v = qe / d;
-      g = Math.max(C, v);
+    const { width: u, height: f } = m.scene;
+    this._imageIoService.addImageSourceCache(a, o, d);
+    let h = 1;
+    if (g > st || l > ot) {
+      const C = st / g, v = ot / l;
+      h = Math.max(C, v);
     }
-    const _ = this._getImagePosition(u * g, d * g, m, f);
-    if (_ == null)
+    const p = this._getImagePosition(g * h, l * h, u, f);
+    if (p == null)
       return;
-    const I = {
+    const S = {
       unitId: t,
-      subUnitId: o,
-      drawingId: i,
-      drawingType: ye.DRAWING_IMAGE,
-      imageSourceType: s,
+      subUnitId: i,
+      drawingId: s,
+      drawingType: Le.DRAWING_IMAGE,
+      imageSourceType: o,
       source: a,
-      transform: x(_, this._selectionRenderService),
-      sheetTransform: _
+      transform: V(p, this._selectionRenderService),
+      sheetTransform: p
     };
-    this._commandService.executeCommand(He.id, {
+    this._commandService.executeCommand(et.id, {
       unitId: t,
-      drawings: [I]
+      drawings: [S]
     });
   }
   _getUnitInfo() {
-    const r = this._univerInstanceService.getCurrentUnitForType(ee.UNIVER_SHEET);
+    const r = this._univerInstanceService.getCurrentUnitForType(Y.UNIVER_SHEET);
     if (r == null)
       return;
     const e = r.getActiveSheet();
@@ -565,51 +554,51 @@ let Ie = class extends ge {
     };
   }
   _getImagePosition(r, e, n, t) {
-    const o = this._selectionManagerService.getSelections();
-    let i = {
+    const i = this._selectionManagerService.getSelections();
+    let s = {
       startRow: 0,
       endRow: 0,
       startColumn: 0,
       endColumn: 0
     };
-    o && o.length > 0 && (i = o[o.length - 1].range);
-    const s = this._selectionRenderService.attachRangeWithCoord(i);
-    if (s == null)
+    i && i.length > 0 && (s = i[i.length - 1].range);
+    const o = this._selectionRenderService.attachRangeWithCoord(s);
+    if (o == null)
       return;
-    let { startColumn: a, startRow: c, startX: u, startY: d } = s, l = !1;
-    if (u + r > n && (u = n - r, u < 0 && (u = 0, r = n), l = !0), d + e > t && (d = t - e, d < 0 && (d = 0, e = t), l = !0), l) {
-      const g = this._selectionRenderService.getSelectionCellByPosition(u, d);
-      if (g == null)
+    let { startColumn: a, startRow: c, startX: g, startY: l } = o, d = !1;
+    if (g + r > n && (g = n - r, g < 0 && (g = 0, r = n), d = !0), l + e > t && (l = t - e, l < 0 && (l = 0, e = t), d = !0), d) {
+      const h = this._selectionRenderService.getSelectionCellByPosition(g, l);
+      if (h == null)
         return;
-      u = g.startX, d = g.startY, a = g.actualColumn, c = g.actualRow;
+      g = h.startX, l = h.startY, a = h.actualColumn, c = h.actualRow;
     }
-    const h = {
+    const m = {
       column: a,
       columnOffset: 0,
       row: c,
       rowOffset: 0
-    }, m = this._selectionRenderService.getSelectionCellByPosition(u + r, d + e);
-    if (m == null)
+    }, u = this._selectionRenderService.getSelectionCellByPosition(g + r, l + e);
+    if (u == null)
       return;
     const f = {
-      column: m.actualColumn,
-      columnOffset: u + r - m.startX,
-      row: m.actualRow,
-      rowOffset: d + e - m.startY
+      column: u.actualColumn,
+      columnOffset: g + r - u.startX,
+      row: u.actualRow,
+      rowOffset: l + e - u.startY
     };
     return {
-      from: h,
+      from: m,
       to: f
     };
   }
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((r) => {
-      const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: o } = r;
-      this._commandService.executeCommand(bt.id, {
+      const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: i } = r;
+      this._commandService.executeCommand($t.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: t,
-        arrangeType: o
+        arrangeType: i
       });
     });
   }
@@ -617,22 +606,22 @@ let Ie = class extends ge {
     this._drawingManagerService.featurePluginUpdate$.subscribe((r) => {
       const e = [];
       r.length !== 0 && (r.forEach((n) => {
-        const { unitId: t, subUnitId: o, drawingId: i, drawingType: s, transform: a } = n;
+        const { unitId: t, subUnitId: i, drawingId: s, drawingType: o, transform: a } = n;
         if (a == null)
           return;
-        const c = this._sheetDrawingService.getDrawingByParam({ unitId: t, subUnitId: o, drawingId: i });
+        const c = this._sheetDrawingService.getDrawingByParam({ unitId: t, subUnitId: i, drawingId: s });
         if (c == null)
           return;
-        const u = N({ ...c.transform, ...a }, this._selectionRenderService);
-        if (u == null)
+        const g = N({ ...c.transform, ...a }, this._selectionRenderService);
+        if (g == null)
           return;
-        const d = {
+        const l = {
           ...n,
-          transform: { ...c.transform, ...a, ...x(u, this._selectionRenderService) },
-          sheetTransform: { ...u }
+          transform: { ...c.transform, ...a, ...V(g, this._selectionRenderService) },
+          sheetTransform: { ...g }
         };
-        e.push(d);
-      }), e.length > 0 && this._commandService.executeCommand(Ue.id, {
+        e.push(l);
+      }), e.length > 0 && this._commandService.executeCommand(We.id, {
         unitId: r[0].unitId,
         drawings: e
       }));
@@ -640,349 +629,344 @@ let Ie = class extends ge {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((r) => {
-      this._commandService.executeCommand(Pt.id, r);
+      this._commandService.executeCommand(Bt.id, r);
       const { unitId: e, subUnitId: n, drawingId: t } = r[0].parent;
       this._drawingManagerService.focusDrawing([{ unitId: e, subUnitId: n, drawingId: t }]);
     }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((r) => {
-      this._commandService.executeCommand(yt.id, r);
+      this._commandService.executeCommand(Wt.id, r);
     });
   }
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((r) => {
-        r == null || r.length === 0 ? (this._contextService.setContextValue(le, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(le, !0), this._sheetDrawingService.focusDrawing(r));
+        r == null || r.length === 0 ? (this._contextService.setContextValue(fe, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(fe, !0), this._sheetDrawingService.focusDrawing(r));
       })
     );
   }
 };
-Ie = rr([
-  me(he.Rendered, Ie),
-  V(0, B),
-  V(1, ue),
-  V(2, W(Tn)),
-  V(3, Te),
-  V(4, ot),
-  V(5, Y),
-  V(6, k),
-  V(7, rt),
-  V(8, Rn),
-  V(9, W(de)),
-  V(10, se)
-], Ie);
-var F = function() {
-  return F = Object.assign || function(r) {
+Ee = hr([
+  de(le.Rendered, Ee),
+  F(0, B),
+  F(1, ce),
+  F(2, $(Fn)),
+  F(3, $e),
+  F(4, ht),
+  F(5, X),
+  F(6, H),
+  F(7, gt),
+  F(8, jn),
+  F(9, $(pe)),
+  F(10, te)
+], Ee);
+var x = function() {
+  return x = Object.assign || function(r) {
     for (var e, n = 1, t = arguments.length; n < t; n++) {
       e = arguments[n];
-      for (var o in e)
-        Object.prototype.hasOwnProperty.call(e, o) && (r[o] = e[o]);
+      for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (r[i] = e[i]);
     }
     return r;
-  }, F.apply(this, arguments);
-}, or = function(r, e) {
+  }, x.apply(this, arguments);
+}, fr = function(r, e) {
   var n = {};
-  for (var t in r)
-    Object.prototype.hasOwnProperty.call(r, t) && e.indexOf(t) < 0 && (n[t] = r[t]);
+  for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && e.indexOf(t) < 0 && (n[t] = r[t]);
   if (r != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, t = Object.getOwnPropertySymbols(r); o < t.length; o++)
-      e.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(r, t[o]) && (n[t[o]] = r[t[o]]);
+    for (var i = 0, t = Object.getOwnPropertySymbols(r); i < t.length; i++)
+      e.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(r, t[i]) && (n[t[i]] = r[t[i]]);
   return n;
-}, Tt = Ct(function(r, e) {
-  var n = r.icon, t = r.id, o = r.className, i = r.extend, s = or(r, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(o || "").trim(), c = Rt("_".concat(ar()));
-  return Et(n, "".concat(t), { defIds: n.defIds, idSuffix: c.current }, F({ ref: e, className: a }, s), i);
+}, Vt = Tt(function(r, e) {
+  var n = r.icon, t = r.id, i = r.className, s = r.extend, o = fr(r, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(i || "").trim(), c = Ut("_".concat(_r()));
+  return Gt(n, "".concat(t), { defIds: n.defIds, idSuffix: c.current }, x({ ref: e, className: a }, o), s);
 });
-function Et(r, e, n, t, o) {
-  return It(r.tag, F(F({ key: e }, ir(r, n, o)), t), (sr(r, n).children || []).map(function(i, s) {
-    return Et(i, "".concat(e, "-").concat(r.tag, "-").concat(s), n, void 0, o);
+function Gt(r, e, n, t, i) {
+  return At(r.tag, x(x({ key: e }, pr(r, n, i)), t), (wr(r, n).children || []).map(function(s, o) {
+    return Gt(s, "".concat(e, "-").concat(r.tag, "-").concat(o), n, void 0, i);
   }));
 }
-function ir(r, e, n) {
-  var t = F({}, r.attrs);
+function pr(r, e, n) {
+  var t = x({}, r.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
-  var o = e.defIds;
-  return !o || o.length === 0 || (r.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(i) {
-    var s = i[0], a = i[1];
-    typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  var i = e.defIds;
+  return !i || i.length === 0 || (r.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(s) {
+    var o = s[0], a = s[1];
+    typeof a == "string" && (t[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function sr(r, e) {
+function wr(r, e) {
   var n, t = e.defIds;
-  return !t || t.length === 0 ? r : r.tag === "defs" && (!((n = r.children) === null || n === void 0) && n.length) ? F(F({}, r), { children: r.children.map(function(o) {
-    return typeof o.attrs.id == "string" && t && t.indexOf(o.attrs.id) > -1 ? F(F({}, o), { attrs: F(F({}, o.attrs), { id: o.attrs.id + e.idSuffix }) }) : o;
+  return !t || t.length === 0 ? r : r.tag === "defs" && (!((n = r.children) === null || n === void 0) && n.length) ? x(x({}, r), { children: r.children.map(function(i) {
+    return typeof i.attrs.id == "string" && t && t.indexOf(i.attrs.id) > -1 ? x(x({}, i), { attrs: x(x({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
   }) }) : r;
 }
-function ar() {
+function _r() {
   return Math.random().toString(36).substring(2, 8);
 }
-Tt.displayName = "UniverIcon";
-var cr = { 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" } }] }, Ut = Ct(function(r, e) {
-  return It(Tt, Object.assign({}, r, {
+Vt.displayName = "UniverIcon";
+var vr = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, xt = Tt(function(r, e) {
+  return At(Vt, Object.assign({}, r, {
     id: "add-image-single",
     ref: e,
-    icon: cr
+    icon: vr
   }));
 });
-Ut.displayName = "AddImageSingle";
-const lr = "univer-upload-file-menu", dr = "univer-upload-file-menu-input", tt = {
-  uploadFileMenu: lr,
-  uploadFileMenuInput: dr
-}, At = "COMPONENT_UPLOAD_FILE_MENU";
-var be = /* @__PURE__ */ ((r) => (r[r.cellImage = 0] = "cellImage", r[r.floatImage = 1] = "floatImage", r))(be || {});
-const ur = (r) => {
-  const { type: e } = r, n = Z(B), t = Rt(null), o = () => {
+xt.displayName = "AddImageSingle";
+const Sr = "univer-upload-file-menu", Cr = "univer-upload-file-menu-input", ut = {
+  uploadFileMenu: Sr,
+  uploadFileMenuInput: Cr
+}, Ft = "COMPONENT_UPLOAD_FILE_MENU";
+var Ne = /* @__PURE__ */ ((r) => (r[r.cellImage = 0] = "cellImage", r[r.floatImage = 1] = "floatImage", r))(Ne || {});
+const Ir = (r) => {
+  const { type: e } = r, n = q(B), t = Ut(null), i = () => {
     var a;
     (a = t.current) == null || a.click();
-  }, i = on.map((a) => `.${a.replace("image/", "")}`).join(","), s = (a) => {
+  }, s = _n.map((a) => `.${a.replace("image/", "")}`).join(","), o = (a) => {
     const c = a.target.files;
     if (c == null)
       return;
-    const u = Array.from(c);
-    e === be.floatImage ? n.executeCommand(Ee.id, { files: u }) : e === be.cellImage && n.executeCommand(Oe.id, { files: u }), t.current && (t.current.value = "");
+    const g = Array.from(c);
+    e === Ne.floatImage ? n.executeCommand(Be.id, { files: g }) : e === Ne.cellImage && n.executeCommand(Ae.id, { files: g }), t.current && (t.current.value = "");
   };
-  return /* @__PURE__ */ j.createElement("div", { onClick: o, className: tt.uploadFileMenu }, /* @__PURE__ */ j.createElement(
+  return /* @__PURE__ */ L.createElement("div", { onClick: i, className: ut.uploadFileMenu }, /* @__PURE__ */ L.createElement(
     "input",
     {
       type: "file",
-      className: tt.uploadFileMenuInput,
+      className: ut.uploadFileMenuInput,
       ref: t,
-      onChange: s,
-      accept: i,
+      onChange: o,
+      accept: s,
       multiple: !0
     }
   ));
-}, Nt = "addition-and-subtraction-single", Lt = "sheet.menu.image";
-function mr(r) {
+}, Yt = "addition-and-subtraction-single", Xt = "sheet.menu.image";
+function Rr(r) {
   return {
-    id: Lt,
-    type: it.SUBITEMS,
-    positions: [In.TOOLBAR_START],
-    group: Dn.TOOLBAR_FORMULAS_INSERT,
-    icon: Nt,
+    id: Xt,
+    type: ft.SUBITEMS,
+    positions: [Ln.TOOLBAR_START],
+    group: $n.TOOLBAR_FORMULAS_INSERT,
+    icon: Yt,
     tooltip: "sheetImage.title",
-    hidden$: st(r, ee.UNIVER_SHEET),
-    disabled$: gn(r, { workbookTypes: [En], worksheetTypes: [Un], rangeTypes: [An] })
+    hidden$: pt(r, Y.UNIVER_SHEET),
+    disabled$: On(r, { workbookTypes: [He], worksheetTypes: [Oe], rangeTypes: [Yn] })
   };
 }
-function hr(r) {
+function Dr(r) {
   return {
-    id: Ee.id,
+    id: Be.id,
     title: "sheetImage.upload.float",
-    type: it.SELECTOR,
+    type: ft.SELECTOR,
     label: {
-      name: At,
+      name: Ft,
       props: {
-        type: be.floatImage
+        type: Ne.floatImage
       }
     },
-    positions: [Lt],
-    hidden$: st(r, ee.UNIVER_SHEET)
+    positions: [Xt],
+    hidden$: pt(r, Y.UNIVER_SHEET)
   };
 }
-const gr = "univer-image-common-panel", fr = "univer-image-common-panel-grid", pr = "univer-image-common-panel-border", wr = "univer-image-common-panel-title", _r = "univer-image-common-panel-row", vr = "univer-image-common-panel-row-vertical", Sr = "univer-image-common-panel-column", Cr = "univer-image-common-panel-column-center", Rr = "univer-image-common-panel-inline", Ir = "univer-image-common-panel-span2", Dr = "univer-image-common-panel-span3", Mr = "univer-image-common-panel-input", Or = "univer-sheet-image-menu", br = "univer-sheet-image-menu-input", z = {
-  imageCommonPanel: gr,
-  imageCommonPanelGrid: fr,
-  imageCommonPanelBorder: pr,
-  imageCommonPanelTitle: wr,
-  imageCommonPanelRow: _r,
-  imageCommonPanelRowVertical: vr,
-  imageCommonPanelColumn: Sr,
-  imageCommonPanelColumnCenter: Cr,
-  imageCommonPanelInline: Rr,
-  imageCommonPanelSpan2: Ir,
-  imageCommonPanelSpan3: Dr,
-  imageCommonPanelInput: Mr,
-  sheetImageMenu: Or,
-  sheetImageMenuInput: br
-}, Pr = (r) => {
+const Mr = "univer-image-common-panel", br = "univer-image-common-panel-grid", Or = "univer-image-common-panel-border", Pr = "univer-image-common-panel-title", Er = "univer-image-common-panel-row", yr = "univer-image-common-panel-row-vertical", Tr = "univer-image-common-panel-column", Ur = "univer-image-common-panel-column-center", Ar = "univer-image-common-panel-inline", Nr = "univer-image-common-panel-span2", jr = "univer-image-common-panel-span3", Lr = "univer-image-common-panel-input", $r = "univer-sheet-image-menu", Br = "univer-sheet-image-menu-input", k = {
+  imageCommonPanel: Mr,
+  imageCommonPanelGrid: br,
+  imageCommonPanelBorder: Or,
+  imageCommonPanelTitle: Pr,
+  imageCommonPanelRow: Er,
+  imageCommonPanelRowVertical: yr,
+  imageCommonPanelColumn: Tr,
+  imageCommonPanelColumnCenter: Ur,
+  imageCommonPanelInline: Ar,
+  imageCommonPanelSpan2: Nr,
+  imageCommonPanelSpan3: jr,
+  imageCommonPanelInput: Lr,
+  sheetImageMenu: $r,
+  sheetImageMenuInput: Br
+}, Wr = (r) => {
   var v;
-  const e = Z(B), n = Z(de), t = Z(k), o = Z(se), { drawings: i } = r, s = i[0];
-  if (s == null)
+  const e = q(B), n = q(pe), t = q(H), i = q(te), { drawings: s } = r, o = s[0];
+  if (o == null)
     return;
-  const { unitId: a } = s, c = o.getRenderById(a), u = c == null ? void 0 : c.scene;
-  if (u == null)
+  const { unitId: a } = o, c = i.getRenderById(a), g = c == null ? void 0 : c.scene;
+  if (g == null)
     return;
-  const d = u.getTransformerByCreate(), [l, h] = $e(!0), m = (v = s.anchorType) != null ? v : O.Position, [f, g] = $e(m);
-  function _(R, w) {
+  const l = g.getTransformerByCreate(), [d, m] = ke(!0), u = (v = o.anchorType) != null ? v : b.Position, [f, h] = ke(u);
+  function p(R, _) {
     const M = [];
-    return R.forEach((p) => {
-      const { oKey: T } = p, D = w.getDrawingOKey(T);
+    return R.forEach((w) => {
+      const { oKey: y } = w, D = _.getDrawingOKey(y);
       if (D == null)
         return M.push(null), !0;
-      const { unitId: E, subUnitId: U, drawingId: y, drawingType: S, anchorType: A, sheetTransform: X } = D;
+      const { unitId: T, subUnitId: U, drawingId: E, drawingType: I, anchorType: A, sheetTransform: z } = D;
       M.push({
-        unitId: E,
+        unitId: T,
         subUnitId: U,
-        drawingId: y,
+        drawingId: E,
         anchorType: A,
-        sheetTransform: X,
-        drawingType: S
+        sheetTransform: z,
+        drawingType: I
       });
     }), M;
   }
-  Ye(() => {
-    const R = d.onClearControlObservable.add((M) => {
-      M === !0 && h(!1);
-    }), w = d.onChangeStartObservable.add((M) => {
+  qe(() => {
+    const R = l.clearControl$.subscribe((M) => {
+      M === !0 && m(!1);
+    }), _ = l.changeStart$.subscribe((M) => {
       var D;
-      const { objects: p } = M, T = _(p, t);
-      if (T.length === 0)
-        h(!1);
-      else if (T.length >= 1) {
-        h(!0);
-        const E = ((D = T[0]) == null ? void 0 : D.anchorType) || O.Position;
-        g(E);
+      const { objects: w } = M, y = p(w, t);
+      if (y.length === 0)
+        m(!1);
+      else if (y.length >= 1) {
+        m(!0);
+        const T = ((D = y[0]) == null ? void 0 : D.anchorType) || b.Position;
+        h(T);
       }
     });
     return () => {
-      w == null || w.dispose(), R == null || R.dispose();
+      _.unsubscribe(), R.unsubscribe();
     };
   }, []);
-  function I(R) {
-    g(R);
-    const w = t.getFocusDrawings();
-    if (w.length === 0)
+  function S(R) {
+    h(R);
+    const _ = t.getFocusDrawings();
+    if (_.length === 0)
       return;
-    const M = w.map((p) => ({
-      unitId: p.unitId,
-      subUnitId: p.subUnitId,
-      drawingId: p.drawingId,
+    const M = _.map((w) => ({
+      unitId: w.unitId,
+      subUnitId: w.subUnitId,
+      drawingId: w.drawingId,
       anchorType: R
     }));
-    e.executeCommand(Ue.id, {
-      unitId: w[0].unitId,
+    e.executeCommand(We.id, {
+      unitId: _[0].unitId,
       drawings: M
     });
   }
   const C = (R) => R ? "block" : "none";
-  return /* @__PURE__ */ j.createElement("div", { className: ve(z.imageCommonPanelGrid, z.imageCommonPanelBorder), style: { display: C(l) } }, /* @__PURE__ */ j.createElement("div", { className: z.imageCommonPanelRow }, /* @__PURE__ */ j.createElement("div", { className: ve(z.imageCommonPanelColumn, z.imageCommonPanelTitle) }, /* @__PURE__ */ j.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ j.createElement("div", { className: ve(z.imageCommonPanelRow) }, /* @__PURE__ */ j.createElement("div", { className: ve(z.imageCommonPanelColumn) }, /* @__PURE__ */ j.createElement(Vn, { value: f, onChange: I, direction: "vertical" }, /* @__PURE__ */ j.createElement(je, { value: O.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ j.createElement(je, { value: O.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ j.createElement(je, { value: O.None }, n.t("drawing-anchor.none"))))));
-}, yr = () => {
-  const r = Z(k), e = r.getFocusDrawings();
-  if (e == null || e.length === 0)
-    return;
-  const [n, t] = $e(e);
-  return Ye(() => {
-    const o = r.focus$.subscribe((i) => {
-      t(i);
+  return /* @__PURE__ */ L.createElement("div", { className: De(k.imageCommonPanelGrid, k.imageCommonPanelBorder), style: { display: C(d) } }, /* @__PURE__ */ L.createElement("div", { className: k.imageCommonPanelRow }, /* @__PURE__ */ L.createElement("div", { className: De(k.imageCommonPanelColumn, k.imageCommonPanelTitle) }, /* @__PURE__ */ L.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ L.createElement("div", { className: De(k.imageCommonPanelRow) }, /* @__PURE__ */ L.createElement("div", { className: De(k.imageCommonPanelColumn) }, /* @__PURE__ */ L.createElement(er, { value: f, onChange: S, direction: "vertical" }, /* @__PURE__ */ L.createElement(Fe, { value: b.Both }, n.t("drawing-anchor.both")), /* @__PURE__ */ L.createElement(Fe, { value: b.Position }, n.t("drawing-anchor.position")), /* @__PURE__ */ L.createElement(Fe, { value: b.None }, n.t("drawing-anchor.none"))))));
+}, Vr = () => {
+  const r = q(H), e = r.getFocusDrawings(), [n, t] = ke(e);
+  return qe(() => {
+    const i = r.focus$.subscribe((s) => {
+      t(s);
     });
     return () => {
-      o.unsubscribe();
+      i.unsubscribe();
     };
-  }, []), /* @__PURE__ */ j.createElement("div", { className: z.imageCommonPanel }, /* @__PURE__ */ j.createElement(qt, { drawings: n }), /* @__PURE__ */ j.createElement(Pr, { drawings: n }));
-}, fe = {
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ L.createElement("div", { className: k.imageCommonPanel }, /* @__PURE__ */ L.createElement(mn, { drawings: n }), /* @__PURE__ */ L.createElement(Wr, { drawings: n }));
+}, we = {
   id: "sheet.command.move-drawing",
-  type: $.COMMAND,
+  type: G.COMMAND,
   handler: (r, e) => {
-    const n = r.get(B), t = r.get(Y), o = r.get(Te), { direction: i } = e, s = t.getFocusDrawings();
-    if (s.length === 0)
+    const n = r.get(B), t = r.get(X), i = r.get($e), { direction: s } = e, o = t.getFocusDrawings();
+    if (o.length === 0)
       return !1;
-    const a = s[0].unitId, c = s.map((d) => {
-      const { transform: l } = d;
-      if (l == null)
+    const a = o[0].unitId, c = o.map((l) => {
+      const { transform: d } = l;
+      if (d == null)
         return null;
-      const h = { ...l }, { left: m = 0, top: f = 0 } = l;
-      return i === K.UP ? h.top = f - 1 : i === K.DOWN ? h.top = f + 1 : i === K.LEFT ? h.left = m - 1 : i === K.RIGHT && (h.left = m + 1), {
-        ...d,
-        transform: h,
-        sheetTransform: N(h, o)
+      const m = { ...d }, { left: u = 0, top: f = 0 } = d;
+      return s === J.UP ? m.top = f - 1 : s === J.DOWN ? m.top = f + 1 : s === J.LEFT ? m.left = u - 1 : s === J.RIGHT && (m.left = u + 1), {
+        ...l,
+        transform: m,
+        sheetTransform: N(m, i)
       };
-    }).filter((d) => d != null);
-    return n.syncExecuteCommand(Ue.id, {
+    }).filter((l) => l != null);
+    return n.syncExecuteCommand(We.id, {
       unitId: a,
       drawings: c
-    }) ? (n.syncExecuteCommand(L.id, [a]), !0) : !1;
+    }) ? (n.syncExecuteCommand(j.id, [a]), !0) : !1;
   }
-}, jt = {
+}, Ht = {
   id: "sheet.command.delete-drawing",
-  type: $.COMMAND,
+  type: G.COMMAND,
   handler: (r) => {
-    const e = r.get(B), t = r.get(Y).getFocusDrawings();
+    const e = r.get(B), t = r.get(X).getFocusDrawings();
     if (t.length === 0)
       return !1;
-    const o = t[0].unitId, i = t.map((s) => {
-      const { unitId: a, subUnitId: c, drawingId: u, drawingType: d } = s;
+    const i = t[0].unitId, s = t.map((o) => {
+      const { unitId: a, subUnitId: c, drawingId: g, drawingType: l } = o;
       return {
         unitId: a,
         subUnitId: c,
-        drawingId: u,
-        drawingType: d
+        drawingId: g,
+        drawingType: l
       };
     });
-    return e.executeCommand(Xe.id, {
-      unitId: o,
-      drawings: i
+    return e.executeCommand(Qe.id, {
+      unitId: i,
+      drawings: s
     });
   }
 };
-function pe(r) {
-  return !r.getContextValue(Ft) && !r.getContextValue(Vt) && r.getContextValue(le);
+function _e(r) {
+  return !r.getContextValue(Qt) && !r.getContextValue(en) && r.getContextValue(fe);
 }
-const Tr = {
-  id: fe.id,
+const Gr = {
+  id: we.id,
   description: "shortcut.sheet.drawing-move-down",
   group: "4_sheet-drawing-view",
   binding: oe.ARROW_DOWN,
   priority: 100,
-  preconditions: pe,
+  preconditions: _e,
   staticParameters: {
-    direction: K.DOWN
+    direction: J.DOWN
   }
-}, Er = {
-  id: fe.id,
+}, xr = {
+  id: we.id,
   description: "shortcut.sheet.drawing-move-up",
   group: "4_sheet-drawing-view",
   binding: oe.ARROW_UP,
   priority: 100,
-  preconditions: pe,
+  preconditions: _e,
   staticParameters: {
-    direction: K.UP
+    direction: J.UP
   }
-}, Ur = {
-  id: fe.id,
+}, Fr = {
+  id: we.id,
   description: "shortcut.sheet.drawing-move-left",
   group: "4_sheet-drawing-view",
   binding: oe.ARROW_LEFT,
   priority: 100,
-  preconditions: pe,
+  preconditions: _e,
   staticParameters: {
-    direction: K.LEFT
+    direction: J.LEFT
   }
-}, Ar = {
-  id: fe.id,
+}, Yr = {
+  id: we.id,
   description: "shortcut.sheet.drawing-move-right",
   group: "4_sheet-drawing-view",
   binding: oe.ARROW_RIGHT,
   priority: 100,
-  preconditions: pe,
+  preconditions: _e,
   staticParameters: {
-    direction: K.RIGHT
+    direction: J.RIGHT
   }
-}, Nr = {
-  id: jt.id,
+}, Xr = {
+  id: Ht.id,
   description: "shortcut.sheet.drawing-delete",
   group: "4_sheet-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: pe,
+  preconditions: _e,
   binding: oe.DELETE,
   mac: oe.BACKSPACE
 };
-var Lr = Object.defineProperty, jr = Object.getOwnPropertyDescriptor, Wr = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? jr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
-    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && Lr(e, n, o), o;
-}, ae = (r, e) => (n, t) => e(n, t, r);
-const Br = {};
-let ce = class extends ge {
-  constructor(r, e, n, t, o, i) {
-    super(), this._config = r, this._injector = e, this._componentManager = n, this._menuService = t, this._commandService = o, this._shortcutService = i, this._init();
+var Hr = Object.defineProperty, zr = Object.getOwnPropertyDescriptor, Kr = (r, e, n, t) => {
+  for (var i = t > 1 ? void 0 : t ? zr(e, n) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
+  return t && i && Hr(e, n, i), i;
+}, me = (r, e) => (n, t) => e(n, t, r);
+const kr = {};
+let he = class extends ue {
+  constructor(r, e, n, t, i, s) {
+    super(), this._config = r, this._injector = e, this._componentManager = n, this._menuService = t, this._commandService = i, this._shortcutService = s, this._init();
   }
   _initCustomComponents() {
     const r = this._componentManager;
-    this.disposeWithMe(r.register(Nt, Ut)), this.disposeWithMe(r.register(At, ur)), this.disposeWithMe(r.register(Dt, yr));
+    this.disposeWithMe(r.register(Yt, xt)), this.disposeWithMe(r.register(Ft, Ir)), this.disposeWithMe(r.register(Nt, Vr));
   }
   _initMenus() {
     const { menu: r = {} } = this._config;
     [
-      mr,
-      hr
+      Rr,
+      Dr
       // UploadCellImageMenuFactory,
     ].forEach((e) => {
       this._menuService.addMenuItem(e(this._injector), r);
@@ -990,29 +974,29 @@ let ce = class extends ge {
   }
   _initCommands() {
     [
-      Ee,
-      Oe,
-      He,
-      Xe,
-      Ue,
-      Mt,
-      L,
-      Ot,
-      Pt,
-      yt,
-      fe,
+      Be,
+      Ae,
+      et,
+      Qe,
+      We,
       jt,
-      bt
+      j,
+      Lt,
+      Bt,
+      Wt,
+      we,
+      Ht,
+      $t
     ].forEach((r) => this.disposeWithMe(this._commandService.registerCommand(r)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Tr,
-      Er,
-      Ur,
-      Ar,
-      Nr
+      Gr,
+      xr,
+      Fr,
+      Yr,
+      Xr
     ].forEach((r) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(r));
     });
@@ -1021,47 +1005,47 @@ let ce = class extends ge {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-ce = Wr([
-  me(he.Rendered, ce),
-  ae(1, W(Ve)),
-  ae(2, W(Mn)),
-  ae(3, On),
-  ae(4, B),
-  ae(5, bn)
-], ce);
-var Gr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, $r = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? xr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
-    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && Gr(e, n, o), o;
-}, te = (r, e) => (n, t) => e(n, t, r);
-const Fr = [
-  at.id,
-  ct.id,
-  lt.id,
-  dt.id,
-  ut.id,
-  mt.id,
-  ht.id,
-  gt.id,
-  Ge.id,
-  xe.id,
-  ft.id,
-  pt.id,
+he = Kr([
+  de(le.Rendered, he),
+  me(1, $(Ze)),
+  me(2, $(Bn)),
+  me(3, Wn),
+  me(4, B),
+  me(5, Vn)
+], he);
+var Jr = Object.defineProperty, Zr = Object.getOwnPropertyDescriptor, qr = (r, e, n, t) => {
+  for (var i = t > 1 ? void 0 : t ? Zr(e, n) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
+  return t && i && Jr(e, n, i), i;
+}, re = (r, e) => (n, t) => e(n, t, r);
+const Qr = [
   wt.id,
   _t.id,
   vt.id,
-  St.id
-], Vr = [
-  Nn.id,
-  Ln.id,
-  jn.id,
-  Wn.id,
-  Bn.id,
-  Gn.id
+  St.id,
+  Ct.id,
+  It.id,
+  Rt.id,
+  Dt.id,
+  ze.id,
+  Ke.id,
+  Mt.id,
+  bt.id,
+  Ot.id,
+  Pt.id,
+  Et.id,
+  yt.id
+], ei = [
+  Xn.id,
+  Hn.id,
+  zn.id,
+  Kn.id,
+  kn.id,
+  Jn.id
 ];
-let De = class extends ge {
-  constructor(r, e, n, t, o, i) {
-    super(), this._commandService = r, this._sheetInterceptorService = e, this._sheetDrawingService = n, this._drawingManagerService = t, this._selectionRenderService = o, this._univerInstanceService = i, this._init();
+let ye = class extends ue {
+  constructor(r, e, n, t, i, s) {
+    super(), this._commandService = r, this._sheetInterceptorService = e, this._sheetDrawingService = n, this._drawingManagerService = t, this._selectionRenderService = i, this._univerInstanceService = s, this._init();
   }
   _init() {
     this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
@@ -1070,56 +1054,56 @@ let De = class extends ge {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (r) => {
-          if (!Fr.includes(r.id))
+          if (!Qr.includes(r.id))
             return { redos: [], undos: [] };
           if (r.params == null)
             return { redos: [], undos: [] };
           const e = r.id;
-          if (e === at.id)
+          if (e === wt.id)
             return this._moveRowInterceptor(r.params, "insert");
-          if (e === ct.id)
+          if (e === _t.id)
             return this._moveColInterceptor(r.params, "insert");
-          if (e === lt.id)
+          if (e === vt.id)
             return this._moveRowInterceptor(r.params, "remove");
-          if (e === dt.id)
+          if (e === St.id)
             return this._moveColInterceptor(r.params, "remove");
-          if (e === ut.id) {
+          if (e === Ct.id) {
             const { range: n } = r.params;
             return this._getRangeMoveUndo(
               n,
               0
               /* deleteLeft */
             );
-          } else if (e === mt.id) {
+          } else if (e === It.id) {
             const { range: n } = r.params;
             return this._getRangeMoveUndo(
               n,
               1
               /* deleteUp */
             );
-          } else if (e === ht.id) {
+          } else if (e === Rt.id) {
             const { range: n } = r.params;
             return this._getRangeMoveUndo(
               n,
               2
               /* insertDown */
             );
-          } else if (e === gt.id) {
+          } else if (e === Dt.id) {
             const { range: n } = r.params;
             return this._getRangeMoveUndo(
               n,
               3
               /* insertRight */
             );
-          } else if (e === wt.id || e === _t.id) {
-            const n = r.params, { unitId: t, subUnitId: o, ranges: i } = n;
-            return this._getDrawingUndoForRowVisible(t, o, i);
-          } else if (e === vt.id || e === St.id) {
-            const n = r.params, { unitId: t, subUnitId: o, ranges: i } = n;
-            return this._getDrawingUndoForColVisible(t, o, i);
-          } else if (e === Ge.id || e === xe.id || e === ft.id || e === pt.id) {
-            const n = r.params, { unitId: t, subUnitId: o, ranges: i } = n, s = e === Ge.id || e === xe.id;
-            return this._getDrawingUndoForRowAndColSize(t, o, i, s);
+          } else if (e === Ot.id || e === Pt.id) {
+            const n = r.params, { unitId: t, subUnitId: i, ranges: s } = n;
+            return this._getDrawingUndoForRowVisible(t, i, s);
+          } else if (e === Et.id || e === yt.id) {
+            const n = r.params, { unitId: t, subUnitId: i, ranges: s } = n;
+            return this._getDrawingUndoForColVisible(t, i, s);
+          } else if (e === ze.id || e === Ke.id || e === Mt.id || e === bt.id) {
+            const n = r.params, { unitId: t, subUnitId: i, ranges: s } = n, o = e === ze.id || e === Ke.id;
+            return this._getDrawingUndoForRowAndColSize(t, i, s, o);
           }
           return { redos: [], undos: [] };
         }
@@ -1127,63 +1111,63 @@ let De = class extends ge {
     );
   }
   _getRangeMoveUndo(r, e) {
-    const n = re(this._univerInstanceService);
+    const n = se(this._univerInstanceService);
     if (n == null)
       return { redos: [], undos: [] };
-    const t = n.unitId, o = n.subUnitId, i = [], s = [], a = this._sheetDrawingService.getDrawingData(t, o), c = [], u = [];
-    if (Object.keys(a).forEach((d) => {
-      const l = a[d], { updateDrawings: h, deleteDrawings: m } = this._getUpdateOrDeleteDrawings(r, e, l);
-      c.push(...h), u.push(...m);
-    }), c.length === 0 && u.length === 0)
+    const t = n.unitId, i = n.subUnitId, s = [], o = [], a = this._sheetDrawingService.getDrawingData(t, i), c = [], g = [];
+    if (Object.keys(a).forEach((l) => {
+      const d = a[l], { updateDrawings: m, deleteDrawings: u } = this._getUpdateOrDeleteDrawings(r, e, d);
+      c.push(...m), g.push(...u);
+    }), c.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
     if (c.length > 0) {
-      const d = this._sheetDrawingService.getBatchUpdateOp(c), { undo: l, redo: h, objects: m } = d;
-      i.push({ id: b.id, params: { unitId: t, subUnitId: o, op: h, objects: m, type: P.UPDATE } }), s.push({ id: b.id, params: { unitId: t, subUnitId: o, op: l, objects: m, type: P.UPDATE } });
+      const l = this._sheetDrawingService.getBatchUpdateOp(c), { undo: d, redo: m, objects: u } = l;
+      s.push({ id: O.id, params: { unitId: t, subUnitId: i, op: m, objects: u, type: P.UPDATE } }), o.push({ id: O.id, params: { unitId: t, subUnitId: i, op: d, objects: u, type: P.UPDATE } });
     }
-    if (u.length > 0) {
-      const d = this._sheetDrawingService.getBatchRemoveOp(u), l = d.undo, h = d.redo, m = d.objects;
-      i.push({ id: b.id, params: { unitId: t, subUnitId: o, op: h, objects: m, type: P.REMOVE } }), s.push({ id: b.id, params: { unitId: t, subUnitId: o, op: l, objects: m, type: P.INSERT } });
+    if (g.length > 0) {
+      const l = this._sheetDrawingService.getBatchRemoveOp(g), d = l.undo, m = l.redo, u = l.objects;
+      s.push({ id: O.id, params: { unitId: t, subUnitId: i, op: m, objects: u, type: P.REMOVE } }), o.push({ id: O.id, params: { unitId: t, subUnitId: i, op: d, objects: u, type: P.INSERT } });
     }
-    return i.push({ id: L.id, params: [t] }), s.push({ id: L.id, params: [t] }), {
-      redos: i,
-      undos: s
+    return s.push({ id: j.id, params: [t] }), o.push({ id: j.id, params: [t] }), {
+      redos: s,
+      undos: o
     };
   }
   _getUpdateOrDeleteDrawings(r, e, n) {
-    const t = [], o = [], { sheetTransform: i, anchorType: s = O.Position, transform: a, unitId: c, subUnitId: u, drawingId: d } = n, { from: l, to: h } = i, { row: m, column: f } = l, { row: g, column: _ } = h;
-    if (i == null || a == null)
+    const t = [], i = [], { sheetTransform: s, anchorType: o = b.Position, transform: a, unitId: c, subUnitId: g, drawingId: l } = n, { from: d, to: m } = s, { row: u, column: f } = d, { row: h, column: p } = m;
+    if (s == null || a == null)
       return {
         updateDrawings: t,
-        deleteDrawings: o
+        deleteDrawings: i
       };
-    const { startRow: I, endRow: C, startColumn: v, endColumn: R } = r;
-    let w = null, M = null;
-    if (e === 0 && m >= I && g <= C)
-      if (f >= v && _ <= R)
-        o.push({ unitId: c, subUnitId: u, drawingId: d });
+    const { startRow: S, endRow: C, startColumn: v, endColumn: R } = r;
+    let _ = null, M = null;
+    if (e === 0 && u >= S && h <= C)
+      if (f >= v && p <= R)
+        i.push({ unitId: c, subUnitId: g, drawingId: l });
       else {
-        const p = this._shrinkCol(i, a, v, R, s);
-        w = p == null ? void 0 : p.newSheetTransform, M = p == null ? void 0 : p.newTransform;
+        const w = this._shrinkCol(s, a, v, R, o);
+        _ = w == null ? void 0 : w.newSheetTransform, M = w == null ? void 0 : w.newTransform;
       }
-    else if (e === 1 && f >= v && _ <= R)
-      if (m >= I && g <= C)
-        o.push({ unitId: c, subUnitId: u, drawingId: d });
+    else if (e === 1 && f >= v && p <= R)
+      if (u >= S && h <= C)
+        i.push({ unitId: c, subUnitId: g, drawingId: l });
       else {
-        const p = this._shrinkRow(i, a, I, C, s);
-        w = p == null ? void 0 : p.newSheetTransform, M = p == null ? void 0 : p.newTransform;
+        const w = this._shrinkRow(s, a, S, C, o);
+        _ = w == null ? void 0 : w.newSheetTransform, M = w == null ? void 0 : w.newTransform;
       }
     else if (e === 2) {
-      const p = this._expandRow(i, a, I, C, s);
-      w = p == null ? void 0 : p.newSheetTransform, M = p == null ? void 0 : p.newTransform;
+      const w = this._expandRow(s, a, S, C, o);
+      _ = w == null ? void 0 : w.newSheetTransform, M = w == null ? void 0 : w.newTransform;
     } else if (e === 3) {
-      const p = this._expandCol(i, a, v, R, s);
-      w = p == null ? void 0 : p.newSheetTransform, M = p == null ? void 0 : p.newTransform;
+      const w = this._expandCol(s, a, v, R, o);
+      _ = w == null ? void 0 : w.newSheetTransform, M = w == null ? void 0 : w.newTransform;
     }
-    if (w != null && M != null) {
-      const p = x(w, this._selectionRenderService);
-      t.push({ ...n, sheetTransform: w, transform: p });
+    if (_ != null && M != null) {
+      const w = V(_, this._selectionRenderService);
+      t.push({ ...n, sheetTransform: _, transform: w });
     }
-    return { updateDrawings: t, deleteDrawings: o };
+    return { updateDrawings: t, deleteDrawings: i };
   }
   _remainDrawingSize(r, e, n) {
     const t = N({ ...r }, this._selectionRenderService);
@@ -1194,92 +1178,92 @@ let De = class extends ge {
   }
   // eslint-disable-next-line max-lines-per-function
   _getDrawingUndoForColVisible(r, e, n) {
-    const t = this._drawingManagerService.getDrawingData(r, e), o = [], i = [];
-    if (Object.keys(t).forEach((d) => {
-      const l = t[d], { sheetTransform: h, transform: m, anchorType: f = O.Position } = l;
-      if (f === O.None)
-        this._remainDrawingSize(m, o, l);
+    const t = this._drawingManagerService.getDrawingData(r, e), i = [], s = [];
+    if (Object.keys(t).forEach((l) => {
+      const d = t[l], { sheetTransform: m, transform: u, anchorType: f = b.Position } = d;
+      if (f === b.None)
+        this._remainDrawingSize(u, i, d);
       else {
-        const { from: g, to: _ } = h, { row: I, column: C } = g, { row: v, column: R } = _;
-        for (let w = 0; w < n.length; w++) {
-          const M = n[w], { startRow: p, endRow: T, startColumn: D, endColumn: E } = M;
+        const { from: h, to: p } = m, { row: S, column: C } = h, { row: v, column: R } = p;
+        for (let _ = 0; _ < n.length; _++) {
+          const M = n[_], { startRow: w, endRow: y, startColumn: D, endColumn: T } = M;
           if (R < D)
             continue;
-          if (f === O.Position) {
-            let S = null, A = null;
-            if (C >= D && C <= E) {
-              const X = this._selectionRenderService.attachRangeWithCoord({ startColumn: C, endColumn: E, startRow: g.row, endRow: _.row });
-              if (X == null)
+          if (f === b.Position) {
+            let I = null, A = null;
+            if (C >= D && C <= T) {
+              const z = this._selectionRenderService.attachRangeWithCoord({ startColumn: C, endColumn: T, startRow: h.row, endRow: p.row });
+              if (z == null)
                 return;
-              A = { ...m, left: X.startX };
+              A = { ...u, left: z.startX };
             }
-            if (A != null && (S = N(A, this._selectionRenderService), S != null && A != null)) {
-              o.push({ ...l, sheetTransform: S, transform: A });
+            if (A != null && (I = N(A, this._selectionRenderService), I != null && A != null)) {
+              i.push({ ...d, sheetTransform: I, transform: A });
               break;
             }
-            this._remainDrawingSize(m, o, l);
+            this._remainDrawingSize(u, i, d);
             continue;
           }
-          if (C >= D && R <= E)
+          if (C >= D && R <= T)
             continue;
-          let U = null, y = null;
-          if (C >= D && C <= E) {
-            const S = this._selectionRenderService.attachRangeWithCoord({ startColumn: C, endColumn: E, startRow: g.row, endRow: _.row });
-            if (S == null)
+          let U = null, E = null;
+          if (C >= D && C <= T) {
+            const I = this._selectionRenderService.attachRangeWithCoord({ startColumn: C, endColumn: T, startRow: h.row, endRow: p.row });
+            if (I == null)
               return;
-            y = {
-              ...m,
-              left: (S == null ? void 0 : S.startX) || 0,
-              width: ((m == null ? void 0 : m.width) || 0) - S.endX + S.startX
+            E = {
+              ...u,
+              left: (I == null ? void 0 : I.startX) || 0,
+              width: ((u == null ? void 0 : u.width) || 0) - I.endX + I.startX
             };
-          } else if (R >= D && R <= E) {
-            const S = this._selectionRenderService.attachRangeWithCoord({ startColumn: D, endColumn: R, startRow: g.row, endRow: _.row });
-            if (S == null)
+          } else if (R >= D && R <= T) {
+            const I = this._selectionRenderService.attachRangeWithCoord({ startColumn: D, endColumn: R, startRow: h.row, endRow: p.row });
+            if (I == null)
               return;
-            y = {
-              ...m,
-              left: S.startX - ((m == null ? void 0 : m.width) || 0)
+            E = {
+              ...u,
+              left: I.startX - ((u == null ? void 0 : u.width) || 0)
             };
           } else {
-            const S = this._selectionRenderService.attachRangeWithCoord({ startColumn: D, endColumn: E, startRow: g.row, endRow: _.row });
-            if (S == null)
+            const I = this._selectionRenderService.attachRangeWithCoord({ startColumn: D, endColumn: T, startRow: h.row, endRow: p.row });
+            if (I == null)
               return;
-            if (y = {
-              ...m,
-              width: ((m == null ? void 0 : m.width) || 0) - S.endX + S.startX
-            }, U = N(y, this._selectionRenderService), U != null && y != null) {
-              i.push({ ...l, sheetTransform: U, transform: y });
+            if (E = {
+              ...u,
+              width: ((u == null ? void 0 : u.width) || 0) - I.endX + I.startX
+            }, U = N(E, this._selectionRenderService), U != null && E != null) {
+              s.push({ ...d, sheetTransform: U, transform: E });
               break;
             }
           }
-          if (y != null && (U = N(y, this._selectionRenderService)), y != null && U != null) {
-            o.push({ ...l, sheetTransform: U, transform: y });
+          if (E != null && (U = N(E, this._selectionRenderService)), E != null && U != null) {
+            i.push({ ...d, sheetTransform: U, transform: E });
             break;
           } else
-            this._remainDrawingSize(m, o, l);
+            this._remainDrawingSize(u, i, d);
         }
       }
-    }), o.length === 0 && i.length === 0)
+    }), i.length === 0 && s.length === 0)
       return { redos: [], undos: [] };
-    const { redos: s, undos: a } = this._createUndoAndRedoMutation(r, e, o), c = [], u = [];
-    if (i.length > 0) {
-      const { redos: d, undos: l } = this._createUndoAndRedoMutation(r, e, i);
-      c.push(...d), u.push(...l);
+    const { redos: o, undos: a } = this._createUndoAndRedoMutation(r, e, i), c = [], g = [];
+    if (s.length > 0) {
+      const { redos: l, undos: d } = this._createUndoAndRedoMutation(r, e, s);
+      c.push(...l), g.push(...d);
     }
     return {
-      redos: s,
+      redos: o,
       undos: a,
       preRedos: c,
-      preUndos: u
+      preUndos: g
     };
   }
   _createUndoAndRedoMutation(r, e, n) {
-    const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: o, redo: i, objects: s } = t, a = [
-      { id: b.id, params: { unitId: r, subUnitId: e, op: i, objects: s, type: P.UPDATE } },
-      { id: L.id, params: [r] }
+    const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: i, redo: s, objects: o } = t, a = [
+      { id: O.id, params: { unitId: r, subUnitId: e, op: s, objects: o, type: P.UPDATE } },
+      { id: j.id, params: [r] }
     ], c = [
-      { id: b.id, params: { unitId: r, subUnitId: e, op: o, objects: s, type: P.UPDATE } },
-      { id: L.id, params: [r] }
+      { id: O.id, params: { unitId: r, subUnitId: e, op: i, objects: o, type: P.UPDATE } },
+      { id: j.id, params: [r] }
     ];
     return {
       redos: a,
@@ -1288,122 +1272,122 @@ let De = class extends ge {
   }
   // eslint-disable-next-line max-lines-per-function
   _getDrawingUndoForRowVisible(r, e, n) {
-    const t = this._drawingManagerService.getDrawingData(r, e), o = [], i = [];
-    if (Object.keys(t).forEach((d) => {
-      const l = t[d], { sheetTransform: h, transform: m, anchorType: f = O.Position } = l;
-      if (f === O.None)
-        this._remainDrawingSize(m, o, l);
+    const t = this._drawingManagerService.getDrawingData(r, e), i = [], s = [];
+    if (Object.keys(t).forEach((l) => {
+      const d = t[l], { sheetTransform: m, transform: u, anchorType: f = b.Position } = d;
+      if (f === b.None)
+        this._remainDrawingSize(u, i, d);
       else {
-        const { from: g, to: _ } = h, { row: I, column: C } = g, { row: v, column: R } = _;
-        for (let w = 0; w < n.length; w++) {
-          const M = n[w], { startRow: p, endRow: T, startColumn: D, endColumn: E } = M;
-          if (v < p)
+        const { from: h, to: p } = m, { row: S, column: C } = h, { row: v, column: R } = p;
+        for (let _ = 0; _ < n.length; _++) {
+          const M = n[_], { startRow: w, endRow: y, startColumn: D, endColumn: T } = M;
+          if (v < w)
             continue;
-          if (f === O.Position) {
-            let S = null, A = null;
-            if (I >= p && I <= T) {
-              const X = this._selectionRenderService.attachRangeWithCoord({ startColumn: g.column, endColumn: _.column, startRow: I, endRow: T });
-              if (X == null)
+          if (f === b.Position) {
+            let I = null, A = null;
+            if (S >= w && S <= y) {
+              const z = this._selectionRenderService.attachRangeWithCoord({ startColumn: h.column, endColumn: p.column, startRow: S, endRow: y });
+              if (z == null)
                 return;
-              A = { ...m, top: X.startY };
+              A = { ...u, top: z.startY };
             }
-            if (A != null && (S = N(A, this._selectionRenderService), S != null && A != null)) {
-              o.push({ ...l, sheetTransform: S, transform: A });
+            if (A != null && (I = N(A, this._selectionRenderService), I != null && A != null)) {
+              i.push({ ...d, sheetTransform: I, transform: A });
               break;
             }
-            this._remainDrawingSize(m, o, l);
+            this._remainDrawingSize(u, i, d);
             continue;
           }
-          if (I >= p && v <= T)
+          if (S >= w && v <= y)
             continue;
-          let U = null, y = null;
-          if (I >= p && I <= T) {
-            const S = this._selectionRenderService.attachRangeWithCoord({ startColumn: g.column, endColumn: _.column, startRow: I, endRow: T });
-            if (S == null)
+          let U = null, E = null;
+          if (S >= w && S <= y) {
+            const I = this._selectionRenderService.attachRangeWithCoord({ startColumn: h.column, endColumn: p.column, startRow: S, endRow: y });
+            if (I == null)
               return;
-            y = {
-              ...m,
-              top: (S == null ? void 0 : S.startY) || 0,
-              height: ((m == null ? void 0 : m.height) || 0) - S.endY + S.startY
+            E = {
+              ...u,
+              top: (I == null ? void 0 : I.startY) || 0,
+              height: ((u == null ? void 0 : u.height) || 0) - I.endY + I.startY
             };
-          } else if (v >= p && v <= T) {
-            const S = this._selectionRenderService.attachRangeWithCoord({ startColumn: g.column, endColumn: _.column, startRow: p, endRow: v });
-            if (S == null)
+          } else if (v >= w && v <= y) {
+            const I = this._selectionRenderService.attachRangeWithCoord({ startColumn: h.column, endColumn: p.column, startRow: w, endRow: v });
+            if (I == null)
               return;
-            y = {
-              ...m,
-              top: S.startY - ((m == null ? void 0 : m.height) || 0)
+            E = {
+              ...u,
+              top: I.startY - ((u == null ? void 0 : u.height) || 0)
             };
           } else {
-            const S = this._selectionRenderService.attachRangeWithCoord({ startColumn: g.column, endColumn: _.column, startRow: p, endRow: T });
-            if (S == null)
+            const I = this._selectionRenderService.attachRangeWithCoord({ startColumn: h.column, endColumn: p.column, startRow: w, endRow: y });
+            if (I == null)
               return;
-            if (y = {
-              ...m,
-              height: ((m == null ? void 0 : m.height) || 0) - S.endY + S.startY
-            }, U = N(y, this._selectionRenderService), U != null && y != null) {
-              i.push({ ...l, sheetTransform: U, transform: y });
+            if (E = {
+              ...u,
+              height: ((u == null ? void 0 : u.height) || 0) - I.endY + I.startY
+            }, U = N(E, this._selectionRenderService), U != null && E != null) {
+              s.push({ ...d, sheetTransform: U, transform: E });
               break;
             }
           }
-          if (y != null && (U = N(y, this._selectionRenderService)), y != null && U != null) {
-            o.push({ ...l, sheetTransform: U, transform: y });
+          if (E != null && (U = N(E, this._selectionRenderService)), E != null && U != null) {
+            i.push({ ...d, sheetTransform: U, transform: E });
             break;
           } else
-            this._remainDrawingSize(m, o, l);
+            this._remainDrawingSize(u, i, d);
         }
       }
-    }), o.length === 0 && i.length === 0)
+    }), i.length === 0 && s.length === 0)
       return { redos: [], undos: [] };
-    const { redos: s, undos: a } = this._createUndoAndRedoMutation(r, e, o), c = [], u = [];
-    if (i.length > 0) {
-      const { redos: d, undos: l } = this._createUndoAndRedoMutation(r, e, i);
-      c.push(...d), u.push(...l);
+    const { redos: o, undos: a } = this._createUndoAndRedoMutation(r, e, i), c = [], g = [];
+    if (s.length > 0) {
+      const { redos: l, undos: d } = this._createUndoAndRedoMutation(r, e, s);
+      c.push(...l), g.push(...d);
     }
     return {
-      redos: s,
+      redos: o,
       undos: a,
       preRedos: c,
-      preUndos: u
+      preUndos: g
     };
   }
   _getDrawingUndoForRowAndColSize(r, e, n, t) {
-    const o = this._drawingManagerService.getDrawingData(r, e), i = [];
-    return Object.keys(o).forEach((s) => {
-      const a = o[s], { sheetTransform: c, transform: u, anchorType: d = O.Position } = a;
-      if (d === O.None)
-        this._remainDrawingSize(u, i, a);
+    const i = this._drawingManagerService.getDrawingData(r, e), s = [];
+    return Object.keys(i).forEach((o) => {
+      const a = i[o], { sheetTransform: c, transform: g, anchorType: l = b.Position } = a;
+      if (l === b.None)
+        this._remainDrawingSize(g, s, a);
       else {
-        const { from: l, to: h } = c, { row: m, column: f } = l, { row: g, column: _ } = h;
-        for (let I = 0; I < n.length; I++) {
-          const C = n[I], { startRow: v, endRow: R, startColumn: w, endColumn: M } = C;
-          if (g < v || _ < w)
+        const { from: d, to: m } = c, { row: u, column: f } = d, { row: h, column: p } = m;
+        for (let S = 0; S < n.length; S++) {
+          const C = n[S], { startRow: v, endRow: R, startColumn: _, endColumn: M } = C;
+          if (h < v || p < _)
             continue;
-          if (d === O.Position && (m <= v && g >= R || f <= w && _ >= M)) {
-            this._remainDrawingSize(u, i, a);
+          if (l === b.Position && (u <= v && h >= R || f <= _ && p >= M)) {
+            this._remainDrawingSize(g, s, a);
             continue;
           }
-          const p = x({ ...c }, this._selectionRenderService);
-          if (p != null) {
-            i.push({
+          const w = V({ ...c }, this._selectionRenderService);
+          if (w != null) {
+            s.push({
               ...a,
-              transform: p
+              transform: w
             });
             break;
           }
         }
       }
-    }), i.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(r, e, i);
+    }), s.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(r, e, s);
   }
   _getUnitIdAndSubUnitId(r, e) {
     let n, t;
     if (e === "insert")
       n = r.unitId, t = r.subUnitId;
     else {
-      const o = re(this._univerInstanceService);
-      if (o == null)
+      const i = se(this._univerInstanceService);
+      if (i == null)
         return;
-      n = o.unitId, t = o.subUnitId;
+      n = i.unitId, t = i.subUnitId;
     }
     return { unitId: n, subUnitId: t };
   }
@@ -1411,132 +1395,132 @@ let De = class extends ge {
     const n = this._getUnitIdAndSubUnitId(r, e);
     if (n == null)
       return { redos: [], undos: [] };
-    const { unitId: t, subUnitId: o } = n, { range: i } = r, s = i.startRow, a = i.endRow, c = [], u = [], d = this._sheetDrawingService.getDrawingData(t, o), l = [], h = [];
-    if (Object.keys(d).forEach((m) => {
-      const f = d[m], { sheetTransform: g, transform: _, anchorType: I = O.Position } = f;
-      if (g == null || _ == null)
+    const { unitId: t, subUnitId: i } = n, { range: s } = r, o = s.startRow, a = s.endRow, c = [], g = [], l = this._sheetDrawingService.getDrawingData(t, i), d = [], m = [];
+    if (Object.keys(l).forEach((u) => {
+      const f = l[u], { sheetTransform: h, transform: p, anchorType: S = b.Position } = f;
+      if (h == null || p == null)
         return;
       let C, v;
       if (e === "insert") {
-        const w = this._expandRow(g, _, s, a, I);
-        C = w == null ? void 0 : w.newSheetTransform, v = w == null ? void 0 : w.newTransform;
+        const _ = this._expandRow(h, p, o, a, S);
+        C = _ == null ? void 0 : _.newSheetTransform, v = _ == null ? void 0 : _.newTransform;
       } else {
-        const { from: w, to: M } = g, { row: p } = w, { row: T } = M;
-        if (p >= s && T <= a)
-          h.push({ unitId: t, subUnitId: o, drawingId: m });
+        const { from: _, to: M } = h, { row: w } = _, { row: y } = M;
+        if (w >= o && y <= a)
+          m.push({ unitId: t, subUnitId: i, drawingId: u });
         else {
-          const D = this._shrinkRow(g, _, s, a, I);
+          const D = this._shrinkRow(h, p, o, a, S);
           C = D == null ? void 0 : D.newSheetTransform, v = D == null ? void 0 : D.newTransform;
         }
       }
       if (!C || !v)
         return;
-      const R = { unitId: t, subUnitId: o, drawingId: m, transform: v, sheetTransform: C };
-      l.push(R);
-    }), l.length === 0 && h.length === 0)
+      const R = { unitId: t, subUnitId: i, drawingId: u, transform: v, sheetTransform: C };
+      d.push(R);
+    }), d.length === 0 && m.length === 0)
       return { redos: [], undos: [] };
-    if (l.length > 0) {
-      const m = this._sheetDrawingService.getBatchUpdateOp(l), { undo: f, redo: g, objects: _ } = m;
-      c.push({ id: b.id, params: { unitId: t, subUnitId: o, op: g, objects: _, type: P.UPDATE } }), u.push({ id: b.id, params: { unitId: t, subUnitId: o, op: f, objects: _, type: P.UPDATE } });
+    if (d.length > 0) {
+      const u = this._sheetDrawingService.getBatchUpdateOp(d), { undo: f, redo: h, objects: p } = u;
+      c.push({ id: O.id, params: { unitId: t, subUnitId: i, op: h, objects: p, type: P.UPDATE } }), g.push({ id: O.id, params: { unitId: t, subUnitId: i, op: f, objects: p, type: P.UPDATE } });
     }
-    if (h.length > 0) {
-      const m = this._sheetDrawingService.getBatchRemoveOp(h), f = m.undo, g = m.redo, _ = m.objects;
-      c.push({ id: b.id, params: { unitId: t, subUnitId: o, op: g, objects: _, type: P.REMOVE } }), u.push({ id: b.id, params: { unitId: t, subUnitId: o, op: f, objects: _, type: P.INSERT } });
+    if (m.length > 0) {
+      const u = this._sheetDrawingService.getBatchRemoveOp(m), f = u.undo, h = u.redo, p = u.objects;
+      c.push({ id: O.id, params: { unitId: t, subUnitId: i, op: h, objects: p, type: P.REMOVE } }), g.push({ id: O.id, params: { unitId: t, subUnitId: i, op: f, objects: p, type: P.INSERT } });
     }
-    return c.push({ id: L.id, params: [t] }), u.push({ id: L.id, params: [t] }), {
+    return c.push({ id: j.id, params: [t] }), g.push({ id: j.id, params: [t] }), {
       redos: c,
-      undos: u
+      undos: g
     };
   }
   _moveColInterceptor(r, e) {
     const n = this._getUnitIdAndSubUnitId(r, e);
     if (n == null)
       return { redos: [], undos: [] };
-    const { unitId: t, subUnitId: o } = n, { range: i } = r, s = i.startColumn, a = i.endColumn, c = [], u = [], d = this._sheetDrawingService.getDrawingData(t, o), l = [], h = [];
-    if (Object.keys(d).forEach((m) => {
-      const f = d[m], { sheetTransform: g, transform: _, anchorType: I = O.Position } = f;
-      if (g == null || _ == null)
+    const { unitId: t, subUnitId: i } = n, { range: s } = r, o = s.startColumn, a = s.endColumn, c = [], g = [], l = this._sheetDrawingService.getDrawingData(t, i), d = [], m = [];
+    if (Object.keys(l).forEach((u) => {
+      const f = l[u], { sheetTransform: h, transform: p, anchorType: S = b.Position } = f;
+      if (h == null || p == null)
         return;
       let C, v;
       if (e === "insert") {
-        const w = this._expandCol(g, _, s, a, I);
-        C = w == null ? void 0 : w.newSheetTransform, v = w == null ? void 0 : w.newTransform;
+        const _ = this._expandCol(h, p, o, a, S);
+        C = _ == null ? void 0 : _.newSheetTransform, v = _ == null ? void 0 : _.newTransform;
       } else {
-        const { from: w, to: M } = g, { column: p } = w, { column: T } = M;
-        if (p >= s && T <= a)
-          h.push({ unitId: t, subUnitId: o, drawingId: m });
+        const { from: _, to: M } = h, { column: w } = _, { column: y } = M;
+        if (w >= o && y <= a)
+          m.push({ unitId: t, subUnitId: i, drawingId: u });
         else {
-          const D = this._shrinkCol(g, _, s, a, I);
+          const D = this._shrinkCol(h, p, o, a, S);
           C = D == null ? void 0 : D.newSheetTransform, v = D == null ? void 0 : D.newTransform;
         }
       }
       if (!C || !v)
         return;
-      const R = { unitId: t, subUnitId: o, drawingId: m, transform: v, sheetTransform: C };
-      l.push(R);
-    }), l.length === 0 && h.length === 0)
+      const R = { unitId: t, subUnitId: i, drawingId: u, transform: v, sheetTransform: C };
+      d.push(R);
+    }), d.length === 0 && m.length === 0)
       return { redos: [], undos: [] };
-    if (l.length > 0) {
-      const m = this._sheetDrawingService.getBatchUpdateOp(l), { undo: f, redo: g, objects: _ } = m;
-      c.push({ id: b.id, params: { unitId: t, subUnitId: o, op: g, objects: _, type: P.UPDATE } }), u.push({ id: b.id, params: { unitId: t, subUnitId: o, op: f, objects: _, type: P.UPDATE } });
+    if (d.length > 0) {
+      const u = this._sheetDrawingService.getBatchUpdateOp(d), { undo: f, redo: h, objects: p } = u;
+      c.push({ id: O.id, params: { unitId: t, subUnitId: i, op: h, objects: p, type: P.UPDATE } }), g.push({ id: O.id, params: { unitId: t, subUnitId: i, op: f, objects: p, type: P.UPDATE } });
     }
-    if (h.length > 0) {
-      const m = this._sheetDrawingService.getBatchRemoveOp(h), f = m.undo, g = m.redo, _ = m.objects;
-      c.push({ id: b.id, params: { unitId: t, subUnitId: o, op: g, objects: _, type: P.REMOVE } }), u.push({ id: b.id, params: { unitId: t, subUnitId: o, op: f, objects: _, type: P.INSERT } });
+    if (m.length > 0) {
+      const u = this._sheetDrawingService.getBatchRemoveOp(m), f = u.undo, h = u.redo, p = u.objects;
+      c.push({ id: O.id, params: { unitId: t, subUnitId: i, op: h, objects: p, type: P.REMOVE } }), g.push({ id: O.id, params: { unitId: t, subUnitId: i, op: f, objects: p, type: P.INSERT } });
     }
-    return c.push({ id: L.id, params: [t] }), u.push({ id: L.id, params: [t] }), { redos: c, undos: u };
+    return c.push({ id: j.id, params: [t] }), g.push({ id: j.id, params: [t] }), { redos: c, undos: g };
   }
-  _expandCol(r, e, n, t, o = O.Position) {
-    const i = t - n + 1, { from: s, to: a } = r, { column: c } = s, { column: u } = a;
-    if (o === O.None)
+  _expandCol(r, e, n, t, i = b.Position) {
+    const s = t - n + 1, { from: o, to: a } = r, { column: c } = o, { column: g } = a;
+    if (i === b.None)
       return {
         newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let d = null, l = null;
+    let l = null, d = null;
     if (c >= n) {
-      const h = this._selectionRenderService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: s.row, endRow: a.row });
-      if (h == null)
+      const m = this._selectionRenderService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: o.row, endRow: a.row });
+      if (m == null)
         return;
-      l = { ...e, left: (e.left || 0) + h.endX - h.startX }, d = N(l, this._selectionRenderService);
-    } else if (u >= t)
-      if (o === O.Both)
-        d = {
-          from: { ...s },
-          to: { ...a, column: u + i }
-        }, l = x(d, this._selectionRenderService);
+      d = { ...e, left: (e.left || 0) + m.endX - m.startX }, l = N(d, this._selectionRenderService);
+    } else if (g >= t)
+      if (i === b.Both)
+        l = {
+          from: { ...o },
+          to: { ...a, column: g + s }
+        }, d = V(l, this._selectionRenderService);
       else
         return {
           newSheetTransform: N({ ...e }, this._selectionRenderService),
           newTransform: e
         };
-    return d != null && l != null ? {
-      newSheetTransform: d,
-      newTransform: l
+    return l != null && d != null ? {
+      newSheetTransform: l,
+      newTransform: d
     } : null;
   }
-  _shrinkCol(r, e, n, t, o = O.Position) {
-    const i = t - n + 1, { from: s, to: a } = r, { column: c } = s, { column: u } = a;
-    if (o === O.None)
+  _shrinkCol(r, e, n, t, i = b.Position) {
+    const s = t - n + 1, { from: o, to: a } = r, { column: c } = o, { column: g } = a;
+    if (i === b.None)
       return {
         newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let d = null, l = null;
+    let l = null, d = null;
     if (c > t)
-      d = {
-        from: { ...s, column: c - i },
-        to: { ...a, column: u - i }
-      }, l = x(d, this._selectionRenderService);
+      l = {
+        from: { ...o, column: c - s },
+        to: { ...a, column: g - s }
+      }, d = V(l, this._selectionRenderService);
     else {
-      if (c >= n && u <= t)
+      if (c >= n && g <= t)
         return null;
-      if (c < n && u > t)
-        if (o === O.Both)
-          d = {
-            from: { ...s },
-            to: { ...a, column: u - i }
-          }, l = x(d, this._selectionRenderService);
+      if (c < n && g > t)
+        if (i === b.Both)
+          l = {
+            from: { ...o },
+            to: { ...a, column: g - s }
+          }, d = V(l, this._selectionRenderService);
         else
           return {
             newSheetTransform: N({ ...e }, this._selectionRenderService),
@@ -1544,88 +1528,88 @@ let De = class extends ge {
           };
       else if (c >= n && c <= t) {
         if (c === n)
-          l = { ...e, left: (e.left || 0) - r.from.columnOffset };
+          d = { ...e, left: (e.left || 0) - r.from.columnOffset };
         else {
-          const h = this._selectionRenderService.attachRangeWithCoord({ startColumn: n, endColumn: c - 1, startRow: s.row, endRow: a.row });
-          if (h == null)
+          const m = this._selectionRenderService.attachRangeWithCoord({ startColumn: n, endColumn: c - 1, startRow: o.row, endRow: a.row });
+          if (m == null)
             return;
-          l = { ...e, left: (e.left || 0) - h.endX + h.startX - r.from.columnOffset };
+          d = { ...e, left: (e.left || 0) - m.endX + m.startX - r.from.columnOffset };
         }
-        d = N(l, this._selectionRenderService);
-      } else if (u >= n && u <= t && o === O.Both) {
-        const h = this._selectionRenderService.attachRangeWithCoord({
+        l = N(d, this._selectionRenderService);
+      } else if (g >= n && g <= t && i === b.Both) {
+        const m = this._selectionRenderService.attachRangeWithCoord({
           startColumn: n - 1,
           endColumn: n - 1,
-          startRow: s.row,
+          startRow: o.row,
           endRow: a.row
         });
-        if (h == null)
+        if (m == null)
           return;
-        d = {
-          from: { ...s },
-          to: { ...a, column: n - 1, columnOffset: h.endX - h.startX }
-        }, l = x(d, this._selectionRenderService);
+        l = {
+          from: { ...o },
+          to: { ...a, column: n - 1, columnOffset: m.endX - m.startX }
+        }, d = V(l, this._selectionRenderService);
       }
     }
-    return d != null && l != null ? {
-      newSheetTransform: d,
-      newTransform: l
+    return l != null && d != null ? {
+      newSheetTransform: l,
+      newTransform: d
     } : null;
   }
-  _expandRow(r, e, n, t, o = O.Position) {
-    const i = t - n + 1, { from: s, to: a } = r, { row: c } = s, { row: u } = a;
-    if (o === O.None)
+  _expandRow(r, e, n, t, i = b.Position) {
+    const s = t - n + 1, { from: o, to: a } = r, { row: c } = o, { row: g } = a;
+    if (i === b.None)
       return {
         newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let d = null, l = null;
+    let l = null, d = null;
     if (c >= n) {
-      const h = this._selectionRenderService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: s.column, endColumn: a.column });
-      if (h == null)
+      const m = this._selectionRenderService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: o.column, endColumn: a.column });
+      if (m == null)
         return;
-      l = { ...e, top: (e.top || 0) + h.endY - h.startY }, d = N(l, this._selectionRenderService);
-    } else if (u >= t)
-      if (o === O.Both)
-        d = {
-          from: { ...s },
+      d = { ...e, top: (e.top || 0) + m.endY - m.startY }, l = N(d, this._selectionRenderService);
+    } else if (g >= t)
+      if (i === b.Both)
+        l = {
+          from: { ...o },
           to: {
             ...a,
-            row: u + i
+            row: g + s
           }
-        }, l = x(d, this._selectionRenderService);
+        }, d = V(l, this._selectionRenderService);
       else
         return {
           newSheetTransform: N({ ...e }, this._selectionRenderService),
           newTransform: e
         };
-    return d != null && l != null ? {
-      newSheetTransform: d,
-      newTransform: l
+    return l != null && d != null ? {
+      newSheetTransform: l,
+      newTransform: d
     } : null;
   }
-  _shrinkRow(r, e, n, t, o = O.Position) {
-    const i = t - n + 1, { from: s, to: a } = r, { row: c } = s, { row: u } = a;
-    if (o === O.None)
+  _shrinkRow(r, e, n, t, i = b.Position) {
+    const s = t - n + 1, { from: o, to: a } = r, { row: c } = o, { row: g } = a;
+    if (i === b.None)
       return {
         newSheetTransform: N({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let d = null, l = null;
+    let l = null, d = null;
     if (c > t)
-      d = {
-        from: { ...s, row: c - i },
-        to: { ...a, row: u - i }
-      }, l = x(d, this._selectionRenderService);
+      l = {
+        from: { ...o, row: c - s },
+        to: { ...a, row: g - s }
+      }, d = V(l, this._selectionRenderService);
     else {
-      if (c >= n && u <= t)
+      if (c >= n && g <= t)
         return null;
-      if (c < n && u > t)
-        if (o === O.Both)
-          d = {
-            from: { ...s },
-            to: { ...a, row: u - i }
-          }, l = x(d, this._selectionRenderService);
+      if (c < n && g > t)
+        if (i === b.Both)
+          l = {
+            from: { ...o },
+            to: { ...a, row: g - s }
+          }, d = V(l, this._selectionRenderService);
         else
           return {
             newSheetTransform: N({ ...e }, this._selectionRenderService),
@@ -1633,43 +1617,43 @@ let De = class extends ge {
           };
       else if (c >= n && c <= t) {
         if (c === n)
-          l = { ...e, top: (e.top || 0) - r.from.rowOffset };
+          d = { ...e, top: (e.top || 0) - r.from.rowOffset };
         else {
-          const h = this._selectionRenderService.attachRangeWithCoord({ startRow: n, endRow: c - 1, startColumn: s.column, endColumn: a.column });
-          if (h == null)
+          const m = this._selectionRenderService.attachRangeWithCoord({ startRow: n, endRow: c - 1, startColumn: o.column, endColumn: a.column });
+          if (m == null)
             return;
-          l = { ...e, top: (e.top || 0) - h.endY + h.startY - r.from.rowOffset };
+          d = { ...e, top: (e.top || 0) - m.endY + m.startY - r.from.rowOffset };
         }
-        d = N(l, this._selectionRenderService);
-      } else if (u >= n && u <= t && o === O.Both) {
-        const h = this._selectionRenderService.attachRangeWithCoord({ startColumn: s.column, endColumn: s.column, startRow: n - 1, endRow: n - 1 });
-        if (h == null)
+        l = N(d, this._selectionRenderService);
+      } else if (g >= n && g <= t && i === b.Both) {
+        const m = this._selectionRenderService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: n - 1, endRow: n - 1 });
+        if (m == null)
           return;
-        d = {
-          from: { ...s },
-          to: { ...a, row: n - 1, rowOffset: h.endY - h.startY }
-        }, l = x(d, this._selectionRenderService);
+        l = {
+          from: { ...o },
+          to: { ...a, row: n - 1, rowOffset: m.endY - m.startY }
+        }, d = V(l, this._selectionRenderService);
       }
     }
-    return d != null && l != null ? {
-      newSheetTransform: d,
-      newTransform: l
+    return l != null && d != null ? {
+      newSheetTransform: l,
+      newTransform: d
     } : null;
   }
   _commandListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((r) => {
-        if (r.id === xn.id) {
-          const e = r.params, { unitId: n, subUnitId: t } = e, o = this._drawingManagerService.drawingManagerData, i = [], s = [];
-          Object.keys(o).forEach((a) => {
-            const c = o[a];
-            Object.keys(c).forEach((u) => {
-              const d = c[u].data;
-              d != null && Object.keys(d).forEach((l) => {
-                a === n && u === t ? i.push(d[l]) : s.push(d[l]);
+        if (r.id === Zn.id) {
+          const e = r.params, { unitId: n, subUnitId: t } = e, i = this._drawingManagerService.drawingManagerData, s = [], o = [];
+          Object.keys(i).forEach((a) => {
+            const c = i[a];
+            Object.keys(c).forEach((g) => {
+              const l = c[g].data;
+              l != null && Object.keys(l).forEach((d) => {
+                a === n && g === t ? s.push(l[d]) : o.push(l[d]);
               });
             });
-          }), this._drawingManagerService.removeNotification(s), this._drawingManagerService.addNotification(i);
+          }), this._drawingManagerService.removeNotification(o), this._drawingManagerService.addNotification(s);
         }
       })
     );
@@ -1677,128 +1661,128 @@ let De = class extends ge {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((r) => {
-        Vr.includes(r.id) && requestIdleCallback(() => {
-          const e = r.params, { unitId: n, subUnitId: t, ranges: o } = e;
-          this._refreshDrawingTransform(n, t, o);
+        ei.includes(r.id) && requestIdleCallback(() => {
+          const e = r.params, { unitId: n, subUnitId: t, ranges: i } = e;
+          this._refreshDrawingTransform(n, t, i);
         });
       })
     );
   }
   _refreshDrawingTransform(r, e, n) {
-    const t = this._drawingManagerService.getDrawingData(r, e), o = [];
-    Object.keys(t).forEach((i) => {
-      const s = t[i], { sheetTransform: a, anchorType: c = O.Position } = s;
-      if (c === O.None)
+    const t = this._drawingManagerService.getDrawingData(r, e), i = [];
+    Object.keys(t).forEach((s) => {
+      const o = t[s], { sheetTransform: a, anchorType: c = b.Position } = o;
+      if (c === b.None)
         return !0;
-      const { from: u, to: d } = a, { row: l, column: h } = u, { row: m, column: f } = d;
-      for (let g = 0; g < n.length; g++) {
-        const _ = n[g], { startRow: I, endRow: C, startColumn: v, endColumn: R } = _;
-        if (Yt.intersects(
+      const { from: g, to: l } = a, { row: d, column: m } = g, { row: u, column: f } = l;
+      for (let h = 0; h < n.length; h++) {
+        const p = n[h], { startRow: S, endRow: C, startColumn: v, endColumn: R } = p;
+        if (tn.intersects(
           {
-            startRow: I,
+            startRow: S,
             endRow: C,
             startColumn: v,
             endColumn: R
           },
           {
-            startRow: l,
-            endRow: m,
-            startColumn: h,
+            startRow: d,
+            endRow: u,
+            startColumn: m,
             endColumn: f
           }
-        ) || l > C || h > R) {
-          o.push({
-            ...s,
-            transform: x(a, this._selectionRenderService)
+        ) || d > C || m > R) {
+          i.push({
+            ...o,
+            transform: V(a, this._selectionRenderService)
           });
           break;
         }
       }
-    }), o.length !== 0 && (this._drawingManagerService.refreshTransform(o), this._commandService.syncExecuteCommand(L.id, [r]));
+    }), i.length !== 0 && (this._drawingManagerService.refreshTransform(i), this._commandService.syncExecuteCommand(j.id, [r]));
   }
 };
-De = $r([
-  me(he.Rendered, De),
-  te(0, B),
-  te(1, W($n)),
-  te(2, Y),
-  te(3, k),
-  te(4, Te),
-  te(5, ue)
-], De);
-var Yr = Object.defineProperty, Xr = Object.getOwnPropertyDescriptor, Hr = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? Xr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
-    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && Yr(e, n, o), o;
-}, Q = (r, e) => (n, t) => e(n, t, r);
-function kr(r, e, n, t) {
-  const { scaleX: o, scaleY: i } = e.getAncestorScale(), s = e.getViewport(mn.VIEW_MAIN), a = {
+ye = qr([
+  de(le.Rendered, ye),
+  re(0, B),
+  re(1, $(qn)),
+  re(2, X),
+  re(3, H),
+  re(4, $e),
+  re(5, ce)
+], ye);
+var ti = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ri = (r, e, n, t) => {
+  for (var i = t > 1 ? void 0 : t ? ni(e, n) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
+  return t && i && ti(e, n, i), i;
+}, ee = (r, e) => (n, t) => e(n, t, r);
+function ii(r, e, n, t) {
+  const { scaleX: i, scaleY: s } = e.getAncestorScale(), o = e.getViewport(Mn.VIEW_MAIN), a = {
     left: !0,
     top: !0
   };
-  if (!s)
+  if (!o)
     return {
       ...r,
       absolute: a
     };
-  const { left: c, right: u, top: d, bottom: l } = r, h = t.getFreeze(), { startColumn: m, startRow: f, xSplit: g, ySplit: _ } = h, I = n.getNoMergeCellPositionByIndexWithNoHeader(f - _, m - g), C = n.getNoMergeCellPositionByIndexWithNoHeader(f, m), { rowHeaderWidth: v, columnHeaderHeight: R } = n, w = C.startX - I.startX, M = C.startY - I.startY, { top: p, left: T, viewportScrollX: D, viewportScrollY: E } = s;
-  let U, y;
-  c < T ? (a.left = !0, U = (w + v + (c - T)) * o, y = Math.max(
+  const { left: c, right: g, top: l, bottom: d } = r, m = t.getFreeze(), { startColumn: u, startRow: f, xSplit: h, ySplit: p } = m, S = n.getNoMergeCellPositionByIndexWithNoHeader(f - p, u - h), C = n.getNoMergeCellPositionByIndexWithNoHeader(f, u), { rowHeaderWidth: v, columnHeaderHeight: R } = n, _ = C.startX - S.startX, M = C.startY - S.startY, { top: w, left: y, viewportScrollX: D, viewportScrollY: T } = o;
+  let U, E;
+  c < y ? (a.left = !0, U = (_ + v + (c - y)) * i, E = Math.max(
     Math.min(
-      (w + v + (u - T)) * o,
-      (w + v) * o
+      (_ + v + (g - y)) * i,
+      (_ + v) * i
     ),
-    (u - D) * o
-  )) : (a.left = !1, U = Math.max((c - D) * o, (w + v) * o), y = Math.max((u - D) * o, (w + v) * o));
-  let S, A;
-  return d < p ? (a.top = !0, S = (M + R + (d - p)) * i, A = Math.max(
+    (g - D) * i
+  )) : (a.left = !1, U = Math.max((c - D) * i, (_ + v) * i), E = Math.max((g - D) * i, (_ + v) * i));
+  let I, A;
+  return l < w ? (a.top = !0, I = (M + R + (l - w)) * s, A = Math.max(
     Math.min(
-      (M + R + (u - p)) * i,
-      (M + R) * i
+      (M + R + (g - w)) * s,
+      (M + R) * s
     ),
-    (l - E) * i
-  )) : (a.top = !1, S = Math.max((d - E) * i, (M + R) * i), A = Math.max((l - E) * i, (M + R) * i)), {
+    (d - T) * s
+  )) : (a.top = !1, I = Math.max((l - T) * s, (M + R) * s), A = Math.max((d - T) * s, (M + R) * s)), {
     left: U,
-    right: y,
-    top: S,
+    right: E,
+    top: I,
     bottom: A,
     absolute: a
   };
 }
-const We = (r, e, n, t) => {
-  const { scene: o } = e, { left: i, top: s, width: a, height: c, angle: u } = r, d = {
-    left: i,
-    right: i + a,
-    top: s,
-    bottom: s + c
-  }, l = kr(d, o, n, t);
+const Ye = (r, e, n, t) => {
+  const { scene: i } = e, { left: s, top: o, width: a, height: c, angle: g } = r, l = {
+    left: s,
+    right: s + a,
+    top: o,
+    bottom: o + c
+  }, d = ii(l, i, n, t);
   return {
-    startX: l.left,
-    endX: l.right,
-    startY: l.top,
-    endY: l.bottom,
-    rotate: u,
+    startX: d.left,
+    endX: d.right,
+    startY: d.top,
+    endY: d.bottom,
+    rotate: g,
     width: a,
     height: c,
-    absolute: l.absolute
+    absolute: d.absolute
   };
 };
-let Fe = class extends ge {
-  constructor(e, n, t, o, i, s, a) {
+let Je = class extends ue {
+  constructor(e, n, t, i, s, o, a) {
     super();
-    H(this, "_domLayerMap", /* @__PURE__ */ new Map());
-    H(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    H(this, "_transformChange$", new et());
-    H(this, "transformChange$", this._transformChange$.asObservable());
-    H(this, "_remove$", new et());
-    H(this, "remove$", this._remove$.asObservable());
-    this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = o, this._selectionRenderService = i, this._canvasFloatDomService = s, this._sheetDrawingService = a, this._drawingAddListener(), this._scrollUpdateListener(), this._featureUpdateListener(), this._deleteListener();
+    K(this, "_domLayerMap", /* @__PURE__ */ new Map());
+    K(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    K(this, "_transformChange$", new ct());
+    K(this, "transformChange$", this._transformChange$.asObservable());
+    K(this, "_remove$", new ct());
+    K(this, "remove$", this._remove$.asObservable());
+    this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = i, this._selectionRenderService = s, this._canvasFloatDomService = o, this._sheetDrawingService = a, this._drawingAddListener(), this._scrollUpdateListener(), this._featureUpdateListener(), this._deleteListener();
   }
   _ensureMap(e, n) {
     let t = this._domLayerMap.get(e);
     t || (t = /* @__PURE__ */ new Map(), this._domLayerMap.set(e, t));
-    let o = t.get(n);
-    return o || (o = /* @__PURE__ */ new Map(), t.set(n, o)), o;
+    let i = t.get(n);
+    return i || (i = /* @__PURE__ */ new Map(), t.set(n, i)), i;
   }
   _getSceneAndTransformerByDrawingSearch(e) {
     if (e == null)
@@ -1806,8 +1790,8 @@ let Fe = class extends ge {
     const n = this._renderManagerService.getRenderById(e), t = n == null ? void 0 : n.scene;
     if (n == null || t == null)
       return null;
-    const o = t.getTransformerByCreate(), i = n.engine.getCanvasElement();
-    return { scene: t, transformer: o, renderObject: n, canvas: i };
+    const i = t.getTransformerByCreate(), s = n.engine.getCanvasElement();
+    return { scene: t, transformer: i, renderObject: n, canvas: s };
   }
   // eslint-disable-next-line max-lines-per-function
   _drawingAddListener() {
@@ -1815,119 +1799,119 @@ let Fe = class extends ge {
       // eslint-disable-next-line max-lines-per-function
       this._drawingManagerService.add$.subscribe((e) => {
         e.forEach((n) => {
-          var ze, Ke;
-          const { unitId: t, subUnitId: o, drawingId: i } = n, s = re(this._univerInstanceService, { unitId: t, subUnitId: o }), a = this._drawingManagerService.getDrawingByParam(n), c = (ze = this._renderManagerService.getRenderById(t)) == null ? void 0 : ze.with(Be).getUnitSkeleton(t, o);
-          if (a == null || s == null || c == null)
+          var nt, rt;
+          const { unitId: t, subUnitId: i, drawingId: s } = n, o = se(this._univerInstanceService, { unitId: t, subUnitId: i }), a = this._drawingManagerService.getDrawingByParam(n), c = (nt = this._renderManagerService.getRenderById(t)) == null ? void 0 : nt.with(Xe).getUnitSkeleton(t, i);
+          if (a == null || o == null || c == null)
             return;
-          const { transform: u, drawingType: d } = a;
-          if (d !== Ne.DRAWING_DOM)
+          const { transform: g, drawingType: l } = a;
+          if (l !== Ve.DRAWING_DOM)
             return;
-          const l = this._getSceneAndTransformerByDrawingSearch(t);
-          if (l == null)
+          const d = this._getSceneAndTransformerByDrawingSearch(t);
+          if (d == null)
             return;
-          const { scene: h, canvas: m } = l;
-          if (u == null)
+          const { scene: m, canvas: u } = d;
+          if (g == null)
             return !0;
-          const { left: f, top: g, width: _, height: I, angle: C, flipX: v, flipY: R, skewX: w, skewY: M } = u, p = sn({ unitId: t, subUnitId: o, drawingId: i }), T = h.getObject(p);
-          if (T != null) {
-            T.transformByState({ left: f, top: g, width: _, height: I, angle: C, flipX: v, flipY: R, skewX: w, skewY: M });
+          const { left: f, top: h, width: p, height: S, angle: C, flipX: v, flipY: R, skewX: _, skewY: M } = g, w = vn({ unitId: t, subUnitId: i, drawingId: s }), y = m.getObject(w);
+          if (y != null) {
+            y.transformByState({ left: f, top: h, width: p, height: S, angle: C, flipX: v, flipY: R, skewX: _, skewY: M });
             return;
           }
           const D = {
             left: f,
-            top: g,
-            width: _,
-            height: I,
-            zIndex: this._drawingManagerService.getDrawingOrder(t, o).length - 1
-          }, E = new dn(p, D);
-          h.addObject(E, un).attachTransformerTo(E);
-          const U = this._ensureMap(t, o), y = new Xt(), S = We(E, l.renderObject, c.skeleton, s.worksheet), A = new _n(S), X = {
-            dispose: y,
-            rect: E,
+            top: h,
+            width: p,
+            height: S,
+            zIndex: this._drawingManagerService.getDrawingOrder(t, i).length - 1
+          }, T = new Rn(w, D);
+          m.addObject(T, Dn).attachTransformerTo(T);
+          const U = this._ensureMap(t, i), E = new nn(), I = Ye(T, d.renderObject, c.skeleton, o.worksheet), A = new Tn(I), z = {
+            dispose: E,
+            rect: T,
             position$: A,
             unitId: t,
-            subUnitId: o
+            subUnitId: i
           };
           this._canvasFloatDomService.addFloatDom({
             position$: A,
-            id: i,
+            id: s,
             componentKey: a.componentKey,
-            onPointerDown: (G) => {
-              m.dispatchEvent(new PointerEvent(G.type, G));
+            onPointerDown: (W) => {
+              u.dispatchEvent(new PointerEvent(W.type, W));
             },
-            onPointerMove: (G) => {
-              m.dispatchEvent(new PointerEvent(G.type, G));
+            onPointerMove: (W) => {
+              u.dispatchEvent(new PointerEvent(W.type, W));
             },
-            onPointerUp: (G) => {
-              m.dispatchEvent(new PointerEvent(G.type, G));
+            onPointerUp: (W) => {
+              u.dispatchEvent(new PointerEvent(W.type, W));
             },
-            onWheel: (G) => {
-              m.dispatchEvent(new WheelEvent(G.type, G));
+            onWheel: (W) => {
+              u.dispatchEvent(new WheelEvent(W.type, W));
             },
-            props: (Ke = U.get(i)) == null ? void 0 : Ke.props
+            props: (rt = U.get(s)) == null ? void 0 : rt.props
           });
-          const ke = E.onTransformChangeObservable.add(() => {
-            const G = We(E, l.renderObject, c.skeleton, s.worksheet);
+          const tt = T.onTransformChange$.subscribeEvent(() => {
+            const W = Ye(T, d.renderObject, c.skeleton, o.worksheet);
             A.next(
-              G
+              W
             );
           });
-          y.add(() => {
-            this._canvasFloatDomService.removeFloatDom(i);
-          }), ke && y.add(ke), this._domLayerInfoMap.set(i, X);
+          E.add(() => {
+            this._canvasFloatDomService.removeFloatDom(s);
+          }), tt && E.add(tt), this._domLayerInfoMap.set(s, z);
         });
       })
     );
   }
   _scrollUpdateListener() {
     this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
-      var t, o;
-      const n = (i, s) => {
-        var h;
-        const a = this._getSceneAndTransformerByDrawingSearch(i), c = this._ensureMap(i, s), u = Array.from(c.keys()), d = re(this._univerInstanceService, { unitId: i, subUnitId: s }), l = (h = this._renderManagerService.getRenderById(i)) == null ? void 0 : h.with(Be).getUnitSkeleton(i, s);
-        !a || !d || !l || u.forEach((m) => {
-          const f = this._domLayerInfoMap.get(m);
+      var t, i;
+      const n = (s, o) => {
+        var m;
+        const a = this._getSceneAndTransformerByDrawingSearch(s), c = this._ensureMap(s, o), g = Array.from(c.keys()), l = se(this._univerInstanceService, { unitId: s, subUnitId: o }), d = (m = this._renderManagerService.getRenderById(s)) == null ? void 0 : m.with(Xe).getUnitSkeleton(s, o);
+        !a || !l || !d || g.forEach((u) => {
+          const f = this._domLayerInfoMap.get(u);
           if (f) {
-            const g = We(f.rect, a.renderObject, l.skeleton, d.worksheet);
-            f.position$.next(g);
+            const h = Ye(f.rect, a.renderObject, d.skeleton, l.worksheet);
+            f.position$.next(h);
           }
         });
       };
-      if (e.id === fn.id) {
-        const i = e.params, { unitId: s, sheetId: a } = i;
-        n(s, a);
-      } else if (e.id === pn.id) {
-        const i = e.params, { unitId: s } = i;
-        Array.from((o = (t = this._domLayerMap.get(s)) == null ? void 0 : t.keys()) != null ? o : []).forEach((c) => {
-          n(s, c);
+      if (e.id === Pn.id) {
+        const s = e.params, { unitId: o, sheetId: a } = s;
+        n(o, a);
+      } else if (e.id === En.id) {
+        const s = e.params, { unitId: o } = s;
+        Array.from((i = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? i : []).forEach((c) => {
+          n(o, c);
         });
-      } else if (e.id === Fn.id) {
-        const { unitId: i, subUnitId: s } = e.params;
-        n(i, s);
+      } else if (e.id === Qn.id) {
+        const { unitId: s, subUnitId: o } = e.params;
+        n(s, o);
       }
     }));
   }
   _getPosition(e) {
-    const { startX: n, endX: t, startY: o, endY: i } = e, s = this._selectionRenderService.getSelectionCellByPosition(n, o);
-    if (s == null)
+    const { startX: n, endX: t, startY: i, endY: s } = e, o = this._selectionRenderService.getSelectionCellByPosition(n, i);
+    if (o == null)
       return;
     const a = {
-      column: s.actualColumn,
-      columnOffset: n - s.startX,
-      row: s.actualRow,
-      rowOffset: o - s.startY
-    }, c = this._selectionRenderService.getSelectionCellByPosition(t, i);
+      column: o.actualColumn,
+      columnOffset: n - o.startX,
+      row: o.actualRow,
+      rowOffset: i - o.startY
+    }, c = this._selectionRenderService.getSelectionCellByPosition(t, s);
     if (c == null)
       return;
-    const u = {
+    const g = {
       column: c.actualColumn,
       columnOffset: t - c.startX,
       row: c.actualRow,
-      rowOffset: i - c.startY
+      rowOffset: s - c.startY
     };
     return {
       from: a,
-      to: u
+      to: g
     };
   }
   _featureUpdateListener() {
@@ -1935,12 +1919,12 @@ let Fe = class extends ge {
       this._drawingManagerService.update$.subscribe((e) => {
         e.forEach((n) => {
           const t = this._drawingManagerService.getDrawingByParam(n);
-          if (!t || t.drawingType !== Ne.DRAWING_DOM)
+          if (!t || t.drawingType !== Ve.DRAWING_DOM)
             return;
-          const o = {
+          const i = {
             ...t.transform
           };
-          this._transformChange$.next({ id: n.drawingId, value: o });
+          this._transformChange$.next({ id: n.drawingId, value: i });
         });
       })
     );
@@ -1955,33 +1939,33 @@ let Fe = class extends ge {
     );
   }
   addFloatDomToPosition(e) {
-    const n = re(this._univerInstanceService, {
+    const n = se(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
     });
     if (!n)
       throw new Error("cannot find current target!");
-    const { unitId: t, subUnitId: o } = n, { initPosition: i, componentKey: s } = e, a = ne.generateRandomId(), c = this._getPosition(i);
+    const { unitId: t, subUnitId: i } = n, { initPosition: s, componentKey: o } = e, a = ie.generateRandomId(), c = this._getPosition(s);
     if (c == null)
       return;
-    this._ensureMap(t, o).set(a, e);
-    const d = {
+    this._ensureMap(t, i).set(a, e);
+    const l = {
       unitId: t,
-      subUnitId: o,
+      subUnitId: i,
       drawingId: a,
-      drawingType: Ne.DRAWING_DOM,
-      componentKey: s,
+      drawingType: Ve.DRAWING_DOM,
+      componentKey: o,
       sheetTransform: c,
       transform: {
-        left: i.startX,
-        top: i.startY,
-        width: i.endX - i.startX,
-        height: i.endY - i.startY
+        left: s.startX,
+        top: s.startY,
+        width: s.endX - s.startX,
+        height: s.endY - s.startY
       }
     };
-    return this._commandService.executeCommand(He.id, {
+    return this._commandService.executeCommand(et.id, {
       unitId: t,
-      drawings: [d]
+      drawings: [l]
     }), {
       id: a,
       dispose: () => {
@@ -1993,33 +1977,34 @@ let Fe = class extends ge {
     const t = this._domLayerInfoMap.get(e);
     if (!t)
       return;
-    const { unitId: o, subUnitId: i } = t, s = this._ensureMap(o, i);
-    this._domLayerInfoMap.delete(e), s.delete(e), t.dispose.dispose();
-    const a = this._getSceneAndTransformerByDrawingSearch(o);
-    if (a && a.scene.removeObject(t.rect), n) {
-      const c = this._drawingManagerService.getDrawingByParam({ unitId: o, subUnitId: i, drawingId: e });
+    const { unitId: i, subUnitId: s } = t;
+    this._domLayerInfoMap.delete(e), t.dispose.dispose();
+    const o = this._getSceneAndTransformerByDrawingSearch(i);
+    if (o && o.scene.removeObject(t.rect), n) {
+      this._ensureMap(i, s).delete(e);
+      const c = this._drawingManagerService.getDrawingByParam({ unitId: i, subUnitId: s, drawingId: e });
       if (!c)
         return;
-      const u = this._sheetDrawingService.getBatchRemoveOp([c]), { redo: d, objects: l } = u;
-      this._commandService.syncExecuteCommand(b.id, { unitId: o, subUnitId: i, op: d, objects: l, type: P.REMOVE });
+      const g = this._sheetDrawingService.getBatchRemoveOp([c]), { redo: l, objects: d } = g;
+      this._commandService.syncExecuteCommand(O.id, { unitId: i, subUnitId: s, op: l, objects: d, type: P.REMOVE });
     }
   }
 };
-Fe = Hr([
-  Q(0, W(se)),
-  Q(1, ue),
-  Q(2, W(B)),
-  Q(3, k),
-  Q(4, Te),
-  Q(5, W(Pn)),
-  Q(6, Y)
-], Fe);
-var zr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, Jr = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? Kr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
-    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && zr(e, n, o), o;
-}, Ce = (r, e) => (n, t) => e(n, t, r);
-let Me = class extends ge {
+Je = ri([
+  ee(0, $(te)),
+  ee(1, ce),
+  ee(2, $(B)),
+  ee(3, H),
+  ee(4, $e),
+  ee(5, $(Gn)),
+  ee(6, X)
+], Je);
+var si = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, ai = (r, e, n, t) => {
+  for (var i = t > 1 ? void 0 : t ? oi(e, n) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
+  return t && i && si(e, n, i), i;
+}, be = (r, e) => (n, t) => e(n, t, r);
+let Te = class extends ue {
   constructor(r, e, n, t) {
     super(), this._sheetPrintInterceptorService = r, this._drawingRenderService = e, this._drawingManagerService = n, this._renderManagerService = t, this._initPrinting();
   }
@@ -2029,9 +2014,9 @@ let Me = class extends ge {
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
         {
           handler: (r, e, n) => {
-            const { unitId: t, scene: o, subUnitId: i } = e, s = this._drawingManagerService.getDrawingDataForUnit(t), a = s == null ? void 0 : s[i];
+            const { unitId: t, scene: i, subUnitId: s } = e, o = this._drawingManagerService.getDrawingDataForUnit(t), a = o == null ? void 0 : o[s];
             return a && a.order.forEach((c) => {
-              this._drawingRenderService.renderDrawing(a.data[c], o);
+              this._drawingRenderService.renderDrawing(a.data[c], i);
             }), n();
           }
         }
@@ -2041,46 +2026,206 @@ let Me = class extends ge {
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_RANGE,
         {
           handler: (r, e, n) => {
-            const { unitId: t, subUnitId: o } = e, i = this._renderManagerService.getRenderById(t);
-            if (!i)
-              return n(r);
-            const s = i.with(Be).getUnitSkeleton(t, o);
+            const { unitId: t, subUnitId: i } = e, s = this._renderManagerService.getRenderById(t);
             if (!s)
               return n(r);
+            const o = s.with(Xe).getUnitSkeleton(t, i);
+            if (!o)
+              return n(r);
             const a = this._drawingManagerService.getDrawingDataForUnit(t), c = a == null ? void 0 : a[e.subUnitId];
             if (!c)
               return n(r);
-            const { scaleX: u, scaleY: d } = i.scene, l = r ? { ...r } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, h = c.order.map((m) => c.data[m]).filter((m) => m.drawingType !== ye.DRAWING_DOM);
-            return h.length ? (h.forEach((m) => {
-              if (!m.groupId && m.transform && ne.isDefine(m.transform.left) && ne.isDefine(m.transform.top) && ne.isDefine(m.transform.width) && ne.isDefine(m.transform.height)) {
-                const f = s.skeleton.getCellPositionByOffset(m.transform.left, m.transform.top, u, d, { x: 0, y: 0 }), g = s.skeleton.getCellPositionByOffset(m.transform.left + m.transform.width, m.transform.top + m.transform.height, u, d, { x: 0, y: 0 });
-                f.column < l.startColumn && (l.startColumn = f.column), f.row < l.startRow && (l.startRow = f.row), l.endRow < g.row && (l.endRow = g.row), l.endColumn < g.column && (l.endColumn = g.column);
+            const { scaleX: g, scaleY: l } = s.scene, d = r ? { ...r } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, m = c.order.map((u) => c.data[u]).filter((u) => u.drawingType !== Le.DRAWING_DOM);
+            return m.length ? (m.forEach((u) => {
+              if (!u.groupId && u.transform && ie.isDefine(u.transform.left) && ie.isDefine(u.transform.top) && ie.isDefine(u.transform.width) && ie.isDefine(u.transform.height)) {
+                const f = o.skeleton.getCellPositionByOffset(u.transform.left, u.transform.top, g, l, { x: 0, y: 0 }), h = o.skeleton.getCellPositionByOffset(u.transform.left + u.transform.width, u.transform.top + u.transform.height, g, l, { x: 0, y: 0 });
+                f.column < d.startColumn && (d.startColumn = f.column), f.row < d.startRow && (d.startRow = f.row), d.endRow < h.row && (d.endRow = h.row), d.endColumn < h.column && (d.endColumn = h.column);
               }
-            }), n(l)) : n(r);
+            }), n(d)) : n(r);
           }
         }
       )
     );
   }
 };
-Me = Jr([
-  me(he.Rendered, Me),
-  Ce(0, W(wn)),
-  Ce(1, W(Qt)),
-  Ce(2, k),
-  Ce(3, se)
-], Me);
-var Wt = Object.defineProperty, Zr = Object.getOwnPropertyDescriptor, qr = (r, e, n) => e in r ? Wt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n, Qr = (r, e, n, t) => {
-  for (var o = t > 1 ? void 0 : t ? Zr(e, n) : e, i = r.length - 1, s; i >= 0; i--)
-    (s = r[i]) && (o = (t ? s(e, n, o) : s(o)) || o);
-  return t && o && Wt(e, n, o), o;
-}, nt = (r, e) => (n, t) => e(n, t, r), Bt = (r, e, n) => (qr(r, typeof e != "symbol" ? e + "" : e, n), n);
-const eo = "SHEET_IMAGE_UI_PLUGIN";
-let Pe = class extends Ht {
+Te = ai([
+  de(le.Rendered, Te),
+  be(0, $(yn)),
+  be(1, $(gn)),
+  be(2, H),
+  be(3, te)
+], Te);
+var ci = Object.defineProperty, di = Object.getOwnPropertyDescriptor, li = (r, e, n, t) => {
+  for (var i = t > 1 ? void 0 : t ? di(e, n) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
+  return t && i && ci(e, n, i), i;
+}, ge = (r, e) => (n, t) => e(n, t, r);
+let Ue = class extends ue {
+  constructor(r, e, n, t, i) {
+    super(), this._drawingManagerService = r, this._renderManagerService = e, this._permissionService = n, this._univerInstanceService = t, this._userManagerService = i, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
+  }
+  _initDrawingVisible() {
+    const r = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    this.disposeWithMe(
+      Se([r, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+        if (!e) {
+          this._drawingManagerService.setDrawingVisible(!1);
+          return;
+        }
+        e.activeSheet$.subscribe((t) => {
+          if (!t) {
+            this._drawingManagerService.setDrawingVisible(!1);
+            return;
+          }
+          const i = e.getUnitId(), s = t.getSheetId();
+          if (this._permissionService.composePermission([new lt(i).id, new xe(i, s).id]).every((a) => a.value))
+            this._drawingManagerService.setDrawingVisible(!0);
+          else {
+            this._drawingManagerService.setDrawingVisible(!1);
+            const a = e.getUnitId(), c = t.getSheetId(), g = this._drawingManagerService.getDrawingData(a, c), l = Object.values(g), d = this._renderManagerService.getRenderById(a), m = d == null ? void 0 : d.scene;
+            if (m == null)
+              return;
+            m.getAllObjects().forEach((f) => {
+              f.classType === ne.IMAGE && l.some((h) => f.oKey.includes(h.drawingId)) && m.removeObject(f);
+            });
+          }
+        });
+      })
+    );
+  }
+  _initDrawingEditable() {
+    const r = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    this.disposeWithMe(
+      Se([r, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+        if (!e) {
+          this._drawingManagerService.setDrawingEditable(!1);
+          return;
+        }
+        e.activeSheet$.subscribe((t) => {
+          if (!t) {
+            this._drawingManagerService.setDrawingEditable(!1);
+            return;
+          }
+          const i = e.getUnitId(), s = t.getSheetId();
+          if (this._permissionService.composePermission([new He(i).id, new Oe(i, s).id]).every((a) => a.value))
+            this._drawingManagerService.setDrawingEditable(!0);
+          else {
+            this._drawingManagerService.setDrawingEditable(!1);
+            const a = e.getUnitId(), c = t.getSheetId(), g = this._drawingManagerService.getDrawingData(a, c), l = Object.values(g), d = this._renderManagerService.getRenderById(a), m = d == null ? void 0 : d.scene;
+            if (m == null)
+              return;
+            m.getAllObjects().forEach((f) => {
+              f.classType === ne.IMAGE && l.some((h) => f.oKey.includes(h.drawingId)) && m.detachTransformerFrom(f);
+            });
+          }
+        });
+      })
+    );
+  }
+  _initViewPermissionChange() {
+    const r = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    this.disposeWithMe(
+      Se([r, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+        e && e.activeSheet$.subscribe((t) => {
+          var d;
+          if (!t)
+            return;
+          const i = e.getUnitId(), s = t.getSheetId();
+          let o = !0;
+          const a = this._renderManagerService.getRenderById(i), c = a == null ? void 0 : a.scene;
+          if (c == null)
+            return;
+          const g = c.getTransformerByCreate(), l = this._permissionService.composePermission$([new lt(i).id, new xe(i, s).id]).pipe(dt((m) => m.every((u) => u.value)));
+          l == null || l.pipe(
+            Ce((m) => m !== o),
+            Ie()
+          ).subscribe({
+            next: (m) => {
+              o = m, this._drawingManagerService.setDrawingVisible(m);
+              const u = c.getAllObjects(), f = this._drawingManagerService.getDrawingData(i, s), h = Object.values(f);
+              m ? this._drawingManagerService.addNotification(h) : (u.forEach((p) => {
+                p.classType === ne.IMAGE && h.some((S) => p.oKey.includes(S.drawingId)) && c.removeObject(p);
+              }), g.clearSelectedObjects());
+            }
+          }), (d = this._permissionService.getPermissionPoint$(new xe(i, s).id)) == null || d.pipe(
+            Ce((m) => m.value !== o),
+            Ie()
+          ).subscribe({
+            complete: () => {
+              o = !0, this._drawingManagerService.setDrawingVisible(!0);
+              const m = this._drawingManagerService.getDrawingData(i, s), u = Object.values(m);
+              this._drawingManagerService.addNotification(u);
+            }
+          });
+        });
+      })
+    );
+  }
+  _initEditPermissionChange() {
+    const r = this._univerInstanceService.getCurrentTypeOfUnit$(Y.UNIVER_SHEET);
+    this.disposeWithMe(
+      Se([r, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+        e && e.activeSheet$.subscribe((t) => {
+          var d;
+          if (!t)
+            return;
+          const i = e.getUnitId(), s = t.getSheetId();
+          let o = !0;
+          const a = this._renderManagerService.getRenderById(i), c = a == null ? void 0 : a.scene;
+          if (c == null)
+            return;
+          const g = c.getTransformerByCreate(), l = this._permissionService.composePermission$([new He(i).id, new Oe(i, s).id]).pipe(dt((m) => m.every((u) => u.value)));
+          l == null || l.pipe(
+            Ce((m) => m !== o),
+            Ie()
+          ).subscribe({
+            next: (m) => {
+              o = m, this._drawingManagerService.setDrawingEditable(m);
+              const u = c.getAllObjects(), f = this._drawingManagerService.getDrawingData(i, s), h = Object.values(f);
+              m ? (u.forEach((p) => {
+                p.classType === ne.IMAGE && h.some((S) => p.oKey.includes(S.drawingId)) && c.attachTransformerTo(p);
+              }), this._drawingManagerService.addNotification(h)) : (u.forEach((p) => {
+                p.classType === ne.IMAGE && h.some((S) => p.oKey.includes(S.drawingId)) && c.detachTransformerFrom(p);
+              }), g.clearSelectedObjects());
+            }
+          }), (d = this._permissionService.getPermissionPoint$(new Oe(i, s).id)) == null || d.pipe(
+            Ce((m) => m.value !== o),
+            Ie()
+          ).subscribe({
+            complete: () => {
+              o = !0;
+              const m = e.getUnitId(), u = t.getSheetId(), f = this._drawingManagerService.getDrawingData(m, u), h = Object.values(f), p = this._renderManagerService.getRenderById(m), S = p == null ? void 0 : p.scene;
+              if (S == null)
+                return;
+              this._drawingManagerService.setDrawingEditable(!0), S.getAllObjects().forEach((v) => {
+                v.classType === ne.IMAGE && h.some((R) => v.oKey.includes(R.drawingId)) && S.detachTransformerFrom(v);
+              });
+            }
+          });
+        });
+      })
+    );
+  }
+};
+Ue = li([
+  de(le.Rendered, Ue),
+  ge(0, H),
+  ge(1, te),
+  ge(2, sn),
+  ge(3, ce),
+  ge(4, $(rn))
+], Ue);
+var zt = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, mi = (r, e, n) => e in r ? zt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n, gi = (r, e, n, t) => {
+  for (var i = t > 1 ? void 0 : t ? ui(e, n) : e, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (i = (t ? o(e, n, i) : o(i)) || i);
+  return t && i && zt(e, n, i), i;
+}, mt = (r, e) => (n, t) => e(n, t, r), Kt = (r, e, n) => mi(r, typeof e != "symbol" ? e + "" : e, n);
+const hi = "SHEET_IMAGE_UI_PLUGIN";
+let je = class extends on {
   constructor(e = {}, n, t) {
     super();
-    H(this, "_pluginConfig");
-    this._injector = n, this._localeService = t, this._pluginConfig = ne.deepMerge({}, Br, e);
+    K(this, "_pluginConfig");
+    this._injector = n, this._localeService = t, this._pluginConfig = ie.deepMerge({}, kr, e);
   }
   onStarting(e) {
     super.onStarting(e), this._initDependencies(e);
@@ -2088,29 +2233,30 @@ let Pe = class extends Ht {
   _initDependencies(e) {
     [
       // services
-      [Fe],
+      [Je],
       // controllers
       [
-        ce,
+        he,
         {
-          useFactory: () => this._injector.createInstance(ce, this._pluginConfig)
+          useFactory: () => this._injector.createInstance(he, this._pluginConfig)
         }
       ],
-      [Ie],
-      [Re],
-      [De],
-      [Me]
+      [Ee],
+      [Pe],
+      [ye],
+      [Te],
+      [Ue]
     ].forEach((t) => e.add(t));
   }
 };
-Bt(Pe, "type", ee.UNIVER_SHEET);
-Bt(Pe, "pluginName", eo);
-Pe = Qr([
-  kt(an, en, tn),
-  nt(1, W(Ve)),
-  nt(2, W(de))
-], Pe);
+Kt(je, "type", Y.UNIVER_SHEET);
+Kt(je, "pluginName", hi);
+je = gi([
+  an(Sn, hn, fn),
+  mt(1, $(Ze)),
+  mt(2, $(pe))
+], je);
 export {
-  Fe as SheetCanvasFloatDomManagerService,
-  Pe as UniverSheetsDrawingUIPlugin
+  Je as SheetCanvasFloatDomManagerService,
+  je as UniverSheetsDrawingUIPlugin
 };